/* CSS - David Sol */


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



.encabezado{
 background: #f1f1f1;
 background: linear-gradient(269deg, #bbb, #fff);
}

.encabezado a{
    font-size: 0.85em;
    
}

.central{border:0;}

.menuTop div, .menuTop a{
    box-shadow: -2px 0 0 #BBB;
    min-height: 40px;
}

.encabezado a i{margin-right: .6vw}

.encabezado a span{display: none;}

#menuPrincipal li:first-child a{box-shadow: none}

#banners .textos span{z-index: 2;position: relative;}



@media only screen and (min-width: 50.0625em){
    #menuPrincipal{
        background: #333;
    }
    #menuPrincipal a{
        color: #fff;
    }

    .encabezado a span{display: flex;}
}

@media only screen and (min-width: 106.25em) {
    .encabezado a span{display: none;}
}



/* HOME */

.eventos {
    z-index: 3;
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden
}

.eventos .bx-wrapper,.eventos .sliderEvento {
    width: 100%;
    max-width: 100%!important;
    margin: 100px 0 120px!important;
    box-sizing: border-box
}

.eventos .bx-wrapper .bx-viewport {
    border: 0;
    box-shadow: none;
    left: 0;
    min-height: 340px
}

.eventos .bx-wrapper .slide {
    margin: 0 2px!important
}

.eventos .bx-wrapper .bx-pager,.eventos .bx-wrapper .bx-controls-auto {
    bottom: 7px;
    width: auto;
    width: 100%
}

.eventos .bx-wrapper .bx-pager.bx-default-pager a {
    background: #fff;
    opacity: .7
}

.eventos .bx-wrapper .bx-pager.bx-default-pager a:hover,.eventos .bx-wrapper .bx-pager.bx-default-pager a.active {
    opacity: 1
}

.eventos span {
    display: block;
    position: relative;
    float: none;
    z-index: 2
}

_:-ms-fullscreen,:root .eventos .evento {
    background: url(/images/actividades/eventos-home.jpg) repeat 0 -8px
}

.eventos .evento {
    display: block;
    text-align: center;
    width: 100%;
    height: 340px;
    overflow: hidden;
    position: relative;
    background: url(/images/actividades/eventos-home.webp) repeat 0 -8px;
    box-shadow: inset 0 0 100px rgba(0,0,0,0.8)
}

_:-ms-fullscreen,:root .eventos .evento.titulacion {
    background: url(/images/actividades/eventos-home-titulaciones.jpg)
}

.eventos .evento.titulacion {
    background-image: url(/images/actividades/eventos-home-titulaciones.webp)
}

_:-ms-fullscreen,:root .eventos .evento.titulacion2 {
    background: url(/images/actividades/eventos-home-titulaciones2.jpg)
}

.eventos .evento.titulacion2 {
    background-image: url(/images/actividades/eventos-home-titulaciones2.webp)
}

_:-ms-fullscreen,:root .eventos .evento.otro {
    background: url(/images/actividades/eventos-home-otros-byn.jpg)
}

.eventos .evento.otro {
    background-image: url(/images/actividades/eventos-home-otros-byn.webp)
}

.eventos .evento.berzosa,.eventos .evento.otro.uno {
    background-position: 0 0
}

.eventos .evento.noticia,.eventos .evento.otro.dos {
    background-position: 0 350px
}

.eventos .evento.acto,.eventos .evento.otro.tres {
    background-position: 0 700px
}

.eventos .evento.ranking,.eventos .evento.otro.cuatro {
    background-position: 0 1050px
}

.eventos .evento.noticia2,.eventos .evento.otro.cinco {
    background-position: 0 1400px
}

.eventos .eventoIcono {
    width: 64px;
    height: 64px;
    padding: 10px;
    border-radius: 50%;
    border-radius: 0;
    background: #fff;
    border: 5px solid #c2002f;
    margin-left: -44px;
    left: 50%;
    margin-top: 45px
}

.eventos .eventoIcono.logo {
    width: 160px;
    border-radius: 20px;
    border-radius: 0;
    border: 0;
    margin-left: -84px
}

.eventos .eventoTexto {
    color: #fff;
    width: 200px;
    margin-left: -100px;
    left: 50%
}

.eventos .eventoTitulo {
    font-size: 2em;
    display: block;
    margin: 0
}

.eventos .eventoTitulo.porcentaje:after {
    content: '%';
    display: inline-block
}

.eventos strong {
    display: inline-block;
    border-bottom: 3px solid #c2002f;
    padding: 10px;
    margin: 0 0 10px
}


/*BANNERS */

    

/* MIGA */

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

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


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



/*550px*/
@media only screen and (min-width: 34.375em) {
    
}

/*799px*/

@media only screen and (min-width: 49.938em  ) { 

    .eventos .evento:hover {
        background-image: url(/images/actividades/eventos-home-color.jpg)
    }

    .eventos .evento.titulacion:hover {
        background-image: url(/images/actividades/eventos-home-titulaciones-color.jpg)
    }

    .eventos .evento.titulacion2:hover {
        background-image: url(/images/actividades/eventos-home-titulaciones2-color.jpg)
    }

    .eventos .evento.otro:hover {
        background-image: url(/images/actividades/eventos-home-otros.jpg)
    }

    .eventos .evento .eventoTexto {
        transition: .5s ease transform
    }

    .eventos .evento .eventoIcono {
        transition: .5s ease transform,.2s ease opacity
    }

    .eventos .evento:hover .eventoIcono {
        transform: translate(0,-20px);
        opacity: 0
    }

    .eventos .evento:hover .eventoTexto {
        background: rgba(0,0,0,0.5);
        transform: translate(0px,-10px)
    }

    .eventos .eventoTexto {
        margin-left: -120px;
        padding: 20px;
        border-radius: 30px;
        border-radius: 0
    }
    
}


/*996px*/

@media only screen and (min-width: 62.250em) {

}


/*1300px*/

@media only screen and (min-width: 87.5em) {

}


/* 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}

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;}


.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: 0;
    color: #999;
    left: 0;
    width: 100%;
    z-index: 0;
    margin-top: 0;
    line-height: 1.1;
    position: absolute;
    background: transparent;
}

body #breadcrumbs a{
    color: #444;
    word-break:break-word;
    hyphens:auto;
} 

@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;
}
*/


.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;}
.sidr.right{text-align: left;top: 64px}
.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}

}

@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) {
        

        .cabecera.img_head_interior {
            margin-top: -9px;
        }
       
}


/* 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;
        }

}
/* 799 */
@media only screen and (min-width: 49.938em) {
    label.right{text-align:right;}

}
@media only screen and (max-width: 49.938em) {

        .encabezado a{
            font-size: 1.2em;
        }
        .logoNebrija{
            max-width: 100px;
        }

        

        .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;
        }


        

}

/* 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;
        }
}




@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%;
    }

    
    .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){


        #home .casa, #home .birrete{background:none; padding:15px 3%;width:94%;height:auto;border-bottom:1px solid #fff}
        .gris{padding: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){

.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;
}