@import url('body.css');
@import url('content.css');

/**/
#container{ max-width: 100%;; width:100%; margin-right: auto; margin-left: auto; text-align: left;}
#content{ float:left; width:100%;}
#top {
    float: left;
    width: 100%;
    background-color: rgb(0 0 0 / 30%);
    padding: 10px 0;
    position: absolute;
    z-index: 999;
    top: 0;
}
#nav{float:left; width:100%;}
#slide{float:left;    width:100%; min-height:350px; background-image: url(../img/Header.jpg); background-position:top center; background-repeat:no-repeat; background-size:cover; text-align: center; padding: 100px 0;}
#slide2{float:left;    width:100%; min-height:60px;  padding: 0px 0; background-color: #000;}
#footer{float:left; width:100%; background-color: #222; padding:40px 0;}
.fa, .fas {
    font-size: 24px;
}
.img_wow {
    max-width: 700px;
}

#footer .social a {
    text-align: center;
    height: 3.5rem;
    width: 5.5rem;
    border-radius: 100%;
    line-height: 2.5rem;
    color: rgb(32, 32, 32);
	font-size: 1.1rem;
	margin-left: .5rem !important;
	margin-right: .5rem !important;
}
#footer .social {
    margin: 1rem auto !important;
}
#footer .social a i { display:none; }
	
/**/
.center{ max-width: 1200px; width:100%; margin-right: auto; margin-left: auto; }
.center2{ max-width: 1300px; width:100%; margin-right: auto; margin-left: auto; }
.center3{ max-width: 900px; width:100%; margin-right: auto; margin-left: auto; }
.center4{ max-width: 1100px; width:100%; margin-right: auto; margin-left: auto; }

@media only screen and (max-width: 1234px) {
.center{ width:96%; padding:0% 2%; box-sizing:border-box;  }	
.center2{ width:96%; padding:0% 2%; box-sizing:border-box;  }	
.center3{ width:96%; padding:0% 2%; box-sizing:border-box;  }	
.center4{ width:96%; padding:0% 2%; box-sizing:border-box;  }	
}



/*LINKS*/
.links{ text-decoration:none; color:#09F;}
.links:hover{ text-decoration:underline;}

/*TOP*/
.logo{float:left; width:100px;}
.logo a { display: block; text-indent: -100px; overflow: hidden;}
.top_box1{float:left; width:100px;}
.top_box2{float:left; width:100px;}

/*CONTENT*/
.module1{float:left; width:100%; background-color:#f2f2f2; }
.module2{float:left; width:100%; padding-top:70px; }
.module3{float:left; width:100%;}
.module4{float:left; width:100%;}
.module5{float:left; width:100%;}
.module6{float:left; width:100%;}
.module7{float:left; width:100%;  padding:40px;     box-sizing: border-box; }
.module8{float:left; width:100%;  padding:40px;     box-sizing: border-box;}
.module9{float:left; width:100%; background-color:#fff; padding:40px;     box-sizing: border-box; }
.module10{float:left; width:100%; background-color:#1D1D1B; color:#fff; padding:40px;     box-sizing: border-box; }


/*FOOTER*/
.footer_box{float:left; width:100%;}
.footer_box1{float:left; width:100px;}
.footer_box2{float:left; width:100px;}
.footer_box3{float:left; width:100px;}
.footer_box4{float:left; width:100px;}



/* /////////   GRALS  //////// */

.title{float:left; width:100%;}
.subtitle{float:left; width:100%;}
.data{float:left; width:100%;}
.tex_center{ text-align:center;}

/*CENTER DIVS*/
.center_divs {
	float:left;
	width:100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
	justify-content: space-evenly;
		
}



/* //////////   MENUS  //////// */

/*MENU VERTICAL*/
#menuv { }
#menuv ul, li { list-style-type: none; }
#menuv ul { margin: 0; padding: 0; }
#menuv li { border-bottom: 1px solid #ACCFE8; }
#menuv a { text-decoration: none; color: #000; display: block; padding: 3px 6px; width: 148px; }
#menuv a:hover { background: #DBEBF6; }


/*MENU HORIZONTAL*/
.menuh {
    display: block;
    margin: auto;
    width: 500px;
    padding-left: 200px;
}
.menuh ul, li { list-style-type: none; }
.menuh ul { margin: 0; padding: 0; }
.menuh li { float: left; }
.menuh a { text-decoration: none; color: #FFF; display: block; padding:14px 20px; text-align: center; }
.menuh a:hover { }


/*MENU CENTRADO*/
#menuc { }
#menuc ul { list-style-type: none; margin: 0 auto; padding: 0; text-align: center; }
#menuc li { display: inline; padding: 5px; margin: 1px; }
#menuc a { }
#menuc a:hover { background: #DBEBF6; }



/*CONTACTO*/

#contact-area * { margin: 0; padding: 0; }
#contact-area p { font-size: 1.3em; margin-bottom: 15px; }
#contact-area { width: 100%; }
#contact-area input {
    padding: 20px;
    width: 100%;
    border: 1px solid #d5d5d5;
    color: #000;
    float: left;
    margin: 5px 0px;
    box-sizing: border-box;
    background-color: #F0EFF4;
    box-sizing: border-box;
	border-radius: 20px;
}


#contact-area textarea {
    padding: 20px;
    width: 100%;
    border: 1px solid #d5d5d5;
    color: #000;
    float: left;
    margin: 5px 0px;
    box-sizing: border-box;
    background-color: #F0EFF4;
    box-sizing: border-box;
	border-radius: 20px;
}

#contact-area textarea:focus, #contact-area input:focus { border: 1px solid #900; }
#contact-area input.submit-button {
    display: block;
    width: 20%;
    /* margin: 20px auto; */
    padding: 10px;
    background-color: #47C8FF;
    color: #fff;
    text-align: center;
    text-decoration: none;
    border: none;
    border-radius: 100px;
    /* line-height: 30px; */
    height: auto;
    font-size: 16px;
	margin-left: 80%;
	margin-top: 20px;
}
#contact-area label { float: left; text-align: left; margin-top: 15px; width: 100%; font-weight: 500;  }

/*LISTADO*/
.list { list-style-type: none; margin: 0; padding: 0;  }
.list li { margin: 0; padding: 0;  list-style-type: none; padding-bottom:5px; padding-left:30px;  width: 100%; float: left; }

.list li:nth-child(1) { }
.list li:nth-child(2) { background-image: url(../img/icos/03.png); background-position:center left; background-repeat:no-repeat; background-size:contain;}
.list li:nth-child(3) { background-image: url(../img/icos/03.png); background-position:center left; background-repeat:no-repeat; background-size:contain;}
.list li:nth-child(4) { background-image: url(../img/icos/04.png); background-position:center left; background-repeat:no-repeat; background-size:contain;}
.list li:nth-child(5) { background-image: url(../img/icos/05.png); background-position:center left; background-repeat:no-repeat; background-size:contain;}



/**/


.logo_top {
    background-color: #fb7520;
    padding: 10px 20px;
    border-radius: 100px;
    margin: 5px;
    color: #fff;
    text-decoration: none;
    text-align: center;
	float: left;
}

.top_box1{ float: left;  width: 80%; }
.top_box2{ float: left;  width: 20%; }


.img_slide {
    width: 280px;
    margin: auto;
}

.slogan{ margin: 30px auto; color:#fff;  }
.img_baderas{ max-width:700px; margin-top: 100px;}
.img_baderas2{ max-width:500px; margin-top: 80px;}


h2.color { color:#FB7520;}
h1.color { color:#FB7520;}

.txt_qty_1{ color:#FB7520; font-size:40px; font-weight:700;  }
.txt_qty_2{}

.background_img_1{ background-image: url(../img/Aerea.jpg); background-position:top center; background-repeat:no-repeat; background-size:cover; min-height:700px; background-color:#00b7e5; }
.slogan_simple {
    float: left;
    width: 100%;
    font-size: 50px;
    text-align: center;
    padding: 80px 0;
    color: #fff;
    font-weight: 600;
	line-height: 44px;
}
.data_block_45{ float:none; width: 50%; margin:25px auto; text-align: left; text-align: justify;}
.data_block_50{ float:none; width: 64%; margin:25px auto; text-align: left; text-align: justify; line-height: 30px;}
.data_block_60{ float:none; width: 60%; margin:25px auto; text-align: left; text-align: justify;}
.data_block_70{ float:none; width: 70%; margin:25px auto; text-align: justify; }
.data_block_80{ float:none; width: 80%; margin:25px auto; text-align: left; text-align: justify;}

.block_33{ float: left;  width: 33.33%; min-height:380px; color:#fff; font-size: 17px; }
.block_33 img{ float:none; margin:30px auto; height:140px; display: block; }
.block_333 {
    padding: 1% 10% 5% 20%;
}
.block_34{ float: left;  width: 33.33%; color:#fff; font-size: 17px; }

.back1{ background-color:#ffd025;}
.back2{ background-color:#4db849;}
.back3{ background-color:#4670b6;}

.green{ color:#04D836; }

.footer_logos{}
.img_footer {
    display: inline;
    margin: 5px;
    float: left;
    max-height: 50px;
}

.img_footer_main {float:none; margin:10px auto; height:120px;  display: block;}
.img_gracias_main {float:none; margin:30px auto; height:180px;  display: block;}


.img_cuadros{}
.limitada { max-height: 180px; float:none; margin:auto; display: block;  }
.limitada2 { max-height: 220px; float:none; margin:auto; display: block;  }
.limitada3 { max-height: 130px; float:none; margin:auto; display: block;  }

.img_video { max-width:70%; float:none; margin:50px auto; display: block;  }
.img_galeria { max-width:90%; float:none; margin:50px auto; display: block;  }

.img_sponsor {
    max-height: 100px;
    margin: auto;
    float: none;
    padding: 50px 15%;
}
.no-h {min-height:auto;}

.parent {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    /*width: 100%;  */
    margin: 50px auto;
}

.div1 { grid-area: 1 / 3 / 2 / 4; }
.div2 { grid-area: 2 / 3 / 3 / 4; }
.div3 { grid-area: 3 / 3 / 4 / 4; }
.div4 { grid-area: 3 / 2 / 4 / 3; }
.div5 { grid-area: 3 / 1 / 4 / 2; }
.div6 { grid-area: 1 / 1 / 3 / 3; }

.parent img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media only screen and (max-width: 980px) {
	
	.img_baderas{ max-width:400px}
	.img_baderas2{ max-width:300px}

	#slide{ padding-bottom:50px;}	
	#slide2{ padding-bottom:50px; background-position: bottom center; min-height: 30px;}	
	#contact-area input.submit-button {
		width: 30%;
		margin-left: 70%;
	}
	#top {
		padding: 40px 0;
		background-color: rgb(0 0 0 / 50%);
	}
	.img_footer {
		float: left;
		width: 46%;
		margin-bottom: 40px;
	}
	.parent {
		display: block;
	}

	.img_baderas { width:66%;}
	.menuh {
		display: block;
		margin: auto;
		width: 100%;
		padding-left: 0px;
	}
	.top_box1 {
		float: left;
		width: 100%;
	}
	.top_box2{ width: 60%;
        position: absolute;
        top: 15px; }

		.menuh {
			display: block;
			margin: 0px auto;
			width: 100%;
			padding-left: 0px;
			float: none;
			margin-left: 5%;
			
		}

	.img_sponsor {
		max-height: 100px;
		margin: auto;
		float: none;
		padding: 10px 0;
		display: block;
	}

	.module1 .col_25 {
			width: 50%;
			margin-bottom: 25px;
		}
		
	.module5 .block_33  {
			width: 100%;
			margin-bottom: 0px;
		}
		
	.img_wow {
			width: 80%;
			margin-bottom: 0px;
		}

	.no-h {
	   width: 100% !Important;
	}
	.data_block_45 {
		width: 100%;
	}
	.data_block_50 {
		width: 100%;
	}
	.block_33 img {
		height: auto;
	}
	.block_333 {
		padding: 1% 10% 5% 10%;
	}
	.data_block_80 {
		width: 97%;
		margin: 5px auto;
		font-size: 19px;
	}	
	.menuh a {
		padding: 4px 7px;
        font-size: 80%;
	}
	.module2 {
		padding-top: 40px;
	}
	.slogan_simple {
		font-size: 40px;
	}
	.oculto {
		display: none;;
	}
}

.blue{ color:#46c6fe; }
.boton_central {
    background-color: #46c6fe;
    display: block;
    width: 130px;
    line-height: 40px;
    color: #fff;
    border-radius: 100px;
    margin: 40px auto;
	font-size: 0.8rem;
    font-weight: 600;
	text-decoration: none;
}
.boton_mas {
    background-color: #FB7520;
    display: block;
    width: 130px;
    line-height: 40px;
    color: #fff;
    border-radius: 100px;
    margin: 40px 0;
	text-align:center;
	float: right;
	text-decoration: none;
}
.div1_ico { float: left; width:20%; margin:30px 0;  }
.div1_ico img { width:60%; margin:auto; }
.info_ico{ float: left; width:100%; padding: 7px; 
    box-sizing: border-box;
    text-align: center;
    font-weight: 500;
    font-size: 0.9rem;
	line-height: normal;
	}


@media only screen and (max-width: 980px) {
	.div1_ico { float: left; width:33%; margin:30px 0;  }
}

@media only screen and (max-width: 780px) {
	.div1_ico { float: left; width:50%; margin:30px 0;  }
}

.novedad { float: left; width:100%; }
.novedad_img { float: left; width:45%;}
.novedad_img  img{  width:100%;}
.novedad_nota { float: right; width:50%; text-align:left; }
.img_loguito{ float: left; width:35%;}


@media only screen and (max-width: 780px) {
	
.novedad_img { float: left; width:100%; margin-bottom:20px;}
.novedad_nota { float: right; width:100%; text-align:left; }	
	
}

.social a:nth-child(1) { background-image: url(../PNG/Instagram.png); background-position:center center; background-repeat:no-repeat; background-size:contain;}
.social a:nth-child(2) { background-image: url(../PNG/Linkedin.png); background-position:center center; background-repeat:no-repeat; background-size:contain;}
.social a:nth-child(3) { background-image: url(../PNG/X.png); background-position:center center; background-repeat:no-repeat; background-size:contain;}
.social a:nth-child(4) { background-image: url(../PNG/youtube.png); background-position:center center; background-repeat:no-repeat; background-size:contain;}



 .float-wa{
        position:fixed;
        width:60px;
        height:60px;
        bottom:40px;
        right:40px;
        background-color:#25d366;
        color:#FFF;
        border-radius:50px;
        text-align:center;
        font-size:30px;
        z-index:100;
    }
	
	 .float-wa2{
       
        width:30px;
        height:30px;        
        background-color:#25d366;
        color:#FFF;
        border-radius:100px;
        text-align:center;
        font-size:20px;
		display: inline-block;
       
    }