/*estilos globales */
html{
scroll-behavior: smooth;
}
body{
margin: 0px;
padding: 0px;
text-decoration: none;
margin-top: 0px;
margin-left: 0px;
}
a{
text-decoration: none;
}
.rompedor{
clear: both;
}
.popupfondoabc{
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
position: fixed;
top: 0px;
left: 0px;
z-index: 990;
display: block;
}
.ventanaavisonegro{
width: 90%;
height: 45%;
background-color: white;
border-radius: 1vw;
margin-left: auto;
margin-right: auto;
margin-top: 65%;
text-align: center;
}
.botonavisonegro{
background-color: rgba(33, 205, 192, 1.0) ;
font-family: mon2;
font-size: 2.8vw;
padding-top: 2vw;
padding-bottom: 2vw;
padding-left: 6vw;
padding-right: 6vw;
border-radius: 2vw;
color: white;
}
.mostra{
display: none;
}
.cabezaavisonegro{
width: 100%;
height: 10vw;
font-family: mon3;
font-size: 5vw;
text-align: center;
padding-top: 17vw;
}
.cuerpodelavisonegro{
width: 80%;
height: 36vw;
font-family: mon1;
font-size: 2.8vw;
margin-left: auto;
margin-right: auto;
text-align: center;
}
b{
font-family: mon3;
font-size: 2.5vw;
}
.infofalcuty{display: none;}
.infofalcuty2{
display:block;
width: 80%;
height: 29vw;
margin-left: auto;
margin-right: auto;
margin-top: 14vw;
font-family: mon1;
font-size: 3.5vw;
text-align: center;
}
/* empieza aviso importante */
.ventanaaviso{
width: 70%;
height: 8vw;
background-color: rgba(33, 205, 192, 0.3);
border-radius: 2vw;
position: absolute;
top: 6vw;
left: 15%;
text-align: center;
}
.cabeceraaviso{
color: rgb(28, 43, 80) ;
font-family: mon3;
font-size: 1vw;
margin-top: 1vw;
}
.cuerpodelaviso{
font-family: mon1;
font-size: .8vw;
margin-top: 1vw;
width: 90%;
margin-left: 5%;
}
/*termina aviso importante */
/* Global barra menu */
.barradelmovil{
width: 100%;
height: auto;
display: block;
position: fixed;
top: 0px;
left: 0px;
z-index: 999;
}
.barraazulcabecera{
width: 100%;
height: 28.7vw;
background-color: rgba(40, 59, 106, 1.0); ;
}
.barrablancamovil{
width: 100%;
height: 28vw;
background-color:white;
}
.titu50{
border-color: white;
width: 100%;
height: auto;
font-family: mon1;
font-size: 2.8vw;
color: white;
text-align: center;
padding-top: 5.4vw;
}
.titu51{
border-color: white;
width: 100%;
height: auto;
font-family: mon1;
font-size: 3.7vw;
color: white;
text-align: center;
}
.loguitomenun{
width: 47%;
height: auto;
margin-top: 6vw;
margin-left: 27vw;
float: left;
}
.logoinstamovil{
width: 100%;
height: auto;
text-align: center;
margin-top: 5.2vw;
}
.imginta{
width:29%;
height: auto;
}
.tresrayas{
width: 7%;
height: 8vw;
float: left;
margin-left: 14vw;
margin-top: 2.5vw;
}
.trespng{
width: 100%;
height: auto;
}
.menumovil{
width: 100%;
height: 133vw;
display: none;
transform: scalex(0%);
transition: all 1s;
}
.mostrarmovil{
display: block;
transform: scalex(100%);
transition: all 1s;
}
.renglonmenu{
width: 100%;
height: 22.16vw;
display: flex;
align-items: center;
}
.color1{
background-color: rgba(40, 59, 106, 1.0); ; ;
}
.color2{
background-color: rgb(59, 86, 153); ; ;
}
.color3{
background-color: rgb(73, 106, 190); ; ;
}
.color4{
background-color: rgb(90, 128, 226); ; ;
}
.color5{
background-color: rgb(120, 152, 235); ; ;
}
.color6{
background-color: rgb(179, 197, 243); ; ;
}
.interiorv{
width: 100%;
height: auto;
font-family: mon3;
font-size: 3vw;
text-align: center;
color: white;
}
.barrapermanenteprincipal{
display: none;
width: 100%;
height: 7.5vw;
position: fixed;
z-index: 980;
margin-top: 0px;
}
.renglon1{
width: 100%;
height: 3.3vw;
background-color:rgba(40, 59, 106, 1.0);
}
.informes{
font-family: mon1;
font-size: .6vw;
letter-spacing: .06vw;
color: white;
margin-left: 12.5%;
width: 28%;
height: 100%;
display: flex;
align-items: center;
float: left;
}
.instagramcontact{
width: 10%;
height: 100%;
margin-right: 9.5%;
display: flex;
align-items: center;
float: right;
font-family: mon1;
font-size: .6vw;
color: white;
}
.iconoinsta1{
width: 1vw;
height: auto;
margin-right: 1vw;
}
.renglon2{
width: 100%;
height: 5.3vw;
background-color: white;
}
.logohead{
width: 13vw;
height: 90%;
display: flex;
align-items: center;
margin-left: 11.5%;
float: left;
}
.logo{
width: 75%;
height: auto;
}
.menuprincipalgrande{
width: 25.7%;
height: 92%;
float: right;
display: flex;
align-items: center;
}
.opciones1{
text-decoration: none;
font-family: mon2 ;
width: auto;
float: left;
margin-right: .6vw;
}
.adi1{
margin-left: 1vw;
}
.adi2{
margin-left: 1vw;
}
.adi3{
margin-left: 1vw;
}
.adi4{
margin-left: .9vw;
}
a{width: 100%;}
.opcion{
color: rgba(40, 59, 106, 1.0);
font-size: .7vw;
text-align: right;
height: auto;
}
.opcion:hover{
color: orange;
}
.botonrecursos{
width: 10.5%;
height: 100%;
float: right;
display: flex;
align-items: center;
margin-right: 12.3%;
}
.recursos{
font-family: mon1;
font-size: .7vw;
color: white;
background-color: rgba(33, 205, 192, 1.0) ;
padding: 1vw;
border-radius: 2vw;
}
.recursos:hover {
font-family: mon1;
font-size: .7vw;
color: white;
background-color: rgb(33, 59, 205) ;
padding: 1vw;
border-radius: 2vw;
}
.container1{
display: none;
padding-top: 55vw;
width: 100%;
height: 116.5vw;
overflow: hidden;
position: relative;
}
.flechaantes{
position: absolute;
width: 1.5vw;
height: 2.5vw;
top: 27.4vw;
left: 1.6vw;
z-index: 2;
}
.flechadespues{
position: absolute;
width: 1.5vw;
height: 2.5vw;
top: 27.4vw;
right: 1.6vw;
z-index: 2;
}
.slider1big {
width: 400% ;
height: 114.5vw;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: center;
transition: all .5s ease;
transform: translateX(0%);
margin-top: 1vw;
}
.slider1{
width: 25%;
height: 114vw;
position: relative;
}
.texto1slider1{
width: 40%;
height: 12vw;
position: absolute;
top: 19vw;
left: 15vw;
}
.texto1slider1derecho{
width: 40%;
height: 12vw;
position: absolute;
top: 19vw;
right: 15vw;
text-align: right;
}
.texto1slider1centrado{
width: 45%;
height: 12vw;
position: absolute;
top: 25vw;
margin-left: 25vw;
margin-right: auto;
text-align: center;
}
h10{
font-family: mon1;
font-size: 2vw;
color:rgb(28, 43, 80) ;
}
h11{
font-family: mon4;
font-size: 2vw;
color:rgb(28, 43, 80) ;
}
.foto1slide1{
width: 100%;
height: 100%;
}
.fotosslider1{
width: 100%;
height: 115vw;
object-fit: cover;
}
/* seccion barra de iconos */
.container2{
width: 100%;
height: 390vw;
background-color: white;
position: relative;
}
.barraiconos{
width: 100%;
height: 14vw;
position: absolute;
top: 1.5vw;
left: 0%;
z-index: 3;
}
.cuadro1{
width: 100%;
height: 35.5vw;
background-color: rgba(33, 205, 192, 1.0);
border-top-left-radius: 1vw;
border-bottom-left-radius: 1vw;
border-top-right-radius: 0vw;
border-bottom-right-radius: 0vw;
text-align: center;
float: left;
}
.cuadro2{
width: 100%;
height: 35.5vw;
background-color: rgba(56, 81, 162, 1.0);
border-top-left-radius: 0vw;
border-bottom-left-radius: 0vw;
border-top-right-radius: 0vw;
border-bottom-right-radius: 0vw;
text-align: center;
float: left;
}
.cuadro3{
width: 100%;
height: 35.5vw;
background-color: rgba(45, 73, 144, 1.0);
border-top-left-radius: 0vw;
border-bottom-left-radius: 0vw;
border-top-right-radius: 1vw;
border-bottom-right-radius: 1vw;
text-align: center;
float: left;
}
.texticono1{
font-family: mon1;
font-size: 5vw;
color: white;
}
.tadi1{
margin-top: 1.6vw;
}
.tadi2{
margin-top: .6vw;
}
.tadi3{
margin-top: 1.5vw;
}
.iconito{
width: 15%;
height: auto;
margin-top: 5.6vw;
}
.iconito2{
width: 14%;
height: auto;
margin-top: 2.6vw;
}
.iconito3{
width: 19%;
height: auto;
margin-top: 2.2vw;
}
/* termina iconos de colores */
/* empieza nosotros */
.nosotros{
position: absolute;
width: 80%;
height: 12vw;
top: 115.5vw;
left: 11%;
text-align: justify;
z-index: 2;
}
h13{
font-family: mon3;
font-size: 8vw;
letter-spacing: .04vw;
color: rgba(14, 32, 77, 1.0) ;
margin-left: 20vw;
}
h14{
font-family: mon3;
font-size: 3.5vw;
color: rgba(14, 32, 77, 1.0) ;
text-align: justify;
}
.botosnosotros{
width: 63%;
height: 4vw;
margin-top: 14vw;
margin-left: 18vw;
}
.facult{
background-color:rgba(33, 51, 96, 1.0) ;
color: white;
font-family: mon2;
font-size: 3vw;
letter-spacing: .04vw;
padding: 6vw;
padding-top: 4vw;
padding-bottom: 4vw;
border-radius: 2vw;
}
.facult:hover {
background-color:rgba(33, 51, 96, 1.0) ;
color: white;
font-family: mon2;
font-size: 3vw;
letter-spacing: .04vw;
padding: 6vw;
padding-top: 4vw;
padding-bottom: 4vw;
border-radius: 2vw;
}
.flecha1facu{
width: 10%; height:auto; margin-left: .5vw;
}
.videonosotros{
position: absolute;
width: 90%;
height: 17vw;
z-index: 2;
top: 188vw;
left: 5%;
}
.adivideo{
width: 40% !important;
height: 23vw;
text-align: right;
}
.botonvideo{
opacity: 100%;
}
.botonvideo:hover {
opacity: 70%;
}
.misionvisioni{
position: absolute;
width: 90%;
height: 60vw;
top: 250.5vw;
left: 5%;
z-index: 3;
background-color: white;
border-radius: 1vw;
}
.txt15{
font-family: mon3;
font-size: 4.5vw;
margin-left: 6.3vw;
margin-top: -1vw;
}
.adit5{
line-height: 3vw;
margin-bottom: 5vw;
}
.txt16{
font-family: mon1;
font-size: 3.5vw;
margin-top: 1.5vw;
margin-left: 6.3vw;
margin-bottom: 2.7vw;
text-align: justify;
width: 85%;
height: 31vw;
color: rgba(134, 153, 185, 1.0);
}
.adit6{
margin-top: -3vw;
margin-bottom: 1.5vw;
}
.txt17{
font-family: mon1;
font-size: 3.5vw;
margin-left: 2.5vw;
text-align: justify;
width: 80%;
height: 33vw;
float: left;
color: rgba(134, 153, 185, 1.0);
}
.txt17a{
font-family: mon1;
font-size: 3.5vw;
margin-top: .7vw;
margin-left: 2.5vw;
text-align: justify;
width: 80%;
height: 4vw;
float: left;
color: rgba(134, 153, 185, 1.0);
}
.palomitanosotros{
width: 3vw;
height: 4vw;
margin-left: 6.5vw;
float: left;
}
.palomitanosotros2{
width: 3vw;
height: 4vw;
margin-left: 6.5vw;
margin-top: 1.2vw;
float: left;
}
.container3{
width: 100%;
height: 389vw;
background-color: rgba(239, 251, 251, 1.0);
}
.ventananormativadetres{
width: 100%;
height: 185vw;
margin-left: auto;
margin-right: auto;
margin-top: 12vw;
}
.cuadritonormativa{
width: 100%;
height: 135VW;
float: left;
margin-right: 3.2%;
margin-top: 2vw;
}
.cuadritonormativa3{
width: 100%;
height: 95VW;
float: left;
margin-right: 3.2%;
margin-top: 2vw;
}
.cuadritonormativa2{
width: 100%;
height: 115VW;
float: left;
margin-right: 3.2%;
margin-top: 6vw;
}
h61{
font-family: mon3;
font-size: 3.5vw;
}
.cuerponormativa{
width: 80%;
margin-left: auto;
margin-right: auto;
margin-top: 14vw;
font-family: mon1;
font-size: 3.5vw;
color: rgba(134, 153, 185, 1.0);
text-align: justify;
}
.txt20{
width: 100%;
text-align: center;
font-family: mon3;
font-size: 5.3vw;
color: rgba(14, 32, 77, 1.0) ;
padding-top: 10vw;
}
.txt21{
font-family: mon1;
font-size: 3.5vw;
margin-left: auto;
margin-right: auto;
margin-top: 5vw;
text-align: justify;
text-align-last: center;
width: 80%;
height: 4vw;
color: rgba(134, 153, 185, 1.0);
}
.container4{
background-color: white;
width: 100%;
height: 750vw;
position: relative;
}
/*Container 4*/
.infodisplacia{
width: 80%;
height: 25vw;
position: absolute;
left: 11.5%;
top: 10.4vw;
}
.infodisplacia3{
width: 80%;
height: 25vw;
font-family: mon1;
font-size: 3.4vw;
top: 350vw;;
left: 11.5%;
}
.infodisplacia3f{
width: 95%;
height: 25vw;
position: absolute;
left: 2%;
top: 208.4vw;
text-align: justify;
font-family: mon1;
font-size: 3.4vw;
color: rgba(134, 153, 185, 1.0);
}
.infodisplacia3ff{
width: 96%;
height: 25vw;
position: absolute;
left: 2%;
top: 314.4vw;
text-align: justify;
font-family: mon1;
font-size: 3.4vw;
color: rgba(134, 153, 185, 1.0);
}
.infodisplacia3fd{
width: 98%;
height: 25vw;
position: absolute;
left: 0%;
top: 301.4vw;
text-align: justify;
font-family: mon1;
font-size: 3.4vw;
color: rgba(134, 153, 185, 1.0);
}
.txt22{
font-family: mon1;
font-size: 8vw;
color: rgba(33, 205, 192, 1.0);
}
.txt23{
width: 95%;
font-family: mon3;
font-size: 3.35vw;
color: rgba(14, 32, 77, 1.0) ;
text-align: justify;
margin-top: 7.5vw;
margin-left: .5vw;
letter-spacing: -.026vw;
line-height: 4.2vw;
}
.txt24{
font-family: mon4;
font-size: 4.5vw;
margin-top: 9.4vw;
margin-left: 0vw;
letter-spacing: -.065vw;
}
.txt25{
font-family: mon1;
font-size: 3.4vw;
text-align: justify;
width: 96%;
height: 34vw;
color: rgba(134, 153, 185, 1.0);
margin-left: 0vw;
margin-top: 3.3vw;
}
.txt26{
font-family: mon1;
font-size: 3.3vw;
text-align: justify;
width: 80%;
height: 26vw;
margin-left: 2.8vw;
margin-top: 1.3vw;
letter-spacing: -.1vw;
color: rgba(134, 153, 185, 1.0);
}
h62{
font-family: mon3;
font-size: 3.3vw;
color: rgb(6, 28, 66);
}
.palomita2{
width: 4%;
height: 7vw !important;
float: left;
}
b{
font-family: mon3;
color: rgb(18, 43, 87);
}
.fotodisplacia1{
width: 100%;
height: 22vw;
position: absolute;
top: 270vw;
left:0vw;
z-index: 3;
}
.container5{
width: 99.7%;
height: 106vw;
background-color: rgba(239, 251, 251, 1.0);
position: absolute;
z-index: 5;
}
.comodiagnostico{
width: 90%;
height: 15vw;
text-align: center;
padding-top: 4vw;
}
.txt27{
font-family: mon4;
font-size: 5vw;
margin-top: 3.7vw;
margin-left: 7.5vw;
}
.txt28{
font-family: mon4;
font-size: 4.5vw;
color: rgba(14, 32, 77, 1.0) ;
margin-left: 7vw;
}
.txt29{
width: 90%;
font-family: mon3;
font-size: 3.5vw;
color: rgba(14, 32, 77, 1.0) ;
float: right;
margin-top: 9vw;
text-align: center;
text-align-last: center;
}
.txt30{
font-family: mon1;
font-size: 3.5vw;
text-align: justify;
width: 80%;
height: 4vw;
color: rgba(134, 153, 185, 1.0);
margin-left: 1vw;
position: absolute;
top: 65vw;
left: 10%;
letter-spacing: 0.05vw;
}
.txt31{
font-family: mon1;
font-size: 3.5vw;
text-align: justify;
width: 80%;
height: 4vw;
color: rgba(134, 153, 185, 1.0);
margin-left: 1vw;
position: absolute;
top: 96vw;
left: 12vw;
line-height: 4vw;
letter-spacing: -0.06vw;
}
.palomitadiagostico{
width: 2.7vw;
height: auto;
float: left;
}
.infodiag{
float: left;
margin-left: .5vw;
width: 93%;
}
.barracuadros{
width: 100%;
height: 15vw;
}
.cuadro4{
width: 80%;
height: 27vw;
background-color: white;
border-radius: 1vw;
box-shadow:0px 0px 0px rgb(165, 165, 165);
margin-left: 5%;
margin-top: 70vw;
float: left;
}
.cuadro5{
width: 100%;
height: 27vw;
background-color: white;
border-radius: 1vw;
box-shadow:1px 8px 15px rgb(165, 165, 165);
margin-left: 0%;
margin-top: 90vw;
float: left;
}
.iamgenquienpuede{
width: 100%;
height: auto;
}
.txt32{
display: none;
font-family: mon4;
font-size: 5vw;
width: 80%;
height: auto;
margin-left: 7%;
padding-top: 10%;
}
.txt32movil{
display: block;
font-family: mon4;
font-size: 5vw;
width: 90%;
height: auto;
margin-left: 7%;
padding-top: 10%;
}
.txt32a{
font-family: mon4;
font-size: 4.4vw;
letter-spacing: .03vw;
width: 90%;
height: auto;
margin-left: 7%;
padding-top: 7.5%;
text-align: center;
}
.txt33{
font-family: mon3;
font-size: 3.3vw;
width: 96%;
color: rgba(14, 32, 77, 1.0) ;
margin-top: 7.6vw;
margin-left: 8%;
text-align: justify;
text-align-last: left;
}
.txt33a{
font-family: mon3;
font-size: 3.7vw;
width: 90%;
color: rgba(14, 32, 77, 1.0) ;
margin-top: 3vw;
margin-left: 8%;
text-align: center;
text-align-last: center;
}
.txt34{
font-family: mon1;
font-size: 3.4vw;
text-align: justify;
width: 95%;
height: auto;
color: rgba(134, 153, 185, 1.0);
margin-left: 7%;
margin-top: 9.6vw;
}
.botontrainer{
width: 40%;
height: auto;
margin-top: 10.6vw;
margin-left: 31.5%;
}
.trainer{
font-family: mon1;
font-size: 3.5vw;
color: white;
background-color: rgba(33, 205, 192, 1.0);
padding: 4vw;
border-radius: 4vw;
}
.trainer:hover{
font-family: mon1;
font-size: 3.5vw;
color: white;
background-color: rgba(33, 205, 192, 1.0);
padding: 4vw;
border-radius: 4vw;
}
.container6{
display: block;
width: 100%;
height: 275vw;
margin-top: 358vw;
margin-left: auto;
margin-right: auto;
}
.txt35{
font-family: mon1;
font-size: 8.8vw;
color: rgba(33, 205, 192, 1.0);
width: 100%;
height: 9vw;
text-align: center;
}
.cuadroizqgraf{
display: none;
width: 100%;
height: 63vw;
float:left;
margin-top: 9.6vw;
margin-left: 0%;
}
.cuadroizqgrafmovil{
display: block;
width: 65%;
height: 75vw;
float: left;
margin-top: 5vw;
margin-left: 17%;
position: relative;
border-radius: 2vw;
box-shadow: 3px 10px 10px gray;
}
.galeriagraf{
display: none;
padding-top: 0vw;
width: 100%;
height: 100%;
overflow: hidden;
}
.galeriagrafmovil{
display: block;
padding-top: 22vw;
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 2vw;
}
.morfcuad2{
margin-top: 3vw !important;
margin-left: 6%;
line-height: 4.2vw;
}
.morfcuad{
margin-top: 14vw;
text-align: center;
margin-left: +6vw;
line-height: -1vw importn !important;
}
.cuadroderechograf{
width: 80%;
height: 23vw;
float: left;
margin-left: 6.5vw;
margin-top: 10.9vw;
}
.txt36{
display: none;
font-family: mon4;
font-size: 4.5vw;
width: 100%;
height: auto;
letter-spacing: .03vw;
}
.txt36m{
display: block;
font-family: mon4;
font-size: 4.5vw;
width: 80%;
height: auto;
letter-spacing: .03vw;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 5vw;
margin-bottom: 3vw;
}
.txt36mn{
display: block;
font-family: mon4;
font-size: 4.5vw;
width: 90%;
height: auto;
letter-spacing: .03vw;
text-align: left;
margin-left: 5vw;
margin-right: 0vw;
margin-top: 5vw;
}
.morfcuad3{
margin-top: 7vw !important;
margin-left: 4.5vw;
}
.txt37{
font-family: mon3;
font-size: 3.5vw;
letter-spacing: .03vw;
width: 95%;
color: rgba(14, 32, 77, 1.0) ;
text-align: justify;
text-align-last: left;
margin-top: 4vw;
margin-bottom: 0vw;
}
.morfcuad4{
font-size: 3vw !important;
margin-left: 5.5vw;
margin-top: 3.5vw;
}
.ml55{
margin-left: 5.5vw !important;
}
.fz3impor{
font-size: 3vw !important;
}
.txt40{
font-family: mon1;
font-size: 3.1vw;
text-align: justify;
width: 90%;
height: auto;
color: rgba(134, 153, 185, 1.0);
}
.rr15{
margin-top: 1vw !important;
}
.container7{
display: none;
width: 60%;
height: 10vw;
overflow: hidden;
margin-left: 18.5%;
margin-top: 1.4vw;
padding-bottom: 4vw;
}
.slider2big{
width: 200% ;
height: 100%;
}
.slider2{
width: 50%;
height: 100%;
}
.flechaantes-101{
float: left;
margin-left: 2vw;
margin-top: 26vw;
width: 20%;
position: absolute;
z-index: 3;
}
.flechadespues-111{
position: absolute;
z-index: 3;
float: left;
margin-left: 90vw;
margin-top: 26vw;
width: 6%;
}
.galeriaradio{
display: block;
width: 100%;
height: 67vw;
}
.slidermovilmascara{
width: 100%;
height: 67vw;
overflow: hidden;
position: relative;
}
.slidermovilmasacaragrande{
position: absolute;
z-index: 1;
width: 400% ;
height: 67vw;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: center;
transition: all .5s ease;
transform: translateX(0%);
}
.container8{
background-color: rgba(239, 251, 251, 1.0);
width: 100%;
height: 330vw;
}
.titulofaculty{
width: 100%;
height: 4vw;
font-family: mon4;
font-size: 8.9vw;
color: rgba(33, 51, 96, 1.0);
text-align: center;
padding-top: 12vw;
}
.infofalcuty{
width: 80%;
height: 29vw;
margin-left: auto;
margin-right: auto;
margin-top: 14vw;
font-family: mon1;
font-size: 3.5vw;
text-align: center;
}
.ventanatrainers{
width: 90%;
height: 186vw;
margin-left: 10%;
margin-right: auto;
}
.trainers{
width: 40%;
height: 83vw;
float: left;
margin-left: 2%;
}
.trainersinner{
width: 40%;
height: 83vw;
margin-left: 4%;
float: right;
}
.imagentrainers{
width: 100%;
height: 48.2vw;
}
.imagtrain{
width: 100%;
height: 100%;
}
.infotrainers{
width: 100%;
height: 50%;
margin-top: 1vw;
}
.titu1{
width: 100%;
text-align: center;
height: 5.7vw;
font-family: mon3;
font-size: 2.5vw;
color: rgba(33, 51, 96, 1.0);
}
.subtitu1{
font-family: mon1;
font-size: 2.5vw;
width: 100%;
height: 2.5vw;
text-align: center;
}
.subtitu1a{
font-family: mon1;
font-size: 2.5vw;
width: 100%;
height: 2.5vw;
text-align: center;
}
.cuerpoinfo{
font-family: mon1;
font-size: 2.3vw;
margin-top: 6vw;
width: 100%;
height: 4vw;
text-align: center;
}
/*Eventos */
.carrouseldeeventos{
width: 58%;
height: 29vw;
overflow:hidden;
margin-top: 1vw;
margin-left: 18%;
float: left;
}
.carrouseldeeventosz{
width: 58%;
height: 29vw;
overflow:hidden;
margin-top: 1vw;
margin-left: 18%;
float: left;
}
.carruseldeeventosgrande{
width: 600%;
height: 29vw;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: center;
transition: all .5s ease;
transform: translateX(0%);
}
.carruseldeeventosgrandez{
width: 600%;
height: 29vw;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: center;
transition: all .5s ease;
transform: translateX(0%);
}
.fotocarruselevento{
width: 16.6%;
height: 28vw;
margin-right: 1vw;
}
.fotocarruseleventoz{
width: 16.6%;
height: 28vw;
margin-right: 1vw;
}
.event1a{
width: 100%;
height: auto;
}
.event1az{
width: 100%;
height: auto;
}
.textofotoseventos{
font-family: mon2;
font-size: .7vw;
color: white;
text-align: center;
margin-top: 1.5vw;
}
.textofotoseventosz{
font-family: mon2;
font-size: .7vw;
color: white;
text-align: center;
margin-top: 1.5vw;
}
.flechaantes-10{
float: left;
margin-left: 0vw;
margin-top: 12vw;
width: 5%;
}
.imgflecha-10{
width: 30%;
height: auto;
}
.imgflecha-11{
width: 100%;
height: auto;
}
.adventana{
width: 57.5% !important;
height: 31vw !important;
margin-left: 19.5% !important;
margin-top: 18% !important;
}
.flechadespues-11{
float: left;
margin-left: 10vw;
margin-top: 12vw;
width: 1.2%;
display: none;
}
.container9{
width: 100%;
height: 125vw;
margin-left: auto;
margin-right: auto;
}
.renglon3{
font-family: mon1;
font-size: 9vw;
color: rgba(33, 205, 192, 1.0);
width: 100%;
height: 9vw;
text-align: center;
padding-top: 2.5vw;
}
.renglon4{
font-family: mon4;
font-size: 3.5vw;
color: rgba(33, 51, 96, 1.0);
width: 100%;
height: 4vw;
text-align: center;
margin-top: 3vw;
}
.flechaantes-3{
width: 4vw;
height: 75vw;
display: block;
align-items: center;
float: left;
margin-left: 2%;
margin-right: 8.5vw;
margin-top: 50vw;
}
.flechadespues-3a{
width: 4vw;
height: 75vw;
display: block;
align-items: center;
float: right;
margin-left: 0%;
margin-right: 12vw;
margin-top: 50vw;
}
.modposicion{
margin-top: 50vw !important;
margin-right: 5% !important;
}
.imgflecha{
width: 80%;
height: auto;
}
.carrusel3{
width: 60%;
height: 110vw;
overflow: hidden;
overflow-x: scroll;
margin-top: 2vw;
float: left;
}
.carruselinternogrande{
width: 400%;
height: 105vw;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: center;
transition: all .5s ease;
transform: translateX(0%);
}
.cuadroinformacion{
width: 35%;
height: 75vw;
float: left;
position: relative;
}
.cuadroinformacion2{
width: 20%;
height: 75vw;
margin-left: .5%;
float: left;
position: relative;
}
.fotodecarrusel{
width: 60%;
height: auto;
position: absolute;
z-index: 1;
top: 0px;
left: 0px;
object-fit: cover;
}
.botonciudad{
position: absolute;
font-family: mon2;
font-size: 3.5vw;
color: white;
width: auto;
background-color: rgba(33, 205, 192, 1.0);
padding-left: 3.5vw;
padding-bottom: .5vw;
padding-top: .5vw;
padding-right: 3.5vw;
border-bottom-left-radius: 1vw;
border-bottom-right-radius: 1vw;
border-top-right-radius: 1vw;
top: 53%;
left: 10%;
z-index: 3;
}
.cuerpoevento{
width: 80%;
height: 40%;
position: absolute;
top: 65%;
margin-left: 10%;
}
.cabeceraevento{
font-family: mon3;
font-size: 3.5vw;
text-align: left;
}
.fechaevento{
font-size: 3vw;
font-family: mon2;
margin-top: 6vw;
color: rgba(134, 153, 185, 1.0);
}
.cuerpodeevento{
font-size: 1.6vw;
font-family: mon1;
margin-top: 1vw;
color: rgba(134, 153, 185, 1.0);
}
.botoninscribeme{
font-size: 1.6vw;
font-family: mon1;
margin-top: 8vw;
color: rgba(134, 153, 185, 1.0);
width: 100%;
height: 14vw;
}
/* Eventos */
.galeriaeventosopacity{
display:none;
}
.galeriaeventosopacity2{
display:contents;
width: 100%;
height: auto;
margin-top: .5vw;
overflow: hidden;
overflow-x: scroll;
}
.galeriamovileventos{
display: block;
width: 100%;
height: 60.5;
margin-top: 3.6vw;
}
.flechaantes-10-x{
width: 2vw;
height: 20vw;
display: none;
align-items: center;
float: left;
margin-left: 0%;
margin-right: 5%;
margin-top: 1.5vw;
}
.flechadespues11-x{
width: 2vw;
height: 20vw;
display: none;
align-items: center;
float: left;
margin-left: 5%;
margin-right: 0vw;
margin-top: 1.5vw;
}
.container10{
width: 100%;
height: 200.5vw;
margin-left: auto;
margin-right: auto;
margin-top: 8vw;
}
.titulogaleria{
font-family: mon4;
font-size: 3.8vw;
color: rgba(33, 51, 96, 1.0);
width: 100%;
text-align: center;
padding-top: 14vw;
height: auto;
}
.ventanaeventos{
width: 100%;
height: 30vw;
margin-top: 1.3vw;
margin-left: 0%;
}
.galeria1evetos{
width: 100%;
height: 80vw;
margin-top: 0vw;
overflow: scroll;
float: left;
}
.ventanaeventos{
width: 200%;
height: 80vw;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: center;
transition: all .5s ease;
transform: translateX(0%);
}
.cuadrofoto{
width: 72.7%;
height: 100%;
display: flex;
align-items: center;
float: left;
}
.event1{
width: 90;
height: 90%;
margin-left: auto;
margin-right: auto;
}
/* recursos para medicos */
.container11{
width: 100%;
height: 77vw;
margin-top: 0vw;
background-color: rgba(33, 205, 192, 1.0);
}
.cabezarecursoso{
width: 43%;
font-family: mon4;
font-size: 4.9vw;
text-align: center;
color: white;
padding-top: 5.5vw;
margin-left: auto;
margin-right: auto;
}
.renglonbotones{
width: 41%;
height: 48vw;
margin-left: auto;
margin-right: auto;
margin-top: 2vw;
}
.botonrecursos-1{
color: white;
font-family: mon2;
font-size: 2.8vw;
width: 100%;
padding-left: 0vw;
padding-right: 0vw;
padding-bottom: 3vw;
padding-top: 3vw;
background-color: rgba(33, 51, 96, 1.0);
float: left;
border-radius: 5vw;
text-align: center;
margin-left: 0vw;
margin-top: 6vw;
}
.botonrecursos-1a{
color: white;
font-family: mon2;
font-size: 3vw;
width: 100%;
padding-left: 0vw;
padding-right: 0vw;
padding-bottom: 5vw;
padding-top: 5vw;
background-color: rgba(33, 51, 96, 1.0);
float: left;
border-radius: 5vw;
text-align: center;
margin-left: 0vw;
}
.botonrecursos-1:hover{
color: white;
font-family: mon2;
font-size: 2.8vw;
width: 100%;
padding-left: 0vw;
padding-right: 0vw;
padding-bottom: 3vw;
padding-top: 3vw;
background-color: rgba(33, 51, 96, 1.0);
float: left;
border-radius: 5vw;
text-align: center;
margin-left: 0vw;
margin-top: 6vw;
}
.botonrecursos-1a:hover{
color: white;
font-family: mon2;
font-size: 3vw;
width: 100%;
padding-left: 0vw;
padding-right: 0vw;
padding-bottom: 5vw;
padding-top: 5vw;
background-color: rgba(33, 51, 96, 1.0);
float: left;
border-radius: 5vw;
text-align: center;
margin-left: 0vw;
}
/* formulario de envio */
.container12{
width: 100%;
height: 257.5vw;
background-color: rgba(239, 251, 251, 1.0);
padding-top: 2vw;
}
.cuadrodeformato{
width: 77%;
height: 58%;
border-radius: 4vw;
background-color: white;
box-shadow:1px 8px 15px rgb(165, 165, 165);
margin-left: auto;
margin-right: auto;
margin-top: 10.3vw;
}
.ladoizquierdoformulario{
width: 90%;
height: 25vw;
margin-left: 5%;
padding-top: 3vw;
float: left;
}
.titucontacto{
width: 100%;
height: 9vw;
font-family: mon3;
font-size: 4.8vw;
color: rgba(33, 51, 96, 1.0);
text-align: center;
padding-top: 3.8vw;
}
.mensajecontacto{
font-family: mon2;
font-size: 3vw;
color: rgba(134, 153, 185, 1.0);
text-align: center;
}
.contacto{
width: 100%;
height: auto;
}
.campoformulario{
border: none;
border-width: 0px;
outline: none;
width: 70%;
height: 2vw;
float: left;
font-family: mon2;
font-size: 3vw;
padding-left: 7vw;
color: rgba(134, 153, 185, 1.0);
}
.separadorformu{
margin-left: 1vw;
}
.positionicon1{
top: 0vw;
left: 0vw;
}
.positionicon2{
top: 0vw;
left: 0vw;
}
.positionicon3{
top: 0vw;
left: 0vw;
}
.positionicon4{
top: 0vw;
left: 0vw;
}
.positionicon5{
top: -9.5vw;
left: 0vw;
}
.iconitosformas{
height: 5vw;
width: 5vw;
position: relative;
z-index: 4;
margin-left: 3%;
}
.contenedorformato{
border-radius: 4vw;
border: solid;
border-color: rgba(134, 153, 185, 0.5);
border-width: 2px;
width: 92%;
height: 13.5vw;
margin-top: 1vw;
margin-left: 3.3%;
float: left;
display: flex;
align-items: center;
}
.mb1{
margin-bottom: 1vw;
}
.mt3{
margin-top: 3vw;
}
.ml3{
margin-left: 3vw;
}
.contenedorformatoarea{
border-radius: 2vw;
border: solid;
border-color: rgba(134, 153, 185, 0.5);
border-width: 2px;
width: 90%;
height: 26vw;
margin-top: 1vw;
float: left;
display: flex;
align-items: center;
}
.campoformularioarea{
width: 80%;
height: 4.2vw;
border: none;
outline: none;
margin-top: 0vw;
border-color: rgba(134, 153, 185, 0.5);
border-width: 2px;
resize: none;
border-radius: 1vw;
font-family: mon2;
font-size: 3vw;
padding-left: 0vw;
padding-top: 1vw;
color: rgba(134, 153, 185, 1.0);
}
.ml25{
margin-left: 14vw;
}
.botonenviarformulario{
width: 60%;
height: 8vw;
font-family: mon2;
font-size: .7vw;
text-align: center;
background-color: rgba(33, 51, 96, 1.0);
border-radius: 4vw ;
border-width: 0px;
color: white;
margin-top: 5vw;
}
.botonenviarformulario:hover{
width: 100%;
height: 3vw;
font-family: mon2;
font-size: .7vw;
text-align: center;
background-color: rgb(70, 107, 199);
border-radius: 2vw ;
border-width: 0px;
color: white;
margin-top: 2vw;
}
.ladoderechoformulario{
display: none;
width: 34%;
height: 28.5vw;
margin-left: 6%;
margin-top: 3.5vw;
float: left;
background-image: url("../img/contactorapido.png");
background-repeat: no-repeat;
background-size: cover;
}
.ladoderechoformulariomovil{
display: block;
width: 100%;
height: 87.5vw;
margin-left: 0%;
margin-top: 10.5vw;
float: left;
background-image: url("../img/fondocontactorapido.jpg");
background-repeat: no-repeat;
background-size: cover;
}
.titulocontactorapido{
font-family: mon2;
font-size: 5vw;
color: white;
margin-top: 7vw;
margin-left: 29vw;
}
.mensajecontactorapido{
width: 80%;
height: 25vw;
font-family: mon2;
font-size: 3.5vw;
text-align: center;
color: white;
margin-left: 9vw;
margin-top: 7vw;
}
.rengloncontactorapido{
width: 60%;
height: 5vw;
margin-left: 18vw;
display: flex;
align-items: center;
font-family: mon2;
font-size: 3.5vw;
color: white;
margin-bottom: .3vw;
}
.imgredes{
height: 100%;
width: auto;
margin-right: .5vw;
}
.piedepagina{
width: 100%;
height: 100vw;
background-color: rgba(33, 51, 96, 1.0);
color: white;
text-decoration: none;
}
.logofinal{
width: 100%;
height: 10%;
padding-top: 8vw;
margin-left: 0%;
float: left;
text-align: center;
}
.loguito{
width: 34%;
height: auto;
}
.barrademenu{
width: 100%;
height: 28vw;
font-family: mon1;
font-size: 3vw;
display: block;
margin-top: 6vw;
margin-left: .5vw;
float: left;
text-align: center;
}
.opcionpie{
color: white;
margin-right: 1vw;
float: left;
line-height: 5vw;
}
.opcionpie:hover{
color: rgb(131, 126, 126);
}
.barrainfofinal{
float: left;
width: 70%;
height: 24vw;
margin-top: 1vw;
border-width: 2px;
margin-left: 20vw;
}
.cuadro1pie{
width: 60%;
height: 24vw;
border-top: solid;
border-left: none;
border-color: aqua;
padding-left: 2vw;
margin-left: 7vw;
margin-top: 0vw;
border-width: 2px;
text-align: center;
}
.titu10{
margin-top: 2vw;
font-family: mon3;
font-size: 2.5vw;
}
.titu11{
font-family: mon1;
font-size: 2.5vw;
}
.rengloninsta{
width: 70%;
height: 1.5vw;
display: flex;
align-items: center;
margin-top: 6vw;
font-family: mon1;
font-size: .8vw;
margin-left: 10vw;
}
.icon{
height: 100%;
width: auto;
margin-right: 1vw;
}
.copyrigth{
width: 100%;
height: 1vw;
font-family: mon1;
font-size: 2.5vw;
margin-top: 3vw;
margin-left: 10vw;
}