@charset "utf-8";

/* Estilos CSS para Home Fundacin Leer*/



/* = Layout

   ----------------------------------------------------*/

:focus {outline: 0;}

body {

	background-color: #009AC8;

	padding:0px;

	margin:10px;

}

#superior {

	background-image: url(../images/cliente/wrapper_top.gif);

	height: 5px;

	width: 740px;

	margin-right: auto;

	margin-left: auto;

	background-position: top;

	background-repeat: no-repeat;

	background-color: #FFFFFF;

}

#inferior {

	background-image: url(../images/cliente/wrapper_bottom.gif);

	height: 5px;

	width: 740px;

	margin-right: auto;

	margin-left: auto;

	background-position: bottom;

	background-repeat: no-repeat;

	background-color: #FFFFFF;

}

#wrapper{

	margin-right: auto;

	margin-left: auto;

	width: 740px;

	background-color: #FFFFFF;

	min-height:100%;

	height:auto !important;

	display: table;

}

#inner_wrapper{

	margin-right: auto;

	margin-left: auto;

	width: 730px;

	background-color: #FFFFFF;

}

#content_wrapper{

	margin-right: auto;

	margin-left: auto;

	width: 686px;

}

#footer{

	width:740px;

	padding-top:15px;

	background-color:#FFF;

	margin-right: auto;

	margin-left: auto;

}

#footer .base {

	height: 75px;

	margin-right: 5px;

	margin-left: 5px;

	background-image: url(../images/cliente/footer_base.gif);

	background-repeat: repeat-x;

	background-position: bottom;

}

#footer .datos{

	width:680px;

	height: 60px;

	margin-right: auto;

	margin-left: auto;

	background-image: url(../images/cliente/footer_datos_back.jpg);

	background-repeat: repeat-x;

	padding-top: 15px;

}

#footer .base .datos .left {

	background-image: url(../images/cliente/footer_datos_left.jpg);

	background-repeat: no-repeat;

	height: 60px;

	width: 5px;

	margin-top: -15px;

	float: left;

}

#footer .base .datos .texto {

	height: 60px;

	width: 675px;

	margin-top: -15px;

	float: left;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #666666;

}

#footer .base .datos .texto span{

	color: #EEA202;

}

#footer .base .datos .right {

	background-image: url(../images/cliente/footer_datos_right.jpg);

	background-repeat: no-repeat;

	height: 60px;

	width: 5px;

	margin-top: -60px;

	float: right;

}

#footer .base .datos .copyright {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	text-transform: uppercase;

	color: #FFF;

	float: right;

	margin-top: 1px;

}

#footer_wrapper {

	margin-top: 10px;

}

#footer .base .datos .texto .logo {

	float: left;

	width: 165px;

}

#footer .base .datos .texto .punteado {

	float: left;

	width: 330px;

	height: 40px;

	padding-top: 20px;

	margin-top:-10px;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: dotted;

	border-left-style: dotted;

	border-right-color: #C0BFBA;

	border-left-color: #C0BFBA;

}

#footer .base .datos .texto #footer_wrapper .punteado ul {

	list-style-type: none;

/*	margin:0;

	padding:0;*/

}

#footer .base .datos .texto #footer_wrapper .punteado ul li {

	float: left;

	width: auto;

	margin-left:25px;

}

/* = Solapas

	----------------------------------------------------*/

#solapas {

	width:725px;

	margin-left:auto;

	margin-right:auto;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFFFFF;

	text-decoration: none;

	margin-top: 10px;

	height: 23px;

	margin-bottom: 0px;

  }

#solapas ul {

	list-style:none;

	margin: 0;

	padding:0;

	float:right;

  }

#solapas li {

	float:left;

	background-image: url(../images/cliente/solapita_left.gif);

	background-repeat: no-repeat;

	background-position: left top;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 7px;

	margin-top: 0;

	margin-right: -2px;

	margin-bottom: 0;

	margin-left: 0;

  }

#solapas a {

	float:right;

	display:block;

	text-decoration:none;

	color:#FFFFFF;

	background-image: url(../images/cliente/solapita_right.gif);

	background-repeat: no-repeat;

	background-position: right top;

	padding-top: 6px;

	padding-right: 15px;

	padding-bottom: 2px;

	padding-left: 6px;

  }

/* Commented Backslash Hack

   hides rule from IE5-Mac \*/

#solapas a {float:none;}

#solapas li a img{

	border:0;

	margin-right:5px;

	margin-top: 1px;

}

/* End IE5-Mac hack */

#solapas a:hover {

  color:#333;

}



H1{font-family: "Trebuchet MS", Arial, Verdana, sans-serif; font-size: 14px; color: #009AC8; font-weight: bold; margin-top: -2px;}

H2{font-family: "Trebuchet MS", Arial, Verdana, sans-serif; font-size: 18px; font-weight: bold; color: #E40D62; text-decoration: none; margin-top: -20px;}

H3 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #333333; margin-top: -2px;}

ul{	padding: 0px; margin-top: -10px; margin-right: 0px; margin-bottom: 0px; margin-left: 5px;}



/* = Superior

   ----------------------------------------------------*/

#header{background-image: url(../images/cliente/encabezado.gif); background-repeat: no-repeat; width: 730px; height: 170px;}

#search{

	height: 28px;

	background-image: url(../images/cliente/search.gif);

	background-repeat: no-repeat;

	width: 172px;

	margin-bottom: 25px;

	margin-left: 525px;

	background-position: bottom;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #555;

	font-weight: bold;

	padding-top: 10px;

	padding-left: 15px;

	vertical-align: text-bottom;

}

#search input {

	border: 1px solid #FFFFFF;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight:normal;

	float: left;

}

.search_left {

	float: left;

	margin-right: 5px;

}



/* = Menu principal

   ----------------------------------------------------*/

#menu{width: 730px; height: 88px;}

#skyline {width: 686px; height: 90px; padding: 0; position: relative; background-image: url(../images/cliente/menu.gif); margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto;}

#skyline li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0px;}

#skyline li, #skyline a {height: 90px; display: block;}

#skyline span {display:none;}

#panel1b {left: 0; width: 106px;}

#panel2b {left: 107px; width: 91px;}

#panel3b {left: 199px; width: 121px;}

#panel4b {left: 319px; width: 102px;}

#panel5b {left: 420px; width: 68px;}

#panel6b {left: 491px; width: 80px;}

#panel7b {left: 571px; width: 56px;}

#panel8b {left: 628px; width: 58px;}

#panel1b a:hover {background-color: transparent; background-image: url(../images/cliente/menu.gif); background-repeat: no-repeat;background-position: 0 -89px;}

#panel2b a:hover {background-color: transparent; background-image: url(../images/cliente/menu.gif); background-repeat: no-repeat; background-position: -107px -89px;}

#panel3b a:hover {background-color: transparent; background-image: url(../images/cliente/menu.gif); background-repeat: no-repeat; background-position: -199px -89px;}

#panel4b a:hover {background-color: transparent; background-image: url(../images/cliente/menu.gif); background-repeat: no-repeat;  background-position: -319px -89px;}

#panel5b a:hover {background-color: transparent; background-image: url(../images/cliente/menu.gif); background-repeat: no-repeat;  background-position: -420px -89px;}

#panel6b a:hover {background-color: transparent; background-image: url(../images/cliente/menu.gif); background-repeat: no-repeat; background-position: -491px -89px; }

#panel7b a:hover {background-color: transparent; background-image: url(../images/cliente/menu.gif); background-repeat: no-repeat; background-position: -571px -89px;}

#panel8b a:hover {background-color: transparent; background-image: url(../images/cliente/menu.gif); background-repeat: no-repeat; background-position: -628px -89px;}



/* = Columna izquierda

   ----------------------------------------------------*/

#barra_izq {float: left; width: 150px;}

#banners_izq {margin-bottom: 10px;}

#menu_izq {background-image: url(../images/cliente/menu_izq_02.gif);}

#menu_izq #top {background-image: url(../images/cliente/menu_izq_01b.gif); background-repeat: no-repeat; height: 10px; width: 150px;}

#menu_izq #bottom {background-image: url(../images/cliente/menu_izq_03.gif); background-repeat: no-repeat; height: 8px; width: 150px;}

#menu_izq .content {width: 120px; padding-right: 5px; padding-left: 5px;}

#menu_izq .content h1{
margin-bottom:20px;
padding-left:10px;
clear:right;
}

#menu_izq .content .caja { width: 136px; background-position: center; background-image: url(../images/cliente/caja_izq_02.gif); background-repeat: repeat-y; margin-top: 10px;}

#menu_izq .content .caja .top { background-image: url(../images/cliente/caja_izq_01.gif); width: 136px; background-repeat: no-repeat; height: 9px;}

#menu_izq .content .caja .content { height: 100%; width:120px; margin-right: auto; margin-left: auto;}

#menu_izq .content .caja .bottom { background-image: url(../images/cliente/caja_izq_03.gif); width: 136px; background-repeat: no-repeat; height: 38px;}

#menu_izq .content .caja .pie { background-image: url(../images/cliente/caja_izq_04.gif); width: 136px; background-repeat: no-repeat; height: 9px;}
.bulete{
background-image:url(../images/cliente/bullet.gif); 
background-repeat:no-repeat;
margin-left:-1px;
padding-top:5px;
width:5px;
height:14px;
float:left;
margin-right:1px;
}
#menu_izq .content .caja .content ul {padding-left:0px; list-style:none;}
#menu_izq .content .caja .content ul li {margin-bottom:2px;}
.lilink{float:left; width:100px;};
.lilink a{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #808284; text-decoration: none; vertical-align: middle; display:block;}
.lilink a:hover{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #747678; text-decoration: underline;}

#menu_izq .content .caja .content ul li a{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #808284; text-decoration: none; vertical-align: middle; display:block;}

#menu_izq .content .caja .content ul li a:hover{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #747678; text-decoration: underline;}

.donaciones a{

	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #E40D62;

	text-decoration: none;

	width: 50px;

}



/* = Columna principal

   ----------------------------------------------------*/

#contenidos {

	width: 525px;

	margin-left:10px;

	float:left;

}

#destacados{height: 320px;}



/* = destacados grandes */

#cajas_big {

	height: 178px;

	line-height: 90%;

	width: 525px;

	float: left;

	margin-bottom: 10px;

}

#cajas_big ul {margin-top: 5px; padding-left: 5px; list-style-type: none;}

#cajas_big ul li {padding-left: 10px; background-image: url(../images/cliente/bullet_large.gif); background-repeat: no-repeat; background-position: 0px 8px;}

#cajas_big ul li a{font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration:none;}

#cajas_big ul li a:hover{text-decoration:underline;}

#cajas_big .coordinadores {

	background-image: url(../images/cliente/cajas_big_fucsia.jpg);

	background-repeat: no-repeat;

	float: left;

	height: 138px;

	width: 217px;

	margin-right:11px;

	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;

	font-size: 26px;

	font-weight: bold;

	color: #FFFFFF;

	padding: 20px;

}

#cajas_big .docentes {

	background-image: url(../images/cliente/cajas_big_celeste.jpg);

	background-repeat: no-repeat;

	float: left;

	height: 138px;

	width: 217px;

	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;

	font-size: 24px;

	font-weight: bold;

	color: #FFFFFF;

	padding: 20px;

}



/* = destacados pequeos */

#cajas_small {

	height: 130px;

	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;

	font-size: 20px;

	font-weight: bold;

	color: #FFFFFF;

	line-height: 90%;

}

#cajas_small .voluntarios {background-image: url(../images/cliente/cajas_colores_verde.jpg); background-repeat: no-repeat; float: left; height: 100px; width: 145px; padding: 15px;}

#cajas_small .padres {background-image: url(../images/cliente/cajas_colores_amarillo.jpg); background-repeat: no-repeat; float: left; height: 100px; width: 145px; padding: 15px;}

#cajas_small .chicos { background-image: url(../images/cliente/cajas_colores_fucsia.jpg); background-repeat: no-repeat; float: left; height: 100px; width: 145px; padding: 15px;}

#cajas_small ul {margin-top: 5px; list-style-type: none;}

#cajas_small ul li {padding-left: 10px; background-image: url(../images/cliente/bullet_large.gif); background-repeat: no-repeat; background-position: 0px 8px;}

#cajas_small ul li a{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration:none;}

#cajas_small ul li a:hover{ text-decoration:underline;}



/* = contenidos */

.contents {

	width: 525px;

}

.contents .top {

	background-image: url(../images/cliente/caja_contents_celeste_01.gif); 	width: 525px; background-repeat: no-repeat; height: 16px; margin-top: 10px;}

.contents .content {padding-right: 15px; padding-left: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333;background-image: url(../images/cliente/caja_contents_celeste_02.gif); background-repeat: repeat-y;}

.contents .content a {font-weight: bold; color: #0089B0; text-decoration: none;}

.contents .content a:hover {text-decoration: underline;}

.contents .content .more {font-weight: bold; color: #0089B0; text-align: right; background-image: url(../images/cliente/bullet_more.gif); background-repeat: no-repeat; background-position: right 4px; padding-right: 15px;}

.contents .content img {font-weight: bold; color: #0089B0; text-decoration: none; float: left;

	margin-right: 10px;

	margin-bottom: 10px;

	border: 3px solid #009AC8;

}

.contents .bottom {

	background-image: url(../images/cliente/caja_contents_celeste_03.gif);

	width: 525px;

	background-repeat: no-repeat;

	height: 16px;

}