@CHARSET "utf-8";

@font-face {
    font-family: 'ubuntulight';
    src: url('../fonts/ubuntu/Ubuntu-Light.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ubuntulightitalic';
    src: url('../fonts/ubuntu/Ubuntu-LightItalic.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ubunturegular';
    src: url('../fonts/ubuntu/Ubuntu-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ubuntumedium';
    src: url('../fonts/ubuntu/Ubuntu-Medium.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ubuntumediumitalic';
    src: url('../fonts/ubuntu/Ubuntu-MediumItalic.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ubuntubold';
    src: url('../fonts/ubuntu/Ubuntu-Bold.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ubuntubolditalic';
    src: url('../fonts/ubuntu/Ubuntu-BoldItalic.ttf');
    font-weight: normal;
    font-style: normal;
}


a{color:#000000; text-decoration: none;}
a:hover{color:#000000;}
a:focus {outline: none;}

.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clearboth {clear: both;}
ul {margin: 0;}
.row {margin:auto;}
.required:after{content:"*";color:#ff0000;}
.img-responsive { margin: 0 auto; }

.no-padding {padding: 0 !important;}
.no-padding-left {padding-left: 0 !important;}
.no-padding-right {padding-right: 0 !important;}
.container { padding: 0;}
.error { color: #ff0000; border-color: #ff0000;}
.margin-top-30 { margin-top: 30px; }

body {font-family: 'Ubuntu', sans-serif; background: #ffffff;  }
body, html { height: 100%; }
body.sinbg {background: none;}


.btn-yellow { background-color: #f5d11a; padding: 5px 20px 5px 20px; }


/* BOOTSTRAP DIALOG */
.bootstrap-dialog-message{color: #000;overflow-y: scroll;max-height: 700px;padding-right: 10px;}
.bootstrap-dialog-message ol{padding-left: 20px;}
.modal-dialog { z-index: 1041; }
.modal-content { border-radius: 10px; }
.modal-header{ background-color: #13b7fe !important; border-bottom: none; border-top-left-radius: 10px !important; border-top-right-radius: 10px !important; }
.modal-header .bootstrap-dialog-close-button { background-color: #ffffff !important; border-radius: 10px; }
.modal-header .bootstrap-dialog-close-button .close { color: #303880 !important; opacity: 1; padding: 2px 5px 2px 5px; }
.modal-header .bootstrap-dialog-title { width: 90%; text-transform: uppercase;}
.modal-body { background-color: #ffffff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }


/*--------------- CABECERA ----------------------*/
#header { background:#13b7fe; height: 80px; position: absolute; width: 100% ; padding: 15px 0; z-index: 10;}
#header .logo { position: absolute; top: 20px; }
#header .logo_ecec { margin-top: 10px; }

/*--------------- CABECERA OTHER ----------------------*/
#header-other { background:#13b7fe; height: 102px; position: absolute; width: 100% ; padding: 15px 0; z-index: 10;}
#header-other .logo { position: absolute; top: 20px; }
#header-other .logo_ecec { margin-top: 10px; }

/*--------------- COOKIES ----------------------*/
#alerta-cookies{background: #E5E7EB; font-size: 12px; color: #fff; text-align: center; padding: 3px 0px; margin: 0px; border: 0px; border-radius: 0px;  z-index: 3;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF000000,endColorstr=#FF000000)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF000000,endColorstr=#FF000000);   /* IE6 & 7 */
}
#alerta-cookies h2 {text-align: center; margin: 0px; color: #000000;}
#alerta-cookies a{color: #000; text-decoration: underline; margin: 0;}
#alerta-cookies p{font-family:Arial; font-size: 1em; margin-top: 3px; color: #000000;}
#alerta-cookies .close{color: #fff; font-weight: normal; margin-right: 30px; opacity: 1; }
#alerta-cookies #closeCookies{text-decoration: none;background-color:#f5d11a;border: none;color:#000 !important;font-weight: bold;}


/*--------------- FOOTER ----------------------*/
#footer { background-color: #ffffff; color: #5099c7; font-size: 12px; padding-bottom: 10px; padding-top: 10px; }
#footer p { margin-top: 0; font-size: 11px; margin-bottom: 0; }
#footer .interior p { margin-top: 40px; line-height: 1; }
#footer a { color: #fff; opacity: 0.7; }

/*--------------- HOME ----------------------*/
#principal { width: auto; position: relative;}
#principal h2 { /*margin-top: 40%;*/ color: #ffffff; font-family: 'ubuntubold', sans-serif; font-size: 40px; line-height: 1; letter-spacing: -1px; }
#principal h2 span { text-transform: uppercase; }
#principal button { font-size: 18px; color: #303880;  }
#principal a span { float: left; /*margin-top: 10px;*/ }
#principal .logos a img { float: left; }
#principal .botones { margin-top: 38%; }
#principal #footer { margin-top: 15%; }
#principal .participa { color: #ffffff; font-family: 'ubuntulight', sans-serif; font-size: 30px; line-height: 1; letter-spacing: -1px; }
#principal .participa span { border-bottom: solid 1px #ffffff; }
.calloutDown2 { border-left: 10px dotted transparent;border-right: 10px dotted transparent;border-top: 10px solid #ffffff;height: 0;left: 280px;position: relative;top: -8px;
    width: 0;z-index: 10;
}
#principal .logos { margin-top: 10%; margin-bottom: 30px; }
#principal .enlaces a:hover { opacity:0.9; -webkit-opacity:0.9; -moz-opacity:0.9; }
#principal .enlaces a:hover > img { opacity:0.9; -webkit-opacity:0.9; -moz-opacity:0.9; }

/*#home { background: url('../img/nuevos/fondo-home.jpg') 0 0 no-repeat; background-size: 100%; min-height: 100%; }*/

/*--------------- PRESENTACION ----------------------*/
#presentacion { background: url('../img/comunes/fondo_presentacion.jpg') 0 0 no-repeat;  padding-top: 90px;}
#presentacion .cont-izq { margin-top: 25px; }
#presentacion h1 { color: #ffffff; font-family: 'ubuntubolditalic', sans-serif; font-size: 48px; margin-bottom: 30px; line-height: 1; }
#presentacion ul { /*list-style-image: url("../img/comunes/tick_lista.png");*/ margin-left: 4px; }
#presentacion ul li { color: #ffffff; font-size: 34px; font-family: 'ubuntumedium', sans-serif; margin-bottom: 20px; }
#presentacion ul li p { line-height: 1; margin-bottom: 25px; }
#presentacion ul li .fa { color: #95d9ff; }
#presentacion .cont-drcha { margin-top: 100px; }
#presentacion .cont-drcha-particular { margin-top: 151px; }
#presentacion a { font-size: 35px; color: #303880; /*padding: 10px 30px 10px 30px;*/ margin-top: 30px; font-family: 'ubuntubold', sans-serif; }

/*--------------- PREGUNTAS ----------------------*/
#preguntas{ background-color: #ffffff;  padding-bottom: 50px; min-height: 400px; }
#preguntas .num-pregunta { background-color: #0099df; font-size: 45px; color: #ffffff; font-family: 'ubuntubold', sans-serif; border-radius: 100px; width: 80px; height: 80px;
    text-align: center; padding: 7px; margin: 0 auto; }
#preguntas .pregunta { margin-top: 38px; margin-left: 10px; }
#preguntas .pregunta img { margin-left: 10px; vertical-align: middle; }
#preguntas .pregunta p{ font-family: 'ubuntubolditalic', sans-serif; font-size: 36px; line-height: 40px; margin-bottom: 30px; }
#preguntas .respuestas { font-family: 'ubuntulight', sans-serif; font-size: 20px; margin-left: 10px; line-height: 27px; }
#preguntas .respuestas label { display: inline; }
#preguntas #cuestionario{ min-height: 400px; margin-top: 120px; }


#preguntas .segimiento_inferior { margin-top: 50px; }
#preguntas .segimiento_inferior .n_preg { font-family: 'ubuntulightitalic', sans-serif; color: #0099df; font-size: 20px; }
#preguntas .segimiento_inferior .n_preg span { font-family: 'ubuntubolditalic', sans-serif; color: #303880; }
#preguntas .segimiento_inferior .bar { height: 100%; float:left; background-color: #0099df; }
#preguntas .segimiento_inferior .bocadillo { margin-bottom: 10px; }
#preguntas .segimiento_inferior .bocadillo .porcentaje:before{ border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 8px solid #e5e5e5; content: "";
    position: absolute; top: 29px; left: 31px; }
#preguntas .segimiento_inferior .bocadillo .porcentaje { background-color: #e5e5e5; width: 8%; color: #303880; font-family: 'ubuntubolditalic', sans-serif; font-size: 20px; position: relative; }

#preguntas #tiempo-restante { /*width: 20%;*/ border-radius: 10px; margin: 0 auto; margin-bottom: 10px; }
#preguntas #tiempo-restante #cronometro{ font-family: 'ubuntubolditalic', sans-serif; font-size: 24px; color: #cf2300; }


/*--------------- FORMULARIO RESULTADOS ----------------------*/
#formulario { background-color: #ffffff; border-top: solid 5px #ffffff; border-bottom: solid 5px #ffffff; padding-bottom: 55px; }
#formulario #titular p { font-family: 'ubuntulightitalic', sans-serif; font-size: 24px; line-height: 25px; }
#formulario #titular { margin-top: 140px; }
#formulario #titular p span { font-family: 'ubuntubolditalic', sans-serif; }
#formulario .terminos { font-size: 14px; font-family: 'ubuntulight', sans-serif; }
#formulario label { font-size: 16px; }

#formulario .btn-yellow { font-family: 'ubuntubold', sans-serif; font-size: 28px; color: #303880; padding: 10px 30px 10px 30px;  }


/*------------------ RESULTADOS ----------------------*/
#resultados #titular { margin-top: 110px; }
#resultados #titular p{ font-family: 'ubuntubolditalic', sans-serif; font-size: 42px;  }
#resultados #titular p span{ color: #00a3ed; }
#resultados .pregunta{ background-color: #e5e7eb; padding: 2px; margin-bottom: 1px; }
#resultados .pregunta p { font-size: 22px; font-family: 'ubuntubolditalic', sans-serif; margin-left: 20px; margin-top: 10px; }
#resultados .respuesta-ko { background-color: #ffcec4; padding: 2px; margin-bottom: 10px; }
#resultados .respuesta-ok { background-color: #ddf7c4; padding: 2px; margin-bottom: 10px; }
#resultados .respuesta-ko p { font-size: 22px; font-family: 'ubunturegular', sans-serif; margin-left: 20px; margin-top: 10px; max-width: 90%; }
#resultados .respuesta-ok p { font-size: 22px; font-family: 'ubunturegular', sans-serif; margin-left: 20px; margin-top: 10px; max-width: 90%; }
#resultados .respuesta-ko img { margin-right: 10px; margin-top: 10px; }
#resultados .respuesta-ok img { margin-right: 10px; margin-top: 10px; }
#resultados a { font-size: 35px; color: #303880; padding: 10px 30px 10px 30px; margin-top: 30px; margin-bottom: 30px; font-family: 'ubuntubold', sans-serif; }


/*------------------ GRACIAS ----------------------*/
#gracias { background: url('../img/comunes/fondo_presentacion.jpg') 0 0 no-repeat; }
#gracias h1{ font-family: 'ubuntubolditalic', sans-serif; font-size: 50px; color: #ffffff; line-height: 1; }
#gracias .h1{ margin-top: 55px; }
#gracias .texto-1{ font-family: 'ubuntubold', sans-serif; font-size: 38px;  color: #ffffff; line-height: 1; letter-spacing: -1px; }
#gracias .texto-1 span { color: #333c95; }
#gracias .texto-2{ font-family: 'ubuntubolditalic', sans-serif; font-size: 28px;  color: #ffffff; line-height: 1; margin-bottom: 30px; }
#gracias .cont-izq{ margin-top: 10px; }
#gracias .cont-drcha{ margin-top: 50px; }
#gracias .redes-gracias li { /*margin-right: 30px;*/ }
#gracias .redes-gracias li a { text-decoration: none; }
#gracias .redes-gracias li a:hover { opacity: 0.8; }
#gracias .redes-gracias li a p:hover { /*color: #cccccc;*/ }
#gracias .redes-gracias li a p { font-family: 'ubuntubold', sans-serif; font-size: 18px;  color: #ffffff; }


/*------------------ RANKING ----------------------*/
#ranking #titular { margin-top: 150px; margin-left: 40px; }
#ranking #titular p{ font-family: 'ubuntubolditalic', sans-serif; font-size: 42px;  }
#ranking #titular p span{ color: #00a3ed; }
#ranking .table-striped{ overflow: scroll; }
#ranking .table-striped .titular-tabla { background-color: #0099df; color: #ffffff; font-family: 'ubuntubold', sans-serif; font-size: 22px; }
#ranking .nombre { font-family: 'ubuntumedium', sans-serif; font-size: 30px; }
#ranking .puntos { font-family: 'ubuntumedium', sans-serif; font-size: 48px; }
.table-striped > tbody > tr:nth-child(2n+1){ background-color: #f0f3f8; }
.table-striped > tbody > tr { background-color: #e5e7eb; border-bottom: solid 3px #ffffff; }
#ranking table { margin-bottom: 50px; }


/* COOKIES */
#alerta-cookies {background: #E5E7EB; position: fixed;z-index: 20;margin: 0 0 20px;bottom: 0;right:25px; width: 500px; max-width: 90%; padding: 15px;}
#alerta-cookies h2 {margin-top: 0;color: #000000; line-height: 1; letter-spacing: normal;}
#alerta-cookies p {font-size: 12px;color: #000; line-height: 1;}
#alerta-cookies .close{color: #fff; font-weight: normal; margin-right: 30px; opacity: 1; }



@media (max-width: 1750px){
    /*#principal a { font-size: 25px; color: #303880; padding: 10px 20px 10px 20px; margin-top: 23%; }*/
    #principal { background-position: center top; background-size: 100% 100%; }
    #principal .botones { margin-top: 32%; }
}


@media (max-width: 1465px){
    /*#principal a { font-size: 25px; color: #303880; padding: 10px 20px 10px 20px; margin-top: 23%; }*/
    #principal .botones { margin-top: 25.5%; margin-bottom: 18%; }
}

@media (max-width: 1265px){
    /*#principal a { font-size: 20px; color: #303880; padding: 10px 10px 10px 10px; margin-top: 23%; }*/
    #principal .botones { margin-top: 25%; }
    #footer .interior p { margin-top: 30px; }
}

/****************
* Tablet
*****************/
/*@media (max-width: 1024px) and (max-height: 666px){
    #principal a { font-size: 25px; color: #303880; padding: 10px 30px 10px 30px; margin-top: 34%; }
}*/

.btn:hover, .btn:focus, .btn.focus{
    -webkit-box-shadow: -1px 3px 12px 0px rgba(255,255,255,1);
    -moz-box-shadow: -1px 3px 12px 0px rgba(255,255,255,1);
    box-shadow: -1px 3px 12px 0px rgba(255,255,255,1);
    opacity: 0.9;
}
.respuestas .form-group:hover{
    background-color: #e2e3e471;
    cursor:pointer;
    font-size: 16px;
    font-weight: 400;
}
.respuestas .form-group{
   
    cursor:pointer;
    font-size: 16px;
    font-weight: 400;
}

@media (max-width: 1024px) {

    .calloutDown2 { left: 230px; }

    #principal { background-position: center top; background-size: 208% 100%; }
    #principal .botones { margin-top: 29%; }
    #principal button { font-size: 12px; }
    #principal h2 { font-size: 25px; }
    #principal a span {  }

    #presentacion h1 { font-size: 35px; }
    #presentacion ul li { font-size: 24px; }
    #presentacion ul { /* list-style-image */ }
    #presentacion .cont-izq { margin-top: 10px; }
    #presentacion .cont-drcha { margin-top: 80px; }
    #presentacion .cont-izq img { /*width: 55%;*/ }
    #presentacion .cont-drcha img { width: 74%; }
    #presentacion a { font-size: 30px; margin-top: 1px; }


    #header .logo_ecec { width: 20%; margin-top: 5px; margin-bottom: 5px; }
    #header { height: inherit; }

    #preguntas .segimiento_inferior .bocadillo { padding-left: 10px; }
    #preguntas .segimiento_inferior .bocadillo .porcentaje:before{ top: 28px; left: 15px; }
    #preguntas .pregunta p{ font-family: 'ubuntubolditalic', sans-serif; font-size: 20px; line-height: 20px; margin-top: 10px; margin-bottom: inherit; }
    #preguntas .respuestas { font-size: 15px; margin-bottom: 0; line-height: 20px;  }
    #preguntas .respuestas .form-group { margin-bottom: 10px; }
    #preguntas{ padding-bottom: 10px; }
    #preguntas #tiempo-restante { margin-bottom: 0; }
    #preguntas #cuestionario{ min-height: 455px; }

    #formulario #titular { margin-top: 140px; }
    #formulario #titular p { font-family: 'ubuntulightitalic', sans-serif; font-size: 24px; }

    #resultados #titular { margin-top: 135px; }
    #resultados .resultados-user { max-height: 225px; overflow: scroll; }
    #resultados .pregunta { padding: 1px; }
    #resultados .respuesta-ko { padding: 1px; }
    #resultados a { margin-top: 8px; margin-bottom: 8px; }

    #gracias h1 { font-size: 40px; margin-top: 25px; }
    #gracias .texto-1 { font-size: 28px; }
    #gracias .cont-izq img { width: 94%; }
    #gracias .cont-drcha { margin-top: 20px; }
    #gracias .cont-drcha img { width: 77.2%; }

    #ranking .tabla-resultados { max-height: 225px; overflow: scroll; margin-top: 30px; margin-bottom: 57px; }

}


@media (min-width: 991px) {

    .calloutDown2 { left: 170px; }

    #principal { /*background: url('../img/nuevos/fondo-home-total.jpg') center top no-repeat;*/ /*background-size: 190% 75%;*/ }
    #principal .botones { margin-top: 40%; }
    #principal .logos { /*margin-top: 20%;*/ }

    #presentacion .cont-izq img { width: 100%; }
    #presentacion .cont-drcha img { width: 100%; }
    #presentacion .cont-drcha { margin-top: 34.5%; }

    #preguntas .segimiento_inferior .bocadillo { padding-left: 10px; }
    #preguntas .segimiento_inferior .bocadillo .porcentaje:before{ top: 28px; left: 10px !important; }
    #preguntas .pregunta { margin-top: 60px; }
    #preguntas .pregunta p{ font-family: 'ubuntubolditalic', sans-serif;  }
    #preguntas .respuestas { font-size: 15px; }
    #preguntas #tiempo-restante { margin-bottom: 0; }
    #preguntas #tiempo-restante #cronometro { font-size: 15px; }
    #preguntas #cuestionario{ min-height: inherit; }
    #preguntas .segimiento_inferior .bocadillo .porcentaje:before{ top: 28px; left: 28px; }

    #formulario { min-height: 800px; }
    #formulario #titular { font-family: 'ubuntulightitalic', sans-serif; font-size: 24px; margin-top: 170px; }

    #resultados .resultados-user { max-height: 480px; overflow: scroll; }
    #resultados #titular { margin-top: 175px; }
    #resultados #titular p{ font-family: 'ubuntubolditalic', sans-serif; font-size: 32px;  }
    #resultados a { margin-top: 10px; margin-bottom: 10px; }

    #gracias h1 { font-size: 30px; margin-top: 20px; }
    #gracias .h1 { padding-right: 0; margin-bottom: 50px; }
    #gracias .texto { margin-top: 30px; }
    #gracias .texto .texto-1 { font-size: 26px; }
    #gracias .cont-izq { margin-top: 5%; }
    #gracias .cont-izq img { width: 100%; }
    #gracias .cont-drcha { margin-top: 40.5%; }
    #gracias .cont-drcha img { width: 100%; }

    #ranking #titular { margin-top: 180px; margin-left: 40px; }
    #ranking #titular p{ font-family: 'ubuntubolditalic', sans-serif; font-size: 32px; }

    #footer .interior p { margin-top: 0; }
    .hiden-web{
        display: none;
    }
    .btn-home span{
        font-size: 20px !important;
       }
}

/****************
* Mobile
*****************/
@media (max-width: 767px){

    .calloutDown2 { left: 150px; }

    #footer { padding-top: 10px; }
    #footer .interior p { margin-top: 15px; }

    #principal { padding-top: 10px; background-position: center top; background-size: 495% 100%; }
    #principal .col-sm-6 { padding-left: 15px !important; padding-right: 15px !important; }
    #principal .botones { margin-top: 50%; }
    #principal h2 { font-size: 30px; }
    #principal button { font-size: 10px; margin-bottom: 5px; }
    #principal a span { margin-top: 5px; }
    #principal .logos .list-inline > li { display: inline; }
    #principal .logos a { float: none !important; }

    #presentacion { padding-bottom: 50px; }
    #presentacion a { margin-top: 20px; padding: 0; }
    #presentacion h1 { line-height: 1; font-size: 27px; }
    #presentacion .btn-yellow { font-size: 17px; margin-top: 20px; padding: 10px 30px 10px 30px; }

    #header { min-height: 90px; }
    #cuestionario .numeracion { display: none; }
    #cuestionario .num-pregunta { margin-top: 30px; }
    #header .logo_ecec { width: 40%; }

    #gracias { padding-bottom: 50px; }
    #gracias h1 { text-align: center; margin-top: 10px; }
    #gracias .h1 { margin-bottom: 10px; margin-top: 0; }
    #gracias .texto { margin-top: 10px; }
    #gracias .texto-1 span { padding-top: 10px; }

    #cuestionario .num-pregunta{margin-top: -50px; height: 60px  !important;width: 60px !important;line-height: 50px !important;margin-left: auto !important;font-size: 35px  !important;    }
    #preguntas .pregunta p { margin-bottom: 10px; }
    #preguntas .segimiento_inferior .bocadillo .porcentaje { width: 15%; }
    #preguntas .segimiento_inferior .n_preg { font-size: 17px; }
    #preguntas .respuestas label:hover { background-color: #0099DF; }
    #preguntas .sombreado { background-color: #0099DF; }
    .progress { margin: 0 auto; max-width: 95%; }


    #formulario .btn-yellow { font-size: 17px; }
    #formulario #titular { margin-top: 110px; margin-bottom: 5px; }
    #formulario #titular p { margin: 0 auto; max-width: 90%; font-size: 17px; line-height: 1; }
    #formulario { min-height: inherit; }
    .alert-danger { max-width: 90%; margin: 0 auto; }

    #resultados #titular { margin-top: 120px; }
    #resultados #titular p { font-size: 25px; line-height: 1; max-width: 90%; }
    #resultados a { font-size: 17px; }
    .btn-home span{
        font-size: 16px !important;
       }

}

@media (max-width: 500px){
    .img-banner{
    margin-top: 40px  !important;
   
    }
    .p-50-mov{
        padding: 0 50px;
    }
    .marcas-img img {
        width: 100%;
        border: 1px solid #ccc;
        margin: 3px;
    }
    .result-modal img {
        height: 200px !important;
    }
    .btn-home {
        left: 25%  !important;
    }
    .btn-home span{
     font-size: 16px !important;
    }
    .marcas-img{
        margin: 10px !important;
    }
    #presentacion .cont-izq img {
        width: 60% !important;
    }
    #header-other .logo {
        position: absolute;
        top: 20px;
        padding-left: 20px;
        height: 40px;
    }
    #header-other {
        background: #13b7fe;
        height: 70px;
        position: absolute;
        width: 100%;
        padding: 15px 0;
        z-index: 10;
    }
    #header .logo_ecec {
        width: 60%  !important;
    }
    #header {
        background: #13b7fe;
        min-height: 70px !IMPORTANT;
        position: absolute;
        width: 100%;
        z-index: 10;
        padding:  0 10px  !important;
    }
    #header .logo_ecec img{
        height: 35px;
    }
    #header-other .logo_ecec {
        margin-top: 0px  !important; 
    }
    .result-modal{
        position: fixed;
        width: 98%  !important;
        min-width: 320px;
        border: 1px solid #ccc;
        z-index: 100;
        background-color: white;
        top: 80px !important;
        left: 1% !important;
        text-align: center;
        padding: 15px;
        border-radius: 10px;
    }
    .hiden-mov{
        display: none;
    }
    .img-redes-s img {
        height: 35px  !important;
    }
    .h-50-m{
        height: 50px;
    }
    .h-35-m{
        height: 35px;
    }
    #cuestionario img{
     height: 150px;
     padding: 10px;
    }
    #preguntas #cuestionario {
        margin-top: 80px;
    }
    #cuestionario .pregunta{
        margin-top: 10px !important;
    }

    #cuestionario .pregunta-title{
        text-align: center;
        color: #13b7fe;
        padding: 30px 0 !important;
    }
    .p-l-7 {
     padding: 15px  !important;
    }
    .p-r-7 {
        padding: 15px  !important;
       }
       .terminos-text{
           max-width: 90%  !important;
       }
   
}
.radio-hover:hover{
   
    border-radius: 50px;
    height: 30px;
    padding-top: 5px;
    text-align: center;
    cursor: pointer;
}
.radio-hover{
   
    border-radius: 50px;
    height: 30px;
    padding-top: 5px;
   text-align: center;
   cursor: pointer;
}
a:hover{
    text-decoration: none;
}

/****************
* New version
*****************/

#cuestionario .num-pregunta{
    height: 100px;
    width: 100px;
    line-height: 90px;
}
#cuestionario .pregunta-title{
   
    color: #13b7fe;
}







#pre-footer{
    background-color:#f3f4fa ;
    height: 180px;
}
#footer{
    background-color:#00aeef; 
    color: #fff;
}
.center-icon-footer{
    padding: 50px 0;
}
 .redes-icon{
    padding: 20px 10px  !important;
}
.redes-icon a{
    margin: 3px;
    cursor: pointer;
    text-transform: none;
    text-decoration: none;
}
.img-redes-s img{
height: 45px;
}
.redes-icon a:hover{
    opacity: 0.8;
    text-transform: none;
    text-decoration: none;
}
.btn-home{
    position: absolute;
    left: 40%;
    bottom: 11%;
}
.centrar-btn{
    position: relative;
    
    margin-left: auto;
    margin-right: auto; 
    min-height: 680px;
}
.img-banner{
width: 100%;
margin-top: 31px;
}
.h2{
    padding: 50px 0;
    margin: 0 !important;
}
.grey h3 { font-family: 'ubuntubold',sans-serif;  font-size: 40px}
.grey{background: #fafafd; padding: 60px 0;}
.grey p {font-size: 20px; font-family: 'ubunturegular',sans-serif; }
.grey strong {font-family: 'ubuntubold',sans-serif; }
.grey .blue{color: #00acec; }

.marcas-img { margin-bottom: 70px;}
.marcas-img h2 {
    font-family: 'ubuntubold',sans-serif;
    font-size: 40px;
}


.marcas-img img{
  width: 100%; 
}
.marcas-img .centrar-img{  
    display: flex;
    align-items: center;
    min-height: 137px;
    justify-content: center;
  }
  .mb-50{
      margin-bottom: 50px;
  }
  .m-0{
      margin: 0  !important;
  }
  p.text-present{
      color: rgb(255, 255, 255);
      font-size: 20px;
      line-height: 18px;
      line-height: 1.6em !important;
  }

  .list-present{
    font-size: 20px;  
    color: rgb(255, 255, 255);
    line-height: 1.6em !important;
  }
  .list-present-gana{
    font-size: 20px;  
    color: #ffde00;
    line-height: 1.6em !important;
  }
  .pl-20{
      padding-left: 20px;
  }
  #presentacion a {
    font-size: 35px;
    color: #000000;
    padding: 10px 50px 10px 50px !important;
    margin-top: 0px  !important; 
    font-family: 'ubuntubold', sans-serif;
    margin-bottom: 50px;
    text-transform: uppercase;
}
.seguro-img{
    z-index: 100;
    position: absolute;
    top: -5px;
}
  
.title-label-no{
    width: 100%;
    text-align: center;
    color: black;
    font-weight: bold;
    font-size: 20px  !important;
    line-height: 35px;
}
.circle-no{
    text-align: center;
    color:#00aeef;
    font-size: 50px;
    
    border-radius: 50%;
    border: 3px solid #00aeef;
    width: 78px;
    height: 78px;
    margin: 0 auto;

}
.curso-title{
    color:#00aeef;
    text-transform: uppercase;
    font-weight: bold;
}
.title-grup{
    color:#00aeef;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Ubuntu', sans-serif !important;
}
.participa{
    font-size: 50px;
    line-height: 65px;
}
select {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
#formulario .form-group{
margin-bottom: 20px;
}
.mb-10{
    margin-bottom: 10px  !important;
}
.mt-50{
    margin-top: 50px;
}
label.text-radio{
    font-size: 13px;
    margin: 0;
}
.mlr-10{
    margin: 0 10%;
}
.p-l-7{
    padding: 0 10px 0 7%;
}
.p-r-7{
    padding: 0 7% 0 10px;
}
.input-radio{
    margin-left: 20px;
}
.input-radio span{
    margin-right: 20px;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%  !important;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #00aeef  !important;
    outline: 0;
}
.text-black{
    color: black  !important;
    text-transform: uppercase;
}
.mb-0{
    margin-bottom: 0 !important;
}
.text-blue{
    color: #00aeef  !important;
}

.terminos-text{
    font-size: 14px !important;
    font-weight: normal  !important;
}
.glyphicon-ok:before {
    content: "\e013";
    color: #00aeef  !important;
}
.result-modal{
    position: fixed;
    width: 35%;
    min-width: 320px;
    border: 1px solid #ccc;
    z-index: 100;
    background-color: white;
    top: 100px;
    left: 32%;
    text-align: center;
    padding: 15px;
    border-radius: 10px;
    -webkit-box-shadow: 10px 10px 145px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 145px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 145px 0px rgba(0,0,0,0.75);
}
.result-modal img{
    height: 300px;
}
.cerrar{
    text-align: right;
    font-size: 40px;
    line-height: 40px;
    cursor: pointer;  
}
.cerrar:hover{
    text-align: right;
    font-size: 40px;
    line-height: 40px;
    cursor: pointer;  
    color: #00aeef;
}
.inf-2{
    font-weight: bold;
    text-align: center;
    padding: 0 20px;
}
.inf-1{
    padding: 0 20px; 
}
.inf-1 span{
    font-weight: bold;
}
.dropdown-header{
    display: none !important;
}