/********** Generales **********/
* {
	margin: 0px;
	padding: 0px;
}
html, body {
	height: 100%;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #ded4ca;
	color: #5c4629;
	background-image: url(../images/interfaz/body_bg.png);
}
img {
	border: none;
}
a {
	text-decoration: none;
	color: #826f58;
}
a:hover {
	
}
li {
	list-style: none;
}
/********** Fin Generales **********/


/********** Page **********/
.page {
	width: 758px;
	margin: 0 auto 0 auto;
	background-image: url(../images/interfaz/page_bg.png);
	background-repeat: repeat-y;
	text-align: right;
	position: 	relative;
}
.page.desc {
	background-image: none;
}

.pest {
	width: 29px;
	height: 92px;
	position: absolute;
	top:90px;
	left:734px;
	display:block;
	/*margin: 90px auto auto -12px;*/
}
/********** Fin Page **********/


/********** Header **********/
.header {
	height: 264px;
	margin: 0 29px 4px 12px;
	background-image: url(../images/interfaz/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: left;
	position:relative;
}	

/***** Logo *****/
.header .logo {
	float: left;	
	margin: 4px 0 5px 0;
	font-size: 14px;
	width: 168px;
	height: 75px;
}

/***** Menus *****/
.header .menus {
	float: 		right;
	width: 		540px;
	height: 	76px;
}

.menus li {
	display: block;
	float: left;
}

/***** Menu *****/
.menus .menu {
	height: 		60px;
	width: 			540px;
}

.menu a {
	display: block;
	height: 50px;
	color: #000000;
}


.menu a.selected {
	font-weight: bold;
}

/***** Lang *****/
.menuLang {
	text-transform: uppercase;
	text-align: right;
	position: absolute;
	top:50px;
	left:734px;
}
.menuLang li {
	list-style: none;
	margin-bottom: 2px;
	display:block;
	width: 		27px;
	height: 	38px;
	background: url("images/backgroundFlag.gif") no-repeat;
	position: 	relative;
}
.menuLang a {
	color: 		#000000;
	font-size: 	11px;
	width: 		17px;
	height: 	25px;
	position: 	absolute;
	left: 		5px;
	top:		7px;
}
.menuLang a:hover {
	color: #eeeeee;
}
.menuLang a.selected {
	color: #18416b;
}

.ancho {	
	background-image: url(../images/interfaz/body_bg3.png);	
}

.menuLang li a span { display:none;}
.menuLang li a { 
	display:block;
	background-image: url('images/newFlags.gif');
	background-repeat: no-repeat;
}

.menuLang li a.de { background-position: 0px -25px;}
.menuLang li a.en { background-position: -17px -25px;}
.menuLang li a.es { background-position: -51px -25px;}
.menuLang li a.fr { background-position: -34px -25px;}
.menuLang li a.it { background-position: -68px -25px;}
.menuLang li a.ja { background-position: -85px -25px;}
.menuLang li a.nl { background-position: -102px -25px;}
.menuLang li a.pt { background-position: -119px -25px;}
.menuLang li a.zh { background-position: -136px -25px;}



.menuLang li a.de:hover, .menuLang li.selected a.de  { background-position: 0px 0;}
.menuLang li a.en:hover, .menuLang li.selected a.en { background-position: -17px 0;}
.menuLang li a.es:hover, .menuLang li.selected a.es { background-position: -51px 0;}
.menuLang li a.fr:hover, .menuLang li.selected a.fr { background-position: -34px 0;}
.menuLang li a.it:hover, .menuLang li.selected a.it { background-position: -68px 0;}
.menuLang li a.ja:hover, .menuLang li.selected a.ja { background-position: -85px 0;}
.menuLang li a.nl:hover, .menuLang li.selected a.nl { background-position: -102px 0;}
.menuLang li a.pt:hover, .menuLang li.selected a.pt { background-position: -119px 0;}
.menuLang li a.zh:hover, .menuLang li.selected a.zh { background-position: -136px 0;}

/***** Banner *****/
.header .banner {
	height: 176px;
	background-image: url(../images/interfaz/banner_bg.jpg);
	background-repeat: no-repeat;
	clear: both;
	margin-left: 17px;
	text-align: center;
	margin-top: 5px;
}
/********** Fin Header **********/


/********** Content **********/
.content {
	background-image: url(../images/interfaz/content_bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0 29px 0 29px;
	text-align: left;
}
.content.mapa {
	background-image: url(../images/interfaz/content_bg2.jpg);
}



.content .clearer {
	height: 170px;
	clear: both;
}

/***** seccion *****/
.content .seccion {
	width: 431px;
	height: 197px;
	float: left;
	background-repeat: no-repeat;
	background-position: center;
	margin: 0 0 6px 0;
	padding: 0 14px 0 8px;
}
.seccion h2 {
	text-align: center;
}
.seccion li {
	list-style: none;
	padding-left: 10px;
	background-image: url(../images/interfaz/lista.png);
	background-repeat: no-repeat;
	background-position: center left;
}
.seccion .oscuro {
	color: #000000;
}
.seccion table {
	width: 95%;
	margin: 10px auto 10px auto;
}
.seccion td {
	padding: 0 0 10px 0;
	vertical-align: top;
}
.seccion th {
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}
/** facilities **/
.seccion.facil {
	background-image: url(../images/interfaz/seccion_bg.jpg);
}
.seccion.facil ul {
	float: left;
	width: 141px;
	margin: 0 2px 0 0;
}
.seccion.facil li {
	margin: 16px 0 16px 0;
}
.seccion.facil table {
	width: 60%;
	margin: 8px auto 8px auto;
}
.seccion.facil td {
	padding: 0 0 27px 0;
}
/** rooms **/
.seccion.rooms {
	background-image: url(../images/interfaz/seccion_rooms_bg.jpg);
}
.seccion.rooms td {
	font-weight: bold;
}
.seccion.rooms p {
	font-size: 10px;
	margin: 0 5px 0 0;
	line-height: 1.2em;
}

.seccion.rooms .leyenda {
	color: #5c4629;
	font-size: 10px;
	font-weight: normal;
}
.seccion.rooms table .precio {
	text-align: right;
}
.seccion .location {
	float: left;
	width: 340px;
	height: 150px;
}
.seccion .location table {
	width: 100%;
}
.seccion .location table td {
	padding: 0 0 15px 0;
}
.seccion .rutas {
	float: left;
	width: 86px;
	overflow: hidden;
}

/***** reserva *****/
.content .reserva {
	width: 245px;
	height: 197px;
	float: right;
	background-image: url(../images/interfaz/reserva_bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	margin: 0 0 6px 0;
}
.reserva h3 {
	text-align: center;
}
.reserva .fReserva {
	margin: 0px 10px 5px 10px;
}

/***** video *****/
.content .video {
	width: 352px;
	height: 186px; /* provisional */
	float: left;
	background-image: url(../images/interfaz/video_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
}
/***** mapa *****/
.content .video.mapa {
	
}

/***** info *****/
.content .info {
	width: 347px;
	height: 289px;
	float: right;
}
/** links **/
.info .links {
	width: 132px;
	height: 107px;
	margin: 2px 0 0 3px;
	float: left;
	text-align: center;
}
.links li {
	margin: 0 7px 5px 0;
	height: 14px;
}
.links a {
	color: #14130e;
	font-weight: bold;
}
.links a:hover {
	color: #000;
	background-image: url(../images/interfaz/link_over_bg.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}
/** powered **/
.info .libreta {
	width: 203px;/*196px;*/
	height: 293px;
	float: right;
	background-image: url(../images/interfaz/powered_bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
}
.libreta h3 {
	padding-top: 27px;
}
.libreta table {
	width: 100%;
}
/** moving **/
.info .moving {
	width: 120px;
	height: 95px;
	float: left;
	margin: 5px 0 0 7px;
	text-align: center;
}
/********** Fin Content **********/


/********** Footer **********/
.footer {
	clear: both;
	margin: 0 12px 0 12px;
	border-top: 2px solid #826f58;
	background-image: url(../images/interfaz/footer_bg.jpg);
	color: #9c877a;
	text-align: left;
}
.footer li {
	display: inline;
	margin: 0 5px 0 5px;
}
.footer .sublinks {
	padding: 3px 0 1px 0;
	margin: 0 0 2px 0;
	font-size: 10px;
	text-align: center;
	border-bottom: 2px solid #826f58;
	height: 15px;
}
.footer a {
	color: #6c574a;
}
.sublinks a:hover {
	color: #000000;
}
.footer .sblogos {
	border: none;	
	text-align: center;
	padding: 8px 0 0 0;
}
.footer img {
	vertical-align: middle;
}
/********** Fin Footer **********/

/********** Otros **********/
.carga {
	margin-top: 20px;
}

/***** Formularios *****/
form {
	z-index: 1;
	position: absolute;
}
form table, form td {
	padding: 0px;
	margin: 0px;
}
form p, form table {
	margin: 2px 0 5px 0;
}
label {
	font-size: 10px;
}
select {
	z-index: 1;
}
.selApart {
	width: 218px;
}
.selDia {
	width: 40px;
	margin: 0 2px 0 0;
}
.selMes {
	width: 95px;
	margin: 0 2px 0 0;
}
.selAnyo {
	width: 60px;
	margin: 0 2px 0 0;
}
.submit {
	text-align: right;
}
.submit input {
	border: none;
	color: #FFFFFF;
	text-align: center;
	cursor: pointer;
	background: url('images/bookBG.gif') no-repeat right top;	
	font-size: 12px;
	padding: 5px 15px 5px 5px;
}
/***** Tooltips *****/
.tip-cont {
	width: 292px;
	height: 60px;
	background-image: url(../images/interfaz/tip_bg.png);
	background-position: top left;
	background-repeat: no-repeat;
	text-align: left;
}
.tip {
	font-family: Arial, Helvetica, sans-serif;
	padding: 7px 15px 0 7px;
}
.tip-title {
	color: #5c4629;
}
.tip-title blockquote {
	font-style: italic;
}
.tip-text {
	font-size: 11px;
	color: #000000;
	text-transform: uppercase;
	text-align: right;
}

.bloqueRuta {
	width: 340px;
	height: 150px;
	background-image: url(../images/interfaz/location_bg.jpg);
	font-size: 10px;
	text-align: left;
	position: 	absolute;
}
.bloqueRuta p {
	margin: 0px 5px 5px 5px;
}

/********** Links **********/
.bLinks .header {
	height: 100px;
}
.bLinks, .bLinks .page{
	margin-bottom: 0px;
}
.bLinks .clearer {
	clear: both;
	height: 1px;
}
.bLinks .content {
	background-image: none;
	width: 734px;
	margin: 0 auto 0 auto;
	padding: 0px 0 10px 0;
}
.bLinks a:hover {
	color: #2E2312;
}
.listado {
	float: left;
	width: 224px;
	margin: 10px;
}
.bLinks h2 {
	font-size: 18px;
	margin: 20px 0 20px 0;
	padding-left: 20px;
	border: solid #826f58;
	border-width: 2px 0 2px 0;
}
.bLinks h3 {
	margin: 10px;
}
.bLinks li {
	margin: 0 0 5px 0;
}

.go2Iframe {
	width: 		620px;
	margin:		auto;
	height: 	1200px;
	border:		0;	
}

#backpackersLink {
	display: 	block;
	width: 		252px;
	height: 	56px;
	background: url("images/backgroundBackPackers.gif") no-repeat;
	position: 	absolute;
	bottom:		65px !important;
	bottom:		60px;
	left:		469px;
	z-index: 	50;
}

#backpackersLink span {
	display: 	block;
	width: 		130px;
	height: 	100px;
	font-style: italic;
	position:	absolute;
	top:		1px;
	left:		37px;
	text-align: left;
	line-height: 17px;
	font-size: 	.9em;	
}
.reserva2{
position:relative;
}
#booking_date_boton {
background:url("images/calendarButton.gif") no-repeat scroll 0 0 transparent;
height:12px;
position:absolute;
right:12px;
top:20px;
width:16px;
}
#booking_date_boton span {
display:none;
}