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


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

	REGLAS GENERALES INTERIOR

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


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


#logo										{ position:absolute; left:17px; top:33px; width:263px; height:57px; background:url(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:34px; 
												  /* IE 7*/ .margin-left:31px;
									  			  /* IE 6*/ _margin-left:15px; }

#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; line-height:25px; color:#999; background:url(tiempo.gif) no-repeat 10px 0px; width:200px;}

#meteo										{ height:25px; width:200px;display:block; float:left; line-height:25px; color:#999; background:#066; }



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

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



/* COLUMNA IZQUIERDA */
#col_izquierda							{ width:293px; float:left; height:363px;}
#carruselFotos							{ height:363px; width:293px; overflow:hidden; background:#EEE; }

#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(bg_btnCarrusel.gif) 0px 0px #b9b9b9; }
.prevPic:hover							{ background:url(bg_btnCarrusel.gif) 0px 0px #95c338; }
.playPause								{ background:url(bg_btnCarrusel.gif) -15px 0px #b9b9b9; }
.playPause:hover						{ background:url(bg_btnCarrusel.gif) -15px 0px #95c338; }
.nextPic									{ background:url(bg_btnCarrusel.gif) -45px 0px #b9b9b9; }
.nextPic:hover							{ background:url(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(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:738px; margin: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:323px;}
.lista_inscripcion						{ width:140px;}

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







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

/*  BANNERS  */
#bannerReserva						{ height:98px; border:1px solid #97c43b; padding:8px; background:url(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(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:2em; 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(bg_btn_sideInfo.gif) no-repeat right; }


#sideInfo									{ padding:0px 0px 10px 0px; border:1px solid #95c338; background:url(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:5px 0px 5px 10px; }
#sideInfo li								{ float: left; display: block; width: 280px; }
#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; 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; }