html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{background: transparent;border: 0;margin: 0;padding: 0;vertical-align: baseline} a{text-decoration:none}

/*GENERALES*/
*, *:after ,*:before{
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.animado, a{
	-ms-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.clear{
	clear: both;
}
.caja{
	width: 90%;
	margin: auto
}
.mas{
	margin-top: 1.5em;
	display: block;
}
.flexCenter{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
html,body{
	width: 100%;
	height: 100%;
}
section{
	overflow-x: hidden;
}
body{
	font-family: 'Libre Franklin', sans-serif;
	font-size: 16px;
}
header{
	width: 100%;
	height: 50px;
	background: #FFF;
	position: fixed;
	z-index: 9998;
	overflow: hidden;
}
header .caja{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}
.logoHead{
	height: 48px;
}
nav ul{
	display: flex;
	align-items: center
}
nav ul li{
	list-style: none;
}
nav ul li a{
	height: 50px;
	padding: 2em 2em;
	color: #6d6e71;
}
nav ul li a:hover{
	background: #242d5d;
	color: #FFF;
}
#hamburger{
	display: none;
}
.menuShow{
	left: 0;
}
.esr{
	height: 40px;
}
.espacio{
	width: 100%;
	height: 50px;
}
.col2{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	height: 100vh;
	margin-top:-50px;
	color:#FFF;
}
.col2 > div{
	width: 50%;
}
.imgCover{
	display: block;
	-webkit-box-shadow: 0 80px 140px -40px rgba(0, 0, 0, 0.6);
	box-shadow: 0 80px 140px -40px rgba(0, 0, 0, 0.6);
	width: auto;
	height: auto;
	position: relative;
	overflow: hidden;
	transform: scale(.8)
}
.imgCover .tapa{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #1c234a;
}
.imgCover .tapa:last-child{
	background: #0097cf;
}
.truco{
	display: block;
	max-width: 100%;
}
/*TEXTOS HOME*/
.textosHome{
	overflow: hidden;
}
.textosHome p{
	width: 90%;
	position: relative
}
.textosHome h2{
	font-size: 2.5em;
	margin-bottom: 1em;
	text-transform: uppercase;
	position: relative
}
.animated{
	opacity: 0;;
}
/*NUMERALIA*/
#numeraliaH{
	background: url(img/fondoGris.png) 50% 50%;
	background-size: cover;
}
.logoNumeralia{
	width: 300px;
	display: block;
	margin:1em auto 3em auto;
}
.numeros div{
	float: left;
	width: 33.333333%;
	padding: 1em;
	color: #FFF;
	text-align: center;
}
.n1{
	background: #1c234a;
}
.n2{
	background: #252e5f;
}
.n3{
	background: #0097cf;
}
.numeros div img{
	display: block;
	height: 90px;
	margin: auto;
}
.numeros h3 span{
	font-size: 4em;
}
/*NOSOTROS*/
#nosotrosH{
	background: url(img/fondoAPuntos.png) 50% 50%;
	background-size: cover;
}
#nosotrosH .imgCover{
	background: url(img/nosotrosi.png);
	background-size: cover;
}
/*HACEMOS HOME*/
#hacemosH{
	background: url(img/fondoAFiguras.png) 50% 50%;
	background-size: cover;
}
#hacemosH .imgCover{
	background: url(img/hacemosi.png);
	background-size: cover;
}
/*Distingue HOME*/
#distingueH{
	background: url(img/fondoVFiguras.png) 50% 50%;
	background-size: cover;
}
#distingueH .imgCover{
	background: url(img/distinguei.png);
	background-size: cover;
}
/*Footer HOME*/
#footerH{
	background: url(img/fondoG.png) 50% 50%;
	background-size: cover;
}
#footerH .imgCover{
	background: url(img/footeri.png) 50% 50%;
	background-size: cover;
}

.piezaFooter {
	display: flex;
	flex-direction: row;
	align-items: center;
	color:#FFF;
	margin-bottom: 2em;
}
#footerH .piezaFooter:last-child{
	margin-bottom: 0;
}
.piezaFooter div:nth-child(1){
	margin-right: 1em;
}
.piezaFooter div:nth-child(2){
	min-width: 50%;
}
span.azul{
	display: inline;;
}
.azulTitle{
	color: #0097cf;
	margin-bottom: .5em;
	font-size: 1.2em;
}
/*Contacto*/
.error{
	border: 1px solid red;
}
.datosEnviados{
	display: none;
	margin-top: .9em;
}
.datosError{
	display: none;
	margin-top: .9em;
}
label.error{
	display: none !important
}
/*NOSOTROS INTERIOR*/
#nosotrosIntro{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	background: url(img/fondoAPuntos.png);
	color: #FFF;
}
#nosotrosIntro > div{
	width: 50%;
}
.textoIntro{
	padding: 2em;
}
.textoIntro h2{
	margin-bottom: 1em;
	font-size: 2.5em;
}
.fondoIntroNosotros{
	background: url(img/nosotrosi.png) 0% 0%;
	min-height: 500px;
	background-size: cover;
}
#about img{
	height: 50px;
}
#corporativoInt{
	text-align: center;
	padding: 2em 0;
	background: url(img/fondoGris.png)
}
#corporativoInt img{
	width: 100%;
	max-width: 400px;
	display: block;
	margin:auto;
	margin-bottom: 2em;
}
#corporativoInt p{
	margin-bottom: 1em;
}
#corporativoInt a{
	color: #000;
}
#about img{
	margin-bottom: .5em;
}
#about h3{
	margin-bottom: 1em;
}
#about span{
	font-weight: 700;
}
#historia{
	background: url(img/fondoGris.png);
	text-align: center;
	padding-top: 3em;
}
#historia > h2{
	margin-bottom: 1em;
}
#historia > p{
	margin-bottom: 3em;
}
.historia{
	float: left;
	width: 50%;
	padding-bottom: 2.5em;

}
.historia:nth-child(2n-1){
	box-shadow: 0px 2px 5px grey;
}

.historia h2{
	background: #4a5dba;
	padding: .5em 0;
	font-size: 1.8em;
	margin-bottom: .5em;
	color: #FFF;;
}
.h-1 > h2{
	background: #252e5e ;
}
.h-2 > h2{
	background: #2e3975 ;
}
.h-3 > h2{
	background: #3a4995 ;
}
.h-4 > h2{
	background: #4050a2 ;
}
.h-5 > h2{
	background: #4556ad ;
}
.h-6 > h2{
	background: #4a5dba ;
}
.historia p{
	width: 80%;
	margin: auto;
}

/*QUE HACEMOS INTERIOR*/
.fondoIntroHacemos{
	background: url(img/hacemosi.png) 0% 0%;
	min-height: 500px;
	background-size: cover;
}
.desplegable{
	text-align: center;
	padding: 2em;
	width: 50%;
	background: url(img/fondoAPuntos.png);
	color: #FFF;
	font-size: .9em;
}
.desplegable h3{
	margin-bottom: 1em;
	font-size: 1.4em;
}
.desplegable p{
	margin-bottom: 1em;
}
.activo{
	background: url(img/puntosAzulF.png)
}
.desplegado{
	width: 100%;
	display: none;
}
#cambiante{
	display: none;
	text-align: center;
	padding: 5em;
	position: relative;
}
#cambiante p{
	margin-bottom: 1em;
}
#cerrar{
	position: absolute;
	top: 10px;
	left: 95%;
	color: #000;
	font-size: 2em;
}
.cuadro{
	width: 25%;
	text-align: center;
	padding: 1em .5em;
}
.cuadro img{
	display: block;
	margin:auto;
	margin-bottom: .8em;
}
.cuadro h4{
	font-weight: 300;
}
.c-1{background: #eeeeee}
.c-2{background: #e5e5e5}
.c-3{background: #dcdcdc}
.c-4{background: #d2d2d2}

.foto, .texto{
	width: 50%;
}
.datos .texto{
	background: #f1f1f1;
	padding: 3em;
}
.datos .texto p{
	margin-bottom: 1em;
}
.datos .azul{
	background: #0547a1;
	color: #FFF;
}
#recinto .foto{
	background: url(img/recinto.png) 50% 50%;
	background-size: cover;
	position: relative;
}
#servicios .foto{
	background: url(img/servicios.png) 50% 50%;
	background-size: cover;
	position: relative;
}
#inspeccion .foto{
	background: url(img/inspeccion.png) 50% 50%;
	background-size: cover;
	position: relative;
}
.centraImg{
	position: relative;
	display: block;
	max-width: 80%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%)
}
/*QUE NOS DISTINGUE INTERIOR*/
.fondoIntroDistingue{
	background: url(img/distinguei.png) 0% 0%;
	min-height: 500px;
	background-size: cover;
}
#tiras{
	align-items: flex-start;
	margin: 10px 0;
	overflow: hidden;
}
.tira{
	width: 25%;
	text-align: center;
	color: #FFF;
	border-right: 10px solid #FFF;
	padding-bottom: 1em;
}
.tira img{
	display: block;
	width: 100%;
	margin-bottom: 2em;
}
.tira h3{
	margin-bottom: 1em;
	text-transform: uppercase;
	padding: 0 1em;
}
.tira p{
	margin-bottom: 1em;
	font-size: .8em;
	padding: 0 2em;
}
#tiras .tira:nth-child(1){background:#252e5f;}
#tiras .tira:nth-child(2){background:#233e94;}
#tiras .tira:nth-child(3){background:#0097cf;}
#tiras .tira:nth-child(4){background:#39b3e5;border-right: none;}


footer{
	background: url(img/fondoG.png);
	padding: 1em 0;
	width: 100%;
	color: #FFF;
	font-size: .8em;
	overflow: hidden;
}
footer .caja > div{
	width: 33.3333333%;
}
footer .flexCenter{
	justify-content: baseline;
	align-items: baseline;
}
.piezaFooterI {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.piezaFooterI h4{
	margin-bottom: 1em;
}
footer .piezaFooterI div:nth-child(1){
	margin-right: 15px;
}
footer .piezaFooterI div:nth-child(2){
	width: 80%;
}

#derechos{
	width: 100%;
	background: #222121;
	text-align: center;
	color: #FFF;
	font-size: .6em;
	padding: .5em 0;
}
#video{
	padding: 2em 0;
	text-align:  center;
}
#video .title{
	text-align: center;
	margin-bottom: 1em;
	color: #0097cf;
	font-weight: normal;
}
video{
	width: 50%;
	display: block;
	margin:2em auto;
	
}
.downVideo{
	display: inline-block;
	background: #0097cf;
	color: #FFF;
	padding: .5em 1em;
	margin: 2em auto;
}
/*AVISO DE PRIVACIDAD*/
.avisoBtn{
	color: #FFF;
	display: block;
	margin-top: 2em;
	padding-left: 15%;
}
#aviso{
	padding: 2em 0;
}
#aviso p{
	margin-bottom: 1em;
	line-height: 1.4em;
}
#aviso h1{
	text-align: center;
	margin-bottom: 1em;
}
/*QUERY*/
@media screen and (max-width: 1200px){
	header{
		//background: red;
	}
	.fondoIntroNosotros, .fondoIntroHacemos, .fondoIntroDistingue{
		min-height: 400px;
	}
}

@media screen and (max-width: 1024px){
	header{
		//background: green;
	}
	.fondoIntroNosotros, .fondoIntroHacemos, .fondoIntroDistingue{
		min-height: 350px;
	}

}

@media screen and (max-width: 768px){
	header{
		overflow: visible;
	}
	nav{
		display: none;
	}
	.logoNumeralia{
		width: 200px;
		display: block;
		margin:.5em auto;
	}
	.numeros div{
		float: none;
		width: 100%;
	}
	.numeros div img{
		height: 50px;
	}
	.numeros h3 span{
		font-size: 2em;
	}
	.col2{
		display: block;
	}
	.col2 > div{
		width: 100%;
	}
	.imgCover{
		display: block;
		width: 60%;
		margin:auto;
	}
	.fondoIntroNosotros, .fondoIntroHacemos, .fondoIntroDistingue{
		min-height: 250px;
	}
	.textosHome p{
		width: 100%;
		text-align: center;
		margin-bottom: 2em;
	}
	.textosHome h2{
		font-size: 1.5em;
		margin-top: 100px;
		margin-bottom: 1em;
		text-align: center
	}
	.piezaFooter {
		margin-bottom: 1em;
		font-size: .8em;
	}
	.piezaFooter:first-child{
		margin-top: 100px;
	}
	#footerH .imgCover{
		display: none
	}
	#nosotrosIntro{
		flex-wrap: wrap;
	}
	#nosotrosIntro > div{
		width: 100%;
		text-align: center;
	}
	.textoIntro{
		order: 2;
	}
	.desplegable{
		width: 100%;
	}
	.desplegado{
		display: block;
		padding: 2em;
		text-align: center;
	}
	.desplegaBtn{
		display: none;
	}
	.cuadro{
		width: 50%;
	}
	.foto, .texto{
		width: 100%;
		display: block;
	}
	.foto{
		min-height: 200px;
	}
	.datos .texto{
		text-align: center;
		padding: 2em 1em;
	}
	#cambiante{
		display: none!important;
	}
	#tiras{
		align-items: flex-start;
		margin-top: 10px;
	}
	.tira{
		width: 50%;
		border: 10px solid #FFF ;
	}
	.tira:nth-child(2n-1){
		border-right: none;
	}
	.tira:last-child{
		border: 10px solid #FFF !important;
	}
	.piezaFooterI {
		flex-wrap: wrap;
	}
	footer .piezaFooterI div:nth-child(1){
		display: none
	}
	footer .piezaFooterI div:nth-child(2){
		width: 90%;
	}
	.mas{
		display: none;
	}
	nav{
		display: block;
		-ms-transition: all .3s ease-out;
    	-moz-transition: all .3s ease-out;
    	-webkit-transition: all .3s ease-out;
    	transition: all .3s ease-out;
		padding: 0;
		margin: 0;
		background: #32394b;
		width: 200px;
		height: 100vh;
		position: fixed;
		top: 0px;
		left: -300px;
		z-index: 9999 !important;
	}
	nav ul{
		padding: 0;
		margin: 0;
		display: block;
	}
	nav ul li{
		width: 100%;
		display: block ;
	}
	nav ul li a{
		width: 100%;
		display: block ;
		padding: 20px 10px;
		border-bottom: solid 2px #000;
		border-top: solid 1px #4a5572;
		list-style: none;
		text-align: left;
		color:#ccc;
		font-size: 1.2em;
		text-decoration: none;
		height: auto;
	}
	nav ul li:hover{
		background: #597781;
	}
	nav ul li a:hover{
		background: none;
		
	}
	.esr{
		display: none;
	}
	/* hamburger */
	#hamburger {
		display: block;
		width: 35px;
		height: 30px;
		position: fixed;
		top:14px;
		left: 86%;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
		z-index: 9999;
	}
	#hamburger span {
		display: block;
		position: absolute;
		height: 4px;
		width: 100%;
		background: #242d5d;
		border-radius: 9px;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}

	#hamburger span:nth-child(1) {
		top: 0px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}

	#hamburger span:nth-child(2) {
		top: 11px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}

	#hamburger span:nth-child(3) {
		top: 22px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}

	#hamburger.open span:nth-child(1) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		top: -3px;
		left: 9px;
	}

	#hamburger.open span:nth-child(2) {
		width: 0%;
		opacity: 0;
	}

	#hamburger.open span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: 22px;
		left: 8px;
	}
	.centraImg{
		position: relative;
		display: block;
		max-width: 90%;
		top: auto;
		left: auto;
		transform: none;
		margin-top: 1em;
	}
	video{
		width: 70%;
	}
}

@media screen and (max-width: 600px){
	header{
		//background: cyan;
	}
	.foto{
		min-height: 200px;
	}
	footer .caja > div{
		width: 100%;
		margin-bottom: 1em;
		text-align: center;
	}
	footer .caja > div:last-child{
		margin-bottom: 0;
	}
	footer .piezaFooterI div:nth-child(2){
		width: 100%;
	}
	video{
		width: 80%;
	}
	
}


@media screen and (max-width: 480px){
	header{
		//background: magenta;
	}
	.logoNumeralia{
		width: 150px;
	}
	.numeros div img{
		height: 50px;
	}
	.numeros h3 span{
		font-size: 2em;
	}
	.historia{
		float: none;
		width: 100%;
		padding-bottom:1.5em;
	}
	.cuadro{
		width: 100%;
	}
	.foto{
		min-height: 150px;
	}
	.tira{
		width: 100%;
		border: 10px solid #FFF !important;
	}

}

@media screen and (max-width: 320px){
	header{
		//background: yellow;
	}
}