@charset "utf-8";
/* CSS Document */
@import url("../images/tripadvisor/flaticon.css");
body{
	color:#EEE !important;
	background: #687379;
}
a{
	color:#ff6600;
	transition:all ease-in-out .2s;
	-moz-transition:all ease-in-out .2s;
	-ms-transition:all ease-in-out .2s;
	-o-transition:all ease-in-out .2s;
	-webkit-transition:all ease-in-out .2s;
	}
a:hover, a:focus{ 
	text-decoration: none !important;
	transition:all ease-in-out .2s;
	-moz-transition:all ease-in-out .2s;
	-ms-transition:all ease-in-out .2s;
	-o-transition:all ease-in-out .2s;
	-webkit-transition:all ease-in-out .2s;
	}

.page-body{
	background-color:white;
	padding:12px;
	margin-top:25px;
	margin-bottom:60px;
	box-shadow:0 0 12px rgba(0,0,0,.4);
	-moz-box-shadow:0 0 12px rgba(0,0,0,.4);
	-webkit-box-shadow:0 0 12px rgba(0,0,0,.4);
	}
hr.divider{
	margin-top:0 !important;
	margin-bottom:0 !important;
}

@media (max-width: 992px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}

.navbar-top{display:block; position:relative; clear:both; text-align:right;}
.navbar{margin-bottom:0px !important;}
.navbar-default{
	border-color: transparent !important;
	background-color:#DDD;
	color:#666;
	}
.navbar-nav{margin:0px -15px !important}
.navbar-default .navbar-nav>li>a{color:#666}
.navbar-top{
background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */	

	border-bottom:solid 1px #CCC;
	padding:7px 15px;
	}
.navbar-top>ul,
.navbar-top>li{
	margin-bottom:0 !important;
}
.navbar-top span{display:inline-block;}
.navbar-top i{display:none;}

@media (max-width:992px){
	.navbar-top span,
	.navbar-top a.active,
	.navbar-top .titulo-destacado img{display:none !important;}
	.navbar-top i{display:inline-block !important;}
	.navbar-top{padding:7px !important;}
	.navbar-top .clima .clima_temp{display:none !important}
	.navbar-top .clima{margin-right:-30px;}
}

.nav>li>a{position:relative;display:block;padding:20px 25px; text-transform:uppercase; border-left:solid 1px #CCC; font-size:13px}
@media (max-width:992px){
	.nav>li>a{padding:15px 18px;}
}
@media (max-width:768px){
	.nav>li>a{border-left: none !important;}
}
.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#CCC}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{background-color:#CCC !important}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#CCC}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
  background-color: #e6e6e6;
  border-color: #CCC;
}

.navbar-brand{float:left;padding:50px 15px 14.5px;font-size:19px;line-height:21px;height:175px; width:215px; background: url(../images/logo-top.png) no-repeat center 70px #fafafa; position:absolute; z-index:9999; margin-top:-50px}
.navbar-brand:hover, .navbar-brand:focus{ background-color:#FFF !important}
.navbar-brand:before{
	content:"";
	position:absolute;
	left:0;
	right:0;
	top:100%;
	height:30px;
	background:url(../images/box-brand.png) no-repeat center top;
	background-size:110% auto;
}
@media (max-width:992px){
	.navbar-brand{
		height:170px;
	}
}
@media (min-width:768px){
	.navbar-brand{
		left:20px;
		top:-1px !important;
	}
}
@media (max-width:768px){
	.navbar-brand:before{
		background: none !important;
	}
	.navbar-brand{float:left;padding:14.5px 15px;height:62px; width:170px; background: url(../images/logo-collapse.png) no-repeat center center #fafafa; position:relative !important; z-index:9999; background-size:100px auto; margin-top:0;}

}
.navbar-top>.list-inline>li{
	padding-left:20px;
	padding-right:20px;
	border-left:solid 1px #CCC;
	}
.navbar-top>.list-inline>li:first-child{
	border-left:none;
	}
.dropdown-menu>li>a{display:block;padding:8px 20px;clear:both;font-weight:normal;line-height:1.42857143;color:#333333;white-space:nowrap}
.clima{display: inline-block; vertical-align:middle; overflow:hidden;}
.clima img{ width:50px; display:inline-block !important; vertical-align:middle;}
.clima .clima_temp{ font-weight:700; display:inline-block; vertical-align: middle; margin-left:-10px;}
.navbar-top a{
	display:inline-block;
	padding:3px 5px;
	margin-right:2px;
	}
.navbar-top a:hover,
.navbar-top a:focus,
.navbar-top a.active{
	background-color:#CCC;
}
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{text-decoration:none;color:#ffffff;background-color:#CCC}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#ffffff;text-decoration:none;outline:0;background-color:#CCC}

.info-sitio{
	background-color:#fafafa;
	color:#666;
	}
.info-sitio h2{
	margin-bottom:35px;
}
.titulo-destacado{
	color:#ff6600 !important;
	font-weight:700 !important;
	position:relative;
	}
.titulo-destacado img{
	position:relative;
	margin-top:-22px;
	margin-bottom:-18px;
	margin-right:-20px
	}

/* Columns equal height */
@media (min-width:768px){
	.equal-heigth{display:table; width:100% !important;}
	.equal-heigth>.row{display:table-row}
	.equal-heigth>.row>[class*="col-"]{display:table-cell; float:none !important; padding:25px !important; position:relative;}
}


.btn{white-space: normal !important;}
.btn-group{
background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */	
	}
.btn-group>.btn{
	padding:30px 18px;
	color:#666 !important;
	text-transform:uppercase;
	border-width: 0 1px 0 0;
    border-style: solid;
    -webkit-border-image: 
      -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, .2)), to(rgba(0, 0, 0, 0))) 1 100%;
    -webkit-border-image: 
      -webkit-linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)) 1 100%;
    -moz-border-image:
      -moz-linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)) 1 100%;    
    -o-border-image:
      -o-linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)) 1 100%;
    border-image:
      linear-gradient(to bottom, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)) 1 100%;
	  }
.btn-group .btn:hover, .btn-group .btn:focus{
	background:#cccccc !important;
	}
.btn-group>.btn:last-child{
	border-width: 0 0 0 0 !important;
}
.btn-link{
	color:#666 !important;
	}
.btn-link .fa-stack{
	color:#F60 !important;
	}
.btn-group>.btn>i{color:#ff6600}
@media (max-width:768px){
	.btn-access span{ display:none;}
}

.galeria a{
	display:inline-block;
	width:50% !important;
	margin-right: -4px;
	position:relative;
	}
.galeria a:after,
.galeria a:before{
	transition:all ease-in-out .2s;
	-moz-transition:all ease-in-out .2s;
	-ms-transition:all ease-in-out .2s;
	-o-transition:all ease-in-out .2s;
	-webkit-transition:all ease-in-out .2s;
	}
.galeria a:after{
	content:"\f030";
	font-family:'FontAwesome';
	color:#FFF !important;
	font-size:0px;
	position:absolute;
	width:0px;
	height:0px;
	top:50%;
	left:50%;
	margin-top:0px;
	margin-left:0px;
	}
.galeria a:before{
	content:"";
	position:absolute;
	top:50%;
	right:50%;
	bottom:50%;
	left:50%;
	background-color:rgba(0,0,0,.8);
	margin:5px;
	}
.galeria a:hover:after{
	font-size:25px;
	width:25px;
	height:25px;
	margin-top:-15px;
	margin-left:-15px;
	}
.galeria a:hover:before{
	top:0;
	right:0;
	bottom:0;
	left:0;
	}
.galeria a img{
	display:block;
	margin:5px !important;
	width: calc(100% - 10px) !important;
	width: -moz-calc(100% - 10px) !important;
	width: -ms-calc(100% - 10px) !important;
	width: -o-calc(100% - 10px) !important;
	width: -webkit-calc(100% - 10px) !important;
	}
.galeria-section [class*='col-']{
	margin-top:20px;
}
.galeria-section a{
	position:relative !important;
	display:block;
	}
.galeria-section a:after,
.galeria-section a:before{
	transition:all ease-in-out .2s;
	-moz-transition:all ease-in-out .2s;
	-ms-transition:all ease-in-out .2s;
	-o-transition:all ease-in-out .2s;
	-webkit-transition:all ease-in-out .2s;
	}
.galeria-section a:after{
	content:"\f030";
	font-family:'FontAwesome';
	color:#FFF !important;
	font-size:0px;
	position:absolute;
	width:0px;
	height:0px;
	top:50%;
	left:50%;
	margin-top:0px;
	margin-left:0px;
	}
.galeria-section a:before{
	content:"";
	position:absolute;
	width:calc(100% - 30px);
	height:100%;
	opacity:0;
	background-color:rgba(0,0,0,.8);
	}
.galeria-section a:hover:after{
	font-size:25px;
	width:25px;
	height:25px;
	margin-top:-15px;
	margin-left:-15px;
	}
.galeria-section a:hover:before{
	opacity:1;
	}
#nosotros{
	vertical-align:bottom;
	color:#FFF !important;
	text-shadow:0 0 2px rgba(0,0,0,.7);
	-moz-text-shadow:0 0 2px rgba(0,0,0,.7);
	-webkit-text-shadow:0 0 2px rgba(0,0,0,.7);
	}
#nosotros p,
#nosotros h2{
	position:relative;
	z-index:30
	}
#nosotros:after{
	content:"";
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+40,0.65+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(40%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.65) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.65) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
#nosotros:before{
	content:"";
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background: url(../galerias/bg-nosotros.jpg) no-repeat center top;
	background-size:cover;
}
@media (max-width:768px){
	.equal-heigth>.row{margin-left:0 !important; margin-right:0 !important;}
	#nosotros{ padding-top:40px; padding-bottom:40px;}
	#contacto{ border-left-color: rgba(0,0,0,0) !important; padding-bottom:20px;}
}
#contacto{
	background: url(../images/dark-dotted-2.png) rgba(0,0,0,.05);
	border-left:solid 1px rgba(0,0,0,.07);
	}
@media (max-width:768px){
	.equal-heigth>.row{margin-left:0 !important; margin-right:0 !important;}
	#nosotros{ padding-top:40px; padding-bottom:40px;}
	#contacto{ border-left-color: rgba(0,0,0,0) !important; padding-bottom:20px;}
}
/*
	Formularios
*/
#contacto h2{
	margin-bottom:10px !important;
}
#contacto .option-form{
	margin-bottom:15px;
	display:block;
	}
.booking-form{display:none;}
::-webkit-input-placeholder { font-style:italic; color:#EEE ; }
::-moz-placeholder { font-style:italic; color:#EEE ; } /* firefox 19+ */
:-ms-input-placeholder { font-style:italic; color:#EEE ; } /* ie */
input:-moz-placeholder { font-style:italic; color:#EEE ; }
.focusedInput {
    border-color: rgba(255,51,0,.8);
    outline: 0;
    outline: thin dotted \9;
	background-color: rgba(255,235,204,1);
    -moz-box-shadow: 0 0 8px rgba(255,51,0,.6);
    box-shadow: 0 0 8px rgba(255,51,0,.6) !important;
}
.focusedInput::-webkit-input-placeholder { font-style:italic; color:red ; }
.focusedInput::-moz-placeholder { font-style:italic; color:red ; } /* firefox 19+ */
.focusedInput:-ms-input-placeholder { font-style:italic; color:red ; } /* ie */
.focusedInput:-moz-placeholder { font-style:italic; color:red ; }
.alerta-saludo{
	color:#F30 !important;
	margin-top:75px;
	}



.equal-heigth>.row>.banner{
	padding:15px !important;
	vertical-align:top;
	}
.box-extras{
	border-top:solid 1px rgba(0,0,0,.1)
	}
.banner h2, .banner .caja{
	background-color:#006666;
	display:inline-block;
	padding:10px 25px;
	margin-left:-25px;
	color:#FFF;
	}
.banner .caja{margin:35px 0 35px -25px;}
.banner h2 small{
	color:#FFF;
	font-weight:700;
	}
.bnn-tripadvisor{
	background:url(../images/banner-hotel.jpg) center -20px no-repeat;
	background-size:100% auto;
	}
@media (max-width:1200px){
	.bnn-tripadvisor{
		background-position:center top; 
		background-size:100% auto;
	}
}
@media (max-width:992px){
	.bnn-tripadvisor{
		background:url(../images/banner-hotel.jpg) center top no-repeat;
		background-size:auto 249px;
	}
}
.bnn-tripadvisor .header-banner{
	background-color:#56983e;
	bottom:0;
	left:0;
	display:block;
	padding:10px 15px;
	margin:-15px;
	color:#FFF !important
	}
@media (min-width:768px){
	.bnn-tripadvisor .header-banner{
		position:absolute;
		bottom:0;
		left:0;
		margin:0 !important;
		}
}
.bnn-tripadvisor .header-banner .caja-comentarios{
	margin-left:15px;
	}
@media (max-width:768px){
	.bnn-tripadvisor{
		background-size:100% auto;
		}
}
.bnn-booking{
	background:#1a2747;
	color:#FFF !important;
	font-size:13px;
	}
.bnn-booking strong{
	color:#129edb !important
	}
.ribbon{
	position:relative !important;
	float:left;
	padding:60px 10px 10px;
	background-color:#ff7518;
	margin-right:15px;
	margin-left:-15px;
	margin-top:-15px;
	margin-bottom:20px;
	}
.ribbon:after,.ribbon:before {
     width: 0;
     height: 0;
     border:11px solid #ff7518;
	 content:"";
	 position:absolute;
	 top:100%;
}
.ribbon:after {
	 border-bottom-color:transparent;
	 border-left-color:transparent;
	 right:0;
}
.ribbon:before {
	 border-bottom-color:transparent;
	 border-right-color:transparent;
	 left:0;
}
.logo-tripadvisor{
	display:block;
	}

.footer{
	background-color:#222;
	margin-bottom:0 !important;
	font-size:12px;
	padding:0 15px;
	}
.footer [class*="col-"]{
	padding-top:20px;
	padding-bottom:20px;
}
@media (min-width:768px){
	.footer [class*="col-"]{
		border-width: 0 1px 0 0;
		border-style: solid;
		-webkit-border-image: 
		  -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, .2)), to(rgba(0, 0, 0, 0))) 1 100%;
		-webkit-border-image: 
		  -webkit-linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)) 1 100%;
		-moz-border-image:
		  -moz-linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)) 1 100%;    
		-o-border-image:
		  -o-linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)) 1 100%;
		border-image:
		  linear-gradient(to bottom, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)) 1 100%;
		}
}
/*

	Sección: SERVICIOS

*/
.lista-servicios li{
	position:relative;
	background-color:white;
	display:block;
	padding:15px 7px;
	margin-bottom:7px;
	float:left;
	width:100%;
	padding-top:20px;
	padding-bottom:10px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	box-shadow:0 3px 0 rgba(0,0,0,.05);
	-moz-box-shadow:0 3px 0 rgba(0,0,0,.05);
	-webkit-box-shadow:0 3px 0 rgba(0,0,0,.05);
	font-size:12px;
	font-weight:700;
	text-transform:uppercase;
}
.lista-servicios li .fa-stack{
	float:left;
	margin:-10px 0 0;
	margin-right:10px;
	color:#AAA !important;
}
/*

	Sección: UBICACION

*/
#mapa{
	position:relative;
	width:100%;
	height:370px;
	}
hr{margin-top:15px;margin-bottom:15px;}

@media (max-width:768px){
	#mapa{
		height:330px;
		}
}
.info-sitio .equal-heigth .equal-heigth,
.info-sitio .equal-heigth .equal-heigth .row{
	margin-left:-25px;
	margin-right:-25px;
	}
.info-sitio .equal-heigth .equal-heigth ul li{
	margin-bottom:15px !important;
	}

/*

	Sección: TOUR 3D

*/
iframe {
    position: relative;
	max-width:100% !important;
    width: 100%;
    height:700px;
}
@media (max-width:768px){
	iframe{
		height:400px;
		}
}

/*

	Sección: CLIMA

*/
.clima-lg{display: block !important; position:relative; width:100%;}
.clima-lg img{ width:300px; margin-top:-50px; margin-bottom:-100px; margin-right:-50px; position:relative; z-index:999;}
.clima-lg .panel-heading{ font-weight:700; font-size:20px !important;}
@media (max-width:768px){
	.clima-lg img{ width:160px; margin-top:-10px; margin-bottom:-50px; margin-right:-20px; position:relative; z-index:999;}
}
.whatsapp img{
		margin:0px;
		}