/*
	Cliente  : BahiaSpa
	Fecha    : Diciembre - 2008 
	 
	Colores  : #333 	// texto
			 : #0099cc 	// azul, titulos y destacados
			 : #e2f0f2 	// background azul
	
	Fuentes  : Arial 	// Texto		
			  

*/

/* -------- L4Y0U7 -------- */
@import "reset.css";
@import "subNav.css";

body  {
	font-family:	Arial, sans-serif;
	color:			#333;
	text-align:		center;
	font-size:		100%;
}


#contenido {
	padding:		20px 0 20px 0;
	position: 		relative;
	left: 			0px;
	width: 			972px;
	text-align: 	left;
	z-index: 		6000;
	margin:			0 auto;
}

#top{
	clear:			left;
	height:			158px;
	width:			678px;
	margin-left:	191px;
	
}

#idiomas{
	text-align:right;
	margin-bottom:15px;
}


/* NEW TABS MENU */

#banner{
	width:			678px;
	margin-left:	190px;
}

#nav{
	margin-bottom:	0;
	margin-left:	10px;
}

#nav li{
	float:			left;
	display:		block;
	height:			23px;
}

#nav li a{
	display:		block;
	height:			23px;
	background:		url(../img/bg_tabs_grupo.png) no-repeat;
}


#nav li#inicio a{
	background-position:0 0;
	width:			64px;
}
#nav li#spa a{
	background-position:-67px 0;
	width:			120px;
}
#nav li#galeria a{
	background-position:-187px 0;
	width:			64px;
}


#nav li#inicio a:link,#nav li#inicio a:visited{background-position:0 0; }
#nav li#inicio a:hover,#nav li#inicio a:active{background-position:0 -23px;}
#nav li#inicio a.select{background-position:0 -46px;}
#nav li#spa a:link,#nav li#spa a:visited{background-position:-67px 0; }
#nav li#spa a:hover,#nav li#spa a:active{background-position:-67px -23px;}
#nav li#spa a.select{background-position:-67px -46px;}
#nav li#galeria a:link,#nav li#galeria a:visited{background-position:-187px 0; }
#nav li#galeria a:hover,#nav li#galeria a:active{background-position:-187px -23px;}
#nav li#galeria a.select{background-position:-187px -46px;}


#nav li a span{
	display:		block;
	height:			100%;
	text-indent:    -5000px;
}


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




#slideShow{
	width:			678px;
	height:			188px;	
}




#info{
	width:			129px;
	height:			165px;
	background:		#e2f0f2;
	float:			left;
	padding:		23px 5px 0 5px;
}

#main{
	background: 	url(../img/bg_main.png) repeat-y;
	width:			678px;
	padding:		27px 0 0 25px;
	float:			left;
}

#subNav{
	width:			190px;
	float:			left;
	text-align:		right;
	padding:		12px 0 25px 0;
	background:		url(../img/bg_subnav.png) repeat-y top right;
}


#thumbs{
	margin-top:		25px;
	margin-left:	10px;
}


.thumb, .thumblast{
	background:		url(../img/bg_thumbs.png) no-repeat;
	width:			325px;
	height:			102px;
	margin:			0 15px 30px 0;
	float:			left;
}
.thumblast{
	margin:			0 15px 30px 162px;
}


.thumb p, .thumblast p{
	font-size:		12px;
	padding-top:	20px;
	line-height:	100%;
}

.thumb p.hotel, .thumblast p.hotel{
	color:			#0099cc;
	font-size:		16px;
	font-weight:	bold;
	padding-top:	0;
	margin-top:		-5px;
}

.thumb p.hotel a:link, .thumb p.hotel a:visited{
	color:			#0099cc;
}
.thumb p.hotel a:hover, .thumb p.hotel a:active{
	text-decoration:underline;
}

.thumbs br{
	clear:			left;
}


#foot{
	clear:			left;
	text-align:		center;
	color:			#666;
	margin-top:		25px;
	width:			648px;
}

#foot p{
	font-size:		60%;
	margin-top:		10px;
}
#foot p a:link,#foot p a:visited{
	font-size:		110%;
	text-decoration:underline;
	color:			#09c;
}
#foot p a:hover, #foot p a:active{
	text-decoration:none;
}
	
	
/* -------- B4CKGR0UND R321Z4BL3 -------- */


.bg { 
	width: 			100%;
	position: 		absolute;
	top: 			0;
	left: 			0;
	z-index: 		5000;
}

	
	
/* -------- F0RM470 -------- */

a{text-decoration:none;}

#subNav ul{
	padding-bottom:	15px;
}

#subNav ul.select{
	background:		url(../img/bg_subnav_select.png) repeat-y top right;
}

#subNav ul li.listHeader{
	font-size:		11px;
	font-weight:	bold;
	color:			#09c;
	padding-top:	15px;
	margin-bottom:	10px;
	background:		url(../img/lineas_subnav.png) no-repeat top right;
}

#subNav ul li.no_bg{
	background:		none;
}
li.listHeader a:link, li.listHeader a:visited{
	color:			#09c;
	text-decoration:underline;
}
li.listHeader a:hover, li.listHeader a:active{
	text-decoration:none;
}

#subNav ul li{
	font-size:		10px;
	padding-right: 	6px;
}		



dl#instruccionesGal{ margin-left:0;}
dl#instruccionesGal dt{
	height:23px;
	font-weight:bold;
	padding-left:28px;
	background-image:url(../img/controles.png);
	background-repeat:no-repeat;
	margin-bottom:0px;
	font-size:80%;
	color:#09c;
}
dl#instruccionesGal dd{
	padding-left:28px;
	font-size:0.9em;
	margin-top:-6px;
	line-height:150%;
	font-size:11px;
	margin-bottom:15px;
}

dl#instruccionesGal dd span{
	font-weight:bold;
	color:#09c;
}

dl#instruccionesGal dd a:link, dl#instruccionesGal dd a:active{color:#09c; text-decoration:underline;}
dl#instruccionesGal dd a:hover, dl#instruccionesGal dd a:visited{ text-decoration:none;}

#btn1{background-position:0 0;}
#btn2{background-position:0 -24px;}
#btn3{background-position:0 -47px;}
#btn4{background-position:0 -70px;}
#btn5{background-position:0 -93px;}
#btn6{background-position:0 -116px;}
#btn7{background-position:0 -139px;}
#btn8{background-position:0 -162px;}
#btn_none{background-position:0 -162000px;}



h1,h2,h3,h4,h5,h6{
	color:			#0099cc;
}	

h3, .column h3 a{
	font-size:		18px;
	font-weight:	bold;
	color:			#333;
	text-decoration:underline;
	margin-bottom:	10px;
}
h4{
	font-size:		14px;
	font-weight:	bold;
	color:			#09c;
	margin:			20px 0 15px 0;
}

p{ 
	line-height:	150%; 
	margin-bottom:	10px;
}

.column, .columnlarga{
	font-size:		80%;
	width:			315px;
	float:			left;
	margin-right:	10px;
	margin-bottom:	20px;
}

.columnlarga{
	width:			629px;
}
.column h4{
	margin:			0;
}

.column img{
	margin-top:		20px;
}

#info h4{
	font-size:		10pt;
	margin:			0 0 60px 0;
	letter-spacing:-.5px;
	font-weight:	bold;
}

#info p{
	font-size:		70%;
	line-height:	120%;	
	margin-bottom:	15px;
}

.servicios{
	list-style:		url(../img/bullets.gif) outside;
	margin:			15px 0 25px 19px;
}


.tratamientos{
	margin-top:10px;
}

.tratamientos dt{
	font-weight:	bold;
	margin:			0 0 3px 0;
}
.tratamientos dd{
	margin:			0 0 18px 0;
	width:			297px;
	line-height:	150%;
}

.servicios li{
	font-size:		12px;
	line-height:	150%;
}

/* -------- B421C02 -------- */

.flleft	{float: left; margin-right:10px;}
.flright{float: right;}
.clleft {clear: left;}
.center {text-align:center;}

.small	{font-size:75%}
.short	{letter-spacing:-1px;}

.last	{border:none; margin:0;}
.no_bg	{background:none;}

.transpa{filter: alpha(opacity=50); -moz-opacity:0.5;} 

/* -------- F0RMUL4R102 -------- */

	
	#contactoForm{
		padding-top:10px;
		margin-left:30px;
	}
	
	label{
		display:block;
		float:left;
		width:150px;
		margin-right:15px;
		margin-bottom:10px;
		height:30px;
		font-size:85%;
		
	}
	
	
	input, textarea, select{
		display:block;
		float:left;
		border:1px #ccc solid;
		height:25px;
		width:450px;
		
	}
	
	select{
		width:453px;
	}
	textarea{
		height:225px;
	}
	
	
	form br {
		clear: left;
	}

	#inputide{
		display:none;
	}

	.inputOculto {
		display:none;
	}

	#enviarBtn{
		width:auto;
		height:auto;
		border:none;
		float:right;
		margin-right:28px;
		margin-top:10px;
	}

/* -------- H0M3 ----------- */

#page-spa #slideShowHome{
	width:			678px;
	height:			188px;
}

#page-spa  #banner{
	margin-bottom:	0;
}

#page-spa #main{
	margin-left:	190px;
	padding-left:	0;
}

#page-spa .column{
	font-size:		80%;
	width:			310px;
	float:			left;
	margin-right:	12px;
	margin-bottom:	20px;
	margin-left:	15px;
}

/* -------- G4L3R14 ----------- */

#galeria-spa #banner{
	width:			678px;
	height:			428px;
}

#galeria-spa #slideShow{
	width:			678px;
	height:			430px;
}
	
#galeria-spa #main{
	margin-top:		25px;
	margin-left:	190px;
	padding-left:	15px;
}


#page-spa #main.mainGaleria{
	margin-top:242px;
}
/* -------- N0 30RR4R -------- */

.clearfix:after {
	content: 	".";
	display: 	block;
	height: 	0;
	clear: 		both;
	visibility: hidden;
}

.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}


#imagenCabecera {
	clear: both;
	height: 188px;
	width: 678px;
}

.error_f {
	clear: left;
	background: #FFFFEE;
	border: #AAAAAA solid 1px;
	font-size: 10pt;
	margin-left: 165px;
	padding: 0 5px 0 5px;
	width: 68%;
}