@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');
/* reseteo de propiedades*/
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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing: border-box;
}


html {font-size: 62.5%; overflow-x: hidden; font-family: 'Roboto', sans-serif;}
body {
margin: 0;
padding: 0;
height: 100%;
width: 100%;}

header{width: 100%; height: 100vh;}
#cabecera{
	display: flex;
	width: 100%;
	min-height: 100vh;
	justify-content: center; /* alinea en la horizontal*/
	align-items: center; /* alinea en la vertical*/
	position: relative;
	background: linear-gradient(#00b2bb,#1a428a);
	z-index: 0; /* Podemos colocar un fondo de color, ya sea sólido o degradado sobre el video de fondo, eliminanzo la propiedad z-index y colocando canal alfa al background*/

}
#video-bg{position: absolute; width: 100%; min-height: 100vh; object-fit: cover; /* cubre todo el espacio para que no queden margenes ni recortes al escalar*/ top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -10;}

#cabecera #contenido{max-width: 1000px; height: auto; margin: auto; position: relative;}
#cabecera #contenido #logo{ width: 40%; text-align: center; padding-top: 200px; margin-left: auto; margin-right: auto;}
#logo img{width: 100%;}


#cabecera #contenido #contenedor{margin-top: 110px;}

#cabecera #contenido .fila1{width: 100%; height: auto;}
.fila1 .col1{width: 30%; display: inline-block; vertical-align: top;}
.fila1 .col1 img {width: 100%;}
.fila1 .col2{width: 40%; margin-right: 30%; display: inline-block; vertical-align: top;}
.fila1 .col2 h1{font-weight: 700; font-style: italic; font-size: 2.6rem; color: #00B2BB; text-align: center; line-height: 3rem;}

#cabecera #contenido .fila2{width: 100%; height: auto; margin-top: 10px;}
.fila2 .col2{width: 40%; margin-left: 30%; display: inline-block; vertical-align: top; font-weight: 400; font-style: italic; font-size: 1.7rem; color: #9ff0f4; text-align: center; line-height: 2rem; padding-top: 12px;}
.fila2 .col3{width: 30%; text-align: inherit; display: inline-block; vertical-align: top;}
.fila2 .col3 img{height: 100%;}

#cabecera #contenido .fila3{width: 100%; height: auto; margin-top: 5px;}
.fila3 .col2{width: 50%; height: 30px; margin-left: 50%; display: inline-block; vertical-align: top;}
.fila3 .col2 img {width: 100%;}

#cabecera #contenido .fila4{width: 100%; height: auto; margin-top: 20px;}
.fila4 .btn-bajar{height: 50px; margin-right: auto; margin-left: auto; margin-top: 50px; text-align: center;}
.btn-bajar img{height: 50px; width: 50px;}
.fila4 .btn-bajar-indexok{height: 50px; margin-right: auto; margin-left: auto; margin-top: 50px; text-align: center;}
.btn-bajar-indexok img{height: 50px; width: 50px; transform: rotate(90deg);}

.btn-bajar a{cursor: pointer; text-decoration: none; text-decoration-line: none; filter: opacity(.25); transition:all .5s ease-in-out;}
.btn-bajar a:hover{filter: opacity(1);}
.btn-bajar-indexok a{cursor: pointer; text-decoration: none; text-decoration-line: none; filter: opacity(.25); transition:all .5s ease-in-out;}
.btn-bajar-indexok a:hover{filter: opacity(1);}

/* MEDIA PARA CABECERA*/
@media only screen and (max-width:1000px){
#cabecera #contenido #logo{width: 50%; padding-top: 250px; margin-left: auto; margin-right: auto;}
#cabecera #contenido .fila1{width: 50%; margin: auto;}
.fila1 .col1{width: 60%; margin-left: 40%; display: block;}
.fila1 .col2{width: 100%; margin-right: 0%; display: block; font-size: 2.73rem; line-height: 3rem; margin-top: 20px;}

#cabecera #contenido .fila2{width: 50%; height: auto; margin-top: 10px; margin-left: auto; margin-right: auto;}
.fila2 .col2{width: 100%; margin-left: 0%; display: block; font-size: 1.897rem; line-height: 2rem; padding-top: 12px;}
.fila2 .col3{width: 100%; text-align: right; display: block; margin-top: 10px;}
.fila2 .col3 img{height: 100%; margin-top: 10px;}	
	
#cabecera #contenido .fila3{width: 50%; height: auto; margin-top: 0; margin-left: auto; margin-right: auto;}
.fila3 .col2{width: 100%; height: 30px; margin-left: 0%; display: block;}
.fila3 .col2 img {width: 100%;}

#cabecera #contenido .fila4{width: 50%; height: auto; margin-top: 20px; margin-left: auto; margin-right: auto; }
.fila4 .btn-bajar{height: 50px;}
.fila4 .btn-bajar img{height: 50px;}
}

@media only screen and (max-width:800px){
#cabecera #contenido #contenedor{margin-top: 25px;}
#cabecera #contenido{height: 100vh; margin: auto; position: block; padding-bottom: 100px;}
#cabecera #contenido #logo{width: 60%; padding-top: 200px;}
#cabecera #contenido .fila1{width: 70%;}
#cabecera #contenido .fila2{width: 70%;}
#cabecera #contenido .fila3{width: 70%;}
}

@media only screen and (max-width:580px){
#cabecera #contenido #contenedor{margin-top: 25px;}
#cabecera #contenido{height: 100vh; margin: auto; position: block; padding-bottom: 100px;}
#cabecera #contenido #logo{width: 80%; padding-top: 200px;}
	.fila1 .col2 h1{font-weight: 700; font-style: italic; font-size: 2rem; color: #00B2BB; text-align: center; line-height: 3rem;}
	.fila2 .col2{width: 90%; margin-left: auto; margin-right: auto; display: block; vertical-align: top; font-weight: 400; font-style: italic; font-size: 1.3rem; color: #9ff0f4; text-align: center; line-height: 2rem; padding-top: 12px;}
	.fila2 .col3{margin-top: 0px;}
	.fila2 .col3 img{margin-top: 5px;}	
#cabecera #contenido .fila1{width: 80%;}
#cabecera #contenido .fila2{width: 80%;}
#cabecera #contenido .fila3{width: 80%;}

}
@media only screen and (max-width:365px){
	#cabecera #contenido #logo{width: 80%; padding-top: 150px;}
	.fila1 .col2 h1{font-size: 1.8rem; line-height: 2rem;}
	.fila2 .col2{width: 95%; font-size: 1.2rem; line-height: 1.6rem;}
}

#web{width: 100%;}


#seccion1{width: 100%; height: auto; margin-top: 50px;}
#seccion1-caja-relative{width: 100%; height: 450px; position: relative; z-index: -15; display: block; visibility: visible;}
#seccion1-caja-absolute{ width: 100%; height: 250px; background-color: #2A2F34; position: absolute; top: 22.2%; z-index: -10;}

#seccion1-contenido{max-width: 1000px; height: 450px;/* IMPORTANTE EL HEIGHT PARA QUE SE ALINEEN LOS ELEMENTOS AL CENTRO*/ margin: auto; display: flex; align-items: center;}

#seccion1-contenido .caja1{width: 50%; padding-top: 15px; height: auto;}
.caja1 .titulo-imagen{width: 13%; display: inline-block; vertical-align: middle;}
	.caja1 .titulo-imagen img{width: 100%;}
.caja1 .titulo-texto{width: 87%; display: inline-block; vertical-align: middle;}
	.caja1 .titulo-texto h1{font-weight: 700; font-style: italic; font-size: 2rem; color: #ffea9f; text-align: left; line-height: 3rem; padding-left: 15px; letter-spacing: 0.05rem;}
.caja1 .parrafo{width: 100%; padding-left: 43%;}
	.parrafo p{font-weight: 300; font-size: 1.2rem; color: #ffea9f; text-align: justify; line-height: 2rem; padding-top: 15px; padding-bottom: 10px;}
.caja1 .pie{width: 100%;}
	.pie img{width: 100%;}

#seccion1-contenido .caja2{width: 50%; margin: auto; display: inline-block; vertical-align: middle; text-align: center;}
#seccion1-contenido .caja2 img{width: 90%; padding-left: 10%;}


#seccion1b{width: 100%; margin-top: -100px; display: block; visibility: visible;}
#seccion1b-contenido{max-width: 1000px; margin-top: -100px; margin-left: auto; margin-right: auto;}
#seccion1b-contenido #caja-texto{width: 50%;}
#caja-texto p{font-weight: 700; font-style: italic; font-size: 2.3rem; color: #2A2F34; text-align: right; line-height: 3.5rem; padding-top: 20px; padding-bottom: 20px;}
#caja-texto p span{background: #ffea9f;}


/* MISMOS ESTILOS PARA EL RESPONSIVE - ESTILOS Y ANCHURAS DEFINIDOS EN FORMATO RESPONSIVE PARA EL RESPONSIVE, YA QUE NO ESTAN VISIBLES EN LA VERSIÓN NORMAL DE LA WEB*/
#seccion1-caja-responsive-principal{width: 100%; height: auto; display:none; visibility: hidden;}

#seccion1-contenido-responsive{max-width: 1000px; margin: auto; padding-left: 30px; padding-right: 30px; background-color: #2A2F34;}

#seccion1-contenido-responsive .caja1-responsive{width: 100%; padding-top: 15px;}
.caja1-responsive .contenedor-titulo-imagen{width: 50%; padding-top: 20px;}
.caja1-responsive .titulo-imagen{width: 13%; display: inline-block; vertical-align: middle;}
	.caja1-responsive .titulo-imagen img{width: 100%;}
.caja1-responsive .titulo-texto{width: 87%; display: inline-block; vertical-align: middle;}
	.caja1-responsive .titulo-texto h1{font-weight: 700; font-style: italic; font-size: 2rem; color: #ffea9f; text-align: left; line-height: 3rem; padding-left: 15px; letter-spacing: 0.05rem;}
.caja1-responsive .parrafo{width: 100%;}
	.parrafo p{font-weight: 300; font-size: 1.2rem; color: #ffea9f; text-align: justify; line-height: 2rem; padding-top: 15px; padding-bottom: 10px;}
.caja1-responsive .pie{width: 50%;}
	.pie img{width: 100%;}

#seccion1-contenido-responsive .caja2{width: 100%; margin: auto; text-align: center; padding-top: 30px; padding-bottom: 40px;}
#seccion1-contenido-responsive .caja2 img{width: 70%; padding-left: 10%; padding-right: 10%;}


#seccion1b-responsive{width: 100%; margin-top: 10px; display: none; visibility: hidden;}
#seccion1b-responsive-contenido{max-width: 1000px; margin: auto; padding-left: 30px; padding-right: 30px;}
#seccion1b-responsive-contenido #caja-texto-responsive{width: 100%;}
#caja-texto-responsive p{font-weight: 700; font-style: italic; font-size: 2.3rem; color: #2A2F34; text-align: center; line-height: 3.5rem; padding-top: 20px; padding-bottom: 20px;}
#caja-texto-responsive p span{background: #ffea9f;}

#slider{width: 100%;
height: 450px;
margin-top: 60px;
margin-bottom: 100px;
background-color: #fff;}
@media only screen and (max-width:400px){
	#slider{
height: 450px;
margin-top: 100px;
margin-bottom: 100px;
background-color: #fff;}
}

#seccion2{width: 100%; margin-top: 60px; margin-bottom: 100px;}
#seccion2 .fila-right{max-width: 1000px; margin: auto; padding-bottom: 60px; display: inherit; visibility: visible;}
.fila-right .texto{width: 34.5%; border-image: linear-gradient(to bottom, #f68676 , #f56f7d);
  border-image-slice: 1; border-left-width: 8px; border-left-style: solid; display: inline-block; vertical-align: middle;}
.fila-right .texto h1{font-weight: 700; font-style: italic; font-size: 1.8rem; color: #2A2F34; text-align: left; line-height: 2rem; padding-bottom: 30px; padding-left: 14%; letter-spacing: 0.05rem;}
.fila-right .texto p{font-weight: 300; font-size: 1.2rem; color: #2A2F34; text-align: justify; line-height: 2rem; padding-left: 14%;}

.fila-right .texto2{width: 34.5%; border-image: linear-gradient(to bottom, #fdc872 , #f68c4b);
  border-image-slice: 1; border-left-width: 8px; border-left-style: solid; display: inline-block; vertical-align: middle;}
.fila-right .texto2 h1{font-weight: 700; font-style: italic; font-size: 1.8rem; color: #2A2F34; text-align: left; line-height: 2rem; padding-bottom: 30px; padding-left: 14%; letter-spacing: 0.05rem;}
.fila-right .texto2 p{font-weight: 300; font-size: 1.2rem; color: #2A2F34; text-align: justify; line-height: 2rem; padding-left: 14%;}

.fila-right .imagen{width: 65.5%; display: inline-block; vertical-align: bottom;}
.fila-right .imagen img{width: 100%;}

#seccion2 .fila-left{max-width: 1000px; margin: auto; padding-bottom: 60px; display: inherit; visibility: visible;}
.fila-left .texto{width: 34.5%; border-image: linear-gradient(to bottom, #5fc6ca , #5bafce);
  border-image-slice: 1; border-right-width: 8px; border-right-style: solid; display: inline-block; vertical-align: middle;}
.fila-left .texto h1{font-weight: 700; font-style: italic; font-size: 1.8rem; color: #2A2F34; text-align: right; line-height: 2rem; padding-bottom: 30px; padding-right: 14%; letter-spacing: 0.05rem;}
.fila-left .texto p{font-weight: 300; font-size: 1.2rem; color: #2A2F34; text-align: justify; line-height: 2rem; padding-right: 14%;}

.fila-left .imagen{width: 65.5%; display: inline-block; vertical-align: bottom;}
.fila-left .imagen img{width: 100%;}


/* MISMOS ESTILOS PARA EL RESPONSIVE - ESTILOS Y ANCHURAS DEFINIDOS EN FORMATO RESPONSIVE PARA EL RESPONSIVE, YA QUE NO ESTAN VISIBLES EN LA VERSIÓN NORMAL DE LA WEB*/

#seccion2 .fila-right-responsive{max-width: 1000px; margin: auto; padding-bottom: 50px; padding-left: 30px; padding-right: 30px; display: none; visibility: hidden;}
.fila-right-responsive .texto{width: 100%; border-image: linear-gradient(to bottom, #f68676 , #f56f7d);
  border-image-slice: 1; border-right-width: 8px; border-right-style: solid; display: inline-block; vertical-align: middle; margin-top: 50px;}
.fila-right-responsive .texto h1{font-weight: 700; font-style: italic; font-size: 1.8rem; color: #2A2F34; text-align: left; line-height: 2rem; padding-bottom: 30px; padding-right: 5%; letter-spacing: 0.05rem;}
.fila-right-responsive .texto p{font-weight: 300; font-size: 1.2rem; color: #2A2F34; text-align: justify; line-height: 2rem; padding-right: 5%;}

.fila-right-responsive .texto2{width: 100%; border-image: linear-gradient(to bottom, #fdc872 , #f68c4b);border-image-slice: 1; border-right-width: 8px; border-right-style: solid; display: inline-block; vertical-align: middle; margin-top: 50px;}
.fila-right-responsive .texto2 h1{font-weight: 700; font-style: italic; font-size: 1.8rem; color: #2A2F34; text-align: left; line-height: 2rem; padding-bottom: 30px; padding-right: 5%; letter-spacing: 0.05rem;}
.fila-right-responsive .texto2 p{font-weight: 300; font-size: 1.2rem; color: #2A2F34; text-align: justify; line-height: 2rem; padding-right: 5%;}

.fila-right-responsive .imagen{width: 100%; display: block; vertical-align: bottom;}
.fila-right-responsive .imagen img{width: 100%; margin-top: 40px;}

#seccion2 .fila-left-responsive{max-width: 1000px; margin: auto; padding-bottom: 50px; padding-left: 30px; padding-right: 30px; display: none; visibility: hidden;}
.fila-left-responsive .texto{width: 100%; border-image: linear-gradient(to bottom, #5fc6ca , #5bafce);
  border-image-slice: 1; border-right-width: 8px; border-right-style: solid; display: inline-block; vertical-align: middle; margin-top: 50px;}
.fila-left-responsive .texto h1{font-weight: 700; font-style: italic; font-size: 1.8rem; color: #2A2F34; text-align: left; line-height: 2rem; padding-bottom: 30px; padding-right: 5%; letter-spacing: 0.05rem;}
.fila-left-responsive .texto p{font-weight: 300; font-size: 1.2rem; color: #2A2F34; text-align: justify; line-height: 2rem; padding-right: 5%;}

.fila-left-responsive .imagen{width: 100%; display: block; vertical-align: bottom;}
.fila-left-responsive .imagen img{width: 100%; margin-top: 40px;}


/* MEDIA PARA SECCION1, 1B Y 2*/
@media only screen and (max-width:1000px){
	#seccion1-contenido{padding-left: 30px; padding-right: 30px;}
	#seccion2 .fila-right{padding-left: 30px; padding-right: 30px;}
	#seccion2 .fila-left{padding-left: 30px; padding-right: 30px;}
	#seccion1b{padding-left: 30px; padding-right: 30px;}
	
}
@media only screen and (max-width:800px){
	#seccion1-contenido #caja1{width: 100%;}
	#seccion1b-contenido #caja-texto{width: 64%;}
	
	#seccion1-caja-relative{display: none; visibility: hidden;}
	#seccion1-caja-responsive-principal{display:block; visibility: visible;}
	#seccion1b{display: none; visibility: hidden;}
	#seccion1b-responsive{display: block; visibility: visible;}
	
	#seccion2{margin-bottom: 50px;}
	
	#seccion2 .fila-right{display: none; visibility: visible;}
	#seccion2 .fila-right-responsive{display:block; visibility: visible;}
	
	#seccion2 .fila-left{display: none; visibility: visible;}
	#seccion2 .fila-left-responsive{display:block; visibility: visible;}

}
@media only screen and (max-width:800px){
	.caja1-responsive .contenedor-titulo-imagen{width: 100%;}
	.caja1-responsive .pie{width: 100%;}
}

#seccion3{width: 100%; background-color: #2A2F34; padding-top: 35px; padding-bottom: 80px;}
#seccion3-contenido{max-width: 1000px; margin: auto;}
#seccion3-contenido .fila1{width: 50%; padding-bottom: 30px;}
.fila1 .titulo-imagen{width: 13%; display: inline-block; vertical-align: middle;}
.fila1 .titulo-imagen img{width: 100%;}
.fila1 .titulo-texto{width: 87%; display: inline-block; vertical-align: middle;}
.fila1 .titulo-texto h1{font-weight: 700; font-style: italic; font-size: 2rem; color: #ffea9f; text-align: left; line-height: 3rem; padding-left: 15px; letter-spacing: 0.05rem;}

form {width: 100%; height: auto;}
.caja-input{width: 60%; height: auto; margin: auto;}
.campo-input{width: 95%; height: 40px; background-color: #ffea9f; border: 0; margin-top: 15px; padding-left: 5%; font-weight: 300; font-size: 1.2rem; color: #2A2F34; line-height: 2rem;}
.campo-input2{width: 95%; height: 80px; background-color: #ffea9f; border: 0; margin-top: 15px; padding-left: 5%; font-weight: 300; font-size: 1.2rem; color: #2A2F34; line-height: 2rem;}

#caja-check{width: 100%; height: 50px; margin-left: auto; margin-right: auto; margin-top: 20px; text-align: left; padding-left: 4.5%;}

/* CUSTOM "CHECKED" ICON */
.round label:before{border-radius: 50%;}
.cboxB input:checked ~ label:before { content: "\2714"; color: #2A2F34; font-size: 1.2rem;}
.cboxB input { display: none; }
/* CUSTOMIZAR FORMA */
.cboxB label { cursor: pointer; }
.cboxB label:before {
  display: inline-block;
  content: "\00a0"; /* espacio en blanco */
  width: 30px;
  margin-right: 10px;
  text-align: center;
  background: #ffea9f;}
.cboxB label:hover::before {
	background: #fff;}
/* CUSTOMIZAR TEXTO */
.cboxB {
  line-height: 3rem;
	font-weight: 400;
	font-size: 1.2rem;
	color: #ffea9f;}
.cboxB a{
	text-decoration: none;
	filter: opacity(.25);
	transition:all .5s ease-in-out;
	color: #fff;}
.cboxB a:hover{
	color: #fff;
	filter: opacity(1);}

#caja-submit{text-align: center; width: 120px; height: 120px; margin: auto;}
.boton{width: 120px; height: 120px; border: solid 5px #ffea9f; border-radius: 120px; background: rgba(0,0,0,0);; color: #ffea9f; cursor: pointer; font-weight: 700; font-size: 2.3rem; font-style: italic; transition-property: background; transition-duration: .5s; transition:all .5s ease-in-out; letter-spacing: 0.05rem; margin-top: 20px;}
.boton:hover{background: #fff; color: #2A2F34;}


#seccion4{width: 100%; margin-top: 100px; padding-top: 35px; padding-bottom: 100px;}
#seccion4-contenido{max-width: 1000px; margin: auto;}
#seccion4-contenido .fila1{width: 50%; padding-bottom: 45px;}
#seccion4-contenido .titulo-imagen{width: 13%; display: inline-block; vertical-align: middle;}
#seccion4-contenido .titulo-imagen img{width: 100%;}
#seccion4-contenido .titulo-texto{width: 87%; display: inline-block; vertical-align: middle;}
#seccion4-contenido .titulo-texto h1{font-weight: 700; font-style: italic; font-size: 2rem; color: #2A2F34; text-align: left; line-height: 3rem; padding-left: 15px; letter-spacing: 0.05rem;}
#caja-logos{width: 100%; height: auto;}
#caja-logos .col1{width: 50%; display: inline-block; vertical-align: top;}
#caja-logos .col2{width: 50%; display: inline-block; vertical-align: top;}
.col1 .logo1{width: 30%; margin-right: 4%;}
.col1 .logo2{width: 30%; margin-right: 2%;}
.col2 .logo1{width: 30%; margin-left: 4%;}
.col2 .logo2{width: 30%; margin-left: 2%;}
#caja-logos a{cursor: pointer; text-decoration: none; text-decoration-line: none; filter: opacity(.5); transition:all .5s ease-in-out;}
#caja-logos a:hover{filter: opacity(1);}


footer{width: 100%; background: linear-gradient(#00b2bb,#1a428a); padding-bottom: 20px;}
#footer-pie{max-width: 1000px; margin:auto; padding-top: 60px; padding-bottom: 30px; background-color: #2A2F34; text-align: center;}
.enlaces{font-weight: 300; font-size: 1.5rem; color: #fff; line-height: 2rem;}
.enlaces a{cursor: pointer; text-decoration: none; color: #fff; text-decoration-line: none; filter: opacity(.5); transition:all .5s ease-in-out;}
.enlaces a:hover{filter: opacity(1);}
.enlaces-legal{font-weight: 300; margin-top: 50px; font-size: 1.2rem; color: #fff; line-height: 2rem; letter-spacing: 0.05rem;}
.enlaces-legal a{cursor: pointer; text-decoration: none; color: #fff; text-decoration-line: none; filter: opacity(.5); transition:all .5s ease-in-out;}
.enlaces-legal a:hover{filter: opacity(1);}
.copyright{font-weight: 300; margin-top: 25px; font-size: 1rem; color: #fff; line-height: 2rem;}


/* MEDIA PARA SECCION 3 Y 4*/
@media only screen and (max-width:1000px){
	#seccion3-contenido{padding-left: 30px; padding-right: 30px;}
	#seccion4-contenido{padding-left: 30px; padding-right: 30px;}
	
}
@media only screen and (max-width:650px){
	#seccion3{width: 100%; background-color: #2A2F34; padding-top: 80px; padding-bottom: 80px;}
	#seccion3-contenido .fila1{width: 100%;}
	.caja-input{width: 100%;}
	.campo-input{height: 60px;}
	.campo-input2{height: 100px;}
	#seccion4-contenido .fila1{width: 100%;}
	#caja-logos{margin-top: 30px;}
	#caja-logos .col1{width: 100%; display: block;}
	#caja-logos .col2{width: 100%; display: block; margin-top: 20px;}
	.col1 .logo1{width: 30%; margin-right: 5%;}
	.col1 .logo2{width: 30%; margin-right: 0%;}
	.col2 .logo1{width: 30%; margin-left: 5%;}
	.col2 .logo2{width: 30%; margin-left: 0%;}
}
@media only screen and (max-width:580px){

}

#firma-web-laikaway{font-family: Montserrat; font-weight: 400; font-size: 8pt; color: #fff; justify-content: center; align-items: center; display: flex; width: 250px; margin: auto; padding-top: 5px;}
#firma-web-laikaway a{text-decoration: none; color: #fff; font-weight: 700; transition: 1s; margin-left: 5px;}
#firma-web-laikaway a:hover{color: #ffef00;}
#firma-web-laikaway img{max-height: 50px; max-weight: 50px; padding-top: 5px; padding-bottom: 5px; filter: grayscale(100%); transition: 1s; margin-left: -5px;}
#firma-web-laikaway img:hover{filter: grayscale(0%);}