@font-face{
	font-family: Open Sans;
    src: url(../fonts/OpenSans-Light.woff2),
         url(../fonts/OpenSans-Light.woff),
	     url(../fonts/OpenSans-VariableFont_wdth,wght.ttf);
    font-weight: 300; font-display: swap;}
@font-face{
	font-family: Open Sans;
    src: url(../fonts/OpenSans-Regular.woff2),
         url(../fonts/OpenSans-Regular.woff),
	     url(../fonts/OpenSans-VariableFont_wdth,wght.ttf);
    font-weight: 400; font-display: swap;}
@font-face{
	font-family: Open Sans;
	src: url(../fonts/OpenSans-Bold.woff2),
         url(../fonts/OpenSans-Bold.woff),
	     url(../fonts/OpenSans-VariableFont_wdth,wght.ttf);
	font-weight: 700; font-display: swap;}
*{	margin: 0; padding: 0;}
body{	font-family: 'Open Sans', sans-serif; font-size: 1.1em; line-height: 1.8em; text-align: center;}
img a, a, a img{	text-decoration: none;}
#imagen img{	width: 100%; height: auto; display: block;}
.neg{	font-weight: bold;}
.noneg, .noneg strong{	font-weight: normal;}
#menu ul li{	list-style-type: none; text-align: center;}
#menu ul li a{	color: #1b1b73; padding: 10px 0; display: block;}
h1{	font-weight: 700; color: #1b1b73; margin-top: 80px;}
.subt{	font-weight: 400; display: block; font-size: 0.6em; line-height: 1.6em; color: #7079b3;
	border-bottom: 1px solid #ccc; margin-bottom: 40px; padding-bottom: 15px;}
h2{	color: #7079b3; font-weight: 400; margin-top: 80px;
	border-bottom: 1px solid #0b62b2; margin-bottom: 15px; padding-bottom: 15px;}
h3{	font-weight: 400; margin-top: 80px; font-size: 0.9em;}
h4{	color: #0255d3; font-weight: 400; margin-top: 80px; font-size: 1.1em;}
h5{	font-weight: 300; font-size: 40px; color: #0b62b2; margin-bottom: 25px;
	border-top: 1px solid #ddd; padding-top: 15px; margin-top: 5px; display: inline-table;}
h6{	color: #7079b3; font-size: 20px; }
p{	margin: 8px 0;}
.frase{	color: #1b1b73; font-weight: 700; font-size: 1.1em; margin: 30px 0;}
.logos{	margin-top: 50px;}
.logos img{
	margin: 0 12px;}
.marcas{
	border: 2px solid #eee; padding: 30px;}
.marcas h2{
	margin-top: 40px; padding-bottom: 10px; border-bottom: 2px solid #eee; margin-bottom: 30px;}
.titulares{
	margin-top: 80px; margin-bottom: 40px;}
.titulares .fondo{
	position: relative; z-index: 1; }
.titulares h2{
	margin: auto; left: 0; right: 0; width: 100%; margin-top: -80px; 
	position: absolute; z-index: 2; text-align: center;
	font-size: 80px; color: #fff; font-weight: 300; border-bottom: none;}
.boton-mas a{
	display: block; border: 2px solid #7079b3; font-size: 60px; width: 70px; line-height: 20px;
	padding-top: 25px; height: 45px; margin: 20px auto; color: #7079b3; font-weight: 300;}
.boton-mas a .mas{
	display: none; font-weight: 400;}
.boton-mas a:hover{
	padding-top: 15px; height: 55px; border: 2px solid #efefef;
	width: 150px; font-size: 20px; 
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
.boton-mas a:hover .mas{
	display: block; font-size: 17px;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
.sostenibilidad{
	margin-top: 100px; color: #fff;}
.sostenibilidad h6{
	text-align: center; font-size: 40px; color: #fff; font-weight: 300; margin-bottom: 15px;
	border-bottom: 1px solid #fff; padding-bottom: 15px;}
.verde{
	background:url(../imagenes/verde.png); text-shadow: 1px 1px 10px #000;}
.galeria .foto img{
	width: 100%; height: auto; display: block;}
.gris{
	background: #f5f6f7; padding: 8.3% 70px;}
.galeria h2{
	font-size: 22px; margin-top: 20px;}
.galeria .m-sup{
	margin-top: 28px;}
.galeria .grupo{
	margin-top: 100px;}
footer{
	border-top: 1px solid #97a0ce; padding: 50px 0 30px 0; margin-top: 100px;}
.s-margen{
	margin-top: 0;}
.tipos{
	margin-top: 80px;}
.tipo{
	width: 300px; margin: 1%; display: inline-block;}
.tipo h3{
	margin-top: 5px;}
.marco{
	border: 3px solid #7079b3; color: #7079b3; padding: 45px 20px 30px 20px; font-weight: 700; 
	position: relative; margin-top: 80px;}
.marco .ok{
	margin: auto; left: 0; right: 0; 
	position: absolute; top: -45px; }
section .boton a{
	display: block; width: 220px; margin: 80px auto;  font-size: 0.8em;
	background: #7079b3; color: #fff; padding: 10px;}
.link a{
	display: inline-block; color: #1b1b73; font-weight: 700; font-size: 1.1em; padding: 5px;}
.link a:hover{
	color: #7079b3;}
footer img{
	display: block; margin: 0 auto 20px auto;}
footer .boton a{
	display: block; width: 100px; margin: 20px auto 0 auto;  font-size: 0.8em;
	background: #7079b3; color: #fff; padding: 10px;}
footer .boton a:hover, section .boton a:hover{
	background: #1b1b73; }
address{
	font-style: normal; display: inline; font-size: 0.9em;}	
.borra{
	clear: both;}
#aviso{ 
	font-size: 0.7em; background: #1b1b73; color: #fff; }
#aviso a{
	color: #fff; display: inline-block; padding: 5px 0;}
iframe{
	border: none; width: 100%; display: block; margin-top: 80px;}
#galeria{
	margin-top: 100px;}
#galeria a{
	display: inline-block; margin: 0 2px;}
#galeria a:hover{
	opacity: 0.3; -webkit-filter: grayscale(100%);
  	filter: grayscale(100%);}
.mapa{padding: 150px 0 90px 0; background: url( "../imagenes/mapa.jpg") no-repeat left top; background-size: cover; margin-top: 80px; }
.mapa a{margin: 0 auto; width: 100%; max-width: 300px; text-transform: uppercase; font-size: 0.8em; background: #fff;
display: block; padding: 13px 0; color: #555; border: 1px solid #699;}
.mapa a:hover{background: #699; color: #fff; }

@media only screen 
and (max-width : 480px){
.pantalla, .tablet, #galeria, .guion{
	display: none;}
.container {
	width: 100%; margin: 0 auto; font-size: 0.9em;}
.container .verde{
	font-size: 1.1em;}
.todo {
	margin: 0 20px;}
#logo{
	width: 250px; margin: 40px auto;}
#logo img{width: 100%; height: auto;}
#menu{
	width: 100%; margin: 0 auto; font-size: 0.9em;}
.logos{
	margin: 50px auto 0 auto;}
h1{
	font-size: 22px;}
h5 {
    font-size: 30px;}
.marcas h2{
	margin-top: 5px; font-size: 22px;}
.logos img{
	height: 65px; width: auto; display: table; margin: 10px auto;}
.sostenibilidad{
	background:url(../imagenes/fondo-sostenib3.jpg) no-repeat center center;
	background-size: cover;}
.sostenibilidad h6 {
    font-size: 22px;}
.sostenibilidad .todo{
	padding: 20px 0;}
.verde{
	padding: 40px;}
.titulares img{
	width: 100%; height: auto;}
.titulares h2 {
    margin: auto; margin-top: -60px;  font-size: 36px; left: 0; right: 0; width: 100%;
	text-shadow: 1px 1px 10px #555;}
.marco .ok{
	width: 60px; height: auto; top: -35px;}
.galeria{
	margin: 80px auto; width: 90%; font-size: 0.9em;}
.galeria .grupo, .tipo{
	background: #f5f6f7; padding: 20px;}
.galeria h2 {
    font-size: 19px; margin-top: 20px;}
.galeria .gris {
    padding: 5px 0; }
.galeria .foto img{
	margin-top: 15px;}
.tipo{
	margin-bottom: 15px; font-size: 1.1em; width: 84%; display: block; margin: 4%; padding: 4%;}
.tipo img{
	width: 100%; height: auto;}
#galeria-movil{
	padding: 0 20px; margin: 80px auto 0 auto; max-width: 350px;}
#galeria-movil img{
	width: 100%; height: auto;}
#aviso a, .block{
	display: block;}
address{
	line-height: 1.4em;}
iframe{
	height: 350px;}
#telef a{
	display: block; font-size: 1.3em;}
.mapa{padding: 150px 0 150px 0; background: url( "../imagenes/mapa-m.jpg") no-repeat left top; background-size: 100% auto; }

}

@media only screen 
and (min-width : 481px)
and (max-width : 760px) {
.pantalla, .movil{
	display: none;}
.container {
	width: 100%; margin: 0 auto;}
.todo {
	margin: 0 30px;}
#logo{
	width: 250px; margin: 40px auto;}
#logo img{width: 100%; height: auto;}
#menu{
	width: 100%; max-width: 700px; margin: 0 auto; font-size: 0.8em;}
#menu ul li{
	float: left; width: 33.33%;}
h5 {
    font-size: 34px;}
.marcas h2{
	margin-top: 20px; font-size: 24px;}
.logos{
	margin: 50px auto 0 auto;}
.kp, .bolon{
	margin-left: 40px !important;}
.sostenibilidad{
	background:url(../imagenes/fondo-sostenib2.jpg) no-repeat center center;
	background-size: cover;}
.sostenibilidad h6 {
    font-size: 28px;}
.sostenibilidad .todo{
	padding: 35px 0;}
.verde{
	padding: 40px; }
.titulares img{
	width: 100%; height: auto;}
.titulares h2 {
    margin: auto; margin-top: -70px;  font-size: 46px; left: 0; right: 0; width: 100%;}
.marco .ok{
	width: 60px; height: auto; top: -40px;}
.galeria{
	margin: 80px auto; width: 90%;}
.galeria .grupo, .tipo{
	background: #f5f6f7; padding: 30px;}
.galeria h2 {
    font-size: 19px; margin-top: 20px;}
.galeria .gris {
    padding: 5px 20px; }
.galeria .foto img{
	margin-top: 15px;}
#galeria a{
	width: 48%;}
#galeria a img{
	width: 100%; height: auto;}
.tipo{
	font-size: 1.1em; width: 320px; display: block; margin: 20px auto; padding: 20px;}
.tipo img{
	width: 100%; height: auto;}
.tipo h3{
	margin-top: 10px;}
#aviso{
	font-size: 0.6em;}
}

@media only screen 
and (min-width : 761px)
and (max-width : 1029px) {
.movil, .tablet{
	display: none;}
.container {
	width: 100%; margin: 0 auto;}
.todo {
	margin: 0 40px;}
#logo{
	width: 300px; margin: 20px auto;}
#menu{
	width: 700px; margin: 0 auto; font-size: 0.8em;}
#menu ul li{
	float: left; width: 16%;}
#menu ul .uno{
	width: 12%;}
#menu ul .tres{
	width: 24%;}
#menu ul .cua{
	width: 16%;}
#menu ul .cin{
	width: 15%;}
#menu ul .seis{
	width: 17%;}
.logos{
	width: 530px; margin: 50px auto 0 auto;}
.sostenibilidad{
	background:url(../imagenes/fondo-sostenib.jpg) no-repeat center center;
	background-size: cover;}
.sostenibilidad h6 {
    font-size: 30px;}
.verde{
	padding: 100px 50px;}
.titulares img{
	width: 100%; height: auto;}
.titulares h2 {
    margin: auto; margin-top: -80px;  font-size: 60px; left: 0; right: 0; width: 100%;}
.marco .ok{
	width: 70px; height: auto;}
.galeria{
	margin: 100px auto; width: 700px;}
.galeria h2 {
    font-size: 19px; margin-top: 20px;}
.galeria .gris {
    padding: 47px 30px 0 30px; height: 296px;}
.galeria .izdo .segunda{
	width: 700px; height: auto;}
.galeria .m-sup{
	margin-top: 15px;}
.galeria .foto .f14, .galeria .foto .f20{
	height: 343px;}
.izdo{
	width: 49%; float: left;}
.dcho{
	width: 49%; float: right;}
}
	
@media only screen 
and (min-width : 1030px){ 
.movil, .tablet, .bolon{
	display: none;}
.container {
	width: 1000px; margin: 0 auto;}
.todo {
	margin: 0 50px;}
#logo{
	width: 300px; margin: 20px auto;}
#menu{
	width: 700px; margin: 0 auto; font-size: 0.8em;}
#menu ul li{
	float: left; width: 16%;}
#menu ul .uno{
	width: 12%;}
#menu ul .tres{
	width: 24%;}
#menu ul .cua{
	width: 16%;}
#menu ul .cin{
	width: 15%;}
#menu ul .seis{
	width: 17%;}
.sostenibilidad{
	background:url(../imagenes/fondo-sostenib.jpg) no-repeat center center;
	background-size: 100% auto;}
.verde{
	padding: 100px 50px;}
.galeria{
	margin: 100px auto; width: 1350px;}
.izdo{
	width: 49%; float: left;}
.dcho{
	width: 49%; float: right;}
}
@media only screen 
and (min-width : 1030px)
and (max-width : 1400px) {
.galeria{
	width: 1000px;}
.gris {
    padding: 5.4% 4%;}
.izdo{
	width: 49%; }
.dcho{
	width: 49%; }
.galeria h2 {
    font-size: 18px; margin-top: 15px; padding-bottom: 8px;}
.galeria .m-sup {
    margin-top: 20px;}
#stilmoto{
	padding: 2.3% 4%;}
.f14{
	height: 520px !important;}}
@media only screen 
and (min-width : 1401px){ 
.f20{
	height: 696px !important;}
	#menu{width: 800px; font-size: 0.9em; ;}}