/* CSS Document */

/********************************** GENERALES  *************************************/

/* ETIQUETAS *************************************/

body{
margin:0;
padding:0;
background:#669933;
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
SCROLLBAR-FACE-COLOR: #ffffff;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
SCROLLBAR-SHADOW-COLOR: #ffffff;
SCROLLBAR-3DLIGHT-COLOR: #cccccc;
SCROLLBAR-ARROW-COLOR:#cccccc;
SCROLLBAR-TRACK-COLOR: #ffffff;
SCROLLBAR-DARKSHADOW-COLOR:#cccccc}


h1,h2,h3,h4,h5,h6,p,ul{
margin:0;
padding:0;
}

h3{
font-size:1.3em;
color:#94b738;
font-weight:bold;
}

h1{
font-size:2em;
color:#94b738;
font-weight:bold;
letter-spacing:.1em;
margin:5px 0 20px 0;

}

img {
border:none;
}

a, a:link, a:hover, a:visited{
	color:#669933;
	text-decoration:none;
	font-weight:bold;
		}
	
a:hover{
color:#99cc33;
text-decoration:underline;
}



/* CLASES  *************************************/

.borrar{
clear:both;
}


.trama{
background:url(graficos/trama.png) repeat;
padding:5px 10px;
}


.elem_izq{
float:left;
margin:0 15px 0 0;
}

/**********************************   CONTENEDORES COMUNES  *************************************/



#contenedor{
	width:920px;
	height:670px;
	margin:auto;
	background:url(graficos/fondo.png) no-repeat;
	_background:url(graficos/fondo.gif) no-repeat;
	padding:20px;
	
	}
	
#logo{
	float:left;
	border:none;
	}

/* MENU PRINCIPAL  *************************************/

#menu_principal{
	margin:0px;
	padding:0 0px 0 0;
	float:right;
	position: relative;
	height:60px;
	}

	#menu_principal li{
	
		float:left;
		text-transform:uppercase;
		list-style:none;
		width:140px;
		text-align:center;
		border-right:#CCCCCC solid 1px;
		
	
		}

	#menu_principal li a{
		display:block;
		margin: 0px;
		height:10px;
		padding:10px;
		font-weight:bold;
		font-size:.8em;
		letter-spacing:.1em;
		
			}
	
	#menu_principal li a:hover
	{
		text-decoration:none;
		}

	#menu_principal li ul.dropmenu, #menu_principal li ul.dropmenu1 {
			position: absolute;
			display: block;
			left: -5000px;
			width: 700px;
			height: 35px;
			margin: 0;
			padding: 0 ;
			background:#FFFFFF;
			z-index:1;
			border-top:#CCCCCC 1px solid;
			
			
			}


	#menu_principal li:hover ul.dropmenu, #menu_principal li:hover ul.dropmenu1,
	
	#menu_principal li.sfhover ul.dropmenu, #menu_principal li.sfhover ul.dropmenu1
	{
		left: 0px;
		top: 30px;
		z-index: 900; /* por encima de todo el contenido de la pagina */
		
		}

	#menu_principal li ul.dropmenu_open, #menu_principal li ul.dropmenu_open1{
		position:absolute;
		display:block;
		width:700px;
		height:35px;
		margin:0;
		padding:0;
		border-right:none;
		left:0px;
		top:30px;
		border-top:#CCCCCC 1px solid;
				}
ul.dropmenu_open li a, ul.dropmenu_open1 li a, ul.dropmenu li a, ul.dropmenu1 li a{
text-transform:lowercase;
}

#menu_principal ul.dropmenu_open li a, #menu_principal ul.dropmenu_open1 li a, #menu_principal ul.dropmenu li a, #menu_principal ul.dropmenu1 li a{
	text-transform:lowercase;
	height: 30px;
}

	#menu_principal li ul.dropmenu li {
		float: left;
		padding: 0px;
		border-right:none;
		
		
		
		
		
		}
	#menu_principal li ul.dropmenu1 li {
		float:right;
		padding: 0px;
		border-right:none;
	
				}

	
#menu_principal li ul.dropmenu_open1 li{
		float:right;
		border-right:none;
		}
#menu_principal li ul.dropmenu_open li{
		
		border-right:none;
		}
	
		a.current{
	display:block;
	color:#999999;
	text-decoration:none;
	
}

#menu_principal li a.current1 {
		
}

	a.current1{
	color:#999999;
		text-decoration:none;
}
	
#menu_principal li.noborder{
border-right:#FFFFFF solid 1px;
}



/* OFERTA  *************************************/

#oferta{
	float:left;
	background:url(graficos/fondo_ofertas.png) no-repeat;
	_background:url(graficos/fondo_ofertas.gif) no-repeat;
	width:150px;
	height:559px;
	padding:10px 30px 0px 18px;
	margin:0 20px 0 0;
	}
	
	#oferta h2{
		color:#FFFFFF;
		margin:0 0 5px 0;
		font-size:1.5em;
		}
	
	#oferta h3{
		color:#FFFFFF;
		margin:0 0 5px 0;
		font-size:1.2em;
		}
	
	#oferta p{
		color:#FFFFFF;
		margin:0 0 0 0;
		}
	
	#oferta img{
		border:#FFFFFF solid 1px;
		margin:0 0 20px 0;
		}

	#oferta #texto p{
		height:300px;
		font-size:0.8em;
		display: inline;
		}
	
	#oferta #precios{
		color:#FFFFFF;
		margin:10px 0 0 0;
		font-size:1.5em;
		font-weight:bold;
		text-align: center;
		}
	
	#oferta #reserva a{
		text-transform:uppercase;
		font-size:.8em;
		display:block;
		background:url(graficos/boton_reservas.gif) no-repeat;
		width:90px;
		height:27px;
		padding:6px 8px;
		margin:10px 0 0 50px;
				}

	#oferta #reserva a:hover{
		background:url(graficos/boton_reservas_hover.gif) no-repeat;
		text-decoration:none;
				}
	
	.datos {
		width: 500px;
		float: right;
	}


/* FOTO GRANDE  *************************************/
#foto_grande{
	background:url(graficos/fondo_fotos_cntr.gif) repeat-y;
	width:367px;
	height:auto;
	float:left;
	margin:0 20px 0 0;
	position: relative;
	}
#foto_grande_top {
	background:url(graficos/fondo_fotos_top.gif) repeat-y;
	position: relative;
	top: -5px;
	height: 10px;
	width: 365px;
}
#foto_grande_bttm {
	background:url(graficos/fondo_fotos_bttm.gif) repeat-y;
	position: relative;
	bottom: -10px;
	height: 14px;
	width: 365px;
}
/* CONTENIDO PEQUEñO  *************************************/

#contenido_peq{
	width:290px;
	_width:270px;
	height:297px;
	overflow:auto;
	font-size:.8em;
	line-height:1.6em;
	padding:0 20px 0 0;
	}


/* DESTACADOS  *************************************/

#destacado{
	font-size:0.8em;
	float:left;
	padding:10px;
	background:url(graficos/fondo_destacados.png) no-repeat right;
	margin:30px auto ;
	width:665px;
	}

	#destacado div.elem_izq{
		border-left:#999999 dashed 1px;
		float:left;
		width:130px;
		padding:0 10px;
		height: 65px;
		overflow: auto;
		}

	#destacado h4{
		background: url(graficos/flecha.gif) right no-repeat ;
		width:auto;
		padding:0 15px 0px 00px;
		display:block;
		font-size:1em;
		}

	#destacado p{
		margin:10px 0 0 0;
		font-size:0.9em;
		}


/* TIRA IMAGENES  *************************************/

#tira_img{
	width:700px;
	height:116px;
	background:url(graficos/fondo_tira_fotos.gif) no-repeat;
	float:left;
	text-align:center;
	}

	#tira_img img{
		border:none;
		margin:15px 5px;
		}

/* PIE  *************************************/

#pie{
	clear:both;
	padding:0px;
	font-size:.7em;
	
	}
	
	
		
	#menu_legal{
		margin:0px 0px 0 0;
		padding:0px;
		float:left;
		}
	
	#menu_legal li{
		list-style:none;
		float:left;
		padding:0 20px 0 0px;
		}
	
	#menu_legal li a, #destacado a{
		color:#669933;
		text-decoration:none;
		text-transform:uppercase;
		font-weight:bold;
		}
	
	#menu_legal li a:hover, #destacado a:hover{
		text-decoration:underline;
				}
		
	
		
#menu_idiomas{
		margin:-10px 0px 0 0;
		padding:0px;
		float:right;
		}
	
	#menu_idiomas li{
		list-style:none;
		float:left;
		padding:0px;
		margin:0;
	
		}
		
		#menu_idiomas li a{
		display:block;
		width:50px;
		height:20px;
		font-variant:small-caps;
		text-align:center;
		padding:5px 0px 0 15px;
		}
		
		#espana {
		background:url(graficos/bandera_es.gif) left no-repeat;
		}
		
		a#espana:hover {
		background:url(graficos/bandera_es_hover.gif) left no-repeat;
		}
		
		#inglaterra {
		background:url(graficos/bandera_in.gif) left no-repeat;
		}
		
		a#inglaterra:hover {
		background:url(graficos/bandera_in_hover.gif) left no-repeat;
		}
		
		#francia {
		background:url(graficos/bandera_fr.gif) left no-repeat;
		}
		a#francia:hover {
		background:url(graficos/bandera_fr_hover.gif) left no-repeat;
		}
		
		
/********************************** COTENEDORES X PAGINAS  *************************************/



/* HOME  *************************************/

#fotohome1, #fotohome2, #fotohome3, #fotohome4{
float:left;
display:block;
margin:10px ;
}
#fotohome5 {
float:right;
display:block;
margin:10px ;
}

#fotohome1 { background:url(fotos/spa.jpg) no-repeat;
}
#fotohome2 {
background:url(fotos/piscina.jpg) no-repeat;
}

#fotohome3 {
background:url(fotos/poli.jpg) no-repeat;
}


#fotohome4 {
background:url(graficos/claim_home.jpg) no-repeat bottom right;
width:330px;
height:270px;
}

#fotohome5 {
background:url(graficos/claim_home.jpg) no-repeat bottom right;
width:330px;
height:270px;
}

#fotohome1 a, #fotohome2 a, #fotohome3 a, #fotohome4 a{
font-size:2em;
font-weight:bold;
text-decoration:none;
color:#FFFFFF;
display:block;
width:330px;
height:50px;
padding:193px 0 0 0px;
}





/*
#destacado_home{
	font-size:0.8em;
	padding:10px;
	margin:20px auto 20px auto;
	width:900px;
	height:280px;
	}

#destacado_home div.elem_izq{
	border-left:#999999 dashed 1px;
	float:left;
	width:189px;
	padding:0 10px;
	}
#destacado_home h4{
		background: url(graficos/flecha.png) right no-repeat ;
		width:auto;
		padding:0 15px 0px 00px;
		display:inline;
		font-size:1.3em;
		}

#destacado_home p{
margin:20px 0;
}

.elem_centro{
	margin:20px auto;
	width:900px;
	}
*/
/* TRATAMIENTOS Y OFERTAS  *************************************/


#contenido_big{
	width:700px;
	_width:690px;
	height:550px;
	overflow:auto;
	font-size:.8em;
	line-height:1.4em;
	text-align:center;
	}
	
#contenido_big_left{
	width:700px;
	_width:690px;
	height:550px;
	overflow:auto;
	font-size:.8em;
	line-height:1.4em;
	text-align: left;
	}
	
#contenido_big_left h1 {
	text-align: center;
}
	
	.elem{
	border-bottom:#CCCCCC dashed 1px;
	margin:10px ;
	padding:20px 0;
	text-align:left;
	}


	.precio{
	font-weight:bold;
	}
	.reserva{
	float:right;
	}

	.reserva a{
	text-transform:uppercase;
	font-size:1em;
	display:block;
	background:url(graficos/boton_reservas.gif) no-repeat;
	width:90px;
	height:27px;
	padding:6px 8px;
	}

	.reserva a:hover{
	text-decoration:none;
	background:url(graficos/boton_reservas_hover.gif) no-repeat;
		}
	
	#oferta ul{
	margin:0px;
	padding:0px;
	}
	#oferta li{
	background:url(graficos/bullet.png) no-repeat left;
	_background:url(graficos/bullet.gif) no-repeat left;
	padding:10px 15px;
	list-style:none;
	font-size:.8em;
	}
	
	#oferta li a{
	color:#FFFFFF;
	}

/********************************** FORMULARIOS  *************************************/

#formulario{
	width:700px;
	height:550px;
	font-size:.8em;
	line-height:1.4em;
	text-align:center;
	float:left;
		}
input, select, textarea {
	margin:0px 0px 0px 0px;
	padding:1px 1px 2px 1px;
	border:#94b738 1px solid;
	color:#000000;
	font-size:.9em;
	}

textarea {
	font-family:Arial, Helvetica, sans-serif;
}

input[type="text"]{
	width:150px;
			}
			
select {
				}
				
select.numeros {
	width:60px;
				}
				
input[type="submit"]{
	width:100px;
	height:28px;
	background:url(graficos/boton_reservas.gif) no-repeat left top;
	border:none;
	text-transform:uppercase;
	color:#669933;
	font-weight:bold;
	font-size:.9em;
	padding:0 10px 5px 0;
	}
	
input[type="submit"]:hover{
	background:url(graficos/boton_reservas_hover.gif) no-repeat;
				}

input[type="text"]:focus, textarea:focus{
	background:#94b738;
	} 

#formulario div {
		margin:10px auto;
		text-align:left;
		width:450px;
		}
		
#formulario div label {
display:block;
float:left;
width:150px;
		}
		
	#contenedor #formulario form label {
		display: none;
	}
	
	#contenedor #formulario form .hidden {
		display: none;
	}
	
	
/********************************** CONFIRMACION  *************************************/
	
#confirmacion {
	height:559px;
}

/********************************** MAIL  *************************************/
#contenedor_mensaje{
	width:90%;
	height:90%;
	margin:auto;
	background:url(graficos/fondo.png) no-repeat;
	_background:url(graficos/fondo.gif) no-repeat;
	padding:20px;
}
#contenido_mensaje {
	text-align: center;
}
#contenido_mensaje h1 {
	font-size: 21px;
}
#contenido_mensaje h2 {
	font-size: 16px;
	margin-bottom: 10px;
}
#contenido_mensaje .texto_just {
	text-align: justify;
	font-size: 11px;
	line-height: 1.3em;
}
#contenido_mensaje .texto_just b {
	font-size: 12px;
	font-weight: bold;
}
#contenido_mensaje .texto_just span {
	font-size: 11px;
	text-decoration: underline;
	margin-right: 5px;
}