* {
    box-sizing: border-box;
    font-family: 'Baloo 2', cursive;
}
/*posiciones*/
body{margin: auto;}
body, html{height:100%; background-color: #e5e5e5;}
.posre{position: relative;} 
.posab{position: absolute;}
.disin{display: inline-block;} .disb{display: block;} .disn{display: none;}
.wcien{width: 100%; max-width: 100%}
.hcien{height: 100%; height-width: 100%}
a:link,a:visited,a:hover,a:active{color: #262626; text-decoration: none;}
.trAll1s{transition: all 1s;}
.trAll2s{transition: all 2s;}
.trAll3s{transition: all 3s;}
.trAll4s{transition: all 4s;}
.trAll5s{transition: all 5s;}
.apvisible{display: none;}

.segpos{top: -620px;}/*sumar 550*/

/*menues*/

.menubar{
    margin: auto; width:1600px; height: 60px; border-radius: 15px 15px 0px 0px;  
    background-image: url(../img/bg/rec1.png); background-blend-mode: overlay; /*background-image: url(../img/bg/rec3.png); background-blend-mode: overlay;*/
}
.bgfiltro{background-image: url(../img/bg/rec3.png); background-blend-mode: overlay;}
.menubaritem:hover{text-decoration: underline;}
.menubaritem{width: auto; height: 30px; padding-left: 5px; padding-right: 5px; display: inline-block; margin-right: 2px; position: relative; top: 15px; left: 20px; text-align: center; }
.fawi{position: relative; top: 4px; margin-right: 5px;}
.textomenubaritem{width: auto; position: relative; top: 4px; font-size: 20px;}

.menubaritem2{display: none;}

/*contenido*/

.brillocont1{position: absolute; width: 300px; height: 0px; left: 1600px; top: 2px; animation-name: brilloaA; animation-duration: 40s; animation-iteration-count: infinite;}
@keyframes brilloaA {
    from {left: 1600px; opacity: 100;}
    30% {box-shadow: 10px 10px 15px 10px #413f39;}
    40% {box-shadow: 10px 10px 100px 10px #413f39;}
    to {left: -400px; box-shadow: 0px 0px 0px 0px #413f39;}
}

.brillocont2{position: absolute; width: 0px; height: 300px; left: 1560px; top: -400px; animation-name: brilloaB; animation-duration: 30s; animation-iteration-count: infinite;}
@keyframes brilloaB {
    from {top: -400px;}
    /*50% {left: -300px;}*/
    to {top: 575px;}
}

.contenido{margin: auto; position: relative; width: 1600px; height: 545px; padding-bottom: 50px; overflow: hidden; background-image: url(../img/bg/rec3.png); background-blend-mode: overlay;}
.contenidoB{margin: auto; position: relative; width: 1600px; height: auto; padding-bottom: 50px; background-image: url(../img/bg/rec3.png); background-blend-mode: overlay;}

.apartadocont{position: relative; margin: auto; width: 1200px; height: auto;}
.apartado{position: relative; margin: auto; width: 1200px; height: 500px; margin-bottom: 55px; overflow: hidden;} 
.apartadotop{top: -70px; transition: all 1s}

.navegadorap{position: relative; display: inline-block; width: 40px; height: 120px; border-radius: 0px 10px 10px 0px; top: 70px; left: 1400px;}

.navegadorap1{position: absolute; width: 40px; height: 55px; border-radius: 0px 10px 10px 0px; top: 0px; cursor: pointer;}
.navegadorap1 h1{font-size: 30px; text-align: center; position: relative; top: 10px;}
.navegadorap2{position: absolute; width: 40px; height: 55px; border-radius: 0px 10px 10px 0px; top: 60px; cursor: pointer;}
.navegadorap2 h1{font-size: 30px; text-align: center; position: relative; top: 10px;}

/*apartado1*/
.ap1img{position: absolute;  width: 250px; height: 250px; overflow: hidden; border-radius: 20px; border-style: solid; border-width: 5px; transform: rotate(130deg);}
.ap1img1{left: 540px; top: 80px; }
.ap1img2{left: 860px; top: 170px;}

.ap1imgI{
	position: absolute;
	width: 427px;
    height: 353px;
    transform: rotate(229deg);
    left: -85px;
    top: -47px;
} 
.ap1imgI2{
	position: absolute;
    width: 427px;
    height: 353px;
    transform: rotate(229deg);
    left: -72px;
    top: 64px;
    top: -29px;
}

.apartadoico{position: absolute; top: 15px; left: 1140px;}
.apartadoico i{font-size: 30px;}
.apartadotxt{position: absolute; width: 400px; height: 400px; text-align: justify; top: 40px; left: 40px;}

.txttituloap0{position: absolute; font-size: 30px;}

.txttituloap1{}
.txtp1ap1{position: absolute; top: 60px; font-size: 20px;}
.txtp2ap1{position: absolute; top: 240px; font-size: 20px;}

.ap1deco1{width: 550px; height: 400px; border-width: 25px; border-style: solid;  position: absolute; left: 763px; top: -131px; transform: rotate(309deg);}
.ap1deco2{width: 300px; height: 300px; border-width: 15px; border-style: solid;  position: absolute; left: -85px; top: 485px; transform: rotate(235deg);}
.ap1deco3{width: 500px; height: 120px;  position: absolute; left: 5px; top: 275px; border-radius: 30px 0px 30px 0px;}
.txtp2ap1{}

/*apartado2*/
.ap2img{position: absolute;  width: 415px; height: 250px; overflow: hidden; border-radius: 20px; border-style: solid; border-width: 5px;}
.ap2img1{left: -10px; top: -10px; border-radius: 0px 0px 140px 0px;}
.ap2img2{left: 160px; top: 235px; border-radius: 70px 20px 0px 0px;}

.ap2imgI{
    position: absolute;
    width: 427px;
    height: 250px;
    left: 0px;
    top: 0px;
} 
.ap2imgI2{
    position: absolute;
    width: 427px;
    height: 250px;
    left: 0px;
    top: 0px;
}

.ap2img{position: absolute;}
.ap2img .ap2img1{left: 10px;}
.ap2img .ap2img2{left: 810px;}

.txttituloap2 {}
.apartadotxtap2{text-align: justify; top: 40px; left: 760px;}
.txtp1ap2{position: absolute; top: 60px; font-size: 20px;}
.txtp2ap2{position: absolute; top: 180px; font-size: 20px;}

.ap2deco1{width: 550px; height: 400px; border-width: 25px; border-style: solid; position: absolute; left: 763px; top: -131px; transform: rotate(309deg);}
.ap2deco2{width: 725px; height: 300px; border-width: 15px; border-style: solid; position: absolute; left: -20px; top: 425px;}
.ap2deco3{width: 500px; height: 120px; position: absolute; left: 730px; top: 220px; border-radius: 0px 0px 0px 30px; transform: skewX(12deg);}

/*apartado3*/
.ap3img{position: absolute;  width: 380px; height: 200px; overflow: hidden; border-radius: 0px; border-style: solid; border-width: 5px;}
.ap3img1{left: 670px; top: 20px; border-radius: 100px;}
.ap3img2{left: 20px; top: 225px; border-radius: 0px;}
.ap3img3{left: 640px; top: 245px; border-radius: 250px; width: 230px; height: 230px;}

.ap3imgI{
    position: absolute;
    width: 427px;
    height: 250px;
    left: 0px;
    top: 0px;
} 
.ap3imgI2{
    position: absolute;
    width: 427px;
    height: 250px;
    left: 0px;
    top: 0px;
}

.ap3img{position: absolute;}
.ap3img .ap3img1{left: 10px;}
.ap3img .ap3img2{left: 810px;}

.txttituloap3 {}
.apartadotxtap3{text-align: justify; top: 40px; left: 40px;}
.txtp1ap3{position: absolute; top: 72px; font-size: 20px;}

.ap3deco1{width: 550px; height: 400px; border-width: 25px; border-style: solid; position: absolute; left: 720px; top: -140px; border-radius: 300px; transform: rotate(93deg);}
.ap3deco2{width: 300px; height: 300px; border-width: 15px; border-style: solid; position: absolute; left: -40px; top: 455px; border-radius: 300px; transform: rotate(90deg);}
.ap3deco3{width: 500px; height: 120px; position: absolute; left: -10px; top: 90px; border-radius: 0px 50px 50px 0px;}

/*apartado4*/
.ap4img{position: absolute; overflow: hidden; border-radius: 20px; border-style: solid; border-width: 5px;}
.ap4img1{width: 340px; height: 200px; left: 200px; top:30px; border-radius: 0px 20px 12px 50px;}
.ap4img2{width: 425px; height: 200px; left: 30px; top: 265px; border-radius: 70px 0px 70px 0px;}

.ap4imgI{
    position: absolute;
    width: 427px;
    height: 250px;
    left: 0px;
    top: 0px;
} 
.ap4imgI2{
    position: absolute;
    width: 427px;
    height: 250px;
    left: 0px;
    top: 0px;
}

.ap4img{position: absolute;}
.ap4img .ap4img1{left: 10px;}
.ap4img .ap4img2{left: 810px;}

.txttituloap4 {}
.apartadotxtap4{text-align: justify; top: 70px; left: 760px;}
.txtp1ap4{position: absolute; top: 60px; font-size: 20px;}
.txtp2ap4{position: absolute; top: 180px; font-size: 20px;}

.ap4deco1{width: 300px; height: 300px; border-width: 15px; border-style: solid; position: absolute; left: -45px; top: -170px; transform: rotate(45deg);}
.ap4deco2{width: 725px; height: 300px; border-width: 15px; border-style: solid; position: absolute; left: 695px; top: 425px;}
.ap4deco3{width: 700px; height: 120px; position: absolute; left: 710px; top: 115px; transform: skewX(316deg);}

/*apartado5*/
.ap5img{position: absolute;  width: 380px; height: 200px; overflow: hidden; border-radius: 0px; border-style: solid; border-width: 5px;}
.ap5img1{left: 670px; top: 20px; border-radius: 100px;}
.ap5img2{left: 670px; top: 255px; border-radius: 0px;}
.ap5img3{left: 640px; top: 245px; border-radius: 250px; width: 230px; height: 230px;}

.ap5imgI{
    position: absolute;
    width: 427px;
    height: 250px;
    left: 0px;
    top: 0px;
} 
.ap5imgI2{
    position: absolute;
    width: 427px;
    height: 250px;
    left: 0px;
    top: 0px;
}

.ap5img{position: absolute;}
.ap5img .ap5img1{left: 10px;}
.ap5img .ap5img2{left: 810px;}

.txttituloap5 {}
.apartadotxtap5{text-align: justify; top: 40px; left: 40px;}
.txtp1ap5{position: absolute; top: 65px; font-size: 20px;}
.txtp2ap5{position: absolute; top: 205px; font-size: 20px;}

.ap5deco1{width: 550px; height: 400px; border-width: 25px; border-style: solid; position: absolute; left: 850px; top: -75px; border-radius: 10px; /*transform: rotate(93deg)*/;}
.ap5deco2{width: 300px; height: 300px; border-width: 15px; border-style: solid; position: absolute; left: -40px; top: 455px; border-radius: 300px; transform: rotate(90deg);}
.ap5deco3{width: 500px; height: 120px; position: absolute; left: -10px; top: 220px; border-radius: 0px 105px 5px 0px;}

/*apartado6*/

/*apartado7*/

/*selectorb*/
.selectorcb{margin: auto; position: relative; width: 1600px; height: 105px; padding-bottom: 50px;}
.ttselecv{position: relative; font-size: 50px; width: 915px; height: auto; left: 20px; top: 10px;}
.itemselector0{position: relative; display: inline-block; width: 150px; height: 30px; text-align: center; font-size: 20px; margin-left: 10px; padding-top: 5px; border-radius: 10px 10px 0px 0px; top: 15px;} 
.itemselector0:hover{border-radius: 0px; transition: all .5s; cursor: pointer;}
.itemselector1{} 
.itemselector2{}

/*contenidob*/

.apartadob{position: relative; margin: auto; top: 20px; width: 1400px; height: 600px; margin-bottom: 20px; overflow: hidden; background-color: #fdfcfc;} 
.apartadob2, .apartadob3, .apartadob4{height: 770px;}
.apbc1{width: 620px; height: 80px; position: absolute; left: 0px; top: 0px;}
.apbc2{width: 80px; height: 200px; position: absolute; left: 0px; top: 0px;}

.apbimg{left: 730px; top: 50px;}
.apbimg img{width: 460px; height: auto;}

.apbimg2{left: 680px; top: 210px;}
.apbimg2 img{width: 650px; height: auto;}

.apbimg3{left: 680px; top: 210px;}
.apbimg3 img{width: 650px; height: auto;}

.apbimg4{left: 680px; top: 210px;}
.apbimg4 img{width: 650px; height: auto;}

.apbtitulo{width: 200px; height: auto; left: 120px; top: 100px; font-weight: bold; font-size: 50px;}

.apbdesc{width: 360px; height: auto; left: 120px; top: 180px; margin-bottom: 15px;}

.apbdesca{text-align: justify; top: 0px; font-size: 22px; font-weight: bold; margin-bottom: 5px;}
.apbdescb{text-align: justify; font-size: 18px; margin-bottom: 5px;}
.apbdescc{text-align: justify; font-size: 18px;}

.uldesc{position: relative; left: 35px;}

/*.apbdesc1{top: 160px;}
.apbdesc2{top: 320px;}
.apbdesc3{top: 380px;}
.apbdesc4{top: 460px;}*/


/*acerca*/
.contacerca0{width: 1600px; height: 700px; margin: auto; overflow: hidden;}
.contacerca01{}
.contacerca02{}
.contacerca03{}
.contacerca04{height: 1800px;}


.acerca0{position: relative; width: 1600px; height: 500px; margin: auto; overflow: hidden;}
.acerc0men{position: relative; width: 1600px; height: 220px; margin: auto;}
.textac0 {position: relative; margin: auto; width: 1060px; height: auto; text-align: justify; font-size: 26px; top: 180px; padding: 25px; border-radius: 70px 0px 70px 0px;}
.titulolistadoac {margin: auto; top: 30px; width: 500px; height: auto; padding: 10px; text-align: center; font-size: 40px;}
.acercafd{position: absolute; top: -500px; left: 0px; width: 1600px;}

.acercamenu0c{width:1015px; height: 250px; position: relative; margin: auto; top: -90px;}
.acercamenu0{width:250px; height: 250px; position: relative; margin: auto; display: inline-block; top: 0px; border-radius: 70px 0px 70px 0px; transition: all .5s;}
.acercamenu0:hover{border-radius: 50px 0px 30px 0px; transition: all .5s;}
.ttace0{position: absolute; margin: auto; text-align: center; width: 200px; height: auto; font-size: 27px;  left: 12%; top: 2%;}

.acercaapartados0{width: 1000px; height: 600px; position: relative; margin: auto; margin-bottom: 10px; top: 30px;}


/*miembros*/
.miembrosfd{position: absolute; top: -500px; left: 0px; width: 1600px;}
.contmiembros{width: 1600px; height: 1500px; margin: auto; overflow: hidden;}
.miembros0{position: relative; width: 1600px; height: 500px; margin: auto; overflow: hidden;}
.textm0 {position: relative; margin: auto; width: 1060px; height: auto; text-align: justify; font-size: 26px; top: 30px; padding: 25px; border-radius: 70px 0px 70px 0px;}
.titulolistadomi {
    margin: auto;
    top: 30px;
    width: 500px;
    height: auto;
    padding: 10px;
    text-align: center;
    font-size: 40px;
}

/*auspiciadores*/
.auspiciadores{width: 1600px; height: 500px; margin: auto; overflow: hidden;}
.recauspi1{width: 200px; height: 200px; transform: rotate(-45deg); left: 80px; top: -110px; border-radius: 45px;}
.recauspi2{width: 600px; height: 600px; transform: rotate(-45deg); left: 895px; top: 250px; border-radius: 145px;}
.txtauspiciadores{position: relative; margin: auto; width: 440px; height: auto; text-align: center; top: 30px;}
.logospot{position: relative; display: inline-block; margin-right: 10px; width: 270px; height: 150px; left: 8%; top: 90px;}



/*mapa y footer*/
.lindestacadob { height: 20px; width: 1600px; margin: auto;}
.mapai, .mapaframe {width: 1600px; height: 400px; margin: auto;}
.iconog{margin-right: 10px;}
.iconomap{top: -35px; position: relative;}

.footerpro{margin: auto; position: relative; width: 1600px; height: 300px; border-radius: 0px 0px 20px 20px; background-image: url(../img/bg/rec1.png); background-blend-mode: overlay;}
.contacto {width: 600px; height: 40px; top: 60px; left: 60px; font-size: 30px;}

/*slide decoracion*/
.recconti01{position: absolute; overflow: hidden; width: 1000px; height: 1000px; border-radius: 1400px 1400px 1400px 1400px; top: -180px;  left: 20px;}
.recconti02{position: absolute; width: 1000px; height: 1000px; border-radius: 1400px 1400px 1400px 1400px; border-style: solid; border-width: 2px; top: -230px;  left: 60px;}
.recconti02a{position: absolute; left: 993px; top: 506px; width: 15px; height: 15px; border-radius: 50px;}
.recconti02b{position: absolute; left: 986px; top: 578px; width: 15px; height: 15px; border-radius: 3px; transform: rotate(320deg);}
.recconti03{position: absolute; left: 1300px; top: 550px; width: 2px; height: 50px; }
.recconti03b{position: absolute; left: -4px; top: -4px; width: 10px; height: 10px; }


.imgconti{position: absolute; overflow: hidden; width: 1000px; height: 1000px; border-radius: 0px 1400px 1400px 0px; left: -20px; top: -120px;}

/*slides*/
.slidepri{margin: auto; position: relative; width: 1600px; height: 600px; overflow: hidden; background-image: url(../img/bg/fd4.png); background-blend-mode: overlay;}
.imgconti img{left: 20px; top: 115px; width: 1600px; height: auto; position: relative; filter: contrast(1.3)}

.aniSlideprimg{top: -75px; transition: all 5s;}
.slidepri1txt0{position: absolute; font-size: 24px; /*font-family: koraLigth;*/ width: 400px; height: auto; left: 1100px; top: 220px;}
.slidepri2txt0{position: absolute; font-size: 24px; /*font-family: koraLigth;*/ width: 400px; height: auto; left: 1100px; top: 220px;}
.slidepri3txt0{position: absolute; font-size: 24px; /*font-family: koraLigth;*/ width: 400px; height: auto; left: 1100px; top: 220px;}
.slidepri4txt0{position: absolute; font-size: 24px; /*font-family: koraLigth;*/ width: 400px; height: auto; left: 1100px; top: 220px;}
.slidepri5txt0{position: absolute; font-size: 24px; /*font-family: koraLigth;*/ width: 400px; height: auto; left: 1100px; top: 220px;}
.slidepri6txt0{position: absolute; font-size: 24px; /*font-family: koraLigth;*/ width: 400px; height: auto; left: 1100px; top: 220px;}
.slidepri7txt0{position: absolute; font-size: 24px; /*font-family: koraLigth;*/ width: 400px; height: auto; left: 1100px; top: 220px;}
.slidepri8txt0{position: absolute; font-size: 24px; /*font-family: koraLigth;*/ width: 400px; height: auto; left: 1100px; top: 220px;}
.slidepri9txt0{position: absolute; font-size: 24px; /*font-family: koraLigth;*/ width: 400px; height: auto; left: 1100px; top: 220px;}
.slidepri10txt0{position: absolute; font-size: 24px; /*font-family: koraLigth;*/ width: 400px; height: auto; left: 1100px; top: 220px;}
.slidepri11txt0{position: absolute; font-size: 24px; /*font-family: koraLigth;*/ width: 400px; height: auto; left: 1100px; top: 220px;}

.slidepri0txt1{top: 275px; left: 1080px; }
.slidepri0txt2{top: 350px; left: 1070px; }
.slidepri0txt3{top: 470px; left: 1100px; padding: 5px; border-radius: 10px; text-align: justify; font-size: 24px;}


/*posiciones iniciales slide*/
.slidepri0logo1xz{top: 100px; opacity: .0;}
.recconti03xz{top: 595px;}
.slidepri0txt1xz{left: 1210px; opacity: .0;}
.slidepri0txt2xz{left: 1310px; opacity: .0;}
.slidepri0txt3xz{top: 450px; opacity: .0;}

.antopimg{top: -10px !important; transition: all 8s;}

/*ejecutivos*/

.card {
    position: relative;
    width: 300px;
    height: 400px;
    border-radius: 5px;
    overflow: hidden;
    transition: .5s;
    margin: 15px 40px;
    display: inline-block;
    top: 50px;
    left: 20px;
}

.card:hover {
    transform: translateY(-15px);
}

.card .head {
    height: 125px;
    width: 100%;
    position: relative;
}

.card .head .circle {
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    bottom: 0;
}

.card .head .img {
    width: 150px;
    height: 150px;
    position: absolute;
    padding: 5px;
    border-radius: 50%;
    bottom: -30%;
    left: 50%;
    transform: translate(-50%);
}

.card .head .img img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}


.card .description {
    height: 200px;
    padding: 40px 20px 20px 20px;
    text-align: center;
}

.card .description h3 {
}

.card .description h4 {
}

.card .description p {
    margin-top: 20px;
    font-size: 15px;
}


.card .contact {
    width: 100%;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card .contact a {
    text-decoration: none;
    padding: 5px 20px;
    border-radius: 5px;
    transition: .3s;
}

.card .contact a:hover {
    
   
}