/* CSS - David Sol */


/* _____________ */
/*               */
/*  ENCABEZADO   */
/* _____________ */

.encabezado, .encabezado .header{
    /* max-height: 110px; */
    box-shadow: 0 5px 0 #c2002f, 0 12px 0 rgba(0,0,0,0.05);
    margin-bottom: 45px;
    height: 121px;
}

.encabezado{
  /*  margin: 0 0 115px 0!important;*/
  margin: 0!important;
}

/*LOGO*/

/* GREY NAV */



.greynav{
    background: #e3e3e3;
    width: 100%;
    float: left;
    font-family: ArialMTPro-Cond, sans-serif;
    font-size: 1.3vh;
    animation:    fadeIn 2s ease;
}

.miniHeader .greynav{display:none}


.greynav ul {
    display: flex;
    flex-direction: row;
    width: 50%;
    width: calc( 50% - 40px);
    float: left;
    margin: 0;
    align-items: stretch;
    align-content: space-around;
    justify-content: space-between;
}
.greynav ul:first-child {margin: 0;}
.greynav ul:nth-child(2) {float: right;}

.greynav ul li {     flex-grow: 1}

.greynav ul li a{
    color: #666;
    display: block;
    padding: 6px 0;
    transition:ease all 0.5s;
    text-align: center;
    font-size: 12px;
}
.greynav ul li a:hover{
    background: #fff;
    color: #333;
} 
.greynav ul li a span{font-family: ArialMTPro-Cond, sans-serif;font-weight: 300}

.greynav ul li a i{
    width: 24px;
    height: 24px;
    /* border-radius: 50%; */
    /* border: 1px solid; */
    padding: 4px;
    margin: 0 5px;
    text-align: center;
    box-sizing: border-box;
    font-size: 131%;
}

/* HEADER */

.header{

}

#masinfomovil a i{
    color: #333;
    background-color: transparent!important; 
    width: 35px;
    height: 35px;
    border-radius: 0;
    margin: 8px 0 5px -3px;
    font-size: 28px;
    position: absolute;
    top: 1px;
    left: 21px;
}
#masinfomovil a i:before{
    line-height: 33px;
    text-align: center;
}

.formularioFixed.masinfo{
    border-radius: 0;
    box-shadow: -5px 6px 0px #0000003d;
}

.formularioFixed.masinfo a{text-align: center;}

.formularioFixed.masinfo.plaza{
    font-family: ArialMTPro-Cond;
    line-height: 1;
    transform: rotate(-90deg);
    width: 160px;
    height: 38px;
    right: 0;
    top: 427px;
    left: auto;
    margin-right: -59px;
    box-shadow: -5px -5px #0000003d;
    background: #222;
}
.miniHeader .formularioFixed.masinfo.plaza{
    top: 276px;
}
.formularioFixed.masinfo.plaza a{ padding: 5px}

body .miniHeader{
    height: 56px;
    max-height: 56px;
    padding-right: 0;
    background: #fff;
    margin-top: 0;
    border-radius: 0;
    border-bottom: 5px solid #c2002f;
    margin-left: 0;
    width: 100%;
    max-width: 100%;
    margin: 0!important;
    left: 0;
}

a.Logo img{
    height: auto;
    background: #fff;
    border-radius: 10px;
    margin-top: -0px!important;
}

a.Logo:hover img{
    padding-top: 20px
}

#home .map.lazyframe{
    margin-bottom: -20px;
}

#home .footer{
    z-index: 2;
    position: relative;
}

@media only screen and (min-width: 49.938em){
    .miniHeader #menuMovil, .miniHeader #menuMovilNoJS {
        display: none;
    }
    nav#menu-movil{height: 52px;}

    .miniHeader nav#menuMovil{display: none;}

    .miniHeader nav#menu-movil,
    #menu-movil.menuPrincipal{
        display: block;
        background: transparent;
        box-shadow: none;
        opacity: 1;
    }
    .header #menu-movil.menuPrincipal{
        margin-top: 50px;
        animation:    fadeIn 1s ease;
    }

    .miniHeader nav#menu-movil>ul,
    .header nav#menu-movil>ul{
        padding: 0;
        display: flex;
        flex-direction: row;
        margin: 0;
        height: 100%;
    }


    .miniHeader nav#menu-movil>ul>li{
        position: relative;
        list-style: none;
        flex-grow: 1;
        text-align: center;
        height: 100%;
    }
    .miniHeader nav#menu-movil>ul>li>a,
    .header nav#menu-movil>ul>li>a {
        color: #c2002f;
        text-transform: uppercase;
        box-shadow: 2px 0 #00000012;
        font-family: 'ArialMTPro-Cond';
        font-size: 0.8em;
    }

    .miniHeader nav#menu-movil>ul>li>a {
        display: flex;
        height: 100%;
        vertical-align: middle;
        box-sizing: border-box;
        align-items: center;
        justify-content: center;
    }

    #menu-movil.menuPrincipal ul li a.Logo{
        /* padding: 0 9px; */
        background: transparent!important;
        /* height: 71px; */
        box-sizing: border-box;
    }

    .header nav#menu-movil>ul>li>a.active{
        background: transparent;
        color: #666;

    }

    .sidr-open nav#menu-movil>ul>li:hover>a, .header nav#menu-movil>ul>li:hover>a{
        border-radius: 0;
    }

    #home a.Logo img{
         margin-top: -40px;
    }
    a.Logo img{
        padding: 4px 7px 6px;
        /* border-radius: 40px; */
        /* margin-top: -22px; */
        transition: all 0.8s 0.3s ease;
        /* box-shadow: 0 5px 0 rgba(0,0,0,0.1); */
        box-sizing: border-box;
    }
    .miniHeader a.Logo img{
        padding: 0;
        margin-top: -4px;
        width: 126px;
    }
    #home .miniHeader a.Logo img {
        margin-top: -4px;
    }

    .sidr-open nav#menu-movil>ul>li>a, .header nav#menu-movil>ul>li>a{
        padding: 0 11px;
        font-size: 100%;
        box-sizing: border-box;
        flex-grow: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .miniHeader nav#menu-movil>ul>li>ul{display: none;}

}

@media only screen and (min-width: 70.25em){
    .miniHeader nav#menu-movil>ul>li>a {font-size: 16px}
}


/* HOME */

#home section.inicio{z-index: 4;}
#home section{
    padding: 70px 0;
    position: relative;
    
}

#home section.inicio{padding-top: 10px;}
#home .contenidoPrincipal{background: transparent;}


body#home .informacion{
    background: transparent;
    box-shadow: none;
}


/*BANNERS */

body #banners .controls { 
    top: 75%;
}
#banners span.subtitulo{background: transparent;}

@media only screen and (max-width: 550px){
    #banners {
        padding-bottom: 66%;
    }
    #banners span.icono img{
        width: 42px;
    }
}
    

/* MIGA */

    #miga{
    opacity: 0.6;
    margin-top: 3px;}
    #miga:hover{opacity:1}

/* _____________ */
/*               */
/*   CONTENIDO   */
/* _____________ */


/* ---------------------------------------- */  
/* BANNERS EN SECCIONES INTERIORES          */
/* ---------------------------------------  */  

    html body #banners {
        width:              100%;
        position:           relative;
        height:             0px;
        padding-bottom: 500px;
        left:               0px;
        z-index:            0;
        max-width:          1177px;
        margin:             auto;
    }
    html body #banners .banner {
        display:            block;
        width:              100%;
        top:                0px;
        left:               0px; 
        overflow:           hidden;
        position:           absolute; 
        
    }
   
html body #banners .banner img{
        width: auto;
        margin-left: -53%;
        height: 500px;
    }
    html body #banners.video .banner img{
        width:100%!important;
        margin-left:0!important;
    }

    html body #banners .banner a:hover img {
        opacity:            1;
        filter:             alpha(opacity=100);
    } 
    html body #banners  .banner.current {
        z-index:            2;
    }

    html body #banners a img {
        border-style:       none;
    }

    html body #banners span, html body #banners a{display: block;}

    html body #banners span.textos{
        position: absolute;
        text-align: center;
        box-sizing:border-box;
        padding-top: 90px;
        width: 100%;
        height: 100%;
        color: #fff;
        text-shadow: 0 0 47px rgba(0,0,0,0.5), 0 0 47px rgba(0,0,0,0.5), 0 0 47px rgba(0,0,0,0.5);
        animation: background 8s 6s;
    }

    @keyframes background {
      0% {
        background: transparent;
      }
      35% {
        background: rgba(0,0,0,0.5);
      }
      75% {
        background: rgba(0,0,0,0.5);
      }
      100% {
        background: transparent;
      }

    }

    html body #banners span span{
        padding: 6px;
    }


    html body #banners span.icono {
        animation-duration:3s;
        animation-delay:1s;
    }
    html body #banners span.icono img{
        width: 37px;
        height: auto!important;
        margin: 0 0 -10px 0;
    }

    html body #banners span.titulo{
        font-size: 1.6em;
        font-weight: 100;
        display: inline-block;
        border-bottom: 2px solid #c2002f;
        max-width: 99%;
        animation-duration:1.5s;
        animation-delay:0s;
    }

    html body #banners span.subtitulo{
        animation-duration:3s;
        animation-delay:1s;
    }

    html body #banners span.titulo.XL{font-size: 2.1em}
    html body #banners span.subtitulo.XL{font-size: 1.5em}

    html body #banners span.titulo.L{font-size: 1.8em}
    html body #banners span.subtitulo.L{font-size: 1.3em}

    html body #banners span.titulo.S{font-size: 1.4em}
    html body #banners span.subtitulo.S{font-size: 0.9em}

    html body #banners span.titulo.XS{font-size: 1.3em}
    html body #banners span.subtitulo.XS{font-size: 0.8em}

    
    html body #banners button{
        background: transparent;
        color: #fff;
        border: 2px solid #fff;
        padding: 7px 10px;
        border-radius: 0;
        cursor: pointer;
            margin-top: 10px;
        animation-duration:2s;
        animation-delay:3s;
    }

    html body #banners button u{
        padding: 1px 0;
        text-decoration: none;
        border-bottom: 1px solid;
    }


/* Controles */

    html body #banners .controls {
        position: absolute;
        z-index: 2;
        top: 80%;
        text-align: center;
        left: 50%;
        width: 360px;
        margin-left: -180px;
    }

    html body #banners ul#controls {
        /* list-style-type:    none; */
        /* float:              left; */
        /* padding:            0; */
        /* position:           absolute; */
        /* margin:             31px 0 0 -38px; */
        /* z-index:            4; */
        /* margin-left:        80px; */
        /* width:              205px; */
    }
    html body #banners ul#controls li {
        padding-right:      0px; 
        padding-left:       0px; 
        display:            inline-block;
    }
    html body #banners ul#controls li a {
        width:              15px;   
        height:             15px;
        margin:             0 5px;
        overflow:           hidden; 
        background:         #888;
        text-align:         center; 
        display:            block;
        border-radius:      0;
        transition:         all 0.3s ease;  
    }
    html body #banners ul#controls li a:hover {background:        #b8b8b8;}
    html body #banners ul#controls li.active a{background:        #fff;}
    html body #banners ul#controls li a:focus{
        outline:            none;
        
    }


/* FLECHAS */
    
    #BannerAnterior:before, #BannerSiguiente:before,
    #BannerAnterior, #BannerSiguiente{
       background:#333;
    }
 
    #BannerAnterior:active,
    #BannerSiguiente:active{ background-color: #333;}



/* VIDEOBANNER */
    html body #banners.video{height: 0;padding-bottom: 45%}
    html body #banners.video .controls{display: none;top: 110%;transition:all 0.5s ease;}
    html body #banners.video:hover .controls{display: block;top: 80%} 
    /*.videoBanner{}
    .videoBanner video{} 
    .videoImagen{display:none}
    .banner.video {min-height: 400px;}
    .banner.video img {display:none}*/
    .no-video .banner.video img {display:block;}
    .banner.video div {position: relative;height:70%;width:100%;}
    .banner.video div video {width: inherit;height: inherit;z-index:-1} 


table.tablaCentral tbody tr td{vertical-align: middle;}
table.tablaCentral tbody tr td a.icono{padding-bottom: 10px}





/*550px*/
@media only screen and (min-width: 34.375em) {
    
    /*banners*/
    html body #banners .banner img{
        margin-left: -17%;
    }

     html body #banners span.icono img{
        width: 64px;
    }

    html body #banners span.titulo{font-size: 2.6em;}

    html body #banners span.titulo.XL{font-size: 3em}
    html body #banners span.subtitulo.XL{font-size: 1.8em}

    html body #banners span.titulo.L{font-size: 2.8em}
    html body #banners span.subtitulo.L{font-size: 1.5em}

    html body #banners span.titulo.S{font-size: 2.3em}
    html body #banners span.subtitulo.S{font-size: 1em}

    html body #banners span.titulo.XS{font-size: 2em}
    html body #banners span.subtitulo.XS{font-size: 0.9em}
}

/*799px*/

@media only screen and (min-width: 49.938em  ) { 
    
    
    /*banners*/
    html body #banners{padding-bottom: 35%;}

    html body #banners .banner img{
        width: 100%;
        height: auto;
        margin-left: 0;
    }

    html body #banners span.textos{
        padding: 2% 10% 5%;
    }


    html body #banners span.icono img{margin-bottom:-20px;}
}


/*996px*/

@media only screen and (min-width: 62.250em) {
    html body #banners{
        padding-bottom: 40%;
    }
    html body #banners span.titulo{font-size: 3.2em;}

    html body #banners span.titulo.XL{font-size: 3.7em}
    html body #banners span.subtitulo.XL{font-size: 2.2em}

    html body #banners span.titulo.L{font-size: 3.5em}
    html body #banners span.subtitulo.L{font-size: 1.8em}

    html body #banners span.titulo.S{font-size: 2.7em}
    html body #banners span.subtitulo.S{font-size: 1.4em}

    html body #banners span.titulo.XS{font-size: 2.2em}
    html body #banners span.subtitulo.XS{font-size: 1.2em}

    html body #banners span.subtitulo, html body #banners button{font-size: 1.5em;}
    html body #banners span span{padding: 15px;}

}


/*1300px*/

@media only screen and (min-width: 87.5em) {
    html body #banners{
        padding-bottom: 0;
        height: 490px;
    }
}


/* FIN BANNERS */

.iconosServicios{
    text-align: center;
}
.iconosServicios .servicio{
    min-height: 280px;
    width: 18%;
    margin: 0 0.5%;
    display: inline-block;
    vertical-align: top;
}
.iconosServicios .servicio .imagen{
    text-align: center;
    max-width: 33%;
    margin: 5px auto;
}
.iconosServicios .servicio .texto{
    color: #c2002f;
    font-weight: bold;
    font-size: 1.3em;
    line-height: 1.3;
}
.iconosServicios .servicio .texto span{
    color: #555;
    font-weight: 400;
    display: block;
    font-size: 75%;
    line-height: 1.3;
    margin-top: 10px;
    border-top: 1px solid #eee;
    padding: 10px;
    border-bottom: 1px solid #eee;
}

    
    @media only screen and (max-width: 800px){
        .iconosServicios .servicio{ width: 31%;}
    }

    @media only screen and (max-width: 550px){
        .iconosServicios .servicio{ width: 48%;}
    }

.noPadding{padding: 0!important}
#home .contenido .contenidoPrincipal h1{
    color:#c2002f;
    position: static;
        font-size: 42px;
    text-shadow: none;
    text-align: center;
    width: auto;
    margin: 0;
    height: auto;
    padding: 20px 14px;
    background: transparent;
}
#home .contenido h2{
    text-align: center;
    color: #222;
    margin: 30px 0;
    letter-spacing: 2px;
    font-family: ArialMTPro, sans-serif;
}
#home p{
    
    line-height: 1.6;
}
.informacion a.boton{
    position: relative;
    background: #fff;
    border: 1px solid #c2002f;
    border-radius: 0;
    color: #000;
    display: block;
    padding: 20px;
    text-align: center;
    font-size: 18px;
    margin: 10px 0;
    transition:0.5s ease all;
}
.informacion a.boton:hover{
    background: #c2002f;
    color: #fff;
}
.informacion.iconos a.boton{
    padding: 20px 10px 20px 38px;
}
.informacion a.boton i{
    opacity: 0.2;
    font-size: 180%;
    position: absolute;
    left: 8px;
}
h2 span{line-height: 1.2;
}
h2 i{
    font-size: 140%;
    color: #333;
    margin-right: 10px;
}

.container_22 .gris{
    background: #ccc;
    padding:15px 0;
    width: 104%;
    box-sizing: border-box;
    margin: 29px -21px 51px;
}

.contenidoPrincipal h1{
    margin-top: 10px;
}


.admision div.formularioPruebas{
    margin: 20px 0;
}


.bx-wrapper *{box-shadow: none!important;}
.rankings img{max-width: none!important;width:auto !important;height:100%;background: transparent;border-radius: 0;float: none;}

.footer .menuPrincipal{
    position:inherit;
    margin:0 0 0 0;
    top:0;
    padding: 40px 0 15px;
    width:100%;
    text-align:center;
}
.footer .menuPrincipal ul li{
    display: inline-block;
    float: none;
}



.footer .menuPrincipal ul{margin:auto;float:none}
.footer .menuPrincipal ul li ul{display:none}

.footer{
    margin: 60px 0 0 0;
    padding: 0 0 30px 0;
    height: auto;
}
.sociaLinks{
    margin: 0;
}
.sociaLinks li::before{display: none}

.menuLeft span.menuTitle{
    font-family: 300 14px ArialMTPro,Trebuchet,Helvetica,sans-serif;
}

.masinformacion_abajo{
    margin: 20px 0 0 19.2% !important;
    text-align: center; 
    line-height: 22px;
}

.columnaDerecha.masinformacion_abajo .bloque p{
    text-align: center;
}


/* DESPLEGABLE HOME */
.contenidoPrincipal .desplegables ul li:before{display: none}
.contenidoPrincipal .desplegables ul{ 
    padding: 0;
    margin: 0;
}
.contenidoPrincipal .desplegables ul li{
        margin: 0;
    padding: 9px;
    border-bottom: 1px solid #ccc;
    text-align: center;
}
.linkBig.botonAbrirDesplegable{padding-top: 20px;}
#home h3.botonAbrirDesplegable,#home h3.botonAbrirDesplegable:hover,#home h3.botonCerrar{color:#c2002f;overflow: hidden;}
#home h3.botonCerrar,#home h3.botonCerrar:hover{
    color:#fff;
    text-shadow:0 0 10px rgba(0,0,0,0.9);
}
#home h3.botonAbrirDesplegable{
    background-position:center 90px;
    background-color:#fff;
    height:350px;
    padding: 20px 10px 0 10px;
    transition:0.6s ease all;
        border: 10px solid #fff;
}
#home h3.botonAbrirDesplegable:hover{
    background-position: center 63px;
}

#home .contenido h2 {background-color:#e3e3e3;}
#home h3 {text-align: center;}

#home h3.botonCerrar{
        height: 55px;
    background-color: #c2002f;
    background-position: center -1px;
}
#home h3.botonCerrar:hover{    background-position: center -7px;}

.info_uni_foot{
    text-align: center;
}
.info_uni_foot ul{
    width: 100%;
}
.info_uni_foot ul li{
    font-family: ArialMTPro-Cond,Trebuchet,Helvetica,sans-serif;
    font-size: 19px;
    font-weight: 300;
    line-height: 30px;
    color: black;
    display: inline;
    margin: 0 15px;
    word-break: normal;
}
.info_uni_foot ul li img{
    vertical-align: middle;
}
.centerFooter {
    width: 100%;
}
.sociaLinks ul li {
    display: inline-block;
    float: none;
}
.sociaLinks{
    padding:7px 0;
}
.footer .sociaLinks{    margin: 0;*display: none;}

.footer_textopie{
    margin: 25px 0 0 0;
}
.footer_textopie ul li{
    display: inline;
    font: 300 14px ArialMTPro,Trebuchet,Helvetica,sans-serif;
}
.footer_textopie ul li img{
    vertical-align: middle;
}


.informacion .container_22 .formularios a {
    background: #eeeeee;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.1;
    display: block;
    padding: 20px 0;
    margin-bottom: 20px;
    text-align: center;
    border-bottom: 12px solid #e6e6e6;
    box-shadow: 0 1px 0 #d1d1d1;
    border-radius: 0;
    transition: all 0.4s ease;
}



body #breadcrumbs {
    top: -13px;
    z-index: 999999999999;
    color: #999;
    left: 0;
    width: 100%;
    z-index: 0;
}

body #breadcrumbs a{color: #444} 

@media only screen and (max-width: 800px){
    body #breadcrumbs{display: none;}
}

#cabecera.cabecera{margin-bottom: 0}
#cabecera div.container_22{
    box-shadow: none;
    margin-bottom: 0;
}

#cabecera div.container_22 img{
    height: auto !important;
    min-height: auto;
}

.contenidoPrincipal {
    box-sizing: border-box;
    line-height: 1.5em;
    overflow: hidden;
    padding: 21px;
}


.columnaDerecha .bloque{
    background: #f1f1f1;
    box-sizing: border-box;
}
.columnaDerecha .bloque > span{
    text-align: center;
    font: 300 17px ArialMTPro,Helvetica,sans-serif;;
    margin-bottom: 20px;
}

.columnaDerecha .bloque ul li img{
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 0;
    padding: 0;
}


.columnaDerecha .bloque ul.listaIconos{
    margin: 0;
}


.columnaDerecha .bloque ul{
    padding: 0;
}
.columnaDerecha .bloque ul li {
    border-top: 1px solid #fff;
    border-bottom: none;
    margin: 0;
    padding: 10px 20px;
    font-family: 300 15px ArialMTPro,Helvetica,sans-serif;
    line-height: 19px;
}

.columnaDerecha .bloque ul li strong{
    font-family: ArialMTPro,Helvetica,sans-serif;
}

.columnaDerecha .bloque ul li a{
    border: none;
}

.imagenInferiorMenuDerecha{
    display: none;
}

.columnaDerecha{
    margin-top: 50px;
}

.columnaDerecha .bloque p{
    font-family: ArialMTPro,Helvetica,sans-serif;
    font-size: 15px;
    padding: 0 20px 20px 20px;
    line-height:20px;
}

.contenidoPrincipal p.note {font-size: 1em}
.contenidoPrincipal ul {
    margin: 0 0 30px 10px;
}
.contenidoPrincipal ul li{
    font-family: ArialMTPro,Helvetica,sans-serif;
    font-weight: 300;
    font-size: 15px;
}
/*.contenidoPrincipal ul li:before {
    border: 3px solid #c2002f;
    content: " ";
    height: 0;
    margin: 9px 0 0 -15px;
    position: absolute;
    width: 0;
}
*/
.contenidoPrincipal a{
    border-bottom: none;
}



.destacados i{
    background: #eee;
    width: 120px;
    height: 120px;
    text-align: center;
    border-radius: 0;
    display: block;
    margin: 10px 0;
}

.destacados.mini i{
    width: 50px;
    height: 50px;
    border-radius: 0;
    margin: 0 20px 0px 0;
    float: left;
}


.destacados i:before{
    font-size: 55px;
    width: 100%;
    color: #333;
    line-height: 132px;
}

.destacados.mini i:before{
    font-size: 28px;
    line-height: 50px;
}



/* _____________ */
/*               */
/*  FORMULARIOS  */
/* _____________ */


.tabla_form{
    margin-left:10px;
    padding-right:20px;
}


input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="phone"], input[type="time"], input[type="url"], select, textarea{
    width:90%;
    text-align:left !important;
}

textarea{
    height:150px;}


input[type="checkbox"]{
    margin-top:8px;
    margin-right:5px;
}

input[type="submit"], input[type="button"]{
    border:none;
    font-size:20px;
    color:#fff;
      padding: 5px 20px;
      cursor:pointer;
}

input[type="reset"]{
    border:none;
    font-size:20px;
    color:#ccc;
      padding: 5px 20px;
      cursor:pointer;
}

.padding_form{
    padding-right:60px;}

input.marginLeft, input.enviar{
    width:auto;
    height:auto;
    }

input#datepickerDesde{
    width: 20%;
}
input#datepickerHasta{
    width: 20%
}


.input-error{
    background-color: #fbcbd9 !important;
    border: solid 1px red !important;
}

iframe.calendario{    
    width: 100%;
    height: auto;
    min-height: 340px;
}

iframe.calendario.eventos {min-height: 423px;}


.right{text-align: right;}
.center{text-align: center;}


.fancy-box img{border-radius: 0}
.fancy-box p{margin: 0 0 10px 0}


.contenidoPrincipal h3.destacado{
    color: #222;
    border-radius: 0;
    padding: 15px;
    border: 2px solid transparent;
    border-bottom: 3px solid;
}

.bx-wrapper{overflow: hidden;}

/* _____________ */
/*               */
/* MEDIA QUERIES */
/* _____________ */

/* 1300 */
@media only screen and (min-width: 1300px) {
    body div.cabecera{height: 499px}

    #home h3.botonAbrirDesplegable{
        background-position:center 71px;
        background-repeat: no-repeat;
    }
}

@media only screen and (max-width: 1299px) and (min-width: 996px) {
    a.Logo img{
        /* margin-top: -25px; */
        width: 140px;
    }
    .sidr-open nav#menu-movil>ul>li>a, .header nav#menu-movil>ul>li>a {
        font-size: 0.8em;
        display: flex;
        align-items: center;
    }
}


@media only screen and (max-width: 1299px) and (min-width: 996px){
    #cabecera div.container_22 {
        height: 444px;
    }
}

/* 1100 */
@media only screen and (min-width: 1100px) {.header .logo img{ width: 250px;height:auto}}

@media only screen and (max-width: 1100px) {
    
    .greynav span{display:none}
    .greynav ul li a i{
        width: 30px;
        height: 30px;
        padding: 7px;
    }



    
}

/* 996 */
@media only screen and (max-width: 996px) {
        
        .sidr-open nav#menu-movil>ul>li>a, .header nav#menu-movil>ul>li>a {
            font-size: 1.25vw;
        }

        a.Logo img{
            padding: 16px 19px 10px;
            border-radius: 0;
            /* margin-top: -22px; */
            width: 150px;
        }

        .cabecera.img_head_interior {
            margin-top: -9px;
        }
        #cabecera div.container_22 {
            height: 330px;
        }

        .menuPrincipal>ul>li>a{
            height: 32px;
        }
        #banners{margin-top:-30px}

        .container_22 .prefix_2 {
            padding-left: 0px;
        }
        
        
        #home h3.botonAbrirDesplegable{
            font-size: 24px
        }
}


/* 890 */
@media only screen and (max-width: 890px) {

        
        html body #menuPrincipal #menuMovil, html body #menuPrincipal #menuMovilNoJS{
            height: 79px;
            min-width: 49px;
            width: 79px;
            color: #fff;
            display: block;
            font: 300 16px ArialMTPro,sans-serif;
            position: absolute;
            right: 0;
            z-index: 2;
            top: 42px;
            padding-top: 6px;
        }
        
        html body .miniHeader #menuPrincipal #menuMovil, html body .miniHeader  #menuPrincipal #menuMovilNoJS{
            top: 0;
            height: 65px;
        }


        #home h2.Hbanner {top: 15px;}
        #home h2.Hbanner span, #home h1 span {line-height:2.2;}
        #banners{margin-top: -10px;}
}
/* 799 */
@media only screen and (min-width: 49.938em) {label.right{text-align:right;}}
@media only screen and (max-width: 49.938em) {
        .encabezado {
            margin: 0 0 49px 0!important;
        }
        .miniHeader{
            max-height: none;
            height: 65px;
        }
        .encabezado .header{margin-top: 0}

        .header .greynav{display:none}
        .greynav ul,.greynav ul:first-child{
            margin:0;
            width:45%;
        }   
        .greynav ul:first-child{
            width:55%;
        }

        .greynav ul li a i{margin: 0}   

        .Logo.movil{
            display: block;
            width: 50%;
            max-width: 209px;
        }

        .miniHeader .Logo.movil{
            width: 164px;
            max-width: 60%;
            margin-top: 0;
        }

        .Logo.movil img{
            margin-top: 0px;
            padding: 1px 22px 7px 11px;
            width: 100%;
            max-width: 250px;
            box-sizing: border-box;
            border-radius: 0;
            box-shadow: 0 10px 0 rgba(0,0,0,0.2);
        }

        .wrapper .encabezado .header #menuMovil, .wrapper .encabezado .header #menuMovilNoJS,
        .wrapper .encabezado .miniHeader #menuMovil, .wrapper .encabezado .miniHeader #menuMovilNoJS
        {
            line-height: 2;
            width: 127px;
            background: #fff;
            position: static;
            color: #333;
            font-size: 22px;
            top: auto;
            border-radius: 30px 0 0;
            border-radius: 0;
            margin-top: -5px;
            min-height: 40px;
            padding-right: 14px;
        }

        .wrapper .encabezado .header #menuMovil .abrir, .wrapper .encabezado .header #menuMovilNoJS .abrir,
        .wrapper .encabezado .miniHeader #menuMovil .abrir, .wrapper .encabezado .miniHeader #menuMovilNoJS .abrir
        {
            color: #c2002f;
        }


        /*logo en menu*/
        nav#menu-movil,
        .sidr-class-pantalla{display: none!important;}
        
        .wrapper .encabezado #menuMovil, .wrapper .encabezado #menuMovilNoJS{
            top: 10px;
            color: #c2002f;
            font-size: 25px;
            font-weight: 300;
            width: 36%;
            line-height: 1.6;
            letter-spacing: 2px;
            padding-right: 25px;
        }

        .sidr-open.sidr-menu-open .fas.fa-bars.abrir,
        .fas.fa-times.cerrar{display: none;}

        .sidr-open.sidr-menu-open .fas.fa-times.cerrar{
            display: inline-block;
        }

        .sidr {
            text-align: left;
            top: 70px;
        }

        .sidr-open.sidr-menu-open .header{
            box-shadow: 0 87px 0 #c2002f;
        }



        .footer .menuPrincipal > ul > li > a {
            border-bottom: 1px solid #fff;
            border-color: #fff;
            display: block;
            float: none;
            font-size: 21px;
        }
        .footer .container_22 {
            width: 100%;
        }
        .sociaLinks ul {
            padding-left: 0;
            width: 100%;
        }
        .info_uni_foot ul li{
            width: 100%;
        }
        .info_uni_foot ul li {
            float: left;
            width: 100%;
            margin: 0;
        }
        #home div.cabecera{height: 335px}
        #home #cabecera img{width: 138%;right:-170px;}


        .formularioFixed.masinfo,
        .formularioFixed.masinfo.plaza{
            
            margin: -71px 0 0 0;
            transform:none;
            top: auto;
            bottom: 0;
            left: 0;
            height: 50px;
            box-shadow: 0 -5px 0 #0000002c;
            font-size: 20px;
        }
    .formularioFixed.masinfo{
        width: 40%;
    }
   .formularioFixed.masinfo.plaza{
        width: 60%;left: 40%
        }
    .formularioFixed.masinfo a{font-size: 20px;padding: 6px 4px;}
        

        

}

/* 799 - 550 */
@media only screen and (min-width: 550px) and (max-width: 49.938em) {
        html, body { font: 12px ArialMTPro,Trebuchet,Helvetica,sans-serif;}
        
        .footer .menuPrincipal ul li{
            display: block;
        }
        #banners h2 {
            width: 250px;
            font-size: 2.7em;
            padding: 25px;
        }
        #home h2.Hbanner span, #home h1 span{font-size: 15px}
}




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

    #home .casa, #home .birrete {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        border-bottom: 1px solid #fff;
        height: auto;
        padding: 15px 3%;
        width: 94%;
    }

    #home h3.botonAbrirDesplegable {
        background-image: none;
        height: auto;
        margin: 10px 0 0;
    }

    .menuLeft ul li {
        box-shadow: -1px 0 0 #c5c5c5;
        display: block;
        float: left;
        margin: 0;
        padding: 0;
        width: 100%;
        text-align: center;
    }
    .menuLeft span.menuTitle {
        margin: 0;
        text-align: center;
        line-height: 20px;
    }

    .header .grid_5.logo {
        margin-top: 8px;
    }
    .masinformacion_abajo{
        margin: 20px 2.5% 0 !important;
        text-align: center; 
        line-height: 22px;
    }
    

    #home .fondoListado.desplegables .grid_5{
        width: 48%;
        padding: 0;
    }

    .noShowMobile{
        display:none !important;
    }

    .marginMov{
        margin:0 2.5% !important;}
        

    .mywidth{
        width:94% !important;
    }
}



/* 550 */
@media only screen and (max-width: 550px){
        html, body {font: 13px ArialMTPro,Trebuchet,Helvetica,sans-serif;}


        #home div.cabecera{height: 555px}
        #banners ul#controls li a{background-color: #ddd}
        #cabecera img{margin-left:0}
        #cabecera div.container_22{height: 197px}
        .cabecera.img_head_interior{margin-top: 0}

        #home #cabecera img {
           width: 177%;
        }
        #banners{overflow: hidden;}
        #home h2.Hbanner {
            top: 278px;
            width: 91.5%;
            padding: 15px 5%;
            font-size: 1.9em;
            background-color: #dddddd;
        }
        #home h2.Hbanner span, #home h1 span{font-size: 14px}
        #home .casa, #home .birrete{background:none; padding:15px 3%;width:94%;height:auto;border-bottom:1px solid #fff}
        .gris{padding:0}
        #home h3.botonAbrirDesplegable{
            height:auto;
            background-image:none;
            margin: 10px 0 0 0;
        }
        .footer .menuPrincipal{
        width:100%;
        margin:0;
        }
        .footer .menuPrincipal ul li{
            display: block;
        }
        .menuLeft ul li {
            box-shadow: -1px 0 0 #c5c5c5;
            display: block;
            float: left;
            margin: 0;
            padding: 0;
            width: 100%;
            text-align: center;
            border-bottom: 1px solid #c7c7c7
        }
        .menuLeft span.menuTitle {
            margin: 0;
            text-align: center;
            line-height: 20px;
        }
        .container_22 .grid_6.columnaDerecha{
            width: 95%;
            margin: 0 2.5% !important;
        }
        .container_22 .prefix_2 {
            padding-left: 0;
        }
            .grid_5.logo {
        margin-top: 0;
    }
    .masinformacion_abajo{
        margin: 20px 2.5% 0 !important;
        text-align: center; 
        line-height: 22px;
    }
    form table td{
        width: 100%;

    }
    form table td {
        display: block;
        padding: 0 !important;
        text-align: left !important;
        width: 100%;
    }
    form .textos {
        margin-bottom: -7px;
        margin-top: 15px;
    }
    input#datepickerDesde{
        width: 30%;
    }
    input#datepickerHasta{
        width: 30%
    }


.marginMov{
    margin:0 2.5% !important;}
} 

/* 450 */
@media only screen and (max-width: 450px){
        #home div.cabecera {
            height: 442px;
        }
        #home h2.Hbanner {top: 175px}
        #home h2.Hbanner span, #home h1 span {}
        #home .container_22 .contenidoPrincipal{width: 93%;}
        .admision div.formularioPruebas ul li{width: 95%;}
}

.menu-active a{
    color: black !important;
}

.menu-left-active{
    background: #fff!important;
    font-family: ArialMTPro, sans-serif;
}

/* 350 */
@media only screen and (max-width: 350px){
    

}




/* FORMULARIO TPV */
        /* ---------------------------------------- */  
        /* FORMULARIOS                */
        /* ---------------------------------------- */  
        input[type="text"],
        input[type="password"],
        input[type="date"],
        input[type="datetime"],
        input[type="datetime-local"],
        input[type="month"],
        input[type="week"],
        input[type="email"],
        input[type="number"],
        input[type="search"],
        input[type="tel"],
        input[type="phone"],
        input[type="time"],
        input[type="url"],
        select,
        textarea {
          -webkit-appearance: none;
          -webkit-border-radius: 0;
          border-radius: 0;
          background-color: transparent;
          font-family: inherit;
          border: 1px solid #cccccc;
          box-shadow: none;
          color: #444;
          color: rgba(0, 0, 0, 0.75);
          font-size: 14px;
          font-size: 1.15rem;
          /*margin: 0 0 1rem 0;
          padding: 10px 20px 0 20px;*/
          height: 60px!important;
          margin: 0px!important;
          max-width:100%;
          width:100%;
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
          -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out;
          transition: box-shadow 0.45s, border-color 0.45s ease-in-out; }
          input[type="text"]:focus,
          input[type="password"]:focus,
          input[type="date"]:focus,
          input[type="datetime"]:focus,
          input[type="datetime-local"]:focus,
          input[type="month"]:focus,
          input[type="week"]:focus,
          input[type="email"]:focus,
          input[type="number"]:focus,
          input[type="search"]:focus,
          input[type="tel"]:focus,
          input[type="phone"]:focus,
          input[type="time"]:focus,
          input[type="url"]:focus,
          textarea:focus {
            -webkit-box-shadow: 0 0 5px #fff;
            -moz-box-shadow: 0 0 5px #fff;
            box-shadow: 0 0 5px #fff;
            border-color: #fff;
            background: #fafafa;
            border-color: #999999;
            outline: none; 
          }
          
        /* Adjust margin for form elements below */
        input[type="file"],
        input[type="checkbox"],
        input[type="radio"],
        select {
          margin: 0 0 1rem 0; 
        }
        input[type="checkbox"],
        input[type="radio"]{
          width: 1.7125rem;
          max-width: 1.7125rem;
          height: 1.7125rem;
          margin: 0;
        }
        input[type="checkbox"] + label,
        input[type="radio"] + label {
          display: inline-block;
          margin-left: 0.5rem;
          margin-right: 1rem;
          margin-bottom: 0;
          vertical-align: baseline; }

        /* Normalize file input width */
        input[type="file"] {
          width: 100%; }

         input[type="button"]{
            cursor: pointer;
         }
          
          #volver, #paso, input[type="submit"],   input[type="reset"],   input[type="button"].submit{
            border: 0px solid;  
            padding: 15px 45px;
            background: none repeat scroll 0 0 #c2002f;
            color:#fff;
            font-size: 20px;
            border-radius: 0px;
            box-shadow: inset 0 -4px rgba(0,0,0,0.1);
            cursor: pointer;
            font-family: Roboto, sans-serif;
            transition: all 0.5s ease;
        } 
        #paso{
          background-color: #ccc;
          cursor: text;
        }
        #volver:hover, #paso.activo:hover, input[type="submit"]:hover,   input[type="reset"]:hover,input[type="button"]:hover{
          background:#444;
          box-shadow: inset 0 -12px rgba(0,0,0,0.1);
        }

        #paso.activo{
          background-color: #c2002f;
          cursor: pointer;
        }
        #volver{background-color: #999;float: left;}
        #volver:hover{background-color: #333}
         input[type="reset"]{background: none repeat scroll 0 0 #f1f1f1;color:#999}

          select{
            margin-left:0!important;
            padding: 0.5rem;
            border: 1px solid #ccc;
            height: 3.525rem;
            border-radius: 0px;
            font-size: 1.15rem;
            font:15px Roboto,Trebuchet,Helvetica,sans-serif;
            font-weight: 300;
        }

        ::-webkit-input-placeholder { /* Edge */
          color: #aaa!important;
        }

        :-ms-input-placeholder { /* Internet Explorer 10-11 */
          color: #aaa!important;
        }

        select, ::placeholder {
          color: #aaa!important;
        }
        textarea{
          min-height: 7.0125rem;
           padding-top: 30px;
        }
        textarea:focus{
            padding-top: 20px;
        }
        
        input[type="text"],select{width:100%;}
        input[type="text"],select{width:100%;}

        #paso, #enviar{
          float: right;
        }

        .hide, .hide *{
          opacity: 0;
          height: 0;

        }


        
      /*NUEVOS ESTILOS VALIDACION*/
      form input.error, form label.error, form select.error{
        color: #c2002f!important;
        border-bottom-color: #c2002f;
      }


      input,  select,  textarea{
        box-shadow: none;
        position: relative;
        top: 0;
        left: 0;
        z-index: 1;
        outline: 0;
      }

      form div.datos {
        position: relative;
        overflow: hidden;
        margin: 1px 0;
      }

      /* input:required:valid,  textarea:required:valid {
        background: white;
      }*/
       input.error,  textarea.error {
        background: none;
      }
      form  input:focus, form  textarea:focus, #CapaFrmSolicitud form  input.error, #CapaFrmSolicitud form label.error {
            left: auto;
          right: 0;
      }
      form  input:focus, form  textarea:focus {
        border-color: #888;
      }
      input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
        -webkit-box-shadow: 0 0 0px 1000px white inset!important;
      }
       form#tpv   input:focus + label, form#tpv  textarea:focus + label,
       form#tpv   input:focus + label + label, form#tpv  textarea:focus + label + label,
       form#tutoria   input:focus + label, form#tutoria  textarea:focus + label,
       form#tutoria   input:focus + label + label, form#tutoria  textarea:focus + label + label {
        
          color: #444;
          padding: 0px;
          z-index: 2;
          text-align: right;
          top: 0px;
          left: 7px;
          font-size: 12px;
      }
      form  input + label.error + label { 
        display: block;
            top: -0px!important;
          font-size: 12px!important;
      }

      form  input.error + label.error {
        display: block;
        font-size: 11px;
          right: 0;
      }

      form label.error {
        text-align: right;
        margin-top: -0.45rem;
        font-size: 80%;
      }
      form input:focus, form textarea:focus, form input.error, form label.error {
          left: auto;
          right: 0;
      }
      form#tpv label,
      form#tutoria label {
        transition: background 0.2s, color 0.2s, top 0.2s, bottom 0.2s, right 0.2s, left 0.2s;
        position: absolute;
        top: 3px;
        color: #aaa;
        font-weight: 300;
        padding: 4px 6px;
        left: 0;
        font-size: 0.7em;
        font-weight: 300;
        line-height: 1.1;
        clear: both;
        display: block;
      }

      form#tpv label#aceptar_condiciones-error,
      form#tutoria label#aceptar_condiciones-error {
        float: left;
        display: inline-block;
        position: relative;
        font-weight: bold;
        margin: -5px 0;
      }
      form#tpv input:focus + label#aceptar_condiciones-error,
      form#tutoria input:focus + label#aceptar_condiciones-error{
        margin: -2px 9px;
      }
      form#tpv input:focus + label.error,
      form#tutoria input:focus + label.error{
        padding: 6px;
      }
       form input.valid, form select.valid,
      input.valid:-webkit-autofill, textarea.valid:-webkit-autofill, select.valid:-webkit-autofill {    
        font-weight: 700;
        color: #000!important;
        padding-top: 0px;
      }
      .valid+label,  .valid + label.error + label {display: none;}
      .valid:focus + label.valid.error + label, .valid:focus + label {display: block;}

      textarea {
        display: block;
        resize: vertical;
      }

      input#enviar:disabled,
      input#enviar[disabled=disabled]{
      background: url(/images/varios/Loading_icon-mini.gif) no-repeat center center #ffffff;
          color: transparent;
          box-shadow: none;
          cursor: auto;
        }
        
div .rankings.empresas,
div .rankings.empresas .slideRanking,
div .rankings.empresas .bx-wrapper .bx-viewport {height: 160px;max-height: 260px;min-height: 140px;}
div .rankings.empresas .bx-wrapper{height: 120px}
div .rankings.empresas .slideRanking .slide{background: #f7f7f7;}
div .rankings.empresas .slide img{
    max-width: 100%!important;
    margin: 0!important;
    width: 180px!important;
    height: 120px!important;
    background: transparent;
    padding: 0;
    margin: 0!important;
}