@charset "utf-8";
/* CSS Document */

#tooltip{
	font-family:Verdana, Geneva, sans-serif;
	font-size:8pt;
	font-style:normal;
	line-height:10pt;
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
}	



/* Para hacer el fondo 100% vertical y horizontal */
img.bg {
			/* Set rules to fill background */
			min-height: 100%;
			min-width: 1024px;
			
			/* Set up proportionate scaling */
			width: 100%;
			height: auto;
			
			/* Set up positioning */
			position: fixed;
			top: 0;
			left: 0;
		}
		
		@media screen and (max-width: 1024px){
			img.bg {
				left: 50%;
				margin-left: -512px; }
		}
		
		
#general{
	position: relative; 
	margin:auto;
	min-height: 100%;
}

/* acá empiezan los estilos generales */



#central{
	background-image:url(../img/bg_central.jpg);
	background-repeat:repeat-y;
	width: 801px;
	min-height: 100%;
}

/* encabezado*/
h1{
	font-family:"Times New Roman", Times, serif;
	font-size:28pt;
	font-style:italic;
	font-weight:bold;
}

h2{
	font-family:"Times New Roman", Times, serif;
	font-size:16pt;
	font-style:italic;
	font-weight:normal;
}

h3{
	font-family:"Times New Roman", Times, serif;
	font-size:12pt;
	font-style:italic;
	font-weight:normal;
}


#top{
	text-align:center;
	height:11px;
	color:#633;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 6pt;
	background-color:#50301D;
}
#top a{color:#8B4A10;}

#top a:hover{
	color:#FFF;
}

#top span{
	font-size:6pt;
	font-weight:bold;
	color:#f8e6b3;
	
}



#content{
	width:801px;
	color: #50301D;
	height:100%;
	text-align:center;
}
#content a{
	color:#50301D;
}


#header{
	background-image:url(../img/bg_header.jpg);
	background-repeat:no-repeat;
	height:200px;
	width:801px;
	vertical-align:bottom;
	text-align:center;
}

#encabezado{
	height:134px;
	width:700px;
	margin:auto;
	padding-top:40px;
}
#logo{
	width: 136px;
	height: 134px;
	background-image:url(../img/log_hosteria_casadelago.png);
	background-repeat:no-repeat;
	float:left;
	margin-right:8px;
}
#logo span {
	visibility:hidden;
	width: 136px;
	height: 134px;
	display:block;
}

#botonera{
	padding-top: 30px;
}
#botones{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:7pt;
	border-right: solid 1px #50301d;
	padding-left:20px;
}
.botones li {
	display:block;
	text-align:left;
	width: 100px;
	height:50px;
	float:left;
	padding-left:10px;
	padding-bottom:5px;
	border-left: solid 1px #50301d;
	margin-bottom:10px;
}

#botones li span{visibility:hidden;}

#botones a{
	display:block;
	width:96px;
	height:22px;
	float:left;
}

#interiores a{
	background-image:url(../img/interiores.png);
	background-repeat:no-repeat;
}
#ubicacion a{
	background:url(../img/ubicacion.png);
	background-repeat:no-repeat;
}

#galeria a{
	background:url(../img/galeria.png);
	background-repeat:no-repeat;
}

#excursiones a{
	background:url(../img/excursiones.png);
	background-repeat:no-repeat;
}

#consultas a{
	background:url(../img/consultas.png);
	background-repeat:no-repeat;
}

/* titulo de cada sector */

#abienvenidos{
	padding-left:260px;
	text-align:left;
}

#agaleria{
	padding-left:295px;
	text-align:left;
}
#aubicacion{
	padding-left:270px;
	text-align:left;
}

#aexcursiones{
	padding-left:250px;
	text-align:left;
}

#aconsultas{
	padding-left:270px;
	text-align:left;
}

/*fin de títulos de cada sector*/

#tresestrellas{
	background:url(../img/tresestrellas.png);
	background-repeat:no-repeat;
	height: 25px;
	margin-left: 50px;
	clear:both;
}
#tresestrellas span{
	visibility:hidden;
}

/* fin tres estrellas*/

/* inicio textos de abajo */

#texto{
	font-family:"Times New Roman", Times, serif;
	font-size:12pt;
	font-style:italic;
	width:700px;
	margin:auto;
	heigh:100%;
	text-align:center;
}
#texto2{
	font-family:"Times New Roman", Times, serif;
	font-size:12pt;
	font-style:italic;
	width:700px;
	margin:auto;
	heigh:100%;
	text-align:center;
	clear:left;
}
#texto span{
	font-weight:bold;
}
.separador{
	background-image:url(../img/separador.png);
	background-repeat:no-repeat;
	width:700px;
	margin-bottom:8px;
	margin-top:15px;
}
.separador span{
	visibility:hidden;
}

#cierre{
	background-image:url(../img/cierre.png);
	background-repeat:no-repeat;
	width:700px;
	height:45px;
	margin-top:15px;
}
#cierre span{
	visibility:hidden;
}

/* final de textos de abajo*/




/* contenedor galeria central */

#contenedor_gallery{
	background-color:#fff;
	width:690px;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	margin-bottom:5px;
	border:1px solid #50301D
}


/* GALERÍA CENTRAL*/
#gallery{
	/* The width of the gallery */
	width:670px;
	overflow:hidden;
	margin:auto;
	padding-top:10px;
	padding-bottom:15px;	
}

#slides{
	/* This is the slide area */
	height:350px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:670px;
	overflow:hidden;
}

.slide{
	float:left;
}

#menu{
	/* This is the container for the thumbnails */
	margin-top:10px;
	height:35px;
}

#menu ul{
	margin:0px;
	padding:0px;
}

#menu ul li{
	width:46px;
	display:inline;
	list-style:none;
	height:35px;
	overflow:hidden;
	border-bottom:3px solid #CCC;
	margin-right:1px;
}


#menu ul li.inact:hover{
	/* The inactive state, highlighted on mouse over */
	border-bottom:3px solid #900;
}

#menu ul li.act,li.act:hover{
	/* The active state of the thumb */
	border-bottom:3px solid #50301D;
}

#menu ul li.act a{
	cursor:default;
}




/* COMODIDADES, ÍCONOS */

#comodidades{
	width:700px;
	margin:auto;
	font-style: italic;
	padding-bottom: 10px;
	text-align: center;
}

#iconos{
	background-image:url(../img/iconos.jpg);
	background-repeat:no-repeat;
	height:150px;
	margin-top: 10px;
	border-left:solid 1px #960;
	border-right:solid 1px #960;
}
#iconos p{
	visibility:hidden;
}


#footer{
	background-color:#50301D;
	color: #f8e6b3;
	width: 801px;
	height: 30px;
	text-align:center;
	font-size: 8pt;
	font-style:italic;
	margin:auto;
	padding-top: 10px;
	border-top: solid 2px #300;
	border-bottom: solid 2px #300;
}

#footer a{
	font-weight:bold;
	color: #f8e6b3;
	font-style:normal;
}

/* MAPA Y PLANO DE UBICACION */

#mapa{
	width: 700px;
	margin:auto;
	padding-top:20px;
}
#plano{
	width: 643px;
	height:613px;
	margin: auto;
	background-image:url(../img/mapa_ubicacion_hosteria.jpg);
	background-repeat:no-repeat;
}


#plano p{
	visibility:hidden;
}

#descargar_plano a{
	margin-left: 585px;
	background-image:url(../img/descargar.png);
	background-repeat:no-repeat;
	border:none;
	width: 57px;
	height:56px;
	display:block;
}
#descargar_plano span{
	visibility:hidden;
}

#distancias{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10pt;
	padding-top: 10px;
}

#info_mapa{
	width:645px;
	margin:auto;
	padding-top:10px;
}

#mapitas{
	height: 182px;
	width: 395px;
	float:left;
	background-image:url(../img/mapitas_villa_la_angostura.jpg);
	background-repeat:no-repeat;
}
#mapitas p{
	padding: 15px;
	font-style:italic;
	font-weight:bold;
}

#zoom{
	margin-left:270px;
}

#excursiones_tabs{
	width: 645px;
	margin: auto;
}

#adv1 ul li{
	display:inline;
	padding-right: 0px;
	padding-bottom:10px;
}
#adv1 ul li a{
	color:#50301D;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style:italic;
	font-weight:bold;
}


#salidas{
	width:625px;
	margin-top: 10px;
	padding: 10px;
	border: solid 10px #FFF;
}
#bayo{
	width:625px;
	margin-top: 10px;
	padding: 10px;
	border: solid 10px #FFF;
}

#lagos{
	width:625px;
	margin-top: 10px;
	padding: 10px;
	border: solid 10px #FFF;
}
#correntoso{
	width:625px;
	margin-top: 10px;
	padding: 10px;
	border: solid 10px #FFF;
}
#belvedere{
	width:625px;
	margin-top: 10px;
	padding: 10px;
	border: solid 10px #FFF;
}

#abuelo{
	width:625px;
	margin-top: 10px;
	padding: 10px;
	border: solid 10px #FFF;
}

#cajon{
	width:625px;
	margin-top: 10px;
	padding: 10px;
	border: solid 10px #FFF;
}

#laguna{
	width:625px;
	margin-top: 10px;
	padding: 10px;
	border: solid 10px #FFF;
}

#texto_excursiones{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10pt;
	line-height:13pt;
	padding-top:10px;
	width: 600px;
}

#foto_excursiones{
	margin-bottom:10px;
	border: solid 3px #630;
}

#formulario{
	width:700px;
	margin:auto;
}
#formita{
	float: left;
	width: 300px;
	position:relative;
}

#datos{
	font: normal 14px/150% "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#dateArrival{position:relative;}
#dateDeparture{position:relative;}