@charset "utf-8";
/* CSS Document */

body { background: #0A4A88 url(../img/fondo_gral.jpg) top center repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	margin:0;
	top:0;
	}
	
.contenedor {width:970px;
	margin:0 auto;
	}
	
/*  Encabezado   */
.head {width:970px; height:176px;
	float:left;
	margin:0;
	}
/*  Encabezado - FIN  */

/*  Menu  */
.menu {width:960px; height:20px;
	float:left;
	margin:0;
	background:#000;
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:11px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	padding:4px 0 0 10px;
	font-weight:bold;
	}
	
.menu a { color:#FFFFFF;
	text-decoration:none;
	margin:0 7px 0 7px;
	}
	
.menu a:hover { color:#FFFFFF;
	text-decoration: underline;
	margin:0 7px 0 7px;
	}
	
/*  Menu - FIN  */
	
/*  Central   */
.central {width:970px; height:auto;
	min-height:600px;
	float:left;
	background:#FFF;
	margin:0;
	padding:18px 0 15px 0;
	}
/*  Central - FIN  */
	
/*  Col Izquierda   */	
.izq { width:635px;
	margin:0 0 0 9px;
	float:left;
	}
	
.izq .selector { width:635px;
	float:left;
	margin: 0 0 15px 0;
	}
	
.izq .nota { width:635px;
	float:left;
	margin: 0 0 15px 0;
	}
	
.izq .nota h1 { font-family:tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:uppercase;
	color:#336600;
	margin:0 0 2px 0;
	}
	
.izq .nota h2 { font-family: Georgia, "Times New Roman", Times, serif;
	font-size:38px;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	line-height:110%;
	color:#666;
	margin:0 0 9px 0;
	}
	
.izq .nota h2 a {color:#666666;
	text-decoration:none;
	}
	
.izq .nota h2 a:hover {color:#666666;
	text-decoration: underline;
	}
	
.izq .nota p { font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	line-height:140%;
	color:#666;
	margin:0 0 9px 0;
	padding:0 3px 0 0;
	text-align:justify;
	}
	
.izq .nota strong { font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	font-variant:normal;
	line-height:140%;
	color:#666;
	margin:0 0 9px 0;
	padding:0 3px 0 0;
	}
	
.izq .nota img { float:left;
	border:4px solid #EBEBEB;
	margin:4px 10px 4px 0;
	}
	
.izq .votar {  width:635px;
	float:left;
	margin: 0 0 9px 0;
	}
	
.izq .votar #rating {
	background: transparent url(../img/rainbow.png) 0 0 no-repeat;
	width: 400px;
	height: 41px;
	float: left;
	position: relative;
	z-index: 2;
	overflow: hidden;
	cursor: pointer;
	margin:0 0 0 100px;
}
.izq .votar #rating span{
	display: block;
	width: 400px;
	height: 41px;
	background: transparent url(../img/grid.png) 0 0 no-repeat;
	position: relative;
	z-index: 1;				
}
.izq .votar #rating span.moving-bg{
	position: absolute;
	top:0;
	left:0;
	background-image: none;
	background-color: #CCC;
}
.izq .votar #status2 {
	float: left;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	font-size: 2em;
	height:41px;
	font-weight:bold;
	margin-left:10px;
	padding:4px 0 0;
	text-align:center;
	width:50px;
}
.izq .votar #msg {
	clear: both;
	margin-top: 15px;
}

.izq .votar .lafoto { margin:20px 25px 0 25px;
	border:5px #F3F3F3 solid;
}

.izq .votar .nombre { margin:0 25px 20px 25px;
	background:#F3F3F3;
	width:530px; 
	padding:15px;
}

.izq .expo360 {  width:635px; height:372px;
	float:left;
	margin: 0 0 15px 0;
	background:#D0DAC5 url(../img/expo360_fix.jpg) left repeat-y;
	}
	
.izq .expo360 .tit {float:left;
	width:141px; height:110px;
	margin: 0 3px 0 0;
	}
	
.izq .expo360 .fotos { padding:10px 0 0 0;
	}
	
.izq .expo360 .fotos img { margin:0 5px 0 5px;
	border-left:6px solid #AFC19B;
	border-right:6px solid #AFC19B;
	border-top:1px solid #AFC19B;
	border-bottom:1px solid #AFC19B;
	}
	
.izq .cajas { width:312px; height:266px;
	background:url(../img/fondo_gris.jpg) repeat;
	float:left;
	margin: 0 0 15px 0;
	}

.izq .cajas a { text-decoration:none;
	color:#FFF;
	}
	
.izq .cajas a:hover { text-decoration:none;
	color:#FFF;
	}
	
.izq .cajas img { width:312px; height:204px;
	background:url(../img/fondo_gris.jpg) repeat;
	float:left;
	margin:6px 0 0 0;
	border-bottom:6px solid #fff;
	}
	
.izq .cajas h1 { text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#FFF;
	margin:5px 10px 0 10px;
	font-weight:normal;
	}
	
.izq .cajas p { text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFF;
	margin:2px 10px 0 10px; 
	}
	
.izq .promotoras { width:635px; height:287px;
	float:left;
	margin: 0 0 15px 0;
	background:#D0DAC5;
	}

.izq .promotoras a { text-decoration:none;
	color:#FFF;
	}
	
.izq .promotoras a:hover { text-decoration:none;
	color:#FFF;
	}
	
.izq .promotoras h1 { font-size:24px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:21px 0 0 20px;
	color:#fff;
	text-transform:uppercase;
	}
	
.izq .promotoras .tit {float:left;
	width:242px; height:287px;
	margin: 0 3px 0 0;
	background:url(../img/fondo_promotoras.jpg) no-repeat top left;
	}
	
.izq .promotoras .fotos { padding:14px 0 0 0;
	}
	
.izq .promotoras .fotos img { margin:0 5px 0 5px;
	border-left:6px solid #AFC19B;
	border-right:6px solid #AFC19B;
	border-top:1px solid #AFC19B;
	border-bottom:1px solid #AFC19B;
	}
	
.izq .titulo { width:635px; height:60px;
	color:#fff;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background: url(../img/fondo_titulos.jpg) no-repeat top left;
	padding:6px 0 0 0;
	}
	
.izq .titulo h1 { text-align: left;
	font-size:20px;
	margin:0 10px 0 135px;
	font-weight:normal;
	}
	
.izq .titulo p { text-align:left;
	font-size:13px;
	margin:0 10px 1px 135px; 
	}

.izq .trivia {  width:635px;
	float:left;
	margin: 0 0 15px 0;
	}
	
.izq .trivia .tit { width:635px; height:60px;
	color:#fff;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background: url(../img/fondo_titulos.jpg) no-repeat top left;
	padding:6px 0 0 0;
	}
	
.izq .trivia h1 { text-align: left;
	font-size:20px;
	margin:0 10px 0 135px;
	font-weight:normal;
	}
	
.izq .trivia p { text-align:left;
	font-size:13px;
	margin:0 10px 3px 135px; 
	}
	
.izq .trivia .pregunta { width:635px; min-height:418px;
	background:#D0DAC5 url(../img/fondo_pregunta.jpg) no-repeat top left;
	}
	
.izq .trivia .numero { width:142px; min-height:418px;
	float:left;
	}
	
.izq .trivia .numero p { margin:28px 0 0 28px;
	color:#fff;
	font-weight:bold;
	font-size:15px; 
	}
	
.izq .trivia .numero b { margin:38px 0 0 39px;
	color:#fff;
	font-weight:bold;
	font-size:46px; 
	}
	
.izq .trivia .dia { width:142px; min-height:418px;
	float:left;
	text-align:center;
	}
	
.izq .trivia .dia p { margin:28px 28px 0 0;
	color:#fff;
	font-weight:bold;
	font-size:15px;
	text-transform:uppercase;
	text-align:center;
	}
	
.izq .trivia .lapregunta { width:490px;
	float:right;
	text-align:center;
	}

.izq .trivia .lapregunta h1 { font-family: Tahoma, Arial, Helvetica, sans-serif;
	color:#666;
	font-size:20px;
	margin:22px;
	}	
	
.izq .trivia .lapregunta p { font-family: Tahoma, Arial, Helvetica, sans-serif;
	color:#666;
	font-size:18px;
	margin:5px;
	text-align:left;
	}	

.izq .trivia .lapregunta .boton { color:#4A5939;
	font-size:15px;
	margin:30px 5px 5px 5px;
	padding:10px 20px;
	background:#A9BB95;
	border:0;
	text-transform:uppercase;
	}
	
.izq .trivia .registro { width:490px;
	float:right;
	}

.izq .trivia .registro h1 { font-family: Tahoma, Arial, Helvetica, sans-serif;
	color:#666;
	font-size:18px;
	margin:22px;
	}	
	
.izq .trivia .registro p { font-family: Tahoma, Arial, Helvetica, sans-serif;
	color:#666;
	font-size:15px;
	margin:5px;
	}	

.izq .trivia .registro .boton { color:#4A5939;
	font-size:15px;
	margin:30px 5px 5px 5px;
	padding:10px 20px;
	background:#A9BB95;
	border:0;
	text-transform:uppercase;
	}
	
.izq .trivia .ranking { width:490px;
	float:right;
	}

.izq .trivia .ranking h1 { font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #333;
	font-size:13px;
	margin:0;
	text-align:center;
	padding:5px 5px;
	font-weight:bold;
	}	
	
.izq .trivia .ranking p { font-family: Tahoma, Arial, Helvetica, sans-serif;
	color:#333;
	font-size:12px;
	margin:5px 0 5px 0;
	text-align:center;
	}	
	
.izq .trivia .ranking select { background:#FFF;
	font-size:12px;
	color:#666;
	border:1px solid #666633;
	}

	
.izq .galeria {  width:635px;
	float:left;
	margin: 0 0 9px 0;
	}
	
.izq .galeria .itemtxt { width:200px;
	float:left;
	}
	
.izq .galeria .itemtxt p { margin:3px 5px 5px 20px;
	color:#666;
	}

.izq .galeria .itemtxt .item {  
	background:url(../img/fondo_fotoamigos.jpg) bottom center no-repeat;
	margin:10px 0 10px 20px ;
	padding:10px 7px;
	float:left;
	border:0;
	}

.izq .pic {  width:635px;
	float:left;
	margin: 0 0 9px 0;
	}
	
.izq .pic .lafoto { margin:20px 25px 0 25px;
	border:5px #F3F3F3 solid;
}

.izq .pic .nombre { margin:0 25px 20px 25px;
	background:#F3F3F3;
	width:530px; 
	padding:15px;
}
	
/*  Col Izquierda - FIN */
	
/*  Col Derecha   */		
.der { width:300px;
	margin:0 9px 0 0;
	float:right;
	padding:0;
	}

.der .nota { width:300px;
	float:left;
	}
	
.der .nota h1 { font-family:tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:uppercase;
	color:#336600;
	margin:0 0 2px 0;
	}
	
.der .nota h2 { font-family: Georgia, "Times New Roman", Times, serif;
	font-size:26px;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	line-height:110%;
	color:#666;
	margin:0 0 9px 0;
	}
	
.der .nota h2 a {color:#666666;
	text-decoration:none;
	}
	
.der .nota h2 a:hover {color:#666666;
	text-decoration: underline;
	}
	
.der .nota p { font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	line-height:140%;
	color:#666;
	margin:0 0 9px 0;
	padding:0 3px 0 0;
	}
	
.der .nota img { float:left;
	border:1px solid #EBEBEB;
	margin:0 5px 7px 0;
	}
	
/*  Col Izquierda - FIN */	

/*  Col Pie   */		
.pie { width:970px; height:150px;
	margin:0 0 15px 0;
	padding:10px 5px 10px 5px;
	background:url(../img/fondo_pie.jpg) no-repeat;
	}

.pie a { color: #999999;
	text-decoration:none;
	}
	
.pie a:hover { color:#999999;
	text-decoration:underline;
	}
	
.pie_menu2 { width:115px;
	font-size:10px;
	text-align:left;
	float:left;
	margin:0 0 0 20px;
	color:#999999;
	padding-bottom:0;
	}
	
.pie_menu2 h2 {font-size:15px;
	font-weight:bold;
	margin:10px 0 5px 0;
	}
	
.pie_telematica{ width:970px; height:75px;
	float:left;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#2D4253;
	margin:40px 0 0 0;
	}
	
.pie_telematica a {color:#CCCCCC;
	text-decoration:none;
	}

.pie_telematica a:hover {color:#CCCCCC;
	text-decoration: underline;
	}
	
.pie_telematica .derechos{ float:left;
	width:550px;
	text-align:left;
	font-size:11px;
	color:#CEE7F2;
	}
	
.telematica{ float:right;
	margin:0 15px 0 0;
	width:106px;
	text-align:right;
	color: #000;
	}
	
.telematica a {color:#000;
	text-decoration:none;
	}

.telematica a:hover {color:#000;
	text-decoration: underline;
	}
	
/*  Col Pie - FIN  */	
		
/*  Comun   */		
.publicidad {
	margin:0 0 10px 0;
	}
	
.limpia { clear:both;
	}
	
.divide { clear:both;
	background:#EBEBEB;
	width:100%;
	height:1px;
	margin:0 0 10px 0;
	}
	
.centrar {font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	}
	
.centrar a { color:#666;
	text-decoration:none;
	}
	
.centrar a:hover { color:#666;
	text-decoration: underline;
	}
