﻿* {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}
body {
	background: black;
}
#header {
	width:1004px;
	height:255px;
	margin:auto;
	position:relative;
	z-index:100;
}
#header h1{
	display:none;
}

/* Middle */
#middle {
	width:1004px;
	min-height:500px;
	background: #ACF3D1 url('../images/bg_middle.jpg') no-repeat left top;
	margin:auto;
	margin-top:-20px;
	overflow:hidden;
}
/** Col1 **/
#middle div.col1{
	width:530px;
	min-height:500px;
	float:left;
}
#middle div.col1.cuadros{
	background: url('../images/bg_quienes.png') no-repeat center 95px;
}
#middle div.col1.nena{
	background: url('../images/bg_nena.png') no-repeat left bottom;
}
#middle div.col1.gente{
	background: url('../images/bg_gente.png') no-repeat left bottom;
}
#middle div.col1.mesa{
	background: url('../images/bg_mesa.png') no-repeat left bottom;
}
/** Col2 **/
#middle div.col2{
	width:474px;
	float:left;
	font-size:11px;
}
/* Quienes Somos, Staff,  Comision Directiva */
/** Col1 **/
#middle div.col1 ul.menu {
	margin:30px 0 0 40px;
	float:left;
	width:169px;
}
#middle div.col1 ul.menu li{
	background: url('../images/bg_li.png') no-repeat left bottom;
	width:154px;	
	height:35px;
	padding-right:15px;
}


/***** Links Menuu *******/
#middle div.col1 ul.menu li a{
	display:block;
	overflow:hidden;
	float:right;
	margin-top:8px;

}
#middle div.col1 ul.menu li a.historia{
	background: url('../images/menu_historia.png') no-repeat left top;
	width:49px;
	height:13px;
	line-height:13px;
	text-indent:49px;
}
#middle div.col1 ul.menu li a.historia:hover, #middle div.col1 ul.menu li a.historia.selected{
	background: url('../images/menu_historia.png') no-repeat left bottom;
}
#middle div.col1 ul.menu li a.somos{
	background: url('../images/menu_somos.png') no-repeat left top;
	width:95px;
	height:15px;
	line-height:500px;
	text-indent:500px;
}
#middle div.col1 ul.menu li a.somos:hover, #middle div.col1 ul.menu li a.somos.selected{
	background: url('../images/menu_somos.png') no-repeat left bottom;
}
#middle div.col1 ul.menu li a.comision{
	background: url('../images/menu_comision.png') no-repeat left top;
	width:118px;
	height:13px;
	text-indent:118px;
	line-height:13px;
}
#middle div.col1 ul.menu li a.comision:hover, #middle div.col1 ul.menu li a.comision.selected{
	background: url('../images/menu_comision.png') no-repeat left bottom;
}
#middle div.col1 ul.menu li a.staff{
	background: url('../images/menu_staff.png') no-repeat left top;
	width:33px;
	height:13px;
	line-height:13px;
	text-indent:33px;
}
#middle div.col1 ul.menu li a.staff:hover, #middle div.col1 ul.menu li a.staff.selected{
	background: url('../images/menu_staff.png') no-repeat left bottom;
}
/* como trabajamos */
#middle div.col1 ul.menu li a.colaboran{
	background: url('../images/menu_colaboran.png') no-repeat left top;
	width:118px;
	height:16px;	
	text-indent:118px;
	line-height:16px;
}
#middle div.col1 ul.menu li a.colaboran:hover, #middle div.col1 ul.menu li a.colaboran.selected{
	background: url('../images/menu_colaboran.png') no-repeat left bottom;
}
#middle div.col1 ul.menu li a.trabajamos{
	background: url('../images/menu_trabajamos.png') no-repeat left top;
	width:110px;
	height:17px;	
	text-indent:500px;
	line-height:500px;
}
#middle div.col1 ul.menu li a.trabajamos:hover, #middle div.col1 ul.menu li a.trabajamos.selected{
	background: url('../images/menu_trabajamos.png') no-repeat left bottom;
}
#middle div.col1 ul.menu li a.colaboramos{
	background: url('../images/menu_colaboramos.png') no-repeat left top;
	width:149px;
	height:17px;
	text-indent:149px;
	line-height:17px;
}
#middle div.col1 ul.menu li a.colaboramos:hover, #middle div.col1 ul.menu li a.colaboramos.selected{
	background: url('../images/menu_colaboramos.png') no-repeat left bottom;
}

/** Col2 **/
#middle div.col2 h2{
	width:402px;
	height:43px;
	line-height:44px;
	text-indent:403px;
	overflow:hidden;
	margin:80px 0 15px 0 ;
}
#middle.quienes_somos div.col2 h2{
	background: url('../images/h2_quienes.png') no-repeat left top;
}
#middle.staff div.col2 h2{
	background: url('../images/h2_staff.png') no-repeat left top;
}
#middle.comision div.col2 h2{
	background: url('../images/h2_comision.png') no-repeat left top;
}
#middle.historia div.col2 h2{
	background: url('../images/h2_historia.png') no-repeat left top;
}
#middle.como_trabajamos div.col2 h2{
	background: url('../images/h2_como_trabajamos.png') no-repeat left top;
}
#middle.colaboran div.col2 h2{
	background: url('../images/h2_colaboran.png') no-repeat left top;
}
#middle.colaboramos div.col2 h2{
	background: url('../images/h2_colaboramos.png') no-repeat left top;
}
#middle.donantes div.col2 h2{
	background: url('../images/h2_donantes.png') no-repeat left top;
}
#middle.redes div.col2 h2{
	background: url('../images/h2_redes.png') no-repeat left top;
}
#middle.colaborar div.col2 h2{
	background: url('../images/h2_como_colaborar.png') no-repeat left top;
	margin-left:28px;
}
#middle.quienes_somos div.col2 p, #middle.historia div.col2 p{
	width:200px;
	float:left;
	margin:0px 15px 0 0;
	font-size:11px;
}
#middle.staff div.col2 ul li {
	font-size:11px;
	margin-bottom:20px;
	overflow:hidden;
}
#middle.staff div.col2 ul li a{
	color:black;
	text-decoration:none;
}
#middle.staff div.col2 ul li a:hover{
	text-decoration:underline;
}
#middle.staff div.col2 ul li dl{
	color:#005A57;
	font-weight:bold;
	line-height:15px;
}
#middle.staff div.col2 ul li dl dt{
	display: inline-block;
	margin-right:10px;
	float:left;
}
#middle.staff div.col2 ul li dl dd{
	font-size:13px;
	display: inline-block;
}
/*- comision directiva -*/
#middle.comision div.col2 dl{
	font-size:11px;
	width:280px;
}
#middle.comision div.col2 dl dt{
	color:#005A57;
	width:110px;
	float:left;
	display:block;
	clear:both;
	height:15px;
	text-align:right;
	margin-right:15px;
	vertical-align:top;
	font-weight:bold;
}
#middle.comision div.col2 dl dd.mbottom{
	margin-bottom:15px;
}
#middle.comision div.col2 dl dd{
	width:125px;
	text-align:left;
	float:left;
	display:block;
}
#middle.como_trabajamos div.col2 p{
	width:400px;
	font-size:11px;
}
#middle.colaboran div.col2 ul li, #middle.colaboramos div.col2 ul li{
	margin-bottom:15px;
}
#middle div.col2 ul li.color{
	color:#005A57;
	font-weight:bold;
}
#middle.colaboran div.col2 a{
	background:url('../images/bg_verdonante.png') no-repeat left top;
	height:72px;
	width:246px;
	line-height:73px;
	text-indent:247px;
	display:block;
	overflow:hidden;
}
/* donantes */
#middle.donantes {
	background: #ACF3D1 url('../images/bg_donantes.jpg') no-repeat left bottom;
	min-height:700px;
}
#middle.donantes div.col2{
	width:704px;
}
#middle.donantes div.col2 ul{
	width:175px;
	float:left;
	font-size:10px;
	display:block;
}
#middle.donantes div.col2 ul li.color{
	margin-bottom:10px;
}
#middle.donantes div.col2 ul li{
	float:left;
	width:175px;
}
#middle.donantes div.col1{
	width:300px;
}
/* Recibir */
#middle.recibir{
	min-height:863px;
	background: #ACF3D1 url('../images/bg_recibir.jpg') no-repeat left bottom;	
}
#middle.redes{
	background: #ACF3D1 url('../images/bg_redes.jpg') no-repeat left top;	
}

#middle.colecta div.col1 div{
	background: none;
}


#middle div.col1 div{
	background: url('../images/bg_naranja.png') no-repeat left 10px;
	width:313px;
	height:146px;
	margin:auto;
}
#middle.redes div.col1 div{
	margin-top:450px;
}
#middle.recibir div.col1 div{
	margin-top:520px;
}
#middle div.col1 div h3{	
	width:161px;
	height:30px;
	margin:0px auto 0 auto;
	text-indent:170px;
	line-height:40px;
	overflow:hidden;
}
#middle.redes div.col1 div h3{	
	background: white url('../images/h3_bancodealimentos.png') no-repeat left top;
}

#middle.recibir div.col1 div h3{	
	background: white url('../images/h3_participa.png') no-repeat left top;
}
#middle.recibir div.col1 div p, #middle.redes div.col1 div p{
	text-align:center;
	color:#7C3229;
	font-size:10px;
	width:267px;
	margin:10px auto 0 auto;
}
#middle.colecta div.col1 div p{
	/*color:#005A57;
	font-size:14px;*/
	width:450px;
}

#middle.recibir div.col2 {
	min-height:863px;
}
#middle.recibir div.col2 object{
	margin:60px 0 0 15px;
}

#middle.recibir div.col2 span{
	display:block;
	color:#336666;
	width:417px;
	margin:10px 0  10px 25px;
	
}
#middle.recibir div.col2 div{
	width:417px;
	background: url('../images/linea_recibo.png') no-repeat left top;
	padding:20px 0 0 25px;
	margin-bottom:30px;
}
#middle.recibir div.col2 div h4{
	font-weight:bold;
	margin-bottom:15px;
}
#middle.recibir div.col2 div ul li{
	list-style:square outside  ;
	margin-bottom:15px;
}


/* contacto */
#middle.contacto div.col1{
	padding-top:40px;
	width:400px;
}
#middle.contacto div.col1 p {
	margin:20px 0 0 50px;
	float:left;
	width:250px;
	float:left;
	clear:both;
	font-size:15px;
	text-align:right;
	display:block;
}
#middle.contacto div.col2 {
	width:504px;
}
#middle.contacto div.col2 object{
	margin-top:60px;
}
#middle.redes div.col1{
	width:480px;
}
#middle.redes div.col2{
	width:500px;
	padding-left:24px;
	min-height:620px;
}
#middle.redes div.col2 ul{
	width:230px;
	float:left;
	margin-right:15px;
}

#middle.redes div.col2 ul li{
	width:230px;
	float:left;
	color:#005A57;
	font-weight:bold;
	margin-bottom:10px;
}
#middle.redes div.col2 ul li a{
	font-weight: normal;
	display:block;
	color:black;
	text-decoration:none;
}
#middle.redes div.col2 ul li a:hover{
	text-decoration: underline;
}

/* colecta */
#middle.colecta div.col1 div{
	margin-top:420px;
	margin-left:30px;
}
#middle.colecta div.col2 h2{
	background: url('../images/h2_como_colaborar.png') no-repeat left top;
	margin-left:28px;
}
#middle.colecta {
	background:#ACF3D1 url('../images/bg_colecta.jpg') no-repeat left 20px;
	min-height:730px;
	font-size:12px;		
}
#middle.colecta div.col2 div{
	width:414px;
	padding:0 0 15px 28px;
	margin-bottom:15px;
	background: url('../images/linea_recibo.png') no-repeat left bottom;
}
#middle.colecta div.col2 div span{
	color:#0A544E;
	font-weight:bold;
	width:100%;
}
#middle.colecta div.col2 div a{
	color:black;
	text-decoration:none;
	font-weight:bold;
}

#middle.colecta div.col2 div.donacionbancaria{
	background: url('../images/donacionbancaria.png') no-repeat left top;
	width:350px;
	height:185px;
	display:block;
	padding:65px 20px 0 60px;
	color:white;
}
#middle.colecta h3{
	display:none;
}
#middle.colecta h5{
	color:#99FFFF;
	margin:15px 0 0 0;
	font-weight:bold;
}
#middle.colecta p.cuentas{
	font-size:12px;
	margin-top:10px;
}
#middle.colecta object{
	margin-bottom:40px;
}

/* colaborar */
#middle.colaborar {
	background:#ACF3D1 url('../images/bg_participe.jpg') no-repeat left 20px;
	min-height:730px;
	font-size:12px;		
}
#middle.colaborar div.col2 div{
	width:414px;
	padding:0 0 15px 28px;
	margin-bottom:15px;
	background: url('../images/linea_recibo.png') no-repeat left bottom;
}
#middle.colaborar div.col2 div span{
	color:#0A544E;
	font-weight:bold;
	width:100%;
}
#middle.colaborar div.col2 div a{
	color:black;
	text-decoration:none;
	font-weight:bold;
}

#middle.colaborar div.col2 div.donacionbancaria{
	background: url('../images/donacionbancaria.png') no-repeat left top;
	width:350px;
	height:185px;
	display:block;
	padding:65px 20px 0 60px;
	color:white;
}
#middle.colaborar h3{
	display:none;
}
#middle.colaborar h5{
	color:#99FFFF;
	margin:15px 0 0 0;
	font-weight:bold;
}
#middle.colaborar p.cuentas{
	font-size:12px;
	margin-top:10px;
}
#middle.colaborar object{
	margin-bottom:40px;
}




/* noticias */
#middle.noticias{
	background:#ACF3D1;
}
#middle.noticias div.col1{
	margin: 12px 25px 0 20px;
	float:left;
	background:url('../images/bg_anio_bottom.png') no-repeat left bottom;
	padding-bottom: 42px;
	overflow:hidden;
	min-height:0;
	width: 261px;
}
#middle.noticias div.col1 h4 {
	background:url('../images/bg_anio_top.png') no-repeat;
	width:261px;
	height:239px;
	display:block;
	text-indent:-10000px;
}
#middle.noticias div.col1 ul {
	background: url('../images/bg_anio_middle.png') repeat-y;
	width: 160px;
	margin:-107px 0 0 44px; 
	padding:10px 22px 0 22px;
}
#middle.noticias div.col1 ul li:first-child {
	margin-top:0px;
}
#middle.noticias div.col1 ul li{
	font-size:11px;	
	margin-top: 14px;
}
#middle.noticias div.col1 ul li a {
	color:black;
	background:url('../images/icon_pdf.gif') no-repeat left top;
	padding-left:35px;
	min-height:21px;
	display:block;
}
#middle.noticias div.col2 {
	margin-top: 27px;
	width:648px;
}
#middle.noticias div.col2 h2.actividades {
	background:url('../images/act_title.jpg') no-repeat;
	width: 648px;
	height:90px;
	display:block;
	margin:0;
	text-indent:648px;
}
#middle.noticias div.col2 div.wrap_actividades {
	width:648px;
	background: #357F6A url('../images/act_bottom.jpg') no-repeat left bottom;
	overflow:hidden;
	min-height:115px;
	margin-bottom:14px;
}
#middle.noticias div.col2 div.item {
	clear:both;
	width: 594px;
	margin:0 0 14px 11px;
	padding:0 15px 8px 17px;
	float:left;
}
#middle.noticias div.col2 div.wrap_actividades div.item {
	border-bottom: 1px #6BC4BA dotted;
	
}
#middle.noticias div.col2 div.wrap_noticias div.item {
	border-bottom: 1px #519D8D dotted;
}

#middle.noticias div.col2 img {
	background:  url('../images/foto.png') no-repeat;
	width:83px;
	height:84px;
	float:left;
	padding:6px;
	margin-right:14px;
}
#middle.noticias div.col2 h3 {
	font-weight:bold;
	font-size:11px;
	margin-bottom:12px;
}
#middle.noticias div.col2 div.wrap_actividades h3, #middle.noticias div.col2 div.wrap_actividades a.mas, #middle.noticias div.col2 div.wrap_actividades div.pager, #middle.noticias div.col2 div.wrap_actividades div.pager a {
	color:#99FFFF;
}
#middle.noticias div.col2 div.wrap_actividades a.mas {
	font-weight:bold;
	float:right;
	margin-top:10px;
	background:url('../images/act_mas.gif') right bottom no-repeat;
	padding-right:16px;
	clear:right;
	width:50px;
}
#middle.noticias div.col2 div.cuerpo {
	font-size:11px;
	width: 485px;
	float:right;
	height: 41px;
	overflow:hidden;
}
#middle.noticias div.col2 div.wrap_actividades div.cuerpo  {
	color:#fff;
}
#middle.noticias div.col2 div.pager{
	float:right;
	margin: 0 25px 10px 0;
	font-size:12px;
}
#middle.noticias div.col2 div.pager a {
	text-decoration:none;
}
#middle.noticias div.col2 h2.noticias {
	background:url('../images/noticias_title.jpg') no-repeat;
	width: 648px;
	height:96px;
	display:block;
	margin:0;
	text-indent:648px;
}
#middle.noticias div.col2 div.wrap_noticias {
	width:648px;
	background: #88D4AF url('../images/noticias_bottom.jpg') no-repeat  left bottom;
	overflow:hidden;
	min-height:115px;
	margin-bottom:41px;
}
#middle.noticias div.col2 div.wrap_noticias h3, #middle.noticias div.col2 div.wrap_noticias a.mas, #middle.noticias div.col2 div.wrap_noticias div.pager, #middle.noticias div.col2 div.wrap_noticias div.pager a {
	color:#337F7B;
}
#middle.noticias div.col2 div.wrap_noticias a.mas {
	font-weight:bold;
	float:right;
	margin-top:10px;
	background:url('../images/noticias_mas.gif') right bottom no-repeat;
	padding-right:16px;
	clear:right;
	width:50px;
}
#middle.noticias div.col2 div.item.expandido div.cuerpo {
	height:auto;
}
#middle.noticias div.col2 div.wrap_noticias div.item.expandido a.mas {
	float:right;
	margin-top:10px;
	background:  url('../images/noticias_menos.gif') left top  no-repeat;
	clear:right;
	width: 13px;
	overflow:hidden;
	text-indent:13px;
	height:11px;
	padding-right:0;
}
#middle.noticias div.col2 div.wrap_actividades div.item.expandido a.mas {
	float:right;
	margin-top:10px;
	background:url('../images/actividades_menos.gif') left top no-repeat;
	clear:right;
	width: 13px;
	overflow:hidden;
	text-indent:13px;
	height:11px;
	padding-right:0;
}

/* Footer */
#footer {
	width:1004px;
	height:94px;
	margin:auto;
	overflow: hidden;
}

