*{
	padding: 0;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	font-family: 'Montserrat', sans-serif;
	font-size: 10px;
	align-items: center;
	margin: auto;
	align-content: center;
	max-width: 160em;
	border-left: solid .1em #b7b7b6;
	border-right: solid .1em #b7b7b6;
}

/*----------------- C A B E C E R A -------------------*/

.regresar a{
	background: #009540;
	text-decoration: none;
	color: #fff;
/*	border: 0.03em solid #a0a0a0;*/
	font-size: .5em;
	font-weight: 600;
	padding: 0em .5em .2em .5em;
}
.regresar a:hover{
	text-decoration: none;
	color: #80ca9f;
}
.arriba{
	display: none;
	cursor: pointer;
	position: fixed;
	bottom: 12em;
	right: 6em;
	opacity: 0.5;
	z-index: 100;
}
.arriba:hover{
	opacity: 0.9;
}
header { 
	display:flex;	
	flex-direction:column;
	align-items: center;
	margin-top: -1.4em;
}
.contenedor-menu{ 
	width: 90%;
	max-width: 140em;
	height: auto;
	padding: 2em 0em;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.logo-slogan{
	display: flex;
	align-items: center;	
}
.logo-slogan img{
	width: auto;
	min-width: 6em;
	margin-right: 2em;
}
.slogan{
	font-size: 1.2em;
	font-weight: 500;
	color: #009540;
}
.menu{
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.menu a {
	color: #939392;
	text-decoration: none;
	margin-left: 1em;
	padding: .3em .6em;
	font-weight: 800;
	letter-spacing: .07em;
}
.menu a:hover {
	color: #fff; 
	background-color: #009540;
}
.banner { 
	background: url('../img/funky-verde.png')#009540;
	background-repeat: repeat;
	background-attachment: fixed;
	padding: 8em 0em;
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto;
	}
.certificate{
	background: #000;
/*
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
*/
	width: 85%;
	max-width: 55em;
/*
	height: 76em;
	display: flex;
*/
/*	object-fit: cover;*/
}
.certificate img{
	width: 100%;
	background-position: center;
	vertical-align: top;
}

.banner-prensa { 
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	align-content: center;
	}
.banner-prensa img{
	width: 100%;
	background-position: center;
}
.banner-publicidad { 
	background: url('../img/articulosPublicitarios.jpg') ;
	background-repeat: no-repeat;
	background-position: top;
	background-attachment: fixed;
	width: 100%;
	height: 70vh;
	}
.container-servicios{
	margin-top: -4em;
	background-color: transparent;
}

.titulo-principal{
	border: 0.02em solid #fff; 
	width: 70%;
	font-weight: 600;
	max-width: 25em;
	font-size: 3.6em;
	color: #fff;
	text-align: center;
	padding: 1em;
	margin: 0em;
	margin: auto;
}
.main{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
/*   QUIENES SOMOS  container  */
.contenedor-uv{
	width: 85%;
	max-width: 88em;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: auto;
	padding: 10em 0em;
}
.titulo-uvgloss{
	font-weight: 600;
	font-size: 3.6em;
	padding: .5em 1em;
	text-align: center;
	color: #fff;
	background-color: #009540;
}
.texto-uvgloss{
	margin-top: 2em;
	font-weight: 400;
	text-align: center;
	font-size: 2em;
	color: #41413d;
	line-height: 2em;
	
}
.servicios{
	background: url('../img/sello.png');
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	background-size: 70%;
	width: 100%;
	display: flex;
	justify-content: center;
}
.contenedor-servicios{
	width: 85%;
	max-width: 90em;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: auto;
	margin-top: -5em;
	padding: 10em 0em;
}
.plastico-mate, .uv-mate{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin: auto;
	margin-top: 4em;
}
.plastico-brillo{
	display: flex;
	flex-direction: row-reverse;
	justify-content: center;
	align-items: center;
	margin: auto;
	margin-top: 3em;
}
.foto-servicios img{
	border: 1em solid #fff;
	width: 27em;
	height: 27em;
	border-radius: 100%;
	box-shadow:.5em .5em 1em rgba(0,0,0,.5);
}
.texto-servicios{
	color: #41413d;
	font-size: 1.7em;
	width: 60%;
	font-weight: 400;
	margin-left: 2em;
}
.texto-servicios span{
	font-size: 1.2em;
	font-weight: 600;
	color: #41413d;
}
.texto-servicios-brillo{
	color: #41413d;
	font-size: 1.7em;
	width: 60%;
	font-weight: 400;
	margin-right: 2em;
	text-align: right;
}
.texto-servicios-brillo span{
	font-size: 1.2em;
	font-weight: 600;
	color: #41413d;
}
.serv-publicitarios{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: auto;
	margin-top: 3em;
}
.texto-publicidad{
	color: #41413d;
	font-size: 2em;
	width: 100%;
	font-weight: 400;
	text-align: center;
	margin-top: 3em;
	line-height: 1.5em;
}
.articulos-publicitarios{
	width: 100%; 
	border: .1em solid #41413d; 
	padding: 0em 2em; margin-top: 7em;
}
.titulo-articulos{
	text-align: left; 
	margin: 1.2em 0em .5em .5em;
	color: #009540; 
	font-size: 3em;
}
.texto-articulos{
	color: #41413d;
	width: 85%;
	max-width: 40em;
	font-size: 1.7em;
	line-height: 2em;
	margin-left: 2em;
	margin-bottom: 2em;
}
.foto-uvgloss{
	background: #9ba7a3; 
	background-repeat: no-repeat;
	width: 100%;
/*	height: 20em;*/
	background-size: cover;
	background-position: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
}
.celebracion{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	align-content: center;
}
.celebracion img{
	width: 100%;
	background-position: center;
	vertical-align: top;
}
.pie{
	width: 100%;
	padding: 1em 1.5em;
	background: #6f6f6e;
	color: #fff;
	font-size: 1.2em;
	font-weight: 500;
	text-align: center;
	
	
}
.mision-vision{
	background: url('../img/funky.png');
	width: 100%;
	height: auto;
	background-repeat: repeat;
	background-attachment: fixed;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin: auto;
}
.engranajes{
	width: 100%;
	max-width: 110em;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 10em 0em;
}
.engranaje-a{
	background: url('../img/engranaje-a.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 99.5%;
	width: 50em;
	height: 50em;
	display: flex;
	margin-right: -1.8em;
}
.engranaje-b{ 
	background: url('../img/engranaje-b.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 99.5%;
	width: 50em;
	height: 50em;
	display: flex;
	margin-left: -1.8em;
}

.interior{
	width: 60%;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: auto;
}
.titulo-vision{
	font-size: 3em;
	color: #009540;
	font-weight: 600;
	text-align: center;
}
.texto-vision{
	width: 80%;
	font-size: 2em;
	color: #41413d;
	font-weight: 400;
	text-align: center;
}
/* P O L I T I C A  D E  C A L I D A D */
.politica-de-calidad{
	background: url('../img/funky-verde.png');
	width: 100%;
	height: auto;
	background-repeat: repeat;
	background-attachment: fixed;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin: auto;
}
.contenedor-politica{
	width: 85%;
	max-width: 88em;
	display: flex;
	flex-direction: column;
	margin: 5em 0em;
	background: #fff;
	padding: 4em 6em 7em 6em;
}
.titulo-politica{
	color: #009540;
	text-align: center;
	font-size: 3.5em;
	font-weight: 400;
	margin: 1em 0em .7em 0em;
}
.texto-politica {
	color: #6f6f6e;
	text-align: justify;
	font-weight: 400;
	font-size: 1.8em;
}
.texto-politica li{
	margin-left: 1em;
}

/* I  S  O */
.certificacion-iso{
	background: url('../img/sello.png');
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	background-size: 70%;
	width: 100%;
	display: flex;
	justify-content: center;
}
.fondoCalidad{
	background: #e5f4ec;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10em 0em;
	margin-bottom: .2em;
}
.calidad{
	max-width: 88em;
	width: 85%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.contenedor-iso{
	width: 90%;
	max-width: 90em;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: auto;
	margin: 10em 0em;
}
.titulo-calidad{
	margin-top: 1em;
	font-weight: 600;
	font-size: 3.6em;
	padding: .5em 1em;
	text-align: center;
	color: #009540;
	border: .05em solid #009540;/*COLOR VERDE UVGLOSS*/
}
.img-iso{
	width: 75%;
	max-width: 48em;
}
.titulo-iso{
	font-weight: 600;
	font-size: 3em;
	color: #6f6f6e;
	margin-bottom: 1em;
	margin-top: 2em;
	text-align: center;
}
.texto-iso{	
	font-weight: 400;
	font-size: 2em;
	text-align: center;
	line-height: 2em;
	color: #009540;
}

/*--------------------------F O O T E R ------------------------------*/

.fondoContacto {
	background: #e5f4ec;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10em 0em;
	margin-bottom: .2em;
}
.contenidoContacto{
	width: 90%;
	max-width: 110em;
	display: flex;
	align-items: center;
	justify-content: space-between;
	
}
.datos{
	margin-right: 8em;
}
.texto-datos{
	font-size: 1.7em;
	color: #41413d;
	font-weight: 400;
}
.iconos{
/*	width: 3em;*/
	margin-right: 1em;
}
.dtm{
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 2.5em;
}

/* F O R M U L A R I O */

.contacto-formulario{
	width: 55%;
}

.contacto-formulario .titulo {
	font-size: 4em;
	font-weight: 600;
	color: #009540;
	text-align: left;
	margin-bottom: 1.5em;	
}


.formulario {
	width: 100%;
	display: flex; 
	flex-direction: column;
}
.formulario input[type="text"],
.formulario input[type="email"],
.formulario textarea {
	background: #fff; 
	border: 1px solid #b6b6b5; 
	border-radius: 0px;
	padding: .5em 1em; 
	font-size: 1.6em;
	font-weight: 400;
	color: #6f6f6e;
	outline: none;
}
::placeholder { 
    color: #a0a09a;
    opacity: 2;
	}
.formulario input[type="text"]:focus,
.formulario input[type="email"]:focus,
.formulario textarea:focus {
	border: 1px solid #009540;
	border-radius: 0px;
	color: #000;
	background: #fff;
}
.formulario input[type="text"],
.formulario input[type="email"]{
	width: 100%; 
	margin-bottom: 1.1em;
}
.formulario textarea {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	height: 14em;
	min-height: 12em;
	max-height: 18em; 
	margin-bottom: 0.62em;
}

.formulario .boton {
	margin: auto;
	background: #009540;
	color: #fff;
	font-weight: 600;
	font-size: 2.1em;
	padding: .5em 2em;
	margin-top: 1em;
	border: none;
	cursor: pointer;
}
.formulario .boton:hover {
	background: #6f6f6e;
}
/*------------------- C I E R R E -----------------*/
.cierre {
	background: #5e5e5d;
	width: 100%;
	margin-top: 2em;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;	
}
.fondo-cierre {
	width: 90%;
	max-width: 140em;
	display: flex;
	flex-direction: row;
	margin: auto;
	justify-content: space-between;
	align-items: center;
	padding: 2em 0em;
}
.logo-blanco{ 
	opacity: .4;
	display: flex;
	align-items: center;
}
.logo-blanco img{
	width: auto;
	margin-right: 2em;
}
.slogan-cierre{
	color: #fff;
}
.menu-cierre a {
	color: #a8a8a8;
	text-decoration: none;
	margin-left: .5em;
	padding: .3em .6em;
	font-weight: 500;
	position: relative;
}
.menu-cierre a:hover {
	color: #fff;
}
.redes{ 
	width: 20em;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;	
	opacity: .4;
}
.redes img {
	width: auto;
	cursor: pointer;
}
.redes img:hover{
	opacity: .5;
}
  /* M E D I A   Q U E R I S */
@media screen and (max-width: 1140px){
body {border: none;}
.arriba{visibility: hidden;}
/*.banner {background-repeat: repeat-y; background-position: top;}*/
.slogan, .slogan-cierre{display: none}
.redes{width: 17em;}
.contacto-formulario{width: 75%;}
.datos{margin-right: 5em;}
}
@media screen and (max-width: 962px){
.engranajes{ align-content: flex-start;padding: 0em;}
.engranaje-a{margin: 0em;}
.engranaje-b{margin: -3.5em 0em 0em 0em;}
.certificacion-iso{background-size: 85%;}
.servicios{background-size: 85%;}
}

@media screen and (max-width: 900px){
.contenedor-menu{display: none;}
	.banner-prensa{margin-top: 1.7em;}
.titulo-principal{font-size: 3em;width: 85%}
.titulo-uvgloss{font-size: 3em;	}
.texto-uvgloss{ font-size: 1.7em; line-height: 1.5em;}	
.texto-publicidad{ text-align: left; font-size: 1.7em; margin-top: 1em; }
.texto-articulos{line-height: 1.5; }
.titulo-iso{ font-size: 2.5em; }
.texto-iso{ font-size: 1.7em; line-height: 1.5em; }
.contacto-formulario .titulo{ font-size: 3.4em; }
.texto-datos{ font-size: 1.4em; }
.datos{ margin-right: 2em; margin-bottom: 8em; }
.formulario .boton{ font-size: 1.8em; }
.menu-cierre{ display: none; }
.redes{ margin: 0em;}
}
@media screen and (max-width: 800px){
.plastico-mate, .uv-mate, .plastico-brillo{ flex-direction: column; align-items: center; margin-top: 4em;}
.texto-servicios, .texto-servicios-brillo{ text-align: center; margin: 0em 0em 2em 0em; width: 100%;}
.foto-servicios img{ border: .7em solid #fff; margin-bottom: 3em;}
.titulo-calidad{ font-size: 2.5em; }
}
@media screen and (max-width: 630px){
/*.banner { background-position: bottom; background-size: 240%;}*/
/*.banner-prensa { background-position: top right; background-size: 250%; height: 60vh;}*/
.banner-publicidad{ background-position: top; background-size: 250%; height: 60vh;}
.fondoContacto{ adding: 7em 0em;}
.contenidoContacto { width: 100%; display: flex; flex-direction: column-reverse; padding: 0em;}
.contacto-formulario{ width: 90%;}
.datos{ margin: 7em 0em 0em 0em; width: 90%;}
.mision-vision{ height: 115em;}
.contenedor-politica{ padding: 2em 3em 3.5em 3em; margin: 3.2em 0em}
.titulo-politica{ text-align: left; font-size: 3em;}
.texto-politica { text-align: left; font-size: 1.7em;}
/*
	.certificate{
		width: 85%;
		background-size: 100; }
*/
}
@media screen and (max-width: 516px){
/*.banner { background-size: 200%; }*/
.calidad .texto-uvgloss{ margin-bottom: 1em; }
}
@media screen and (max-width: 470px){
/*.banner { background-size: 200%; }*/
.interior{ width: 70%; }
.articulos-publicitarios{ padding: 0em; margin: 4em 0em 4em 0em; }
.titulo-articulos{ margin-top: .6em; }
.texto-articulos{ margin-bottom: 1em; }
}	
@media screen and (max-width: 414px){
header{ align-items: flex-start; }
.titulo-principal{ width: 90%; text-align: left; }
.container-servicios { width: 85%; height: auto; margin: 0em;}
.container-servicios .titulo-uvgloss{ margin: 2em 0em 0em 0em; height: auto;}
.contenedor-servicios{padding: 6em 0em; }
.serv-publicitarios{ align-items: flex-start; }
.texto-publicidad{ text-align: left; }
.foto-servicios{ display: flex; align-items: flex-start; }
.contenedor-uv{ align-content: flex-start; padding: 8em 0em;}
.titulo-uvgloss{ width: 100%; background-color: transparent; color: #009540; font-weight: 800; text-align: left; padding: 0em 0em 0em 0em; margin: 0em; line-height: 1em;}
.texto-uvgloss{text-align: left; margin: 1em 0em 0em 0em;}
.mision-vision{height: 92em;}
.engranaje-a { height: 41.4em;}
.engranaje-b {height: 41.4em; margin-top: -3em;}
.titulo-vision{width: 70%;font-size: 2.8em;}
.texto-vision{ width: 70%; font-size: 1.8em;}
.contenedor-iso{ align-items: flex-start; margin: 7em 0em;}
.img-iso{width: 85%; margin-left: -.8em;}
.contenedor-iso{width: 85%;}
.titulo-iso{text-align: left;}
.texto-iso{	text-align: left}
.contacto-formulario{ width: 85%;}
.plastico-mate, .uv-mate, .plastico-brillo{ align-items: flex-start;}
.texto-servicios, .texto-servicios-brillo{ text-align: left;}
.foto-servicios img{ width: 90%; height: 90%;}
.calidad{align-items: flex-start;}
.titulo-calidad{text-align: left; padding: 0em; border: none; width: 100%;}
.formulario input[type="text"],
.formulario input[type="email"]{margin-bottom: .5em;}
.formulario .boton{margin-top: 0.5em;}
.dtm{margin-bottom: 1em;}
.datos{width: 85%; margin: 6em 0em 0em 0em;}
.fondo-cierre { flex-wrap: wrap; justify-content: space-between; }
	.slogan-cierre{ display: none; }
}			
@media screen and (max-width: 375px){
		/* I N D E X */	
.contenedor-servicios{ padding: 6em 0em;}
.mision-vision{height: 85em;}
.engranaje-a {height: 38em;}
.engranaje-b {height: 38em;}	
.titulo-vision{font-size: 2.5em;}
.texto-vision{font-size: 1.5em;}
}
@media screen and (max-width: 320px){
.mision-vision{height: 75em;}
.engranaje-a {height: 33em;}
.engranaje-b {height: 33em; margin-top: -3.3em;}
.texto-vision{width: 80%;}
.titulo-iso {font-size: 2.4em; margin-top: 1em;}
.foto-servicios img{width: 80%;height: 80%;}
}