@charset "utf-8";
/* CSS Document */
/* BODY */
	body {
		background-color:#CCCCCC;
		background-image:url(../img/bg-christmass.jpg);
		background-position:top;
		background-repeat:repeat-x;
	}
	#background {
		margin:0 auto; 
		width:972px; 
	}
	a{ text-decoration:none; }
	a:hover { text-decoration:underline; }
/* ----------------------------- */
/* HEADER */
	#header { height:90px;background-color:#0B3460; background-image:url(../img/header-new01.jpg);margin-top:9px;_margin-top:-3px;width:972px;}
	#header a {
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#FFF;
	}
	#header .buscador { position:relative; left:330px; top:-3px; width:240px;_top:33px; }
	#header .buscador #buscador { float:left; margin-right:10px; color:#333; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
	#header .buscador .boton { float:left; cursor:hand; cursor:pointer; }
	#header .logo { left:20px;position:relative;top:29px;_display:none;}
	
	
	.banner_04 {
		position:relative;
		top:-45px;
		left:750px;
		_top:-10px;
		width:203px;
	}
/* -------------------------------- */
/* CONTENIDO */
	#contenido { _margin:0px; _padding:0px; }
	#contenedor {
		width: 972px;
		border-left: 1px solid #CCCCCC;
		border-right: 1px solid #CCCCCC;
		background-color:#FFFFFF;
		overflow:hidden; 
		float:left;
		font-family:Arial, Helvetica, sans-serif; 
	}
/* -------------------------------- */
/* MENU PRINCIPAL */
	#menuPrincipal{	font-family: Helvetica, Arial, sans-serif; clear:both;	}
	#menuPrincipal ul{	margin:0px;	padding:0px; margin-top:15px; }
	#menuPrincipal li{ display:inline; font-size:12px; color:#333;margin-top:5px;text-decoration:none; padding:10px; height:50px;}
	#menuPrincipal .on { padding:10px;text-align:center;background-color:#0B3460;color:#FFF; }
	#menuPrincipal .on a { color:#FFF; font-weight:bold; }
	#menuPrincipal a { font-size: 12px;color:#002777; }
	#menuPrincipal a:hover { text-decoration:underline; }
	#menuPrincipal .texto {  position:relative; top:-10px; font-size:10px; float:right;}
	#menuPrincipal .texto a { font-size:10px; text-decoration:underline; padding-left:10px; color:#333;}
	
	
/* -------------------------------- */
/* MENU USER */
	#user-menu {
		height:22px;
		background-image:url(../img/menu-user-bg.jpg);
		padding:5px 10px 10px 5px;
		background-position:top;
		background-repeat:repeat-x;
	}
	#user-menu .left {
		float:left;	
		margin-left:10px;
		margin-top:5px;
		height:22px;
	}
	#user-menu .right {
		float:right;	
		margin-right:10px;
		padding-top:5px;
		height:22px;
	}
	#user-menu ul{
		padding:0px;
		margin:0px;
	}
	#user-menu li{
		display:inline; 
		float:left;
		font-family: Helvetica, Arial, sans-serif;
		font-size:12px;
		color:#143865;
		padding-right:7px;
		padding-left:5px;
	}
	
	#user-menu .divisor {
		background-image:url(../img/menu-user-divisor.jpg);
		background-position:right;
		background-repeat:no-repeat;
	}
	
	#user-menu li a {
		color:#143865;	
	}
	
	#user-menu li .cantidad {
		background-image:url(../img/menu-user-micarrito.jpg);
		background-position:top;
		background-repeat:no-repeat;
		color:#FFF;
		width:20px;
		float:left;
		padding-top:2px;
		height:20px;
		position:relative;
		top:-3px;
		text-align:center;
	}
	#user-menu li .texto {
		float:left;
		margin-right:3px;
	}
	
/*


/* COLUMNAS */

#contenedor .columna-izquierda { float:left; padding:10px; width:610px; }
#contenedor .columna-derecha { float:left; padding-right:10px; padding-top:10px; padding-bottom:10px; width:324px; _width:300px; }
#contenedor .columna-izquierda .col-izquierda { float:left; width:300px; padding-top:10px; padding-right:10px; }
#contenedor .columna-izquierda .col-derecha { float:left; width:300px; padding-top:10px; }

/* EVENTOS */
.eventos { clear:both; margin-bottom:10px; background-image:url(../img/evento-home-bg.jpg);height:110px;padding:10px; }
.eventos h3 {margin:0; color:#06C; font-size:16px; margin-bottom:10px; }
.eventos .evento { float:left; width:150px; _width:140px; }
.eventos .evento .titulo{ color:#039; font-size:12px; }
.eventos .evento .fecha{ color:#666; font-size:12px;}

/* ------------ */ 
/* DIRECTORIOS */
.directorios { clear:both; margin-top:10px; height:80px; border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC; padding-bottom:1em; padding-top:1em; }
.directorios .directorio { float:left; width:150px; _width:140px; padding-right:10px;}
.directorios .titulo{ color:#06C; font-size:12px; }
.directorios .autor{ color:#666; font-size:10px;}
/* ----- */

/* SIGANOS */
.siganos { clear:both; margin-top: 10px; margin-bottom:10px; height:35px; padding:5px;}
.siganos .titulo { color:#06C; font-size:16px; font-weight:bold; float:left;}
.siganos .logos { color:#06C; font-size:16px; font-weight:bold; float:left; padding-left:15px;}
/* ----- */

/* LO MÁS VISTO */
.lomasvisto { clear:both; padding-top:1em; }
.lomasvisto h3 {margin:0; color:#06C; font-size:16px; margin-bottom:10px; }
.lomasvisto .on { background-color:#EFF3FC; }
.lomasvisto ul { list-style:none; margin:0; padding:0; }
.lomasvisto ul li { padding:10px; float:left; font-size:12px;  }
.lomasvisto ul li a{ color:#333;}

.lomasvisto ol { clear:both; padding-top:5px;}
.lomasvisto ol li { font-size:12px; margin-top:10px;}
.lomasvisto ol li .titulo{ color:#039; font-size:12px; }
.lomasvisto ol li .autor{ color:#666; font-size:10px;}

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


/* PIE */
#pie {
	border-top:#CCCCCC solid 1px;
	width:932px;
	margin:0 auto;
	padding:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	height:100px;
	background-color:#CCCCCC;
	clear:both;
}
#pie a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}
#pie .logo {
	float:left;
	margin-right:20px;
	margin-top:8px;
}
#pie .texto {
	width:80%;
	margin-left:150px;
}

#pie .menu {
	margin-top:10px;
	margin-left:150px;
}
/* -------------------------------- */
/* BANNER en IZQUIERDA */
.banner_01_portada {
	clear:both;
	margin-bottom:10px;
	width:765px;
	/*border:#CCCCCC solid 1px;*/
	text-align:center;
	/*background-color:#f9f9f9;*/
	
}
.banner_01 {
	float:left;
	padding-bottom:20px;
	width:765px;
	/*border:#CCCCCC solid 1px;*/
	text-align:center;
	/*background-color:#f9f9f9;*/
}
.banner_01_eventos {
	float:left;
	padding-bottom:20px;
	width:765px;
	/*border:#CCCCCC solid 1px;*/
	text-align:center;
	padding-left:20px;
	padding-top:10px;
	/*background-color:#f9f9f9;*/
}
/* -------------------------------- */
/* BANNER en CENTRO */
.banner_02_portada {
	clear:both;
	margin-bottom:10px;
	width:765px;
	/*border:#CCCCCC solid 1px;*/
	text-align:center;
}
.banner_02 {
	clear:both;
	margin-bottom:20px;
	/*width:765px;*/
	/*border:#CCCCCC solid 1px;*/
	text-align:center;
	/*background-color:#f9f9f9;*/
	padding-top:20px;
	/*margin-left:18%;*/
}
/* -------------------------------- */
#derecha .banner_03 {
	border:#CCCCCC 1px solid;
	width:130px;
	margin:0 auto 20px 20px;
	height:300px;
	clear:both;
}