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

/***********************************
	Header			100% x 87
	Content			968 x 100%
	Footer			100% x 140
***********************************/

/***********************************
	ESTRUCTURA GENERAL
***********************************/
html{
	background:#ecd201 url(../img/fondo.gif) repeat-y top center;
	font-family:Arial, Helvetica, sans-serif;
}
body{background:url(../img/footer.jpg) no-repeat bottom center;}

#wrap{
	position:relative;	
	width:100%;
}

	/* HEADER */
	#wrap #header{
		background:url(../img/header.gif) no-repeat top center;
		width:100%; height:97px;
	}
		
		#wrap #header #headerContent{
			position:relative;
			width:968px; height:97px;
			margin:0 auto; 
		}

			/* LOGO CABECERA */		
			#wrap #header #headerContent h1{
				position:absolute; top:16px; left:20px;
				display:block;			
				width:270px; height:58px;
				font-size:10px;
				margin-right:60px;
			}
				#wrap #header #headerContent h1 a{
					position:absolute; top:0; left:0;
					display:block;
					width:270px; height:58px;
					text-indent:-9999em;
					background:url(../img/doblecero_logo.gif) no-repeat 0 0;
				}
				
			/* MENU SUPERIOR */
			#wrap #header #headerContent ul#menu{
				position:absolute; top:10px; left:348px;
				display:block;
				width:242px; height:65px;
				padding:6px 8px;
			}
				#wrap #header #headerContent ul#menu li{
					height:15px; line-height:15px;
					float:left;
					margin-bottom:2px;
				}			
					#wrap #header #headerContent ul#menu li a{
						display: block;
						width:225px;
						font-family:impact,"Arial Black", Arial, helvetica, sans-serif; color:#3d3c3a; font-size:13px; text-decoration:none; font-weight:lighter;
						padding-left:20px;
						background:url(../img/menu_superior_iconos.gif) no-repeat;
						/*letter-spacing:0.04em;*/
					}
					
					#wrap #header #headerContent ul#menu li a:hover, #wrap #header #headerContent ul#menu li a.actual{ color:#dba64e;}
					
					#wrap #header #headerContent ul#menu li a#secDobleCeroPrograma{ background-position: 0 0}
					#wrap #header #headerContent ul#menu li a#secCalendarioEx{ background-position: 0 -15px}
					#wrap #header #headerContent ul#menu li a#secGanadores{ background-position: 0 -30px}
					#wrap #header #headerContent ul#menu li a#secTrend{ background-position: 0 -45px}
					
			/* CAJA LOGIN SUPERIOR */
			#wrap #header #headerContent #boxSupForm{
				display:block;
				position:absolute; right:18px; top:10px;
				width:162px; height:72px;
				padding:4px 8px;
			}
			
				#wrap #header #headerContent #boxSupForm label{
					display:block;
					float:left;
					width:68px!important; height:16px; width:60px;
					font-family:impact, "Arial Black", Arial, helvetica, sans-serif; font-size:12px; color:#3d3c3a;
				}
				#wrap #header #headerContent #boxSupForm input{
					float:left;				
					width:83px; height:17px; line-height:17px;
					padding:0 5px;
					border:none;
					font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#3d3c3a;
					background:url(../img/box_sup_inputs.gif) no-repeat 0 0;
				}
				
				#wrap #header #headerContent #boxSupForm fieldset#enlaces a{
					display:block;
					font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#706f6a;
				}
			
			/* CAJA LOGIN LOGUEADO */
			#wrap #header #headerContent #tuSaldo{
				position:absolute; right:18px; top:10px;
				width:145px; height:73px;
				padding:7px 15px 0px 18px;				
			}
				#wrap #header #headerContent #tuSaldo p.intro{
					font-family:impact, "Arial Black", Arial, helvetica, sans-serif; font-size:17px; font-weight:normal;
				}
				#wrap #header #headerContent #tuSaldo p.intrort{
					font-family:impact, "Arial Black", Arial, helvetica, sans-serif; font-size:14px; font-weight:normal;
				}
				#wrap #header #headerContent #tuSaldo p#usuario{
					font-size:12px; color:#5c5c5c;
					position:absolute; bottom:-35px; left:0;
					width:179px;
					text-align:center;
				}

				#wrap #header #headerContent #tuSaldo .saldo{
					font-family:impact, "Arial Black", Arial, helvetica, sans-serif; font-size:40px;
				}
				#wrap #header #headerContent #tuSaldo .saldort{
					width: 145px;
					text-align: center;
				}
					#wrap #header #headerContent #tuSaldo .saldo span.euror{font-size:27px;}
				
/* CONTENT */	
	#wrap #content{
		width:938px;
		padding:5px 15px 0 15px;
		margin:0 auto;
		overflow:hidden;				
	}
		/* MAIN BOTONERA */
		#wrap #content #mainMenu{
			overflow:auto;
			margin-bottom:7px;
		}
			#wrap #content #mainMenu li{
				float:left;
				margin-right:17px;
				display:inline;
			}
				#wrap #content #mainMenu li a{
					font-family:impact, "Arial Black", Arial, helvetica, sans-serif; font-size:16px; color:#3d3d3d;  text-decoration:none;
				}
				#wrap #content #mainMenu li a:hover{ color:#c0bfbf;}
				#wrap #content #mainMenu li a.select{color:#c0bfbf;}
				
		/* CABECERA: RASTRO */
		#wrap #content ul#rastro{
			height:18px;
			margin:10px 0 10px 10px;
			overflow:auto;
		}
			#wrap #content ul#rastro li{
				display:inline;
				margin-right:3px;
			}
			#wrap #content ul#rastro li, #wrap #content ul#rastro li a, #wrap #content ul#rastro li a.actual{
				display:inline;
				font-size:12px; color:#7e7c7c;
			}
			#wrap #content ul#rastro li a.actual{font-weight:bold;}
				
		#wrap #content hr#separadorCabecera{
			display:block;
			height:10px;
			background-color:#d5d5d5; color:#d5d5d5;
			border:none;
			margin:0 0 10px 0;
		}		
		/* CABECERA: TITULO SECCIÓN */
		#wrap #content h2.tituloSeccion{
			display:block;
			position:relative;			
			font-size:15px;
			z-index:1;
			margin-bottom:10px;
		}
			#wrap #content h2.tituloSeccion span.expeFechas{
            	display:inline;
                position:relative;
                float:right;                                         
                font-family:impact, "Arial Black", Arial, helvetica, sans-serif; font-size:20px; color:#8f8f8f; font-weight:normal; text-indent:0;
                background:none;
                line-height:31px;
             }										
			#wrap #content h2.tituloSeccion span{
				display:block;
				position:absolute; top:0; left:0;				
				text-indent:-999em;
				z-index:5;
			}			
		/* CABECERA: SUBSECCIONES */
		#wrap #content ul#subsecciones{margin:0 0 15px 8px;}
		#wrap #content ul#subsecciones li{
			display:inline;
			margin-right:10px;
		}		
		#wrap #content ul#subsecciones li a,#wrap #content #cabecera ul#subsecciones li a.actual{
			font-family:impact, "Arial Black", Arial, helvetica, sans-serif; font-size:14px; color:#000000; text-decoration:none;
		}
		#wrap #content ul#subsecciones li a.actual, #wrap #content ul#subsecciones li a:hover{color:#d08916;}
		/* PLANTILLA CON DOS COLUMNAS */
		#cIzq{
			float:left;
			display:inline;
			width:721px;
		}
		#cDer{
			float:right;
			display:inline;
			width:200px;
		}		
			/* COLUMNA TOP PROMOCIONES */
			#cDer .topColumna{
				position:relative;
				width:176px; height:890px;				
				margin:10px auto 0 auto; padding:0 11px 0;
				overflow:hidden;
				background-image:url(../img/top_promos_columna_fondo.gif);
				background-repeat:no-repeat;					
			}			
			#cDer .topColumna#expe{background-position:-198px 0;}
			#cDer .topColumna#ventajas{background-position:-396px 0;}			
				#cDer .topColumna h3{
					height:45px;					
					text-indent:-999em;
				}				
				#cDer .topColumna #topColumnaMask{
					position:relative;
					width:176px; height:827px;
					overflow:hidden;
				}
					#cDer .topColumna #topColumnaMask #topColumnaContainer{
						position:absolute; left:0; top:0;
						width:528px; height:825px;
					}				
						#cDer .topColumna #topColumnaMask #topColumnaContainer ul{
							float:left;
						}						
							#cDer .topColumna #topColumnaMask #topColumnaContainer ul li{
								position:relative;
								display:block;
								width:176px; height:126px;
								overflow:hidden;
								margin-bottom:10px;
							}							
								#cDer .topColumna #topColumnaMask #topColumnaContainer ul li p.titulo{
									font-size:10px; color:#6c6a6a; font-weight:bold;
								}
								#cDer .topColumna #topColumnaMask #topColumnaContainer ul li p.descripcion{
									width:176px;
									font-size:10px; color:#6c6a6a;
								}
								#cDer .topColumna #topColumnaMask #topColumnaContainer ul li p.btnPlusRemate{
									position:absolute; bottom:0; left:0;		
								}
/* FOOTER */		
	#wrap #footer{
		position:absolute; bottom:0; left:0;
		width:100%;	height:140px;
	}	
		#wrap #footer #footerContainer{
			position:relative;
			width:968px; height:97px;
			margin:0 auto; 
		}
			/* ENLACES REDES SOC */
			#wrap #footer #footerContainer ul#links01{position:absolute; top:35px; left:70px;}
				#wrap #footer #footerContainer ul#links01 li{
					float:left;
					margin-right:15px;
				}
					#wrap #footer #footerContainer ul#links01 li a{
						display:block;
						height:27px;
						background-image:url(../img/footer_logos.gif);
						text-indent:-999em;
					}
					
					#wrap #footer #footerContainer ul#links01 li a#linkFB{
						width:58px;
						background-position:-23px 0;
					}
					#wrap #footer #footerContainer ul#links01 li a#linkFB:hover{ background-position:-23px -27px}
					
					#wrap #footer #footerContainer ul#links01 li a#linkMySpace{
						width:72px;
						background-position:-80px 0;
					}
					#wrap #footer #footerContainer ul#links01 li a#linkTwitter{
						width:58px;
						background-position:-152px 0;
					}
						#wrap #footer #footerContainer ul#links01 li a#linkTwitter:hover{ background-position:-152px -27px;}
					#wrap #footer #footerContainer ul#links01 li a#linkTuenti{
						width:49px;
						background-position:-210px 0;
					}
					#wrap #footer #footerContainer ul#links01 li a#linkYouTube{
						width:49px;
						background-position:-260px 0;
					}			
			/* ENLACES AMIGOS & RSS */
			#wrap #footer #footerContainer ul#footerLinks02{position:absolute;top:35px; right:70px;}
				#wrap #footer #footerContainer ul#footerLinks02 li{
					float:left;
					margin-right:15px;
				}				
					#wrap #footer #footerContainer ul#footerLinks02 li a{
						display:block;
						height:27px;
						background-image:url(../img/footer_logos.gif);
						text-indent:-999em;
					}					
						#wrap #footer #footerContainer ul#footerLinks02 li a#linkEnviarAmigo{
							width:130px;
							font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#7d7d7d; font-weight:bold; text-indent:0; text-decoration:none;
							background: url(../img/footer_enviar.gif) no-repeat right top;
							line-height:27px;
						}
						#wrap #footer #footerContainer ul#footerLinks02 li a#linkEnviarAmigo:hover{ background-position:right bottom;}						

						
						#wrap #footer #footerContainer ul#footerLinks02 li a#linkRSS{
							width:49px;
							font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#7d7d7d; font-weight:bold; text-indent:0; text-decoration:none;
							background: url(../img/footer_rss.gif) no-repeat right top;
							line-height:27px;
						}
						#wrap #footer #footerContainer ul#footerLinks02 li a#linkRSS:hover{background-position:right bottom;}
			/* COPYRIGHT */
			#wrap #footer #footerContainer p#footerCopyright, #wrap #footer #footerContainer a#footerPowered, #wrap #footer #footerContainer ul#menuFooter, #wrap #footer #footerContainer ul#menuFooter li a{
				font-size:12px;	color:#fff; font-weight:bold;
			}
			#wrap #footer #footerContainer p#footerCopyright{position:absolute; top:95px; left:56px;}
			
			/* POWERED */
			#wrap #footer #footerContainer a#footerPowered{
				position:absolute; top:90px; left:426px;
				width:108px; height:37px;
				background:url(../img/footer_poweredby.gif) no-repeat 0 0;
				text-indent:-999em;
			}
			/* COPYRIGHT */
			#wrap #footer #footerContainer ul#menuFooter{position:absolute;top:95px; right:56px;}
				#wrap #footer #footerContainer ul#menuFooter li{display:inline;}			
					#wrap #footer #footerContainer ul#menuFooter li a{text-decoration:none;}					
					#wrap #footer #footerContainer ul#menuFooter li a:hover{text-decoration:underline;}	
/****************************************************
	CLASES REUTILIZABLES
****************************************************/

.formulario label.formError{font-size:12px; color:#c60c0c; font-style:italic;}
#wrap #content p.txt, #wrap #content p.txt02{
	font-size:12px; color:#404040;
	margin:0 0 20px 8px;
	float: left;display: block;
}
#wrap #content p.txt{width:670px;}
#wrap #content p.letraLittle{
	font-size:9px; color:#404040; font-style:italic;
	margin:-10px 0 20px 8px;
}
#wrap #content h3.txt{
	font-family:impact, "Arial Black", Arial, helvetica, sans-serif;font-size:15px; color:#404040; font-weight:normal;
	margin:0 0 10px 8px;clear:both;
}
#proximamente{
	border:1px solid #ccc;
	width:700px; height:150px;
	padding-top:150px;
	margin:0 auto;
}
	#proximamente p{
		font-size:12px; color:#ccc;
		text-align:center;
	}

.fL{float:left;}
.fR{float:right;}

.l{clear:both;}

.oculto{ display:none ;}
.visible{ display:block;}

.mR05{margin-right:5px;}
.mR10{margin-right:10px;}
.mR15{margin-right:15px;}
.mR20{margin-right:20px;}
.mR25{margin-right:25px;}
.mR30{margin-right:30px;}
.mR35{margin-right:35px;}
.mR40{margin-right:40px;}
.mR50{margin-right:50px;}

.mL05{margin-left:5px;}
.mL10{margin-left:10px;}
.mL15{margin-left:15px;}
.mL20{margin-left:20px;}
.mL25{margin-left:25px;}
.mL30{margin-left:30px;}
.mL35{margin-left:35px;}
.mL40{margin-left:40px;}
.mL50{margin-left:50px;}

.mT05{margin-top:5px;}
.mT10{margin-top:10px;}
.mT15{margin-top:15px;}
.mT20{margin-top:20px;}
.mT25{margin-top:25px;}
.mT30{margin-top:30px;}
.mT35{margin-top:35px;}
.mT40{margin-top:40px;}
.mT50{margin-top:50px;}

.mB05{margin-bottom:5px;}
.mB10{margin-bottom:10px;}
.mB15{margin-bottom:15px;}
.mB20{margin-bottom:20px;}
.mB25{margin-bottom:25px;}
.mB30{margin-bottom:30px;}
.mB35{margin-bottom:35px;}
.mB40{margin-bottom:40px;}
.mB50{margin-bottom:50px;}