@charset "utf-8";
/* CSS Document */

body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	background: #464034;
	margin: 0; /*compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
	color:#666;
	
}
a {
	color: #464034;
	text-decoration:none;
}

a:hover {
	color: #464034;
	text-decoration:underline;
}
img{
	border:0px;
}

h1{	
	font-size:14px;
	color:#000;
	font-weight:normal;
	margin-bottom:5px;
}

hr{
	height:1px;
	border:1px solid #CCC;
	margin:0px;
	padding:0px;
}

label {
	display:block;
}
#Animacion {
	width:1000px;
	height:300px;
	position:absolute;
	padding:0;
	top:0;
	left:50%;
	margin-left:-500px;
	background-image:url(../img/fondo-cabecera2.gif);
	background-position:top;
	background-repeat:no-repeat;
}
#contenedor {
	width: 800px;  /* el uso de 20px menos que un ancho completo de 800px da cabida a los bordes del navegador y evita la aparición de una barra de desplazamiento horizontal */
	/*margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	text-align: left; /* esto anula text-align: center en el elemento body. */


	position:absolute;
	padding:0;
	top:0;
	left:50%;
	margin-left:-401px;
}
#cabecera {
	width:800px;
	height:158px;
	padding: 0px;
	font-size:12px;
	color:#FFF;
	overflow:hidden;
}


#Menu1{
	height: 25px;
	margin-top:108px;
	padding-left:5px;
	text-align:left;
	background-image:url(../img/fondo-menu1.png);
	background-repeat:no-repeat;
	background-position:left;
	}
	
#Menu2{
	height: 23px;
	background-image:url(../img/fondo-menu2.jpg);
	background-repeat:repeat-x;
	padding-left:5px;
	border-bottom:1px solid #666;
	border-top:1px solid #666;
	}
ul#menu {
	list-style:none;
	padding:0px;
	margin:0px;
}
ul#menu li{
	float:left;
}
ul#menu li a{
	font-size:12px;
	color:#FFF;
	text-decoration:none;
	height: 20px;
	display:block;
	padding:5px 5px 0 5px;
}
ul#menu li a:hover {
	background-color:#F60;
}

.BordeLi{
	border-right: 1px solid #FFF;
	}
	
#ContenedorPrincipal {
	width:790px;
	float:left;
	padding:0 0 10px 10px;
	background-color:#eceee7;
}
#Articulo{
	float:left;
	position:relative;
	width:575px;
	padding:10px 5px 0 0;
}
#Articulo ul{
	list-style:none;
}

ul#LibrosPortada{
	list-style:none;
	margin:0px;
	padding:0px;	
}

ul#LibrosPortada li{
	float:left;
	display:block;
	width:84px;
	height:170px;
	margin:20px 9px 0 0;
	padding:0px;
	line-height:15px;
}


#DesPortada{
	float:right;
	position:relative;
	width:190px;
	padding:0 5px 0 5px;
	background-color:#e9e4d5;
}
#ContDerecha{
	float:right;
	position:relative;
	width:200px;
	padding:10px 5px 0 5px;
}
#ContDerechaInterior{
	float:right;
	position:relative;
	width:200px;
	padding:10px 5px 0 5px;
	background-color:#e9e4d5;
}
#ContDerechaInteriorSinFondo{
	float:right;
	position:relative;
	width:200px;
	padding:10px 5px 0 5px;
}

#AgendaPortada{
	width:100%;
	height:60px;
	margin:5px 0 5px 0;
	padding:0px;	
}
#AgendaPortada a{
	font-size:12px;
	color:#1f98cb;
	text-decoration:none;
}
#AgendaPortada a:hover{
	text-decoration:underline;
}

#FechaAgenda{
	float:left;
	width:50px;
	height:50px;
	margin:5px 0 0 5px;
	padding:2px;
	background-image:url(../img/fecha.gif);
	background-repeat:no-repeat;
	text-align:center;
	
}

#RecomendadosLista{
	width:100%;
	height:50px;
	margin:5px 0 5px 0;
	padding:0px;	
}
#Eventos{
	float:left;
	width:100%;
	margin:5px 0 5px 0;
	padding:0px;
	border-top:1px solid #999;
}

#RecomendadosLista{
	width:100%;
	height:50px;
	margin:5px 0 5px 0;
	padding:0px;	
}
#RecomendadosLista a{
	font-size:12px;
	color:#1f98cb;
	text-decoration:none;
}
#RecomendadosLista a:hover{
	text-decoration:underline;
}

ul#LibrosRecomendados{
	list-style:none;
	margin:0px;
	padding:0px;
}

ul#LibrosRecomendados li{
	position:relative;
	float:left;
	display:block;
	width:127px;
	height:250px;
	margin:10px 10px 0 0;
	padding:4px;		
}
ul#LibrosRecomendados li img {
	display:block;	
	margin:auto;
	margin:0 auto 5px auto;	
}
ul#LibrosRecomendados li div {
	position:absolute;
	top:235px;
	width:100%;
}



.Ficha{
	left:150px; top:160px;
	z-index:2;
	position:absolute;
	width:450px;
	background-color:#e9e4d5;
	border:1px solid #F90;
	padding:10px;
	text-align:left;
}
.Cerrar{
	text-align:right;
	height:15px;
	padding:3px 5px 3px 0;
	background-color:#eceee7;
}


#Pie {
	position:relative;
	width:780px;
	height:140px;
	float:left;
	padding:10px;
	background-color:#eceee7;
	border-top:1px solid #CCC;
}
#Pie p {
	margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
	padding: 10px 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
}
#redes{
	position:relative;
	float:left;
	width:200px;
	}
#Logos{
	position:relative;
	float:right;
	text-align:right;
	width:400px;
}
	
#Canaryweb{
	position:relative;
	float:left;
	margin-top:10px;
	width:250px;
	}
#Avisolegal{
	position:relative;
	text-align:right;
	float:right;
	width:400px;
}


.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#letras{
	position:absolute;
	top:70px;
	left:-50px;
	width:100%;
	height:90px;
	background-image:url(../img/fondo-letras.png);
	background-repeat:repeat-x;
	}

/*----------- estilos de texto -------------*/

.titulo{
	font-size:16px;
	color:#000;
	}
.tituloAzul{
	font-size:12px;
	color:#1f98cb;
	}

.menu{
	font-size:12px;
	color:#FFF;
	}
.Frase{
	font-size:24px;
	color:#1f98cb;
	}
.txtNegrita{
	font-size:11px;
	color:#000;
	}
.txtRojo{
	font-size:12px;
	color:#dd2b0e;
	}
.txtAzul{
	font-size:11px;
	color:#1f98cb;
	}
.txtBlanco{
	font-size:11px;
	color:#FFF;
	}
.txtBlancoDestacado{
	font-size:24px;
	color:#FFF;
	}
.txtMarron{
	font-size:11px;
	color:#464034;
	}


a.txtEnlaceRojo{
	font-size:12px;
	color:#dd2b0e;
	text-decoration:none
	}
a.txtEnlaceRojo:hover{
	text-decoration:none
	}

/*----------- estilos de color -------------*/



.fondo{
	background-color:#464034;
}
.fondoAzul{
	background-color:#1f98cb;
}
.fondoCrema{
	background-color:#eceee7;
}
.fondoCrema2{
	background-color:#e9e4d5;
}
.fondoVerde{
	background-color:#cebf36;
}
.fondoRojo{
	background-color:#dd2b0e;
}
.fondoBlanco{
	background-color:#FFF;
}

/*---------------separadores---------------------*/
.sepTop {
	margin-top:5px;
}
.sepInf {
	margin-bottom:5px;
}

.sepFoto{
	margin:5px;
}
.sepFoto2{
	margin:3px;
}
.sepinterior{
	padding:3px; 
}

.bordeTop{border-top:1px solid #1f98cb;}
.bordeBottom{border-bottom:1px solid #1f98cb;}
.bordeLeft{border-left:1px solid #1f98cb;}
.borderight{border-right:1px solid #1f98cb;}

.identacion {margin-left:20px;}


/*---------------Calendario de la agenda---------------------*/
.borde1Gris {
	border: 1px solid #999999;
}

.tit  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	background-color:#FF0000;
	color:#FFFFFF;
	font-weight: bold;
}

.altn  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	background-color:#cccccc;
	color:#ffffff;
}

TD.dia  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color: #252525;
}

TD.dia_cita  {
	border : 1px solid #ff0000;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color: #252525;
}

a.dia  {
	color: #252525;
	text-decoration:none;
}

a.dia:hover  {	
	color: #252525;
	text-decoration:underline;
}