@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,500,700,900');
html, body{height:100%;}
body{
	margin:0px;
	font:400 16px/18px "Open Sans";
	color:#000000;
}

a{text-decoration:none;color:inherit;}
.underline{text-decoration:underline;}
.mayusculas{text-transform:uppercase;}
.renglon{width:100%;display:inline-block;}


.borde{border:1px #df0000 solid;}
.bco{color:#ffffff;}

.fondobco{background:#ffffff;}
.fondo-inicio-parallax{background:url(images/inicio-parallax.jpg) bottom center;background-position:fixed;background-size:cover;}
.fondo-linear-azul{background:url(images/fondo-linear-azul.png);height:32px;}
.fondo-solido-azul{background:#3773b0;height:21px;}
.fondo-azulrey{background:#084c7c;}

.fondo-azul{background:#3773b0;}
.fondo-grisoscuro{background:#585858;}
.fondo-grisclaro{background:#cdcdcd;}

.gris{color:#767676;}
.dorado{color:#ab8c2b;}
.azul{color:#003b7d;}

.extrabold{font-weight:900 !important;}
.bold{font-weight:700 !important;}
.grantitulo{font:500 50px/60px "Open Sans";}
.titulo{font:500 40px/50px "Open Sans";}
.subtitulo{font:500 30px/32px "Open Sans";}
.grande{font:500 26px/28px "Open Sans";}
.normal{font:500 20px/24px "Open Sans";}

.tabla_principal{width:100%;display:inline-block;text-align:center;margin:0px;}
.contenidos{width:100%;max-width:1100px;text-align:center;display:inline-block;}

/* encabezado */
.encabezado-falso{width:100%;display:inline-block;height:160px;background:#ffffff;}
.encabezado{position:fixed;display:inline-block;height:128px;z-index:4990;
	-webkit-transition: all .3s;    -moz-transition: all .3s;    -o-transition: all .3s;    transition: all .3s;}
.logotipo{display:inline-block;margin:0px 20px;vertical-align:middle;}

.redes_cintillo{display:inline-block;float:left;margin-left:12%;margin-top:3px;}
.redes_cintillo_img{width:24px;}
.redes_cintillo_img_ch{width:18px;margin-top:-2px;}





/* articulos lista */
.articulo{width:100%;display:inline-block;margin-bottom:20px;margin-top:40px;}
.articulos-opciones{width:100%;display:inline-block;font:700 20px/30px "Roboto";}
.articulos-opciones a:hover{color:#183b76;}
.articulo-imagen{width:35%;height:240px;display:inline-block;
	/*
	-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;
	*/
	}
.articulo-datos-lista{width:60%;height:200px;display:inline-block;vertical-align:top;margin-top:20px;}
.articulo-datos{width:85%;display:inline-block;float:left;text-align:left;margin-left:2%;}	
	
.articulo-titulo{font:400 22px/30px "Roboto";color:#183b76;}
.articulo-fecha{font:400 14px/22px "Roboto";color:#183b76;}
.articulo-descrip{font:400 18px/22px "Roboto";color:#747373;}	
.articulo-vermas{font:400 18px/26px "Roboto";color:#762256;text-align:right;float:right;}	

/* articulos detalle */
.articulo-imagen-gde{width:100%;height:400px;display:inline-block;margin-top:40px;
	/*
	-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;
	*/
}
.articulo-titulo-gde{width:100%;display:inline-block;margin-top:20px;float:left;
	font:400 46px/60px "Roboto";color:#183b76;}
.articulo-fecha-gde{width:100%;font:400 22px/26px "Roboto";color:#762256;text-align:left;}
.articulo-descrip-gde{width:100%;font:400 18px/22px "Roboto";color:#747373;text-align:left;margin-top:40px;}
.articulo-volver{font:400 22px/26px "Roboto";color:#183b76;text-align:left;float:left;margin-top:20px;}	

.portafolio{background:#000000;}
.portafolio-item{width:25%;height:240px;margin:0;float:left;display:inline-block;

   -webkit-box-shadow: inset 0 0 0 2px #e1e1e1;
    -moz-box-shadow: inset 0 0 0 2px #e1e1e1;
    box-shadow: inset 0 0 0 2px #e1e1e1;
	
    transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out;
}




/* MENUTOP */
.menutop{width:96%;display:inline-block;margin-left:-5%;}
.botonmenu{width:18%;display:inline-block;font:700 16px/128px "Open Sans";color:#003c7e;vertical-align:middle;
	height:128px;
	box-sizing: border-box;
	-webkit-transition: all .3s;    -moz-transition: all .3s;    -o-transition: all .3s;    transition: all .3s;}
.botonmenu-ch{width:13%;}
.botonmenu:hover [class*="btn_"]{margin-top:5px;}
.botonmenu:hover .mitext{display:inline-block;}

.consubmenu{position:relative;}
	.submenu{width:120px;display:none;background:rgba(94,94,94,0.8);position:relative;z-index:9000;left:18%;margin-top:-40px;}
	.submenu a{width:80%;display:inline-block;font:400 12px/12px "Open Sans";color:#e5e5e5;padding:10px 10%;}
	.submenu a:hover{background:rgb(94,94,94);color:#72d9d5;}
.consubmenu:hover .submenu{display:block;}

.btn-reservaaqui{width:141px;height:31px;display:inline-block;background:url(images/btn-reserva-aqui.png) center bottom;
	float:none;}
.btn-reservaaqui2{width:141px;height:15px;display:inline-block;background:url(images/btn-reserva-aqui.png) center top;
	float:none;margin-top:2px;}
.telefonotop{font:400 16px/16px "Open Sans";color:#ffffff;float:right;margin-right:12%;line-height:31px}
.telefonotop img{vertical-align:middle;}

#flecha-up{position:fixed;bottom:10px;right:10px;cursor:pointer;display:none;}



.imagen100{width:100%;}

.estrella{width:54px;height:40px;display:inline-block;background:url(images/estrella.png);
	-webkit-animation-name: brillar; /* Safari 4.0 - 8.0 */
	animation-name: brillar;
	animation-iteration-count: 10;
	-webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
	animation-duration: 3s;
	margin:10px;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes brillar {
  0%   {opacity:0.5;}
  50% {opacity:1;transform:  rotate(180deg) scale(1.5);}
  100% {opacity:0.5;transform:  rotate(360deg) scale(1);}
}

/* Standard syntax */
@keyframes brillar {
  0%   {opacity:0.5;}
  50% {opacity:1;transform:  rotate(180deg) scale(1.5);}
  100% {opacity:0.5;transform:  rotate(360deg) scale(1);}
}


.container {position: relative; width: 100%;height: 0; padding-bottom: 43.5%;}
.video { position: absolute;top: 0;left: 0;width: 100%;height: 100%;}




/*INICIO */
.inicio-secc-01{min-height:800px;}
.inicio-secc-02{margin:80px 0px;}
.iconos-circulos-celda{width:289px;height:288px;display:inline-block;position:relative;overflow:hidden;
	-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;margin:20px 2%;
	}
	.iconos-circulos-celda img{width:100%;position:relative;
		-webkit-transition: all .3s;    -moz-transition: all .3s;    -o-transition: all .3s;    transition: all .3s;
	}
	.iconos-circulos-celda .text{width:100%;display:inline-block;font:400 24px/48px "Open Sans";color:#ffffff;padding:10px 0px;
		background:rgba(34,34,34,0.7);position:relative;top:-185px;
		-webkit-transition: all .3s;    -moz-transition: all .3s;    -o-transition: all .3s;    transition: all .3s;
		}
	.iconos-circulos-celda .text2{font:400 24px/24px "Open Sans";}
.iconos-circulos-celda:hover .text{opacity:0;}
.iconos-circulos-celda:hover img{
	-ms-transform: scale(1.1);    -moz-transform: scale(1.1);    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);    transform: scale(1.1);
}


.inicio-secc-03 {margin-bottom:50px;}
.inicio-secc-03 .subtitulo{margin:50px 0px;}
.icoservicios-celda{width:138px;height:138px;display:inline-block;position:relative;overflow:hidden;
	-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;margin:40px 4%;
	}
	.icoservicios-celda img{width:100%;position:relative;
		-webkit-transition: all .3s;    -moz-transition: all .3s;    -o-transition: all .3s;    transition: all .3s;
	}
	.icoservicios-celda .text{opacity:0;width:100%;display:inline-block;font:400 14px/16px "Open Sans";color:#ffffff;
		padding:55px 0px;background:#003b7d;position:relative;top:-134px;
		border:4px #ffffff solid;box-sizing: border-box;
		-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;
		-webkit-transition: all .3s;    -moz-transition: all .3s;    -o-transition: all .3s;    transition: all .3s;
		}
	.icoservicios-celda .text2{padding:47px 0px;}
.icoservicios-celda:hover .text{opacity:1;}


.inicio-secc-04 {margin-bottom:50px;}
.inicio-secc-04 .subtitulo{margin:50px 0px;}
.inicio-galeria{width:100%;display:inline-block;}

.inicio-galeria-celda{width:33%;height:438px;display:block;float:left;overflow:hidden;box-sizing: border-box;position:relative;}
	.inicio-galeria-texto{width:100%;display:inline-block;background:rgba(171,140,43,0.8);color:#ffffff;position:absolute;
		font:400 20px/80px "Open Sans";opacity:0;
		-webkit-transition: all .3s;    -moz-transition: all .3s;    -o-transition: all .3s;    transition: all .3s;
		height:80px;bottom:0;left:0;}
	.inicio-galeria-celda:hover .inicio-galeria-texto{opacity:1;}
	
.inicio-galeria-subcelda{width:100%;height:218px;display:block;float:left;overflow:hidden;box-sizing: border-box;position:relative;}
	.inicio-galeria-texto2{width:100%;display:inline-block;background:rgba(171,140,43,0.8);color:#ffffff;position:absolute;
		font:400 20px/80px "Open Sans";opacity:0;
		-webkit-transition: all .3s;    -moz-transition: all .3s;    -o-transition: all .3s;    transition: all .3s;
		height:80px;bottom:0px;left:0;}
	.inicio-galeria-subcelda:hover .inicio-galeria-texto2{opacity:1;}
	
	
/* HABITACIONES */
.habitaciones-sliderbox{position:relative;}
.habitaciones-descripcion{width:40%;height:100%;position:absolute;padding:40px 5% 40px;
	text-align:left;
	top:0;right:0px;box-sizing: border-box;}
.habitaciones-descripcion ul{margin:0px;padding:0px;margin-top:30px;padding-left:20px;
	font:400 22px/30px "Open Sans";}
.habitacion-gris{background:rgba(177,177,177,0.9);}
.habitacion-azul{background:rgba(0,150,204,0.9);}
.habitacion-oro{background:rgba(160,132,45,0.9);}
.habitacion-btn{width:200px;display:inline-block;float:none;padding:30px 0px;
	background-image:url(images/flecha-derecha.png);background-repeat:no-repeat;
	background-position:26px 40px;
	font:400 20px/24px "Open Sans";color:#ffffff;vertical-align:middle;}
.habitacion-btn:hover{background:#ffffff;color:#084c7c;}

/* SERVICIOS */
.servicios-fondo01{background:url(images/servicios-fondo01.jpg);background-size:cover;}
	.servicios-tit1{font:400 40px/50px "Open Sans";color:#ffffff;margin:220px 0px;}
.servicios-fondo02{background:url(images/servicios-fondo02.jpg);background-size:cover;}
.servicios-fondo03{background:url(images/servicios-fondo03.jpg);background-size:cover;}
.servicios-fondo04{background:url(images/servicios-fondo04.jpg);background-size:cover;}
.servicios-secc1,
.servicios-secc2
	{width:50%;display:inline-block;box-sizing: border-box;padding:240px 10%;float:right;
	font:500 26px/40px "Open Sans";color:#ffffff;background:rgba(39,156,203,0.8);text-align:left;}
.servicios-secc2{background:rgba(160,132,45,0.8);float:left;}

/* GALERIA */

.galeria-celda{width:33%;height:348px;display:block;float:left;overflow:hidden;box-sizing: border-box;position:relative;}
	.galeria-texto{width:100%;display:inline-block;background:rgba(171,140,43,0.8);color:#ffffff;position:absolute;
		font:400 20px/80px "Open Sans";opacity:0;
		-webkit-transition: all .3s;    -moz-transition: all .3s;    -o-transition: all .3s;    transition: all .3s;
		height:80px;bottom:0;left:0;}
	.galeria-celda:hover .galeria-texto{opacity:1;}
	
.galeria-subcelda{width:100%;height:174px;display:block;float:left;overflow:hidden;box-sizing: border-box;position:relative;}
	.galeria-texto2{width:100%;display:inline-block;background:rgba(171,140,43,0.8);color:#ffffff;position:absolute;
		font:400 20px/80px "Open Sans";opacity:0;
		-webkit-transition: all .3s;    -moz-transition: all .3s;    -o-transition: all .3s;    transition: all .3s;
		height:80px;bottom:0px;left:0;}
	.galeria-subcelda:hover .galeria-texto2{opacity:1;}
	

/* UBICACION */
.ubicacion-fondo01{background:url(images/ubicacion-fondo01.jpg);background-size:cover;}
	.ubicacion-tit1{font:900 40px/50px "Open Sans";color:#ffffff;margin:40px 0px;}
.ubicacion-secc1
	{width:50%;display:inline-block;box-sizing: border-box;padding:140px 5%;float:right;
	font:500 16px/20px "Open Sans";color:#ffffff;background:rgba(171,140,43,0.88);text-align:left;}
.ubicacion-secc1 span{display:inline-block;width:70%;}



/* PIE */
.fondo-pie{background:#727272;box-sizing: border-box;}
.pie .titulo{margin:50px 0px;}
.pie-celda{width:45%;display:inline-block;font:400 20px/40px "Open Sans";vertical-align:top;text-align:left;color:#ffffff;
	margin-bottom:40px;}
.renglonpie3{font:400 14px/20px "Open Sans";}
.pie-celda .renglon{margin-bottom:10px;}
	.logotipopie{vertical-align:middle;float:left;margin-right:10px;}
	.icopie{vertical-align:middle;float:left;margin-right:10px;}
	.icopie3{margin-bottom:20px;}
.pie-titulos{display:inline-block;font:400 30px/40px "Open Sans";text-align:center;color:#2c4071;margin:50px 0px;}
	.pietit1{font:900 36px/40px "Open Sans";}
	.pietit2{font:700 30px/40px "Open Sans";}
	.pietit3{font:500 28px/40px "Open Sans";}
	.img-traslado{margin-bottom:50px;}

.mapa{width:100%;height:250px;overflow:hidden;position: relative;padding-bottom:15%;}
#map_canvas{position: absolute;top:0;left:0;width: 100% !important;height: 100% !important;}
.elmapa{margin-top:40px;}


/* formulario */
.portada-formulario{width:100%;display:inline-block;float:right;}
#deta_form{width:100%;display:inline-block;text-align:center;}
.formulario-secc{width:100%;display:inline-block;float:left;}
.input_label{width:100%;font:400 14px/20px "Open Sans";float:left;color:#3f3f96;text-align:left;}
.form_input,
.form_select,
.form_area{width:88%;height:40;display:inline-block;font:500 16px/40px "Open Sans";margin:1% 10px;
	border:none;text-indent:10px;background:#c9efed;box-sizing:border-box;}
.form_area{width:98%;height:80px;}	
.btnenviar{width:100px;border:none;display:inline-block;cursor:pointer;padding:0px 20px;margin:10px 0px;
	font:500 16px/40px "Arial";background:#0d4a47;color:#ffffff;
	/*-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;*/
	}
.mensajito{width:90%;font:500 16px/18px "Open Sans";text-align:right;}
#unmomento{width:100%;float:left;font:500 16px/22px "Open Sans";}
.marcorojo{background:#ffd0d0 !important;}
.enviandomensaje{display:none;font:500 26px/30px "Open Sans";margin-top:20px;color:#000000;}

.form_select{width:40%;background:#9d9d9d;}
.select-style{width:100%;display:inline-block;height:40px;float:left;padding:0;overflow: hidden;box-sizing:border-box;
		background: transparent url("images/arrowdown.png") no-repeat right center;}
	.select-style select{width:100%;border:none;box-shadow:none;background-color:transparent;box-sizing:border-box;
			-webkit-appearance: none;-moz-appearance: none;appearance: none;
			font:500 16px/40px "Open Sans";color:#ffffff;}
	.select-style select:focus{outline: none;}

	


::-webkit-input-placeholder {color:#1a3c88;}
::-moz-placeholder {color:#1a3c88;}
:-ms-input-placeholder {color:#1a3c88;}
:-moz-placeholder {color:#1a3c88;}


/*
::-webkit-scrollbar {width: 12px;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(200,200,200,0.9);border-radius: 5px;}
::-webkit-scrollbar-thumb {border-radius: 5px;-webkit-box-shadow: inset 0 0 6px rgba(200,200,200,0.9);}
*/
textarea,
input[type="text"]{
   -moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
    box-sizing:        border-box;
}

.ocultar{display:inline-block;}
.ocultar2{display:inline-block;}
.mostrar{display:none;}
.mostrar2{display:none;}
#botonmenuresponsive{display:none;position:fixed;top:10px;left:10px;z-index:9999;}
.menu_top_movil{display:none;}
.logotipo2{display:none;}



@media screen and (max-width:770px){/* cell potrait */
#botonmenuresponsive{display:inline-block;}

.ocultar{display:none;}
.mostrar{display:inline-block;}

}/* media */

@media screen and (max-width:740px){/* cell potrait */
	
.ocultar2{display:none;}
.mostrar2{display:inline-block;}

.div{border:1px #dfee00 solid;}
}/* media */


@media screen and (max-width:640px){/* cell potrait */

.encabezado-falso{height:60px;background:#ffffff;}


.logotipo2{display:inline-block;height:25px;float:left;margin-left:50px;margin-top:18px;}
.fondo-linear-azul{background:none;background:#3773b0;height:60px;}
.btn-reservaaqui{margin:3px 5px 0px 0px;float:right;width:100px;height:22px;background-size:cover;}
.telefonotop{font:400 16px/30px "Open Sans";color:#ffffff;float:right;margin-right:5px;margin-top:3px;}
.telefonotext{display:none;}

.redes_cintillo{float:right;margin-top:3px;margin-right:3px;}
.redes_cintillo img{width:25px;height:25px;margin:0px 2px;}

.logotipo{display:none;}

.menutop{width:100%;height:auto;position:fixed;top:0px;height:100%;z-index:9990;background:#e5e5e5;
	display:none;margin:0px;padding:0;}
.botonmenu{width:100%;height:auto;font:700 16px/40px "Open Sans";}
.consubmenu{position:static;}
	.submenu{width:100%;display:inline-block;position:static;z-index:9000;left:0%;margin:0px;}
	.submenu a{width:100%;margin:0px;padding:12px 0;background:none;}

.inicio-secc-01{min-height:300px;}
.inicio-secc-02{margin:30px 0px;}

.icoservicios-celda{margin:20px 1%;}

.inicio-galeria-celda{width:90%;height:auto;display:block;margin:5px 5%;}
.inicio-galeria-subcelda{width:100%;height:auto;margin:5px 0;}
.inicio-galeria-celda img{width:100%;}
	.inicio-galeria-texto{opacity:1;font:400 20px/40px "Open Sans";position:relative;height:40px;bottom:40px;left:0;}
	.inicio-galeria-texto2{opacity:1;font:400 20px/40px "Open Sans";position:relative;height:40px;bottom:40px;left:0;}

.galeria-celda{width:90%;height:auto;display:block;margin:5px 5%;}
.galeria-subcelda{width:100%;height:auto;margin:5px 0;}
.galeria-celda img{width:100%;}
	.galeria-texto{opacity:1;font:400 20px/40px "Open Sans";position:relative;height:40px;bottom:40px;left:0;}
	.galeria-texto2{opacity:1;font:400 20px/40px "Open Sans";position:relative;height:40px;bottom:40px;left:0;}

	
.habitaciones-sliderbox{position:static;}
.habitaciones-descripcion{width:100%;height:auto;position:static;padding:10px;
	text-align:left;}
.habitaciones-descripcion ul{margin:0px;padding:0px;margin-top:30px;padding-left:20px;
	font:400 18px/20px "Open Sans";}
.habitacion-btn{width:35%;display:inline-block;float:none;padding:10px;
	background-image:none;margin:10px;text-align:left;
	font:400 20px/24px "Open Sans";color:#ffffff;vertical-align:middle;}
	
	
.servicios-tit1{font:400 30px/30px "Open Sans";margin:80px 0px;}
.servicios-secc1,
.servicios-secc2
	{width:100%;display:inline-block;box-sizing: border-box;padding:20px;float:left;
	font:500 18px/20px "Open Sans";color:#ffffff;text-align:left;margin-bottom:400px;}
.servicios-secc1 img,
.servicios-secc2 img{width:60%;}
	
	
.ubicacion-tit1{font:900 24px/30px "Open Sans";margin:10px 0px;text-align:center;}
.ubicacion-secc1
	{width:100%;display:inline-block;box-sizing: border-box;padding:20px;float:right;
	font:500 16px/20px "Open Sans";}
.ubicacion-secc1 span{width:100%;}
.ubicacion-secc1 .renglon{width:100%;text-align:center;}
.ubicacion-secc1 img{float:none;}

	

.img-traslado{width:90%;display:inline-block;float:none;}
	
.pie-celda{width:90%;font:400 12px/16px "Open Sans";margin-bottom:20px;}
	.icopie{width:20px;vertical-align:middle;margin-right:4px;}
.renglonpie1{text-align:center !important;}
	.logotipopie{float:none;display:inline-block;width:120px;}
.renglonpie2{width:80%;float:left;margin:10px 0px;box-sizing: border-box;}
.icopie3{margin-bottom:20px;float:left;}
	

.grantitulo{font:500 26px/30px "Open Sans";}
.titulo{font:500 24px/26x "Open Sans";}
.subtitulo{font:500 20px/22px "Open Sans";}
.grande{font:500 18px/20px "Open Sans";}
.normal{font:500 16px/16px "Open Sans";}
.glosa{font:400 16px/18px "Open Sans";}


}/* media */
