div {border:0px solid #000;}

body{ background: #F3F3F3; margin:0; padding:0; font: normal 13px Arial, Helvetica, sans-serif; text-align: center;}

#wrap{ background: url(imgs/bg_wrap.jpg) repeat-y; width: 880px; margin-left: auto; margin-right: auto; margin-top:0; text-align: center;}
#wrapend{ background: url(imgs/bg_wrap_end.jpg) top no-repeat; width: 880px; height:13px; margin-left: auto; margin-right: auto; margin-top:0; margin-bottom:0; padding:0; text-align: center;}

#header{ width: 830px; margin-left: auto; margin-right: auto;}
	.headleft{ float: left; width: 48%;}
	.headleft h1{background: url(imgs/head_logo.jpg) no-repeat; width:210px; height:97px; margin:0; padding:0; display: inherit; float:left;}
	.headleft h1 span{display: none;}
	.headright{ float: right; width: 48%; text-align: right;}
		.headright form {width: 190px; float: right; margin: 10px 0 0 0;}
		
	.menu{ clear:both; background: #f3f3f3; padding: 0 5px; height: 35px; margin: 0 0 5px 0;}
	.menu ul{padding:0; margin:0; list-style: none; background: #f3f3f3;}
	.menu li{float: left; margin: 0 5px 0 0; padding: 10px 0;}
	.menu a{ text-decoration: none; text-transform: uppercase; color: #333333; font: bold 12px Arial, Helvetica, sans-serif;border:1px solid #f3f3f3; padding:6px;}
	.menu a:hover, .menu li.activo a{ text-decoration: none; text-transform: uppercase; color: #fff; font: bold 12px Arial, Helvetica, sans-serif; border:1px solid #999999; padding:6px; background:#FF9900;}

#home #headimg{ clear:both; background: url(imgs/header_img.jpg) no-repeat; width: 830px; height: 139px; margin:0 0 5px 0;}
#empresas #headimg{ clear:both; background: url(imgs/header_que.jpg) no-repeat; width: 830px; height: 139px; margin:0 0 5px 0;}
#ongs #headimg{ clear:both; background: url(imgs/header_img3.jpg) no-repeat; width: 830px; height: 139px; margin:0 0 5px 0;}
#eventos #headimg{ clear:both; background: url(imgs/header_img16.jpg) no-repeat; width: 830px; height: 139px; margin:0 0 5px 0;}
#punto #headimg{ clear:both; background: url(imgs/header_drop.jpg) no-repeat; width: 830px; height: 139px; margin:0 0 5px 0;}
#quienes #headimg{ clear:both; background: url(imgs/header_quienes.jpg) no-repeat; width: 830px; height: 139px; margin:0 0 5px 0;}
#clientes #headimg{ clear:both; background: url(imgs/header_clientes.jpg) no-repeat; width: 830px; height: 139px; margin:0 0 5px 0;}
#asociados #headimg{ clear:both; background: url(imgs/header_hands.jpg) no-repeat; width: 830px; height: 139px; margin:0 0 5px 0;}
#contacto #headimg{ clear:both; background: url(imgs/header_img15.jpg) no-repeat; width: 830px; height: 139px; margin:0 0 5px 0;}
#members #headimg{ clear:both; background: url(imgs/header_members.jpg) no-repeat; width: 830px; height: 139px; margin:0 0 5px 0;}

#content{ width:830px; margin-left:auto; margin-right:auto; margin-top: 0; text-align: left;}

	#content .lefthalf{ width: 49%; float: left;}
	#content .righthalf{ width: 49%; float: right;}

 #content .left{ width: 565px; margin: 0 5px 5px 0; padding:0; float: left;}

 #content .left h1, #content .full h1, .lefthalf h1, .righthalf h1 { background: url(imgs/header_bg.jpg) repeat; padding: 10px 5px; font: normal 22px Arial, Helvetica, sans-serif; color: #fff; text-align: left; margin:0 0 10px 0;}
 #content .left h2, #content .full h2, .lefthalf h2, .righthalf h2 { padding:5px; font: normal 18px Arial, Helvetica, sans-serif; color: #666; text-align: left; margin:0;}
  #content .left h3, #content .full h3, .lefthalf h3, .righthalf h3 { padding:5px 5px 5px 28px; margin:20px 0 10px 0; font: normal 18px Arial, Helvetica, sans-serif; color: #333333; text-align: left; letter-spacing: -0.03em; background: #F9FCF3 url(imgs/arrow_sq_blq.jpg) 8px 9px no-repeat; line-height: inherit; border: 1px solid #D7EACE;}
#content .left h3 a, #content .full h3 a, .lefthalf h3 a, .righthalf h3 a{border:none; background: none; padding:0; margin:0;} 
#content .left h3 a:hover, #content .full h3 a:hover, .lefthalf h3 a:hover, .righthalf h3 a:hover{border:none; background: none; padding:0; margin:0;}

   #content .left h4, #content .full h4, .lefthalf h4, .righthalf h4 { padding:0 0 0 30px; font: bold 12px Arial, Helvetica, sans-serif; color: #339999; text-align: left; margin:0; text-transform: uppercase; background: url(imgs/lict_ico.gif) 5px 1px no-repeat;}
   
 #content .left p, #content .full p, .lefthalf p, .righthalf p{margin:10px 5px; padding:0px 0 5px 0; font-size:16px; line-height: 1.5em;}
 #content .left p.ornggrey, #content .full p.ornggrey, .lefthalf p.ornggrey, .righthalf p.ornggrey{margin:10px 5px 0 5px; border:solid #ff9900; border-width: 1px 1px 1px 4px; background: #27A3AB; text-decoration: none; padding:8px; color: #fff} 
 #content .left a, #content .full a, .lefthalf a, .righthalf a{border: 1px solid #CCCCCC; text-decoration: none; padding: 0 2px 0 18px; color: #01626B; background: #f0f0f0 url(imgs/ico_link.gif) 2px center no-repeat;}
 #content .left a:hover, #content .full a:hover, .lefthalf a:hover, .righthalf a:hover{border: 1px solid #ff9900; background: #f0f0f0 url(imgs/ico_link_orng.gif) 2px center no-repeat; color:#000000;}

#content .left img, #content .full img, #content .lefthalf img, #content .righthalf img{border: 1px solid #ff9900; background: #fff; padding:2px;}
#content .left .csc-textpic-text,#content .lefthalf .csc-textpic-text,#content .righthalf .csc-textpic-text,#content .full .csc-textpic-text{margin:-5px 0; padding: 0 0 0 10px;}
#content .left .csc-textpic,#content .full .csc-textpic,#content .lefthalf .csc-textpic,#content .righthalf .csc-textpic{margin:0 0 10px 0px; padding:0; border: 0px solid #000; float: left; width:100%;}
#content .left .csc-textpic-image a,#content .full .csc-textpic-image a,#content .lefthalf .csc-textpic-image a,#content .righthalf .csc-textpic-image a{ background: none; padding:0; margin:0; border:none;}
#content .left .csc-textpic-image a:hover,#content .full .csc-textpic-image a:hover,#content .lefthalf .csc-textpic-image a:hover,#content .righthalf .csc-textpic-image a:hover{ background: none; padding:0; margin:0; border:none;}
#content .left .csc-textpic-imagerow,#content .full .csc-textpic-imagerow { margin: 0 0 10px 0; float: left; width: 100%;}
#content .left .csc-textpic-image,#content .full .csc-textpic-image{ margin:0 3px 0 0px; padding:0 10px 0 0;}

.3pics{width:100%; border:0px solid #000; margin: 10px 0; clear: both;}
.pic1, .pic2{ float: left; margin: 0 6px 0 0;}
.pic3{float: left; margin:0;}

 	.contleft{ float: left; width: 70%; margin:0; padding:0; position: inherit;}
	.contright{ float: right; width: 28%; background: #D8F0FE; margin:10px 0px 0px 0px; padding:0; border: solid #999999; border-width: 2px 0 4px 0;}
#content .left .contright p {font-size:12px; margin:0; padding:5px 10px;}
 
 #content .list{font-size:12px; background:url(imgs/list_bg.jpg) repeat; border: solid #666; border-width: 1px 0 2px 0; margin: 5px; clear: both;}
 #content ul{list-style: none; margin:0 5px 15px 5px; padding:5px 10px; background:url(imgs/list_bg.jpg) repeat; border: solid #666; border-width: 1px 0 2px 0; font-size:14px;}
 #content li{font-size:14px; background: url(imgs/lict_ico.gif) left 2px no-repeat; padding: 0 0 0 30px; margin: 0 0 10px 0;}

 #content .right{ width: 260px; margin:0 0 5px 0; padding:0; float: right; background: #f8f8f8; text-align: center;}
 #content .right h1 { background: #f3f3f3 url(imgs/news_ico.jpg) 5px center no-repeat; padding: 12px 0 0px 35px; font: bold 16px Arial, Helvetica, sans-serif; color: #666; text-align: left; margin:0; height: 33px;}
 #content .right h2 { padding: 5px 0 0px 10px; font: bold 14px Arial, Helvetica, sans-serif; color: #333; text-align: left; margin:2px 0; }
 #content .right h2 a{ text-decoration: none; color:#000000; background: url(imgs/arrow_sq_blq.jpg) left 2px no-repeat; padding: 0 10px 0 25px; display: block;}
 #content .right h2 a:hover{ color:#FF9900; background: url(imgs/arrow_sq_blq_over.gif) left 2px no-repeat;}

 #content .right p { padding: 0px 10px 10px 35px; font: normal 13px Arial, Helvetica, sans-serif; color: #666; text-align: left; margin:0;}
 #content .right img{margin: 5px 0;}

#foot{ width: 830px; margin-left: auto; margin-right: auto; text-align: center; padding-bottom: 10px;}
	#foot ul{padding:0; margin:0; list-style: none; background: #f3f3f3; margin-left: auto; margin-right: auto;}
	#foot li{ margin: 0 15px 0 0; padding: 10px 0; display: inline;}
	#foot a{ border-bottom: 1px dotted #666; text-decoration: none; text-transform: none; color: #333333; font: normal 12px Arial, Helvetica, sans-serif;}
	#foot a:hover{ text-decoration: none; color: #999999;}
	#foot p{ font: normal 12px Arial, Helvetica, sans-serif; margin:5px 0 0 0; padding:0;}
	#foot .credits{font: normal 10px Arial, Helvetica, sans-serif; margin: 5px 0;}
	#foot .credits a{ font: normal 10px Arial, Helvetica, sans-serif;}

form{ font: normal 10px Arial, Helvetica, sans-serif;}
label {float: left; padding:2px; clear: both; margin: 2px 0;}
input { float:right; padding:2px; vertical-align:middle; font:bold 10px Arial, Helvetica, sans-serif; background:#f3f3f3; border:inset #666666; border-width: 0 1px 1px 0; margin: 2px 0;}
input.btn { background: #0097A0; color: #fff;}

#content .tx-mocfilemanager-pi1 img{ border:none; background:none; margin:0; padding:0;}
#content .tx-mocfilemanager-pi1 a{ border:none; background:none;  margin:2px 0; padding:2px 0;}
#content .tx-mocfilemanager-pi1 a img{ margin:2px 3px 0px 3px ; padding:0px 0 0 0; vertical-align: top;}
#content .tx-mocfilemanager-pi1 a:hover{ border:none; background:none;  margin:0; padding:0;}
#content .tx-mocfilemanager-pi1 td{ font:normal 12px Arial, Helvetica, sans-serif; text-align:left;}

.moc_table td{ text-align:left; background: #CCCCCC; padding:10px;}
.moc_form{border:1px solid #000; margin: 10px 0 0 0; text-align: left;}
.moc_form input{float: left;}
.moc_action{text-align:left; border:1px solid #000; width: 200px;}