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


html{
		margin:0;
		padding:0;	
		width:100%;
		height:100%;	
		}
		
body{ 	margin: 0 auto 0 auto;
		text-decoration:none;
		
		 }

		 
		 
#contenedor{ position:absolute;
				margin: 0 auto 0 auto;
				width:100%;
			
				}
				

				
#contenido75{ position:absolute;
					top:5%;
					right:0;
				width:60%;
				height:500px;
				z-index:5;
				
			
				
			
		
				}
				
		
				
#logo{ position:relative;
				margin: 5% auto 0 auto;
				background:url(img/logo.jpg) no-repeat;
				width:15%;
				height:200px;
					
				
				}
#logo_p{ position:fixed;
				background:url(img/logo_p.gif) no-repeat;
				top:5%;
				left:6%;
				width:50%;
				height:100px;
					
				
				}
#img{ position:relative;
			top:2%;
			width:83%;
			height:80px;
			background-image:url(img/cabecera/img_club.jpg);}
			
#img_entorno{ position:relative;
			top:2%;
			width:83%;
			height:80px;
			background-image:url(img/cabecera/img_entorno.jpg);}
#img_instal{ position:relative;
			top:2%;
			width:83%;
			height:80px;
			background-image:url(img/cabecera/img_instal.jpg);}
#img_llegar{ position:relative;
			top:2%;
			width:83%;
			height:80px;
			background-image:url(img/cabecera/img_llegar.jpg);}
#img_contacto{ position:relative;
			top:2%;
			width:83%;
			height:80px;
			background-image:url(img/cabecera/img_contacto.jpg);}
			

			
#submenu{ position:relative;
			top:2%;
			width:510px;
			z-index:4;
			}

				
#texto{ position:fixed;
		top:15%;
		right:0;
		width:60%;
		height:260px;
		font:1em Verdana, Arial, Helvetica, sans-serif;
		text-align:justify;
		color:#666666;
		z-index:7
}
				
#texto_galeria{ position:fixed;
				font: 1em Verdana, Arial, Helvetica, sans-serif;
				background:url(img/thumbnails/galeria_fondo4.png) no-repeat;
				top:15%;
				right:0;
				width:60%;
				height:420px;
				text-align:justify;
				color:#666666;
				z-index:1;
				}
#fotos{	position:relative;
		top:9%;
		left:6%;
		width:415px;
		height:220px;}
				
#letras{ position:relative;
				top:6%;
				left:0;
				width:83%;
				height:260px;
				font : 0.7em  Verdana, Arial, Helvetica, sans-serif;
				text-align:justify;
				color:#666666;
				z-index:4;
				overflow:auto;
				padding-right:20px;
				z-index:8;
				
				
				}
#letras_submenu{ position:relative;
				top:6%;
				left:0;
				width:510px;
				height:260px;
				font: 0.7em Verdana, Arial, Helvetica, sans-serif;
				text-align:justify;
				color:#666666;
				z-index:4;
				overflow:auto;
				padding-right:20px;
				z-index:9;
				
				
				
				}
				
#pie{	position:fixed;
		bottom:0;
		margin: auto auto 0 auto;
		width:100%;
		height:100px;
		bottom:0px;
		clear:both;
		
		
	
		}
/* IE6 Only */ 
* html #pie {	position:absolute;

							}

#hierba{	position:relative;
			margin: auto auto 0 auto;
			background:url(img/hierb.png) repeat-x;					
			height:120px;
			z-index:4;
			clear:both;
	
			
			}
			




			
#caballo{	position:relative;
				margin: -240px 105px 0 auto;
			background:url(img/caballo.png) no-repeat;
			height:220px;
			width:280px;
			
			}
/* IE6 Only */ 
* html #caballo {	background:url(img/caballo.gif) no-repeat;}

#caballo_interior{	position:relative;
				margin: -240px 105px 0 auto;
			background:url(img/caballointerior-trans.gif) no-repeat;
			height:220px;
			width:280px;
			z-index:2;
		}
#no_caballo{	position:relative;
				margin: -240px 105px 0 auto;
			height:220px;
			width:280px;
			z-index:2;
		}
		
		

			
#menu{	position:relative;
				margin: -383px auto 0 2%;
			background:url(img/poste.png) no-repeat;
			height:370px;
			width:350px;
			z-index:3;
			
			}
			
#m_entorno{
	position:relative;
	top:88px;
	left:33px;
	height:20px;
	width:100px;
	
			}
#m_elclub{
	position:relative;
	top:65px;
	left:196px;
	height:20px;
	width:100px;
			}
#m_instalaciones{
	position:relative;
	top:87px;
	left:12px;
	height:20px;
	width:120px;
			}		
#m_actividades{
	position:relative;
	top:65px;
	left:184px;
	height:20px;
	width:100px;
			}
#m_galeria{
	position:relative;
	top:82px;
	left:42px;
	height:20px;
	width:100px;
			}
#m_llegar{
	position:relative;
	top:96px;
	left:188px;
	height:25px;
	width:100px;
			}
#m_contacto{
	position:relative;
	top:112px;
	left:190px;
	height:20px;
	width:100px;
			}
			
#validacion{
	position:relative;
	top:10px;
	left:330px;
	height:190px;
	width:43px;

			}
			

		 

a:link{color:#666666; text-decoration:none;}
a:visited{color:#666666; text-decoration:none; }
a:hover{color:#40A912; font-weight:bold; text-decoration:none; }
img{border:0;}

.titulo{	font: bold 1.1em Georgia, "Times New Roman", Times, serif;
			color:#40A912;}
.negrita_verde{	font: bold 1em Verdana, Arial, Helvetica, sans-serif;			
			color:#40A912;}
.negrita_gris{	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
			color:#666666;}
.info_gris{	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
			color:#666666;}
			

			
ul { 	font: 0.95em Verdana, Arial, Helvetica, sans-serif;
		list-style-type:none;
		padding-top:10px;
		padding-left:13px;
		}
		 
		/* IE7 Only */ 
		*:first-child+html ul {margin-left:5px;}


li {	margin-bottom:5px;
		color:#666666;	}


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(img/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }




.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}
.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	width: 44px;
	height: 80px;

	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 3px; /*Set to same as spacing option. */
	
	/*do not change these */
	display: block;
	float: left;
	overflow: hidden;
	padding: 0;  /*if you need padding, do so with an inner div */
}

/* background images are entirely optional */
#kwick_01 {	background-color:#ACFE94;
			background-image:url(img/submenu/01.png);
}
#kwick_02 {background-color:#ACFE94;
			background-image:url(img/submenu/02.png);
}
#kwick_03 {background-color:#ACFE94;
			background-image:url(img/submenu/03.png);
}
#kwick_04 {background-color:#ACFE94;
			background-image:url(img/submenu/04.png);
}
#kwick_05 {background-color:#ACFE94;
			background-image:url(img/submenu/05.png);
}
#kwick_06 {background-color:#ACFE94;
			background-image:url(img/submenu/06.png);
}
#kwick_07 {background-color:#ACFE94;
			background-image:url(img/submenu/07.png);
}
#kwick_08 {background-color:#ACFE94;
			background-image:url(img/submenu/08.png);
}
#kwick_09 {background-color:#ACFE94;
			background-image:url(img/submenu/09.png);
}
#kwick_10 {background-color:#ACFE94;
			background-image:url(img/submenu/10.png);
}

#kwick_11 { background-color:#ACFE94;
			background-image:url(img/submenu/11.png);
	margin-right: 0; /* cancel margin on last kiwck (if you set a margin above) */
}