* { margin:0; padding:0; }

html,body { height:100%;}

body {
	font:62.5%/1.3em Arial, Helvetica, Verdana, sans-serif;
	color: #271a13;
	background-color: #fff;
}

a {
	font-size:1em;
	color: #271a13;
	text-transform: capitalize;
}

a:hover {
	text-decoration:underline;
	color: #7F99B4;

}

em {
	font-style:italic!important;
}

h1, h2, h3, h4, h5, h6 { font:100% georgia, geneva, serif; 

}

ol, ul {
	list-style:none;
	font-size: 1.1em;

}

p {
	font-size:1.1em;
	margin: 0.4em 0 1em 0;
}

strong {
	color: #273F58;
	font: bold 95% verdana, arial, sans-serif;

}

small {
	font-size:90%;
	text-transform: lowercase
!important;
}

.ocultar {
	position:absolute;
	left:-9999px;

}

.txt-1 {
	float: left;
	margin: 0 15px 50px 0;
	display: block;

}

h1#logo a{
	position:absolute;
	display:block;
	width:194px;
	height:51px;
	background:transparent url(img/logo.gif) 0 0 no-repeat;
	top: 37px;
	_display:inline;
}

div#idiomas {
	position: absolute;
	float:right;
	margin:0px 0 0 0;
	overflow:hidden;
	padding:30px 0 0 0;
	right: 0px;


}

#idiomas a {
	font-weight:bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	font-style: italic;
	border-right: 1px solid #ccc;
	padding: 0 7px 0 7px;
	margin:0;


}

#idiomas a:hover {
	background:transparent url(../img/bg-degradado.gif) 0 0 repeat-x;
}

p#p-reservas {
	position: absolute;
	top: 0px;
	left: 0px;
}


#contenedor {
	width:774px;
	margin:50px auto 0px auto;
	position: relative;
	height: auto;

}

#contenido {
	width:774px;
	margin: 0px auto;
	float: left;
	position: relative;

}

#secundario {
	width:774px;
	clear: left;
	height: 110px;

}

#fla {
	width:774px;
	height:220px;
	background-color: #CCCCCC;
	margin: 0 auto 25px auto;

}

#menu-nav, #menu-nav-en {
	width:774px;
	height:117px!important;
	margin: 0 0 10px 0;
	display: block;
	padding: 0;
	position: relative;
}

#menu-nav ul#menu, #menu-nav-en ul#menu {
	width:772px;
	height:20px;
	z-index:100px;
	float: left;
	display: block;
	margin: 97px auto 0 auto;
	background:transparent url(img/menu.gif) 0 0 no-repeat;


}

#menu-nav-en ul#menu {
	background:transparent url(img/menu-en.gif) 0 0 no-repeat;

}

#menu-nav ul#menu li,
#menu-nav-en ul#menu li {

	float:left;

}

#menu-nav ul#menu li a,
#menu-nav-en ul#menu li a{
	display:block;
	height:20px;
	margin:0;
	border: 0;
}





ul#menu li#menu-portada a:hover,
ul#menu li#menu-habitaciones a:hover,
ul#menu li#menu-servicios a:hover,
ul#menu li#menu-reservas a:hover, 
ul#menu li#menu-como-llegar a:hover,
ul#menu li#menu-entorno a:hover,
#menu-nav-en ul#menu li#menu-portada a:hover,
#menu-nav-en ul#menu li#menu-habitaciones a:hover,
#menu-nav-en ul#menu li#menu-servicios a:hover,
#menu-nav-en ul#menu li#menu-reservas a:hover, 
#menu-nav-en ul#menu li#menu-como-llegar a:hover,
#menu-nav-en ul#menu li#menu-entorno a:hover{
	border-bottom: 1px solid #000;
}


ul#menu li#menu-portada a {
	width:70px!important;
	border-bottom: 1px solid #fff;
	margin-right: 52px;
}
ul#menu li#menu-habitaciones a {
	width:110px!important;
	border-bottom: 1px solid #fff;
	margin-right: 45px;
}
ul#menu li#menu-servicios a{
	width:77px!important;
	border-bottom: 1px solid #fff;
	margin-right: 65px;
}

ul#menu li#menu-reservas a{
	width:72px!important;
	border-bottom: 1px solid #fff;
	margin-right: 49px;
}
ul#menu li#menu-como-llegar a{
	width:107px!important;
	border-bottom: 1px solid #fff;
	margin-right: 47px;
}
ul#menu li#menu-entorno a{
	width:77px!important;
	border-bottom: 1px solid #fff;
}





#menu-nav-en ul#menu li#menu-portada a {
	width:49px!important;
	border-bottom: 1px solid #fff;
	margin-right: 57px;
}
#menu-nav-en ul#menu li#menu-habitaciones a {
	width:55px!important;
	border-bottom: 1px solid #fff;
	margin-right: 62px;
}
#menu-nav-en ul#menu li#menu-servicios a{
	width:66px!important;
	border-bottom: 1px solid #fff;
	margin-right: 65px;
}

#menu-nav-en ul#menu li#menu-reservas a{
	width:72px!important;
	border-bottom: 1px solid #fff;
	margin-right: 55px;
}
#menu-nav-en ul#menu li#menu-como-llegar a{
	width:123px!important;
	border-bottom: 1px solid #fff;
	margin-right: 51px;
}
#menu-nav-en ul#menu li#menu-entorno a{
	width:112px!important;
	border-bottom: 1px solid #fff;
}





#pie {
	width:760px;
	margin:0px auto;
	padding: 0;
	clear: both;
	position: relative;
	background:transparent url(img/bg-pie.gif) 0 0 no-repeat;
}

#pie p {
	font-size: 1em;
	padding: 5px 0 0 0;
	text-transform: uppercase;
	margin: 0px 0 0 0;
	font-size: 1em;
	text-align: right;
}

#fla.servicios {
	width: 419px!important;
	margin: 0;
	padding: 0;
	clear: none!important;
	float: left;
	position: relative;
}

#fla.hab {
	float: left;
	margin: 0;
	padding: 0;
	clear: none!important;
	width: 419px!important;
	position: relative;
}

#secundario.servicios {
	width: 330px!important;
	margin: 0;
	height: 350px;
	float: right!important;
	padding: 0;
	clear: none!important;
	position: relative;
	display: inline;
}


#secundario.servicios p{ width:340px; }

#secundario.hab {
	width: 330px!important;
	margin: 0;
	height: 400px;
	float: right!important;
	padding: 0;
	clear: none!important;
	position: relative;
	display: inline;

}

#secundario.hab p{
	width:250px !important;
	padding: 0;
}

#secundario.reservas {
	width: 330px!important;
	margin: 0;
	height: 420px;
	float: right!important;
	padding: 0;
	clear: none!important;
	position: relative;
	display: block;

}

#secundario.reservas p{
	width:260px !important;
	padding: 0;
	margin: 0 0 15px 15px;
}


#secundario.como-llegar p{
	width:250px !important;
	padding: 0;
}

#secundario.como-llegar {
	width: 330px!important;
	margin: 0;
	height: 250px;
	float: right!important;
	padding: 0;
	clear: none!important;
	position: relative;
	display: inline;

}

#secundario.entorno p{
	width:330px !important;
	padding: 0;
	line-height: 1.35em;
}

#secundario.entorno {
	width: 330px!important;
	margin: 0;
	height: 380px;
	float: right!important;
	padding: 0;
	clear: none!important;
	position: relative;
	display: inline;

}


#fotos {
	width:250px;
	height:130px;
}

#fotos a img {
	display:block;
	border-color: #9BAEC3;
	border-width: 1px;

}

#fotos a {
	float:left;
	margin: 2px;
}

.pics {
	height: 191px;
	width: 241px;
	padding:0;
	overflow: hidden;
	position: absolute;
	right: 25px;
	top: 24px;

}

.pics img {
	width: 241px;
	top:0;
	left:0
}

#nav {
	width: 135px;
	height: 88px;
	position: absolute;
	top: 120px;
	left: 16px;
}

#nav a {
	display: block;
	margin: 0 5px 5px 0;
	width: 37px;
	height: 37px;
	float: left;
	outline: 0;
	border: 1px solid #fff;
}

#nav a:hover { border-color: #FF0066; 

}



form {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	width: 320px;
	height: 190px;
	border-bottom: 1px solid #f1f1f1;

}



form fieldset {
	padding: 0px 0px 10px 10px;
	margin-top: 0px;
	margin-bottom: 10px;
	border: none;

}



form fieldset legend {
	font-weight: bold;
	color: #999999;
	margin: 0px 0px 0px 0px;
	padding: 2px 5px 2px 0px;
	text-transform: uppercase;
	font-size: 0.9em;
	background-color: #fff;
	border: 1px solid #f1f1f1;
	float: right;

}



input, select, textarea {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 1.1em;
	color: #666666;

}



input:hover, select:hover, textarea:hover, input:focus, select:focus, textarea:focus {
	background-color:#F5F5F5;
	border: 1px solid #BEC78D;
	border-color: #426690;



}



form div {
	clear: left;
	display: inline;
	width: 310px;
	height: 20px;
	margin: 10px 0 0 0;
	padding: 1px 3px;

}



form div label {
	display: block;
	float: left;
	width: 120px;
	padding: 6px 4px 0px 0px;
	margin: 0 0 5px 0;
	text-align: left;
	font-size: 1.1em;
	color: #333333;
	font-weight: bold;

}



form div input, form div select, form div textarea {
	width: 310px;
	padding: 5px 6px 6px 0px;
	margin: 0px;
	border: 1px solid #ccc;
	float: left;
	clear: left;

}



form div input.inputSubmit, input.inputSubmit {
	background-color: #426690;
	color: #fff;
	width: 87px;
	padding: 2px 3px;
	margin: 0px 0px 0px 12px;
	border: 1px solid #ccc;
	font-weight: bold;
	float: left;
	clear: none;

}



input.inputSubmit:hover {
	background-color:#fff;
	border:1px solid #ccc;
	color:#426690;
	text-decoration:underline;

}

.highslide-html {
    background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding: 2px;
	border: 1px solid black;
	background-color: white;
	padding-left: 22px;
	background-image: url(js/graphics/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}


/* Styles for the popup */
.highslide-wrapper {
	background-color: white;
}
.highslide-wrapper .highslide-html-content {
    width: 400px;
    padding: 5px;
}
.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(js/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}

/* These must be the last of the Highslide rules */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

#enlaces p{
	text-align:left;
	margin: 0 0 0 0;
}

#pics {
	position:absolute;
	left: 0px;
	top: 250px;
}

#pics img{
	padding: 0 13px 0 0;

}