body{
	background-color: #1a1a1a;
	width: 100%;
}

.logo{
	width: 12%;
	margin-top: 2%;
}

li{
	display: initial;
	margin: 2%;
	padding: 1%;
	font-family: helvetica;
	
}

a{
	color: white;
	text-decoration: none;
}

ul{
	display: inline;
	list-style: none;
	padding: 1%;
	margin: 1%;
}

nav{
	margin: 2%;
}

li:hover a{
	color: #217ab7;
}

.inicio{
	width: 100%;
}

.icono{
	width: 2%;
	margin-top: .5%;
	padding-right: .5%;
}

.sm{
	margin-left: 2%;
}

.eslogan{
	font-family: 'Anton', sans-serif;
	color: #cccccc;
	text-align: center;
	font-size: 300%;
	opacity: 10%;
}

.eslogan2{
	font-family: 'Anton', sans-serif;
	color: #cccccc;
	font-size: 250%;
	position: absolute;
	margin-left: 26.5%;
	margin-top: -5%;
}

.h_nosotros{
	font-family: 'Open Sans', sans-serif;
	color: #27abe2;
	font-size: 300%;
	margin-left: 10%;
}

.p_nosotros{
	width: 45%;
	text-align: justify;
	color: #f2f2f2;
	float: right;
	margin-right: 10%;
	font-family: 'Noto Sans', sans-serif;
}

.s_nosotros{
	height: 200px;
}

.gale{
	width: 15%;
	padding: 2%;
}	

.h_titulo{
	color: #217ab7;
	font-family: 'Open Sans', sans-serif;
	margin-left: 15%;
	font-size: 200%;
}

.p_texto{
	margin-left: 15%;
	width: 40%;
	color: #f2f2f2;
	text-align: justify;
	font-family: 'Noto Sans', sans-serif;
}

.nost{
	width: 20%;
	position: absolute;
	margin-left: 65%;
	margin-top: 1%;
}

.servi{
	width: 100%;
}

.c_h{
	width: 5%;
	float: right;
	margin-right: 10%;
	margin-top: -6%;
}

.c_h2{
	width: 5%;
}

.h_servi{
	font-family: 'Open Sans', sans-serif;
	color: #27abe2;
	font-size: 300%;
	margin-left: 10%;
}

.p_serv{
	width: 45%;
	text-align: justify;
	color: #f2f2f2;
	float: right;
	margin-right: 10%;
	font-family: 'Noto Sans', sans-serif;
}

.servicios{
	height: 300px;
}

.img_resid{
	width: 50%;
	margin-left: 10%;
}

.resid_serv{
	width: 25%;
	position: absolute;
	margin-left: 55%;
	margin-top: 7.5%;
}

.p_resid{
	width: 45%;
	float: right;
	margin-right: 10%;
	margin-top: 5%;
	color: #f2f2f2;
	font-family: 'Noto Sans', sans-serif;
	text-align: justify;
}

.resid{
	width: 30%;
	margin-left: 10%;
	margin-top: 3%;
}

.cont{
	width: 40%;
}

.icono_cont{
	width: 10%;
	display: inline;
}

.mapa{
	width: 75%;
	margin-left: 5%;
}

.textcont{
	font-family: helvetica;
	width: 90%;
	font-size: 90%;
}

.sect_cont{
	background-color: #f2f2f2;
	width: 20%;
	height: 55%;
	padding: 2.5%;
	position: absolute;
	margin-top: 5%;
	margin-left: 70%;
	box-shadow: -8px 9px 11px -9px rgba(0,0,0,0.75);
	bottom: auto;
}	

  .form-consulta {max-width: 500px; background: #eee; padding: 25px; font-family: 'Source Sans Pro', sans-serif; margin-left: 30%; margin-top: 30%;}
.campo-form {width:100%; height:36px; margin:2px 0 6px; padding-left:6px; box-sizing: border-box; border-radius:3px; border:0; font-family: 'Source Sans Pro', sans-serif; font-size:1em;}
label span {color: #f00}
textarea {min-height: 150px!important;}
.btn-form {display: inline-block; border:0; background: #000; height: 46px; line-height: 46px; padding: 0 20px; border-radius: 6px; color:#fff; text-decoration: none; text-transform: uppercase; letter-spacing: 1px}
.btn-form:hover {background: #444}
form{
	width: 100%;
}


.h_contact{
	position: absolute;
	margin-left: 50%;
	margin-top: -4%;
  	font-family: 'Open Sans', sans-serif;
  	color: #1a1a1a;
  	font-size: 400%;
  	background-color: white;
  	padding: 1%;
  	width: 30%;	
  	box-shadow: -8px 9px 11px -9px rgba(0,0,0,0.75);
}