@charset "utf-8";
/* Estilos CSS para Home Fundación 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_01.gif); background-repeat: no-repeat; height: 24px; 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 .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;}
#menu_izq .content .caja .content ul {padding-left:15px; list-style-image: url(../images/cliente/bullet.gif); vertical-align: middle;}
#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; margin-left: -5px;}
#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 pequeños */
#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;
}