@charset "utf-8";
/* CSS Document */
/*#FFFFFF - blanco
#B6B6AE - gris
#161616 - negro

NAV LI A - LATO 700 - 14
*/

* {
	padding: 0;
	margin: 0;
	color: #161616;
	text-decoration: none;
	list-style: none;
	font-family: 'Lato', sans-serif;
}
body, html, .main {
    height: 100%;
}
body {
	background-color: #FFFFFF;
}
nav {
	z-index: 105;
}
/*.nav-fondo {
	background-color: pink;
	height: 80px;
	position: relative;
	top: 0px;
	left: 0px;
}*/
section {
    min-height: 100%;
}
.imglogo {
	margin-top: -5px;
}
.logoCH {
	margin-top: -25px;
	margin-left: -180px;
	top: 50%;
	left: 50%;
	position: absolute;
	z-index: 1000;
}
.contenedora {
	width: 1180px;
	padding: 80px 0 0 0;
	margin: auto;
}
.cajascroll {
	padding: 80px 0 0 0;
	position: relative;
}
h1, h2, h3, h4 a {
	text-align: center;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
}
h1 {
	font-size: 20px;
	letter-spacing: 10px;
	margin-bottom: 80px;
}
h2 {
	font-size: 20px;
	letter-spacing: 10px;
}
h3 {
	font-size: 36px;
	letter-spacing: 18px;
	line-height: 42px;
}
h4 a  {
	color: #8F8F93;
	display: block;
	font-size: 12px;
	letter-spacing: 5px;
	margin-bottom: 60px;
}
h4 a:hover  {
	color: #161616; 
}
.col01 {
	display: inline-block;
	vertical-align: top;
	margin: 0 1.5%;
	width: 46%;
}
.col01 p {
	font-size: 15px;
	font-weight: 300;
	line-height: 25px;
	color: #6B6B6F;
	word-spacing: 3px;
}
.col01 p strong {
	color: #6B6B6F;
}
.ubicacion {
	display: inline-block;
	vertical-align: top;
	height: 410px;
	width:70%;
	background: red;
}
.mapa-rutas {
	display: inline-block;
	width: 29%;
	height: 410px;
	text-align: center;	
}
.mapa-rutas img {
	height: 100%;
	width: auto;
}
.galeria {
	padding-left: 0.6%;
}
.galeria img {
	width: 32.5%;
	margin: 0 0.6% 0.6% 0;
	height: auto;
}
.col02 {
	display: inline-block;
	vertical-align: top;
	margin: 0 1%;
	width: 30%;
}
.col02 p, .col02 p a {
	font-size: 14px;
	font-weight: 300;
	line-height: 23px;
	color: #6B6B6F;
}
.col02 p a:hover {
	color: #6B6B6F;
	opacity: 0.7;
	transition: 0.4s all ease-in-out;
}
.col02 p .titulo {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	color: #777777;
	font-size: 12px;
	letter-spacing: 4px;
}
.col03 {
	display: inline-block;
	vertical-align: top;
	width: 48%;
	margin: 0 0.5%;
}
.icono-mail {
	background-image: url(imagenes/icono-email.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 45px;
}
.icono-telefono {
	background-image: url(imagenes/icono-telefono.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 45px;
}
.icono-ubicacion {
	background-image: url(imagenes/icono-ubicacion.png);
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left: 45px;
}
.campo {
	width: 100%;
	border: 1px solid #E5E5E5;
	display: block;
	margin-top: 11px;
	padding: 5px;
	border-radius: 3px;
	height: 29px;
	font-size: 14px;
	letter-spacing: 1px;
	color: #999999;
	transition: ease-in-out all 0.4s;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999999;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #999999;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #999999;
}
:-moz-placeholder { /* Firefox 18- */
  color: #999999;
}
.area {
	width: 100%;
	padding: 5px;
	border: 1px solid #E5E5E5;
	display: block;
	margin: 12px 0 0 5px;
	height: 133px;
	font-size: 14px;
	letter-spacing: 1px;
	color: #999999;
	transition: ease-in-out all 0.4s;
}
.campo:hover, .area:hover {
	border: 1px solid #CCCCCC;
	cursor: default;	
}
#enviar {
	width: 130px;
	height: 37px;
	background-color: #373737;
	border-radius: 3px;
	border-style: none;
	color: #FCFCFC;
	float: right;
	margin-top: 17px;
	margin-right: -15px;
	font-size: 12px;
	letter-spacing: 2px;
}
.mensajeok {
	font-size: 12px;
	color: #161616;
	padding: 2px 6px;
	border: 1px solid #161616;
	margin: 0 0.5%;
	letter-spacing: 2px;
}

:focus {outline: none;}
.marginM {
	margin-bottom: 60px;
}
.marginL {
	margin-bottom: 80px;
}
.marginXL {
	margin-bottom: 120px;
}
.imgresponsive {
	width: 100%;
	height: auto;
}
.aclaracion {
	color: #AAAAAA;
	font-size: 11px;
	padding: 5PX;
	margin-bottom: 40px;
}
footer {
	background-color: #F8F8F0;
	padding: 50px 5% 45px 5%;
	margin-top: 90px;
}
footer p, footer p a {
	text-align: center;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 12px;
	letter-spacing: 6px;
	margin-bottom: 18px;
	color:#161616;
	opacity: 1;
}
footer p a:hover {
	color:#161616;
	opacity: 0.6;
	transition: 0.4s all ease-in-out;
}
footer p.derechos {
	font-size: 11px;
	letter-spacing: 2px;
}
footer .derechos a {
	color: #8F8F93;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	transition: all ease 0.4s;
}
footer .derechos a:hover {
	text-decoration:underline;
}
.zoom {
	display:inline-block;
	position: relative;
}		
.zoom img {
		display: block;
}
.zoom img::selection { background-color: transparent; }	
/* MAPA */
.info-map {position:absolute; top: 0; left: 50%; margin-left: -100px; z-index: 2; background:white; padding: 10px 0; width: 200px; }
.info-map h5 {margin: 0; font-size: 12px; text-align: center;}
.google-map{position:relative;background:#111}
.map-canvas{height:410px;position:relative;background-color:#111 !important;z-index:1}
.gm-style-cc{display:none !important}
.gm-style-iw div{color:#777}
.map-section{width:100%;height:100%;position:absolute;bottom:0;left:0;padding:0 !important;background:rgba(17,17,17,.93);z-index:2;cursor:pointer;-webkit-transition:all .27s cubic-bezier(0.300,.1,.58,1);transition:all .27s cubic-bezier(0.300,.1,.58,1)}
.map-section:hover{background:rgba(17,17,17,.9)}
.map-toggle{width:200px;height:100px;position:absolute;top:50%;left:50%;margin:-50px 0 0 -100px;color:#fff;text-align:center}

/* RESPONSIVE */

/*1600*/@media screen and (max-width:1600px){
	.ubicacion {width:66%;}
	.mapa-rutas {width: 33%;}
}
/*1400*/@media screen and (max-width:1400px){
	.ubicacion {width:60%;}
	.mapa-rutas {width: 39%;}
}
/*1200*/@media screen and (max-width:1200px){
	.contenedora {width: 94%; padding: 80px 3% 0 3%;}
	.map-canvas{height:350px;}
	.ubicacion {height: 350px; }
	.mapa-rutas {height: 350px;}	
}
/*1010*/@media screen and (max-width:1010px){
	.ubicacion {width:55%;}
	.mapa-rutas {width:44%;}
}
/*990*/@media screen and (max-width:990px){
	.col01 {margin: 0 6%; width: 88%;}
}
/*890*/@media screen and (max-width:890px){
	h3 {font-size: 35px; letter-spacing: 10px; line-height: 42px;}
	.col01 {margin: 0 1%; width: 98%;}
	.col02 {margin: 0 5% 0 0%; width: auto;}
	.direccion {margin:15px 1%}
	.map-canvas{height:280px;}
	.ubicacion {height:280px; }
	.mapa-rutas {height:280px;}
	.galeria {padding-left: 2%;}
	.galeria img {width: 48%; margin: 0 1.5% 2% 0;}
}
/*780*/@media screen and (max-width:780px){
	.ubicacion {width:54%;}
	.mapa-rutas {width:45%;}
}
/*680*/@media screen and (max-width:680px){
	h3 {font-size: 33px; letter-spacing: 15px; line-height: 42px;}		
	.col03 {width: 100%; margin: 0;}
	.ubicacion {width:100%;}
	.mapa-rutas {width:100%; text-align:center; margin-top: 30px}
	.contenedora {padding: 70px 0 0 0;}
	.cajascroll {padding: 70px 0 0 0;
}
}
/*580*/@media screen and (max-width:580px){
	.logoCH {
	margin-top: -27px;
	margin-left: -130px;
	width: 260px;
	height: auto;}
}
/*480*/@media screen and (max-width:480px){
	h1 {font-size: 16px; letter-spacing: 4px; margin-bottom: 40px;}
	h3 {font-size:30px; letter-spacing: 2px; line-height: 32px;}	
	.direccion {margin:0px 1%}
}