body{
	margin: auto;
	font-size: 17px;
	font-family: 'Zilla Slab', 'sans-serif';
	font-weight: 300;
	/*background-color: #00007f; */
}

header.encabezado{
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 0; 
	width: 100%;
	max-width: 1300px;
	margin: auto;
}

div.divencabezado{
	background-color: white;
	width: 99%;
	margin: auto; 
	max-width: 1300px;
}

figure#logo{
	width: 45%;
	height: 90px;
	margin: 0px;
	max-width: 45%;
}

img.logoprinc{
	width: 100%;
	height: 100%;
}

div.divfb{
	width: 70px;
	height: 6	0px;
	margin-top: 15px;
	overflow: hidden;
	float: right;
}

figure.fb{
	width: 100%;
	height: 100%;
}

img.imgfb{
	width: 100%;
	height: 100%;
}
div.desplegable{
	width: 2%;
}

nav.menu{
	width: 100%
	margin auto;
	max-width: 1300px;
	background-color: #00007f;
}

a.linknav{
	width: 20%;
	text-decoration: none;
	font-size: 17px;
	color: white;
}

ul.menuResp{
	width: 96%;
	padding: 0px;
	list-style: none outside;
}

ul.menu{
	width: 96%;
	display: none;
}

li.mlista{
	width: 96%;
	list-style: none;
}

div.contenedor1{
	text-align: center;
	margin: auto;
	width: 96%;
	max-width: 1287px;
	overflow: hidden;
	/*background-color: white;*/
	background-size: 200%;
	/*background-image: url('img/banner.png');*/
  	background-repeat: no-repeat;
  	background-position: center;
  	color: black;
}

div.divmarcas{
	width: 90%;
	height: 100px;
	margin: auto;
	overflow: hidden;
}

figure.imgmarcas{
	margin: auto;
	width: 20%;
	height: 50%;
	display: inline-block;
}


img.marcasimg{
	width: 100%;
	height: 100%;
	margin: auto;
}


div.contenedor{
	text-align: center;
	margin: auto;
	width: 96%;
	max-width: 1287px;
	overflow: hidden;
	background-color: white;
}

p.textoprincipal{
	margin: auto;
	width: 80%;
	color: black;
	font-weight: 300;
}

p.textosec{
	text-align: center;
	margin: auto;
	width: 80%;
	color: black;
	font-weight: 300;
}

div.espaciador{
	width: 96%;
	height: 25px;
	max-width: 1287px;
	margin:	auto;
	vertical-align: middle;
	background-color: white;
}

hr.blue{
	width: 99.9%;
	height: 10%;
	margin: 0px;
	margin-top: 0px;
	background-color: #00007f;
}

hr.red{
	width: 99.9%;
	height: 10%;
	margin: 0px;
	background-color: #bc1b0e;
}

hr.gray{
	width: 100%;
	height: 10%;
	margin: 0px;
	max-width: 1285px;
	background-color: gray;
}

div.servicios{
	width: 80%;
	height: 340px;
    max-width: 350px;
    min-width: 250px;
    margin: auto;
    margin-top: 5px;
    border: 1px solid black;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 1)
}

div.icono{
	margin: auto;
	width: 40%;
	height: 25%;
	overflow: hidden;
}

img.imgicono{
	margin: auto;
	width: 70%;
	height: 70%;
}

div.servtitulo{
	width: 95%;
	height: 7%;
	margin: auto;
	overflow: hidden;
}

span.serv-title{
	margin: auto;
	font-weight: 600;
	width: 100%;
	vertical-align: middle;
}

div.textoserv{
	width: 95%;
	height: 65%;
	margin: auto;
	overflow: hidden;
}

p.parrafserv{
	color: gray;
	width: 99%;
	max-height: 99%;
	text-align: center;
	margin: auto;	
}

ul.listaserv{
	color: gray;
	text-align: left;
	margin: auto;
	font-size: 15px;
}

div.footer{
	margin-top: 0px;
	width: 99%;
	height: 100%;
	max-width: 1287px;
	background-color: #00007f;
	color: white;
}
/*
hr.piepagina{
	height: 100%;
	width: 5px;
	margin: 10px;
	background-color: #bc1b0e;
}*/
p.pais{
		width: 100%;
		margin: auto;
		font-weight: 600;
	}
div.contacto{
	margin: auto;
	width: 80%;
	max-width: 400px;
	text-align: center;
	}

a.acontacto{
	color: white;
}

p.direccion{
	margin: auto;
}

hr.gray2{
	width: 99%;
	height: .9px;
	margin: auto;
	background-color: gray;
}

hr.grayLi{
	width: 99%;
	height: .9px;
	margin: 0px;
	background-color: gray;
}

p.pabout{
	width: 80%;
	margin: auto;
	margin-bottom: 20px;
}

p.pcertificacion{
	width: 80%;
	margin-top: 0px;
	margin-left: 10px;
	margin-bottom: 0px;
}

ul.listcert{
	width: 80%;
	margin-top: 0px;
	margin-left: 0px;
}

div.certificaciones{
	width: 80%;
	margin: auto;
	text-align: left;
}

div.certificacionesimg{
	width: 80%;
	margin: auto;
}

figure.imgcert{
	margin: auto;
	width: 40%;
	display: inline-block;
}


img.certimg{
	width: 100%;
	margin: auto;
}


/*

-------------------------------Siguiente resolucion------------

*/

@media screen and (min-width: 800px){
	body{
		font-size: 17px;
	}
	div.desplegable{
		display: none;
	}


	nav.menu{
		width: 96%
		margin auto;
		max-width: 1287px;
		text-align: center;
	}

	figure#logo{
		width: 25%;
		height: 90px;
		margin: 0px;
		max-width: 45%;
	}


	div.divfb{
		width: 70px;
		height: 60px;
		overflow: hidden;
		float: right;
	}	


	ul.menu{
		width: 96%;
		max-width: 1287px;
		margin: auto;
		display: block;
	}

	hr.grayLi{
		width: 99%;
		height: .9px;
		margin: 0px;
		background-color: gray;
		display: none;
	}


	li.mlista{
		width: 100%;
		display: inline;
		margin:	30px;
	}

	a.linknav{
		width: 100%;
		text-decoration: none;
		font-size: 19px;
	}

	div.contenedor{
		text-align: center;
		margin: auto;
	}

	div.contenedor1{
		text-align: center;
		background-size: 100%;
		margin: auto;
	}

	div.espaciador1{
		height: 60px;
	}

	div.divmarcas{
		width: 90%;
		height: 250px;
		margin: auto;
		
	}

	figure.imgmarcas{
		margin: auto;
		width: 20%;
		height: 50%;
		display: inline-block;
	}


	img.marcasimg{
		width: 100%;
		height: 100%;
		margin: auto;
	}
	div.servicios{
		margin-top: 5px;
		vertical-align: middle;
		display: inline-block;
		width: 40%;
		height: 400px;
	    max-width: 300px;
	    min-width: 250px;
	}

	img.imgicono{
		margin: auto;
		width: 90%;
		height: 90%;
	}


	/*
	div.servicios:hover{
		margin: 2%;
		width: 96%;
		height: 800px;
		background-color: gray;
	}
	*/

}




/*@media screen and (min-width: 767px){
div.servicios{
	width: 30%;
	height: 100px;
	display: inline-block;
	border: 1px solid black;
}

}

@media screen and (min-width: 950px){
div.servicios{
	width: 50%;
	height: 100px;
	display: inline-block;
	border: 1px solid black;
}
}
*/