/* CSS Document */

/* GENERAL */
* {
	margin: 0px;
	border: 0px;
	padding:0px;
	background-color: transparent;
}
html, body {}
body, h1, h2, h3, h4, p  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px; 
	font-weight: normal;
	color: #000;
	text-decoration: none;
	
}
/* LINKS */
a, a:link, a:visited {color: #585755;}
a:hover{color: red;}

/* TEXTOS y PARRAFOS*/
/*##############################*/
/* LISTAS */
ul, ol {padding: 0px 6px 0px 11px;line-height: 16px;}
ul ul, ul ol, ul.sub, ol.sub {padding: 10px 6px 5px 11px; }
li{padding-left: 2px;list-style-image: url(../ESP/img/bullet_disc.gif);line-height: 16px;margin-bottom: 5px;}
ol li {list-style-image: none; padding-left: 0px;}
ul.sub, ol.sub {padding-left: 22px;}
ul ul li, ul.sub li{list-style-image: url(../ESP/img/bullet_guion.gif);}

/* SELECTORES HTML*/
/*##############################*/
/*TABLAS*/
table{}
td, th{padding: 3px 5px;}
tr{}
th{background-color: #f3f3f3;border-top: 1px solid #c3c3c3;border-bottom: 1px solid #c3c3c3;}

/* ESTRUCTURA */
#contenedor {
width: 820px;margin: 15px auto;/*ancho y posicion generales*/
background:url(../img/fn_contenedor.jpg) repeat-y top left #FFFFFF;
}
#izqda, #centro, #dcha, #dchaHome {float: left;}
#izqda {width: 193px;margin-right: 1px;}
#centro {width: 442px;}

#dcha  {width: 173px;padding-top: 123px;margin-left: 8px;}
#dchaHome  {width: 173px;padding-top: 0px;margin-left: 8px;}
#pie{
clear: left;
background: url(../img/fn_pie.jpg) no-repeat white;
height: 18px;
padding-left: 20px;
}
/* FORMULARIOS */

.submit {
	background-color:#FF0000;
	color: white;
	font-size: 9px;
	border: 1px solid #000000;
}
input, select, textarea {
	width: 200px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	font-weight: normal;
	border: 1px solid #cccccc;
	padding: 2px;
	color: #7f7f7f;
}
input#enviar, input#borrar{
	width: auto;
	padding:3px;
	margin-top:10px;
	font-weight: bolder;
	color: White;
	background-color: red;
	border: 0px;
}
input.segundoBt{margin-left: 50px;} /*separación entre dos botones juntos*/
input#reservas_fecha {width: 50px;}
select, select#reservas_hora, select#reservas_min {width: 58px;background: white;} 

/* MODULOS/SECCIONES/ELEMENTOS ---------------------------*/

/*COMUNES ///////////////////////////////////////////////////////////////////////////////////////////////////*/
/* ---------- Textos Alternativos (si no hay flash o javascript) en #izqda y en #centro*/
.textAlt {background-color: white;color: #999999; text-align: left; padding: 20px;}
	/* Links */
	.textAlt a{color: red;}
/* ----------Imagenes*/
		img.sep {margin-bottom: 10px;} /*separadores*/
		#centro img.sep {margin: 12px 0px;} /*separadores en el centro*/
		#centro img.sep2 {margin: 18px 0px;}/*separadores en el centro con mas separacion*/

/*IZQDA /////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*----- Menú Principal */
		#menuflash{
		background-color:#9e9e9e;
		overflow:hidden; /*máscara*/
		height: 129px;/*altura del menu sin deplegar -- evita efecto redimension en carga de la pág*/
}
/*----- Bloque de Eventos (calendario)------------------------------------------------------------------------*/

		#eventos{padding: 12px;background: #d9d9d9;}
		#eventos h1{padding: 0px 4px 0px 8px;font-weight: bold;}
		#eventos .separador{margin: 12px 0px;}
		#eventos p{padding: 8px 4px 0px 8px;}

/*----- Calendario -------------------------------------------------------------------------------------------*/
		#calendario {margin: 0px;padding: 0px;}
		#calendario li {		
		list-style: none;
		list-style-image: none;
		margin-bottom: 3px;
		padding-left: 2px;
		color: #a19d91;				
		background: url(../img/fn_dias_cal.gif) no-repeat;
		}
		#calendario, #calendario li {width: 144px;display: block;}/*ancho del calendario y de sus filas, debe ser igual*/
		
		/* Dias / Cuadros Calendario  ------ Estructura Común*/
			#calendario b, #calendario b.select,
			#calendario b a, #calendario b a:link,
			#calendario b a:visited, #calendario b a:hover,
			#calendario b.select a, #calendario b.select a:link,
			#calendario b.select a:visited, #calendario b.select a:hover			
			 {
			display:block;
			height:17px;/*dimensiones cuadros calendario*/
			width:20px;/*dimensiones cuadros calendario*/
			line-height:16px;/*ajustar segun alto de cuadro comparar FFOX/IE*/
			text-align: center;
			padding: 0px;
			text-decoration: none;
			}
		/*Día seleccionado*/
			#calendario b.select {
			width:18px;/*dimensiones cuadros calendario seleccionados*/
			height:15px;/*dimensiones cuadros calendario seleccionados*/
			line-height:14px; /*ajustar segun alto de cuadro seleccionados, comparar FFOX/IE*/
			background: red;
			color: white;
			border:1px solid white;		
			}
			#calendario b.select a, #calendario b.select a:link, #calendario b.select a:visited, #calendario b.select a:hover {width:18px;height:15px;color:white;}				
		/* Dias / Cuadros Calendario - Días Seleccionados  ------ Disposición*/			
			#calendario b, #calendario b.select, #calendario b.select a {float: left;}
			
		/* ROLLOVERS Dias / Cuadros Calendario*/
			#calendario b a, #calendario b a:link,
			#calendario b a:visited, #calendario b a:hover {
			color: red;
			margin: 0px auto;
			}
			#calendario b a:hover {background: white;}
			#calendario b.select a:hover {background: red;}
/*CENTRO /////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*----- Carril Central con contenidos */				
		.cabeceraContenidos, #contenidos {width: 431px; margin-left:11px;}/*1px de menos que #centro para bug Explorer*/
		#contenidos {padding: 15px 0px;width: 426px; text-align: justify;}/*426px limite para explorer*/
		/*Imagenes*/
		.foto, .noBorder {border: 1px solid black; float: right;margin: 0px 15px 17px 10px; margin-top: 18px;}
		.vistaAerea {margin: 10px;}
		.noBorder {border: 0px;}
		.noMarginTop {margin-top: 0px;}
		.noMargin {margin: 0px;}
		.centrado {margin: 0px auto; text-align: center;}/*centrado de contenedor y de sus contenidos*/
		.cartelHoyo {margin: 0px 10px 10px 0px;}
		/*Menu y visor superior de Hoyos*/
		#visorHoyos {width: 433px; margin-left: 9px;}
		#visorHoyos .menuHoyos{background: #a8a7a7;padding: 6px 0px;text-align: center;}
		#visorHoyos, #visorHoyos .menuHoyos, #visorHoyos a,
		#visorHoyos a:link, #visorHoyos a:visited, #visorHoyos a:hover {color: white; text-decoration: none;}
		#visorHoyos a:hover, #visorHoyos a.selected {color: red;}
		/*Links y textos*/
		#contenidos , #contenidos a,  #contenidos p {line-height: 14px;color: #757172;font-size: 10px;}/*textos y links en centro*/
		#contenidos p {padding-right: 8px;}/*corrector ocasional para textos por Bug Firefox*/
		#contenidos p.volver {display:block; clear: both; margin-top: 15px;}
		#contenidos a:hover {color: red;}
		#contenidos a.volver, #contenidos a:hover.volver {font-size: 9px; color: #9e9e9e;text-decoration:none;}
		#contenidos a.rojo, #contenidos a:hover.rojo {color: red;}	
		.titular {display:block; color: red; font-size: 11px;margin-bottom: 15px; width: 280px;}
		.resaltado {font-style:italic;font-size: 11px;line-height: 16px;}
		#contenidos p.descargar {color: red; width: 100%; text-align: right;margin-bottom: 20px;}
		#contenidos p.descargar a, .descargar a:link, .descargar a:visited, .descargar a:hover {color: red;font-size: 9px;margin-right: 12px;}
		/*HOYOS*/
		#contenidos table.hoyoDcha {background: url(../ESP/img/fn_hoyodcha.gif) repeat-y top left;margin: 0px 0px 15px 15px;float: right;}
		#contenidos table.hoyoDcha a {font-size: 9px; color: red;text-decoration:none;}
		/*Tablas en centro*/
		/*tarifas*/
		.tarifas td {border-bottom: 1px solid #ececec;}	
		.tarifas th.left {text-align: left;width: 70%;}	
		.tarifas th.left2 {text-align: left;width: 50%;}	
		/*tarjeta*/
		.tarjeta th, .tarjeta td{text-align: center;background: white;border: 0px;}
		.tarjeta td {border-bottom: 1px solid #ececec;}
		.tarjeta th {color: red;background-color: #FDFDFD;border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; }
		.tarjeta .colDist1; .tarjeta .colDist2; .tarjeta .colDist3;
		.tarjeta .colDist4; .tarjeta .colDist5; .tarjeta .colDist6 {border-left: 1px solid #ececec;}
		.tarjeta .colDist1 {background-color: #d8d9da;}
		.tarjeta .colDist2 {background-color: White;}	
		.tarjeta .colDist3 {background-color: #fffcdd;}	
		.tarjeta .colDist4 {background-color: #c2effb;}	
		.tarjeta .colDist5 {background-color: #f9d6cb;}	
		.tarjeta .colDist6 {background-color: #e1edd9;}
		.tarjeta td.bdRight {border-right: 1px solid #ececec;}
		.tarjeta td.noBorder {border: 0px;}
		.tarjeta td.right {text-align: right;}
		.tarjeta td.bdGris {border-color: Gray;}
		/*JUGADORES EN INSCRIPCION*/ 
		#jugador1, #jugador2, #jugador3, #jugador4 {margin-top: 10px;}
		/*NOTAS - ACLARACIONES*/
		#contenidos .nota {font-size: 9px;}

		/*comunes - varios*/
		.bdLeft {border-left: 1px dashed silver; text-align: center;}
		.bdRight {border-right: 1px solid #ececec;}
		.grisTD {background-color: #FDFDFD;}
		.tarifas, .tarjeta {font-size: 9px;}
		.noBorder {border: 0px;}
		.bdInf {border-bottom: 1px dashed silver;}
		table.bdTotal {border-bottom: 1px solid silver;border-right: 1px solid silver;}
		td.bdTotal {border-top: 1px solid silver;border-left: 1px solid silver;border-bottom: 0px;border-right: 0px;}
		
		
		
		
/*DCHA /////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*----- Columna DCHA HOME*/
		/*#dcha.home {padding: 0px;}columna dcha en home*/
		/*#dcha.home .sepTopdcha {display:none;}columna dcha en home*/ 
/*----- Bloques Destacados */
		.destacado {
		width: 173px;
		padding-bottom: 3px;
		color: #9d9282;
		}
		.destacado .txtIzda {width: 92px; float:left;}
		.destacado a, .destacado a:link, .destacado a:visited, .destacado a:hover  {color:red;text-decoration: none;}	
		.destacado .fotoAbajo {margin: 5px 0px;width: 173px;text-align: center;padding: 0px;overflow: hidden;}
		.destacado .fotoDerecha {float:right;margin: 0px 0px 5px 0px;width: 78px;text-align: center;padding: 0px;overflow: hidden;}
		.infoMeteo {
	color: #888888;
	padding-left: 0px;
}
		
/*PIE /////////////////////////////////////////////////////////////////////////////////////////////////////*/			
	/*Bloques del pie*/
	#pie p{display: block;float: left;color: #f0978f;padding-top: 6px;}
	#pie p.left {width: 173px; color:#585755;margin-right: 10px; padding-top: 0px;}
	#pie p.left a {color: #585755; text-decoration:none;}
	#pie a {color: #f0978f; text-decoration:none;}
	#pie a:hover {color: red; text-decoration:none;}

/*///// Estilos SIFR no Modificar!!!!! ////////*/
.destacado h1.myriad {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-size: 13px;
	color: #757172;
}

.destacado h2.myriadBold {	
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-size: 18px;
	color:red;
	/*overflow: hidden;*/
}


.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1.myriad {
	/*visibility: hidden;*/
}

.sIFR-hasFlash h2.myriadBold {
	visibility: hidden;
	letter-spacing: -2px;
	font-size: 18px;
}

/*Visor Thumbnails*/
#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: red;
border: 1px solid white;
visibility: hidden;
z-index: 100;
cursor: hand;
cursor: pointer;
}
#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 10px  Verdana, Arial, Helvetica, sans-serif;
color: White;
padding: 2px 0;
text-align: right;
}
#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}
#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}
/*POPUP*/
#popup {width: 100%; height: 100%;position: absolute;z-index: 999;text-align: center;display: none;}
#innerPopup {
position: absolute;
color: white;
font-size: 10px;
background-color:red;
width: 350px;
height: 350px;
top: 50%;
left: 50%;
margin-top: -175px;
margin-left: -175px;
text-align: center;   
}
#innerPopup p {display: block;text-align: right; width: 320px; height: 16px;}
#innerPopup a {font-weight: bold;color: white;text-decoration: none;} 

/*popUp de Visor & campos(flash)
#lightbox{
	padding: 0px;
	background:#fff;
	width:auto;
	z-index:1100;
}

#overlay{
	background-image:url(../../img/overlay.png);
	z-index:1000;
	
}

* html #overlay{
	background-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../img/overlay.png", sizingMethod="scale");
}
#lightbox div {width:auto;position: absolute;display: block; z-index: 2000;text-align: right;padding: 10px;}
#lightbox img {border:10px solid white;}
#lightbox div a, #lightbox div a:hover, #lightbox div a:visited, #lightbox div a:link {text-align: center; background: white;font-size: 10px; color: red;text-decoration: none;font-weight: bold;display:block; padding: 0 px 10px 10px 0px;}
*/
/*#flash 
{
	
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
}*/
/*Lightbox*/
#lightbox{
	background-color:white;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../../img/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../img/overlay.png", sizingMethod="scale");
	}


/*VISOR DE VIDEOS CENTRAL*/
#contVideoHoyo 
{
	position: relative;
	display: none;
}

#visorVideoHoyo 
{	position: absolute;
	top: 0px;
	left: 9px;
	background-color: white;
	z-index: 120;
	height: 295px;
	width: 433px;
	text-align: center;
}

/*VISOR DE VIDEOS VR*/
#contVR 
{
	position: relative;
	display: none;
}

#visorVR
{	position: absolute;
	top: 0px;
	left: 9px;
	background-color: white;
	z-index: 120;
	height: 300px;
	width: 400px;
	text-align: center;
}
 
/*COLORES*/
.rojo {color: #ff0000;}
.gris {color: #9e9e9e;}/*en fondo menu*/
.gris2 {color: #a19d91;}
.amarillo {color:#a87b02;}
/*ALINEACIONES*/
.left {text-align: left;}
.right {text-align: right;}
.center{text-align: center;}
	
/* notas del navegador de EVENTOS */
#footer {
/*text-align: right;
padding: 30px 0px 20px 0px;*/
clear: both;
font-size: 9px;

}
	#footer.descarga div a.nota {position: relative;}
	#footer.descarga div a.nota:hover {font-size: 10px;}/*importante!!! para que funcione en explorer*/
	#footer.descarga div a.nota #txtNota {display: none;}
	#footer.descarga div a.nota:link #txtnota {display: none;}
	#footer.descarga div a.nota:visited #txtnota {display: none;}
	#footer.descarga div a.nota:hover #txtnota {
	width:60px;
	line-height: normal;
	display: block;
	position: absolute;
	top: 20px;
	left: 0px;
	background-color: #D9D9D9;
	border: 1px solid #FFFFFF;
	font-size: 9px;
	font-family: "Small Fonts" sans-serif;
	text-decoration: none;
	text-align:center;
	padding:3px;
}