/*
Theme Name: Brushed 
Theme URI: http://www.themes.alessioatzeni.com/html/brushed/
Author: Alessio Atzeni
Author URI: http://www.alessioatzeni.com
Description: Personal Website and Portfolio of Alessio Atzeni
Version: 1.0
*/


/* ==================================================
   Basic Styles
================================================== */

html, body {
	height: 100%;
	overflow-x: hidden; 
}

html, hmtl a{
	width:100%;
	font-size: 100%; 
	-webkit-text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%;
}

body{
	background-color:#FFFFFF;
	color:#000000;
	font-weight:300;
	font-size:16px;
	font-family: 'Roboto', sans-serif;
	line-height:28px;
	overflow-x:hidden;
}

a{
	color:#2d4956;
	text-decoration: none;
	cursor: pointer;
	
	-webkit-transition: color 0.1s linear 0s;	
	   -moz-transition: color 0.1s linear 0s;
		 -o-transition: color 0.1s linear 0s;
		    transition: color 0.1s linear 0s;
}

a:hover,
a:active,
a:focus{
	outline: 0;
	color:#666666;
	text-decoration:none;
}

a img {
	border: none;
}

a > img {
	vertical-align: bottom;	
}

img {
	max-width: none;	
}

strong {
  	font-weight: 500;
}

p {
	margin: 0 0 30px;
}

p strong {
	font-weight: bold;
}

hr {
	border-style: dashed;
	border-color: #3C3F45;
	border-bottom: none;
	border-left: none;
	border-right: none;
	margin: 50px 0;	
}

.align_left{
	float:left;
	margin:0 25px 0 0px!important;
}

.align_right{
	float:right;
	margin:0 0 0 25px!important;
}

.text_align_left {
	text-align: left;
}

.text_align_center {
	text-align: center;
}

.text_align_right {
	text-align: right;	
}

.color-text {
    color: #2d4956;
}

.through{
	text-decoration:line-through;
}

input, button, select, textarea {
	font-weight: 300;
	font-family: 'Roboto', sans-serif;
	outline: 0;
}

input:focus, 
textarea:focus,
input[type="text"]:focus {
	outline: 0;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #7F8289;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #7F8289;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #7F8289;
}

/* ==================================================
   Code and Pre
================================================== */

code,
pre {
  	padding: 0 3px 2px;
  	-webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
  	font-size: 12px;
  	font-family: 'Roboto', sans-serif;
}

code {
  	padding: 2px 4px;
  	border: 1px solid #dde4e9;
  	background-color: #FFFFFF;
  	white-space: nowrap;
}

pre {
  	display: block;
  	margin: 70px 50px;
  	padding: 30px;
  	border: 1px solid #dde4e9;
  	-webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
  	background-color: #FFFFFF;
  	white-space: pre;
  	white-space: pre-wrap;
  	word-wrap: break-word;
  	word-break: break-all;
  	font-size: 12px;
  	line-height: 20px;
}

pre code {
  	padding: 0;
  	border: 0;
  	background-color: transparent;
  	color: inherit;
  	white-space: pre;
  	white-space: pre-wrap;
}

.pre-scrollable {
  	overflow-y: scroll;
  	max-height: 340px;
}

/* ==================================================
   Typography
================================================== */

h1,
h2,
h3,
h4,
h5,
h6{
	margin:0 0 20px 0;
	color:#000000;
	font-weight:300;
	font-family: 'Roboto', sans-serif;
	line-height:1.5em;
}

h1{
	font-size:48px;
}

h2{
	font-size:36px;
}

h3{
	font-size:24px;
}

h4{
	font-size:20px;
}

h5{
	font-size:18px;
}

h6{
	font-size:16px;
}

h3.spec {
	color: #FFFFFF;
    font-size: 24px;
    font-weight: 300;
    line-height: 1em;
    margin-bottom: 30px;
    text-transform: uppercase;
}


/* ==================================================
   Margin Bottom Sets
================================================== */

.margin-0{
	margin-bottom:0 !important;
}

.margin-10{
	margin-bottom:10px !important;
}

.margin-15{
	margin-bottom:15px !important;
}

.margin-20{
	margin-bottom:20px !important;
}

.margin-30{
	margin-bottom:30px !important;
}

.margin-40{
	margin-bottom:40px !important;
}

.margin-50{
	margin-bottom:50px !important;
}

.margin-60{
	margin-bottom:60px !important;
}

.margin-70{
	margin-bottom:70px !important;
}

.margin-80{
	margin-bottom:80px !important;
}

/* ==================================================
   Home Slider
================================================== */

#home-slider {
	position: relative;
	width:100%;
	height: 390px;
	background-image:url(../img/slider-images/head.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}
#home-slider .k-logo {margin:0 auto; width:100%; text-align: center;}
#home-slider .k-logo img {margin-top:120px;}
#home-slider .awards {width:90px; text-align:center; margin:26px 0 0 38px; position:absolute;}
#home-slider .awards img {margin:0 0 30px 0;}
#home-slider .bot_reserva {position: absolute;top: 130px;right: 30px;}
#home-slider .bot_reserva img {margin:0;}
#boton_video {margin-top:20px;}
#home-slider .idioma {right:0px; top:0px; position:absolute; padding:20px;}
#home-slider .idioma img {margin-right:10px; display:inline-block;}

#home-slider .b_reserva {position:absolute;right:5%;top:62%;}
#home-slider .b_reserva img {width:90%;}

/* ==================================================
   Header
================================================== */

header {
	width: 100%;
	z-index: 9999;
	position: sticky;
	top: 0;
}

header .sticky-nav {
	position: relative;
	width: 100%;
	height: 46px;
	background-image:url(../img/bg-menu-rojo.png);
	z-index: 1001;
}
.slicknav_nav {
    background: #9f3835 !important;
}

.slicknav_menu {
  display: block ;
  text-align: center ;
  width: 1;
}
.slicknav_btn {
  display: inline-block !important;
  float: none !important;
  text-align: center !important;
}
@media (min-width: 980px) {
	.slicknav_menu {
	  display: none;
	}
	.slicknav_btn {
	  display: inline-block !important;
	}
	.slicknav_nav {
	    background: #d8bfa5 !important;
	}
	.slicknav_nav a {
	    color: #2d4956 !important;
	}
  header .sticky-nav {

		background-image:url(../img/bg-menu.png);
	}
}

header .sticky-nav.stuck {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: auto;
	z-index: 1001;
}

nav#menu {
	text-align:center;
}

nav#menu #menu-nav {
	margin: 0;
	padding: 0;	
}

nav#menu #menu-nav li {
	list-style: none;
	display: inline-block;
	margin:0 15px;	
}

nav#menu #menu-nav li:first-child {
	margin-left: 0;	
}

nav#menu #menu-nav li a {
	color: #2d4956;
	font-size: 14px;
	font-weight: 300;
	line-height: 46px;
	display: block;
	text-transform: uppercase;
}
nav#menu #menu-nav li img {
	display: block;
}
nav#menu #menu-nav li.current a,
nav#menu #menu-nav li a:hover {
	color: #000000;
}


/* ==================================================
   Mobile Navigation
================================================== */

#mobile-nav {
	display: none;	
}

.menu-nav {
	background:url(../img/menu-mobile.png) 0 0 no-repeat;
	width: 16px;
	height: 16px;
	display: block;
	margin: 16px 0 6px 0;
	
	-webkit-transform: rotate(0deg);
	   -moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		 -o-transform: rotate(0deg);
			transform: rotate(0deg);
	
	-webkit-transition: -webkit-transform 250ms ease-out 0s;	
	   -moz-transition: -moz-transform 250ms ease-out 0s;
		 -o-transition: -o-transform 250ms ease-out 0s;
		    transition: transform 250ms ease-out 0s;
}

.menu-nav.open {
	background-position: 0 -16px;
		  
	-webkit-transform: rotate(-180deg);
	   -moz-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		 -o-transform: rotate(-180deg);
			transform: rotate(-180deg);
	
	-webkit-transition: -webkit-transform 250ms ease-out 0s;	
	   -moz-transition: -moz-transform 250ms ease-out 0s;
		 -o-transition: -o-transform 250ms ease-out 0s;
		    transition: transform 250ms ease-out 0s;	
}

#navigation-mobile {
	display: none;
	text-align: center;
	width: 100%;
	background: #d8bfa5;	
	border-bottom: 1px solid #f3e5dc;
	position: relative;
	float: left;
	z-index: 9999;
}

#navigation-mobile li {
	list-style: none;
	border-top: 1px solid #f3e5dc;
}

#navigation-mobile li a{
	display: block;
	font-size: 16px;
	text-transform: uppercase;
	padding: 15px 0;
}


/* ==================================================
   Section Page
================================================== */

.titular {width:100%; height:86px; background-image:url(../img/bg-titulo.png); color:#FFFFFF; font-size:46px; text-align:center; }
.titular .titular-inner img {display:inline-block; float:left;}
.titular .titular-inner .bg-azul {line-height:86px; background-color:#2d4956; display:inline-block; float:left; padding:0 30px; font-weight:100;}
.titular .titular-inner {display:inline-block; margin:0 auto;}

.titular2, .titular3, .titular4, .titular5 {width:100%; height:85px; background:#e6d6c5; color:#FFFFFF; font-size:46px; text-align:center; }
.titular2 .titular2-inner img, .titular3 .titular3-inner img, .titular4 .titular4-inner img, .titular5 .titular5-inner img  {display:inline-block; float:left;}
.titular2 .titular2-inner .bg-verde {line-height:85px; background-color:#81a497; display:inline-block; float:left; padding:0 30px; font-weight:100;}
.titular2 .titular2-inner, .titular3 .titular3-inner, .titular4 .titular4-inner , .titular5 .titular5-inner {display:inline-block; margin:0 auto;}

.titular3 .titular3-inner .bg-rojo {line-height:85px; background-color:#bb5c3e; display:inline-block; float:left; padding:0 30px; font-weight:100;}
.titular4 .titular4-inner .bg-verde {line-height:85px; background-color:#007a7d; display:inline-block; float:left; padding:0 30px; font-weight:100;}
.titular5 .titular5-inner .bg-naranja {line-height:85px; background-color:#d87749; display:inline-block; float:left; padding:0 30px; font-weight:100;}

.llegartitulo {width:85%; padding:0 0 0 15%; color:#FFFFFF; font-size:70px; text-align:left; background:#14b4be; line-height:123px; font-weight:100;}
.llegartitulo img {margin-top:-10px;}
.llegarblanco {padding:20px 25px 40px 25px; color:#BB5C3E; line-height:20px;}
.llegarbold {text-align:center; font-size:18px; font-weight:600; margin:0;}
.llegarbold2 {font-weight:600; margin:0 0 10px 0;}
.llegarsub {padding:5px 25px; color:#FFFFFF; background:#118b8e;}
.llegarblanco .llegarhorario {font-size:12px; font-weight:600; width:20%; float:left;}
.horarios {padding:20px 0 40px 0;}
.aclaracion1 {margin:5px 0 0 0;}

.page {
	background: #FFFFFF;
	padding: 100px 0;
	position: relative;
	z-index: 99;
}

.page-alternate {
	background: #FFFFFF;
	position: relative;
	z-index: 99;
	padding-bottom: 20px;
	padding-left: 0;
	padding-right: 0;
	padding-top: 20px;
}

.title-page {
	text-align: center;
	margin-bottom: 100px;	
}

.title-page .title {
	font-size: 48px;
	margin: 0 0 10px 0
}

.title-page .title-description {
	font-size: 24px;
	font-weight: 200;
	margin: 0;
}
.centrado {margin:0 auto;}
.habita_info {width:100%; background:#a8d5c1; line-height:26px; color:#2d4956; margin-bottom:8px; text-align:center; font-size:18px;}

/* ==================================================
   Section Portfolio
================================================== */

.type-work {
	color: #FFFFFF;
	font-size: 24px;
	font-weight: 300;
	margin-bottom: 30px;
	line-height: 1em;
	text-transform: uppercase;
}

.work-nav #filters {
	margin: 0;
	padding: 0;
	list-style: none;
}

.work-nav #filters li {
	margin: 0 0 30px 0;
	padding: 0;
}

.work-nav #filters li a {
	color: #7F8289;
	font-size: 16px;
	display: block;	
}

.work-nav #filters li a:hover {
	color: #FFFFFF;
}

.work-nav #filters li a.selected {
	color: #DE5E60;
}

#thumbs {
	margin: 0;
	padding: 0;	
}

#thumbs li {
	list-style-type: none;
}

.item-thumbs {
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
	cursor: pointer;
}

.item-thumbs a + img {
	width: 100%;	
}

.item-thumbs .hover-wrap {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	
	opacity: 0;
	filter: alpha(opacity=0);
	
	-webkit-transition: all 450ms ease-out 0s;	
	   -moz-transition: all 450ms ease-out 0s;
		 -o-transition: all 450ms ease-out 0s;
		    transition: all 450ms ease-out 0s;
		  
	-webkit-transform: rotateY(180deg) scale(0.5,0.5);
	   -moz-transform: rotateY(180deg) scale(0.5,0.5);
		-ms-transform: rotateY(180deg) scale(0.5,0.5);
		 -o-transform: rotateY(180deg) scale(0.5,0.5);
			transform: rotateY(180deg) scale(0.5,0.5);	
}

.item-thumbs:hover .hover-wrap,
.item-thumbs.active .hover-wrap {
	opacity: 1;
	filter: alpha(opacity=100);
	
	-webkit-transform: rotateY(0deg) scale(1,1);
	   -moz-transform: rotateY(0deg) scale(1,1);
		-ms-transform: rotateY(0deg) scale(1,1);
		 -o-transform: rotateY(0deg) scale(1,1);
		    transform: rotateY(0deg) scale(1,1);
}

.item-thumbs .hover-wrap .overlay-img {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #DE5E60;
	
	opacity: 0.80;
	filter: alpha(opacity=80);
}

.item-thumbs .hover-wrap .overlay-img-thumb {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -16px 0 0 -16px;
	color: #FFFFFF;
	font-size: 32px;
	line-height: 1em;
	
	opacity: 1;
	filter: alpha(opacity=100);
}


/* ==================================================
   About Section
================================================== */

.bloque3titulo {width:100%; height:40px; font-size:42px; color:#2D4956; border-bottom:1px solid #2D4956; margin-bottom:5px;}
.bloque3titulo img {margin:-8px 0 0 10px; max-height:32px;}
.lineatop {border-top:1px solid #2D4956; padding-top:8px;}
.cuerpochico {font-size:14px; margin-bottom:20px;}
.vermas {display:block; width:100%; line-height:36px; color:#FFFFFF; background:#BB5C3E; text-align:center; font-size:20px;}
.vermas:hover {color:#A8D5C1;}
.titulobannerguia{margin-top: 50px; font-size: 60px; color: #079;}
.subtitulobannerguia{margin-top: 30px;font-size: 20px; color: #000;}
.bannerguia{border:solid 1px;border-color:#079;margin-left:0 !important;}
.subtitulo1 {line-height:60px; width:100%; color:#BB5C3E; border-bottom:1px solid #BB5C3E; border-top:1px solid #BB5C3E; text-align:center; font-size:48px; font-weight:100; background:#FFFFFF;}
.grupoiconos {width:100%; background:#FFFFFF; text-align:center; padding:50px 0 30px 0; margin:0 auto;}
.grupoiconos .iconotexto {display:inline-table; width:155px; height:180px; text-align:center; font-size:14px; line-height:16px; color:#2D4956;}
.separador1 {border-top:1px solid #BB5C3E; width:100%; padding-bottom:8px; background:#FFFFFF;}
.separador2 {border-top:1px solid #BB5C3E; width:100%; padding-bottom:20px; background:#FFFFFF;}
.separador3 {width:100%; border-top:1px solid #2D4956; padding-top:10px;}
.espacio {width:110%; margin:0 -5%; background:#FFFFFF;height:50px; float:left;}
.lineaancha {width:100%; border-top:1px solid #395460; padding-top:20px;}

.reserva {width:110%; margin:0 -5%; text-align:center; background:#2d4956; color:#FFFFFF; line-height:36px; padding:10px 0;}
.reserva form {margin:0;}
.reserva select {width:110px; color:#FFFFFF; background: url(../img/flecha_abajo.png) no-repeat right #2d4956; -webkit-appearance: none; border:1px solid #486776; margin-bottom:1px; line-height:14px; height:24px;}
.grande {font-size:28px; font-weight:600; line-height:30px;}

.hab_izq {width:38%; border-right:2px solid #B59170; float:left;}
.hab_izq img {margin:43px 0; max-width:95%;}
.hab_der {float:right;}
.hab_der .formu {text-align:left; line-height:36px; border-top:1px solid #2D4956; width:190px; margin:0 auto;}
.grande2 {text-align:left; font-size:30px;line-height:20px; font-weight:600;padding-bottom:10px; color:#2D4956; width:190px; margin:0 auto;}
.hab_der form {margin:0;}
.hab_der select {width:110px; color:#2D4956; background: url(../img/flecha_abajo2.png) no-repeat right #FFFFFF; -webkit-appearance: none; border:1px solid #97b2be; margin-bottom:1px; line-height:14px; height:24px;}
.hab_foto img {width:96%; padding:2%; background:#2d4956;}
.hab_num {width:100%; background:#93A826; color:#2d4956; line-height:46px; font-size:22px; font-weight:600; margin:20px 0 0 0; float:left; text-align:center;}
.hab_mail {width:100%; background:#007A7D; color:#f6e9e2; line-height:32px; font-size:18px; margin:8px 0 20px 0; float:left; text-align:center;}

.profile-name {
	margin-bottom: 15px;	
}

.profile-description {
	margin-bottom: 25px;	
}

.image-wrap {
	position: relative;
	overflow: hidden;
	margin-bottom: 25px;
	cursor: pointer;
}

.image-wrap img {
	width: 100%;	
}

.image-wrap  .hover-wrap {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	
	opacity: 0;
	filter: alpha(opacity=0);
	
	-webkit-transition: all 450ms ease-out 0s;	
	   -moz-transition: all 450ms ease-out 0s;
		 -o-transition: all 450ms ease-out 0s;
		    transition: all 450ms ease-out 0s;
		  
	-webkit-transform: rotateY(180deg) scale(0.5,0.5);
	   -moz-transform: rotateY(180deg) scale(0.5,0.5);
		-ms-transform: rotateY(180deg) scale(0.5,0.5);
		 -o-transform: rotateY(180deg) scale(0.5,0.5);
			transform: rotateY(180deg) scale(0.5,0.5);	
}

.image-wrap:hover .hover-wrap,
.image-wrap.active .hover-wrap {
	opacity: 1;
	filter: alpha(opacity=100);
	
	-webkit-transform: rotateY(0deg) scale(1,1);
	   -moz-transform: rotateY(0deg) scale(1,1);
		-ms-transform: rotateY(0deg) scale(1,1);
		 -o-transform: rotateY(0deg) scale(1,1);
		    transform: rotateY(0deg) scale(1,1);
}

.image-wrap .hover-wrap .overlay-img {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #DE5E60;
	
	opacity: 0.80;
	filter: alpha(opacity=80);
}

.image-wrap .hover-wrap .overlay-text-thumb {
	position: absolute;
	width: 100%;
	height: 32px;
	top: 50%;
	margin: -16px 0 0 0;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: 300;
	line-height: 32px;
	text-transform: uppercase;
	text-align: center;
	
	opacity: 1;
	filter: alpha(opacity=100);
}
.fotolink {display:block; color: #FFFFFF;}

.social-icons {
	margin: 0;
	padding: 0;
}

.social-icons li {
	display: inline-block;
	margin-left: 15px;	
}

.social-icons li:first-child {
	margin-left: 0;
}

.social-icons li a{
	color: #FFFFFF;
	font-size: 16px;
	line-height: 1em;
	width: 16px;
	height: 16px;
	
	opacity: 0.3;
	filter: alpha(opacity=30);
	
	-webkit-transition: opacity 0.1s linear 0s;	
	   -moz-transition: opacity 0.1s linear 0s;
		 -o-transition: opacity 0.1s linear 0s;
		    transition: opacity 0.1s linear 0s;
}

.social-icons li a:hover{
	opacity: 1;
	filter: alpha(opacity=100);
}

/* ==================================================
   Contact Section
================================================== */

.contact-details h3 {
	color: #FFFFFF;
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 30px;
	line-height: 1em;
    text-transform: uppercase;
}

.contact-details ul {
	margin: 0;
	padding: 0;
	list-style: none;	
}

.contact-details ul li {
	margin: 0 0 20px;
	line-height: 28px;
	padding: 0;	
}

#contact-form, #guia-form {
	margin-bottom: 0;	
}

#contact-form p, #guia-form p {
	margin-bottom: 1px;	
}

#contact-form input,
#contact-form textarea, #guia-form input, #guia-form textarea {
    border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
    border-radius: 0;
	
    -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	
	background: #DDDDDD;
    color: #000000;
    font-size: 16px;
    height: auto;
    padding: 15px;
	margin: 0 0 10px 0;
	
    resize: none;
}

#contact-form input, #guia-form input {
    width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#contact-form textarea, #guia-form textarea {
    width: 100%;
	resize: vertical;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#contact-form .submit, #guia-form .submit {
    background: #BB5C3E;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    padding: 16px 40px;
    text-align: center;
    vertical-align: middle;
    width: auto;
	margin-top: 30px;
	
	-webkit-transition: background 0.1s linear 0s, color 0.1s linear 0s;	
	   -moz-transition: background 0.1s linear 0s, color 0.1s linear 0s;
		 -o-transition: background 0.1s linear 0s, color 0.1s linear 0s;
		    transition: background 0.1s linear 0s, color 0.1s linear 0s;
}

#contact-form .submit:hover, #guia-form .submit:hover {
    background: #DE5E60;
    color: #FFFFFF;
}

#response {
	margin-top: 20px;
	color: #FFFFFF;
}


/* ==================================================
   Twitter Feed
================================================== */

#twitter-feed {
	padding: 100px 0 90px;
	text-align: center;	
}

#twitter-feed .follow {
	position: absolute;
	bottom: 30px;
	left: 50%;
	margin-left: -8px;
	font-size: 16px;	
}

#ticker .tweet_list {
	margin: 0;
	padding: 0;
	height: 64px;
	list-style: none;
	overflow-y: hidden;	
}

#ticker .tweet_list li {
	font-size: 18px;
	height: 64px;
	line-height: 28px;
	overflow: hidden;
}

#ticker .tweet_list .tweet_time a {
	color: #7f8289;
	font-size: 14px;
	font-style: italic;
	margin-left: 10px;	
}

#ticker .tweet_list .tweet_time a:hover {
	color: #FFFFFF;	
}


/* ==================================================
   Social Area
================================================== */

#social-area {
    text-align: center;
}

#social-area #social ul {
	margin: 0;
	padding: 0;
}

#social-area #social ul li {
	display: inline-block;
	margin-left: 30px;
	list-style: none;
	cursor: pointer;
}

#social-area #social ul li:first-child {
	margin-left: 0;
}

#social ul li a {
	display: block;
	width: 70px;
	height: 70px;

	background: #26292E;
	
	-webkit-transition: all 400ms ease-out 0s;	
	   -moz-transition: all 400ms ease-out 0s;
		 -o-transition: all 400ms ease-out 0s;
		    transition: all 400ms ease-out 0s;
	
	-webkit-transform: rotateY(180deg);
	   -moz-transform: rotateY(180deg);
		-ms-transform: rotateY(180deg);
		 -o-transform: rotateY(180deg);
			transform: rotateY(180deg);
}

#social ul li a span {
	display: inline-block;
	margin: 0;
	color: #55606a;
	font-size: 32px;
	line-height: 70px;
	
	opacity: 0.3;
	filter: alpha(opacity=30);
	
	-webkit-transition: all 400ms ease-out 0s;	
	   -moz-transition: all 400ms ease-out 0s;
		 -o-transition: all 400ms ease-out 0s;
		    transition: all 400ms ease-out 0s;
		  
	-webkit-transform: rotateY(180deg);
	   -moz-transform: rotateY(180deg);
		-ms-transform: rotateY(180deg);
		 -o-transform: rotateY(180deg);
			transform: rotateY(180deg);
}

#social ul li:hover a,
#social ul li.active a {
	background-color: #DE5E60;	
	
	-webkit-transform: rotateY(0deg);
	   -moz-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		 -o-transform: rotateY(0deg);
		    transform: rotateY(0deg);
}

#social ul li:hover a span,
#social ul li.active a span {
	color: #FFFFFF;
	opacity: 1;
	filter: alpha(opacity=100);
	
	-webkit-transform: rotateY(0deg);
	   -moz-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		 -o-transform: rotateY(0deg);
			transform: rotateY(0deg);
}

/* ==================================================
   Footer
================================================== */

footer {
	position: relative;
	width: 100%;
	height: auto;
	background: #2d4956;
	text-align: center;
	z-index: 99;
	padding:40px 0;
}
footer a {color:#CCCCCC;}

footer .credits {
	color: #FFFFFF;
	font-size: 13px;
	margin-bottom: 0;
	padding: 20px 0;
	text-transform: uppercase;	
}
.menuabajo {background:#d8bfa5; text-align:center; padding:10px; width:105%; margin:0 0 0 -5%;}
.menuabajo a {color:#2D4956; padding:0 5px 0 20px; display:inline-table; text-transform:uppercase; font-size:14px;}
.menuabajo img {display:block;}
.footrow {width:95%; padding:0 5% 40px 5%; margin:0 0 0 -5%; position:absolute; background: #2d4956;}
footer img {width:80%; max-width:336px; margin-bottom:10px;}
.footnum {width:100%; background:#b59170; color:#2d4956; line-height:46px; font-size:22px; font-weight:600;  max-width:380px; margin:20px auto 0 auto;}
.footmail {width:100%; background:#007a7d; color:#f6e9e2; line-height:32px; font-size:18px; max-width:380px; margin:8px auto 20px auto;}
footer .formu {text-align:left; line-height:36px; border-top:1px solid #FFFFFF; width:190px; margin:0 auto;}
footer form {margin:0;}
footer select {width:110px; color:#FFFFFF; background: url(../img/flecha_abajo.png) no-repeat right #2d4956; -webkit-appearance: none; border:1px solid #486776; margin-bottom:1px; line-height:14px; height:24px;}

.vernovedad {display:block; width:45%; line-height:30px; color:#FFFFFF; background:#BB5C3E; text-align:center; font-size:18px; margin-left:20%;}
.vernovedad:hover {color:#A8D5C1;}
.nomargin {margin:0;}
.volver {display:block; width:40%; line-height:30px; color:#FFFFFF; background:#BB5C3E; text-align:center; font-size:18px; margin-left:60%; margin-bottom:20px;}
.volver:hover {color:#A8D5C1;}
.vermas {display:block; width:20%; line-height:26px; color:#FFFFFF; background:#BB5C3E; text-align:center; font-size:16px; margin-left:80%; margin-bottom:20px; padding: 5px;}
.vermas:hover {color:#A8D5C1;}

/* ==================================================
   Back to Top
================================================== */

#back-to-top {
	display: none;
	background-color: #3C3F45;
	margin: 0;
	position: fixed;
	bottom: 0;
	right: 0;
	width: 50px;
	height: 50px;
	z-index: 99;
	
	-webkit-transition: background 0.1s linear 0s;	
	   -moz-transition: background 0.1s linear 0s;
		 -o-transition: background 0.1s linear 0s;
		    transition: background 0.1s linear 0s;
}

#back-to-top:hover {
	background-color:#DE5E60;
}

#back-to-top i {
	font-size: 16px;
	color: #FFFFFF;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -7px;
	line-height: 1em;
}

#back-to-top i {
	margin-left: -7px;	
}


/* ==================================================
   Preloader
================================================== */

#jpreOverlay,
#jSplash {
	background-color: #2F3238;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 700;
}

#jpreSlide{
	position: absolute;
	top: 50% !important;
	left: 50% !important;
	margin: -50px 0 0 -50px;
	width: 100px;
	height: 100px;
}

#jpreLoader {
	position: relative !important;
	width: 100% !important;
	height: 100% !important;
	top: 0 !important;	
}

#jprePercentage {
	width: 50px;
	height: 50px !important;
	line-height: 50px;
	position: absolute !important;
	text-align: center;
	left: 50%;
	top: 50%;
	margin: -25px 0 0 -25px;
	z-index: 800;
	
	font-size: 24px;
	color: #FFFFFF;	

	-webkit-animation: circle 1s infinite forwards;
	   -moz-animation: circle 1s infinite forwards;
		-ms-animation: circle 1s infinite forwards;
		 -o-animation: circle 1s infinite forwards;
			animation: circle 1s infinite forwards;
}

#circle {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 11;
	margin: -50px 0 0 -50px;
	width: 100px;
	height: 100px;
	background: #DE5E60;
	-webkit-border-radius: 999px;
	-moz-border-radius: 999px;
	border-radius: 999px;
	opacity: 0;
	filter: alpha(opacity=0);
			
	-webkit-animation: circle 1s infinite forwards;
	   -moz-animation: circle 1s infinite forwards;
		-ms-animation: circle 1s infinite forwards;
			animation: circle 1s infinite forwards;
}

@-webkit-keyframes circle {
	0% {-webkit-transform: rotateY(0deg);
		-webkit-animation-timing-function: ease-in;
	}
	50% {-webkit-transform: rotateY(180deg);
		-webkit-animation-timing-function: ease-out;
	}
	100% {-webkit-transform: rotateY(0deg);
		-webkit-animation-timing-function: ease-in;
	}
}

@-moz-keyframes circle {
	0% {-moz-transform: rotateY(0deg);
	}
	50% {-moz-transform: rotateY(180deg);
		-moz-animation-timing-function: ease-out;
	}
	100% {-moz-transform: rotateY(0deg);
		-moz-animation-timing-function: ease-in;
	}
}

@-ms-keyframes circle {
	0% {-ms-transform: rotateY(0deg);
		-ms-animation-timing-function: ease-in;
	}
	50% {-ms-transform: rotateY(180deg);
		-ms-animation-timing-function: ease-out;
	}
	100% {-ms-transform: rotateY(0deg);
		-ms-animation-timing-function: ease-in;
	}
}

@-o-keyframes circle {
	0% {-o-transform: rotateY(0deg);
		-o-animation-timing-function: ease-in;
	}
	50% {-o-transform: rotateY(180deg);
		-o-animation-timing-function: ease-out;
	}
	100% {-o-transform: rotateY(0deg);
		-o-animation-timing-function: ease-in;
	}
}

@keyframes circle {
	0% {transform: rotateY(0deg);
		animation-timing-function: ease-in;
	}
	50% {transform: rotateY(180deg);
		animation-timing-function: ease-out;
	}
	100% {transform: rotateY(0deg);
		animation-timing-function: ease-in;
	}
}


/* ==================================================
   Isotope Filtering
================================================== */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}

/* Mapa */
    #kundalinimapa {
		margin:0;
        height:240px;
        width:100%;
		margin-bottom:40px;
    }
    .gm-style-iw * {
        display: block;
        width: 100%;
    }
    .gm-style-iw h4, .gm-style-iw p {
        margin: 0;
        padding: 0;
    }
    .gm-style-iw a {
        color: #4272db;
    }
	
.submenu1 {width:100%; text-align:center; margin:20px 0;}
.submenu1 a {padding: 5px 20px; margin:0 2px 30px 2px; color:#FFFFFF; background:#d8bfa5; text-align:center; font-size:18px; line-height:20px;}
.submenu1 a:hover {background:#BB5C3E;}
.formnormal {position:absolute; left:0;}
.submenu2 {width:100%; text-align:center; margin:20px 0;}
.submenu2 a {padding: 0 20px; margin:0 2px 20px 2px; color:#FFFFFF; background:#d8bfa5; text-align:center; font-size:18px; line-height:30px;}
.submenu2 a:hover {background:#BB5C3E;}
.check1 {float:left; width:5%; margin:5px 0;}
.check2 {float:left; width:95%; margin:5px 0;}
.iconosocial {margin:10px;}
@media (min-width: 1367px) {
#home-slider {
	background-size:100%;
}
@-moz-document url-prefix() { #home-slider .k-logo {margin: auto; text-align: center;} }
}
@media (min-width: 768px) and (max-width: 979px) {
	@-moz-document url-prefix() { #home-slider .k-logo {margin: auto; text-align: center;} }
.page-alternate {padding-top:20px;}
	#menu {
		display: none;	
	}
	
	#mobile-nav {
    	display: block;
		float: right;
		margin-right: 40px;
	}
	
	#menu-nav-mobile {
		margin: 0;
	}
	
	header .sticky-nav #mobile-nav,
	header .sticky-nav.stuck #mobile-nav {
		margin-right: 100px;	
	}
	#home-slider {
		height:320px;
		background-height:320px;
	}
	#home-slider .k-logo img {margin-top:110px; width:560px;}
	#home-slider .awards {margin:40px 0 0 15px; width:60px;}
	#home-slider .awards img {margin:0 0 20px 0; max-width:60px;}


#home-slider .b_reserva {width:100%; text-align:center; margin:266px 0 0 0; background:#2d4956;top:0px;right:0px; padding:4px 10px;}
#home-slider .b_reserva img {margin:0 10px;width:50%;max-width:100px;border:1px solid #999999;}
	
	#social-area #social ul li {
		margin-left: 15px;
	}
	
	#social-area #social ul li a {
		width: 50px;
		height: 50px;
	}
	
	#social-area #social ul li a span {
		font-size: 24px;
		line-height: 50px;
	}
	
	#twitter-feed {
		padding-top: 110px;
		padding-bottom: 110px;	
	}
	
	.info-block a.button {
    	margin-top: 20px;
    	position: inherit;
	}
	
	.info-text {
		padding-right: 0;	
	}
	.bloque3titulo {font-size:34px;}
	footer .footmail {font-size:14px;}
	.hab_izq {border-right:none;}
	.hab_izq img {margin:0 0 10px 0;}
	.hab_der {float:left;}
	.titulobannerguia{margin-top: 50px; font-size: 45px;line-height: 45px; }
	.subtitulobannerguia{margin-top: 30px;font-size: 15px;line-height: 15px; }
}
@
#home-slider .bot_reserva {margin: 120px 20px 0 0;}
#home-slider .bot_reserva img {width:150px;}
}
@media (min-width: 481px) and (max-width: 767px) {
#home-slider .bot_reserva {margin: 20px 0 0 0; position:absolute; right:0;}
#home-slider .bot_reserva img {width:120px;}
}
@media (max-width: 480px) {
#home-slider .bot_reserva {margin: 239px 0 0 0;position: absolute;right: 10px;z-index: 1;top:0;}
#home-slider .bot_reserva img {width:100px;}
#home-slider .bot_reserva div {float:left;}
#boton_video {margin:0 0 0 10px;}
}
@media (min-width: 481px) and (max-width: 767px) {
	
.page-alternate {padding-top:20px;}
	#back-to-top {
		display: none !important;	
	}
	
	#home-slider {
		margin-left: -20px;
		margin-right: -20px;
		height:300px;
		background-size:100% 100%;
		width:110%;
	}
#home-slider .k-logo {display:table; margin:0 auto;}
#home-slider .k-logo img {margin-top:20px; margin-bottom:10px; width:400px;}
#home-slider .awards {width:100%; text-align:center; margin:170px 0 0 0; background-image:url(../img/oscuro.png); padding:10px;}
#home-slider .awards img {margin:0 20px; max-width:48px;}
#home-slider .idioma {width:100%; text-align:center; margin:266px 0 0 0; background:#2d4956; padding:4px 10px;}
#home-slider .idioma img {margin:0 10px; max-width:40px; border:1px solid #999999;}

#home-slider .b_reserva {width:100%; text-align:center; margin:266px 0 0 0; background:#2d4956;top:0px;right:0px; padding:4px 10px;}
#home-slider .b_reserva img {margin:0 10px;width:50%;max-width:100px;border:1px solid #999999;}
	
	header .sticky-nav {
		position: relative;	
	}
	
	header .sticky-nav,
	#navigation-mobile,
	.page,
	.page-alternate,
	#twitter-feed,
	footer {
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 20px;	
	}
	
	header .sticky-nav #logo {
		margin-left: 0;
	}
	
	header .sticky-nav.stuck #logo {
		margin-left: 20px;	
	}
	
	header .sticky-nav #menu {
		margin-right: 0;
	}
	
	header .sticky-nav.stuck #menu {
		margin-right: 20px;	
	}
	
	#menu {
		display: none;	
	}
	
	#mobile-nav {
    	display: block;
		float: right;
		margin-right: 40px;
	}
	
	#menu-nav-mobile {
		margin-left: -20px;
		margin-right: -20px;
		margin-bottom: 0;
	}
	
	header .sticky-nav.stuck #mobile-nav {
		margin-right: 100px;	
	}
	
	.work-nav {
		margin-bottom: 30px;	
	}
	
	.type-work {
		background: url(../img/filter-icon.png) no-repeat;
		width: 16px;
		height: 16px;
		display: inline-block;
		text-indent: -9999px;
		margin-bottom: 0;
		position: relative;
		line-height: 10px;
	}
	
	.work-nav #filters,
	.work-nav #filters li {
		display: inline-block;
	}
	
	.work-nav #filters li {
		margin:0 10px 0 0;	
	}
	
	.work-nav #filters li a {
		font-size: 13px;
		text-transform: uppercase;	
	}
	
	#about .profile {
		margin-bottom: 30px;	
	}
	
	#about .profile:last-child {
		margin-bottom: 0;	
	}
	
	#response {
		margin-bottom: 30px;	
	}
	
	.contact-details {
		border-top: 1px dashed #3C3F45;
		padding-top: 30px;
		text-align: center;	
	}
	
	#contact-form .submit {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;	
	}
	
	#social-area #social ul li:first-child,
	#social-area #social ul li {
		margin: 15px;
	}
	
	#social-area #social ul li a {
		width: 50px;
		height: 50px;
	}
	
	#social-area #social ul li a span {
		font-size: 24px;
		line-height: 50px;
	}
	
	#twitter-feed {
		padding-top: 90px;
		padding-bottom: 100px;	
	}
	
	#ticker .tweet_list li {
		font-size: 16px;
		line-height: 24px;
	}
	
	#ticker .tweet_list .tweet_time a {
		font-size: 13px;
		margin-left: 5px;	
	}
	
	.info-block a.button {
    	margin-top: 20px;
    	position: inherit;
		display: block;
	}
	
	.info-text {
		padding-right: 0;	
	}
.titular, .titular2, .titular3, .titular4, .titular5 {width:110%; height:74px; font-size:38px; background-size: 10px 74px; margin:0 0 0 -5%;}
.titular .titular-inner img, .titular2 .titular2-inner img, .titular3 .titular3-inner img, .titular4 .titular4-inner img, .titular5 .titular5-inner img  {height:74px;}
.titular .titular-inner .bg-azul, .titular2 .titular2-inner .bg-verde, .titular3 .titular3-inner .bg-rojo, .titular4 .titular4-inner .bg-verde, .titular5 .titular5-inner .bg-naranja {line-height:74px; padding:0 20px;}

.subtitulo1, .separador1, .separador2 {width:110%; margin-left:-5%; margin-right:-5%;}
.subtitulo1 {font-size:34px; line-height:50px;}
.bloque3titulo {font-size:36px;}
.titulobannerguia{margin:10px; font-size: 45px; line-height: 45px; }
.subtitulobannerguia{margin:10px;font-size: 15px;line-height: 15px; }
.submenu1 a {padding: 10px 15px; font-size:16px;}
}

@media (max-width: 480px) {
.page-alternate {padding-top:0;}
	#back-to-top {
		display: none !important;	
	}
	
	#home-slider {
		margin-left: -20px;
		margin-right: -20px;
		height:270px;
		background-size:100% 100%;
		width:110%;
	}
#home-slider .k-logo {display:table; margin:0 auto;}
#home-slider .k-logo img {margin-top:10px; margin-bottom:10px; width:320px;}
#home-slider .awards {width:100%; text-align:center; margin:150px 0 0 0; background-image:url(../img/oscuro.png); padding:10px;}
#home-slider .awards img {margin:0 20px; max-width:42px;}
#home-slider .idioma {width:100%; text-align:center; margin:235px 0 0 0; background:#2d4956; padding:4px 120px;}
#home-slider .idioma img {margin:0 10px; max-width:40px; border:1px solid #999999;}

#home-slider .b_reserva {width:100%; text-align:center; margin:266px 0 0 0; background:#2d4956;top:0px;right:0px; padding:4px 10px;}
#home-slider .b_reserva img {margin:0 10px;width:50%;max-width:100px;border:1px solid #999999;}
	
	#home-slider ul#slide-list {
		display: none;	
	}
	
	header .sticky-nav {
		position: relative;	
	}
	
	header .sticky-nav,
	#navigation-mobile,
	.page,
	.page-alternate,
	#twitter-feed,
	footer {
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 20px;	
	}
	
	header .sticky-nav #logo {
		margin-left: 0;
	}
	
	header .sticky-nav.stuck #logo {
		margin-left: 20px;	
	}
	
	header .sticky-nav #menu {
		margin-right: 0;
	}
	
	header .sticky-nav.stuck #menu {
		margin-right: 20px;	
	}
	
	#menu {
		display: none;	
	}
	
	#mobile-nav {
    	display: block;
		float: right;
		margin-right: 40px;
	}
	
	#menu-nav-mobile {
		margin-left: -20px;
		margin-right: -20px;
		margin-bottom: 0;
	}
	
	#navigation-mobile li a {
		font-size: 14px;
		padding: 10px 0;
	}
	
	header .sticky-nav.stuck #mobile-nav {
		margin-right: 100px;	
	}
	
	.work-nav {
		margin-bottom: 30px;	
	}
	
	.type-work {
		background: url(../img/filter-icon.png) no-repeat;
		width: 16px;
		height: 16px;
		display: inline-block;
		text-indent: -9999px;
		margin-bottom: 0;
		position: relative;
		line-height: 10px;
	}
	
	.work-nav #filters li:first-child {
		margin-left: 0;	
	}
	
	.work-nav #filters,
	.work-nav #filters li {
		display: inline-block;
	}
	
	.work-nav #filters li {
		margin:0 10px 0 0;	
	}
	
	.work-nav #filters li a {
		font-size: 13px;
		text-transform: uppercase;	
	}
	
	#about .profile {
		margin-bottom: 30px;	
	}
	
	#about .profile:last-child {
		margin-bottom: 0;	
	}
	
	#response {
		margin-bottom: 30px;	
	}
	
	.contact-details {
		border-top: 1px dashed #3C3F45;
		padding-top: 30px;
		text-align: center;	
	}
	
	#contact-form .submit {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;	
	}
	
	#social-area #social ul li:first-child,
	#social-area #social ul li {
		margin: 15px;
	}
	
	#social-area #social ul li a {
		width: 50px;
		height: 50px;
	}
	
	#social-area #social ul li a span {
		font-size: 24px;
		line-height: 50px;
	}
	
	#twitter-feed {
		padding-top: 90px;
		padding-bottom: 100px;	
	}
	
	#ticker .tweet_list li {
		font-size: 14px;
		line-height: 22px;
	}
	
	#ticker .tweet_list .tweet_time a {
		font-size: 12px;
		margin-left: 3px;	
	}
	
	.info-block a.button {
    	margin-top: 20px;
    	position: inherit;
		display: block;
	}
	
	.info-text {
		padding-right: 0;	
	}
.titular, .titular2, .titular3, .titular4, .titular5 {width:110%; height:60px; font-size:30px; background-size: 10px 60px; margin:0 0 0 -5%;}
.titular .titular-inner img, .titular2 .titular2-inner img, .titular3 .titular3-inner img, .titular4 .titular4-inner img, .titular5 .titular5-inner img {height:60px;}
.titular .titular-inner .bg-azul, .titular2 .titular2-inner .bg-verde, .titular3 .titular3-inner .bg-rojo, .titular4 .titular4-inner .bg-verde, .titular5 .titular5-inner .bg-naranja {line-height:60px; padding:0 15px;}

.subtitulo1, .separador1, .separador2 {width:110%; margin-left:-5%; margin-right:-5%;}
.subtitulo1 {font-size:28px; line-height:50px;}
.bloque3titulo {font-size:30px;}
.titulobannerguia{margin:10px; font-size: 40px;line-height: 40px; }
.subtitulobannerguia{margin:10px;font-size: 15px;line-height: 15px; }
.submenu1 a {padding: 10px 5px; font-size:16px;}
#home-slider .bot_reserva {margin: 237px 0 0 0; position:absolute; right:-1px;}
#home-slider .bot_reserva img {width:100px;}
}

@media (max-width: 320px) {
.page-alternate {padding-top:0;}
	#navigation-mobile li a {
		padding: 20px 0;
	}
	
	.work-nav #filters li a {
		font-size: 12px;
	}
	
	#twitter-feed {
		padding-top: 90px;
		padding-bottom: 120px;	
	}
	#home-slider {
		margin-left: -20px;
		margin-right: -20px;
		/*height:200px;*/
		background-size:100% 100%;
		width:120%;
	}
#home-slider .k-logo {display:table; margin:0 auto;}
#home-slider .k-logo img {margin-top:25px; width:260px;}
#home-slider .awards {width:100%; text-align:center; margin:150px 0 0 0; background-image:url(../img/oscuro.png); padding:10px;}
#home-slider .awards img {margin:0 20px; max-width:40px;}

#home-slider .b_reserva {width:100%; text-align:center; margin:266px 0 0 0; background:#2d4956;top:0px;right:0px; padding:4px 10px;}
#home-slider .b_reserva img {margin:0 10px;width:50%;max-width:100px;border:1px solid #999999;}

.subtitulo1, .separador1, .separador2 {width:110%; margin-left:-5%; margin-right:-5%;}
.subtitulo1 {font-size:20px; line-height:40px;}
.bloque3titulo {font-size:26px;}
.titulobannerguia{margin: 10px; font-size: 35px;line-height: 35px; }
.subtitulobannerguia{margin: 10px;font-size: 12px;line-height: 12px; }
.submenu1 a {padding: 10px 5px; font-size:16px;}
.check1 {float:left; width:10%; margin:5px 0;}
.check2 {float:left; width:90%; margin:5px 0;}
}


/* Retina Display */

@media only screen and (-webkit-min-device-pixel-ratio: 2),
 	only screen and (-moz-min-device-pixel-ratio: 2),
  	only screen and (-o-min-device-pixel-ratio: 2/1),
  	only screen and (min-device-pixel-ratio: 2),
  	only screen and (min-resolution: 2dppx) {
		
		header #logo a {
			background-image: url(../img/logo_@2x.png);
			background-size: 96px 30px;
		}
		
		.menu-nav {
			background-image: url(../img/menu-mobile_@2x.png);
			background-size: 16px 32px;
		}
		
		.type-work {
			background-image: url(../img/filter-icon_@2x.png);
			background-size: 16px 16px;
		}
	}
.slicknav_menu {
    display:none;
}

@media screen and (max-width: 979px) {
    .js #menu {
        display:none;
    }
    
    .js .slicknav_menu {
        display:block;
    }
}
.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer; }
  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.188em; }

.slicknav_menu {
  *zoom: 1; }
  .slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left; }
  .slicknav_menu .slicknav_icon {
    float: left;
    width: 1.125em;
    height: 0.875em;
    margin: 0.188em 0 0 0.438em; }
    .slicknav_menu .slicknav_icon:before {
      background: transparent;
      width: 1.125em;
      height: 0.875em;
      display: block;
      content: "";
      position: absolute; }
  .slicknav_menu .slicknav_no-text {
    margin: 0; }
  .slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
  .slicknav_menu:before {
    content: " ";
    display: table; }
  .slicknav_menu:after {
    content: " ";
    display: table;
    clear: both; }

.slicknav_nav {
  clear: both; }
  .slicknav_nav ul {
    display: block; }
  .slicknav_nav li {
    display: block; }
  .slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em; }
  .slicknav_nav .slicknav_item {
    cursor: pointer; }
    .slicknav_nav .slicknav_item a {
      display: inline; }
  .slicknav_nav .slicknav_row {
    display: block; }
  .slicknav_nav a {
    display: block; }
  .slicknav_nav .slicknav_parent-link a {
    display: inline; }

.slicknav_brand {
  float: left; }

.slicknav_menu {
  font-size: 16px;
  box-sizing: border-box;
  /*background: #4c4c4c;*/
  padding: 5px; }
  .slicknav_menu * {
    box-sizing: border-box; }
  .slicknav_menu .slicknav_menutxt {
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 3px #000; }
  .slicknav_menu .slicknav_icon-bar {
    background-color: #fff; }

.slicknav_btn {
  margin: 0px 5px 0px;
  text-decoration: none;
  /*text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #222;*/ }

.slicknav_nav {
  color: #fff;
  background: #d8bfa5;
  margin: 0;
  padding: 0;
  font-size: 0.975em;
  list-style: none;
  text-align: center;
  overflow: hidden; }
  .slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    text-align: center;
    margin: 0 0 0 20px; }
  .slicknav_nav .slicknav_row {
    padding: 5px 10px;
    margin: 2px 5px; }
    .slicknav_nav .slicknav_row:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #ccc;
      color: #fff; }
  .slicknav_nav a {
    padding: 5px 10px;
    margin: 2px 5px;
    text-decoration: none;
    color: #f6e9e2; }
    .slicknav_nav a:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #ccc;
      color: #9f3835; }
  .slicknav_nav .slicknav_txtnode {
    margin-left: 15px; }
  .slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0; }
  .slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0; }

.slicknav_brand {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px; }
/* ==================================================
   Buttons
================================================== */

.button {
  	display: inline-block;
  	margin-bottom: 0;
  	padding: 13px 26px;
  	-webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
  	background-color: #3C3F45;
  	color: #23262C;
  	vertical-align: middle;
  	text-align: center;
  	text-transform: uppercase;
  	font-weight:500;
  	font-size: 16px;
  	cursor: pointer;
	border:none;
  
	-webkit-transition: all 0.1s linear;
       -moz-transition: all 0.1s linear;
         -o-transition: all 0.1s linear;
            transition: all 0.1s linear;
  	*border: 0;
  	*zoom: 1;
}

/*--- Hover/Active/Focus State ---*/

.button:hover,
.button:active,
.button:focus {
	background-color: #DE5E60;
	color:#FFFFFF;
}

/* --- Button Sizes --- */

.button.button-large {
  	padding: 16px 30px;
  	font-size: 18px;
}

.button.button-small {
  	padding: 8px 18px;
  	font-size: 14px;
}

.button.button-mini {
  	padding: 4px 12px;
  	font-size: 12px;
}

.button.button-block {
	padding-right: 0;
	padding-left: 0;
	width: 100%;	
}

.button + .button {
	margin-left: 10px;	
}

/* ==================================================
   Accordion & Toggle
================================================== */

.accordion {
  	margin-bottom: 20px;
}

.accordion-group {
  	margin-bottom: 4px;
  	border: none;
  	-webkit-border-radius: 0;
       -moz-border-radius: 0;
          	border-radius: 0;
}

.accordion-heading {
  	border-bottom: 0 none;
}

.accordion-heading .accordion-toggle {
	position: relative;
  	display: block;
  	padding: 15px;
	background:#3C3F45;
	color: #23262C;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	
	-webkit-transition: all 0.1s linear 0s;
	-moz-transition: all 0.1s linear 0s;
	-ms-transition: all 0.1s linear 0s;
	-o-transition: all 0.1s linear 0s;
	transition: all 0.1s linear 0s;
}

.accordion-toggle {
  	cursor: pointer;
}

.accordion-heading:hover .accordion-toggle,
.accordion-heading:hover .accordion-toggle.inactive {
	background:#DE5E60;
	color:#FFFFFF;
}

.accordion-heading .accordion-toggle.active {
	background:#DE5E60;
	color:#FFFFFF;
}

.accordion-heading .accordion-toggle.inactive {
	background:#3C3F45;
}

.accordion-heading.accordionize .accordion-toggle span,
.accordion-heading.togglize .accordion-toggle span {
    position: absolute;
    top: 50%;
    right: 20px;
    margin: -8px 0 0 0;
    color: #23262C;
    font-size: 18px;
	
	-webkit-transition: all 0.1s linear 0s;
	-moz-transition: all 0.1s linear 0s;
	-ms-transition: all 0.1s linear 0s;
	-o-transition: all 0.1s linear 0s;
	transition: all 0.1s linear 0s;
}

.accordion-heading:hover .accordion-toggle span {
	color: #FFFFFF;
}

.accordion-heading .accordion-toggle.active span,
.accordion-heading:hover .accordion-toggle.inactive span {
	color: #FFFFFF;	
}

.accordion-heading.accordionize .accordion-toggle.active span,
.accordion-heading.togglize .accordion-toggle.active span {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.accordion-heading.togglize .accordion-toggle span {
	margin: -8px 0 0 0;
	font-size: 18px;
}

.accordion-heading.togglize .accordion-toggle.active span {
	opacity:0;
	filter: alpha(opacity=0);
}

.accordion-heading.togglize .accordion-toggle.active span + span {
	opacity:1;
	filter: alpha(opacity=100);
}

.accordion-inner {
	background: #26292E;
  	padding: 16px 20px;
	border: none;
}

/* ==================================================
   Alerts
================================================== */

.alert {
  	margin-bottom: 20px;
  	padding: 15px 35px 15px 15px;
	border: none;
	text-shadow: none;
  	-webkit-border-radius: 0px;
       -moz-border-radius: 0px;
          	border-radius: 0px;
  	background-color: #DBA571;
}

.alert,
.alert h4 {
	color: #FFFFFF;
}

.alert h4 {
  	margin: 0;
}

.alert .close {
 	position: relative;
  	top: 2px;
  	right: -22px;
  	line-height: 20px;
	color: #FFFFFF;	
	text-shadow: none;
	
	-webkit-transition: opacity 0.1s linear 0s;
	-moz-transition: opacity 0.1s linear 0s;
	-ms-transition: opacity 0.1s linear 0s;
	-o-transition: opacity 0.1s linear 0s;
	transition: opacity 0.1s linear 0s;
}

.alert .close:hover {
	opacity: 1;	
}

.alert-standard {
  	background-color: #3C3F45;
}

.alert-success {
  	background-color: #1F7F5C;
}

.alert-danger,
.alert-error {
  	background-color: #E56C69;
}

.alert-info {
  	background-color: #5A9AA8;
}


.alert-block {
  	padding-top: 14px;
    padding-bottom: 14px;
}

.alert-block > p,
.alert-block > ul {
  	margin-bottom: 0;
}

.alert-block p + p {
  	margin-top: 5px;
}

/* ==================================================
   Tabs
================================================== */

.nav {
 	margin-bottom: 0px;
  	margin-left: 0;
  	list-style: none;
}

.nav > li > a {
  	display: block;
  	color: #23262C;
  	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	border: none;
  	-webkit-border-radius: 0;
       -moz-border-radius: 0;
          	border-radius: 0;
}

.nav > li > a:hover,
.nav > li > a:focus {
  	background-color: #DE5E60;
	color: #FFFFFF;
  	text-decoration: none;
  	display: block;
}

.nav > li > a > img {
  	max-width: none;
}

.nav > .pull-right {
  	float: right;
}

.nav-tabs {
  	*zoom: 1;
}

.nav-tabs:before,
.nav-tabs:after {
  	display: table;
  	content: "";
  	line-height: 0;
}

.nav-tabs:after {
  	clear: both;
}

.nav-tabs {
  	border-bottom: none;
}

.nav-tabs > li {
	float: left;
	margin: 0 4px 0 0;
}

.nav-tabs > li > a {
	background: #3C3F45;
	padding:15px;
  	line-height: 20px;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
	border: none;
  	background-color: #DE5E60;
	color: #FFFFFF;
  	cursor: default;
}

.tabbable {
  	*zoom: 1;
}

.tabbable:before,
.tabbable:after {
  	display: table;
  	content: "";
  	line-height: 0;
}

.tabbable:after {
  	clear: both;
}

.tab-content {
  	overflow: auto;
	padding: 20px;
	background: #26292E;
}

.tab-content > .tab-pane {
  	display: none;
}

.tab-content > .active {
  	display: block;
}


/* ==================================================
   Blockquotes
================================================== */

blockquote {
  	padding: 15px 20px;
  	border-left: 2px solid #DE5E60;
}

blockquote p {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 28px;
}

blockquote small {
  	display: block;
  	color: #65676c;
  	font-weight:400;
  	font-size: 13px;
  	line-height: 20px;
	margin-top: 10px;
}

blockquote small:before {
  	content: '';
}

/* ==================================================
   Tooltip
================================================== */

.tooltip {
  	position: absolute;
  	z-index: 999;
  	display: block;
  	visibility: visible;
  	padding: 5px;
  	font-weight:400;
  	font-size: 14px;
  	opacity: 0;
  	filter: alpha(opacity=0);
}

.tooltip.in {
  	opacity: 1;
  	filter: alpha(opacity=100);
}

.tooltip.top {
  	margin-top: -3px;
}

.tooltip.right {
  	margin-left: 3px;
}

.tooltip.bottom {
  	margin-top: 3px;
}

.tooltip.left {
  	margin-left: -3px;
}

.tooltip-inner {
  	padding: 16px;
  	max-width: 300px;
  	-webkit-border-radius: 0;
       -moz-border-radius: 0;
          	border-radius: 0;
  	background-color: #FFFFFF;
  	color: #26292E;
  	text-align: center;
  	text-decoration: none;
}

.tooltip-arrow {
  	position: absolute;
  	width: 0;
  	height: 0;
  	border-style: solid;
  	border-color: transparent;
}

.tooltip.top .tooltip-arrow {
  	bottom: 0;
  	left: 50%;
  	margin-left: -15px;
  	border-width: 10px 10px 0;
  	border-top-color: #FFFFFF;
}

.tooltip.right .tooltip-arrow {
  	top: 50%;
  	left: 0;
  	margin-top: -15px;
  	border-width: 10px 10px 10px 0;
  	border-right-color: #FFFFFF;
}

.tooltip.left .tooltip-arrow {
  	top: 50%;
  	right: 0;
  	margin-top: -15px;
  	border-width: 10px 0 10px 10px;
  	border-left-color: #FFFFFF;
}

.tooltip.bottom .tooltip-arrow {
  	top: 0;
  	left: 50%;
  	margin-left: -15px;
  	border-width: 0 10px 10px;
  	border-bottom-color: #FFFFFF;
}

/* ==================================================
   Info Block
================================================== */

.info-block {
    border-left: 2px solid #DE5E60;
    overflow: hidden;
    padding: 20px;
    position: relative;
}

.info-text {
    padding-right: 20%;
    position: relative;
}

.info-block h3 {
    font-size: 24px;
	line-height: 1em;
	text-transform: uppercase;
}

.info-block p {
	margin-bottom: 0;	
}

.info-block a.button {
    margin-top: -20px;
    position: absolute;
    right: 0;
    top: 50%;
}

/* ==================================================
   Video
================================================== */

.video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border: none;
}


/* ==================================================
   Icons Example
================================================== */

.icons-example ul {
	margin: 0;
	padding: 0;
	text-align: center;
}

.icons-example ul li {
	display: inline-block;
	margin: 15px;
	list-style: none;
	cursor: pointer;
}

.icons-example ul li a {
	display: block;
	width: 70px;
	height: 70px;

	background: #26292E;
	
	-webkit-transition: all 400ms ease-out 0s;	
	   -moz-transition: all 400ms ease-out 0s;
		 -o-transition: all 400ms ease-out 0s;
		    transition: all 400ms ease-out 0s;
		  
	-webkit-transform: rotateY(0deg);
	   -moz-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		 -o-transform: rotateY(0deg);
			transform: rotateY(0deg);	
}

.icons-example ul li a span {
	display: inline-block;
	margin: 0;
	color: #55606a;
	font-size: 32px;
	line-height: 70px;
	
	opacity: 0.3;
	filter: alpha(opacity=30);
	
	-webkit-transition: all 400ms ease-out 0s;	
	   -moz-transition: all 400ms ease-out 0s;
		 -o-transition: all 400ms ease-out 0s;
		    transition: all 400ms ease-out 0s;
		  
	-webkit-transform: rotateY(0deg);
	   -moz-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		 -o-transform: rotateY(0deg);
			transform: rotateY(0deg);
}

.icons-example ul li:hover a,
.icons-example ul li.active a {
	background-color: #DE5E60;	
	
	-webkit-transform: rotateY(180deg);
	   -moz-transform: rotateY(180deg);
		-ms-transform: rotateY(180deg);
		 -o-transform: rotateY(180deg);
		    transform: rotateY(180deg);
}

.icons-example ul li:hover a span,
.icons-example ul li.active a span {
	color: #FFFFFF;
	opacity: 1;
	filter: alpha(opacity=100);
	
	-webkit-transform: rotateY(180deg);
	   -moz-transform: rotateY(180deg);
		-ms-transform: rotateY(180deg);
		 -o-transform: rotateY(180deg);
			transform: rotateY(180deg);
}
.fancybox-overlay {
    z-index: 9999 !important;
}