@import "reset.css";
@import "prettyPhoto.css";


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	REGLAS GENERALES INTERIOR

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
body											{ font-family:Verdana, Geneva, sans-serif; background:url(../../_data/bg_grad.jpg) repeat-x fixed bottom #000; font-size:62.5%; }


#pageWrap								{ width:1008px; height:545px; margin: 0px auto 20px auto; background:url(../../_data/bg_index.jpg) no-repeat; overflow:hidden;  }
#interior #pageWrap					{ width:1008px; height:545px; margin: 0px auto 20px auto; background:#FFF; }


#logo										{ position:absolute; left:17px; top:33px; width:263px; height:57px; background:url(../_img/logo.png); z-index:1;}
#logo a										{ display:block; width:263px; height:57px; text-indent:-9999px; }



/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	MENU PRINCIPAL, SUBMENU, TOOLS y HEADER
	
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#header									{ background:#404040; height:99px; }

#mainMenu								{ position:absolute; right:30px; top:40px; height:25px;}
#mainMenu li							{ float:left; height:25px; line-height:23px; }
#mainMenu li a							{ color:#FFF; font-size:1.2em; display:block; float:left; text-transform:lowercase; margin-left:29px; 
												  /* IE 7*/ .margin-left:26px;
									  			  /* IE 6*/ _margin-left:13px; }

#submenu								{ position:absolute; right:29px; top:66px; width:680px; height:26px; border-top:1px solid #dbdbdb; overflow:hidden;  }
#submenu ul							{ display:block; height:26px;}
#submenu ul li							{ height:26px; float:left; line-height:26px; }
#submenu ul li a						{ color:#ccc; font-size:1.2em; display:block; float:left; text-transform:lowercase; margin-right:30px;
							  					  /* IE 6*/ _margin-right:18px; }

#toolbar									{ height:27px; background:#1c1b1b; position:absolute; width:1008px; }

#accesoDirecto							{ position:absolute; right:30px; top:0px; }
#accesoDirecto li						{ height:25px; float:left; line-height:25px; }
#accesoDirecto li a					{ color:#FFF; font-size:1.1em; display:block; float:left; text-transform:lowercase; margin-left:30px;  }

#temperatura							{ height:25px; display:block; float:left; width:200px;}




/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	CONTENIDOS
	
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#contenidos								{ height:450px; overflow:hidden; position:absolute; left:0px; top:99px; width:968px; padding:0px 20px 0px 20px; }
#index #contenidos					{ padding:0px; width:1008px; height:470px;  }
#interior #contenidos				{ background:#FFF; }
#interior #contenidos h3			{ font-size:1.6em; color:#95c338; height:40px; line-height:40px;}


/* FLASH */

#flash										{ float:left; height:363px; background: aqua; width:663px;  }









/* COLUMNA IZQUIERDA */
#col_izquierda							{ width:293px; float:left; height:363px;}
#carruselFotos							{ height:363px; width:293px; overflow:hidden; background: url(../_img/precarga.gif) center no-repeat; }
#carruselFotos #listaMini			{ height:363px; width:293px; }

#controlesCarrusel					{ height:21px; width:293px; position:absolute; bottom:-21px; z-index:100; background:#404040; }
#controlesCarrusel p					{ float:left; font-size:1.1em; color:#FFF; font-weight:bold; line-height:21px; text-indent:7px; }
#botonesCarrusel						{ width:45px; height:12px; position:absolute; right:5px; bottom:5px; }
#botonesCarrusel	 a					{ width:15px; height:12px; display:block; float:left; }

.prevPic										{ background:url(../_img/bg_btnCarrusel.gif) 0px 0px #b9b9b9; }
.prevPic:hover							{ background:url(../_img/bg_btnCarrusel.gif) 0px 0px #95c338; }
.playPause								{ background:url(../_img/bg_btnCarrusel.gif) -15px 0px #b9b9b9; }
.playPause:hover						{ background:url(../_img/bg_btnCarrusel.gif) -15px 0px #95c338; }
.nextPic									{ background:url(../_img/bg_btnCarrusel.gif) -45px 0px #b9b9b9; }
.nextPic:hover							{ background:url(../_img/bg_btnCarrusel.gif) -45px 0px #95c338; }




/* COLUMNA CENTRAL */
#col_centro								{ width:330px; float:left; height:363px; overflow:auto; padding:0px 20px; font-size:1.1em; color:#666; line-height:18px; }
#col_centro h4							{ font-size:1.1em; font-weight:bold;  }
#col_centro p							{ padding-bottom:14px; text-align:left; }
#col_centro ul							{ margin:-14px 0px 20px 16px;}
#col_centro li							{ list-style:outside disc; }

/* TABLA DATOS CIRCUITO */
.tablaDatosCircuito					{ width:100%; }
.tablaDatosCircuito td				{ vertical-align:top;}
.tablaDatosCircuito table td		{ padding:0px 8px 0px 0px;}
.tablaDatosCircuito img			{ vertical-align:middle; margin-right:5px; }

.tablaDatosCircuito span			{ display:list-item; list-style:inside disc;  }


/* EQUIPO  */
#fotosEquipo							{ height:363px; width:293px; overflow:hidden; background:#EEE; }

#nombreFotoEquipo					{ height:21px; width:293px; position:absolute; bottom:0px; background:#404040; font-size:1.1em; color:#FFF; font-weight:bold; line-height:21px; text-indent:7px;  }

#staff h4									{ font-size:1.1em; font-weight:bold; padding:6px 5px; cursor:pointer; }
#staff div									{ font-size:1.1em; padding:5px 0px 10px 20px; line-height:20px; }
#staff .foto								{ color:#444; font-size:1em; display: block; background: url(../_img/ico_zoom2.gif) no-repeat left center; text-indent: 20px; }
#staff div a								{ color:#444; font-size:0.9em;}
#staff div	 a:hover					{ text-decoration:underline; }
#staff div	 a img						{ vertical-align:middle; margin-left:10px;}


/* HOTELES  */
.infoHoteles								{ display:block; text-align:right; color:#666; }
.infoHoteles:hover					{ color:#95c338; }


/*LISTADO TORNEOS*/
#listaTorneos							{ width:750px; height: 365px; margin:auto; overflow: auto; }

#listaTorneos #cabecera			{ height:22px; background:#a6ce39; line-height:22px; color:#FFF; margin-bottom:6px; overflow:hidden; }
#listaTorneos #cabecera span	{ display:block; float:left; font-size:1.1em; font-weight:bold; }
.lista_fecha								{ padding-left:16px; width:145px;}
.lista_torneo								{ width:350px;}
.lista_inscripcion						{ width:120px;}
.lista_detalle								{ text-align: center; width: 100px;}

.itemTorneo								{ line-height:20px; margin-bottom:4px; overflow: hidden; }
.itemTorneo span						{ display:block; float:left; font-size:1.1em; color:#666; }
.itemTorneo a							{ color:#666; }
.itemTorneo a:hover					{ text-decoration:underline; }


/*FEES*/
.fees											{ width: 664px; margin: auto; }
.fees span									{ width: 200px; display: inline-block; text-indent:3px;}
.fees .fees_title							{ background:#a6ce39; color: #FFF; height: 22px; line-height: 22px; text-indent: 7px; }
.fees .fees_sep							{ height: 2px; line-height: 2px; }
.fees .fees_content					{ background:#ddd; color: #666; font-size: 1em; vertical-align: top; text-indent: 7px; line-height: 16px;
												  /* IE 6*/ _line-height:13px;}
.fees .fees_content2					{ background:#FFF; color: #666; font-size: 1em; vertical-align: top; text-indent: 7px; line-height: 16px;
												  /* IE 6*/ _line-height:13px;}


/*COMENTARIOS*/
#menuComentarios					{ padding-top: 70px; width: 211px; float: left; }
#menuComentarios a				{ font-weight: bold; color: #000; cursor: pointer; }

#comentarios							{ color: #666; padding-top: 30px; float: left; width: 755px; }
#comentarios h4						{ color: #000; font-size: 1.1em; font-weight: bold; height:30px; line-height: 40px; }

#comentarios .pais					{ color:#95c338; font-size: 1.1em; font-weight: bold; }
#comentarios							{ color: #666; }
#comentarios li							{ padding: 4px 0px; font-size: 1.1em;}



/*DESCARGAS*/
#tituloDescargas					{ color: #333; font-size: 11px; position: absolute; left: 230px; top:8px; height: 30px; width: 760px; }

#menuDescargas					{ padding-top: 30px; width: 211px; float: left; }
#menuDescargas ul				{ padding-left: 20px;}
#menuDescargas ul li a			{ font-weight: bold; color: #333; cursor: pointer; font-size: 1.1em; text-transform: lowercase;}
#menuDescargas ul li a:hover { text-decoration: underline; }

#listado_pdf							{ color: #666; float: left; width: 755px; padding-top: 30px; height: 320px; overflow: hidden; }
#listado_pdf ul						{ overflow: hidden; width: 755px; }
#listado_pdf li						{ width: 151px; float: left; padding:0px 20px 0px 0px; height: 163px; }
#listado_pdf li img				{ border: 1px solid #333; margin-bottom: 3px; }
#listado_pdf li a					{ display: block; color: #333; font-weight: bold; }
#listado_pdf li a img				{ border: none; border-left: 4px solid #FFF; vertical-align: middle; }


#listado_minis						{ color: #666; float: left; width: 755px; padding-top: 0px; height: 390px; overflow: auto;  }
#listado_minis ul					{ overflow: hidden; width: 755px; padding-bottom: 30px; }
#listado_minis li					{ width: 150px; float: left; padding:0px 20px 0px 0px; height: 130px; }
#listado_minis li span			{ display: block; }
#listado_minis p					{ display: block; height: 20px; clear: both; width: 200px; }
.fotoDescargas						{ display: block; height: 100px;}
.textoDescargas					{ border-top: 2px solid #FFF; display: block; font-weight: bold; color: #333; line-height: 10px;}
.textoDescargas img				{ vertical-align: middle; border: none; border-left: 5px solid #FFF; }





/* COLUMNA DERECHA */
#col_derecha							{ width:293px; float:right; }

/*  BANNERS  */
#bannerReserva						{ height:98px; border:1px solid #97c43b; padding:8px; background:url(../_img/bg_banner_reserva.jpg) bottom; margin-bottom:8px; }
#bannerReserva a						{ display:block; font-family:Verdana, Geneva, sans-serif; color:#333;}
.reservaTitular							{ font-weight:bold; font-size:2em; display:block; }
.reservaSubtitular						{ font-size:1.3em; display:block; }
.reservaClaim							{ font-size:1.1em; font-weight:bold; display:block; position:absolute; bottom:10px; right:50px; }

#bannerOferta							{ height:98px; border:1px solid #97c43b; padding:8px; background:url(../_img/bg_banner_oferta.jpg) bottom; margin-bottom:8px; }
#bannerOferta a						{ display:block; font-family:Verdana, Geneva, sans-serif; color:#FFF;}
.ofertaTitular							{ font-weight:bold;  font-size:1.8em; display:block; }
.ofertaSubtitular						{ font-size:1.3em; display:block; }
.ofertaClaim								{ font-size:1.1em; font-weight:bold; display:block; position:absolute; bottom:10px; right:50px; color:#333; }

.btnSideInfo								{ font-size:1.1em; font-weight:bold; color:#41423f; height:28px; line-height:28px; display:block; padding-right:32px; float:right;
												  position:absolute; right:8px; bottom:8px; background:url(../_img/bg_btn_sideInfo.gif) no-repeat right; }


#sideInfo									{ padding:0px 0px 10px 0px; border:1px solid #95c338; background:url(../_img/bg_info.gif) no-repeat bottom right #FFF; height:103px; }
#sideInfo h5								{ background:#95c338; padding:0px 10px; height:26px; font-size:14px; color:#FFF; line-height:26px; margin-bottom:5px; text-transform:lowercase; font-weight:bold; }
#sideInfo ul								{ padding:0px 0px 5px 10px; }
#sideInfo li								{ float: left; display: block; width: 280px; }
#sideInfo li span						{ padding-left: 20px; 
												  /* IE 6*/ _padding-left:0px;  
												  /* IE 7*/ .padding-left:0px;  }
#sideInfo a								{ display:block; padding:5px 0px; margin:0px 0px 0px 10px; color:#333; font-size:1.1em; font-weight:bold; }
#sideInfo img							{ float:left; padding-right:8px; }
#sideInfo a:hover						{ color:#666; text-decoration:underline; }






/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	FOOTER
	
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#footer										{ font-size:0.9em; color:#FFF; text-align:center; height:20px; width:1008px; position:absolute; bottom:0; }
#footer a									{ color:#FFF; }
#interior #footer						{ font-size:0.9em; color:#6d6e71; text-align:center; height:20px; width:1008px; position:absolute; bottom:0; }
#interior #footer a					{ color:#6d6e71; }


















.proximamente							{ position: absolute; z-index: 900; width: 256px; height: 38px; background: #fff; line-height: 38px; font-size: 1.4em; color: #2F2F2F; text-align: right; }
.proximamente a						{ height: 38px; width: 42px; float: right; display: block; }