@charset "UTF-8";
/* CSS Document */

html, body, #base { width: 100%; height: 1200px; min-height: 100%; _height: 100%; margin: 0; padding: 0; }

html>body #base { height: auto; }

html { background: #FFFFFF url(../images/main_bg_repeat.gif) top left repeat-x; }

body { background: url(../images/main_bg_2ndlevel.jpg) top center no-repeat; }

#base { position: relative; }

img { border: none; outline: none;}

a { text-decoration: none; outline: none; color:#5a5a48; }

a:hover { color:#5a5a48; border-bottom: 1px dashed #CCCCCC; }

ul { padding-left: 0px; margin-left: 0px; text-align:left; margin-top: 0px; padding-top: 0px; margin-bottom: 0px; font: 14px arial; color:#5a5a48; text-transform:none; letter-spacing:0px; font-weight:normal;}

li { padding-left: 13px; padding-bottom:5px; list-style-type: none; background-position:left 3px; letter-spacing: 0px;}

li a { color:#055F81; text-transform:uppercase; letter-spacing: 0px; font-weight:bold; }

li a:hover { color:#83C6D9; border-bottom: 1px dashed #C5D8DC; letter-spacing: 0px;}



hr { margin: 10px 0 0 0; border: 1px solid #FFFFFF; border-bottom: 1px dashed #D4E2E3; border-right: none; border-left: none; }

h1 { margin: 0; font: 18px arial; color: #82C6D9; font-weight:lighter; }

h2 { margin: 0; font: 18px arial; letter-spacing: -1px; color: #005E82; font-weight:bold; text-transform:lowercase; }

h3 { margin: 0; font: 30px arial; letter-spacing: -1px; color: #055F81; font-weight:lighter; }

h4 { margin: 0; font: 28px; color: #006666; font-weight:lighter; }

h5 { margin: 0; font: 18px; color: #666666; font-weight:lighter; }

h6 { margin: 0; font: 24px; letter-spacing: -1px; color: #005E82; text-transform:lowercase; }

h7 { margin: 0; font-size: 18px; }

h8 { margin: 0; font-size: 14px; letter-spacing: -1px; color: #666666; }






/* Container */

#container { width:925px; margin:0 auto; padding:0; top:0px; position:relative; }

/* Header */

#header { width:925px; height:112px; margin:0 auto; padding:0; top:0px; }

.logo { position:absolute; width:262px; margin-left:15px; padding:0;}

.logo a { border:0; }

.logo:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);opacity:0.75;-khtml-opacity:0.75;-moz-opacity:0.75;border:0;}

.nav { position:absolute; width:675px; height:43px; padding:0; margin-left:260px; margin-top:110px;}

.nav ul { margin: 0px 0px 0px 0px;	padding: 0;	list-style-type: none; }

.nav li { height: 43px;	margin: 0;	padding: 0;	float: left; }

.nav li a { padding:0; border-bottom: 0px; }

.nav li a:hover { padding:0; border-bottom: 0px; }

.nav a { height: 43px; display: block; border-bottom: 0px; }

.nav span { position:absolute; top:-1000px; }



.index_menu1 a { width:63px; background: url(../images/nav_home_off.gif) no-repeat; }

.index_menu1, .index_menu1 a:hover, .index_menu1 a.current { background: url(../images/nav_home_on.gif) no-repeat; }

.index_menu2 a { width:65px; background: url(../images/nav_hotel_off.gif) no-repeat; }

.index_menu2, .index_menu2 a:hover, .index_menu2 a.current { background: url(../images/nav_hotel_on.gif) no-repeat; }

.index_menu3 a { width:89px; background: url(../images/nav_servicios_off.gif) no-repeat; }

.index_menu3, .index_menu3 a:hover, .index_menu3 a.current { background: url(../images/nav_servicios_on.gif) no-repeat; }

.index_menu4 a { width:126px; background: url(../images/nav_aguas_off.gif) no-repeat; }

.index_menu4, .index_menu4 a:hover, .index_menu4 a.current { background: url(../images/nav_aguas_on.gif) no-repeat; }

.index_menu5 a { width:54px; background: url(../images/nav_spa_off.gif) no-repeat; }

.index_menu5, .index_menu5 a:hover, .index_menu5 a.current { background: url(../images/nav_spa_on.gif) no-repeat; }

.index_menu6 a { width:65px; background: url(../images/nav_golf_off.gif) no-repeat; }

.index_menu6, .index_menu6 a:hover, .index_menu6 a.current { background: url(../images/nav_golf_on.gif) no-repeat; }

.index_menu7 a { width:93px; background: url(../images/nav_novedades_off.gif) no-repeat; }

.index_menu7, .index_menu7 a:hover, .index_menu7 a.current { background: url(../images/nav_novedades_on.gif) no-repeat; }

.index_menu8 a { width:115px; background: url(../images/nav_contacto_off.gif) no-repeat; }

.index_menu8, .index_menu8 a:hover, .index_menu8 a.current { background: url(../images/nav_contacto_on.gif) no-repeat; }



.book { position:absolute; width:313px; height:43px; padding:0; margin-left:575px; margin-top:69px;}

.book ul { margin: 0px 0px 0px 0px;	padding: 0;	list-style-type: none; }

.book li { height: 43px;	margin: 0;	padding: 0;	float: left; }

.book li a { padding:0; border-bottom: 0px; }

.book li a:hover { padding:0; border-bottom: 0px; }

.book a { height: 43px; display: block; border-bottom: 0px; }

.book span { position:absolute; top:-1000px; }

.book_link a { width:313px; background: url(../images/bookonline.jpg) no-repeat; }

.book_link, .book_link a:hover, .book_link a.current { background: url(../images/bookonline_hover.jpg) no-repeat; }



/* Main Body */

#main_body { width:891px;height:auto; margin:100px 0 0px 20px; padding:0; top:0px;background: url(../images/fondo_contenedor.jpg) repeat-x; background-color:#FFFFFF;}

.left { background:url(../images/nav_bg.gif) top center repeat-y; width:237px; margin-top:0px; margin-left:25px; _margin-left:14px; padding:0px; float:left; text-align:left; }

.left a { border:0; }

.leftinner { background:url(../images/nav_bg_foot.gif) bottom center no-repeat; width:239px; margin:0px; padding:0px; border:0; }

.leftcontent { background:url(../images/nav_footbg.gif) bottom center no-repeat #40b5c5; width:237px; margin:0 auto; padding:0px; }

.leftcontent ul { padding-left:20px; margin-left: 0px; text-align:left; margin-top: 0px; padding-top: 0px; margin-bottom: 0px; text-transform:uppercase; letter-spacing: 0px; font-weight:bold;}

.leftcontent li a { color:#FFFFFF; letter-spacing: 0px; }

.leftcontent li a:hover { color:#FFFFFF; padding:0; border-bottom: 1px dashed #C5D8DC; }

.leftcontent li { padding-left: 20px; padding-bottom:10px; background: url(../images/bullet2.gif) no-repeat; list-style-type: none; background-position:left 3px; color:#C4E3EC; letter-spacing: 0px;}

.left_special { background:url(../images/left_special.gif) top center no-repeat; width:205px; height:128px; margin:0 auto; padding:0px;}

.left_special p { color:#88b7cb; font:16px arial; padding-left:10px; margin:0; font-weight:bold;}

.left_special h1 { margin:0; font: 18px arial; color: #005E82; font-weight:bold; padding:20px 0 0 10px; text-transform:lowercase; }

.left_special ul { margin:10px 0 0 0; text-align:left; padding:0 0 0 10px; text-transform:uppercase; letter-spacing: 0px; font-weight:normal; font:10px arial;}

.left_special li a { color: #005E82; }

.left_special li a:hover { color: #005E82; padding:0; border-bottom: 1px dashed #C5D8DC; }

.left_special li { padding:0 0 10px 20px; background: url(../images/bullet4.gif) no-repeat; list-style-type: none; background-position:left 3px;}



.beachfront { width:205px; height:150px; margin:0 auto; padding:0px;}

.beachfront ul { margin: 0px 0px 0px 0px;	padding: 0;	list-style-type: none; }

.beachfront li { height:150px;	margin: 0;	padding: 0;	float: left; }

.beachfront li a { padding:0; border-bottom: 0px; }

.beachfront li a:hover { padding:0; border-bottom: 0px; }

.beachfront a { height:150px; display: block; border-bottom: 0px; }

.beachfront span { position:absolute; top:-1000px; }

.beachfront_link a { width:205px; height:150px; background: url(../images/beachfront_banner.gif) no-repeat; }

.beachfront_link, .beachfront_link a:hover, .beachfront_link a.current { background: url(../images/beachfront_banner_hover.gif) no-repeat; }



.text, .text2, .text3, .text4 {

	width: 160px;

	padding: 4px;

	font: 10px verdana;

	color: #333333;

	background:#F6F6F6;

	border-radius:2px;

	-moz-border-radius:2px;

	-webkit-border-radius:2px;

	outline:none;

	border: 1px solid #84C7D9;

}

.text2 { width: 51px; }

.text3 { height: 50px; }

.text4 { width: 160px; }

.text:hover, .text2:hover, .text3:hover, .text4:hover { border: 1px solid #005E81; background:#FFFFFF; outline:none; }

.button { width: 80px; border: none; background: #84C7D9; color: #FFFFFF; font: 10px verdana; padding: 4px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;  }

.button:hover { background: #005E81; cursor:pointer;  }



.right { width:580px; height:auto; margin:0px 20px 0px 0px; padding:0; float:right; }



.nav_current a { font: 14px arial; color:#FFFFFF; text-transform:uppercase; letter-spacing: 0.5px; font-weight:bold; padding-bottom:0px; padding-left:20px; }

.nav_link { font: 14px arial; color:#055F81; text-transform:uppercase; letter-spacing: 0px; font-weight:bold; background:url(../images/nav_buttonbg.gif) center bottom no-repeat; padding-bottom:10px; padding-left:20px; }

.nav_link a.current { color:#FFFFFF;background:none; }

.nav_link a { color:#055F81; }

.nav_link a:hover { color:#FFFFFF; }



#content { color:#5a5a48; font:12px arial; line-height:18px; padding:20px 0px 20px 30px; }

.terms { color:#82C6D9; font:10px arial; }

#content_entorno { color:#5a5a48; font:12px arial; line-height:18px; padding:20px 0px 20px 30px; }


/* Content Box */

#bcontainer { background:#F6F6F6; width:513px; height:500px; margin:15px auto 10px auto; _margin:0px auto; padding:0; top:0px; }

#bcontainer_historia { width:500px; height:auto; margin:15px auto 0px auto; _margin:0px auto; padding:0; top:0px; }

#bcontainer_ubicacion { width:500px; height:810px; margin:10px auto 0px auto; _margin:0px auto; padding:0; top:0px; }

#bcontainer_servicios { width:500px; height:200px; margin:10px auto 0px auto; _margin:0px auto; padding:0; top:0px; }

#bcontainer_spa_fotos { width:500px; height:300px; margin:10px auto 0px auto; _margin:0px auto; padding:0; top:0px; }

#bcontainer_aguas { width:500px; height:500px; margin: 0px 0px 0px 0px; _margin:0px auto; padding:0; top:0px; }

#bcontainer_spa { width:500px; height:1280px; margin: 0px 0px 0px 0px; _margin:0px auto; padding:0; top:0px; }

#bcontainer_spa_programa { width:500px; height:900px; margin: 0px 0px 0px 0px; _margin:0px auto; padding:0; top:0px; }





.btop { background:url(../images/top_box.gif) no-repeat; height:10px; width:513px; vertical-align:top; margin:0; padding:0;}

.bpic { padding-left:10px; vertical-align:top; top:0; height:auto; width:auto; text-align:center;}

.bcontent { padding:10px; vertical-align:top; top:0; height:auto; width:100%; font:12px arial; line-height:18px; }

.bcontent_historia { padding:0px; vertical-align:top; top:0; height:110px; width:450px; font:12px arial; line-height:18px; }



.bcontent .cat_textbox { margin-top:5px; width: 150px; padding: 4px; font: 10px verdana; color: #333333; background:#F6F6F6; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; outline:none; border: 1px solid #84C7D9;}

.bcontent .cat_textbox:hover { border: 1px solid #005E81; background:#FFFFFF; outline:none; }

.bfooter { background:url(../images/foot_box.gif) no-repeat;  height:10px; width:513px; vertical-align:bottom; margin:0; padding:0;}

#picbox a {text-decoration:none; border-bottom:none;}

#picbox a:hover {background:white;} 

#picbox img, #accombox a img {border: 8px solid #ffffff; text-decoration:none;}

#picbox a:hover img {border: 8px solid #D4E2E3; text-decoration:none;}



/* Slideshow Pro */

#ssp { width:891px; height:256px; margin:54px 0 0px 22px; padding:0; top:0px; text-align:center; vertical-align:top; border:none; outline:none; }

.ssp { border:none; outline:none; }



/* Index */

#index_container { position:relative; width:900px; margin:60px auto 0px auto; }

.i_special_left { float:left; width:190px; height:125px; margin-left:0px; font: 12px arial; line-height:18px; color:#2E2D23; padding:0px 5px; }
.i_special_middle { float:left; width:230px; height:125px; margin-left:0px;font: 12px arial; color:#2E2D23; padding:0px 5px; line-height:18px; }

.i_special_right { float:left; width:210px; height:125px;font: 12px arial; color:#2E2D23; padding:0px 5px; line-height:18px; }



.i_reservas{ float:right; width:239px; height:127px; background: url(../images/fondo_reservas.jpg) }


.i_reservas_text {width:200px; height:300px; padding:22px 10px 30px 45px}

.i_reserva_text_donde_estamos{ float:right; width:135px; height:135px; padding: 0px 0px 0px 0px; }

.i_reservas_sec{ float:right; width:239px; height:155px; background: url(../images/fondo_reservas_secciones.jpg) }
.i_reservas_servicios{ float:right; width:239px; height:121px; background: url(../images/fondo_reservas_serv.png) }
.i_reservas_sec_text {width:200px; height:300px; padding:22px 10px 30px 45px}

.i_servicios_eventos{ float:right; width:239px; height:203px; background: url(../images/eventos-modulo.png) }
.i_servicios_eventos a {
display: block;
width: 239px;
height: 203px;
}

.i_servicios_eventos a span  {
display: none;
}

.i_servicios_programa_spa{ float:right; width:239px; height:203px; background: url(../images/spa-programa-modulo.png) }
.i_servicios_programa_spa a {
display: block;
width: 239px;
height: 203px;
}

.i_servicios_programa_spa a span  {
display: none;
}


.i_recomendaciones{ 
float:right; 
width:220px; 
height:380px;
padding-left:22px;
padding-right:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#055F81;
}

.i_eventos_interno { float:right; width:239px; height:118px; background: url(../images/eventos-mod-interno.png) }

#contacto_home {
	position:relative;
	left:20px;
	top:10px;
	width:320px;
	height:400px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#145083;
		
}

#pullquote {
	float: left;
	font-size: 20px;
	line-height: 18px;
	}
.text_container { float:left; width:610px; height:100px; margin: 100px 0 0 0; padding-top:0px; padding-left:15px; bottom:0px;}




/* Footer */

#footer { clear:both; width:100%; height:116px; margin:10px 0 0 0; padding:0; background: url(../images/main_footer_bg_repeat.gif) bottom repeat-x; margin-top:-116px }

#f_container { width:925px; height:116px; margin:0 auto; padding:0; background: url(../images/main_footer_bg.gif) top right no-repeat; font: 10px arial; color: #FFFFFF; text-transform:uppercase; }

.f_primary_links { position:absolute; margin-top:20px; margin-left:75px; letter-spacing:-0.5px; _letter-spacing:-1px; }

.f_primary_links a { color:#FFFFFF; }

.f_primary_links a:hover { color:#82C3D7; border-bottom: 1px dashed #C5D8DC; }

.f_secondary_links { position:absolute; margin-top:45px; color:#005D7F; margin-left:48px; letter-spacing:-0.5px; _letter-spacing:-1px; }

.f_secondary_links a { color:#005D7F; }

.f_secondary_links a:hover { color:#FFFFFF; border-bottom: 1px dashed #C5D8DC; }

.f_institucionales_links { position:absolute; margin-top:75px; margin-left:75px}

.f_details { position:absolute; margin-top:20px; margin-left:660px; color:#FFFFFF; text-transform:none; }

.f_details a { color:#FFFFFF; }

.f_details a:hover { color:#FFFFFF; border-bottom: 1px dashed #C5D8DC; }


