/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1{ font-size: 26px; }

h2{ font-size: 18px; }

h3{ font-size: 16px; }

h4{ font-size: 14px; }

h5{ font-size: 12px; }

h6{ font-size: 10px; }

li{ list-style: none; }

a{ text-decoration: none; }

a:hover{ text-decoration: underline;}

.oculto{
	display: none;
}

.subr{
	color: #3e4648;
}

div#main{
	background-color: #f6f5ec;
	overflow: hidden;
}

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

div.container{
/*	position: relative; */
	width: 960px;
	margin: 0 auto;
}


div#head{
	position: relative;  
	background-image: url("../images/head-top.png");
	background-repeat: repeat-x;
	height: 20px;	
}

div#head-logo{
	position: relative;
	top: -14px;
	left: -10px;
	background-image: url("../images/logo.png");
	background-repeat: no-repeat;
	width: 240px;
	height: 274px;
	text-indent: -9999px;
	z-index: 2;
}

div#head-lang{
	position: relative;
	top: 6px;
	left: 770px;
	background-image: url("../images/head-lang.png");
	background-repeat: no-repeat;
	width: 210px;
	height: 56px;
}

div#head-lang a{
	display: block;
	text-indent:-9999px;
}

div#head-lang a:hover{
	background-position: 0 -14px;	
}

div#head-lang #lang-en{
  position: absolute;
  top: 10px;
  left: 40px;
  background-image: url("../images/idioma-ingles.png");  
  background-repeat: no-repeat;	
  width: 54px;
  height: 15px;
}

div#head-lang #lang-de{
  position: absolute;
  top: 10px;
  left: 100px;
  background-image: url("../images/idioma-aleman.png");  
  background-repeat: no-repeat;	
  width: 64px;
  height: 15px;
}

h1{
	position: relative;	
	top: -30px;		
	left: 340px;
	background-image: url("../images/head-hostal.png");
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 350px;
	height: 110px;
}

div#navigation{
	position: relative;
	top: -80px;
	background-image: url("../images/head-bg.jpg");
	background-repeat: repeat-x;
	height: 212px;
}

div#content{
	margin-top: -80px;
	background-image: url("../images/content-bg.jpg");
	background-repeat: repeat-x;
	height: 500px;
}

div#menu{
	position: relative;
	top: -108px;	
	left: 200px;
}

div#menu li {
	float: left;
}

div#menu a{
	display:block;
	text-indent:-9999px;
	overflow: hidden; 
}

div.menu-bg{
	position: relative;
	top: -54px;
	background-image: url("../images/menu-bg.png");
	background-repeat: repeat-x;
	height: 54px;
}

div#menu a:hover{
	background-position: 0 -54px;
}

div#menu a.menu-active{
	background-position: 0 -108px;
}

div#menu #menu-inicio{
	background-image: url("../images/menu-inicio.png");
	width: 120px; 
	height: 54px;
}

div#menu #menu-habitaciones{
	background-image: url("../images/menu-habitaciones.png");
	width: 142px; 
	height: 54px;
}

div#menu #menu-tarifas{
	background-image: url("../images/menu-tarifas.png");
	width: 96px; 
	height: 54px;
}

div#menu #menu-localizacion{
	background-image: url("../images/menu-localizacion.png");	
	width: 142px; 
	height: 54px;
}

div#menu #menu-conil{
	background-image: url("../images/menu-conil.png");	
	width: 90px; 
	height: 54px;
}

div#menu #menu-contacto{
	background-image: url("../images/menu-contacto.png");	
	width: 142px; 
	height: 54px;
}

/*  Slideshow style rules */
#slideshow {
	margin:0 auto;
	width:916px;
	height:270px;
	background-image: url("../images/slideshow-bg.png");
	background-repeat: no-repeat;
	position: relative;
	top: -150px;
	left: 0px;
}

#slideshow #slidesContainer {
  margin:0 auto;
  width:836px;
  height:270px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}

#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:816px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:270px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:200px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}

#leftControl {
  top: 48px;
  left: -108px;
  background-image: url("../images/control-left.png");
  background-repeat: no-repeat;
  width: 134px;
  height: 200px;  
}

#rightControl {
  top: 48px;
  right: -108px;
  background-image: url("../images/control-right.png");
  background-repeat: no-repeat;
  width: 134px;
  height: 200px;
}


.slide h2 {
  font:26px Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  color:#44623d;
  letter-spacing:-1px;
  text-indent: -9999px;
  margin:0px 0px 0px 0px;  
}

.slide p{
	margin:5px 15px 15px 25px;
  	text-align: justify;	
	font:14px 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-weight:500;
	color: #586366;
}

.slide img {
  float:right;
  margin-left: 25px;		/* Modifica el ancho para justificar los textos de la izquierda en el Slideshow */
  margin-top: -35px;
  border: 2px;
  border-style: solid;
  border-color: #d4d2c5;
	
}

h2#slide-bienvenidos{
  background-image: url("../images/slideshow-bienvenidos.png");  
  background-repeat: no-repeat;	
  width: 276px;
  height: 60px;
  position: relative;
  top: -8px;
}

h2#slide-hostal{
  background-image: url("../images/slideshow-hostal.png");  
  background-repeat: no-repeat;	
  width: 276px;
  height: 60px;
  position: relative;
  top: -8px;
}

h2#slide-meson{
  background-image: url("../images/slideshow-meson.png");  
  background-repeat: no-repeat;	
  width: 276px;
  height: 60px;
  position: relative;
  top: -8px;
}

h2#slide-heladeria{
  background-image: url("../images/slideshow-heladeria.png");  
  background-repeat: no-repeat;	
  width: 276px;
  height: 60px;
  position: relative;
  top: -8px;
}

#slideIndex{
	left: 60px;
	bottom: 10px;
	position: absolute;
}

.numbers{
	width: 16px;
	height: 16px;
	background: #ddd;
	display: inline-block;
	color: #777;
	border: 1px solid #000;
	text-align: center;
	margin: 1px;
	cursor: pointer;
	font: normal 12px Arial;
}

.active
{
	color: #ddd;
	background: #777;
	border: 1px solid #aaa;
}


div#footer-content{
	position: relative;
	top: -130px;
	margin:0 auto;	
	background-image: url("../images/footer-bg.png");
	background-repeat: no-repeat;
	width: 476px;
	height: 186px;
}

div#footer-content li{
	float:left;
	background-image: url("../images/footer-list.png");
	background-repeat: no-repeat;	
	width: 61px;	
	height: 45px;
	position: relative;
	top: 70px;
	left: 90px;
	padding-left: 240px;
}

span.text-title-footer{
	position: relative;
	top: 15px;
	left: 0px;
	margin-top: 14px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 14px;
	font-weight: 600;
	margin-left: -160px;
	color: #ffffff;
	
}

div#footer-content li a{
	text-decoration: none;
}

a#img-habitaciones{
	position: absolute;
	top: 5px;
	left: 85px;
	background-image: url("../images/text-habitaciones.png");
	background-repeat: no-repeat;	
	width: 213px;
	height: 36px;
}

a#img-estudios{
	position: absolute;
	top: 50px;
	left: 50px;
	background-image: url("../images/text-estudios.png");
	background-repeat: no-repeat;	
	width: 119px;
	height: 41px;
}

div#content-habitaciones{
	margin:0 auto;
	width:760px;
	height:308px;
	background-image: url("../images/habitaciones-bg.png");
	background-repeat: no-repeat;
	position: relative;
	top: -150px;
	left: 0px;
	z-index: 2;
}

div#content-habitaciones ul{
	list-style-type: square;
}

div#content-habitaciones ul li{
	display: block;
	text-decoration: none;
	float:left;
}


div#desc-habitaciones{
	position: relative;
	top: -8px;
	left: 40px;
	background-image: url("../images/title-habitaciones.png");
	background-repeat: no-repeat;	
	width: 288px;	
	height: 60px;
}


div#content-habitaciones ul li div#desc-habitaciones ul li{
	clear: both;					/* li del contendor tiene float: left */
	position: relative;
	top: 105px;
	left: 60px;
	font:17px 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-weight:500;
	color: #586366;
	width: 288px;
}

div#desc-estudios{
	position: relative;
	top: -8px;
	left: 320px;
	background-image: url("../images/title-estudios.png");
	background-repeat: no-repeat;	
	width: 288px;	
	height: 60px;
}

div#content-habitaciones div#desc-estudios ul li{
	clear: both;					/* li del contendor tiene float: left */
	position: relative;
	top: 100px;
	left: 5px;
	font:18px 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-weight:500;
	color: #586366;
	width: 288px;
}

div#desc-servicios{
	position: relative;
	top: -20px;
	left: 160px;
	background-image: url("../images/servicios-bg.png");
	background-repeat: no-repeat;	
	width: 324px;
	height: 352px;
	z-index: 2;
}


div#content-habitaciones div#desc-servicios ul li{
	clear: both;					/* li del contendor tiene float: left */
	position: relative;
	top: 100px;
	left: 70px;	
	font:17px 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-weight:500;
	color: #586366;
}

div#footer-images{
	position: relative;
	top: -330px;
	margin:0 auto;	
	background-image: url("../images/habitaciones-footer-bg.png");
	background-repeat: no-repeat;
	width: 887px;
	height: 346px;
	z-index: 1;
}

div#images-habitaciones{
	position: relative;
	top: 120px;
	left: 50px;	
	background-image: url("../images/habitaciones-images-bg.png");
	background-repeat: no-repeat;	
	width: 477px;
	height: 195px;	
	float: left;
	display: block;
	padding:0px 4px 4px 8px;			
}

div#images-habitaciones img{
	position: relative;
	top: 30px;
	left: 15px;
	border: 1px solid #fff;
	margin-left: 1px;
	margin-bottom: 1px;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;	
}

div#images-habitaciones img:hover{
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;	
}

div#images-estudios{
	position: relative;
	top: 160px;
	left: 280px;	
	background-image: url("../images/habitaciones-images-bg.png");
	background-repeat: no-repeat;	
	width: 278px;
	height: 195px;	
	float: left;
	display: inline;
	padding:0px 4px 4px 8px;			
}

div#images-estudios img{
	position: relative;
	top: 30px;
	left: 25px;
	border: 1px solid #fff;
	margin-left: 1px;
	margin-bottom: 1px;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;	
}

div#images-estudios img:hover{
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;	
}

div#images-servicios{
	position: relative;
	top: 140px;
	left: 60px;	
	background-image: url("../images/servicios-images-bg.png");
	background-repeat: no-repeat;	
	width: 278px;
	height: 195px;	
	float: left;
	display: inline;
	padding:0px 4px 4px 8px;			
}

div#images-servicios img{
	position: relative;
	top: 27px;
	left: 26px;
	border: 1px solid #fff;
	margin-left: 1px;
	margin-bottom: 1px;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;	
}

div#images-servicios img:hover{
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;	
}

div#content-contacto{
	margin:0 auto;
	width:916px;
	height:416px;
	background-image: url("../images/contacto-bg.png");
	background-repeat: no-repeat;
	position: relative;
	top: -162px;
	left: 0px;
}

div#title-contacto{
	position: relative;
	top: 4px;
	left: 40px;
	background-image: url("../images/title-contacto.png");
	background-repeat: no-repeat;	
	width: 227px;
	height: 60px;
}

div#form-contacto{
	position: relative;
	left: 120px;
}

form{
	color: #6f7d81;
}

form div, form label{
	padding: 4px; 0;
}

label{
	display: block;
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-size: 14px;
}

label#label-name{
	width: 70px;
}

label#label-email{
	width: 60px;	
}

label#label-comment{
	width: 100px;
}

input, textarea{
	padding: 4px 0;	
	width: 300px;
	background-color: #f3f3f3;
	border: 1px solid #ccc;
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-size: 12px;
	color: #5a6568;
}

textarea{
	margin: 0 0 10px 0;
	overflow:auto;
	height: 100px;
}

input#submit-contacto{
	padding: 0;
	background: none;
	width: 109px;
	border: none;
	margin: 0 0 0 100px;
}

input:focus, textarea:focus{
	background-color: #ddd;
}

div#datos-contacto{
	float: right;
	position: absolute;
	top: 100px;
	left: 530px;
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
}

div#datos-contacto h2{
	color: #2c383e;
	font-weight: bold;
	font-family: 'ITC Giovanni', Georgia, "Times New Roman", Times, serif;
}

div#datos-contacto h2 span{
	background: url("../images/gradient-white.png") repeat-x;
	position: absolute;
	display: block;
	width: 100%;
	height: 31px;
	width: 270px;
}

div#datos-contacto p{
	text-align: center;
	color: #596468;
	line-height: 20px;
}

span.telefono{
	background-image: url("../images/telefono.png");
	background-repeat: no-repeat;	
	width: 32px;
	height: 32px;
	float: left;
	margin: 0 5px 0 0;
}

span.email{
	background-image: url("../images/email.png");
	background-repeat: no-repeat;	
	width: 32px;
	height: 20px;	
	float: left;
	margin: 0 5px 0 0;
}

div#datos-contacto a:link{
	color: #596468;	
}

div#datos-contacto a:visited{
	color: #596468;	
}

#validEmail{
	margin-top: 4px;
	margin-left: 9px;
	position: absolute;
	width: 16px;
	height: 16px;
}

#msg {
	display:none; 
	position:absolute; 
	z-index:200; 
	background-image: url("../images/msg_arrow.gif");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:7px
}

#msgcontent {
	display:block; 	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border:2px solid #474f53; 
	color: #474f53;
	background: none;
	border-left: none; 
	padding: 5px; 
}

#contacto-loading{
	background-image: url("../images/loading.gif");
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
	position: relative;
	top: -37px;
	left: 60px;
	text-indent: -100px;
}

#result{
	position: relative;
	left: 20px;
	font:14px 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-weight:500;
	color: #586366;	
}

div#content-conil{
	margin:0 auto;
	width:918px;
	height:305px;
	background-image: url("../images/conil-bg.png");
	background-repeat: no-repeat;
	position: relative;
	top: -150px;
	left: 0px;
	z-index: 2;
}

div#title-conil{
	position: relative;
	top: -8px;
	left: 40px;
	background-image: url("../images/title-conil.png");
	background-repeat: no-repeat;	
	width: 178px;	
	height: 60px;
}


p#conil{
	position: relative;
	top: -5px;
	left: 35px;
	margin:15px 15px 15px 25px;
  	text-align: justify;	
	font:14px 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-weight:500;
	color: #586366;	
	width: 800px;
}

div#images-conil{
	position: relative;
	top: 150px;
	left: 190px;	
	background-image: url("../images/conil-images-bg.png");
	background-repeat: no-repeat;	
	width: 509px;
	height: 119px;	
	float: left;
	display: block;
	padding:0px 4px 4px 8px;			
}

div#images-conil img{
	position: relative;
	top: 27px;
	left: 140px;
	border: 1px solid #fff;
	margin-left: 1px;
	margin-bottom: 1px;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;	
}

div#images-conil img:hover{
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;	
}

div#content-localizacion{
	margin:0 auto;
	width:916px;
	height:495px;
	background-image: url("../images/localizacion-bg.png");
	background-repeat: no-repeat;
	position: relative;
	top: -170px;
	left: 0px;
}

div#title-localizacion{
	position: relative;
	top: 12px;
	left: 40px;
	background-image: url("../images/title-localizacion.png");
	background-repeat: no-repeat;	
	width: 288px;	
	height: 60px;
}

div#map{
	position: relative;	
	top: 15px;
	left: 158px;
	width: 600px; 
	height: 360px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #505a5d;
	text-align: center;
}

div#content-tarifas{
	margin:0 auto;
	width:919px;
	height:393px;
	background-image: url("../images/tarifas-bg.png");
	background-repeat: no-repeat;
	position: relative;
	top: -160px;
	left: 0px;
	z-index: 2;
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-size: 14px;
	color: #5a6568;	
}

div#title-tarifas{
	position: relative;
	top: 2px;
	left: 40px;
	background-image: url("../images/title-tarifas.png");
	background-repeat: no-repeat;	
	width: 278px;	
	height: 60px;
	text-align: left;	
}

div#footer-tarifas{
	position: relative;
	top: -420px;
	margin:0 auto;	
	background-image: url("../images/habitaciones-footer-bg.png");
	background-repeat: no-repeat;
	width: 887px;
	height: 346px;
	z-index: 1;
}

div#title-tarifas-habitaciones{
	position: relative;
	top: 240px;
	left: 100px;
	background-image: url("../images/title-solo-habitaciones.png");
	background-repeat: no-repeat;	
	width: 219px;	
	height: 60px;
	float: left;
}

div#title-tarifas-estudios{
	position: relative;
	top: 180px;
	left: 650px;
	background-image: url("../images/title-solo-estudios.png");
	background-repeat: no-repeat;	
	width: 134px;	
	height: 60px;
	clear: left;
}

div#tarifas-habitaciones{
	position: relative;
	top: 10px;
	left: 140px;
	float: left;	
	text-align: center;	
}

div#separador-tarifas{
	position: relative;
	top: 60px;
	left: 15px;
	background-image: url("../images/separador-tarifas.png");
	background-repeat: no-repeat;
	width: 71px;	
	height: 168px;	
	float: left;
}

div#tarifas-estudios{
	position: relative;
	left: 40px;
	float: left;
	text-align: center;	
}

div#content-tarifas h2{
	font-size: 15px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
}

table#tarifas-habitaciones-table{
	position: relative;
	left: -50px;
	float: left;
}

table#tarifas-estudios-table{
	position: relative;
	left: 80px;
}

div#content-tarifas table td{
	padding: 4px 10px 4px 4px;
}

p.nota-tarifas{
	clear: left;	
/*		
	position: relative;
	top: 15px;
	left: 0px;
*/	
	position: relative;
	top: 20px;
	left: -50px;
	text-align: left;	
	width: 400px;
	line-height: 18px;
}

.centrado{
	text-align: center;
	font-size: 17px;
}
tr.separador-tr-tarifas td{
	border-bottom: 1px;
	border-color: #5a6568;
	border-style: solid;
	height: 6px;
}

tr.separador-tr-tarifas-fin td{
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	border-bottom: 1px;
	border-color: #5a6568;
	border-style: solid;	
	height: 6px;	
}

span.asterisco{
	font-weight: bold;
	font-size: 10px;
	vertical-align: text-top;
}

/** 
 * Ofertas Tarifas
 */


div#ofertas{
	background-image: url("../images/ofertas-bg.png");	
	background-repeat: no-repeat;
	width: 467px;
	height: 439px;	
	float: right;
	position: relative;
	top: -270px;
	left: -10px;
}

div#title-ofertas{
	position: relative;
	top: 22px;
	left: 70px;
	background-image: url("../images/title-ofertas.png");
	background-repeat: no-repeat;	
	width: 174px;	
	height: 60px;
	text-align: left;	
}

div#tarifas-ofertas{
	position: relative;
	top: 60px;
	left: 150px;
	float: left;	
	text-align: center;	
}

table#tarifas-ofertas-table{
	position: relative;
	left: -50px;
	float: left;
	border-collapse:collapse;
}

table#tarifas-ofertas-table tr td.td_border{
	border-right: 1px solid #5a6568;
}