/**********/
/* reset */
/********/
html, body, div {
	margin: 0;
	padding: 0;
	overflow-y:hidden;
}
body, html {
	height:100%;
}
h1, h2, h3, h4, p, img, a {
	border: none;
	padding: 0;
	margin: 0;
	text-decoration: none;
	outline: none;/*  -moz-outline: none;*/
}
/***********/
/* global */
/*********/
a {
	outline: none;
	text-decoration: none;
	color: #ffffff;
}
h1, h2, h3, h4 {
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#FFF;
}
h1 {
	font-size:18px;
	padding-bottom:1px;
	text-align:right;
}
h2 {
	font-size:14px;
	color:#f4b414;
	padding-bottom:25px;
	text-align:right;
}
p, label, ul, ol, a {
	padding-bottom:2px;
}
/******************/
/* Site specific */
/****************/

body {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #D3D3D3;
	background-color: #b2716d;
	width:16000px;
}
#wrapper {
	float:left;
}
/********/
 /* Menu */
/********/
.menu {
	height: auto;
	float:left;
}
.menu a, .myanchor a {
	float:left;
}
/********/
 /* main */
/********/

#main {
	float:left;
	overflow:hidden;
}
.mybox p {
	margin-bottom:10px;
}
.mybox #imagen {
	margin-top:10px;
	margin-bottom:5px;
}
.mybox {
background-image:url(../images/inicio2.jpg);
	position:relative;
	padding-right:50px;
	height: 508px;
	float:left;
	min-width:510px;
	background-repeat:no-repeat;
	max-width: 960px;
	width: 960px;
}
.mybox1 {
	position:relative;
	padding-right:50px;
	height: 508px;
	float:left;
	min-width:510px;
	background-repeat:no-repeat;
	background-image: url(../images/boceto3.jpg);
	max-width: 960px;
	width: 960px;
}
.mybox .next {
	width: 320px;
	position:absolute;
	margin-top:20px;
	color:#FFFFFF;
}
.mybox .habitaciones {
	width: 340px;
	position:absolute;
	bottom:20px;
	color:#FFFFFF;
	padding-left: -50px;
	font-size:12px;
}
/********************/
/* Mail form stuff */
/*****************/

fieldset {
	border:0;
	margin:0;
	padding:0;
}
label {
	display:block;
}
input.text, textarea {
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; background-color:#000000; border:1px solid #999999;
}
input.submit {
font-family: Georgia, "Times New Roman", Times, serif; font-size:14px; color:#FFF; background-color:#f4b414; border:1px solid #999999;}
/*mios*/
#body {
	height: 502px;
	background-image: url(../images/fondo.jpg);
}
#cabecera {
	max-height:64px;
	background-image:url(../images/header.jpg);
	background-position:bottom;
}
#content {
	height:480px;
	width:330px;
	padding:15px;
	width:375px;
}
/* los mios */

#text p img {
	border:2px solid #FFFFFF;
}
.boton {
	height:17px;
	background-color:#09090a;
	padding-top:3px;
	border:2px solid #1a1717;
	width:150px;
		padding-right:15px;
}
#submenu{
	width:220px; float:left; position:absolute; height:475px; 	padding:32px 10px 32px 10px;}
#submenu .boton{
	width: auto;
	margin-bottom:5px;
}
.boton a {
	font-size:10px;

}
#content #text {
	padding:32px 25px 32px 25px;
	height:410px;
	background-image:url(../images/black-70.png)
}
#menu {
	overflow:hidden;
	color:#d1c2c0;
	font-size: 13px;
}
#cargando {
	width:100%;
	background-color:#000000;
	height:100%;
	opacity:.6;
	filter:Alpha(opacity=60);/* filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); */
	;
	z-index:300;
	position:absolute;
}
#fixmetoo {
	background-repeat:no-repeat;
	background-color:#000;
	position: absolute;
	width:190px;
	z-index:4;
	opacity:.8;
	filter:Alpha(opacity=80);
	/* filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); */	
	background-image:url(../images/menupiedras.png);
	height: 510px;
}
#fixme {
	position:absolute;
	width:190px;
	z-index:5;
}
div > div#fixmetoo, div > div#foot, div > div#fixme {
	position: fixed;
}
#foot {
	background-image: url(../images/foot.jpg);
	background-repeat:repeat-x;
	padding-top:18px;
	position:fixed;
	width:100%;
	left: 0px;
	height:104px;
	z-index:4;
}
#foot a {
	font-size:10px;
	color:#8e6663;
}
/* Rutas*/
.ruta {
	height:30px;
	background-color:#991c20;
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size:18px;
	color:#FFFFFF;
}
.rutaTit {
	width:110px;
	background-color:#f4b414;
	padding-left:30px;
	height:25px;
	padding-top:5px;
	float:left
}
.rutaName {
	margin-left:180px;
	height:25px;
	padding-top:5px;
}
.rutaContent {
	height:360px;
	margin-top:52px;
	padding-left: 30px;
}
.rutaImg {
	width:286px;
	float:left;
}
.rutaImg img {
	border:2px solid #FFFFFF;
}
#content .miniatura {
	border:2px solid #FFFFFF;
}
.rutaText {
	width:380px;
	float:right;
	height: 300px;
	overflow:scroll;
	overflow-x:hidden;
	padding:0 10px 10px 10px;
}
.rutaText p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-bottom:10px;
}
.hr {
	width:100%;
	height:20px;
	border-bottom: 1px dashed #5c5a47;
}
.marco_imagen{
border:solid 2px #fff; overflow:hidden; width:320px; max-height:150px;;
}
/* galeria */
div.overlay {          /* growing background image */
	background-image:url(../images/white.png);          /* dimensions after the growing animation finishes  */
                  /* initially overlay is hidden */
	display:none;          /* some padding to layout nested elements nicely  */

	padding-left:35px;
	padding-top:35px;	
	padding-right:35px;
}  /* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(../images/close.png);
	position:absolute;
	right:0px;
	top:0px;
	cursor:pointer;
	height:33px;
	width:33px;
}
.capOculta{
	visibility:hidden;
	position:absolute;
	top:40px;
}
.capActiva{
	visibility: visible;
}