@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700|Playfair+Display:700i|Roboto:400,700');
/*
font-family: 'Montserrat', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Roboto', sans-serif;
*/
html {
	background:#FFF;
}
body{
	font-family: 'Roboto', sans-serif;	
	color:#505050;	
}
h1 {
	font-family: 'Montserrat', sans-serif;
	font-size:3em;
	text-transform:uppercase;
	color:#B11C05;
}
h2 {
	font-family: 'Montserrat', sans-serif;
	font-size:2em;
	text-transform:uppercase;
	color:#B11C05;
}
h3 {
	font-family: 'Montserrat', sans-serif;
	font-size:1.5em;
	text-transform:uppercase;
	color:#B11C05;
}
h4{
	font-family: 'Roboto',sans-serif;	
}
a{
	color:#B64B36;	
}
.titulo_int{
	text-transform:uppercase;
	font-size:1.5em;	
	color:#B11C05;
	font-family: 'Roboto', sans-serif;	
	font-weight:700;
}
input {
	font-family: 'Roboto', sans-serif;	
}
textarea {
	font-family: 'Roboto', sans-serif;	
}
select {
	font-family: 'Roboto', sans-serif;	
}
.boton{
	background-color:#B11C05;	
}
.boton_small{
	background-color:#AD9876;	
}
.seccion_descripcion .columnas .colIzqI{
    padding-left:480px;
}
.seccion_descripcion .columnas .colDer {
    width:480px;
}
.boton_amarillo{
		
}
.boton_gris{
	background-color:#666;	
}
.boton:hover{
	background-color:#B11C05;	
}
.mayusculas{
	font-size:1.25em;	
}
.fondo_blanco{
	background-color:#FFF;
	color:#000;
}
.fondo_cafe{
	background-color:#E8E8E8;
	padding:20px 10px;
	color:#000;
}
.contenido .footer .fondo_blanco{
	text-transform:uppercase;
	line-height:1.5em;	
}
.contenido .footer .fondo_blanco a{
	color:#000;
}
.contenido .header{
	background:#FFFFFF;
	position:relative;
	z-index:11;
	height:120px;
}
.contenido .header .logo{
	position:absolute; 
	z-index:11;
	left:10px;
	top:0px;
}
.contenido .header .logo h1{
	background:url(../img/sitio/hoteles-en-puebla.png) no-repeat center #FFFFFF;
	background-size:contain;
	width:240px;
	height:100px;
	text-indent:-9999px;
    margin: 10px 0px;
}
.contenido .header .hamburgesa{
    top: 0;
    height: 120px;
    z-index: 3;
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{ 
	background-color:#B11C05; 
}

.contenido .header .menu{
	padding-left:240px;	
    float:none;
    display:inherit;
    z-index: 1;
	height:120px;
	text-align:right;
}
.contenido .header .menu ul li{
    font-family: 'Montserrat', sans-serif;
	border-left:1px solid #B11C05;
}
.contenido .header .menu ul li:first-child{
	border-left:none;
}
.contenido .header .menu ul li a{
	line-height: 41px;
	color:#B11C05;
	text-transform:uppercase;
	font-weight:700;
	padding:0px 15px;
}
.contenido .header .menu ul li.lang{
	background-color:#AD9876;
	padding:0px 10px 0px 10px;
	margin-top:5px;
}
.contenido .header .menu ul li.lang a{
	color:#FFF;
	padding-right:0px;
	padding-left:0px;
	/*padding-top:5px;*/
	text-indent:0px;
	width:auto;
	line-height:30px;
}
.contenido .header .menu ul li.lang a.en{
    background:none;	
	background-color:#AD9876;
}
.contenido .header .menu ul li.lang a.es {
    background:none;	
	background-color:#AD9876;
}

.contenido .info .hotel{
	border:1px solid #eff0f1;
	padding:15px;
	margin:15px;	
}
.contenido .info .hotel h3{
	background-color:#AD9876;
	color:#FFF;
	font-size:1.25em;
	font-weight:400;
	text-transform:none;	
}
.contenido .info .hotel small a{
	border-bottom:1px solid;
	font-weight:700;
}

.contenido .info .seccion_slide_p{
	margin-top:-10px;	
}

.contenido .info .seccion_slide{
	position:relative;	
}
.contenido .info .seccion_slide .slide{
	/*height:auto;*/
}
.contenido .info .seccion_slide .slide .slide_items .item .margen{
	text-align:center;	
}
.contenido .info .seccion_slide .slide .slide_items .item .titulo{
	font-size:1em;	
	padding:0px 10px;
}
.contenido .info .seccion_slide .slide .slide_items .item .titulo .descripcion{
	font-size:2em;
	line-height:1.15em;	
	padding:0px 10px;
	font-family: 'Crimson Text', serif;
    font-style: italic;
    margin: 0 auto;
    max-width: 500px;
    width: 100%;
}
.contenido .info .seccion_slide .slide .slide_items .item .titulo .text{
	font-family: 'Crimson Text', serif;
	font-weight:700;
	font-style:italic;
	font-size:4em;
	line-height:1.15em;
}

.contenido .info .seccion_slide_p .slide .slide_items .item .descripcion, .contenido .info .seccion_slide_min .slide .slide_items .item .descripcion{
	text-shadow: 0px 0px 4px #333333;
}

.contenido .info .seccion_slide_p .slide .slide_items .item .titulo, .contenido .info .seccion_slide_min .slide .slide_items .item .titulo{
	text-shadow: 0px 0px 4px #333333;
    background-color: rgba(173, 152, 118, 0.7);
	max-width:740px;
	padding:25px 0px 50px 0px;
	margin:0 auto;
	font-family: 'Crimson Text', serif;
    border: 2px solid #FFF;
}

.contenido .info .seccion_slide .slide .slide_items .item .linea_blanca{
    height: 2px;
    background: #FFFFFF;
    font-size: 0px;
    line-height: 0px;
    width: 100%;
}

.contenido .info .seccion_slide .slide_habitaciones{
    padding: 10px 0;
}
.contenido .info .seccion_slide .slide_habitaciones .slide_items .item .foto{
	width:60%;
}
.contenido .info .seccion_slide .slide_habitaciones .slide_items .item .detalle{
	width:40%;
	float:right;
	display:inline;
	height:100%;
	position:relative;
}
.contenido .info .seccion_slide .slide_habitaciones .slide_items .item .detalle .titulo{
	position: absolute;
	left:0;
	top:0;
	z-index:1;
	width:100%;
	text-align:center;
	font-size:1.5em;
	line-height:1.15em;
	background-color:#FFF;
	height:50px;
	color:#000;
}
.contenido .info .seccion_slide .slide_habitaciones .slide_items .item .detalle .imagen{
    width: 100%;
    height: 100%;
    background: no-repeat center;
    background-size: cover;
	position:relative;
}
.contenido .info .seccion_slide .slide_habitaciones .slide_items .item .detalle .imagen img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: no-repeat center;
    background-size: cover;
    opacity: 0;
    color: #FFF;
    text-align: left;
	object-fit: cover;
}


.contenido .info .seccion_descripcion{
	text-align:center;	
}


.contenido .info .seccion_servicios{
	background:#eff0f1;
	margin-top:30px;
	padding:30px 0px;
	color:#000;
	text-align:justify;
}
.contenido .info .seccion_servicios h3, .contenido .info .seccion_servicios h2{
	color:#AD9876;
	text-align:center;
	padding-bottom:15px;
}


.contenido .info .seccion_servicios .servicio{
	font-family: 'Roboto', sans-serif;
	text-transform:uppercase;
	font-weight:700;
	padding:0px 5px;
	font-size:1em;
	color:#AD9876;
}

.contenido .info .seccion_servicios .col_servicio .colh{
	border-left:1px solid #b64b36;	
}
.contenido .info .seccion_servicios .col_servicio:first-child .colh{
	border-left:none;
}


.contenido .info .seccion_servicios .servicio .foto {
    background-color:transparent;
    background-size:contain;
    border:none;
    max-width:90px;
    filter: invert(72%) sepia(14%) saturate(703%) hue-rotate(358deg) brightness(83%) contrast(86%);
}

.contenido .info .seccion_habitaciones .titulo{
	background-color:#004787;
	border-bottom:5px solid #002E69;
	padding:20px 10px 10px 10px;
	color:#FFF;	
	text-align:center;
}
.contenido .info .seccion_habitaciones .titulo h2, .contenido .info .seccion_habitaciones .titulo h3{
	color:#FFF;	
	line-height:1em;
	margin:0;
	padding:0;
	font-size:1.5em;
}
.contenido .info .seccion_habitaciones ul{
	margin:0;
	padding:0px;
	list-style:none;
	margin-top:15px;
}
.contenido .info .seccion_habitaciones ul li{
	margin:0;
	padding:0px;
	list-style:none;
}
.contenido .info .seccion_habitaciones ul li .col3{
	width:33.333333% !important;	
}
.contenido .info .seccion_habitaciones ul li div.titulo{
    font-family: 'Montserrat', sans-serif;
	font-size:1em;
	text-transform:uppercase;
}
.contenido .info .seccion_habitaciones ul li div.dato{
	background-color:#135B9B;
	border-bottom:1px solid #5581B2;
	color:#FFF;
	padding:15px 10px;
}
.contenido .info .seccion_habitaciones ul li div.capacidad{
	
}
.contenido .info .seccion_habitaciones ul li div.tarifa{
	
}
/*
.contenido .info .seccion_reserva .columnas .col6{
	width:100%;
	float:inherit;
}
.contenido .info .seccion_reserva .columnas .col6:nth-child(3), .contenido .info .seccion_reserva .columnas .col6:nth-child(4){
	width:49%;
    display: inline-block;
}
.contenido .info .seccion_reserva .columnas .col6:nth-child(6) span.normal{
	display:none;	
}
.contenido .info .seccion_reserva .columnas .colv{
	padding:0px;	
}
.contenido .info .seccion_reserva .formulario .input_espacio{
	padding:5px 0;	
}
*/
.contenido .info .seccion_reserva {
	background-color: #c7d9e7;	
    border-bottom:0px solid #FFF;
	border-top:5px solid #B11C05;
	margin-bottom:10px;
	margin-top:5px;
	box-shadow: 0 3px 2px #CCC;
}
.contenido .info .seccion_reserva .formulario input, .contenido .info .seccion_reserva .formulario select{
	-webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #B11C05;
	color:#B11C05;
	
}
.contenido .info .seccion_reserva .formulario .input_espacio span.normal{
	color:#B11C05;
}
.contenido .info .seccion_reserva .boton{
	background-color:#B11C05;
	/*margin-top:10px;*/
}

.contenido .info .seccion_que_hacer .titulo_lugar{
	
}

.fondo_gris{
	background-color:#eff0f1;	
}
.contenido .info .seccion_que_hacer .lugares .lugar .acciones{
	background-color:#eff0f1;	
}
.contenido .info .seccion_que_hacer .lugares .lugar .acciones .btn_ico:first-child{
	margin-top:10px;	
}


.contenido .info .seccion_contacto{
	background:#F0F0F0;
	padding:30px 0px 0px 0px;
}

.contenido .info .seccion_contacto .columnas .col2{
	display: inline-block;
    float: initial;
}

.contenido .info .seccion_contacto_hidden h3{
	display:none;
}

.contenido .info .seccion_titulo{
	background-color:#B11C05;	
	border-bottom:1px solid #FFF;
    box-shadow: 0 3px 2px #b64b36;
	position:relative;
	z-index: 2;
}
.contenido .info .seccion_titulo .margen .formulario{
	font-weight:700;
	color:#FFFFFF;
	text-transform:uppercase;
}
.contenido .info .seccion_titulo .margen .formulario a{
	border-bottom:2px solid;
	color:#FFFFFF;
}
.contenido .info .seccion_titulo .margen .formulario .columnas .col3{
	width:33.333333%;	
}
.contenido .info .seccion_titulo h1, .contenido .info .seccion_titulo h2{
	color:#FFFFFF;	
	font-size:2em;
	text-transform:uppercase;
	font-family: 'Roboto', sans-serif;	
}

.contenido .info .seccion_que_hacer h3{
	/*font-family: 'Crimson Text', serif;	
	font-style: italic;
	text-align:left;
	font-weight:700;
	text-transform:none;*/
	font-size: 2em;
	color:#AD9876;
	text-align:center;
	padding-bottom:15px;	
}

.contenido .info .seccion_que_hacer_web{
	background-color:#c7d9e7;
}
.contenido .info .seccion_que_hacer_web .seccion_que_hacer .margen{
    background-color: #FFF;
    padding-bottom: 0;
	padding-top:15px;
    margin-bottom: 0;	
}
.contenido .info .seccion_que_hacer{
    margin-bottom: 30px;
    padding:30px 0px;	
}
.contenido .info .seccion_que_hacer .tabs .tab{
    font-size:1.5em;
    text-transform: uppercase;
    font-family: 'Roboto',sans-serif;	
}
.contenido .info .seccion_que_hacer .tabs .tab_activo a{
    color:#b64b36;
}
.contenido .info .seccion_que_hacer .lugar_lista .lugar_nombre a{
	font-weight:700;
	font-size:1.25em;
}
.contenido .info .seccion_que_hacer .lugares_ul li a{
	color:#000000;
}
.contenido .info .seccion_que_hacer .lugares_ul li a:hover{
	color:#FFFFFF;
	background-color:#999;
}
.contenido .info .seccion_que_hacer .lugares_ul li a.activo{
	color:#FFFFFF;
	background-color:#AD9876;
}

.contenido .footer{
	background:#B11C05;
	color:#FFF;
	text-align:left;	
}

.contenido .footer .fondo_rojo{
	font-family: 'Montserrat', sans-serif;
}

.contenido .footer a{
	color:#FFF;	
}


.contenido .info .seccion .descripcion_hotel{
	line-height:2em;
	font-weight:700;	
}

.formulario input{
	line-height:38px;
	height:38px;
	font-weight:400;
	border: 1px solid #9E9A9A;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px; 
}
.formulario select{ 
	line-height:40px;
	height:40px;
	font-weight:400;
	border: 1px solid #9E9A9A;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px; 
}
.formulario textarea{ 
	border:1px solid #9E9A9A; 
	resize:none; 
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px; 
}
::-webkit-input-placeholder {
	color:#000;
	font-size:1em;
}
:-moz-placeholder {
	color:#000;
	font-size:1em;
}
::-moz-placeholder {
	color:#000;
	font-size:1em;
}
:-ms-input-placeholder {
	color:#000;
	font-size:1em;
}
:placeholder-shown {
	color:#000;
	font-size:1em;
}

.seccion_reserva .formulario input{
	line-height:28px;
    height: 28px;
	font-weight:400;
	border:1px solid #726560;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px; 
}
.seccion_reserva .formulario select{ 
	line-height:30px;
	height:30px;
	font-weight:400;
	border: 1px solid #726560;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px; 
}
.seccion_reserva ::-webkit-input-placeholder {
	color:#999;
	font-size:0.875em;
}
.seccion_reserva :-moz-placeholder {
	color:#999;
	font-size:0.875em;
}
.seccion_reserva ::-moz-placeholder {
	color:#999;
	font-size:0.875em;
}
.seccion_reserva :-ms-input-placeholder {
	color:#999;
	font-size:0.875em;
}
.seccion_reserva :placeholder-shown {
	color:#999;
	font-size:0.875em;
}

.seccion_contacto .boton{
	background:#B11C05;
}

.marco{
	background:#367FBA;
	color:#FFF;
	border:0px;	
	height:100px;
	position:relative;
	padding:0px;
}
.marco .ico {
	position:absolute;
	left:0px;
	top:0px;
    height:100%;
	width:100px;
    margin-bottom: 15px;
    background: no-repeat center;
}
.marco .ico_lista{
    background-image: url(../img/sitio/ico_disponibilidad.png);
}
.marco .ico_tel {
    background-image: url(../img/sitio/ico_llamanos.png);
}
.marco .texto {
    line-height: 1.15em;
	font-weight:700;
	padding-left:100px;
	padding-right:10px;
	text-align:left;
	height:100px;
}

@media all and (max-width: 1170px) {
	.contenido .header .margen{
		padding:0px;	
	}
	.contenido .header .logo{
		left:0;	
	}
	.contenido .header .reserva .margen{
		padding:0px 10px;	
	}
}


.seccion_hoteles .hotel{
	box-shadow: 3px 3px 3px #CCCCCC;	
}
.seccion_hoteles .columnas .col3{
	width:33%;
	float:inherit;
	display:inline-block;	
}
.seccion_hoteles .descripcion{
	padding-top:15px;
}

@media all and (max-width: 1024px) {

	.contenido .header .menu{
	    padding-left:240px;	
	}
	.seccion_hoteles .descripcion{
		font-size:0.875em;
	}
}



@media all and (max-width: 980px) {
	.seccion_descripcion .columnas .colIzqI {
		padding-left: 0;
	}
	.seccion_descripcion .columnas .colDer {
		width: 100%;
	}
	.seccion_hoteles .columnas .col3{
		width:49%;
			
	}
	.seccion_servicios .columnas .col4{
		width:25%;			
	}
}

@media all and (max-width: 950px) {
	
	.contenido .header .menu{
		top:120px;	
		padding-left:0px;
		display:none;
		height:auto;
		padding-bottom:0px;
		box-shadow: 0 3px 3px #CCCCCC;
		text-align:center;
	}
	.contenido .header .menu .centrado{
		width:100%;	
	}
	.contenido .header .menu ul li{ 
		margin:0px 0px;
		padding:5px 0px;
		line-height:1.15em;
		min-height:inherit;
		float:inherit;
		display:block;
		border-left:none;
		border-top:1px solid #B11C05;  
	}
	.contenido .header .menu ul li a{ 
		line-height:40px;
		display:block; 
		/*color:#333; */
	}	
	.contenido .header .menu ul li.lang{
		margin-left:0px;	
	}

	.contenido .header .seccion_reserva .margen .formulario input, .contenido .header .seccion_reserva .margen .formulario select{
		font-size:0.875em;
	}
}

@media all and (max-width: 900px) {
	.contenido .info .seccion .descripcion_hotel{
		line-height:1.25em;
		font-weight:400;	
	}
	.contenido .header .margen{
		text-align:left;	
	}
	.contenido .header .reserva{
		padding-top:0px;	
		padding-left:0px;
		height:auto;
	}
	.contenido .header .logo{
		position:relative;
		width:auto;
		display:inline-block;
	}
	.contenido .header{
		height:auto;
	}
	.contenido .header .logo h1{
		height:75px;	
		width:200px;
	}
	.contenido .header .hamburgesa{
		height:95px;
	}
	.contenido .header .menu{
		top:95px;	
	}
	.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{ 
		background-color:#B11C05; 
	}
	
}

@media all and (max-width: 800px) {
	.contenido .info .seccion_slide .slide_habitaciones .slide_items .item .foto{
		display:none;
	}
	.contenido .info .seccion_slide .slide_habitaciones .slide_items .item .detalle{
		width:100%;
		float:inherit;
		display:block;
	}
}

@media all and (max-width: 780px){
	.contenido .info .seccion_slide .slide_habitaciones .slide_flecha {
    	display:block;
		margin-top:0px;
	}
	.contenido .info .seccion_slide .slide .slide_items .item .titulo .descripcion{
		font-size:1.15em;
	}
	.contenido .info .seccion_slide .slide .slide_items .item .titulo .text{
		font-size:3em;
	}
	.contenido .info .seccion_titulo h1, .contenido .info .seccion_titulo h2{
		font-size:1.5em;
	}
}

@media all and (max-width: 720px){
	.seccion_hoteles .columnas .col3{
		width:100%;
	}	
	.seccion_servicios .columnas .col4{
		width:50%;			
	}
}

@media all and (max-width: 640px){

	.contenido .info .seccion_slide .slide{
		/*height:280px;*/
	}
	.contenido .info .seccion_slide_p .slide{
		/*padding-bottom:120px;*/
	}
	.contenido .header .seccion_reserva .margen{
		padding:0px;
	}
	.contenido .header .seccion_reserva .columnas .col6{
		width:33.333333%	
	}
	.contenido .header .seccion_reserva .columnas .colv{
		padding-top:0px;
	    padding-bottom:0px;	
	}
	.contenido .header .seccion_reserva .formulario .input_espacio{
		padding-top:5px;	
	}
	.contenido .header .seccion_reserva .margen .formulario{
		padding-bottom:10px;	
	}
	.contenido .header .seccion_reserva .margen .formulario{
		padding-left:0px;
	}
	.contenido .header .seccion_reserva .margen .formulario input, .contenido .header .seccion_reserva .margen .formulario select{
		font-size:1em;
	}
}
@media all and (max-width: 620px){
	.contenido .info .seccion_slide .slide{
		height:auto;	
	}
}
@media all and (max-width: 600px){
	.fondo_blanco_margen{
		padding:10px;
	}
	.contenido .footer .fondo_rojo{
		padding-bottom:20px;	
	}
}
@media all and (max-width: 560px){
	.contenido .info .seccion_slide .slide .slide_items .item .titulo .text{
		font-size:2em;
	}
	.contenido .info .seccion_slide .slide .slide_items .item .titulo .descripcion{
			
	}
}