/* CSS Document */


/*--------------------- HOME ---------------------*/
body{ font:100% Arial, Helvetica, sans-serif;}
.top_izda, .top_dcha {float:left;height:248px;width:49%;}

.contenedor {
	background:transparent url(../images/casa-web.png) no-repeat scroll center top;
	height:820px;
	margin:2px auto 0;
	position:relative;
	width:999px;
}
.cabeceraContent{ width:592px; height:39px; background:url(../images/hoja-cabecera.png) no-repeat left bottom;}
.fondoContent{ width:580px; background:transparent url(../images/bg-hoja.png) repeat-y scroll center top; padding-left:12px;}
.cierreContent{ width:592px; height:13px; background:url(../images/cierre-hoja.gif) no-repeat left top;}

.cajaImagen { width:564px; height:143px; text-align:center; overflow:hidden; margin:5px 0;}

.cajaInfo{ width:564px; background:url(../images/caja-info-2.gif) repeat-y left top; margin-bottom:5px;}
	.cajaInfo .boxHeader{ background:url(../images/caja-info-1.gif) no-repeat left top; height:9px; margin-top:0px;}
	.cajaInfo .boxContent{ background:url(../images/caja-info-3.gif) no-repeat left bottom; padding:0 0 10px 10px; min-height:148px;}
	
	.cajaInfo h1{ color:#333333; font-size:1.8em; letter-spacing:-0.03em; margin:0px; padding:0;}
	.cajaInfo h2{ color:#013a8b; font-size:1.1em; letter-spacing:-0.03em; padding-bottom:0px; margin-top:5px; height:50px;}
	.cajaInfo h2 a{ color:#013a8b;}
	.cajaInfo h2 a:hover{ color:#CC3300; text-decoration:underline;}
	.cajaInfo a.link:hover{ color:#000000; text-decoration:none;}
	.cajaInfo p{ color:#464646; font-size:1.0em; letter-spacing:-0.01em;}
	.cajaInfo .fecha{ color:#666666; font-size:0.7em; padding:5px 0; display:block; height:15px;}
	.cajaInfo .fecha2{ color:#666666; font-size:1.2em; padding:3px 0; display:block; height:15px;}
	.cajaInfo .fecha,.fecha2 strong{ color:#333333; font-weight:bold;}
	.cajaInfo .moreInfo{ float:right;  display:block; margin-right:10px;}

.cajaInfo.destacado{ width:564px; background:url(../images/caja-destacado-2.gif) repeat-y left top; margin-bottom:5px;}
	.cajaInfo.destacado .boxHeader{ background:url(../images/caja-destacado-1.gif) no-repeat left top; height:9px;}
	.cajaInfo.destacado .boxContent{ background:url(../images/caja-destacado-3.gif) no-repeat left bottom; padding:0 0 10px 10px; min-height:148px;}
	
	.listadoRevistas{ width:564px; background:url(../images/caja-info-2.gif) repeat-y left top; margin-bottom:5px;}
	.listadoRevistas .boxHeader{ background:url(../images/caja-info-1.gif) no-repeat left top; height:9px; margin-top:0px;}
	.listadoRevistas .boxContent{ background:url(../images/caja-info-3.gif) no-repeat left bottom; padding:0 0 10px 10px; min-height:148px;}
	
	.listadoRevistas h1{ color:#333333; font-size:1.8em; letter-spacing:-0.03em; margin:0px; padding:0;}
	.listadoRevistas h2{ color:#013a8b; font-size:1.7em; letter-spacing:-0.03em; padding-bottom:0px; margin-top:5px; height:50px;}
	.listadoRevistas h2 a{ color:#013a8b;}
	.listadoRevistas h2 a:hover{ color:#CC3300; text-decoration:underline;}
	.listadoRevistas a.link:hover{ color:#000000; text-decoration:none;}
	.listadoRevistas p{ color:#464646; font-size:1.3em; letter-spacing:-0.01em;}
	.listadoRevistas .fecha{ color:#666666; font-size:0.7em; padding:5px 0; display:block; height:15px;}
	.listadoRevistas .fecha2{ color:#666666; font-size:1.2em; padding:3px 0; display:block; height:15px;}
	.listadoRevistas .fecha,.fecha2 strong{ color:#333333; font-weight:bold;}
	.listadoRevistas .moreInfo{ float:right;  display:block; margin-right:10px;}

.listadoRevistas.destacado{ width:564px; background:url(../images/caja-destacado-2.gif) repeat-y left top; margin-bottom:5px;}
	.listadoRevistas.destacado .boxHeader{ background:url(../images/caja-destacado-1.gif) no-repeat left top; height:9px;}
	.listadoRevistas.destacado .boxContent{ background:url(../images/caja-destacado-3.gif) no-repeat left bottom; padding:0 0 10px 10px; min-height:148px;}


.imagenDcha .photoBox{ float:right; margin:0 15px 0 10px; width:240px; height:155px; overflow:hidden; text-align:right;}
.imagenDcha a.link1{ color:#FFFFFF; font-size:11px; font-weight:bold; text-decoration:none; position:absolute; left:441px; margin-top:-14px;}
.imagenDcha a.link2{ color:#FFFFFF; font-size:11px; font-weight:bold; text-decoration:none; position:absolute; left:365px; margin-top:-14px;}
.imagenIzda .photoBox{ float:left; margin:0 15px 0 0; width:240px; height:155px; overflow:hidden; text-align:left;}
.imagenIzda a.link1{ color:#FFFFFF; font-size:11px; font-weight:bold; text-decoration:none; position:absolute; right:240px; margin-top:-14px;}
.imagenIzda a.link2{ color:#FFFFFF; font-size:0.7em; font-weight:bold; text-decoration:none; position:absolute; right:310px; margin-top:-14px;}
.imagenIzda h2, .imagenIzda p{ margin-right:10px;}

.marcoFoto{ display:block; width:280px; height:116px; position:absolute; overflow:hidden;}

.marcoTitularFlotante{ display:block; overflow:hidden; position:relative;}

.cumpleanos{ border:1px solid #9b9b9b; background-color:#dc0067; width:564px; min-height:216px; margin-bottom:5px;}
	.cumpleanos h1{ color:#FFFFFF; font-size:1.8em; letter-spacing:-0.03em; text-align:center;}
	.cumpleanos h2{ color:#FFFFFF; font-size:1.4em; letter-spacing:-0.03em; padding-bottom:5px; padding-left:5px; text-align:center;}
	.cumpleanos h2 strong{ font-weight:bold;}
	.cumpleanos .contenedorFotos{ background:url(../images/pastillas-fotos-cumpleanos.gif) no-repeat left top; height:109px; margin-left:4px;}
	.cumpleanos ul.abecedario {margin-left:10px;}
	.cumpleanos ul.abecedario li { display:inline;}
	.cumpleanos ul.abecedario li a{ display:block; float:left; color:#000000; font-weight:bold; background-color:#9f0067; margin:1px 0 1px 1px; font-size:1.3em; height:20px; padding:7px 0; text-align:center; width:19px;}
	.cumpleanos ul.abecedario li a:hover, .cumpleanos ul.abecedario li a.active{color:#622b44; background-color:#f7a8cc;}
	.cumpleanos .botones{display:block; float:left; padding:5px 4px; margin:35px 5px 0 5px;}
	.cumpleanos .contenidoFotos{display:block; float:left; width:452px; height:100px; overflow:hidden;}
	.cumpleanos .contenidoFotos .fotosChicos{ margin:4px 1px 0; border:3px solid #622b44;}



.pie {color:#717171; font-family:Arial; font-size:0.7em; line-height:25px; text-align:center;}
	.pie strong {color:#333333;font-weight:bold;}


.logueado_error .datos {
	font-size: 62.5%;
}

.login {
	font-size: 62.5%;
}

span#prevBtn{
	float:left;
	margin:35px 5px 0;
	padding:5px 4px;
}
span#nextBtn{
	float:right;
	margin:35px 5px 0;
	padding:5px 4px;
}
.irRevista{
	padding-left:200px;
	vertical-align:super;
}
.irRevista span{
	padding-left:260px;
	vertical-align:super;
}	
.revistas {padding:20px;}
.revistas .info{ color:#666666; font-size:1.2em; padding:3px 0; display:block; height:15px;}
.revistas .info strong{ color:#333333; font-weight:bold;}
.revistas .foto{float:left;margin-right:5px;}		
