@charset "utf-8";
/* CSS Document */

.presentabody {
padding:0!important;
margin:0!important;
overflow:hidden;
background:#fff;
-webkit-transition:  0.2s; /* Safari */
    transition: 0.2s;
}
.presentacionnn {
padding:0!important;
margin:0!important;
top:-10000000000px;
width:100%;
visibility:hidden;
position:absolute;
z-index: 989;
min-height: 100vh;
display:block;
-webkit-transition:  0.2s; /* Safari */
    transition: 0.2s;
}
.presentacionnn.mostrar {
top:0!important;
visibility:visible!important
}


.presentacionnn.degrade {
background: rgba(180,220,209,1);
background: -moz-linear-gradient(top, rgba(162,198,188,1) 0%, rgba(162,198,188,1) 70%, rgba(180,220,209,1) 70%, rgba(180,220,209,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(162,198,188,1)), color-stop(70%, rgba(162,198,188,1)), color-stop(70%, rgba(180,220,209,1)), color-stop(100%, rgba(180,220,209,1)));
background: -webkit-linear-gradient(top, rgba(162,198,188,1) 0%, rgba(162,198,188,1) 70%, rgba(180,220,209,1) 70%, rgba(180,220,209,1) 100%);
background: -o-linear-gradient(top, rgba(162,198,188,1) 0%, rgba(162,198,188,1) 70%, rgba(180,220,209,1) 70%, rgba(180,220,209,1) 100%);
background: -ms-linear-gradient(top, rgba(162,198,188,1) 0%, rgba(162,198,188,1) 50%, rgba(180,220,209,1) 70%, rgba(180,220,209,1) 100%);
background: linear-gradient(to bottom, rgba(162,198,188,1) 0%, rgba(162,198,188,1) 70%, rgba(180,220,209,1) 70%, rgba(180,220,209,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2c6bc', endColorstr='#b4dcd1', GradientType=0 );
}

.bktablonbackground {background:rgba(0,0,0,.2); position:absolute;width:100%; margin:auto; height:30vh; bottom:0px; opacity:0; display:block; z-index:4}
.presentacionnn {
padding:0!important;
margin:0!important;
background:#fff;
-webkit-transition:  0.2s; /* Safari */
    transition: 0.2s;
}
.presentacionnn section {/*padding:0!important;*/ margin:0!important; /*height:100vh; */position:relative; vertical-align:middle; display:none; width:100vw; overflow:hidden; padding:0 0!important; min-height:100vh}


.presentacionnn section.active {display:table}
.presentacionnn .contenido {
display:table-cell;
vertical-align:middle;
position:relative;
text-align:center;
position:relative;

}

/*.presentacionnn .contenido div.marco {position:relative;width:994px; margin:auto; top:-260px; opacity:0; z-index:5}*/
.presentacionnn .contenido div.marco a div {height:auto!important; position:absolute; /*7%*/  margin:0!important; padding:0!important; z-index:100}
.presentacionnn .contenido div.marco a div img {border:0!important; display:block; margin:0!important; padding:0!important; opacity:0; transform: scale(2.5);}
/*.presentacionnn .contenido .marco:hover {z-index:999!important; transform: scale(1.2)!important;}*/

.presentacionnn .marco {/*width:814px; height:146px;*/ width:933px; height:180px; position:relative!important; z-index:2; margin:auto; display:block; opacity:1!important; transform: scale(1)!important;  -webkit-transition:  0.2s; /* Safari */
    transition: 0.2s;
}


.presentacionnn #presentacion .escudocolegio {width:120px; /*129px;*/ left:0px; display:block; float:left; opacity:0; /*margin-top:3px; margin-left:60px*/ margin-top:22px; margin-left:116px}
.presentacionnn #presentacion .logocolegio {/*width:636px;*/ width:481px;/*515px;*/ right:0; display:block; float:right; opacity:0; margin-top:56px}


.presentacionnn #presentacion .virgencolegio {width:189px; /*72px;*/left:0; display:block; float:left; opacity:0; margin-top:0px;}
.presentacionnn #presentacion .frasecolegio {width:100%; left:0; display:block; float:none;  margin:auto; background:#fff; /*border-top:8px solid #1e5078*/}
.presentacionnn #presentacion .frasecolegio img {width:742px;/*821px;*/ margin:42px auto; /*20px auto 22px*/ opacity:0;}

.presentacionnn #presentacion .btningresar {width:362px; /*180px;*/ /*left:0; */display:block;float:none; opacity:0; /*margin:110px auto 0 auto*/margin:92px auto 0 auto; /*133px auto 0 auto*/ float:right}

.presentacionnn #presentacion .btninscripciones {width:362px; /*180px;*/ /*left:0; */display:block;float:none; opacity:0; /*margin:110px auto 0 auto*/margin:30px auto 0 auto; /*133px auto 0 auto*/ float:right}

.presentacionnn #presentacion .btningresar:hover, .presentacionnn #presentacion .btninscripciones:hover {z-index:999!important; transform: scale(1.2)!important;}

.presentacionnn .marcoinferior { width:100%; position:relative!important; /*margin:130px auto 0 auto; margin:100px auto 0 auto;*/  margin:0px auto; display:block; opacity:1!important; transform: scale(1)!important;  -webkit-transition:  0.2s; /* Safari */
    transition: 0.2s; z-index:2;
}
.presentacionnn #presentacion .contenido:after {
    content: ' ';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 55%;/*40%;*/
    background: #1e5078;
    z-index: 1;
    width: 100%;
}

section#selectorturno {background:#1e5078!important}
#selectorturno .titulo {
    color: #fff;
    text-align: center;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 70px;
    line-height: 1.2;
    position: relative;
    top: -400px;
    opacity: 0;
    z-index: 6;
    font-family: 'GothamUltra';
    display: inline-block;
}

#selectorturno ul#accesos {
display:block;
list-style:none;
padding:0;
margin:45px 0 0 0;
opacity:0;
top:-260px;
}
#selectorturno ul#accesos li{
display:inline-block;
list-style:none;
padding:0;
margin:0 12px;
}

#selectorturno ul#accesos li a {height:auto!important; margin:0!important; padding:0!important; z-index:100}
#selectorturno ul#accesos li a img {height:41px; width:auto; border:0!important; display:block; margin:0!important; padding:0!important; -webkit-transition:  0.2s; /* Safari */
    transition: 0.2s;
}

#selectorturno ul#accesos li a img {height:81px!important}
#selectorturno ul#accesos a:hover img {z-index:999!important; transform: scale(1.5)!important;}

#selectorturno ul#accesos.especial li {background:none!important}
#selectorturno ul#accesos.especial li span.titnivel { background:none; color:#fff; display:block; text-align:center; /*font-size: 34px;*/ font-size: 25px; line-height: 1.2;
    padding: 10px 0 20px 0;
    margin: 0;
    font-weight: bold!important;
    font-family: 'GothamUltra', cursive;
    text-transform: uppercase;

}
#selectorturno ul#accesos.especial li a {display: inline-block; padding: 0; margin: 0 5px!important}


.fraseyboton { width:1055px; /*900px*/ margin:110px auto 0 auto}
.frasebajada {float:left; text-align:center; width:580px;/*620px;*/ position:relative; opacity:0}
.frasebajada:after {content:' '; display:block; position:absolute; right:-45px!important; top:50%; margin-top:-40px; height:79px; width:3px; background:#fff}
.fraseyboton .frasebajada h4 {
    margin: 0!important;
    padding: 45px 20px 15px 20px!important;
    text-align: center;
    color: #fff;
    font-weight: normal!important;
    font-family: 'GothamBold';
    text-transform: uppercase;
    font-size: 22px;
    line-height: 1.2;
}
.fraseyboton .frasebajada p {color: #fff; padding: 0 20px 15px 20px;  font-size: 21px; font-family: 'GothamBook';
    line-height: 1.6; margin:auto!important; text-align:center}
.fraseyboton .frasebajada p:last-child {padding-bottom:45px!important}
section#redlourdista {background:#1e5078!important;}
section#redlourdista img.redlourdista {float: none; margin: 0 30px; width: 450px; opacity:0}
section#redlourdista .btningresar {/*width:180px;*/width:200px; /*left:0; */display:block;float:none; opacity:1; /*margin:110px auto 0 auto*/margin:60px auto 0 auto; float:none; clear:both}

section#redlourdista .btningresar:hover {z-index:999!important; transform: scale(1.2)!important;}


section#conmemoracion {background:#1e5078!important;}
section#conmemoracion img.conmemoracion {float: none; margin: 0 30px; width: 450px; opacity:0}
section#conmemoracion .btningresar {/*width:180px;*/width:200px; /*left:0; */display:block;float:none; opacity:1; /*margin:110px auto 0 auto*/margin:60px auto 0 auto; float:none; clear:both}

section#conmemoracion .btningresar:hover {z-index:999!important; transform: scale(1.2)!important;}


.poppupaviso {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; background: rgba(30,80,120,0.9);}
.poppupaviso .dentrobox {display:flex!important; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: column; margin:0 auto}
.popv {display:none; /*max-width: 70%!important*/ max-height: calc(90vh - 100px)!important;}
.popw {display:block; max-height:70vh!important}
.poppupaviso .dentrobox i {color: #fff; font-size: 30px; align-self: flex-end; margin-bottom:20px; cursor:pointer}
.poppupaviso .dentrobox i:hover {color:#55948b!important}
body.sinpopup {overflow:auto!important}
body.conpopup {overflow:hidden!important}

@media screen and (max-width: 992px) and (orientation: portrait) {
	.popv {display:block}
	.popw {display:none}
}
@media (max-height: 800px) {
section#redlourdista, section#conmemoracion {padding:60px 0!important}
body.presentabody.overyauto {overflow-y:auto!important}
.presentacionnn section#presentacion .contenido {padding:30px 0!important}
.fraseyboton .frasebajada p {line-height:1.4!important; font-size:19px!important}
.frasebajada:after {margin-top:-20px!important}
.presentacionnn #presentacion .btningresar {margin-top:119px!important}
}
