*{
    margin:0;
    padding:0;
}
body{
    font-family: 'Roboto', sans-serif;
    /*color: #303030;*/
}

/*
p{
 font-family: "Helvetica";   
 font-size: 15px;
 line-height: 1.6em;
 color: #222;
}
*/
.clearfix{clear:both;}
a.basesLegales{text-align: right; color: #c49b0d; float: right;}

.pull-left{
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}
.pull-right{
    float: right;
    margin-left: 20px;
}
.center{
    width: 1136px;
    margin: auto;
    overflow: hidden;
}
#nav,#nav1{
    background: #fff;
    position: fixed;
    min-height: 100px;
    overflow: hidden;
    width: 100%;
    z-index: 999;
    
}
#nav ul,#nav1 ul{margin-top: 20px; margin-bottom: 20px;}
#nav ul li,#nav1 ul li{ display: inline-table; vertical-align: top; margin-left: 12px;}


#nav ul li a,#nav1 ul li a{border-radius: 4px; color: #303030; display: block; font-size: 30px; padding: 30px 15px 30px 15px; text-decoration: none; font-weight: 300;}
#nav ul li a:hover,#nav ul li a.selected,#nav1 ul li a:hover,#nav1 ul li a.selected{background: #97c121; color: #fff;}

#nav ul li:first-child,#nav ul li:first-child a,#nav ul li:first-child a.selected,#nav ul li:first-child a:hover{padding: 0px; border: 0px; margin-left: 0px; margin-right: 30px; background: none;}

#nav1 ul li:first-child,#nav1 ul li:first-child a,#nav1 ul li:first-child a.selected,#nav1 ul li:first-child a:hover{padding: 0px; border: 0px; margin-left: 0px; margin-right: 30px; background: none;}

#nav1{min-height: 70px; box-shadow: 0px 3px 3px 0px #d6d6d8; display: none;}
#nav1 ul li a{padding: 0px 25px 0px 25px;}


.section{
    margin:0px;
    /*height:4000px;*/
    width:100%;
    float:left;
    overflow: hidden;
    /*padding-top: 200px;*/

}
.section h2{
}
.section p{
}
.pink{
    color:#fff;
    background: #e6007f;
}
.white{
    color:#000;
    background:#fff;
}
.black{
    color: #fff;
    background: #1b1b1b;
}


/** SECTION 1 **/

#section1{padding-bottom: 50px; margin-top: 150px; padding-top: 20px;}
#section1{font-size: 35px; font-weight: 100;}
#section1 h2{font-weight: 100; font-size: 80px;}
#section1 h1{font-size: 190px; line-height: 1em;}

/** SECTION 2 **/
#section2{border-top:10px solid #01a7db; padding-bottom: 50px;}
#section2 h2{font-weight: 300; font-size: 50px; color: #fff; background: #01a7db; padding: 10px; text-align: center; width: 46%; margin-bottom: 80px;}

#section2 p{
 font-family: "Helvetica";   
 font-size: 15px;
 line-height: 1.6em;
 color: #222;
}

/** SECTION 3 **/
#section3{padding-bottom: 50px;}

#section3 h2{font-weight: 300; font-size: 50px; color: #303030; padding: 10px;  margin-bottom: 40px;}

.ventajas{ width: 50%;}
.ventajas ul ul {
    display: none;
}
.ventajas ul li {
    cursor: pointer;
    list-style-type: none;
    background: #01a7db;
    color: #fff;
    font-style: italic;
    font-size: 18px;
    
    margin-bottom: 20px;
}
.ventajas ul li ul li{background: #fff; color: #303030; padding: 10px; font-size: 14px; font-style: normal; line-height: normal;}
.ventajas h5{font-weight: 300; padding: 10px;}
.ventajas i{font-family:'FontAwesome'; color: #fff; font-weight: 700; margin-right: 10px;}


.izquierda_que_es{float: left; text-align: center; width: 50%; margin-top: 5%; text-align: center; font-size: 30px; font-style: italic; padding-top: 2%;}
.izquierda_que_es h1{color: #01a7db; font-size: 65px; font-weight: 800; font-style: normal;}
.izquierda_que_es h4{font-weight: 300; font-size: 40px; font-style: normal;}


.derecha_que_es{float: left; width: 45%; padding-left:3%; margin-top: 5%;}
.derecha_que_es p{
 font-family: "Helvetica";   
 font-size: 15px;
 line-height: 1.6em;
 color: #222;
}


/** SECTION 4 **/
#section4{padding-bottom: 50px;}

#section4 h2{font-weight: 300; font-size: 50px; color: #303030; padding: 10px;  margin-bottom: 40px;}


#lista-faq{
    width: 50%;
    margin-right: 3%;
    float: left;

}
#pestanas-faq{
    float: left;
    width: 40%;
    padding: 2%;
    border-radius: 4px;
    background: #e9f4f8;
    line-height: normal;
    box-shadow: 0px 1px 1px 0px #d6d6d8;
}
#pestanas-faq p{
 font-family: "Helvetica";   
 font-size: 15px;
 line-height: 1.6em;
 color: #222;
}
ul#lista-faq li{
    display: block;
    margin-bottom: 10px;
   
    list-style: none;
}

ul#lista-faq li a{
     border-radius: 4px;
    /*padding: 8px;*/
    display: block;
    text-decoration: none;
    color: #1b1b1b;
    font-weight: bold;
    font-size: 18px;
    background: #e9f4f8;
    box-shadow: 0px 1px 1px 0px #d6d6d8;

}
ul#lista-faq li a:hover,ul#lista-faq li a.selected1{color: #32b1da; box-shadow: 0px 3px 3px 0px #929699; font-weight: 700}

ul#lista-faq li a i{background:#32b1da; font-family:'FontAwesome'; color: #fff; font-size: 25px; font-weight: lighter; margin-right: 10px; padding: 8px 10px 8px 10px;  border-radius: 4px 0px 0px 4px;}


/** SECTION 5    **/
#section5{padding-top: 50px; padding-bottom: 100px; text-align: center; font-size: 36px; font-family: 'Roboto', sans-serif; font-weight: lighter;}


.videoWrapper {
    clear: both;
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    margin-bottom: 50px;
    margin-top: 50px;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.cuestionario .titulo{font-weight: 100; font-size: 65px; text-align: center; margin-bottom: 20px;}
.cuestionario p{font-size: 32px; font-weight: 100; text-align: center; line-height: 1.5em;}
.izquierda_preguntas{
    float: left;
    width: 45%;
    margin-right: 5%;
    margin-top: 5%;
}
.derecha_preguntas{
    float: left;
    width: 50%;
    margin-top: 5%; 
}

.izquierda_preguntas strong,.derecha_preguntas strong{
    display: block;
    color: #c49b0d;
    display: block;
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 20px;
    margin-top: 20px;
}
.derecha_preguntas strong.rojo{color: red}

.obligatorio{color: #c49b0d;}

.both{clear: both}

label strong{font-size: 22px;}

.derecha_preguntas label strong{color: #fff; font-weight: 500; font-size: 24px; margin-bottom: 5px;}

input[type="text"],input[type="email"],input[type="tel"]{
    font-family: 'Roboto', sans-serif;
    display: block;
    border: none;
    background: #434343;
    border-radius: 3px;
    color: #fff;
    padding: 15px 10px 15px 10px;
    width: 97%;
    font-size: 16px;
    box-shadow: inset 3px 3px 6px 0px rgba(0,0,0,0.3);
    margin-top: 5px;
}
input[type="submit"]{
    font-family: 'Roboto', sans-serif;
    border:none;
    border-radius: 4px;
    color: #fff;
    background: #c49b0d;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
    display: block;
    padding: 23px 13px 23px 13px;
    cursor: pointer;
    float: right;
}
input[type="radio"],input[type="checkbox"]{
    margin-top: 6px;
    float: left;
    width: 8%;
}
label{
    font-weight: lighter;
    color: #fff;
    font-size: 18px;
    margin-bottom: 5px;
    line-height: 1.5em;
    display: block; float: left; width: 92%;}

label.politica{
    width: 38%;
    font-size: 16px;
}

label a{color: #c49b0d}

#basic-modal-content{display:none; text-align: left; position:relative; z-index:99999;}

/* Overlay */
#simplemodal-overlay {background:#000; opacity:1; text-align: left; position:relative; z-index:99999}

/* contenido */
#simplemodal-contenido {height:285px; width:394px; color:#fff; background-color:#313131; padding:50px; border-radius: 15px; position:relative; z-index:99999}
#simplemodal-contenido h2{color: #c49b0d; font-weight: 300; font-size: 35px;}
#simplemodal-contenido h1{color: #c49b0d; font-weight: 500; font-size: 41px;}
#simplemodal-contenido a{ color: #c49b0d; text-align: right; text-decoration: none; font-weight: 700; text-transform: uppercase; float: right; font-size: 19px; margin-top: 20px;}
#simplemodal-contenido p{text-align:left; line-height: 1.5em; font-size: 25px; margin-top: 20px; font-weight: 300;}
#simplemodal-contenido p.correcto{font-size: 23px;}


#simplemodal-contenido-aviso {height:685px; width:960px; color:#fff; background-color:#313131; padding:20px;  position:relative; z-index:99999; overflow: hidden; }
#simplemodal-contenido-aviso h2{color: #c49b0d; font-weight: 300; font-size: 25px;}
#simplemodal-contenido-aviso h1{color: #c49b0d; font-weight: 500; font-size: 31px;}
#simplemodal-contenido-aviso a{ color: #c49b0d;}
#simplemodal-contenido-aviso p,#simplemodal-contenido-aviso ul,#simplemodal-contenido-aviso ol{text-align:left; line-height: 1.5em; font-size: 13px; margin-top: 20px; font-weight: 300;}

#simplemodal-contenido-aviso ul,#simplemodal-contenido-aviso ol{margin-left: 28px;}
.simplemodal-close{text-align: center; font-weight: bold; background: #000; border-radius: 100%; display: block; width: 23px; height: 23px; position: absolute; cursor: pointer; right: 0px; top: -8px; right: -3px;}


.texto-aviso{
    height: 685px;
    overflow: auto !important; 
}
        .open {
            padding:0px;
            background:#959595;
            color: #fff;
            border-radius: 4px;
            padding: 10px;
            width: 33px;
            height: 30px;
            float: right;
            z-index: 9999999999;
            display: none;
            text-align: center;
            }

#nav2{display: none;}

@media all and (max-width: 1200px) {

    .center{width: 98%; padding-left: 1%; padding-right: 1%;}

    #nav ul li a,#nav1 ul li a{font-size: 24px;}


    /** SECTION 1 **/

    /** SECTION 2 **/
    #section2 h2{width: 50%;}
    #section2 .pull-left{width: 45%; padding-bottom: 5%;}   

    /** SECTION 3 **/
    #section3 .pull-right{width: 47%;}

    /** SECTION 4 **/

    /** SECTION 5 **/
    #section5 .pull-right{ width: 35%; margin-left: 95px;}

    #section5 h1{font-size: 60px;}
    #section5 h3{font-size: 35px;}
    #section5 h5{font-size: 60px;}
}
@media all and (max-width: 992px) {
    #nav ul li a,#nav1 ul li{margin: 0px;}
    #nav ul li a,#nav1 ul li a{font-size: 17px; margin: 0px; padding-left: 10px; padding-right: 10px;}
}

@media all and (max-width: 768px) {

    #nav ul li:first-child{width: 100%; text-align: center;}
    #nav ul li a, #nav1 ul li a{font-size: 20px; padding: 10px;}


    /** SECTION 1 **/
    #section1 .pull-right{width: 40%;}
    #section1{font-size: 28px; padding-top: 250px;}
    #section1 h2{font-size: 60px;}
    #section1 h1{font-size: 100px;}


    /** SECTION 2 **/
    #section2 .pull-left{float: none; margin: auto; display: block; width: 70%; margin-bottom: 20px;}   
    #section2 h2{width: 80%; margin: auto;}

    /** SECTION 3 **/
    #section3 .pull-right{float: none; margin: auto; display: block; width: 70%; margin-bottom: 40px;}
    .ventajas{width: 100%;}

    /** SECTION 4 **/
    ul#lista-faq li a{font-size: 15px;}
    .derecha_que_es,#pestanas-faq{font-size: 14px;}

    /** SECTION 5 **/
    .izquierda_preguntas,.derecha_preguntas{width: 100%;}
    #section5 .pull-right{float: none; margin: auto; display: block; width: 40%;}

    #section5 h1{font-size: 60px; text-align: center;}
    #section5 h3{font-size: 35px; text-align: center; }
    #section5 h5{font-size: 60px; text-align: center;}



}

@media all and (max-width: 680px) {
    #nav ul li,#nav1 ul li{margin-left: 8px;}

    #nav ul li a, #nav1 ul li a{font-size: 18px; padding: 10px;}
    #nav1 ul li:first-child{width: 0px; padding: 0px; margin: 0px;}

    /** SECTION 1 **/

    /** SECTION 2 **/
    #section2 h2{font-size: 40px;}

    /** SECTION 3 **/
    #section3 h2{font-size: 40px;}

    /** SECTION 4 **/
    #section4 h2{font-size: 40px;}
    ul#lista-faq{width: 100%; float: none;}
    #pestanas-faq{width: 96%; float: none; margin: auto;}

    /** SECTION 5 **/


}

@media all and (max-width: 580px) {

    /** SECTION 1 **/
    .open{display: block;}

    #nav,#nav1{display: none;}

    #nav2{display: block;}
    #nav2 ul{margin:2%; width: 96%;}
    #nav2 ul li{ display: inline-table; vertical-align: top; width: 49%;}



    #section1{text-align: center; padding-top: 10px;}
    #section1 .pull-right{display: none;}
    

    /** SECTION 2 **/
    #section2 h2{font-size: 30px; width: 95%;}
    #section2 .pull-left{width: 100%; margin-bottom: 10px;}

    /** SECTION 3 **/
    #section3 h2{font-size: 30px;}
    .izquierda_que_es,.derecha_que_es{width: 96%; float: none;}

    /** SECTION 4 **/
    #section4 h2{font-size: 28px;}

    /** SECTION 5 **/

    #section5 h1{font-size: 50px;}
    #section5 h3{font-size: 25px; }
    #section5 h5{font-size: 50px;}

    .cuestionario .titulo{font-size: 45px}
    .cuestionario p{font-size: 26px;}


    input[type="text"],input[type="email"],input[type="tel"]{width: 94%; margin: auto;}
    label.politica{width: 98%; float: none; display: block;}
    input[type="submit"]{float: none; margin: auto; margin-top: 20px;}


}



.sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:260px;overflow-x:none;overflow-y:auto;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:15px;background:#f8f8f8;color:#333;-webkit-box-shadow:inset 0 0 5px 5px #ebebeb;-moz-box-shadow:inset 0 0 5px 5px #ebebeb;box-shadow:inset 0 0 5px 5px #ebebeb}.sidr .sidr-inner{padding:0 0 15px}.sidr .sidr-inner>p{margin-left:15px;margin-right:15px}.sidr.right{left:auto;right:-260px}.sidr.left{left:-260px;right:auto}.sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6{font-size:11px;font-weight:normal;padding:0 15px;margin:0 0 5px;color:#333;line-height:24px;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dfdfdf));background-image:-webkit-linear-gradient(#ffffff,#dfdfdf);background-image:-moz-linear-gradient(#ffffff,#dfdfdf);background-image:-o-linear-gradient(#ffffff,#dfdfdf);background-image:linear-gradient(#ffffff,#dfdfdf);-webkit-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);box-shadow:0 5px 5px 3px rgba(0,0,0,0.2)}.sidr p{font-size:13px;margin:0 0 12px}.sidr p a{color:rgba(51,51,51,0.9)}.sidr>p{margin-left:15px;margin-right:15px}.sidr ul{display:block;margin:0 0 15px;padding:0;border-top:1px solid #dfdfdf;border-bottom:1px solid #fff}.sidr ul li{display:block;margin:0;line-height:48px;border-top:1px solid #fff;border-bottom:1px solid #dfdfdf}.sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active{border-top:none;line-height:49px}.sidr ul li:hover>a,.sidr ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #ebebeb;-moz-box-shadow:inset 0 0 15px 3px #ebebeb;box-shadow:inset 0 0 15px 3px #ebebeb}.sidr ul li a,.sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#333}.sidr ul li ul{border-bottom:none;margin:0}.sidr ul li ul li{line-height:40px;font-size:13px}.sidr ul li ul li:last-child{border-bottom:none}.sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{border-top:none;line-height:41px}.sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #ebebeb;-moz-box-shadow:inset 0 0 15px 3px #ebebeb;box-shadow:inset 0 0 15px 3px #ebebeb}.sidr ul li ul li a,.sidr ul li ul li span{color:rgba(51,51,51,0.8);padding-left:30px}.sidr form{margin:0 15px}.sidr label{font-size:13px}.sidr input[type="text"],.sidr input[type="password"],.sidr input[type="date"],.sidr input[type="datetime"],.sidr input[type="email"],.sidr input[type="number"],.sidr input[type="search"],.sidr input[type="tel"],.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,.sidr select{width:100%;font-size:13px;padding:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:none;background:rgba(0,0,0,0.1);color:rgba(51,51,51,0.6);display:block;clear:both}.sidr input[type=checkbox]{width:auto;display:inline;clear:none}.sidr input[type=button],.sidr input[type=submit]{color:#f8f8f8;background:#333}.sidr input[type=button]:hover,.sidr input[type=submit]:hover{background:rgba(51,51,51,0.9)}


.ganador{
    text-align: center;
}
.video-js{margin: 40px auto;}


.vjs-default-skin .vjs-play-control {background: red;}