/*
menu{

}
menu a{
*display:inline;
*display:block;
display:inline-block;
padding:5px 20px;
font-size:18px;
background:#ccc;
color:#333;
text-decoration: none;
}
menu a:hover{
background:#555;
color:#fff;
}
*/

header{
position: -webkit-sticky; /* For Safari */
  position: sticky;
  top: 0;
  z-index: 300; /* Ensures it stays on top of other content */
}

header a.idioma{
display:inline-block;
padding:4px 6px 4px 6px;
font-size:11px;
font-weight:bold;
text-align:center;
letter-spacing:3px;
opacity:1;
width:60px;
color:#222;
vertical-align: bottom;
margin:0px auto;
border:none;
}
header a.idioma[rel='es']{
background:url(img/esa.png) no-repeat center center;
}
header a.idioma[rel='en']{
background:url(img/ena.png) no-repeat center center;
}



.sobreHeader{
background:#F3F2F1;
padding:14px 20px 14px 20px;
text-align:right;
}
.sobreHeader a{
display:inline-block;

padding:5px 20px;
font-size:14px;
text-decoration:none;
margin:0px 10px 0px 10px;
border-radius:10px;
color:#96205D;
}

.sobreHeader a.activo,.sobreHeader a:hover{
 background:#96205D;
 color:#fff;   
}

.sobreHeader span{
border:#565656 1px solid;
padding:5px 10px;
font-size:14px;
text-decoration:none;
margin:0px 20px 0px 0px;
border-radius:5px;
color:#565656;
}

.publicHeader{
 background:#fff;
padding:8px 0px 8px 0px;
text-align:center;   
}
.publicHeader a{
padding:5px 10px;
font-size:18px;
font-weight:bold;
text-decoration:none;
margin:0px 0px 0px 10px;
color:#302A70;
}
.publicHeader a.active,.publicHeader a:hover{
color:#96205D;
}
.headerCuerpo{
max-width:1280px;
padding:0px;
margin:0px auto;
}
.logoh{
width:237px;
height:50px;
display:block;
background:url(img/logoh.png) top left no-repeat;
}


.Madre{
margin:0;
padding:0;
}
.Cuerpo{
margin-top:0px;
margin-bottom:0px;
padding-left:0px;
background:#fff url(publico/bg-index.jpg) top center repeat-y;
padding-bottom:0px;
}


.rsociales{
display:block;
width:200px;
overflow:hidden;
margin-bottom:4px;
vertical-align: bottom;
}
.rsociales a{
display:inline-block;

height:22px;
border:none;
padding:0px 10px 0px 30px;
margin:0px 10px 0px 0px;
}
.rsociales a.rsfacebook{
background:url(rs/facebook.png) top left no-repeat;
}
.rsociales a.rstwitter{
background:url(rs/twitter.png) top left no-repeat;
}



.video{
width:480px;
height:320px;
box-shadow:#333 5px 5px 4px;
background: #444;
overflow:hidden;
}

/*
.intro{
display:block;
font-size:30px;

background:#8A9835 url(img/bg_introbot.png) 0px 0px repeat-x;
color:#eee;
padding:8px;
text-decoration: none;
margin-top:20px;
width:300px;
border:#2D5764 1px solid;
border-radius:7px;
box-shadow:#444 3px 3px 5px;
text-align:center;
letter-spacing: .1em;
text-shadow: #222 2px 2px 1px;
}
a.intro:hover{
color:#fff;
background:#8A9835 url(img/bg_introbot.png) 0px 6px repeat-x;
}

.logos{
background: #fff;
padding:20px 0px;
border-radius:5px;
border:#666 1px solid;
}

.descripcion{
background:#E8F0CB;
color:#2B403A;
padding:5px 20px;
font-size:20px;

border:#8A9835 1px solid;

border-top-right-radius: 9px;
border-bottom-right-radius: 9px;
letter-spacing: 1pt;
word-spacing: 3pt;

}
.descripcion .small{
font-size:17px;
font-weight:normal;
color:#222;
letter-spacing: 1px;
}


.sobrefooter{
text-align:center;
font-size:15px;
color:#888;
padding:20px 20px 20px 20px;
border-top:#ddd 1px solid;
margin-top:40px;
}

*/


.Retro{
background:#9A0000 url(img/retro.png) top left repeat-x;
border:#eee 3px double;
border-radius:5px;
color:#eee;
font-size:16px;
font-weight:bold;
letter-spacing:1px;
word-spacing:3px;
padding:10px 20px;
margin:0px 20px 20px 20px;
}


.captcha_img{
border:#aaa 1px solid;
width:215px;
height:80px;
}

.contactolink{
 position:absolute;
 bottom:20px;
 right:20px;   
}




/*

*+++++++++++++++++++   NUEVO   NUEVO    NUEVO    +


*/



.Portada{
background:#302A70 url(publico/bg-portada.jpg) top center no-repeat;
width:100%;

text-align:center;
padding:40px 0px 0px 0px;
}


.Portada2{
background:#96205D url(publico/bg-portada2.jpg) top center no-repeat;
width:100%;

text-align:center;
padding:60px 0px 60px 0px;
margin:30px 0px 0px 0px;
}



.Portada3{
background:#565656 url(publico/bg-portada3.jpg) top center no-repeat;
width:100%;

text-align:center;
padding:30px 0px 10px 0px;
margin:0px 0px 30px 0px;
}


.granTexto{
font-family:Avenir, Arial, sans-serif;
width:78%;
font-size:54px;
font-weight:bolder;
color:#fff;
margin:20px auto 0px auto;
text-shadow:#fff 0px 0px 1px;
letter-spacing:.05em;
line-height:1.1;
}
.subGranTexto{
font-family:Avenir, Arial, sans-serif;
width:78%;
font-size:34px;
color:#fff;
margin:40px auto 0px auto;
letter-spacing:.05em;    
}

.callToAction{
display:inline-block;
padding:16px 40px 16px 40px;
border:#fff 2px solid;
border-radius:7px;
font-size:28px;
color:#fff;
margin:40px auto 60px auto;
text-decoration:none;
}
.callToAction:hover{
background:#fff;
color:#565656;
}

.slogan1{
font-family:Nunito,Avenir, Arial, sans-serif;
text-align:center;
font-size:46px;
color:#111;
margin:30px auto 20px auto;
letter-spacing:.05em;    
}

.TriColumnas{
display: grid;
grid-template-columns: 1fr 390px 1fr;
gap:1px;
margin:0px 10px 30px 10px;
font-size:1rem;
}
.laptop{
    
background:url(publico/laptop.png) top center no-repeat;
max-width:390px;
background-size: 100%;
}
.textoLateral{

text-align:left;

line-height: 1.2;
}
.textoLateral.izq{
float:right;
margin-right:260px;
}
.textoLateral.der{
float:left;
margin-left:280px;
}
.textoLateral h3{
text-align:left;
font-size: 20px;
margin:0px 0px 20px 0px;
padding:0px;
}
.textoLateral ul{
margin:0px;
padding:0px 0px 0px 20px;
}
.textoLateral li{
list-style-position: outside;
padding:.3rem 0px;
}

@media screen and (max-width:1120px){
    .TriColumnas{
        grid-template-columns: 1fr 1fr;
    }
    .laptop{
        display: none;
    }
}







.textoGrande{
font-family:Nunito,Avenir,Arial,sans-serif;
font-size:44px;
color:#fff;
text-align:left;
letter-spacing: .05em;
}
.textoGrande2{
font-size:26px;
color:#fff;
font-weight:normal;
text-align:left;
letter-spacing: .05em;
}
.textoGrande3{
font-size:22px;
color:#fff;
letter-spacing: .05em;
text-align:left;
line-height:1.3em;
}



.tubo{
display:block;
width:10px;

}
.tubo.largo{
height:268px;
background:url(publico/tubo-largo.png) top center no-repeat;
}
.tubo.medio1{
height:115px;
background:url(publico/tubo-medio1.png) top center no-repeat;
}
.tubo.medio2{
height:72px;
background:url(publico/tubo-medio2.png) top center no-repeat;
}
.tubo.color{
height:160px;
background:url(publico/tubo-color.png) top center no-repeat;
}

.barraInvitacion{
   background:#423C8D;
   color:#fff;
   font-size:28px;
   font-weight:normal;
   padding:30px 0px;
   text-align:center; 
    
}



.ingreso{
    display:block;
    text-decoration:none;
    width:280px;
    min-height:140px;

    padding:40px 20px 10px 20px; 
   position:relative;
   margin:0px auto;
   position:relative;
}
.ingreso .pared{
position:absolute;
top:0px;
left:0px;
width:280px;
    min-height:140px;
    background:#C6C6C6;
    padding:40px 20px 10px 20px; 
    opacity:.5;
    z-index:2;
    border-radius:5px;
}
.ingreso:hover .pared{
background:#d6d6d6;
}
.ingreso .frente{
z-index:10;
width:280px;
    min-height:140px;

    padding:40px 20px 10px 20px; 
    position:absolute;
    top:0px;
    left:0px;
}
.ingreso .tit{
display:block;
color:#132B6B;
font-family:Nunito,Avenir,Arial,sans-serif;
font-size:17px;
font-weight:bold;
text-transform: uppercase;
text-align:center;
margin:0px 0px 10px 0px;
text-shadow: #132B6B 0px 0px .01em;
letter-spacing: 1px;
z-index:9;
}
.ingreso .cont{
color:#565656;
font-size:14px;
text-align:center;
z-index:9;
}
.medalla{
display:block;
width:53px;
height:53px;
position:absolute;
top:-20px;
left:50%;
margin-left:-25px;
z-index:9;
}
.medalla.escuela{
background:url(publico/medalla-escuela.png) top left no-repeat;
}
.medalla.profesor{
background:url(publico/medalla-profesor.png) top left no-repeat;
}
.medalla.alumno{
background:url(publico/medalla-alumno.png) top left no-repeat;
}



.testimonio{
width:11rem;
height:12rem;

color:#464646;
background-color:#dddddd;
margin:0px auto;
text-align:center;
padding:2rem 1.4rem 0 1.7rem;
font-size:.9rem;
border:#aaa 1px solid;
border-radius:14rem;
box-shadow: #ccc 3px 3px 7px;
}
.testimonio .txt{
text-align:left;
}
.testimonio .txtlong{
text-align:left;
font-size:.8rem;
}
.testimonio .alumno{
color:#96205D;
}
.testimonio .center{
text-align:center;
font-style: italic;
font-size:.8rem;
color:#888;
}


.cita{
font-size:16px;
color:#000;
padding:0px 2rem;
background-image: linear-gradient(#eee,#fff);
border:#eee 1px solid;
border-bottom:#fff 1px solid;
}
.autor{
font-size:14px;
font-weight:normal;
color:#423C8D;
}

.CitaBox{
    display:grid;
    grid-template-columns: 1fr 10px 1fr;
    gap:20px;
}
@media screen and (max-width:620px) {
    .CitaBox{
    display:block;
    grid-template-columns: 1fr 10px 1fr;
    gap:20px;
    }
    .CitaBox .tb{
    display: none;
    }
}

.check{
width:20px;
height:20px;
background:url(img/iconmini-disponible.png) no-repeat top left;
}
.no{
width:20px;
height:20px;
background:url(img/no.png) no-repeat top left;
}


.mensaje{
display:inline-block;
float:right;
color:#eee;
padding:4px 10px 4px 40px;
text-decoration: none;
margin:0px 20px 2px 0px;
font-size:15px;
background:#423C8D url(publico/globito.png) 10px 3px no-repeat;
border-radius:5px;
}
.mensaje:hover{
color:#fff;
}

.Interno{
padding:0px 20px 20px 20px;
color:#565656;
font-size:1rem;
}
dl{
padding:0px 0px 20px 0px;
margin:0px;
}
dl dt{
    margin-bottom:10px;
    font-size:18px;
    font-weight:bold;
}
dl dd{
    margin-bottom: 20px;
    margin-left:40px;
}

footer{
display:block;
position:relative;
background:#9C9B9B;
width:auto;
color:#333;
}

footer .linkcaja{
text-align:left;
margin:0px 10px;
}
footer .linkcaja a{
color:#333;
text-decoration:none;
}




/*CSS especial para sitio */


.pleca{
padding:20px;
}

h3 a{
text-decoration:none;
}

menu{
display:block;
margin-top:44px;
width:260px;
}
menu a{
display:block;
padding:.2em;
margin:0px 0px .5em 0px;
text-decoration:none;
color:#565656;
font-weight:bold;
font-size:1.1em;
}



.col{
float:left;
}
.PortadaNoticias{
display:block;
width:100%;
margin-top:20px;
}
.PortadaNoticias article{
display:block;

margin:10px 40px 20px 0px;
width:100%;
font-size:16px;


}
.PortadaNoticias article a{
display:block;
text-decoration:none;  

height:120px;

background:#fff;
overflow:hidden;
border:#eee 1px solid;
}
.PortadaNoticias article:nth-child(2){
margin-right:0px;
}
.PortadaNoticias article h2{
font-size:18px;
margin:0px;
padding:0px;
}
.PortadaNoticias article .img{
display:block;
width:530px;
height:160px;

}
.PortadaNoticias article .int{
padding:10px 20px 10px;
max-width:500px;
font-size:12px;
}
.PortadaNoticias article .cat{
display:inline-block;
padding:3px 20px 3px 20px;
margin-bottom:0px;
margin-right:10px;
margin-top:12px;
text-transform:uppercase;
color:#fff;
font-size:12px;
border-top-right-radius:15px;
border-bottom-right-radius:15px;
}
.PortadaNoticias article .cat.n{
background:#2F2A70;    
}
.PortadaNoticias article .cat.p{
background:#007378;    
}
.PortadaNoticias article .cat.a{
background:#6A2776;    
}
.PortadaNoticias .fecha{
padding:4px 0px 6px 0px;
font-size:12px;
color:#767676;
}