/* FIXED FOOTER*/
html, body {
	height: 100%;
}
#container {
	min-height: 100%;
}
* html #container {
	height: 100%;
}
#footer {
	height: 60px;
	padding-top: 35px;
	margin-top: -95px;
}
#clearfooter {
	height: 95px;
}
/* END FIXED FOOTER */

body {
	background:#EFDFCA url(../imgs/bg.jpg) repeat-y center;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:14px;
	color:#666666;
	}
h1, h2, h3, h4{
	margin-bottom:20px;
	font-weight:normal;
	color:#8B5C29;
	clear:both;
	}
h1 {
	font-size:27px;
	margin-top:20px;
	}
h2 {
	font-size:20px;
	}
h3 {
	font-size:17px;
	}
h4 {
	font-size:14px;
	font-weight:bold;
	}
p {
	margin-bottom:20px;
	line-height:20px;
	}
small {
	font-size:12px;
	}
p.center {
	text-align:center;
	}
label {
	line-height:16px;
	}
a{
	color:#666666;
	text-decoration:underline;
	}
a:hover {
	color:#333;
	}
.wrap {
	display:block;
	width:940px;
	margin:0 auto;
	}
	
/* TOP */
#top {
	background:#6B5C42;
	/*height:110px;*/
	height:541px;
	overflow:hidden;
	position:relative;
	}
.page-index #top {
	height:541px;
	}
#header{
	display:block;
	position:absolute;
	top:18px;
	left:0;
	z-index:5;
	width:100%;
	height:69px;
	background:url(../imgs/mainnav_bg.png) repeat-x center;
	}
#header .monte-gaviota-logo{
	width:268px;
	height:57px;
	float:left;
	display:inline-block;
	margin:5px 0 0;
	}

#mainnav{
	display:inline-block;
	float:left;
	margin-left:35px;
	}
#mainnav li{
	display:inline-block;
	float:left;
	}
#mainnav li a{
	color:#523600;
	font-size:14px;
	text-decoration:none;
	display:block;
	height:69px;
	line-height:69px;
	padding:0 8px;
	}
#mainnav li a:hover{
	background:url(../imgs/mainnav_selected_bg.png) repeat-x;
	}
.page-el-complejo #mainnav li .item-el-complejo,
.page-ubicacion #mainnav li .item-ubicacion,
.page-servicios #mainnav li .item-servicios,
.page-tarifas-reservas #mainnav li .item-tarifas-reservas,
.page-contacto #mainnav li .item-contacto {
	background:url(../imgs/mainnav_selected_bg.png) repeat-x;
	}


/* END TOP */

/* SIDEBAR */

#sidebar{
	display:inline-block;
	float:right;
	width:275px;
	margin-left:80px;
	text-align:center;
	}
#sidebar .block {
	padding:20px 30px;
	/*background:url(../imgs/sidebar_block_bg.png) repeat transparent;*/
	background:#F1E8DF;
	margin-bottom:10px;
	}
#sidebar h3 {
	color:#666666;
	font-size:14px;
	text-align:center;
	padding-bottom:10px;
	border-bottom:1px solid #B2B2B2;
	}
.page-tarifas-reservas .hace-tu-reserva-link{
	display:none;
	}
.page-tour-vista .tour-vista-link{
	display:none;
	}
.page-sitios-interes .sitios-interes-block{
	display:none;
	}

/* END SIDEBAR */

/* CONTENTS */
#main-section ul{
	display:block;
	margin-bottom:20px;
	}
#main-section ul li{
	display:block;
	padding-left:10px;
	background:url(../imgs/li.png) no-repeat 0 9px;
	line-height:18px;
	margin:5px 0;
	}
#main-section{
	padding:35px 0 40px;
	}
.page-el-complejo #main-section.with-tabs {
	padding-top:130px;
	}
.orange{
	color:#FF7F02;
	}
.framed{
	padding:5px;
	border:1px solid #D7D4CF;
	}
.brown-arrow{
	display:inline-block;
	zoom: 1;
	*display: inline;
	background:url(../imgs/brown_arrow.png) no-repeat 100% 0;
	height:27px;
	line-height:27px;
	color:#8B4D34;
	font-weight:bold;
	text-decoration:none;
	padding-right:35px;
	font-size:13px;
	text-align:left;
	}
.brown-arrow:hover{
	color:#E07500;
	}
.orange-arrow-link{
	text-align:left;
	display:inline-block;
	width:194px;
	height:45px;
	background:url(../imgs/orange_arrow_link.png) no-repeat;
	color:#FF7F00;
	font-weight:bold;
	font-size:15px;
	line-height:45px;
	text-decoration:none;
	padding-left:20px;
	letter-spacing:-1px;
	}
.orange-arrow-link:hover {
	color:#8B4D34;
	}
img.left{
	margin:10px 20px 10px 0;
	}
#contents{
	width:550px;
	float:left;
	}
.page-index #contents{
	width:100%;
	float:none;
	}

.relax, .comodidad, .reserva{
	font-size:12px;
	}
.relax h2, .comodidad h2, .reserva h2{
	margin-bottom:3px;
	height:35px;
	}
.relax h4, .comodidad h4, .reserva h4{
	color:#3F3F3F;
	margin-bottom:10px;
	font-size:13px;
	letter-spacing:-1px;
	}
.relax p, .comodidad p, .reserva p{
	width:155px;
	}
.relax{
	display:inline-block;
	float:left;
	width:250px;
	background:url(../imgs/hojas.jpg) no-repeat 100% 15px;
	}
.comodidad{
	width:325px;
	float:left;
	display:inline-block;
	margin-left:70px;
	background:url(../imgs/bandeja.jpg) no-repeat 100% 40px;
	}
.reserva{
	width:210px;
	display:inline-block;
	float:right;
	}
.reserva .orange-arrow-link {
	margin:10px 0 0 -20px;
	}
	
/* UBICACION */
.ampliar-mapa{
	display:inline-block;
	float:right;
	margin:10px 0;
	border:none!important;
	}
.ampliar-mapa img{
	border:none!important;
	}
ul.gmaps{
	display:block;
	width:1000px;
	}
ul.gmaps li{
	display:inline-block;
	float:left;
	margin-right:50px!important;
	width:195px;
	padding:0!important;
	background:none!important;
	}
.gmaps li p{
	margin-bottom:10px;
	}
.gmaps li img{
	border:2px solid #BBBBBB;
	}
.gmaps li a{}
/* END UBICACION */

/*TARIFAS*/
.tabla-tarifas{
	margin-bottom:25px;
	font-size:15px;
	}
.tabla-tarifas th{
	text-align:left;
	background:#8B5C29;
	padding-top:6px;
	padding-left:5px;
	padding-right:5px;
	color:#FFF;
	font-size:14px;
	font-weight:normal;
	padding:4px 20px;
	vertical-align:middle;
	}
.tabla-tarifas tr{
	height:35px;
	}
.tabla-tarifas tfoot td{
	background:#4C4C4C;
	}
.tabla-tarifas td{
	padding:4px 20px;
	vertical-align:middle;
	}
.tabla-tarifas .odd{

	}
.tabla-tarifas .even, .tabla-tarifas .even td{
	background:#EEE4DC!important;
	}
	
.tabla-tarifas .col2, .tabla-tarifas .col3 {
	text-align:center;
	}
	
form .field{
	display:block;
	margin:15px 0;
	}
form .field label{
	display:block;
	margin-bottom:5px;
	}
form .field .textfield, form .field .textarea{
	display:block;
	width:500px;
	padding:3px;
	line-height:18px;
	border:1px solid #8C8B8B;
	background:#FFF;
	}
form .field .textarea{
	height:77px;
	}
form .enviar{
	display:block;
	border:none;
	width:151px;
	height:53px;
	background:url(../imgs/enviar_send.png);
	margin-left:-7px;
	cursor:pointer;
	}

/* END TARIFAS */

/* 360 */
.gallery-360{
	display:block;
	width:650px;
	}
.gallery-360 li{
	display:inline-block;
	float:left;
	margin:30px 30px 30px 0!important;
	background:none!important;
	padding:0!important;
	width:183px;
	}
.gallery-360 li p{
	margin-bottom:5px;
	font-size:12px;
	padding-left:5px;
	height:30px;
	line-height:15px;
	}
.gallery-360 li a{
	display:block;
	position:relative;
	}
.gallery-360 li img{
	border:4px solid #EEE4DC;
	}
.gallery-360 li a .mas{
	position:absolute;
	top:25%;
	left:30%;
	z-index:99;
	border:none;
	display:none;
	}
.gallery-360 li a:hover .mas{
	display:block;
	}
/* END 360 */

/* LINK DE INTERES */
.page-sitios-interes #contents h4{
	color:#FF7F00;
	margin-bottom:10px;
	margin-top:40px;
	}
.page-sitios-interes #contents a{
	color:#8C4521;
	text-decoration:underline;
	}
.page-sitios-interes{}
/* EN LINKS DE INTERES */

/* END CONTENTS */

/* FOOTER */
#footer{
	background:url(../imgs/footer_bg.png);
	height:60px;
	padding-top:35px;
	font-size:12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
#footer p {
	line-height:18px;
	}
.subscribe-newsletter{
	display:inline-block;
	width:410px;
	float:left;
	margin-right:15px;
	position:relative;
	}
.subscribe-newsletter label{
	display:inline-block;
	width:100px;
	float:left;
	margin-right:10px;
	color:#666666;
	font-weight:bold;
	
	}
.subscribe-newsletter .input{
	display:inline-block;
	float:left;
	background:url(../imgs/footer_input_left.png) no-repeat left;
	padding-left:3px;
	}
.subscribe-newsletter .input input{
	color:#B2B2B2;
	font-style:italic;
	border:none;
	background:url(../imgs/footer_input_right.png) no-repeat right;
	height:30px;
	line-height:30px;
	padding:0 8px 0 5px;
	width:160px;
	}
.subscribe-newsletter .grey-button{
	display:inline-block;
	zoom: 1;
	*display: inline;
	float:right;
	background:url(../imgs/grey_button_left.png) no-repeat left;
	padding-left:3px;
	}
.subscribe-newsletter .grey-button input{
	display:block;
	line-height:30px;
	height:30px;
	padding:0 10px 2px 7px;
	color:#666666;
	
	background:url(../imgs/grey_button_right.png) no-repeat right;
	border:none;
	font-weight:bold;
	font-size:11px;
	cursor:pointer;
	width:110px;
	}
#subscribe-form-feedback{
	position:absolute;
	top:0;
	left:0;
	margin-top:-20px;
	text-align:center;
	width:100%;
	}
#form_subscribirse label.error {
	display:block;
	width:100%;
	text-align:center;
	
	position:absolute;
	bottom:0;
	right:0;
	margin-bottom:-15px;
	font-weight:normal!important;
	font-size:10px;
	}
label.error {
	color:#900;
	}
.contactanos-skype{
	width:114px;
	display:inline-block;
	float:left;
	font-weight:bold;
	letter-spacing:-1px;
	font-size:10px;
	text-align:center;
	margin-top:-5px;
	margin-right:35px;
	}
.contactanos-skype span {
	display:block;
	margin-bottom:5px;
	}
.copyright{
	display:inline-block;
	float:left;
	width:200px;
	margin-left:0px;
	margin-top:-3px;
	}
.tem{
	width:165px;
	height:32px;
	display:inline-block;
	float:right;
	/*margin-top:5px;*/
	}
.social-media{
	display:inline-block;
	float:left;
	margin:0 20px;
	}
/* END FOOTER */

/* SLIDESHOW */
#slideshow-nav{
	display:block;
	float:right;
	width:84px;
	height:42px;
	margin:13px 0 0;
	}
.page-index #slideshow-nav {
	display:nonw;
	}
#slideshow-nav a{
	display:inline-block;
	float:left;
	}

#open-slideshow-nav{
	width:78px;
	height:32px;
	display:none;
	float:right;
	margin:20px 0 0 0;
	}
.page-index #open-slideshow-nav {
	display:none;
	}

.page-index .close-slideshow {
	display:none;
	}

.close-slideshow {
	display:block;
	width:52px;
	height:50px;
	position:absolute;
	z-index:99;
	bottom:20px;
	right:50%;
	margin-right:-475px;
	}

#slideshow {
	position:absolute;
	top:0;
	left:0;		
	height:541px;
	width:100%;
	
}

#slideshow div{
	display:block;
	height:541px;
	background-position:center;
	background-repeat:no-repeat;
	width:100%;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
	}

#slideshow div a {
	display:block;
	width:940px;
	height:541px;
	margin:0 auto;
	}

.slidetabs {
	height:74px;
	position:absolute;
	bottom:-85px;
	left:50%;
	margin-left:-470px;
	z-index:100;
	width:940px;
	display:none;
}
.slidetabs .thumbs-wrap{
	width:870px;
	height:74px;
	margin-left:40px;
	overflow:hidden;
	position:relative;
	}
.slidetabs .thumbs {
	width:20000em;
	position:absolute;
	}
.slidetabs .thumbs div {
	display:block;
	float:left;
	width:870px;
	}
.page-el-complejo .slidetabs{
	display:block;
	}
.slidetabs .prev , .slidetabs .next{
	display:block;
	position:absolute;
	top:25%;
	background-image:url(../imgs/slideshow_btns.png);
	width:42px;
	height:42px;
	cursor:pointer;
	}
.slidetabs .prev {
	background-position:  0 0;
	left:-10px;
	}
.slidetabs .next {
	background-position: -51px -46px;
	right:-10px;
	}
.close-slideshow {
	display:block;
	}

.slidetabs .thumbs a {
	display:inline-block;
	zoom: 1;
	*display: inline;
	margin-right:1px;
	width:103px;
	height:74px;
	background-repeat:no-repeat;
	background-position:0 0;
}
.slidetabs .thumbs a img {
	display:none;
	}
.slidetabs .thumbs a:hover img, .slidetabs .thumbs a.current img{
	display:block;	
}
.forward, .backward {
	float:left;
	background-image:url(../imgs/slideshow_btns.png);
	display:block;
	width:42px;
	height:42px;
	cursor:pointer;
}

.forward:hover 				{ background-position: -51px 0px;}
.forward 		    { background-position: -51px -46px;}
.forward:active 	 	{ background-position: -51px -46px;} 

.backward:hover 		  		{ background-position:  0px -46px; }
.backward 		{ background-position:  0 0; }
.backward:active  	    { background-position:  0 0; }

.disabled {
	visibility:hidden !important;		
}

.page-tarifas-reservas .backward, .page-tarifas-reservas .forward, .page-contacto .backward, .page-contacto .forward {
	display:none!important;
	}
/* END SLIDESHOW */

/* OVERLAY */

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:920px;	
	min-height:410px;
	border:5px solid #999;
	
	/* CSS3 styling for latest browsers */
	/*-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;*/	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../imgs/close_slideshow.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:50px;
	width:52px;
	z-index:9999;
}

/* END OVERLAY */
