/* accesoRapidos */
@import url(gReset.css);
/* Estilos globales */

body{ background:url(../img/body_fondo.jpg) #fff repeat-x; font:13px Verdana, Arial, Helvetica, sans-serif; color:#707070; }

a{ text-decoration:none; }
.clear{ float:none; display:block; clear:both; height:1px; line-height:1px; font-size:1px; }

#container{ background:url(../img/container_fondo2.png) repeat-y left; width:950px; padding:0 14px 0 11px; margin:0 auto; position:relative }
.footer{ background:url(../img/footer_fondo2.png) no-repeat top right; width:950px; padding:4px 15px 0 10px; margin:0 auto; height:35px; display:block; }
.footer ul{ width:594px; margin:0 auto; display:block; clear:both;  }
.footer ul li{ float:left;  height:9px; text-align:center;  }
.footer ul li a{ font-size:9px; color:#FFF; padding:0 10px; line-height:9px; border-left:1px solid #fff;  position:relative;}
.footer ul li a:hover{ text-decoration:underline; }
.footer ul li.inicio a{ border-left:none; }

.header{ position:relative; }
.header h1.logo{ background:url(../img/logo.png) no-repeat; height:149px; width:325px; position:absolute; top:0; left:0; }
.header h1.logo a{ display:block; height:149px; width:325px; text-indent:-9999px; position:relative; }
.header .top{ background:url(../img/header_top_fondo.gif) repeat-x; height:34px; }
.header .top ul{ width:160px; float:right; padding-top:12px; }
.header .top ul li{ float:left;  height:10px; }
.header .top ul li a{ font-size:9px; color:#FFF; padding:0 10px; line-height:10px; }
.header .top ul li a:hover{ text-decoration:underline; }
.header .top ul li.inicio a{ border-right:1px solid #fff; padding-left:0; }

.menuPrincipal{ background:url(../img/menu_fondo.jpg) repeat-x; height:54px; padding:6px 0 8px 295px; }
.menuPrincipal ul li{ background:url(../img/menu_li_fondo.gif) no-repeat left; float:left; display:block; width:106px; padding-left:3px; font:13px Arial;  }
.menuPrincipal ul li a{  display:block; text-align:center; width:106px; padding-top:19px; height:35px; color:#494949; font-weight:bold; }
.menuPrincipal ul li a:hover{ color:#fd9500;  }
.menuPrincipal ul li.actual a{ background-color:#d7d48f;  }
.menuPrincipal ul li.especial a{  height:42px; padding-top:12px; }
.menuPrincipal ul li.primero { background:none; }

.content{ background:url(../img/content_fondo.gif) #fff repeat-y right;  min-height:270px; position:relative;  }
.mainContent{ background:url(../img/maincontent_fondo.gif) no-repeat top left; padding:38px 62px 5px 62px; width:586px; float:left; }

.mainContent h1{ background:url(../img/h1-fondo.gif) no-repeat left; height:30px; padding:2px 0 0 10px; font:22px "Trebuchet MS"; font-style:italic; font-weight:bold; color:#B1BF00; margin:0 0 18px -10px;  }
.mainContent h2{ font:16px Arial; font-style:italic; font-weight:bold; color:#bbce00; margin-bottom:7px; }
.mainContent p{ margin-bottom:14px; line-height:16px; }

.mainContent a.mas{ color:#bfca03; font-size:12px; font-weight:bold;  }
.mainContent a.mas:hover{  color:#fd9500; }

.accesoRapidos{ background-color:#efebe8;  display:block; width:240px; float:right; position:relative; }
.accesoRapidos .accesos{ margin-top:-28px; width:240px; display:block;  }

/* HOME */
.home .mainContent h1{ background:none; height:auto; padding:0; font-size:24px; margin:0 0 18px 0; color:#F6B303; }
.home .mainContent p{ margin-bottom:23px; }
.home .mainContent .texto{ width:325px; float:left;}
.home .mainContent img.tel{ margin-bottom:0px; }
.home .mainContent .imgs{ float:right; width:239px; margin-left:22px; }
.home .mainContent .imgs img{ margin-bottom:24px; margin-top:6px; }
.home .mainContent .imgs img.dos{ margin:0; }


.home .accesos{  margin-top:-50px;  }
.accesos .reservaRapida{ background:url(../img/reserva_rapida.png) no-repeat top; width:266px; display:block; height:251px; margin-left:-16px; top:-15px; 
  }
.accesos .reservaRapida form{  padding:75px 10px 0 37px; position:relative; display:block;}
.accesos .reservaRapida label{ font:13px Arial; font-style:italic; font-weight:bold; display:block; }
.accesos .reservaRapida input.input{ border:none; background-color:#FFF; margin-top:3px; margin-left:8px; padding:3px; font-style:italic; width:167px; color:#565656; font-size:11px;  }
.accesos .reservaRapida button.calendar{ background:url(../img/reserva_calendario.gif) no-repeat; width:19px; height:19px; text-indent:-9999px; cursor:pointer; border:none; position:relative }
.accesos .reservaRapida button.reservar{ background:url(../img/mas_info.png) no-repeat; width:114px; height:31px; text-indent:-9999px; cursor:pointer; border:none; float:right; margin-right:15px; margin-top:3px; }
.accesos .reservaRapida .pMsj{ height:14px; padding:2px 0 5px; font-style:italic; font-size:11px; color:#666;}

.accesos .novedades{ position:relative }
.accesos .novedades h2{ background:url(../img/h2-novedades.gif) no-repeat center; height:42px; text-indent:-9999px; }
.accesos .novedades ul{ padding:5px 12px; }
.accesos .novedades ul li{ background:url(../img/rayita-x-gris.gif) repeat-x bottom; padding:5px 0 10px 0;}
.accesos .novedades ul li p{ font-size:10px; }
.accesos .novedades ul li a.mas{ color:#fbb003; font-size:10px; font-weight:bold;  }
.accesos .novedades ul li a.mas:hover{  color:#fd9500; }
.accesos .novedades ul li strong.fecha{ color:#fbb003; }
.accesos .novedades a.masNovedades{ background:url(../img/novedades_mas.gif) no-repeat; padding:6px 15px 0; width:210px; display:block; font-size:10px; color:#494949; font-weight:bold; height:16px; text-align:right; margin-top:4px; position:relative }

/* contacto */
.contacto .mainContent p{ margin-bottom:23px; font-size:12px; }
.contacto .mainContent a{ color:#bbce00; font-weight:bold; }
.contacto .mainContent .texto{ width:255px; float:left; clear:left;}
.contacto .mainContent .imgs{ float:right; width:321px; margin-left:10px; clear:right; }
.contacto .mainContent .imgs img{ margin-bottom:19px; }

.accesos .acceso{ width:255px; height:180px; margin-left:-9px; display:block;  }
.accesos .acceso a{ font:14px "Trebuchet MS"; font-style:italic; color:#FFF; padding-top:132px; padding-bottom:20px; margin-left:22px; display:block; position:relative; }
.accesos .acceso a:hover{ color:#696969; }
.accesos .accesoReserva{ background:url(../img/acceso_reservas.png) no-repeat center; }
.accesos .accesoReserva a{  padding-top:130px;  }
.accesos .accesoGaleria{ background:url(../img/acceso_galeria.png) no-repeat center; }
.accesos .accesoInfoTuristica{ background:url(../img/acceso_info-turistica.png) no-repeat center;  }

.contacto .formu{ display:block; clear:both; font-size:12px; position:relative;  }
.contacto .formu fieldset{ float:left; }
.contacto .formu fieldset.datos{ width:255px; margin-right:10px; }
.contacto .formu fieldset.mensaje{ width:321px;   }
.contacto .formu label{ width:100%; display:block; clear:both; margin-bottom:4px; }
.contacto .formu input{ width:95%; display:block; clear:both; border:none; background-color:#f4f1ed; margin-bottom:6px; padding:2px; font-size:12px; height:17px;}
.contacto .formu .inputerror{ background-color:#FFC1C1;}
.contacto .formu textarea{ width:315px; height:107px; display:block; clear:both; border:none; background-color:#f4f1ed; margin-bottom:6px; padding:2px; font-size:12px; }
.contacto .formu .enviar{ background:url(../img/contacto_btn_enviar.gif) no-repeat; text-indent:-9999px; width:78px; height:28px; display:block; float:right;  border:none; cursor:pointer; margin:6px; }
.contacto p.mensajeError{ color:#FF5959; font-size:11px; text-align:center; padding:0 105px; margin:0 0 8px 0; }
.contacto .mensajeExito h2 strong{ font:13px Arial; color:#666; font-style:normal; }
.contacto .mensajeExito .volver{ color:#bbce00; }

/* tarifas */
.tarifas .col{ width:291px; padding-bottom:15px; display:block; float:left; position:relative; }
.tarifas .col h2{ margin-bottom:18px; }
.tarifas ul{ font-size:11px; font-family:Arial; list-style:disc; margin-left:15px;}
.tarifas ul li{ margin-bottom:6px; }
.tarifas .oferta{ background:url(../img/oferta-especial-fonto.jpg) repeat-y center; width:329px; position:relative; margin:22px 0 16px -30px; }
.tarifas .oferta h3{ background:url(../img/h3-oferta-especial.jpg) no-repeat center; height:47px; text-indent:-9999px; display:block; }
.tarifas .oferta ul{ background:url(../img/oferta-especial-fonto-bottom.jpg) no-repeat bottom; margin:0; padding:5px 0 20px 45px;  }

/* faqs */
.faqs h2{ font-size:14px; margin-bottom:4px; }
.faqs p{ font-size:11px; margin-bottom:26px; padding:0 12px; }

/*galeria*/
.content.galeria .mainContent{ padding:38px 32px 5px 32px; width:646px; }
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 580px; /*Width of Carousel Viewer itself*/
height: 53px; /*Height should enough to fit largest content's height*/
float:left;
display:block;
margin:15px 0 10px 23px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:1px 13px 0; /*margin around each panel*/
width: 82px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:52px;
}

.stepcarousel .panel img{
	display:block;
	width:80px;
	height:50px;
	border:1px solid #fff;
	cursor:pointer;
}
.stepcarousel .panel img:hover{
	border:1px solid #666;
}

#info_foto{ height:19px; padding-top:3px; font-style:italic;  display:block; text-align:center;  font-size:11px; }
#foto_grade{ padding:22px 22px 0 22px; background:url(../img/gale_foto_grande.gif) no-repeat; width:586px; height:387px; margin:20px 0 6px; }
#foto_grade img{ border:1px solid #ccc; display:block; width:584px; height:363px; }

/*Reservas*/
.reservas { font-size:11px; }
.reservas form{ padding:0 0 10px 0; }
.reservas legend{ font:16px Verdana; color:#BBCE00; font-style:italic; margin-bottom:17px; padding-top:10px;  }
.reservas label{ display:block; clear:both; margin-bottom:3px; color:#666; }
.reservas .campo{ width:195px; display:block; float:left; padding-bottom:18px; }
.reservas .campo input{ width:174px; height:16px; padding:2px 2px 0 2px; font-size:11px; color:#333; border:1px solid #BBCE00; background-color:#F5F5D3; }
.reservas .campo select{ width:180px; height:20px; padding:2px 2px 0 2px; border:1px solid #BBCE00; background-color:#F5F5D3; font-size:11px; color:#333;}
.reservas .fDesde input,
.reservas .fHasta input{ width:148px;  }
.reservas .campo button.calendar{ width:20px; height:20px; background:url(../img/reservas_calendario.gif) no-repeat bottom; text-indent:-9999px; border:none; cursor:pointer; padding-bottom:3px;  }
.reservas .comentarios{ width:380px; }
.reservas .comentarios textarea{ height:51px; width:371px; padding:2px; border:1px solid #BBCE00; background-color:#F5F5D3; font-size:11px; color:#333; }
.reservas .notaYenviar{ width:136px; padding-left:54px; padding-top:14px; display:block; float:left; }
.reservas .notaYenviar a{ color:#666; text-decoration:underline; }
.reservas button#btnRealizar{ background:url(../img/reservas-boton.gif) no-repeat; width:114px; height:31px; text-indent:-9999px; cursor:pointer; border:none; float:right; margin-top:12px; }

.reservas .pMsj{  padding:2px 0 5px; font-style:italic; font-size:10px; color:#999;}

/* novedades */
.novedades .accesos{  margin-top:0px;  }
.novedades h1{ font-size:20px; font-weight:normal; }
.novedades .imgs{ border:1px solid #ccc; padding:6px 3px 0 3px; margin:0 0 15px 15px; width:186px; float:right; }
.novedades .imgs img{ display:block; margin:0 3px 6px 3px; width:180px; height:auto; }
.novedades .texto p{ font-size:11px; }