@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

a{cursor:pointer;} 
/*  --------------------------------------------------- Customize Code ---------------------------------------------------- */

body{background:url(../images/fondopagina.jpg) no-repeat center 0 #c7b18b; font-family:Arial, Helvetica, sans-serif;}
.bodyreservas{background:url(../images/fondopaginareservas.jpg) no-repeat center 0 #c7b18b; }
.clear{clear:both;line-height:0px; font-size:0px;}

/* ------------------------------------------------------ Start Wrapper --------------------------------------------  */
.wrapper{width:960px;  margin:0px auto; padding-top:13px;}
/* ------------------------------------------------------ End Wrapper --------------------------------------------  */

/* ----------------------------------------------------- Container -------------------------------- */
.container{ border:1px solid #ded1b8; height:527px; background-color:#cfbd9c;}
.containerReserves{border:1px solid #ded1b8; background-color:#cfbd9c;padding-bottom:10px;height:624px;}
/* ----------------------------------------------------- End Container ---------------------------- */

/* ----------------------------------------------------- Top Container ----------------------------- */
.topCont{ background:url(../images/fotos/hotel.jpg) no-repeat 5px 5px; width:960px; height:auto; margin:0px auto;  position:relative;}

/* ----------------------------------------------------- End Top Container ------------------------- */

#slideshow { overflow: hidden; width: 950px; position:absolute; height:512px; margin:-123px 5px 0; z-index:10;}
#slideshow img { position:absolute; z-index:8; opacity:0.0;}
#slideshow img.active { z-index:10; opacity:1.0;}
#slideshow img.last-active { z-index:9;}


/* ----------------------------------------------------- Header Navigation ------------------------------- */
.headNav{ width:100%;padding-top:5px;z-index:98; position:relative}
#nav { float:left; width:100%; }
#nav li{ display:inline; }
#nav li a{display:block; float:left;background:url(../images/A-Bg.png) no-repeat 0 0; text-decoration:none; width:105px; height:46px; text-align:center; color:#fff; font-size:14px; padding-top:17px;}
#nav li a:hover{ background:url(../images/A-Bg.png) no-repeat 0 -63px;}
#nav li a.current{ background:url(../images/A-Bg.png) no-repeat 0 -63px;}

#nav li a.spc{background:url(../images/A_bgH.png) no-repeat 0 0; height:63px; padding-top:34px; width:114px;}
/*#nav li a.spc:hover {background:url(../images/A_bgH-on.png) no-repeat 0 0; }*/
#nav li a.cambiohotel{background:url("../images/cambiohotel.png") no-repeat scroll 0 -97px transparent;
height:63px;
left:0px;
position:absolute;
top:95px;
width:114px;padding-top:34px; display:none}
#nav li a.cambiohotel:hover{background:url("../images/cambiohotel.png") no-repeat scroll 0 0 transparent;}


#nav li a.last{background:url(../images/last_a.png) no-repeat 0 0; height:46px; width:108px; padding-top:17x;}
#nav li a.last:hover{background:url(../images/last_a.png) no-repeat 0 -63px;}
#nav li a.lastcurrent{background:url(../images/last_a.png) no-repeat 0 -63px;}
#nav li a.spacTxt{padding-top:8px; height:55px;}

#submenu{background:url("../images/bodyBg.png") repeat scroll 0 0 transparent;_background:url("../images/bodyBg.gif") repeat scroll 0 0 transparent;
display:inline;
float:right;
height:72px;
margin-right:3px;
margin-top:-40px;
width:839px;
z-index:20;}
#submenutrans{
display:inline;
float:right;
height:72px;
margin-right:3px;
margin-top:-40px;
width:839px;
z-index:20;}



#submenu p{color:#fff; padding:3px; font-size:12px; font-weight:bold;}
#submenu img{ width:109px; height:60px;opacity:0.5;margin:3px 0 0 5px; border:2px solid #FFF;}
#submenu img:hover{ cursor:pointer;}
#submenu img.active{ opacity:1; }

#submenugris{background:url(../images/bodyBg.png) repeat-x scroll 0 0 transparent _background:url("../images/bodyBg.gif") repeat scroll 0 0 transparent;;display:inline;float:right;height:34px;margin-right:2px;margin-top:-42px;width:844px;z-index:20;}
#submenugris p{color:#FFF; padding:3px; font-size:12px; font-weight:bold;}

#menuhabitaciones{
float:right;
left:810px;
_left:795px;
margin-right:10px;
margin-top:94px;
_margin-top:0px;
position:absolute;
width:145px;}
#menuhabitaciones li{ list-style:none;height:105px;}
#menuhabitaciones a{}

/* ----------------------------------------------------- End Header Navigation ------------------------------- */

.textright{background:url(../images/textoBg.png) repeat scroll 0 0 #FFFFFF; 
color:#182D41;
display:none;
font-size:13px;
line-height:20px;
right:3px;
top:185px;
padding:15px;
position:absolute;
text-align:justify;
width:300px;
filter: alpha(opacity=85);
opacity: .85;
}


a.active.muestratextright {
background:url("../images/minus.gif") no-repeat scroll 15% 55% #FFFFFF;
}

a.muestratextright {
background:url("../images/plus.gif") no-repeat scroll 15% 55% #FFFFFF;
color:#182D41;
display:block;
font-size:16px;
padding:10px 10px 10px 30px;
position:absolute;
right:3px;
text-decoration:none;
top:143px;
filter: alpha(opacity=85);
opacity: .85;
}

.textleft{background:url(../images/textoBg.png) repeat scroll 0 0 #FFFFFF; 
color:#182D41;
display:none;
font-size:13px;
left:5px;
line-height:20px;
padding:15px;
position:absolute;
text-align:justify;
top:230px;
width:335px;
filter: alpha(opacity=85);
opacity: .85;
}

a.active.muestratextleft {
background:url("../images/minus.gif") no-repeat scroll 15% 55% #FFFFFF;
}

a.muestratextleft {
background:url("../images/plus.gif") no-repeat scroll 15% 55% #FFFFFF;
color:#182D41;
display:block;
font-size:16px;
padding:10px 10px 10px 30px;
position:absolute;
left:5px;
text-decoration:none;
top:190px;
filter: alpha(opacity=85);
opacity: .85;
}

.textall{background:url("../images/textoBg.png") repeat scroll 0 0 transparent;
color:#55321C;
display:none;
font-size:13px;
left:5px;
line-height:20px;
margin-right:10px;
margin-top:-30px;
padding:15px;
position:absolute;
text-align:justify;
width:920px;}

.textarifas{/*background:url("../images/textoBg.png") repeat scroll 0 0 transparent;*/
color:#55321C;
display:none;
font-size:13px;
left:5px;
line-height:20px;
margin-right:10px;
margin-top:-30px;
padding:15px;
position:absolute;
text-align:justify;
width:920px;}

.mapa{border:2px solid #DED1B8;
left:535px;
margin-top:-55px;
padding:5px;
position:absolute;
width:395px;}
.mapa a,.mapa p{color:#55321C !important; text-decoration:none; float:right; font-size:13px;font-style:italic;}
.mapa a:hover{text-decoration:underline;}

.formcontacto{ position:absolute;width:395px; left:50px;color:#55321C;font-size:15px;}
.titulocontacto{background:url("../images/contacto.png") no-repeat scroll 0 0 transparent;
height:32px;
padding-left:70px;
font-size:25px; margin:0 0 10px 60px;}
.formcontacto input,.formcontacto textarea{ margin:0 0 5px 15px; background:url(../images/fotos/tarifes.jpg) repeat-x 0 0 transparent;color:#55321C;font-family:Arial, Helvetica, sans-serif; font-size:15px;}


/* ---------------------------------------------------- Tarifas ------------------------------------- */
.tablatarifas{ text-align:center; font-size:16px;}
.tarifasleft{ text-align:left;vertical-align:middle;padding-left:10px; height:60px; font-size:20px;}
.tarifashabita{ text-align:left; }
.tarifastiposervicio{ background-color:#C7B18B; font-weight:bold;}
.subprecio{font-size:14px; font-style:italic;}


.subtextright{ float:right; text-align:right}



/* ---------------------------------------------------- Body Containt ------------------------------------- */
.bodyContHome{  margin-top:244px; width:532px; margin-left:5px;}
.bodyCont{  margin-top:347px;; width:532px; margin-left:5px;z-index:98; position:absolute;}
.bodyContReserves{ width:910px;margin:10px 25px;z-index:98; position:relative;}

.resvInfoLeft{ display:inline; background:url(../images/bodyBg.png) repeat-x 0 0;_background:url("../images/bodyBg.gif") repeat-x scroll 0 0 transparent; height:42px; float:left; width:520px;}
.rescInfoRight{background:url(../images/bodyRight.png) no-repeat 0 0; _background:url("../images/bodyRight.gif") no-repeat scroll 0 0 transparent;width:12px; height:42px; float:right;}
.resText{padding-left:40px; margin-top:7px; float:left; margin-right:20px;}
.arrDate{float:left; text-align:center; margin:0px 10px; line-height:17px;}
.arrDate label{ color:#fff; font-size:14px;}
.arrDate select{font-size:10px;}
.adulNens{float:left; text-align:center; margin:0px 2px; line-height: 17px;}
.adulNens label{ color:#fff; font-size:14px;}
.adulNens select{font-size:10px; }
.resBt{float:left; width:84px; margin-top:9px; margin-left:0px; position:relative; }
.resBt input{background:#56331d; font-size:15px; border:none; color:#fff; padding:4px 4px;  cursor:pointer;}

/* boton reservar*/
.resBt a{background:url(../images/reservar.png) no-repeat scroll 0 0 transparent;display:block;float:left;height:23px;width:81px;text-decoration:none;text-align:center;color:#fff; font-size:14px; padding-top:7px;_padding-top:4px;}
.resBt a:hover{ background:url(../images/reservar.png) no-repeat scroll 0 -35px transparent}


.descargaBt a{background:url(../images/descargar.png) no-repeat scroll 0 0 transparent;display:block;float:left;height:35px;width:154px;text-decoration:none;text-align:center;color:#57341E; font-size:14px; padding:10px 0 0 5px;margin-top:15px;}
.descargaBt a:hover{ background:url(../images/descargar.png) no-repeat scroll 0 -50px transparent}

.enviarBt a{background:url(../images/reservar.png) no-repeat scroll 0 0 transparent;display:block;float:left;height:23px;width:81px;text-decoration:none;text-align:center;color:#fff; font-size:14px; padding-top:7px;_padding-top:4px;margin:0 0 5px 15px;}
.enviarBt a:hover{ background:url(../images/reservar.png) no-repeat scroll 0 -35px transparent}

/* ---------------------------------------------------- End Body Containt ---------------------------------- */

.resultadoreservas{ width:910px; height:500px; border:1px solid #DED1B8;}

/* ------------------------------------------------------ Start Bottom Container ---------------------------- */
.botCont{ width:950px; margin:0px auto; background-color:#fff; height:135px;}
.botLeft{float:left;  padding-top:5px; margin-left:1px}
.botRight{float:right;  padding-top:3px;}
/* ------------------------------------------------------ End Bottom Container ------------------------------ */

/* ----------------------------------------------------- Bottom Right Box --------------------------------- */
.btRtop{background:url(../images/box.png) no-repeat 0 0; width:105px; padding:5px 4px; height:56px;}
/* ----------------------------------------------------- End Bottom Rght Box ------------------------------- */

/* -------------------------------------------  Bottom Right Box Containt ---------------------------------  */
.packTxt{font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#fff; padding-left:2px; }
.disTxt{font-size:10px; color:#fff; text-align:center; padding-right:8px; padding-bottom:5px;}
.disTxt span{font-size:12px;}
/* ------------------------------------------- End Bottom Right Box Containt ------------------------------ */

/* ----------------------------------------- Start Footer  ------------------------------------------------ */
.footer{position:absolute;top:545px;width:960px;}
.footerreservas{position:absolute;top:660px;width:960px;}

.fNav{float:left;}
.fNav a{color:#55321c; font-size:11px; text-decoration:none; padding:0 7px;}
.fNav a:hover , .fNav a.active{color:#fff;}
.fotRight{float:right; font-size:11px; color:#55321c;}
/* ----------------------------------------- End Footer --------------------------------------------------- */


div.sc_menu {
	background:url("../images/bodyBg.png") repeat scroll 0 0 transparent;
	display:inline;
	float:right;
	height:72px;
	margin-right:3px;
	margin-top:-40px;
	width:839px;
	z-index:20;	
	/* Set it so we could calculate the offsetLeft */
	position: relative;
/*	height: 145px;
	width: 500px;
	overflow: auto;*/
	overflow:hidden;
}
div.sc_menu2 {
	display: block;
	height: 110px;
	/* max width here, for users without javascript */	
	width: 3000px;	
	/*padding: 15px 0 0 15px; */
	/* removing default styling */
	margin: 0;
	background: url('navigation.png');		
	list-style: none;
}

.sc_menu img {
	display: block;
	float: left;
	margin-top:3px;

	margin:5px 0 0 5px;
	border: 2px #fff solid;	
	opacity:0.5;	
	width:109px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.sc_menu img:hover,.sc_menu img.active {
	cursor:pointer;

	/*filter:alpha(opacity=1);	*/
	opacity: 1;
}

#titulofoto{background:url("../images/textoBg.png") repeat scroll 0 0 transparent;
color:#182D41;
/*display:none;*/
font-size:13px;
left:625px;
line-height:20px;
margin-right:10px;
margin-top:349px;
padding:10px;
position:absolute;
text-align:justify;
width:310px;}