@charset "utf-8";
/* CSS Document */

	@media (max-width:1390px) {
		
		header .top .botones .boton {
			font-size: 30px;
		}
		header .top .botones .menu {
			width: 35px;
			height: 35px;
		}
		header .top .botones .menu div {
			height: 3px;
		}
		header .letras {
			margin-top: 20px;
		}
		header .menudesplegado .col:nth-child(2) {
			padding: 3%;
		}
		header .menudesplegado .subcol.formulario .txt {
			margin-bottom: 20px;
		}
		.slider .titulo {
			font-size: 56px;
		}
		.slider .texto {
			margin-top: 30px;
		}
		.slider .banda {
			height: 120px;
		}
		.slider .logos .logo, .slider .logos .logo img {
			height: 60px;
		}
		.slider .logos {
			padding: 15px;
			margin-top: 20px;
		}
		.slider .logos .logo img {
			max-width: 180px;
		}
		
		.filalogos .logo {
			width: 175px;
			height: 175px;
		}
			
}

	@media (max-width:1280px) {
		
		header .top .logo {
			width: 25%;
		}
		header .top .botones .boton {
			font-size: 30px;
		}
		header .top .botones .menu {
			width: 35px;
			height: 35px;
		}
		header .top .botones .menu div {
			height: 3px;
		}
		header .letras {
			margin-top: 20px;
		}
		.slider .banda .logos {
			padding: 15px;
		}
		.slider .banda .logos .logo {
			height: 60px;
		}
		.slider .banda .logos .logo img {
			max-width: 180px;
			height: 60px;
			margin-left: 40px;
		}
		
}



	@media (max-width:1200px) {
		
		header .menudesplegado .col:nth-child(2)
		{
			padding: 2%;
		}
		.filalogos .logo {
			width: 150px;
			height: 150px;
		}
			
}



	@media (max-width:1024px) {
		header .menudesplegado .col:nth-child(2) .subcol {
		    flex-direction: row;
		}
		header .menudesplegado .col:nth-child(2) .item {
		    flex: 0 0 50%;
            max-width: 50%;
		}
		header .top .botones .boton {
			font-size: 26px;
		}
		header .top .botones .menu {
			width: 30px;
			height: 30px;
		}
		header .letras {
			margin-top: 15px;
		}
		header .menudesplegado .col:nth-child(1) {
			min-width: 280px;
		}
		header .menudesplegado .col:nth-child(1) .subcol:nth-child(2) {
			min-width: 100%;
		}
		header .menudesplegado .subcol.formulario .txt {
			margin-bottom: 15px;
		}
		.slider .logos .logo {
			height: 50px;
		}
		.slider .logos .logo img {
			max-width: 150px;
			height: 50px;
		}
		.filalogos .logo:nth-child(6) {
			display: none;
		}
		footer .fila.middle {
			padding-bottom: 0;
		}
		footer .fila.middle .inside {
			flex-wrap: wrap;
			margin: 0 -5% 0 -5%;
			width: 110%
		}
		footer .fila.middle .inside div {
			margin: 0 5% 20px 5%;
		}
		footer .fila.bottom div>span {
			 display: block;
		}
		footer .fila.bottom div>span:nth-child(2) {
			 margin-top: 20px;
		}	
	/*	header .menudesplegado .col.elements .subcol{
		    overflow: auto !important;
            flex-wrap: initial !important;
		    gap: 10px;
		}*/
		/*header .menudesplegado .col .subcol{
		    align-self: center !important;
		    justify-content: center!important;
		}*/
		.terminossolidarios .txt span {
          font-size: 120px;
        }
}
	@media (max-width:900px) {
		
		.slider .banda {
			height: auto !important;
			padding: 20px 10px;
		}
		.slider .banda .logos {
			display: block;
			height: auto;
			padding: 20px 0px 0px 0px;
			flex-grow: 1;
		}
		.slider .banda .logos .logo {
			height: auto;
			text-align: center;
		}
		.slider .banda .logos .logo img {
			max-width: 150px;
			max-height: 70px;
			margin: 0px;
		}
		.filalogos .logo:nth-child(5) {
			display: none;
		}
		.filalogos .refresh {
			padding-right: 10px;
		}		

		footer .fila.middle .inside {
			margin: 0 -4% 0 -4%;
			width: 108%
		}
		footer .fila.middle .inside div {
			margin: 0 4% 20px 4%;
		}
		
}
	@media (max-width:800px) {
        header .menudesplegado .col.elements .subcol{
		    display: block;
		}
		header .menudesplegado .col:nth-child(2) .item {
		    flex: 0 0 100%;
            max-width: 100%;
            width: 100%;
		}
		/*agradecimientos*/
		header .menudesplegado .col:nth-child(1) .subcol, header .menudesplegado .col:nth-child(2) .subcol > div.contenido{
			padding-right: 6px;
		}
		
		body, td, th, input, textarea, button {
			font-size: 14px;
		}
		header .top {
			font-size: 24px;
			padding-bottom: 1%;
		}
		header .top .logo {
			width: 25%;
		}
		header .top .logo img {
			max-width: 100%;
			max-height: 100%;
			object-fit: contain;
		}
		header .letras {
			display: none;
			justify-content: space-between;
			flex-wrap: wrap;
		}
		header .letras div {
			flex: 1 8%;
			margin-bottom: 20px;
			text-align: center;
		}
		.slider .logos {
			padding: 10px;
			margin-top: 20px;
		}
		.slider .logos .logo {
			height: 35px;
		}
		.slider .logos .logo img {
			max-width: 70px;
			height: 35px;
		}
		.filaterminos div.t {
			font-size: 18px;
		}
		.filalogos {
			 padding: 40px 5% 40px 5%;
		}
		.filalogos .refresh {
			top: 40px;
		}		
		.filalogos .logo {
			width: 150px;
			height: 150px;
		}
		footer .fila.top .logo img {
			width: 260px;
		}
		footer .buscador {
			width: 300px;
		}
		footer .buscador input[type="text"], footer .buscador button[type="submit"] {
			min-height: 40px;
		}
		footer .buscador button[type="submit"] {
			font-size: 20px;
		}
		footer .fila.middle .inside {
			margin: 0 -3.5% 0 -3.5%;
			width: 107%
		}
		footer .fila.middle .inside div {
			margin: 0 3.5% 20px 3.5%;
		}
		footer .fila.middle .inside div:nth-child(6), footer .fila.middle .inside div:nth-child(7), footer .fila.middle .inside div:nth-child(8) {
			margin-right: 0%;
		}
		footer .fila.middle .inside div:nth-child(7), footer .fila.middle .inside div:nth-child(8), footer .fila.middle .inside div:nth-child(9) {
			margin-left: 0%;
		}
		
}
	@media (max-width:700px) {
		.filalogos .logo:nth-child(4) {
			display: none;
		}
}
	@media (max-width:640px) {
		
		footer .fila.top {
			display: block;
			margin-top: 30px;
			margin-bottom: 20px;
		}
		footer .fila.top .logo {
			text-align: center;
		}
		footer .fila.top .buscador {
			width: 100%;
			justify-content: space-between;
			margin-top: 20px;
		}
		footer .fila.top .buscador input[type="text"] {
			max-width: none;
		}
		footer .fila.middle {
			padding: 20px 0;
		}
		footer .fila.middle .inside {
			margin: 0;
			width: 100%;
			column-count: 2;
		}
		footer .fila.middle .inside div {
			margin: 0 0 20px 0;
		}
		
}
	@media (max-width:600px) {
		
		input[type="submit"], button {
			padding: 10px 15px;
			border-radius: 4px;
		}
		header .top .logo {
			width: 50%;
		}
		header .top .menu {
			width: 29px;
			height: 29px;
		}
		header .top .menu div {
			height: 3px;
		}
		header .letras {
			display: none;
			justify-content: space-between;
			flex-wrap: wrap;
		}
		header .letras div {
			flex: 1 15%;
			margin-bottom: 20px;
			text-align: center;
		}
		
		
		.buscador {
			width: 100%;
		}
		.buscador input[type="text"] {
			max-width: none;
		}
		.buscador button[type="submit"] {
			width: 40px;
			min-width: 40px;
			margin-left: 10px;
			font-size: 16px;
		}
		
		
		header .menudesplegado .col {
			padding: 3%;
		}
		header .menudesplegado .col:nth-child(1) {
			min-width: 180px;
		}
		header .menudesplegado .col:nth-child(1) .subcol:nth-child(2) {
			font-size: 16px;
		}
		header .menudesplegado .col:nth-child(2) .item {
			width: 48%;
		}
		
		
		
		.slider .titulo {
			font-size: 42px;
		}
		.slider .texto {
			width: 60%;
			margin-top: 30px;
		}
		.slider .banda {
			display: block;
		}
		.slider .banda .logos {
			display: flex;
		}
		
		
		
		.filaterminos {
			flex-direction: column;
		}
		.filaterminos div.t {
			font-size: 24px;
		}
		.filaterminos div {
			width: 100%;
		}
		.filaterminos div:nth-child(1) {
			order: 1;
		}
		.filaterminos div:nth-child(2) {
			order: 4;
		}
		.filaterminos div:nth-child(3) {
			order: 7;
		}
		.filaterminos div:nth-child(4) {
			order: 2;
		}
		.filaterminos div:nth-child(5) {
			order: 5;
		}
		.filaterminos div:nth-child(6) {
			order: 8;
		}
		.filaterminos div:nth-child(7) {
			order: 3;
		}
		.filaterminos div:nth-child(8) {
			order: 6;
		}
		.filaterminos div:nth-child(9) {
			order: 9;
		}
		.filaterminos div.b {
			padding-top: 10px;
			display: flex;
			justify-content: flex-end;
		}
		.filaterminos div.b div {
			padding: 10px 20px;
		}
		
		
		
		.filalogos {
			/*padding: 20px 5%;*/
			padding: 75px 5% 20px;
		}
		.filalogos .refresh {
			/*top: 20px;*/
			top: 15px;
            right: 40px;
		}		
		.filalogos .logo {
			width: 140px;
			height: 140px;
		}
		.botonesfilalogos {
			padding: 0 6.4% 20px 6.4%;
		}
		.botonesfilalogos .boton {
			padding: 10px;
			min-width: 200px;
		}
		.botonesfilalogos .patrocinar {
			margin-top: 20px;
		}

		
		
		.filaempresa {
			flex-direction: column;
			padding: 40px 5%;
			margin: 0px;
		}
		.filaempresa .logo {
			width: 100%;
			height: 150px;
			margin-bottom: 20px;
		}
		.filaempresa .info {
			width: 100%;
		}
		.filaempresa .info .nombre {
			font-size: 28px;
		}
		.filaempresa .info .sector {
			font-size: 20px;
		}
		.filaempresa .txt, .filaempresa .inversion, .filaempresa .establecimientos {
			font-size: 14px;
		}
		.filaempresa .botones {
			margin-top: 20px;
		}
		
		
		
		
		.diccionario {
			padding: 40px 5%;
			height: 100vh;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}
		.diccionario img {
			margin-bottom: 20px;
		}
		.diccionario p:last-child {
			margin-bottom: 25%;
		}
		
		
		
		
		
		.terminosemana {
			width: 90%;
		}
		.terminosemana .top {
			flex-direction: column-reverse;
		}
		.terminosemana .top .titulo {
			font-size: 28px;
			margin-top: 20px;
		}
		.terminosemana .top .titulo .subtitulo {
			font-size: 18px;
			margin-top: 15px;
		}
		.terminosemana .top .patrocinador {
			/*align-self: flex-end;*/
			align-self: center;
		}
		.terminosemana .top .patrocinador img {
			max-width: 200px;
			max-height: 100px;
		}
		.terminosemana .previos {
			flex-direction: column;
			margin-top: 10px;
		}
		.terminosemana .previos .termino {
			margin-top: 10px;
		}
		
		
		
		
		
		.formulario {
			padding: 30px 5%;
		}
		.formulario .top {
			flex-direction: column;
		}
		.formulario .top .txt {
			width: 100%;
			margin-bottom: 10px;
		}
		.formulario .top .txt strong {
			font-size: 28px;
			margin-bottom: 10px;
		}
		.formulario .top .campos {
			width: 100%;
		}
		.formulario .bottom {
			margin-top: 25px;
		}
		.formulario .bottom .logo img {
			width: 100%;
		}
		.formulario .boton input {
			margin-top: 0px;
		}
		
		
		
		
		
		
		.colaborador .txt, .colaborador .botones {
			margin-top: 20px;
		}
		
		
		
		
		
		
		.libro {
			padding: 20px 0;
		}
		.libro .txt {
			width: 50%;
			margin-left: 5%;
			text-shadow: 1px 1px 5px #000000;
		}
		.libro .txt a {
			text-shadow: 1px 1px 5px #FFFFFF;
		}
		.libro .txt strong {
			font-size: 28px;
			margin-bottom: 10px;
			margin-right: -25%;
			text-shadow: 1px 1px 8px #000000;
		}
		.libro .txt img {
			width: 80px;
			margin-top: 10px;
		}
	
				
		
		
		
		
		.terminossolidarios {
			display: flex;
			flex-direction: column;
			justify-content: center;
			height: 100vh;
			padding: 120px 0 10px 0;
			background-position: -100px top;
			background-repeat: no-repeat;
		}
		.terminossolidarios .txt {
			width: 90%;
			padding-top: 20%;
			text-shadow: 1px 1px 3px #FFFFFF;
		}
		.terminossolidarios .txt strong {
			font-size: 28px;
			text-shadow: 1px 1px 5px #FFFFFF;
		}
		.terminossolidarios .txt span {
			font-size: 98px;
			margin-bottom: 10px;
			text-shadow: 1px 1px 10px #555555;
		}
		.terminossolidarios .txt img {
			width: 200px;
			margin-top: 20px;
		}

		
		
		
		
		.bolas {
			padding: 40px 4% 20px 4%;
		}
		.bolas .bola {
			font-size: 12px;
		}
		.bolas .top .bola {
			width: 120px;
			height: 120px;
			padding: 20px;
		}
		.bolas .top .bola:first-child {
			padding-top: 30px;
		}
		.bolas .top .bola:nth-child(3) {
			padding-top: 15px;
		}
		.bolas .top .bola strong {
			font-size: 30px;
			margin: 0px;
		}
		.bolas .bottom .bola {
			width: 100px;
			height: 100px;
			padding: 17px 10px;
		}
		.bolas .bottom .bola strong {
			font-size: 30px;
			margin: 0px;
		}
		
		
		
		
		
		
		.formulario.tudiras .boton {
			margin-top: 20px;
		}
		
		
		
		
		
		
		footer .fila {
			display: block;
		}

		footer .fila.bottom {
			margin: 20px auto 40px auto;
		}
		footer .fila.bottom div:nth-child(2) {
			margin-top: 20px;
		}
		footer .fila.bottom>div>span {
			display: block;
			margin-top: 10px;
		}
		footer .fila.bottom span i {
			margin-left: 0px;
		}
	}





@media (max-width:500px) {
		
	header .menudesplegado .col:nth-child(1) {
		min-width: 170px;
		max-width: 170px;
		padding: 10px;
	}
	header .menudesplegado .col:nth-child(1) .subcol:nth-child(2) .item i {
		margin-left: 10px;
	}
	header .menudesplegado .col:nth-child(2) {
		padding: 5% 0 5% 10px;
	}
	header .menudesplegado .col:nth-child(2) .item {
		padding-right: 10px;
		width: 100%;
	}
	header .menudesplegado .col:nth-child(1) .subcol, 
	header .menudesplegado .col:nth-child(2) .subcol {
		max-height: 500px;
		/*height: 100%;*/
		align-self: center;
		display: flex;
        gap: 10px;
	}
	header .subcol .item a{
        white-space: normal !important;
    }
	
	.filalogos .logo {
		width: 100px;
		height: 100px;
	}
    
}