*{
	margin: 0; padding: 0;}
body{
	font-family: 'Source Sans Pro', sans-serif; font-weight: 400;
	font-size: 1.1em; line-height: 1.6em; color: #333;}
section{
	display: block;}
img a, a, a img{
	text-decoration: none;}
.fondo{
	width: 100% !important; height: auto  !important;}
#imagen img{
	width: 100% !important; height: auto !important;}
#imagen .slider img{
	width: auto !important; height: auto  !important;}
p{
	margin: 0 0 15px 0;}
.texto{
	margin: 80px 0;}

h1{
	font-weight: 200; margin-bottom: 40px;}
h1 span{
	font-weight: 400;}
h2{
	color: #071689; margin: 80px 0 10px 0; font-weight: 400;}
h3, #sectores h2{
	color: #071689; font-size: 0.9em; margin-bottom: 10px;}
#sectores h2{
	color: #1167d3;}
.logo{
	width: 250px; float: left;}
.idiomas a{
	width: width: 50px; float: right; background: #1167d3; color: #fff; font-weight: 600; 
	display: block; padding: 2px 10px; font-size: 0.6em; margin-bottom: 10px;}

.idiomas a:hover{
	background: #eee; color: #000;}
.telefonos{
	width: 250px; float: right; text-align: right; color: #1167d3; clear: both; line-height: 22px;}
.telefonos span{
	color: #aaa; display: inline-block; margin-right: 10px; font-size: 0.7em;}
.telefonos a {color:#071689; }
#valores{
	font-weight: 300; color: #fff;
	text-shadow: 2px 2px 5px #060;}
#valores span{
	display: block; }
#valores .dcho .izdo img, #valores .dcho .dcho img{ display: block;}
#valores .dcho .izdo, #valores .dcho .dcho{
	-webkit-box-shadow: 0px 0px 5px 5px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    0px 0px 5px 5px rgba(50, 50, 50, 0.3);
	box-shadow:         0px 0px 5px 5px rgba(50, 50, 50, 0.3);}
.gris{background: #efefef; padding: 60px 0;}
.gris h2{
	margin: 0;}
.azul{
	background: #1167d3; color: #fff; padding: 30px 0; text-align: center;}
#porque {
	padding: 80px 0;}
#porque h2{
	margin: 0 0 40px 0;}
#porque h4, #productos h2{
	font-size: 28px; text-transform:uppercase; color: #1167d3; font-weight: 300; 
	margin-bottom: 10px;}
#productos li{
	margin: 6px 0 0 20px;}
#sectores{
	text-align: center;}
.comunes h5{
	font-size: 18px; color: #1167d3;}
.comunes p, .may{
	text-transform: uppercase;}
#equipo{
	text-align: center;}
#equipo h1{
	width: 100%;}
.un-equipo h2{
	margin-top: 80px; padding-bottom: 10px; font-size: 19px; text-align: center;
	border-bottom: #dedede 1px solid;}
.perfil{
	padding: 4% 2%; line-height: 20px; text-align: center;}
.perfil img{
	border-radius: 125px;}
.perfil .nombre{
	color: #071689; margin-top: 10px; display: block;}
.perfil .cargo{
	font-size: 0.8em; display: block; text-transform:uppercase; color: #555;}
.foto-c img{
	border-radius: 150px;}
.texto-foto{
	margin-top: 80px;}
.texto-foto .borra{
	margin-bottom: 40px;}
#margin-bottom{
	margin-bottom: 100px;}
.trio h2{
	margin-top: 40px;}
.marcas{
	text-align: center;}
.marca{
	display: inline-block; margin: 0 20px 40px 20px;
	-webkit-box-shadow: 0px 0px 5px 5px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    0px 0px 5px 5px rgba(50, 50, 50, 0.3);
	box-shadow:         0px 0px 5px 5px rgba(50, 50, 50, 0.3);}
.clientes{
	text-align: center;}
.cliente{
	display: inline-block; margin: 30px 0; }
.gris{
	background: #efefef; padding: 80px 0;}
#contacto{ margin-top: 80px;}
#contacto a{
	display: block; padding: 0 0 10px 0; color: #071689;}
#contacto img{
	width: 100%; height: auto;}
footer{
	color: #333; padding: 40px 0; font-weight: 400; font-size: 0.9em; 
	border-top: #1167d3 2px solid;}
footer p{ margin: 0;}
footer .contacto a{
	width: 120px;}
footer .logos{
	margin-top: 20px;}
footer .logos img{
	display: inline-block; margin-left: 13px; height: 60px; width: auto;}
.delegacion{
	font-weight: 600;}
#demo{
	margin-bottom: 80px;}
address{
	font-style: normal; display: inline;}	
.borra{
	clear: both;}
#aviso, .banda{ 
	background: #071689; color: #fff;}
#aviso{
	font-size: 0.7em; }
#aviso a{
	color: #fff; display: inline-block; padding: 5px 0;}
.banda{
	padding: 5px 0;}
.banda span{
	color: #5d99e3; margin: 0 10px;}
.banda a{color: #FFF; margin-left: 20px; margin-left: 10px !important;}
iframe{
	border: none; width: 100%; height: 400px;
	-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);}
#imagen{
	border-top: 2px solid #1167d3; }
.contacto a{
	display: block; color: #1167d3; border: #1167d3 1px solid; 
	text-align: center; padding: 5px 0; 
	font-size: 0.9em; font-weight: 400;}
.contacto a:hover{
	background: #1167d3; color: #fff;}
.uno .slider{
	margin: 0; position: relative;}
/** apartados con única imagen **/
.uno .texto-1, .uno .texto-2{
	background: url(../imagenes/blanco.png); text-shadow: 2px 2px 8px #fff; } 
.uno .fraction-1{
	margin: 10% 0 0 10%; }
.uno .fraction-2{
	margin: 25% 0 0 10%;}
.uno .pase-tit3{
	font-weight: 300; color: #1167d3; display: block; margin-bottom: 10px;}
.mas{
	margin: 40px 0;}
.firma{
	display: inline-block; opacity: 0.7;}


/* ===================================================================== */
@media only screen 
and (max-width : 520px){
.pantalla, .pantalla2, .tablet, .no-movil, .telefonos{
	display: none;}
body{
	text-align: center;}
.container {
	width: 100%; margin: 0 auto;}
.todo {
	margin: 0 20px;}
.banda{
	font-size: 0.8em; }
#logo{
	clear: both;}
h1{
	font-size: 28px; line-height: 34px; margin-bottom: 30px; font-weight: 300;}
h2{
	font-size: 18px;}
#contacto h2{
	margin: 20px 0 10px 0;}
.uno .texto-1{
	padding: 20px; width: 70%; font-size: 17px !important; line-height: 23px !important;
	margin: 0 auto 0 auto; background: #1167d3; text-shadow: none; color: #000;}
.uno .pase-tit3{
	font-size: 20px !important; line-height: 25px; color: #fff;}
.uno .colectividades{
	background: url(../imagenes/imagen-colectividades-m.jpg) no-repeat center top;
	background-size: 100% auto; padding: 50% 0 0 0; height: 100%;}
.uno .industria{
	background: url(../imagenes/imagen-industria-m.jpg) no-repeat center top;
	background-size: 100% auto; padding: 50% 0 0 0; height: 100%;}
.uno .sanitario{
	background: url(../imagenes/imagen-sanitario-m.jpg) no-repeat center top;
	background-size: 100% auto; padding: 50% 0 0 0; height: 100%;}
.uno .hosteleria{
	background: url(../imagenes/imagen-hosteleria-m.jpg) no-repeat center top;
	background-size: 100% auto; padding: 50% 0 0 0; height: 100%;}
.comunes{
	padding-top: 65%; padding-bottom: 20px;
	background: url(../imagenes/fondo-faldon-m.jpg) no-repeat center top;
	background-size: 100% auto;}
#valores{
	background: url(../imagenes/fondo-valores-m.jpg) no-repeat center top;
	background-size: 100% auto; padding: 30px 0 30px 0;
	font-size: 26px; line-height: 30px; font-weight: 600;}
#valores span{
	font-size: 22px; font-weight: 400;}
#valores .izdo{
	text-align: left; max-width: 250px;}
#valores .dcho{
	width: 190px; margin-top: 22%;}
#valores .dcho .izdo{
	width: 106px; float: left;}
#valores .dcho .dcho{
	float: right;}
#valores .dcho .dcho{
	width: 62px; margin-top: 0;}
#valores img{
	height: 70px; width: auto;}
#porque .bloque{
	padding: 55px 0 20px 0;
	background: url(../imagenes/circulo-logo.jpg) no-repeat center 0;
	background-size: 50px auto;}
#porque h4{
	font-size: 23px;}
.perfil{
	width: 90%; margin: 0 auto;}
.perfil img{
	width: 90%; height: auto; max-width: 240px;}
.perfil .cargo{
	font-size: 12px; line-height: 16px; }
.marcas{
	margin: 0 auto; max-width: 550px;}
.marca{
	width: 45%; margin: 0 2% 30px 2%;}
.marca img{
	width: 100%; height: auto;}
#contacto .izdo, #contacto .dcho{
	border: 1px solid #1167d3; padding: 10px;}
#contacto .izdo{
	margin-bottom: 80px;}
#contacto iframe{
	height: 300px;}
footer{
	text-align: center; padding: 40px 0 10px 0;}
footer .logo{ float: none; margin: 0 auto 25px auto;}
footer .bizkaia{
	margin-top: 25px;}
footer .contacto{
	width: 100%; clear: both; margin: 0 auto; padding-top: 25px;}
footer .contacto a{
	margin: 0 auto 0 auto;}
.cliente{
	width: 49%; }
.cliente img{
	width: 100%; height: auto;}
.firma{
	display: block;}

.relato h1{
	width: 95% !important; 
}
	
#valores.limpieza .izdo{
	width: 90% !important;
	max-width: none !important;
}
#valores.limpieza .dcho.cat {
	max-width: 40% !important;
	text-align: center;
}

.products{
	display: block !important;
}

.products ul{
	padding-left: 0px !important;
	list-style-type: none !important;
}

.texto.products div:nth-child(2){
margin: 50px 0 !important;
}

.ver-cat{
	margin: 25px auto 60px auto !important;
}
}



/* ====================================================================== */
@media only screen 
and (min-width : 521px)
and (max-width : 750px) {

.pantalla, .pantalla2, .movil, .telefonos{
	display: none;}
.container {
	width: 100%; margin: 0 auto;}
.todo {
	margin: 0 30px;}
.banda{
	font-size: 0.9em; text-align: right; padding-right: 30px;}
#logo{
	padding: 20px 0 0 0;}
#logo img{
	width: 200px; height: auto;}
h1{
	font-size: 28px; line-height: 34px; margin-bottom: 30px; font-weight: 300;}
h2{
	font-size: 20px;}
.izdo{
	float: left;}
.dcho{
	float: right;}
.uno .texto-1{
	padding: 20px; width: 48%; max-width: 260px;
	font-size: 17px !important; line-height: 23px !important;
	margin: 0 0 0 30px; height: 140px;} 
.uno .industria .texto-1{
	height: 200px;}
.uno .pase-tit3{
	font-size: 25px !important; line-height: 30px; }
.uno .colectividades{
	background: url(../imagenes/imagen-colectividades-t2.jpg) no-repeat center center;
	background-size: cover; padding: 26% 0 6% 0; height: 100%;}
.uno .industria{
	background: url(../imagenes/imagen-industria-t2.jpg) no-repeat center center;
	background-size: cover; padding: 18% 0 6% 0; height: 100%;}
.uno .sanitario{
	background: url(../imagenes/imagen-sanitario-t2.jpg) no-repeat center center;
	background-size: cover; padding: 26% 0 6% 0; height: 100%;}
.uno .hosteleria{
	background: url(../imagenes/imagen-hosteleria-t2.jpg) no-repeat center center;
	background-size: cover; padding: 28% 0 6% 0; height: 100%;}
.comunes{
	padding-top: 65%; padding-bottom: 20px;
	background: url(../imagenes/fondo-faldon-t2.jpg) no-repeat center top;
	background-size: 100% auto;}
#valores{
	background: url(../imagenes/fondo-valores-t2.jpg) no-repeat center center;
	background-size: 100% auto; padding: 50px 0 40px 0;
	font-size: 32px; line-height: 37px; }
#valores span{
	font-size: 22px;}
#valores .izdo{
	width: 45%;}
#valores .dcho{
	width: 190px; margin-top: 36%;}
#valores .dcho .izdo{
	width: 106px;}
#valores .dcho .dcho{
	width: 62px; margin-top: 0;}
#valores img{
	height: 70px; width: auto;}
#porque .bloque{
	padding: 5% 0 3% 15%;
	background: url(../imagenes/circulo-logo.jpg) no-repeat left 10px;
	background-size: 50px auto;}
#porque h4{
	font-size: 26px;}
.perfil{
	width: 46%; float: left;}
.perfil img{
	width: 90%; height: auto; max-width: 240px;}
.perfil .cargo{
	font-size: 12px; line-height: 16px; height: 30px;}
.marcas{
	margin: 0 auto; max-width: 550px;}
.marca{
	width: 45%; margin: 0 2% 30px 2%;}
.marca img{
	width: 100%; height: auto;}
#contacto .izdo, #contacto .dcho{
	float: none; border: 1px solid #1167d3; padding: 10px;}
#contacto .izdo{
	margin-bottom: 60px;}
#contacto h2{
	margin: 30px 0 10px 0; font-size: 22px;}
#contacto iframe{
	height: 300px; display: block;}
footer{
	text-align: center; padding: 40px 0 10px 0;}
footer .logo{ float: none; margin: 0 auto 25px auto;}
footer .gipuzkoa{
	float: left; width: 50%; }
footer .bizkaia{
	float: right; width: 50%; }
footer .contacto{
	width: 385px; clear: both; margin: 0 auto; padding-top: 25px;}
footer .contacto a{
	margin: 0 auto 0 auto;}
.clientes{
	margin: 0 auto; width: 90%;}
.cliente{
	width: 49%; }
.cliente img{
	width: 100%; height: auto;}
.centrar{
	height: 170px; display: block; margin: 0 auto; width: 80%;}
.firma{
	margin-left: 10px;}
}


/* ====================================================================== */
@media only screen 
and (min-width : 751px)
and (max-width : 950px) {
	
.movil, .tablet, .banda, #slider-pant{
	display: none;}
.container {
	width: 100%; margin: 0 auto;}
.todo {
	margin: 0 40px;}
.azul .todo{
	padding: 0 50px;}
#logo{
	padding: 20px 0 0 0;}
h1{
	font-size: 32px; line-height: 38px; width: 60%;}
h2{
	font-size: 24px;}
.izdo{
	float: left;}
.dcho{
	float: right;}
.uno .texto-1{
	padding: 30px; width: 40%; font-size: 18px !important; line-height: 23px !important;
	margin: 0 0 0 45px; height: 160px;} 
.uno .industria .texto-1{
	height: 240px;}
.uno .pase-tit3{
	font-size: 30px !important; line-height: 36px; }
.uno .colectividades{
	background: url(../imagenes/imagen-colectividades-t.jpg) no-repeat center center;
	background-size: cover; padding: 26% 0 6% 0; height: 100%;}
.uno .industria{
	background: url(../imagenes/imagen-industria-t.jpg) no-repeat center center;
	background-size: cover; padding: 15% 0 6% 0; height: 100%;}
.uno .sanitario{
	background: url(../imagenes/imagen-sanitario-t.jpg) no-repeat center center;
	background-size: cover; padding: 26% 0 6% 0; height: 100%;}
.uno .hosteleria{
	background: url(../imagenes/imagen-hosteleria-t.jpg) no-repeat center center;
	background-size: cover; padding: 26% 0 6% 0; height: 100%;}
.comunes{
	padding: 40px 0;
	background: url(../imagenes/fondo-faldon-t.jpg) no-repeat left center;
	background-size: 80% auto;}
.comunes p, .comunes h5{
	padding-left: 65%;}
#valores{
	background: url(../imagenes/fondo-valores-t.jpg) no-repeat center center;
	background-size: 100% auto; padding: 50px 0 40px 0;
	font-size: 32px; line-height: 37px; }
#valores span{
	font-size: 22px;}
#valores .izdo{
	width: 40%;}
#valores .dcho{
	width: 300px; margin-top: 36%;}
#valores .dcho .izdo{
	width: 152px;}
#valores .dcho .dcho{
	width: 88px; margin-top: 0;}
#porque .bloque{
	width: 35%; float: left; display: block; padding: 3% 5% 3% 10%; height: 198px;
	background: url(../imagenes/circulo-logo.jpg) no-repeat left 10px;
	background-size: 50px auto;}
#porque h4{
	font-size: 26px;}
.un-equipo{
	max-width: 630px; margin: 0 auto;}
.perfil{
	width: 46%; float: left;}
.perfil img{
	width: 90%; height: auto; max-width: 240px;}
.marcas{
	max-width: 880px; margin: 0 auto;}
.marca{
	width: 29%; margin: 0 1% 20px 1%;}
.marca img{
	width: 100%; height: auto;}
#contacto .izdo, #contacto .dcho{
	width: 48%;}
#contacto h2{
	margin: 40px 0 10px 0; font-size: 22px;}
footer{
	text-align: center; padding: 40px 0 10px 0;}
footer .logo{ float: none; margin: 0 auto 25px auto;}
footer .gipuzkoa{
	float: left; width: 230px; margin-left: 14%;}
footer .bizkaia{
	float: right; width: 230px; margin-right: 14%;}
footer .contacto{
	width: 385px; clear: both; margin: 0 auto; padding-top: 25px;}
footer .contacto a{
	margin: 0 auto 0 auto;}
.centrar{
	height: 120px; display: block; margin: 0 auto; width: 80%;}
.firma{
	margin-left: 10px;}
.firma{
	margin-left: 10px;}
}

#valores.limpieza .izdo{
	width: 60% ;
}

 #valores .dcho{
	width: 170px;
}

/* ====================================================================== */
@media only screen 
and (min-width : 951px)
and (max-width : 1199px) {
.movil, .tablet, .banda, .pantalla2{
	display: none;}
.container {
	width: 100%; margin: 0 auto;}
.todo {
	margin: 0 40px;}
#logo{
	padding: 20px 0 0 0;}
h1{
	font-size: 32px; line-height: 38px; width: 50%;}
h2{
	font-size: 24px;}
.izdo{
	float: left;}
.dcho{
	float: right;}
.uno .texto-1{
	padding: 40px; width: 33%; font-size: 18px !important; line-height: 23px !important;
	margin: 0 0 0 45px; height: 160px;} 
.uno .industria .texto-1{
	height: 240px;}
.uno .pase-tit3{
	font-size: 30px !important; line-height: 46px; }
.uno .colectividades{
	background: url(../imagenes/imagen-colectividades.jpg) no-repeat center center;
	background-size: cover; padding: 26% 0 6% 0; height: 100%;}
.uno .industria{
	background: url(../imagenes/imagen-industria.jpg) no-repeat center center;
	background-size: cover; padding: 18% 0 6% 0; height: 100%;}
.uno .sanitario{
	background: url(../imagenes/imagen-sanitario.jpg) no-repeat center center;
	background-size: cover; padding: 26% 0 6% 0; height: 100%;}
.uno .hosteleria{
	background: url(../imagenes/imagen-hosteleria.jpg) no-repeat center center;
	background-size: cover; padding: 26% 0 6% 0; height: 100%;}
.comunes{
	padding: 45px 0;
	background: url(../imagenes/fondo-faldon-t.jpg) no-repeat left center;
	background-size: 70% auto;}
.comunes p, .comunes h5{
	padding-left: 60%;}
#contacto h2{
	margin: 40px 0 10px 0; font-size: 22px;}
#valores{
	background: url(../imagenes/fondo-valores.jpg) no-repeat center center;
	background-size: 100% auto; padding: 50px 0 40px 0;
	font-size: 32px; line-height: 37px; }
#valores span{
	font-size: 22px;}
#valores .izdo{
	width: 33%;}
#valores .dcho{
	width: 300px; margin-top: 300px;}
#valores .dcho .izdo{
	width: 152px;}
#valores .dcho .dcho{
	width: 88px; margin-top: 0;}
#porque .bloque{
	width: 35%; float: left; display: block; padding: 3% 5% 3% 10%; height: 198px;
	background: url(../imagenes/circulo-logo.jpg) no-repeat left 10px;}
#porque h4{
	font-size: 26px;}
.perfil{
	width: 29%; float: left;}
.marcas{
	width: 840px; margin: 0 auto;}
.marca{
	margin: 0 10px 25px 10px;}
#contacto .izdo, #contacto .dcho{
	width: 48%;}
footer .logo{ float: none; margin-bottom: 25px;}
footer .gipuzkoa, .bizkaia{
	float: left; width: 230px;}
footer .contacto{
	width: 385px; float: right;}
footer .contacto a{
	float: right;}
.centrar{
	height: 100px; display: block; margin: 0 auto; width: 70%;}
.margen{
	margin-bottom: 150px;}
.firma{
	margin-left: 10px;}
}
	
/* ====================================================================== */
@media only screen 
and (min-width : 1200px){ 
.movil, .tablet, .banda, .pantalla2{
	display: none;}
.container{
	width: 1200px; margin: 0 auto;}
.todo{
	margin: 0 50px;}
#logo{
	padding: 20px 0 0 0;}
h1{
	font-size: 37px; line-height: 38px; width: 50%;}
h2{
	font-size: 26px;}
.izdo{
	float: left;}
.dcho{
	float: right;}
.uno .texto-1{
	padding: 40px; width: 25%; font-size: 18px !important; line-height: 23px !important;
	margin: 0 0 0 10%; height: 160px;} 
.uno .industria .texto-1{
	height: 240px;}
.uno .pase-tit3{
	font-size: 30px !important; line-height: 46px; }
.uno .colectividades{
	background: url(../imagenes/imagen-colectividades.jpg) no-repeat center center;
	background-size: cover; padding: 26% 0 10% 0; height: 100%;}
.uno .industria{
	background: url(../imagenes/imagen-industria.jpg) no-repeat center center;
	background-size: cover; padding: 24% 0 6% 0; height: 100%;}
.uno .sanitario{
	background: url(../imagenes/imagen-sanitario.jpg) no-repeat center center;
	background-size: cover; padding: 26% 0 10% 0; height: 100%;}
.uno .hosteleria{
	background: url(../imagenes/imagen-hosteleria.jpg) no-repeat center center;
	background-size: cover; padding: 26% 0 10% 0; height: 100%;}
.comunes{
	padding: 45px 0;
	background: url(../imagenes/fondo-faldon.jpg) no-repeat left center;
	background-size: 73% auto;}
.comunes p, .comunes h5{
	padding-left: 60%;}
#valores{
	background: url(../imagenes/fondo-valores.jpg) no-repeat center center;
	background-size: cover; padding: 50px 0; background-attachment: fixed;
	font-size: 42px; line-height: 45px; }
#valores span{
	font-size: 25px;}
#valores .izdo{
	width: 500px;}
#valores .dcho{
	width: 300px; margin-top: 300px;}
#valores .dcho .izdo{
	width: 152px;}
#valores .dcho .dcho{
	width: 88px; margin-top: 0;}
#porque .bloque{
	width: 30%; float: left; display: block; padding: 2% 10% 2% 10%; height: 198px;
	background: url(../imagenes/circulo-logo.jpg) no-repeat left 10px;}
.perfil{
	width: 29%; float: left;}
.marcas{
	width: 880px; margin: 0 auto;}
#contacto .izdo, #contacto .dcho{
	width: 520px;}
footer .logo, .gipuzkoa, .bizkaia{
	float: left; width: 230px;}
footer .contacto{
	width: 380px; float: right;}
footer .contacto a{
	float: right;}
.centrar{
	height: 100px; display: block; margin: 0 auto; width: 70%;}
.cliente{
	margin-right: 20px;}
.margen{
	margin-bottom: 200px;}
.firma{
	margin-left: 10px;}}

/* =============================================== */


.products{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 1%;
}

.products h3{
	font-size: 1em;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 10px;
	line-height: 1.2em;
}

.products i{
	border: 2px solid #071689;
	padding: 15px;
	border-radius: 50px;
	font-size: 1.2em;
	color: #071689;
	margin: 0 0 15px 0;
}
i.fas.fa-utensils, i.fas.fa-pump-soap{
	padding: 15px 18px;
}

i.fas.fa-hand-holding-water{
	padding: 15px 13px;
}


.products ul{
	list-style-type: disc;
	padding-left: 30px;
}

.products img{
	width: 70%;
}

.product-col{
	margin: 50px 0 0 0;
}

.products div img{
	width: 85%;
}

li.destacado{
	background: #071689;
}

.menu > li.destacado > a{
	color: #FFFFFF;
}
.dcho.cat{
	margin: 60px 0px !important;
}

.izdo.cat{
	display: block;
	height: 50px;
    line-height: 50px;
	padding: 0px 35px;
	background: #071689;
	color:#FFF;
	text-shadow:none;
	font-size: 0.4em;
	font-weight: 600;
	width: auto !important;
	transition: all 0.25s;
}

.izdo.cat a{
	color:#FFF;
}

#valores.limpieza{
	background: url(../imagenes/vadrisa-limpieza.jpg) no-repeat !important;
    background-size: cover !important;
	background-position: 0px -94px !important;
	padding: 100px 0 !important;
}

#valores.limpieza .izdo {
	width: 43%;
}

.izdo.cat:hover{
	background: #3447d7;
}

.relato h1{
	width: 60%; 
	margin: 0 auto;
	text-align: center;
}

.relato h3{
	margin: 0 auto;
	text-align: center;
}

.ver-cat{
	color: #FFF;
	background: #3447d7;
	padding: 10px;
	width: 40%;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.8em;
	margin: 25px 0 60px 0;
	transition: all 0.25s;
}

.ver-cat:hover{
opacity: 0.7;
}

/* .products a:hover{
	opacity: 0.5;
} */

.profile-pic {
	position: relative;
	display: inline-block;
	transition: all 0.25s;

}

.profile-pic:hover .edit {
	display: block;
	text-align: center;
    width: 85%;
    margin: 0 auto;
	background: rgba(0, 0, 0, 0.4);
}

.edit {
	position: absolute;
	top: 0;
	display: none;
	height: 97%;
}

.edit a {
	color: #000;
}

.catalogos i{
	border:none;
	color: #FFF;
	font-size: 2em;
	position: relative;
    top: 50%;
    transform: translateY(-50%);
}

a.lnkdin{
	margin: -20px 0 20px 0;
	font-size: 1.2em;
	transition: opacity 0.25s;
}

a.lnkdin:hover{
	opacity: 0.5;
}

.linkedin{
	margin: 0 auto;
	text-align: center;
}

.linkedin i{
	color:#071689;
	font-size: 1.6em;
	transition: opacity .25s;
}

.linkedin i:hover{
	opacity: 0.5;
}

}