body { margin:0px; overflow-x: hidden}
p, b, a, u, i, h1, h2, h3, h4, h5, h6, input, textarea, span, strong { font-family: 'Cinzel', serif; font-family: 'Open Sans', sans-serif;
font-family: 'Open Sans Condensed', sans-serif;}
b { font-weight:bold}
i { font-style:italic}
.clear0 { clear:both; height:0px}
.clear5 { clear:both; height:5px}
.clear10 { clear:both; height:10px}
.clear20 { clear:both; height:20px}
.clear30 { clear:both; height:30px}
.clear40 { clear:both; height:40px}
.clear50 { clear:both; height:50px}
*:focus { outline:none}



/*  
    transition:all 0.25s ease-out 0s;
    -moz-transition:all 0.25s ease-out 0s;
    -o-transition:all 0.25s ease-out 0s;
    -ms-transition:all 0.25s ease-out 0s;
    -webkit-transition:all 0.25s ease-out 0s;
*/


.wp-fixed { position: fixed; right: 20px; bottom: 20px; width: 56px; z-index: 999;}


.document-opacity { opacity: 1; margin-top: 0vh;}
#page-loader {
    position: fixed; display: flex; justify-content: center; align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: #EEE;
    z-index: 9999999;
}
#page-loader img { width: 80%; max-width: 70px; }


.loader-review { position: absolute; top: calc(56% + 60px); left: 50%;  transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);  width: 300px; font-family: Arial;  font-size: 13px;  text-align:center;}
.loading { background-color: #FFF; height: 5px;  overflow: hidden; position: relative; width: 100px; margin-top: 500px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;}
.loading-bar { animation: sideToside 2s ease-in-out infinite; background-color: #CCC; height: 100%; position: absolute; width: 50%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;}
.center { left: 50%; margin: 0; position: absolute; top: 60%;  transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
@keyframes sideToside {
    0%, 100% { transform: translateX(-50%); }
    50%      { transform: translateX(150%); }
}





.lightMenu { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background-color: rgba(0,0,0,0.92); z-index: 200; display: none;    z-index: 999999;}
.lightMenu .menuL { position: absolute; width: auto; text-align:right; right: 3%; top: 100px}
.lightMenu .menuL li { width: 330px; margin-bottom: 20px; cursor: pointer; border-bottom: 1px solid #444; padding-bottom: 15px}
.lightMenu .menuL li p {font-family: 'Cinzel', serif; font-weight: 400; font-size: 24px; color: #FFF;}
.lightMenu .menuL li.activo p { font-weight: 700}
.lightMenu .close { width: 40px; height: auto; position: absolute; top: 20px; right: 2%}




header { width: 100%; height: 138px; position: fixed; top: 0; background-color: #FFF; overflow: hidden; z-index: 99999;
-webkit-box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.28);
-moz-box-shadow:    0px 2px 13px 0px rgba(0, 0, 0, 0.28);
box-shadow:         0px 2px 13px 0px rgba(0, 0, 0, 0.28);
transition:all 0.2s ease-out 0s;
    -moz-transition:all 0.2s ease-out 0s;
    -o-transition:all 0.2s ease-out 0s;
    -ms-transition:all 0.2s ease-out 0s;
    -webkit-transition:all 0.2s ease-out 0s;}
header .inHead { width: 1140px; height: 138px; margin: auto; position: relative}
header .logo { float: left; margin-top: 5px; width: 52px; height: auto}
header .academia { position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 101px; height: 32px; background-image: url(../img/academia.png);
    transition:all 0.2s ease-out 0s;
    -moz-transition:all 0.2s ease-out 0s;
    -o-transition:all 0.2s ease-out 0s;
    -ms-transition:all 0.2s ease-out 0s;
    -webkit-transition:all 0.2s ease-out 0s;}
header .academia:hover { background-image: url(../img/academia2.png)}
header .menu {
    position: absolute;
    width: 775px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 50%;
    left: 58px;
    transform: translate(0%,-50%);
    transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
}
header .menu li { float: left; margin: 0px 8px; cursor: pointer;}
header .menu li p {font-family: 'Cinzel', serif; font-weight: 400; font-size: 15px; color: #929191;
    transition:all 0.4s ease-out 0s;
    -moz-transition:all 0.4s ease-out 0s;
    -o-transition:all 0.4s ease-out 0s;
    -ms-transition:all 0.4s ease-out 0s;
    -webkit-transition:all 0.4s ease-out 0s;}
header .menu li:hover p { color: #000;}
header .menu li .raya { width: 20%; height: 1px; background-color: #000; margin: auto; opacity: 0; margin-top: 2px;
    transition:all 0.2s ease-out 0s;
    -moz-transition:all 0.2s ease-out 0s;
    -o-transition:all 0.2s ease-out 0s;
    -ms-transition:all 0.2s ease-out 0s;
    -webkit-transition:all 0.2s ease-out 0s;}
header .menu li:hover .raya { opacity: 1; width: 100%}
header .menu li.activo .raya { opacity: 1; width: 100%}
header .menu li.activo p { color: #000}

.headAlto { height: 100px;}
.headAlto .inHead {height: 100px;}
.headAlto .logo { height: 90px; width: auto}

.icMenu { width: 40px; height: auto; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); display: none}


header .bots2 { position: absolute; right: 0px; top: 50%; display: flex; justify-content: center; align-items: center;
    transform: translateY(-50%);
    transition:all 0.5s ease-out 0s;
    -moz-transition:all 0.5s ease-out 0s;
    -o-transition:all 0.5s ease-out 0s;
    -ms-transition:all 0.5s ease-out 0s;
    -webkit-transition:all 0.5s ease-out 0s; }
header .turnos { width: 100px;}
header .academmia2 { width: 100px;margin: 0px 12px;}
header .guardia { width: 75px;}
header a { cursor: pointer;
    transition:all 0.5s ease-out 0s;
    -moz-transition:all 0.5s ease-out 0s;
    -o-transition:all 0.5s ease-out 0s;
    -ms-transition:all 0.5s ease-out 0s;
    -webkit-transition:all 0.5s ease-out 0s; }
header .bots2 a:hover { opacity: 0.7;}





.scroll01 { width: 100%;    margin-top: 138px;    bottom: 0px;    position: relative;    overflow: hidden;    height: 85vh;}
.scroll01 .texto { position: absolute; width: 80%; left: 10%; text-align: center; font-size: 30px; font-family: 'Cinzel', serif; font-weight: 500; color: #EDDCB5; z-index: 20; bottom: 60px; text-shadow: 0px 0px 8px rgba(0, 0, 0, 1);} 

.scroll02 { width: 100%; height: auto; position: relative;}
.scroll02 .destcado { width: 80%; margin: auto; text-align: center; padding: 30px 0px; font-size: 30px; line-height: 40px; max-width: 1040px; padding-top: 55px;}





.slider01 { width: 100%; position: absolute; height: 100%; background-color: #EEE; z-index: 10; }
.slider01 .cu { width: 100%;  position: relative; overflow: hidden}
.slider01 .foto { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: -1; width: 100%; height: 100%;} 
.slick-slide img { width: 100%; height: auto; margin-left: 50%; transform: translateX(-50%) ; -webkit-transform: translateX(-50%) ; -moz-transform: translateX(-50%) ; -ms-transform: translateX(-50%) ; -o-transform: translateX(-50%) ;
}

.slider01 .slick-list {    background-color: #666;    height: 100%;}
.slider01 .slick-track { background-color: #CCC;    height: 100%;}


.datos { width: auto; text-align: center; margin-top: 70px; margin-bottom: 100px; position: relative; height: auto;}
.datos li { display: inline-table; width: 270px; margin: 0px 20px; text-align: center}
.datos li .lin1 { width: 100%; font-size: 23px; letter-spacing: 4px; font-family: 'Cinzel', serif; padding-bottom: 18px; color: #929191}
.datos li .lin2 { width: 100%; color: #929191; font-size: 15px; line-height: 19px}
.datos li .lin2 a { color: #929191}
.datos li .lin2 a:hover { text-decoration: underline}
.datos li .icono { text-align: center; margin-bottom: 16px}
.datos .scroll { position: absolute; bottom: -90px; left: 50%; transform: translateX(-50%); width: 40px; cursor: pointer;
 transition:all 0.2s ease-out 0s;
    -moz-transition:all 0.2s ease-out 0s;
    -o-transition:all 0.2s ease-out 0s;
    -ms-transition:all 0.2s ease-out 0s;
    -webkit-transition:all 0.2s ease-out 0s;}
.datos .scroll:hover { bottom: -86px;}



footer { width: 100%; height: auto; background-color: #1D1D1B;}
footer .inFoot { width: 1000px; height: auto; margin: auto; position: relative}
footer .menuFoot { position: relative; width: 672px; text-align: center; margin: auto; padding-top: 70px; padding-bottom: 40px}
footer .menuFoot li { float: left; margin: 0px 11px; cursor: pointer;}
footer .menuFoot li p {font-family: 'Cinzel', serif; font-weight: 400; font-size: 14px; color: #929191;
    transition:all 0.4s ease-out 0s;
    -moz-transition:all 0.4s ease-out 0s;
    -o-transition:all 0.4s ease-out 0s;
    -ms-transition:all 0.4s ease-out 0s;
    -webkit-transition:all 0.4s ease-out 0s;}
footer .menuFoot li:hover p { color: #FFF;}
footer .menuFoot li .raya { width: 20%; height: 1px; background-color: #FFF; margin: auto; opacity: 0; margin-top: 2px;
    transition:all 0.2s ease-out 0s;
    -moz-transition:all 0.2s ease-out 0s;
    -o-transition:all 0.2s ease-out 0s;
    -ms-transition:all 0.2s ease-out 0s;
    -webkit-transition:all 0.2s ease-out 0s;}
footer .menuFoot li:hover .raya { opacity: 1; width: 100%}
footer .menuFoot li.activo .raya { opacity: 1; width: 100%}
footer .menuFoot li.activo p { color: #FFF}
footer .datosFoot { width: auto; text-align: center; position: relative; height: auto; margin-top: 32px; padding-bottom: 32px;}
footer .datosFoot li { display: inline-table; width: 270px; margin: 0px 20px; text-align: center}
footer .datosFoot li .lin2 { width: 100%; color: #EDDCB5; font-size: 15px; line-height: 19px}
footer .datosFoot li .lin2 a { color: #EDDCB5}
footer .datosFoot li .lin2 a:hover { text-decoration: underline}
footer .datosFoot li .icono { text-align: center; margin-bottom: 16px}
footer .datosFoot .scroll { position: absolute; bottom: -64px; left: 50%; transform: translateX(-50%); width: 30px; cursor: pointer;
 transition:all 0.2s ease-out 0s;
    -moz-transition:all 0.2s ease-out 0s;
    -o-transition:all 0.2s ease-out 0s;
    -ms-transition:all 0.2s ease-out 0s;
    -webkit-transition:all 0.2s ease-out 0s;}
footer .datosFoot .scroll:hover { bottom: -61px;}
footer .barra { width: 100%; height: auto; background-color: #929191; position: relative; padding-top: 14px; padding-bottom: 10px}
footer .redes { width: auto; float: left;}
footer .redes li { margin-right: 6px; float: left; opacity: 0.8}
footer .eggo { float: right; height: 30px}
footer .barra p.copy { position: absolute; width: 350px; text-align: center; top: 10px; font-size: 13px; left: 50%; transform: translateX(-50%)}
footer .redes li:hover { opacity: 1}









.contInstitucional { width: 900px; height: auto; margin: auto; margin-top: 90px; margin-bottom: 50px}
.contInstitucional .izqTxt { width: 580px; height: auto; float: left}
.contInstitucional .izqTxt { color: #929191;     font-size: 17px;    line-height: 23px; padding-top: 10px}
.contInstitucional .izqTxt span { font-family: 'Cinzel', serif; font-size: 25px; letter-spacing: 2px; color: #929191; line-height: 30px}
.contInstitucional .contfotoInst { width: 290px; height: 380px; float: right; overflow: hidden; position: relative}
.contInstitucional .contfotoInst img { width: 100%; position: absolute; top: 0}
.contInstitucional .videoInst { width: 100%; height: auto; margin-top: 55px; margin-bottom: 20px}



.contMVV { width: 100%; height: 350px; background-color: #EDDCB5}
.contMVV .listaMVV { width: 1000px; height: 350px; margin: auto}
.contMVV .contMision { width: 33%; height: 338px; float: left; background-color: #fbf6f0; border-top: 12px solid #f7f0e0}
.contMVV .contVision { width: 34%; height: 338px; float: left; background-color: #f7f0e0; border-top: 12px solid #f3e8d2}
.contMVV .contValores { width: 33%; height: 338px; float: left; background-color: #f3e8d2; border-top: 12px solid #f0e1c4}
.contMVV p.titu { width: 80%; margin: auto; padding-top: 90px; padding-bottom: 25px; font-family: 'Cinzel', serif; font-size: 21px; letter-spacing: 2px; color: #929191}
.contMVV p.desc {width: 80%; margin: auto; font-size: 17px;    line-height: 22px; text-align: justify; color: #929191} 



.contEquipoDaniel { width: 100%; height: 460px; position: relative; background-image: url(../img/fotoInstitucional2b.jpg); background-size: cover; background-position: center center; overflow:hidden}
.contEquipoDaniel .centro { width: 90%; height: auto; top: 43%; left: 50%; transform: translate(-50%,-50%); position: absolute; text-align: center}
.contEquipoDaniel .centro p { font-size: 36px; color: #FFF; font-weight: 300; text-shadow: 0px 0px 8px rgba(0, 0, 0, 1); line-height: 37px}
.contEquipoDaniel .centro .btn1 { display: inline-block; width: 195px; height: auto; background-color: red; margin: 0px 10px; margin-top: 20px; background-color: #edd9b4; border: 1px solid #edd9b4; cursor: pointer;-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 5, 2, 0.44);
-moz-box-shadow:    0px 0px 15px 0px rgba(0, 5, 2, 0.44);
box-shadow:         0px 0px 15px 0px rgba(0, 5, 2, 0.44);
transition:all 0.2s ease-out 0s;
    -moz-transition:all 0.2s ease-out 0s;
    -o-transition:all 0.2s ease-out 0s;
    -ms-transition:all 0.2s ease-out 0s;
    -webkit-transition:all 0.2s ease-out 0s;}
.contEquipoDaniel .centro .btn2 { display: inline-block; width: 195px; height: auto; background-color: red; margin: 0px 10px; margin-top: 20px; background: transparent; border: 1px solid #FFF; cursor: pointer;-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 5, 2, 0.44);
-moz-box-shadow:    0px 0px 15px 0px rgba(0, 5, 2, 0.44);
box-shadow:         0px 0px 15px 0px rgba(0, 5, 2, 0.44);
transition:all 0.2s ease-out 0s;
    -moz-transition:all 0.2s ease-out 0s;
    -o-transition:all 0.2s ease-out 0s;
    -ms-transition:all 0.2s ease-out 0s;
    -webkit-transition:all 0.2s ease-out 0s;}
.contEquipoDaniel .centro .btn1 p { font-size: 16px; padding: 13px 0px; font-family: 'Cinzel', serif; text-shadow: 0px 0px 8px rgba(0, 0, 0, 0); font-weight: 700; line-height: 18px; }
.contEquipoDaniel .centro .btn2 p { font-size: 16px; padding: 13px 0px; font-family: 'Cinzel', serif;text-shadow: 0px 0px 8px rgba(0, 0, 0, 0); font-weight: 700; line-height: 18px; }
.contEquipoDaniel .flecha { position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%)}
.contEquipoDaniel .centro .btn1:hover { width: 210px}
.contEquipoDaniel .centro .btn2:hover { width: 210px}

.parrafoEquipo { width: 1000px; margin: auto; font-size: 17px; line-height: 23px; color: #929191; margin-bottom: 110px; margin-top: 30px}
.parrafoEquipo span {font-family: 'Cinzel', serif; font-size: 23px; letter-spacing: 2px; color: #929191}

.contFoto3 { width: 100%; height: 800px; background-image: url(../img/fotoInstitucional3.jpg); background-size: cover; background-position: center center; position: relative;}
.contFoto3 .contTexto03 { position: absolute; height: auto; width: 100%; background-color: rgba(160,149,135,0.8); bottom: 0px; text-align: center}
.contFoto3 .contTexto03 p { font-family: 'Cinzel', serif; font-size: 23px; line-height: 28px; color: #FFF; width: 80%; margin: auto; width: 90%;   max-width: 800px; padding: 50px 0px}



.contFoto3mob { width: 100%; height: auto;  position: relative; display: none}
.contFoto3mob img { width: 100%; height: auto}
.contFoto3mob .contTexto03 { position: relative; height: auto; width: 100%; background-color: rgba(160,149,135,1);  text-align: center}
.contFoto3mob .contTexto03 p { font-family: 'Cinzel', serif; font-size: 20px; line-height: 26px; color: #FFF; margin: auto; width: 90%;   max-width: 800px; padding: 40px 0px}

.contScrollInt { width: 100%; height: auto; text-align: center; padding-bottom: 10px}
.contScrollInt .scrollInt { width: 40px; position: relative; bottom: 0px; text-align: center; margin: auto; cursor: pointer}




.parrafoEstudios { width: 1000px; margin: auto; font-size: 17px; line-height: 23px; color: #929191; margin-bottom: 20px; margin-top: 30px}
.parrafoEstudios span {     font-family: 'Cinzel', serif;    font-size: 25px;    letter-spacing: 2px;    color: #929191;    line-height: 30px;}
.parrafoEstudios a { color: #929191; }
.parrafoEstudios a:hover { text-decoration: underline}

.contTextosEstudios { width: 1000px; margin: auto; margin-bottom: 70px}
.contTextosEstudios .izq { width: 650px; height: auto; float: left}
.contTextosEstudios .izq p {  font-size: 17px; line-height: 23px; color: #929191; }
.contTextosEstudios .der {width: 300px; height: auto; float:right; padding-top: 50px}
.contTextosEstudios .der .cadafoto { width: 100%; height: auto; margin-bottom: 20px}






.contContacto2 { width: 100%; height: auto; text-align: center; padding-bottom: 55px}
.contContacto2 .icono { margin-bottom: 12px;}
.contContacto2 .franja { width: 100%; height: auto; background-color: #EDDCB5; padding-top: 17px; padding-bottom: 12px;  font-family: 'Cinzel', serif;    font-size: 25px; color: #929191; letter-spacing: 2px; margin-bottom: 15px}
.contContacto2 .bajada { color: #929191; font-size: 17px; line-height: 23px;    padding: 0px 20px;padding-bottom: 5px;  }
.contContacto2 .infoP { font-size: 26px; font-weight: 700; line-height: 31px; color: #929191;     padding: 0px 20px;}
.contContacto2 .infoP a { color: #929191;}
.contContacto2 .infoP2 { font-size: 20px; font-weight: 700; line-height: 26px; color: #929191;     padding: 0px 20px;}
.contContacto2 .infoP2 a { color: #929191;}
.contContacto2 .infoP2 a:hover { text-decoration: underline}


.contMapa { width:100%; max-width: 970px; height:420px;  margin:auto;  position: relative; margin-bottom: 65px}
.contMapa iframe { width: 100%; height: 100%}

.contForm { width: 100%; max-width: 970px; height: auto; margin: auto; position: relative; margin-bottom: 70px; text-align: center}
.contForm .titu { font-size: 18px; line-height: 24px; padding-bottom: 15px; color: #929191}
.contForm .campo { width: 96%; height: 38px; border: 1px solid #CCC; padding: 0px 12px; font-family: 'Open Sans', sans-serif; font-size: 14px; margin-bottom: 9px; color: #929191;}
.contForm .elText { width: 96%; height: 140px; border: 1px solid #CCC; padding: 0px 12px; font-family: 'Open Sans', sans-serif; font-size: 14px; margin-bottom: 9px; padding-top: 10px; resize: none; color: #929191;}
.contForm .mandale { color: #FFF; width: 100px; padding: 6px; border: none; background-color: #edd9b4; font-weight: 700; float: right; margin-right: 8px; margin-left: 8px;
transition:all 0.2s ease-out 0s;
    -moz-transition:all 0.2s ease-out 0s;
    -o-transition:all 0.2s ease-out 0s;
    -ms-transition:all 0.2s ease-out 0s;
    -webkit-transition:all 0.2s ease-out 0s;}
.contForm .borrar {color: #FFF; width: 100px; padding: 6px; border: none; background-color: #706e6f; font-weight: 700; float: right;
transition:all 0.2s ease-out 0s;
    -moz-transition:all 0.2s ease-out 0s;
    -o-transition:all 0.2s ease-out 0s;
    -ms-transition:all 0.2s ease-out 0s;
    -webkit-transition:all 0.2s ease-out 0s;}
.contForm .mandale:hover { background-color: #dab46e}
.contForm .borrar:hover { background-color: #514f50}




.contAcademia { width: 100%; height: 460px; position: relative; background-image: url(../img/fotoAcademia.jpg); background-size: cover; background-position: center center; margin-top: 65px; overflow:hidden}
.contAcademia .centro { width: 70%; height: auto; top: 43%; left: 50%; transform: translate(-50%,-50%); position: absolute; text-align: center}
.contAcademia .centro p { font-size: 36px; color: #FFF; font-weight: 300; text-shadow: 0px 0px 8px rgba(0, 0, 0, 1); line-height: 40px; font-family: 'Cinzel', serif;}
.contAcademia .flecha { position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%)}


.contAcademia2 { width: 1000px; margin: auto; margin-bottom: 50px; margin-top: 20px;}
.contAcademia2 .izq { width: 180px; height: auto; float: left}
.contAcademia2 .izq .logo {}
.contAcademia2 .der { width: 780px; height: auto; float: right}
.contAcademia2 .der p { font-size: 17px; line-height: 23px; color: #929191; padding-top: 20px}
.contAcademia2 .der p span { color: #EDDCB5; font-size: 25px; font-weight: 700}
.contAcademia2 .der p a { color: #929191}
.contAcademia2 .der p a:hover { text-decoration: underline}


.contFotosAcademia { width: 100%; height: 350px; background-color: #EDDCB5; margin-bottom: 60px}
.contFotosAcademia .listaAcademia { width: 1000px; height: 350px; margin: auto}
.contFotosAcademia .cont1 { width: 33%; height: 338px; float: left; background-color: #fbf6f0; border-top: 12px solid #f7f0e0; overflow: hidden; position: relative}
.contFotosAcademia .cont2 { width: 34%; height: 338px; float: left; background-color: #f7f0e0; border-top: 12px solid #f3e8d2; overflow: hidden; position: relative}
.contFotosAcademia .cont3 { width: 33%; height: 338px; float: left; background-color: #f3e8d2; border-top: 12px solid #f0e1c4; overflow: hidden; position: relative}
.contFotosAcademia .cont1 img, .contFotosAcademia .cont2 img, .contFotosAcademia .cont3 img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}




.cadaNoticia { width: 900px; height: auto;  padding-bottom: 100px; margin: auto;}
.cadaNoticia .cadaNota { width: 100%; height: auto; margin-top: 40px}
.cadaNoticia .cadaNota .contArriba { width: 100%; height: auto; min-height: 70px; border-bottom: 1px solid #f02b3f; padding-bottom: 5px; position: relative; }
.cadaNoticia .cadaNota .contArriba .fecha { width: 84px; height: 68px; position: absolute; left: 0px}
.cadaNoticia .cadaNota .contArriba .fecha .dia { width: 84px; height: 34px; background-color: #C6C6C6; text-align: center}
.cadaNoticia .cadaNota .contArriba .fecha .mes { width: 84px; height: 34px; background-color: #929191; text-align: center}
.cadaNoticia .cadaNota .contArriba .fecha .dia p, .cadaNoticia .cadaNota .contArriba .fecha .mes p { color: #FFF; font-family: 'Open Sans Condensed', sans-serif; font-size: 18px; font-weight: bold; padding-top: 8px}
.cadaNoticia .cadaNota .contArriba .titulo { position: relative; height: auto; width: 780px; margin-left: 100px;}
.cadaNoticia .cadaNota .contArriba .titulo p { color: #EDDCB5; font-family: 'Open Sans Condensed', sans-serif; font-size: 28px; font-weight: bold; padding-top: 6px; line-height: 30px}
.cadaNoticia .cadaNota .contNota { width: 100%; height: 330px; background-color: #EEE; margin-top: 5px; position: relative; overflow: hidden}
.cadaNoticia .cadaNota .contNota img { position: absolute; width: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%)}
.cadaNoticia .cadaNota .bajada { padding-top: 15px; color: #9D9D9C; font-size: 17px; line-height: 22px; }
.cadaNoticia .cadaNota .bajada p { color: #9D9D9C; font-size: 17px; line-height: 22px; padding-top: 0px}
.cadaNoticia .cadaNota .bajada p  a{ color: #9D9D9C; font-size: 17px; line-height: 22px; }
.cadaNoticia .cadaNota .bajada a{ color: #9D9D9C; font-size: 17px; line-height: 22px; }
.cadaNoticia .cadaNota .botSeguir { text-align: center; width: 130px; padding: 8px; background-color: #faf2e7; margin-top: 20px;
transition:all 0.2s ease-out 0s;
    -moz-transition:all 0.2s ease-out 0s;
    -o-transition:all 0.2s ease-out 0s;
    -ms-transition:all 0.2s ease-out 0s;
    -webkit-transition:all 0.2s ease-out 0s;}
.cadaNoticia .cadaNota .botSeguir p { color: #222; font-size: 15px;}
.cadaNoticia .cadaNota .botSeguir:hover { background-color: #EDDCB5; width: 140px;}
.cadaNoticia .cadaNota .barraInfo { width: 100%; height: auto}
.cadaNoticia .cadaNota .barraInfo img { float: left; padding-top: 8px; margin-right: 3px}
.cadaNoticia .cadaNota .barraInfo p.p2 { float: left; font-size: 15px; color: #666; font-weight: 300; margin-right: 30px; padding: 0px}



.pagination{text-align:center;margin-bottom:40px}
.pagination li{padding:20px;background-color:#FFF; border: 1px solid #C6C6C6; display:inline-block;text-align:center;padding:8px 13px;margin:2px;cursor:pointer;opacity:0.6}
.pagination li:hover{background-color:#EDDCB5}
.pagination li:hover a{color:#222}
.pagination li a{color:#C6C6C6}
.pagination li.active{background-color:#EDDCB5;opacity:1}
.pagination li.active a{color:#222}



.listaEspecs { width: 100%; max-width: 1000px; height: auto; margin: auto; text-align: center; margin-bottom: 60px}
.listaEspecs li { width: 300px; height: 450px; display: inline-block; margin: 10px; border: 1px solid #EDDCB5; text-align: center; position: relative}
.listaEspecs li .contFoto { width: 300px; height: 230px; position: relative; overflow:hidden}
.listaEspecs li .foto { width: 100%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);transition:all 0.2s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -webkit-transition:all 0.3s ease-out 0s;}
.listaEspecs li .contTitu { width: 100%; height: 70px; text-align: center; background-color: #fbf6f0; position: relative;
transition:all 0.5s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -webkit-transition:all 0.3s ease-out 0s;}
.listaEspecs li .contTitu p {    font-family: 'Cinzel', serif;    font-size: 20px;    line-height: 23px;    padding: 20px 10px;    color: #929191;    position: absolute;    top: 50%;    width: 90%;    transform: translateY(-50%);}
.listaEspecs li .baja { padding-top: 14px; font-size: 17px; line-height: 23px; padding-left: 20px; padding-right: 20px; color: #929191}
.listaEspecs li .botSeguir { text-align: center; width: 130px; padding: 8px; background-color: #faf2e7; position: absolute; bottom: 14px; left: 50%; transform: translateX(-50%);
    transition:all 0.2s ease-out 0s;
    -moz-transition:all 0.2s ease-out 0s;
    -o-transition:all 0.2s ease-out 0s;
    -ms-transition:all 0.2s ease-out 0s;
    -webkit-transition:all 0.2s ease-out 0s;}
.listaEspecs li .botSeguir p { color: #929191; font-size: 15px;}
.listaEspecs li .botSeguir:hover { background-color: #EDDCB5; width: 140px;}
.listaEspecs li .botSeguir:hover p { color: #222}
.listaEspecs li:hover .contTitu { background-color: #E5D1AA}
.listaEspecs li:hover .contTitu p { color: #FFF}
.listaEspecs li:hover .foto { width: 110%}


.slider-for { background-color: #f9f9f9}
.imgvidInternas .cu img { width: 100%;}
.videoWrapper{padding-bottom:56.25%;padding-top:25px;height:0;}
.videoWrapper iframe {position:absolute;top:0;left:0;width:100%;height:100%;}



.contEspecsDeta { width: 100%; height: auto; text-align: left;  background-color: #EDDCB5;}
.contEspecsDeta .franja { width: 1000px; margin: auto; height: auto; padding-top: 17px; padding-bottom: 12px;  font-family: 'Cinzel', serif;    font-size: 25px; color: #FFF; letter-spacing: 2px; margin-bottom: 15px;     line-height: 26px;}


.sliderEspecs { width: 1000px; margin: auto}

.txtIntro { width: 1000px; margin: auto}
.txtIntro p {  color: #929091; font-size: 16px; line-height: 21px; width: 96%; margin: auto}
.txtIntro p strong { font-weight: bold}
.txtIntro .txtGris { width: 100%}
.txtIntro .txtGris p { padding: 0; margin: 0; width: 90%; margin: auto; padding-top: 10px; padding-bottom: 10px;}


.cadaEsp { width: 1000px; margin: auto; margin-bottom: 40px}
.cadaEsp p { color: #929091; font-size: 16px; line-height: 21px; width: 96%; margin: auto}
.cadaEsp p strong { font-weight: bold}
.contEspecsDeta2 { width: 100%; height: auto; text-align: center;  background-color: #EDDCB5; margin-top: 20px; margin-bottom: 18px}
.contEspecsDeta2 p { width: 1000px; margin: auto; height: auto; padding-top: 13px; padding-bottom: 12px;    font-size: 22px; color: #929091; letter-spacing: 1px;    line-height: 26px; font-weight: 300}


.listaElementos { width: 1000px; margin: auto; margin-top: 10px; margin-bottom: 30px; text-align: center}
.listaElementos li { text-align: center; width: 328px; margin: 0px 2px; background-color: #1d1d1b; display: inline-block; cursor: pointer;
    transition:all 0.2s ease-out 0s;
    -moz-transition:all 0.2s ease-out 0s;
    -o-transition:all 0.2s ease-out 0s;
    -ms-transition:all 0.2s ease-out 0s;
    -webkit-transition:all 0.2s ease-out 0s; margin-bottom: 5px}
.listaElementos li p { color: #FFF; padding: 12px; font-size: 22px}

.listaElementos li:hover { background-color: #edd9b4}
.listaElementos li.activo { background-color: #edd9b4}


#elem1 { display: none}
#elem2 { display: none}
#elem3 { display: none}
#elem4 { display: none}
#elem5 { display: none}
#elem6 { display: none}
#elem7 { display: none}
#elem8 { display: none}
#elem9 { display: none}
#elem10 { display: none}


.txtGris { width: 1000px; margin: auto; height: auto; background-color: #929191; padding: 15px 0px;}
.txtGris p { color: #FFF; padding: 25px; padding-top: 10px; padding-bottom: 10px; font-size: 17px; line-height: 23px}
.txtGris p strong { font-weight: bold}



.botVolverEspecs { width: 170px; margin: auto; padding: 10px 15px; text-align: center; margin-top: 70px; margin-bottom: 10px; border: 1px solid #929191; transition:all 0.2s ease-out 0s;
    -moz-transition:all 0.2s ease-out 0s;
    -o-transition:all 0.2s ease-out 0s;
    -ms-transition:all 0.2s ease-out 0s;
    -webkit-transition:all 0.2s ease-out 0s;}
.botVolverEspecs p { color: #929191; font-size: 16px; transition:all 0.2s ease-out 0s;
    -moz-transition:all 0.2s ease-out 0s;
    -o-transition:all 0.2s ease-out 0s;
    -ms-transition:all 0.2s ease-out 0s;
    -webkit-transition:all 0.2s ease-out 0s;}
.botVolverEspecs:hover { background-color: #222; width: 185px}
.botVolverEspecs:hover p { color: #FFF}





.sliderEspecs  .slick-next { background-size: 70% auto;    background-position: center center; background-repeat:no-repeat}
.sliderEspecs  .slick-next:hover { background-color:#FFF}
.sliderEspecs  .slick-prev { background-size: 70% auto;    background-position: center center; background-repeat:no-repeat}
.sliderEspecs  .slick-prev:hover { background-color:#FFF}






.lightGuardia { background-color: rgba(0,0,0,0.7); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; display: none;}
.lightGuardia .in { background-color: rgba(256,256,256,0.95); position: absolute; top: 50%; left: 50%; display: flex; justify-content: space-between; align-items: flex-end;     width: 90%;    max-width: 600px;
 height: auto; box-sizing: border-box; padding: 20px;
    border:2px solid #1d1d1b;  box-shadow:  0 0 0 20px hsl(0, 0%, 100%);
    transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);
}
.lightGuardia .in .logo { width: 100px; }
.lightGuardia .in .cerrar {width: 24px;    position: absolute;    top: 10px;    right: 10px; cursor: pointer;}
.lightGuardia .in div { width: 500px;margin-left: 30px;}
.lightGuardia .in div h4 { background-color: #1d1d1b;    color: #FFF;    font-size: 20px;    display: inline-block;    padding: 10px 18px;    text-transform: uppercase;font-family: 'Cinzel', serif; font-weight: bold; padding-top: 14px; }
.lightGuardia .in div p { margin-top: 10px; font-size: 18px; line-height: 28px;}
.lightGuardia .in div p a { text-decoration: underline; color: #000;}





.lightCovid { background-color: rgba(0,0,0,0.7); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; }
.lightCovid .in { background-color: rgba(256,256,256,0.95); position: absolute; top: 50%; left: 50%; display: flex; justify-content: space-between; align-items: flex-start;     width: 90%;    max-width: 930px; overflow: hidden; flex-wrap: wrap;
 height: auto; box-sizing: border-box; padding: 15px;
    border:2px solid #1d1d1b;  box-shadow:  0 0 0 12px hsl(0, 0%, 100%);
    transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);
}
.lightCovid .in .logo { width: 80px; }
.lightCovid .in .cerrar {width: 24px;    position: absolute;    top: 10px;    right: 10px; cursor: pointer;}
.lightCovid .in div { width: auto; flex:1; margin-left: 30px; margin-top: 30px;}
.lightCovid .in div h4 { background-color: #1d1d1b;    color: #FFF;    font-size: 20px;    display: inline-block;    padding: 10px 18px;    text-transform: uppercase;font-family: 'Cinzel', serif; font-weight: bold; padding-top: 14px; }
.lightCovid .in div p { margin-top: 10px;     font-size: 15px;    line-height: 23px;}
.lightCovid .in div p a { text-decoration: underline; color: #000;}
.lightCovid .in h5 {    font-family: 'Cinzel', serif;    font-size: 24px;    line-height: 27px;    width: 100%;    text-align: center;    margin-top: 20px;}







@media screen and (max-width: 1900px) {
.slick-slide img { width: 100%; height: auto;}
}


@media screen and (max-width: 1360px) {
    .slick-slide img { width: auto; height: 100%;}
}
    


@media screen and (max-width: 1200px) {
    header .inHead {        width: 1030px;    }
    header .guardia {        width: 60px;    }
    header .academmia2 {        width: 90px;        margin: 0px 9px;    }
    header .turnos {        width: 90px;    }
    header .menu {       width: 710px;    }
   

}




@media screen and (max-width: 1060px) {
    
    header { height: 80px}
    header .inHead { width: 96%; margin-left: 2%; height: 80px}
    header .logo {    height: 66px; width: auto}
    header .menu { display: none}
    header .academia {   display: none}
    header .bots2 { display: none;}
    .icMenu { display: block}
    .scroll01 {   margin-top: 80px;  }
    .slider01 { }
    
    .headAlto { height: 80px;}
    .headAlto .inHead {height: 80px;}
    .headAlto .logo { height: 66px}

    .scroll02 {        top: 92%;    }


    .datos li {    margin-bottom: 45px;}
    footer .inFoot {width: 96%; margin-left: 2%}
    footer .datosFoot li {    margin-bottom: 40px;}
    
    .contInstitucional {    width: 800px;}
    .contInstitucional .izqTxt {    width: 480px;}
    
    .contMVV .listaMVV {    width: 800px;}
    .parrafoEquipo { width: 800px;}
    .parrafoEstudios  { width: 800px;}
    .contTextosEstudios { width: 800px;}
    .contTextosEstudios .izq {    width: 450px;}
    
    .contFoto3 .contTexto03 p {    font-size: 20px;    padding: 38px 0px;}
    
    .contForm {    max-width: 800px;}
    .contMapa { width: 800px; }
    
    .contAcademia {  height: 400px}
    
    .contFotosAcademia {    height: 300px;}
    .contFotosAcademia .listaAcademia {    width: 800px; height: 300px}
    .contFotosAcademia .cont1, .contFotosAcademia .cont2, .contFotosAcademia .cont3 {    height: 288px;}
    .contFotosAcademia .cont1 img, .contFotosAcademia .cont2 img, .contFotosAcademia .cont3 img {    height: 100%;}
    
    .contAcademia2 {    width: 800px;}
    .contAcademia2 .der {    width: 600px;}
    
    .cadaNoticia { width: 800px;}
    .cadaNoticia .cadaNota .contArriba .titulo { width: 690px;}
    
    .contEspecsDeta .franja {    width: 800px;    font-size: 22px;}
    .sliderEspecs {    width: 800px;}
    
    .txtGris {    width: 800px;}
    .cadaEsp {    width: 800px;}
    .contEspecsDeta2 p {    width: 800px;} 
    .txtIntro {    width: 800px;}
    .listaElementos {    width: 800px;}
    .listaElementos li {    width: 262px;}
    .listaElementos li p {    font-size: 19px;}

    .lightCovid .in div {        width: 560px;    }
    
}
    


@media screen and (max-width: 900px) {
.scroll01 {    height: 70vh;}
}




@media screen and (max-width: 840px) {


    
    .contInstitucional {    width: 660px;}
    .contInstitucional .izqTxt {    width: 415px;}
    .contInstitucional .contfotoInst {    width: 230px;    height: 340px;}
    .contMVV .listaMVV {    width: 660px;}
    .contMVV p.titu {    padding-top: 60px;}

    
    .contEquipoDaniel {    height: 390px;}
    
    .parrafoEquipo  { width: 660px;}
    .parrafoEstudios  { width: 660px;}
    .contTextosEstudios { width: 660px;}
    .contTextosEstudios .izq {    width: 340px;}
    .contTextosEstudios .der {    width: 260px;}
    
    .contFoto3 {    height: 640px;}
    .contFoto3 .contTexto03 p {    padding: 25px 0px;}
    
    .contForm {    max-width: 640px;}
    .contMapa { width: 640px; }
    
    .contFotosAcademia .listaAcademia {    width: 100%; }
    .contFotosAcademia {    height: 250px;}
    .contFotosAcademia .listaAcademia {  height: 250px}
    .contFotosAcademia .cont1, .contFotosAcademia .cont2, .contFotosAcademia .cont3 {    height: 238px;}
    
    .contAcademia2 {    width: 640px;}
    .contAcademia2 .der {    width: 440px;}
    
    .cadaNoticia { width: 640px;}
    .cadaNoticia .cadaNota .contArriba .titulo { width: 530px;}
    .cadaNoticia .cadaNota .contArriba .titulo p {   font-size: 24px;    line-height: 26px;}
    .cadaNoticia .cadaNota .contNota { height: 300px }
    .cadaNoticia .cadaNota .barraInfo p.p2 {    font-size: 15px;    font-weight: 300;}
    .cadaNoticia .cadaNota .contArriba .titulo p {   padding-top: 0px;}
    
    .contEspecsDeta .franja {    width: 640px;    font-size: 19px;}
    .sliderEspecs {    width: 640px;}
    
    .txtGris {    width: 640px;}
    .cadaEsp {    width: 640px;}
    .contEspecsDeta2 p {    width: 640px;} 
    .txtIntro {    width: 640px;}
    .listaElementos {    width: 640px;}
    .listaElementos li {    width: 208px;}
    .listaElementos li p {    font-size: 17px;}

    .lightCovid .in {       width: 90%;        max-width: 800px;        height: 90%;        padding: 20px;        box-shadow: 0 0 0 10px hsl(0, 0%, 100%);    }

    .lightCovid .in div {     width: 88%;
        margin-left: 0px;
        margin-top: 0px;
        position: absolute;
        top: 55px;
        bottom: 140px;
        left: 5%;
        overflow-y: scroll;
        padding-right: 15px;
        padding-bottom: 0px; }
    .lightCovid .in .logo {        display: none;    }
    .lightCovid .in h5 {        width: 90% !important;        bottom: 25px;  position: absolute;  }
   
}

@media screen and (max-width: 720px) {
    footer .menuFoot li {    margin: 0px 5px;}
    footer .menuFoot {    width: 555px;}
    footer .menuFoot li p { font-size: 13px}
    
    .contInstitucional {    width: 80%;}
    .contInstitucional .izqTxt {    width: 100%;}
    .contInstitucional .contfotoInst {    max-width: 330px; width: 100%;    height: auto;    overflow: visible; float: none; margin: auto}
    .contInstitucional .contfotoInst img {    position: relative;    margin-top: 40px; margin-bottom: 10px;}
    
    .contMVV { height: auto}
    .contMVV .listaMVV { height: auto;     width: 90%;}
    .contMVV .contMision {    width: 100%; height: auto; float: none;}
    .contMVV .contVision {    width: 100%; height: auto; float: none;}
    .contMVV .contValores {    width: 100%; height: auto; float: none;}
    .contMVV p.titu {    padding-top: 40px;}
    .contMVV p.desc {    padding-bottom: 30px;}
    
    .contEquipoDaniel .centro p {    font-size: 30px;}
    
    .parrafoEquipo {    width: 80%;}
    .parrafoEstudios  { width: 80%;}
    .contTextosEstudios { width: 80%;}
    .contTextosEstudios .izq {    width: 100%; margin-bottom: 50px}
    .contTextosEstudios .der {    width: 60%; float: none; margin: auto;}
    
    .contFoto3 { display: none}
    
    .contFoto3mob { display: block}
    
    .contForm {    max-width: 80%;}
    .contMapa { width: 80%;}
    
    .contAcademia .centro p {    font-size: 30px;    line-height: 34px;}
    .contAcademia .centro {    width: 85%;}
    
    .contFotosAcademia {    height: 220px;}
    .contFotosAcademia .listaAcademia {  height: 220px}
    .contFotosAcademia .cont1, .contFotosAcademia .cont2, .contFotosAcademia .cont3 {    height: 208px;}
    
    .contAcademia2 {    width: 80%;}
    .contAcademia2 .izq {    width: 100%; text-align: center; margin-bottom: 40px}
    .contAcademia2 .der {    width: 100%; text-align: center}
    
    .cadaNoticia { width: 550px;}
    .cadaNoticia .cadaNota .contNota { height: 260px }
    .cadaNoticia .cadaNota .contArriba .titulo {    width: 445px;}
    .cadaNoticia .cadaNota .contNota {    height: auto;    overflow: hidden;}
    .cadaNoticia .cadaNota .contNota img {    position: relative;    width: 100%;    left: 0%;    top: 0%;    transform: translate(0%,0%);}
    
    .contEspecsDeta .franja {    width: 80%;    font-size: 18px; letter-spacing: 0px}
    .sliderEspecs {    width: 80%}
    
    .txtGris {    width: 80%;}
    .cadaEsp {    width: 80%;}
    .contEspecsDeta2 p {    width: 80%;} 
    .txtIntro {    width: 80%;}
    .listaElementos {    width: 80%;}
    .listaElementos li {    width: 100%; margin: 0; margin-bottom: 3px}
    .listaElementos li p {    font-size: 18px;}
	
	.cadaNoticia .cadaNota .botSeguir {    margin: auto;    margin-top: 40px;}
	
	.sliderEspecs  .slick-prev, .sliderEspecs  .slick-next {    width: 25px;    height: 25px;}
	.sliderEspecs  .slick-next { background-size: 80% auto;    background-position: center center;}
	.sliderEspecs  .slick-next:hover { background-color:#FFF}
	.sliderEspecs  .slick-prev { background-size: 80% auto;    background-position: center center;}
    .sliderEspecs  .slick-prev:hover { background-color:#FFF}
    
    .scroll02 .destcado { font-size: 24px; line-height: 32px; }


}

@media screen and (max-width: 600px) {
    footer .menuFoot {    width: 200px;}
    footer .menuFoot li p { font-size: 16px}
    footer .menuFoot li {    width: 190px; float: none;    margin-bottom: 12px;}
    footer .barra { height: 65px}
    footer .barra p.copy {  width: 90%; top: 50px}
    .slider01 {  }
    .slider01 .cu { }
    .scroll01 .texto {    font-size: 22px;}
    .datos li {    width: 90%;        margin: 0px 0px; margin-bottom: 40px}
    footer .datosFoot li { width: 90%;        margin: 0px 0px; margin-bottom: 40px}
    
    .contEquipoDaniel .centro .btn1 {    width: 170px;}
    .contEquipoDaniel .centro .btn2 {    width: 170px;}
    .contEquipoDaniel .centro .btn1:hover, .contEquipoDaniel .centro .btn2:hover { width: 190px}
    .contEquipoDaniel .centro .btn1 p {    font-size: 14px;}
    .contEquipoDaniel .centro .btn2 p {    font-size: 14px;}
    
    .contFoto3mob .contTexto03 p {    font-size: 17px;    line-height: 22px;    padding: 25px 0px;}
    
    .contTextosEstudios .der {    width: 80%;}
    
    .contFotosAcademia {    height: auto}
    .contFotosAcademia .listaAcademia {height: auto}
    .contFotosAcademia .cont1, .contFotosAcademia .cont2, .contFotosAcademia .cont3 {    height: 208px;    width: 100%; float: none}
    
    
    .cadaNoticia { width: 400px;}
    .cadaNoticia .cadaNota .contArriba .titulo {    width: 290px;}
    .cadaNoticia .cadaNota .contArriba .fecha {    width: 50px;}
    .cadaNoticia .cadaNota .contArriba .fecha .dia {    width: 50px;}
    .cadaNoticia .cadaNota .contArriba .fecha .mes {    width: 50px;}
    .cadaNoticia .cadaNota .contArriba .titulo {    width: 300px;    margin-left: 63px;}
    .cadaNoticia .cadaNota .contArriba .titulo p {    font-size: 21px;    line-height: 23px;    padding-top: 0px;}
    .cadaNoticia .cadaNota .barraInfo p.p2 {    font-size: 15px;    font-weight: 300;}
    
    .slick-dots {    bottom: 25px !important;}
    .scroll01 .texto {    bottom: 60px;}
    
    .txtIntro .txtGris p {  width: 80%;}

    .lightGuardia .in {    width: 80%;     box-sizing: border-box; padding: 15px;           border:2px solid #1d1d1b;  box-shadow:  0 0 0 10px hsl(0, 0%, 100%);       }
    .lightGuardia .in .logo {        display: none;    }
    .lightGuardia .in div {        width: 100%;        margin-left: 0px;        padding-top: 45px;    }
    
}


@media screen and (max-width: 500px) {  
    .scroll01 {
        height: 122vw;
    }
}


    
@media screen and (max-width: 440px) {  
    footer .barra { height: 80px}
    footer .barra p.copy {    font-size: 12px;    line-height: 15px; }
    .lightMenu .menuL li p {    font-size: 22px;}
    .lightMenu .menuL li {    margin-bottom: 17px;    padding-bottom: 13px;    width: 290px;}
    
    .contInstitucional {    width: 90%;}
    
    .parrafoEquipo {    width: 90%;}
    .parrafoEstudios  { width: 90%;}
    .contTextosEstudios { width: 90%;}
    
    .contTextosEstudios .der {    width: 100%;}
    
    .contContacto2 .infoP2 {    font-size: 17px;    line-height: 20px;}
    
    .contForm {    max-width: 80%;}
    .contForm .campo {    width: 87%;}
    .contForm .elText {    width: 87%;}
    .contMapa { width: 90%;}
    
     .contAcademia .centro p {    font-size: 26px;    line-height: 30px;}
    
    .contAcademia2 {    width: 90%;}
    
    .cadaNoticia .cadaNota .contArriba .titulo {    width: 200px;  }
    .cadaNoticia { width: 270px;}
    
    .listaEspecs li {    width: 276px;    height: 450px;}
    .listaEspecs li .contFoto {    width: 276px;    height: 200px;}
    .listaEspecs li .contTitu p {    font-size: 18px;    line-height: 24px;}
    
    
    .contEspecsDeta .franja {    width: 90%;  }
    .sliderEspecs {    width: 90%}
    
    .txtGris {    width: 90%;}
    .cadaEsp {    width: 90%;}
    .contEspecsDeta2 p {    width: 90%;}
    .txtIntro {    width: 90%;}
    .listaElementos {    width: 90%;}

}

@media screen and (max-width: 300px) {  
    .slider01{  }
    .slider01 .cu {  }
    .scroll01 .texto {    font-size: 19px;}

}