.sora-light {
  font-family: "Sora", sans-serif;
  font-weight: 200;
  font-style: normal;
}
.sora-normal {
  font-family: "Sora", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.sora-bold {
  font-family: "Sora", sans-serif;
  font-weight: 800;
  font-style: bold;
}

body{
	margin:0;
	padding:0;
	font-family: "Sora", sans-serif;
	font-weight: 400;
	font-style: normal;
}
.wrapper{
	/*max-width: 1344px;*/
	max-width: 1444px;
	position:relative;
	margin:0 auto;
}
.container{
	position:relative;
	float:left;
	width:100%;
}
.in{
	position:relative;
	float:left;
	width:90%;
	left:5%;
}
.in-2{
	position:relative;
	float:left;
	width:95%;
	left:2.5%;
}
.in-3{
	position:relative;
	float:left;
	width:98%;
	left:1%;
}
.txt-cnt{
	text-align:center;
}
.txt-rig{
	text-align:right;
}
.txt-lft{
	text-align:left;
}
.txt-just{
	text-align:justify;
}
.mart-40{
	margin-top:60px;
	
}
.mr-40{
	margin-top:60px;
	margin-bottom:60px;
}
.mar-40{
	margin-top:60px;
	margin-bottom:40px;
}
.mar-30{
	margin-top:30px;
	margin-bottom:30px;
}
.mar-20{
	margin-top:20px;
	margin-bottom:20px;
}
.mar-25{
	margin-top:25px;
	margin-bottom:25px;
}
.mar-10{
	margin-top:10px;
	margin-bottom:10px;
}
.marb-30{
	margin-bottom:30px;
}
#barra{
	border-bottom:1px solid #1a235d;
}
.amail{
	color:#1a235d;
	text-decoration:none;
	margin-right:20px;
}
.amail:hover{
	color:#01b77a;
	transition:all 0.5s ease-out;
}
.pad-20{
	padding-top:10px;
	padding-bottom:10px;
}
.col-60{
	position:relative;
	float:left;
	width:55%;
}
.col-40{
	position:relative;
	float:left;
	width:45%;
}
.blu{
	background-color:#1a235d;
	color:white;
}
#header{
	border-bottom:1px solid #1a235d;
}
.col-30{
	position:relative;
	float:left;
	width:30%;
}
.col-30 img{
	max-width:100%;
}
.col-70{
	position:relative;
	float:left;
	width:70%;
}
.social{
	color:white;
	text-decoration:none;
	font-size:20px !important;
	margin-left: 20px;
}
.condusef{
	margin-left:20px;
	margin-right:20px;
}
#menu a{
	color:#1a235d;
	text-decoration:none;
	margin-right:40px;
	font-size:20px;
}
#menu a:hover{
	color:#01b77a;
	transition:all 0.5s ease-out;
}
.abarra{
	color: white;
    text-decoration: none;
    font-size: 17px;
}
.abarra:hover{
	color:#01b77a;
	transition:all 0.5s ease-out;
}
#slider{
	background-image:url('../imagenes/fondo_banner.png');
	background-repeat:no-repeat;
	background-size: contain;
	z-index: -1;
}
#slider h1{
	color:#1a235d;
	font-size: 50px;
	margin-top:5px;
	margin-bottom:10px;
}
.f19{
	font-size:21px;
}
.btn-bienvenidos{
	background-color: #14e39a;
    color: #1a235d;
    font-weight: bolder;
    font-size: 22px;
    border-radius: 20px;
    border: 1px solid #14e39a;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 20px;
    padding-left: 20px;
}
.btn-contactar{
	background-color:#1a235d;
	color:white;
    font-weight: bolder;
    border-radius: 20px;
    border: 1px solid #82e29c;
    background-color: #1a235d;
    color: white;
    font-weight: bolder;
    font-size: 24px;
    border-radius: 20px;
    border: 1px solid #1a235d;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-right: 25px;
    padding-left: 25px;
	cursor:pointer;
	transition:all 0.5s ease-out;
}
.btn-contactar:hover{
	background-color: #81e29c;
	border: 1px solid #82e29c;
	color: #1a235d;
	transition:all 0.5s ease-out;
}
.cl-60{
	position:relative;
	float:left;
	width:55%;
}
.cl-40{
	position:relative;
	float:left;
	width:45%;
}
.cl-40 img{
	max-width:100%;
}
#comunicado{
	color:#1a205d;
	background-image:url('../imagenes/fondo_comunicado.png');
	background-repeat:no-repeat;
	background-size: contain;
	font-size:27px;
	font-weight:400;
}
.c60{
	position:relative;
	float:left;
	width:60%;
}
.c40{
	position:relative;
	float:left;
	width:40%;
}
.c40 img{
	max-width:100%;
}
.hblu{
	color:#1a235d;
	margin-bottom:10px;
}
#cuadrogris{
	background-color:#ededed;
	color:#1a235d;
	border-radius: 10px;
}
#cuadrogris h3{
	margin-top:10px;
}
.logos{
	max-width:100%;
	width:800px;
}
.azul{
	color:#1a235d;
}
.col-50{
	position:relative;
	float:left;
	width:50%;
}
#footer{
	background-color:#001860;
	color:white;
}
#footer a{
	color:white;
	text-decoration:none;
}
#footer a:hover{
	color: #14e39a;
    transition: all 0.5s ease-out;
	
}
.circulo{
	background-color: white;
    color: #001860;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
    line-height: 25px;
	position:relative;
	float:left;
	margin-left:10px;
	margin-right:10px;
}
.txt-label{
	position:relative;
	float:left;
	width:auto;
	margin-top:4px;
}
.col-70{
	position:relative;
	float:left;
	width:70%;
}
.col-10{
	position:relative;
	float:left;
	width:15%;
}
.col-90{
	position:relative;
	float:left;
	width:84%;
}
.col-30{
	position:relative;
	float:left;
	width:30%;
}
.brdr-lft{
	border-left:1px solid white;
}
.brdr-bttm{
	border-bottom:1px solid white;
}

.cl33{
	position:relative;
	float:left;
	width:33.33%;
}
.grn{
	background-image:url('../imagenes/fondo_boton.png');
	background-size:cover;
	padding-top: 10px;
	padding-bottom: 10px;
}
.btn-contacto{
	width:220px;
	height:220px;
	color:white;
	background-color:#001860;
	border-radius:50%;
	font-size: 25px;
	cursor:pointer;
}
.btn-contacto:hover{
	background-color: #14e39a;
    color: #001860;
    transition: all 0.5s ease-out;

}
#myDiv{
	opacity:0;
	padding-top: 0px;
    position: absolute;
    background-color: #fff;
    color: #1a235d;
    width: 180px;
    text-align: center;
    z-index: 999;
    margin-top: 30px;
}
.recomendacion{
	width: 100%;
    background: #fff;
    color: #1a235d;
    border: none;
    border-bottom: 1px solid #1a235d;
    border-left: 1px solid #1a235d;
    border-right: 1px solid #1a235d;
    font-size: 17px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.recomendacion:hover{
	background: #14e39a;
    color: #1a235d;
}
.cl-70{
	position:relative;
	float:left;
	width:70%;
}
.cl-30{
	position:relative;
	float:left;
	width:30%;
}
#botonContactoResp{
	display:none;
}
button.accordion {
    background-color: #fff;
    color: #071c57;
    cursor: pointer;
    padding: 10px;
    width: 100%;
    border: none;
    text-align: right;
    outline: none;
    font-size: 15px;
}

button.accordion.active, button.accordion:hover {
    background-color: #fff;
}
button.accordion:after {
    /*content: '\002B';*/
    color: #071c57;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}
button.accordion.active:after {
    /*content: "\2212";*/
}
div.panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    color:white;
	text-align:left
}
#menuresponsivo{
	display:none;
}
.menuresp{
	width: 100%;
    text-align: left;
    background: #fff;
    color: #0a1b56;
    border: none;
    padding-top: 6px;
    padding-bottom: 6px;
	font-size:18px;
}
.menuresp:hover{
	background-color: #ffffff;
    color: #00e297;
	transition: max-height 0.2s ease-out;
}
.brinco{
	display:none;
}
.brinco2{
	display:none;
	width:100%;
	position:relative;
	float:left;
}
.imgblk{
	display:none;
}
.tblresp{
	display:none;
}
.cl25{
	position:relative;
	float:left;
	width:auto;
	text-align:center;
	margin-left:15px;
}
.sectores{
	position:absolute;
	z-index:999;
	bottom:0px;
	left:-40px;
}
.sectores img{
	max-width:200px;

}
.link{
	color: #001860;
    text-decoration: none;
}
.link:hover{
	color:#00d694;
	transition: all 0.5s ease-out;
}
#banner-nosotros{
	background-image:url('../imagenes/banner_nosotros.png');
	background-size:cover;
}
.inbanner{
	position: relative;
	float:left;
	min-height: 230px;
    width: 90%;
    left: 5%;
    color: white;
    line-height: 195px;
    font-size: 26px;
}
.cl50{
	width:50%;
	position:relative;
	float:left;
}
.col40{
	width:40%;
	position:relative;
	float:left;
	text-align:center;
}
.col40 img{
	max-width:100%;
}
.col60{
	width:60%;
	position:relative;
	float:left;
}
#banner-contacto{
	background-image:url('../imagenes/banner_contacto.png');
	background-size:cover;
}
.col33{
	position:relative;
	float:left;
	width:33.33%;
	text-align:center;
	font-size:20px;
	cursor:pointer;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.col33 i{
	font-size:90px !important;
	color:#001860;
}
.bxs{
	box-shadow: 0px 9px 12px 3px rgba(156,156,156,0.75);
	-webkit-box-shadow: 0px 9px 12px 3px rgba(156,156,156,0.75);
	-moz-box-shadow: 0px 9px 12px 3px rgba(156,156,156,0.75);
}

.bxs:hover{
	color:white;
	background-color:#001860;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.bxs:hover i{
	color:white;
	
}
.c50{
	position:relative;
	float:left;
	width:50%;
}
.cl-50{
	position:relative;
	float:left;
	width:50%;
}
.inp{
	background: gainsboro;
	width: 90%;
    font-size: 17px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid white;
    border-radius: 5px;
	margin-top:5px;
	margin-bottom:10px;
}
.txtara{
	background: gainsboro;
	width:95%;
	font-size: 17px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid white;
    border-radius: 5px;
	margin-top:5px;
	margin-bottom:15px;
	resize:none;
}
.btn-enviar{
	background-color: #001860;
    padding: 10px 40px;
    color: white;
    border: 1px solid #001860;
    border-radius: 20px;
    font-size: 18px;
}

@media screen and (max-width: 1245px){
	.afot{
		font-size:small;
	}
	#footer a{
		font-size:small;
	}
}
@media screen and (max-width: 1172px){
	.col33{
		font-size: 15px;
	}
	.col33 i {
		font-size: 70px !important;
	}
}
@media screen and (max-width: 1065px){
	.col-60{
		width:100%;
		text-align:center;
	}
	.col-40{
		width:100%;
		text-align:center;
	}
}
@media screen and (max-width: 1055px){
	.cl-70{
		width:100%;
	}
	.cl-30{
		width:100%;
	}
}
@media screen and (max-width: 1045px){
	.c40{
		width:100%;
		text-align:center;
		margin-bottom: 40px;
	}
	.c40 img{
		width: 400px;
	}
	.sectores{
		left:80px;
	}
	.c60{
		width:100%;
	}
}
@media screen and (max-width: 1030px){
	.col-30{
		width:100%;
		text-align:center;
	}
	.col-70{
		width:100%;
		text-align:center;
	}
	.cl25{
		margin-left:0;
		width:25%;
	}
	.mar-25{
		margin-top: 15px;
	}
	#botonContacto{
		display:none;
	}
	#botonContactoResp{
		display:block;
	}
}
@media screen and (max-width: 960px){
	#slider h1{
		font-size: 34px;
	}
	.btn-bienvenidos{
		font-size: 19px;
	}
	.btn-contactar{
		font-size:20px;
	}
	.f19 {
		font-size: 18px;
	}
}
@media screen and (max-width: 950px){
	.c50{
		width:100%;
	}
}
@media screen and (max-width: 915px){
	.cl-60{
		width:60%;
	}
	#slider .mart-40{
		margin-top:0px;
	}
	.cl-40{
		width:40%;
	}
	#slider h1 {
        font-size: 26px;
    }
}
@media screen and (max-width: 900px){
	.col-50{
		width:100%;
	}
}
@media screen and (max-width: 880px){
	.col33{
		width:50%;
		margin-bottom:10px;
	}
}
@media screen and (max-width: 860px){
	.cl50{
		width:100%;
	}
}
@media screen and (max-width: 845px){
	.cl-60{
		width:100%;
		text-align:center;
	}
	.cl-40{
		width:100%;
		text-align:center;
	}
	.cl-40 img{
		max-width:250px;
		width:100%;
	}
	#comunicado {
		font-size: 18px;
	}
}

@media screen and (max-width: 760px){
		#menu .mar-30{
			margin-top:15px;
			margin-bottom:15px;
		}
		#menunormal{
			display:none;
		}
		#menuresponsivo{
			display:block;
		}
		.mar-25 {
			margin-top: 5px;
			margin-bottom: 10px;
		}

}
@media screen and (max-width: 740px){
	.brinco2{
		display:block;
	}
}
@media screen and (max-width: 730px){
	.sectores{
		left:-20px;
	}
}
@media screen and (max-width: 600px){
	.cl33{
		width:100%;
	}
	.cl33 .txt-cnt{
		text-align:left;
		margin-bottom:30px;
	}

	.col33{
		width:100%;
		margin-bottom:10px;
	}
}
@media screen and (max-width: 580px){
	.imgnon{
		display:none;
	}
	.imgblk{
		display:block;
		margin: 0 auto;
	}
	.tblresp{
		display:block;
		margin: 0 auto;
	}
	.tblnoresp{
		display:none;
	}
	.col40{
		width:100%;
	}
	.col60{
		width:100%;
	}
}
@media screen and (max-width: 560px){
	.brinco{
		display:block;
	}
}
@media screen and (max-width: 500px){
	.cl-50{
		width:100%;
	}
	.inp{
		width:99%;
	}
	.txtara{
		width:99%;
	}
	#banner-nosotros{
		background-position:center;
	}
	#banner-contacto{
		background-position:center;
	}
	.inbanner{
		font-size:24px;
	}
}