@import 'reset.css';
@import 'fonts.css';
img{border: none;}
body{font-size:11px; background:#ece9d8; font-family:Arial, Helvetica, sans-serif; color:#fff;}

#central{width:900px; display:block; clear:none; margin:0 auto;}
#main{width:900px; height:100%; float:left; clear:both; display:block; background:#123863 url(../img/bg_contenido.jpg) repeat-x 0 241px;}

#header{width:900px; padding:199px 0 0 0; float:none; display:block; clear:both; background:url(../img/bg_header.jpg) no-repeat; position:relative;}
#header ul#menu{width:870px; height:36px; padding:5px 0 0 30px; background:url(../img/bg_menu.jpg) repeat-x; float:none; clear:both; display:block;}
#header ul#menu li{ padding:5px 22px 0 22px; border-left:1px solid #969ba1; height:20px; float:left; clear:none; display:block;}
#header ul#menu li a{ font-family:"Times New Roman", Times, serif; color:#cacdcf; font-size:12px; text-transform:uppercase;}
#header ul#menu li a:hover, #header ul#menu li p{color:#ffcc00;}

#header a#logo{width:340px; height:115px; background:transparent; border:none; text-indent:-9000px; z-index:5; position:absolute; top:18px; left:30px;}

#header ul#idioma {width:252px; height:29px; clear:both; display:block; background:url(../img/bg_box_idioma.jpg) no-repeat; z-index:4; position:absolute; left:645px; top:0px; }
#header ul#idioma li {float:left; clear:none; display:block; padding:4px 0 0 4px;}
#header ul#idioma li a#english{color:#fff; width:46px; height:20px; padding:3px 0 0 26px; background:url(../img/flag_english.jpg) no-repeat; float:left; clear:none; display:block;}
#header ul#idioma li a#espanol{color:#fff; width:46px; height:20px; padding:3px 0 0 26px; background:url(../img/flag_espanol.jpg) no-repeat; float:left; clear:none; display:block;}
#header ul#idioma li a#portuguese{color:#fff; width:64px; height:20px; padding:3px 0 0 26px; background:url(../img/flag_portuguese.jpg) no-repeat; float:left; clear:none; display:block;}
#header ul#idioma li a#english:hover,#header ul#idioma li a#espanol:hover,#header ul#idioma li a#portuguese:hover{color:#ffcc00;}

#footer{width:900px; float:left; clear:none; padding:10px 0; display:block; background:#0A1C32 url(../img/bg_menu.jpg) repeat-x; position: relative;}
#footer ul#menu-foot{width:900px; text-align:center; height: 30px;}
#footer ul#menu-foot li{display:inline; padding:0 8px; }
#footer ul#menu-foot li a{text-transform:uppercase; color:#fff; font-size:9px;}
#footer ul#menu-foot li a:hover{color:#ffcc00;}

div#flash_home{width:900px; height:202px; background:url(../img/bg_flash.jpg) no-repeat; float:left; clear:both; display:block;}

div.bloque_cont{float:left; clear:none; display:block; color:#fff; font-size:11px; line-height:14px;}
div.bloque_cont h1{width:100%; height:29px; text-indent:20px; padding:10px 0 0 0; margin:0 0 10px 0; background:url(../img/bg_h1.jpg) repeat-x; float:left; clear:none; display:block; color:#cacdcf; font-size:18px; font-family:"Times New Roman", Times, serif; text-transform:uppercase;}
div.bloque_cont h2{clear:both; text-indent:20px; display:block; font-family:"Times New Roman", Times, serif; padding:0 0 5px 0;  font-size:14px; text-transform:uppercase; color:#cacdcf; font-weight:normal;}
div.bloque_cont img {padding:0 10px; float:left;}
div.bloque_cont a{color:#fff;}
div.bloque_cont p{padding:0 0 0 10px;}
div.bloque_cont span{font-style: italic; padding:0 0 10px 20px; float:left; clear:both;}
div.bloque_cont strong{font-weight:bold; float:none; clear:both;}
div.bloque_cont p.reservas{padding:10px 0 0 5px; text-align:center; clear:both;}
div.bloque_cont p.mapa {float:right; display:block; font-size:12px; font-weight:600; text-align:right; padding:5px 15px 0 0;}
div.bloque_cont p.mapa a:hover{text-decoration:underline;}

div.noticias h2{font-weight:bold; padding:0 0 10px 0;}
div.noticias p{padding:0 0 10px 20px;}

div.bloque_cont#grande_1{width:900px; height:200px; background:url(../img/bg_home.jpg) repeat-x; padding:0 0 10px 0; overflow:hidden;}
div.bloque_cont#grande_2{width:900px; height:230px; border-top:1px solid #fff; padding:10px 0 0 0; overflow:hidden; border-bottom: 1px solid #808080;}
div.bloque_cont#box_1{width:612px; height:100%; overflow:hidden; margin:0 0 10px 0;}
div.bloque_cont#box_2{width:287px; height:100%; border-left:1px solid #778899; overflow:hidden; margin:0 0 10px 0;}
div.bloque_cont#box_22,div.bloque_cont#box_222{width:287px; height:100%; border-left:1px solid #778899; overflow:hidden; margin:0 0 10px 0;}
div.bloque_cont#box_3{width:324px; height:100%; overflow:hidden; margin:0 0 10px 0;}

ul#home{width:360px; float:left; clear:none; display:block; padding:0 0 0 20px;}
ul#home li{ list-style:disc; padding:0 0 10px 0; margin:0 0 0 15px;}

ul#noticia-home{float:left; clear:both; width:260px; display:block; padding:0 0 0 20px;}
ul#noticia-home li a{color:#fff; clear:both; float:left;}
ul#noticia-home li a:hover{text-decoration:underline;}

ul#noticia-list{float:left; clear:both; width:560px; display:block; padding:0 0 0 20px;}
ul#noticia-list li a{color:#fff; clear:both; float:left; border-bottom: 1px dotted #d4d4d4; padding-bottom: 10px; margin-bottom: 10px;}
ul#noticia-list li strong{ font-size: 14px}
ul#noticia-list li a:hover{text-decoration:underline;}

ul.galeria {float:left; clear:both; display:block;}
ul.galeria li{float:left; clear:none; display:block; padding:2px; margin:0;}
ul.galeria img{padding:5px;}
ul.galeria#gal-home{width:290px; padding:0 0 0 10px;}
ul.galeria#gal-home img{padding:2px;}
ul.galeria#chico{width:270px; padding:0 0 0 10px;}
ul.galeria#grande{width:610px; padding:0 0 0 20px;}

ul#servicios{ padding: 20px;}
ul#servicios li{clear:both; float:none; padding:0 0 10px 0; width: 100%}
ul#servicios li strong{clear:both; float: none; margin-top: 10px}

ul.tarifas {padding:0 0 0 15px;}
ul.tarifas li.cont_tarifa {padding:0 0 0 20px; height: 24px;}
ul.tarifas li h2{width:580px; height:26px; padding:14px 0 0 0; background:url(../img/bg_title_tarifas.gif) no-repeat; display:block; font-family:Arial, Helvetica, sans-serif; color:#fff;}
ul.tarifas li h2 strong{ font-size:12px; width:150px; float:left; clear:none;}
ul.tarifas li h2 span{font-size:11px; text-transform:none; float:left; clear:none; font-style:normal;}
ul.tarifas li p.tipo{width:150px; height:22px; float:left; clear:both; display:block; border-bottom:1px solid #7491b0; border-right:1px solid #7491b0;}
ul.tarifas li p.tipo2{width:150px; height:22px; float:left; clear:both; display:block; border-right:1px solid #7491b0; }
ul.tarifas li p.pesoreal{font-weight:bold; width:98px; height:22px; border-bottom:1px solid #7491b0; float:left; clear:none; display:block;border-right:1px solid #7491b0;}
ul.tarifas li p.pesoreal2{font-weight:bold; width:98px; height:22px; float:left; clear:none; display:block;border-right:1px solid #7491b0;}
ul.tarifas li p.dolar{font-weight:bold; width:150px; height:22px; border-bottom:1px solid #7491b0; float:left; clear:none; display:block;}
ul.tarifas li p.dolar2{font-weight:bold; width:150px; height:16px; float:left; clear:none; display:block;}
ul.tarifas li p:hover{background: #036;}

fieldset#reservas-home{width:257px; float:left; clear:both; display:block; padding:0 0 0 20px; overflow:hidden;}
fieldset#reservas-home label{width:78px; float:left; clear:both; display:block; padding:2px 0 0 0;}
fieldset#reservas-home input.campo{width:130px; float:left; clear:none; display:block; margin:0 0 5px 0; border:1px solid #999;}
fieldset#reservas-home select.lista{width:160px; float:left; clear:none; display:block; margin:0 0 5px 0; border:1px solid #999;}
fieldset#reservas-home input.boton, fieldset.formulario input.boton{width:71px; height:21px; float:none; clear:both; display:block; background:url(../img/btn_consultar.jpg) no-repeat; border:none; margin:0 0 0 60px;}
fieldset.formulario input.boton{float:left; clear:none;margin:10px 0 20px 130px;}
fieldset.formulario{float:left; clear:none; display:block; color:#fff;}
fieldset.formulario label{width:200px; float:left; clear:both; display:block;}
fieldset.formulario select.campocont, fieldset.formulario input.campocont{width:200px; border:1px solid #999; background:#fff; margin:0 0 5px 0; font-family:Arial, Helvetica, sans-serif; font-size: 11px}
fieldset.formulario input#ingreso, fieldset.formulario input#egreso{width:170px; border:1px solid #999; background:#fff; margin:0 0 5px 0;}
fieldset.formulario select{border:1px solid #999; margin:0 0 5px 0;}
fieldset.formulario textarea{width:200px; height:100px; border:1px solid #999; background:#fff; font-family:Arial, Helvetica, sans-serif; font-size: 11px}

fieldset#contacto{width:580px; padding:0 0 0 20px; height: 180px; position: relative;}
fieldset#reservas{width:450px; padding:0 0 0 100px; height: auto; min-height: 400px; display: block; border: none;}
fieldset.formulario input.campo-left{width:250px; border:1px solid #999; background:#fff; margin:0 0 10px 0; float: none; clear: both; display: block; height: 20px; font-family:Arial, Helvetica, sans-serif; font-size: 11px}

div#comoreservar, div#contactinfo{width: 270px; height: 150px; display: block; float: left; clear: none; margin-left: 20px; line-height: 18px}
div#contactinfo{ width: 280px;background: url(../img/bg_cont.jpg) no-repeat; padding: 5px;}

ul#promociones {padding:0 0 0 20px;}
ul#promociones li {padding:0 0 5px 0;}
ul#promociones li a{ width:269px; height:87px; background:url(../img/bg_box_promociones.gif) no-repeat; display:block; color:#000; font-size: 12px}
ul#promociones li a img{float: left; clear: none; display: block; margin: 5px}
div#video1{width:280px; margin:5px auto;}
div.clima{width: 300px; height: 250px; margin: 10px auto;}


div#map{ width: 600px; margin-left: 10px; margin-top: 10px; overflow: hidden; display: block; float: none; clear: both; margin-bottom: 10px;}

ul#turismo{}
ul#turismo li{display: block; float: none; clear: both; margin-bottom: 5px; padding-bottom: 5px; height: auto;}
ul#turismo li a{ display: block; float: left; clear: none; border: none; text-decoration: none;}
ul#turismo li a img{	float: left; clear: none; display: block;}
/*ul#turismo li a.imgt{ width: auto; height: 70px; display: block; float: left; clear: none; border: none; text-decoration: none;}
ul#turismo li a{display: block; float: left; clear: none;}*/

a#quarter{width: 173px; height: 61px; display: block; float: none; clear: both; position: absolute; left: 727px; top: 42px; z-index: 99; background: url(../img/logoq.jpg) no-repeat; text-indent: -9999px; background-position: 112px 0}
a#quarter:hover{background-position: 0 0;}