/* CSS Document */


	
body {
	/*background-image:url(../images/fondo.gif);*/
	background-color:#CCC;
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	line-height:15px;
	color:#00539D;
	height:100%;
	}

	
#outer {
	background-color:#FFFFFF;
	padding:0px 8px 0px 8px;
	width:750px;
	position:relative;
	margin:auto;
	/*height:100%;*/
	}
	
/* ACA ESTA EL HEADER */
	
#header {
	background-color:#FFFFFF;
	/*position:relative;*/
	width:750px;
	height:130px;
	background-image:url(../images/headerBg.jpg)
	}
	
#header_logo {
	width:258px;
	height:125px;
	float:left;
	margin-top:0px;
	}


#header ul.menu {
	list-style:none;
	float:right;
	margin-top:60px;
	margin-right: 10px;
	color: #000;
}
#header ul.menu li {float:none; text-align:right}
#header ul.menu li a{
	padding-top:2px;
	font-size:11px;
	color:#51392C;
	text-decoration:none;
	
}
#header ul.menu li a:hover{
	color:#FFF;
}	



/*MENU CON SOLAPAS*/

#header_top {
	padding:5px 0px 5px 5px;
	background-color:#FFF;
}
#header_top h1 {float:left; margin:0px; font-size:10px; font-weight:normal; width:574px;}
#header_top .idiomas {float:right; font-size:10px;}


/* CONTENIDO */
#middle{
	margin:0px 0px 10px 0px;
	color:#666
}

#menu_izquierdo{float:left; width:165px; margin:0px 0px 8px 0px;}
#menu_izquierdo ul{margin:0px; padding:0px; list-style:none;}





#contenido_derecho{float:right; width:575px;}

#contenido{
	float:left;
	margin:0px;
	padding:5px;
	width:565px;
	background-color:#FFF;
}



#menu-derecho{float:left; width:165px; margin-left:10px; background-color:#FF0000}

/*#region_banner {height:315px;}
#region_banner a {text-decoration: none}
#region_banner_titulo{height:30px; font-size:14px; color:#F06400; font-weight:bold; padding-top:10px; padding-bottom:10px;}*/

#region_banner {height:285px; background-color:#FFFFFF}
#mendoza_region_banner_titulo{
	height:20px;
	line-height:20px;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	background-color:#900;
	text-align:center;
}


#hostel_options div{
	background:url(../images/) no-repeat;
	height:18px;
	margin-bottom:1px;
	padding:2px 0px 0px 4px;
	font-weight:bold;
	color:#FFF;
	font-size:11px;
	background-color: #AC2700;
}
#hostel_options ul {margin:0px 0px 4px 0px; padding:0px;}
#hostel_options li a {
	display:block;
	text-decoration:none;
	color:#000;
	width:155px;
	margin-bottom:1px;
	padding:2px 2px 2px 8px;
	height:14px;
	background-color: #D9D9D9;
	font-weight: bold;
}	
#hostel_options li a:hover{
	color:#333333;
	width:155px;
	background-color: #F37022;
}
#hostel_options li a.selected {cursor:default; background:url(../images/menu1a.gif) no-repeat; color:#FFFFFF;}		
#hostel_options li a:hover.selected {cursor:default; background:url(../images/menu1a.gif) no-repeat;}	

#hostel_location{height:140px; margin-bottom:8px; margin-top:10px; }
#hostel_location a{text-decoration:none; font-weight:bold; font-size:11px; color:#51392C; display:block;background-color:#F2F2F2; }
#hostel_location div{
	background:url(../images/) no-repeat;
	height:18px;
	padding:2px 0px 0px 4px;
	font-weight:bold;
	color:#FFF;
	background-color: #AD2D06;
}





	
/* ACA ESTA EL FOOTER */

#footer {
	background-color:#CC6600;
	position:relative;
	width:750px;
	height:20px;
	margin-top:15px;
	}
		
#footer a{font-size:10px; color:#51392C;  text-decoration:none; font-weight:bold; line-height:20px;}
#footer #home {padding-left:20px; }
#footer #contacto {padding-left:20px;}
#footer #fotografia {background:url(../images/camara.gif) no-repeat center left; padding-left:20px;}

#footer a:hover{text-decoration:underline}


		

/* GENERALES */
a img{border:none;}

.banner{margin-top:10px; margin-bottom:8px; height:82px; overflow:hidden}
.banner a{text-decoration:none; color:#666666; display:block;background-color:#E0DDD6; }
.banner a div {padding:2px 6px 4px 6px;}


.banner a div.tab2{padding:2px 0px 0px 4px; font-weight:bold; color:#51392C; height:18px }
.banner a div.tab2:hover{
	background-color:#C60;
}



.separador {height:10px; border-bottom: 1px solid #719B35; overflow:hidden}


.bordered {border:1px solid #999999; padding:0px 2px 0px 2px; text-align:right}

/* FORMS */
select {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; border:1px solid #666666}


/* FONTS */

.b10w {
	color:#FFFFFF;
	font-weight:bold;
	}


#hostel_list div{
	line-height:12px;
	margin-bottom:1px;
	padding:4px 8px 4px 8px;
	font-weight:bold;
	color:#FFF;
	font-size:11px;
	background-color:#C60
}
#hostel_list ul {margin:0px 0px 4px 0px; padding:0px}
#hostel_list li {margin-bottom:2px;}
#hostel_list li a {display:block; text-decoration:none; color:#666666; width:157px; padding:2px 0px 2px 8px; background-color:#F2F2F2}
#hostel_list li a:hover{display:block; color:#333333; width:157px; background-color:#D9D9D9; padding:2px 0px 2px 8px;}

.banner .title { padding:7px 7px 2px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px;}


.list-item { background:#EFF7B2; overflow:hidden }


.list-item a:hover {color:#ffffff}
.more a:hover {color:#ffffff}

.list-item  .subtitle, .list-item a .more, .list-item a .description{
	color:#FFF;
	font-weight: normal;
}
.list-item  p {line-height:11px;}
.list-item  .title{color:#FF9900; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; line-height:18px;}
.list-item{
	height:200px;
	margin-bottom:10px;
	background-color: #C60;
}
.list-item2{
	height:92px;
	margin-bottom:10px;
	background-color: #C60;
}
.list-item2  .subtitle, .list-item2 a .more, .list-item2 a .description{
	color:#FFF;
	font-weight: normal;
}
.list-item2 a:hover {color:#ffffff}

.list-item2  p {line-height:11px;}
.list-item2  .title{color:#FF9900; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; line-height:18px;}
.list-item2 img {margin-right:10px; float:left;}

/*.list-item a {height:92px;  width:400px;}*/
.list-item img {margin-right:10px; float:left;}
#migas a:hover { text-decoration:underline; }
#migas {
	background-color: #FFF;
	height: 15px;
	padding-top: 5px;
	padding-left: 580px;
}
.redtext {
	color: #C00;
}
body { /*background-image:url(../images/fondo.gif);*/
	background-color:#F06400;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	line-height:12px;
	color:#00539D;
}

h1 {
	color:#911D1D; /*background:url(../images/flecha_h1.png) no-repeat left center;*/
	font-size:16px;
	font-weight:normal;
	padding-left:0px;
	margin:10px 0px;
	font-family:Arial, Helvetica, sans-serif;
}

h2 {
	color:#000; /* background:url(../images/flecha_h1.png) no-repeat left top;*/
	font-size:12px;
	font-weight:bold;
	padding-left:0px;
	margin:10px 0px;
}

a {
	text-decoration:none;
	color:#000
}

ul { list-style:none; margin:0px; padding:0px; }

#outer { background-color:#FFFFFF; }


/**
* Markup free clearing
* Details: http://www.positioniseverything.net/easyclearing.html
*/
.clear-block:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear-block {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clear-block {
	height: 1%;
}
.clear-block {
	display: block;
}
/* End hide from IE-mac */
#header-top a.idioma:hover { text-decoration:underline; background:#FFFFFF; color:#FF9900; }

#migas, #migas a { color:#00539D; line-height:20px; text-decoration:none }

#migas a:hover { text-decoration:underline; }


.banner { display:block; background:#EFF7B2; color:#00539D; }

.banner:hover { background:#CFDC27; }

.banner .title { padding:7px 7px 2px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

.banner .subtitle { padding:0px 7px 7px; }

.banner .caption { padding:4px 7px;  background:#CFDC27; font-weight:bold; line-height:12px; }

.link_galeria { height:16px; padding:0px 5px; line-height:16px; font-weight:bold; color:#FFFFFF; float:right; background-color:#FFAB00 }
.link_galeria:hover {background-color:#83A8C4}

.list-item {
	overflow:visible;
	border-width: 1px 1px 1px 1px;
	border-color: #000;
	color: #FFC;
}
/*.list-item a { background:#EFF7B2 }
.list-item a:hover {background:#CFDC27}*/
.list-item  .subtitle, .list-item a .more, .list-item a .description{
	color:#FFC
}
.list-item  p {line-height:11px;}
.list-item  .title{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	line-height:18px;
}


.hostel-bottom a:hover {text-decoration:underline}
.hostel-bottom a.galeria{background:url(../images/galeria.gif) no-repeat left; line-height:25px; float:left; padding-left:30px;}
.hostel-bottom a.rates{background:url(../images/rates.gif) no-repeat left; line-height:25px; float:left; padding-left:30px; margin-left:60px;}
.hostel-bottom a.reservas{background:url(../images/reservas.gif) no-repeat left; line-height:25px; float:right; padding-left:30px; }

.separador { height:10px; border-bottom: 1px solid #F06400; overflow:hidden }

.gallery_row { margin:0px 0px 10px 0px; height:92px }

select { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; border:1px solid #666666 }

input { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; border:1px solid #999999 }

textarea { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; border:1px solid #999999 }

.bordered { border:1px solid #999999; padding:0px 2px 0px 2px; text-align:right }

#footer { background:#CFDC27; line-height:25px; }

#footer, #footer a { color:#00539E; font-weight:bold; }

#footer a:hover { text-decoration:underline }


/* RESERVAS */
#nights_HI_members a { display:block; width:400px; height:65px; background-image:url(../images/reservas-hi.gif); color:#666666; text-decoration:none }

#nights_HI_members a div { padding-top:17px; }

#nights_HI_members a:hover { background-image:url(../images/reservas-hi-over.gif) }

#nights_non_HI_members a { margin-top:15px; display:block; width:400px; height:65px; color:#666666; text-decoration:none }

#nights_non_HI_members a div { padding-top:3px; border-bottom:solid #CCCCCC 2px; border-top:solid #CCCCCC 2px; }

#nights_non_HI_members a:hover div { background-color:#F2F2F2 }

.reservas_titulo { font-size:20px; font-family:Arial, Helvetica, sans-serif; height:25px; }

.link_reserva { font-size:11px; line-height:15px; text-decoration:none; color:#FFFFFF; font-weight:bold; background-image:url(../images/book-bg.gif); padding:1px 10px 2px 20px; text-transform:uppercase; height:15px; width:120px; float:right }

.link_reserva:hover { background-image:url(../images/book-bg-over.gif) }

#footer #home {padding-left:20px; }
#footer #contacto {padding-left:20px;}
#footer #fotografia {background:url(../images/camara.gif) no-repeat center left; padding-left:20px;}
#footer #lopez {background:url(../images/mslopez.gif) no-repeat center right; padding-right:55px;}

.site_map td{padding:10px;}
.site_map td.first a{color:#FF9A00}
.site_map tr{vertical-align:top}

div.comments {border:#DEDEDE solid 1px; padding:10px; background:url(../images/comentarios-bg.png) 0px 100% repeat-x; margin-bottom:15px;}
div.comments .comment-text{padding-bottom:10px; border-bottom:#DEDEDE solid 1px; margin-bottom:10px}
div.comments .naranja {color:#FF9A00}

div.frm_grupos{padding:0px 10px}
div.frm_grupos input, div.frm_grupos select {width:200px; margin-bottom:10px}
div.frm_grupos label {display:block; margin-bottom:4px;color:#417523; line-height:12px}
div.frm_grupos label.cbox {color:#666666}
div.frm_grupos input.send {width:auto; background-color:#CFDD28; color:#729A37; font-weight:bold; border:none; padding:2px;}
div.frm_grupos input.cbox {width:auto; margin-left:10px;margin-bottom:0px} 
div.frm_grupos textarea {width:380px; margin-bottom:10px; height:60px}
div.frm_grupos .radios label {float:left}

.clear{clear:both}

h2.reservas {line-height:24px; background:#005599; border:#CEDDEE 1px solid; margin:0px; padding:0px 15px; color:#FFFFFF}
h2.reservas span {font-weight:normal}
div.reserva {background:url(../images/reservations-list-bg.png) no-repeat; border:#CEDDEE 1px solid; border-top:none; padding:8px 10px; margin-bottom:10px;}
div.reserva img {float:left; margin-right:12px;}
div.reserva ul {float:right; width:260px;}
div.reserva a {padding-left:30px; background:url(../images/reservations-list-boton.gif) no-repeat 0 50%; display:block; width:240px;float:left; line-height:12px; margin-bottom:6px; color:#83A8C4}
div.reserva a:hover {background:url(../images/reservations-list-boton-over.gif) no-repeat 0 50%}
div.reserva a span {padding-left:40px; background:url(../images/reservations-list-card.gif) no-repeat 0 50%; display:block}
div.reserva strong {color:#004E89}

h2.reservas-2 {line-height:24px; background:#EFF7B5; padding:0px 10px; color:#004E89; font-weight:normal; margin:20px 0px; font-size:12px}
div.reserva-2 {padding:0px 10px;}
div.reserva-2 a{text-decoration:none; margin-bottom:10px;color:#84ADC6}
div.reserva-2 a.left {background:url(../images/reservations.gif) no-repeat 0px 50%; line-height:24px; padding-left:25px; display:block; height:24px;color:#FFFFFF; font-weight:bold; margin-bottom:10px; text-decoration: none; width:95px; float:left}
div.reserva-2 a.left:hover {background:url(../images/reservations-over.gif) no-repeat 0px 50%;}
div.reserva-2 a.right { line-height:24px; padding-left:0px; display:block; height:24px; float:right; width:250px}

div.reserva-2 a span {width:250px; color:#84ADC6; font-weight:normal; line-height:11px;}
div.reserva-2 a span.title {float:left}
div.reserva-2 a.hi {background:url(../images/reservations-card.gif) no-repeat 0px 50%; padding-left:50px; width:200px; line-height:24px;}
div.reserva-2 a span {line-height:12px}
div.reserva-2 a.double {line-height:11px;}



/*LIGHTBOX*/

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{padding: 10px;}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	/*display:none;*/
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	



/* SLIMBOX */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}


#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
	background: transparent url(../images/prevlabel.gif) no-repeat 0% 100%;
	opacity:.5;filter:alpha(opacity=50)
}

#lbPrevLink:hover {
	opacity:1;filter:alpha(opacity=100)
}

#lbNextLink {
	right: 0;
	background: transparent url(../images/nextlabel.gif) no-repeat 100% 100%;
	opacity:.5;filter:alpha(opacity=50)
}

#lbNextLink:hover {
	opacity:1;filter:alpha(opacity=100)
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}