/* centrar NARVBAR */
.container{
    padding:0 ;
}
@media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }
}

body{
    background: #000 ;
}
.navbar-default{
    background: #000 ;
    color:#FFF;
    border:  0;
    margin-top: 1em;
}
.navbar-default .navbar-nav>li>a{
    color: #FFF;
}
.page-header{
    border:0;
    margin:  4em 0;
}
.azul{
    color:#2774C5;
}
.verde{
    color:#AED11E;
}
.naranja{
    color:#F84000;
}
.grid_cont{
    background: #FFF;
    padding: 2.5em 1em;
}
.grid{
    min-height: 6em;
}
.grid>h3{
    min-height: 2em;
}
.grid>span{
    display: block;
    min-height: 6em;
}
.grid >img{
    height: 120px;
    width: auto;
}
.row > .grid{
    margin: 1.5em 0;
}
.btn.azul{
    background: #2C75D0;
    color: #FFF;
}
.btn.naranja{
    background: #FF4600;
    color: #FFF;
}
.btn.negro{
    background: #434343;
    color: #FFF;
}
.grid > .btn{
    border-radius: 0;
    padding: 1em 1.2em;
    border: 0;
}
.header_top{
    width: 80%;
    margin: 0 auto;
}
.header_top .banner{
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}
.header_top .banner h4{
    margin: 0;
}
.header_top .banner  .btn{
    border:  0;
    border-radius: 0;
    padding: 1.2em 1em ;
    text-align: left;
}
.header_top .banner  .btn > div{
    width: 80%;
    display: inline-block;
    vertical-align: middle
}
.header_top .banner  .btn > div >span{
    font-size: .8em;
}
.header_top .banner  .btn > span{
    font-size: 3.5em;
    vertical-align: middle
}
.header_top .banner  img,
.header_top .banner  .btn{
    width: 95%;
    display: block;
    margin: 0 auto ;
}
.header_top > .row.banner > div:last-child > * {
    margin: 0;
    float: right;
}
.header_top > .row.banner > div:first-child > * {
    margin: 0;
    float: left;
}
footer{
    background: #EBEBEB;
    padding: 1em;
}
footer .btn {
    border: 0;
    border-radius: 0;
}
footer div a span{
    margin: 0em;
}
footer div span{
    margin-right: 1em;
}
footer div.row{
    padding-top: 1em;
    padding-bottom: 1em;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
    color: #a2a2a2;
}

.row{
    margin: 0;
}
.banner div{
    padding: 0em;
}
.header_top .banner  img, .header_top .banner .btn{
    width: 100%;
}

.form-group input[type="radio"]{ margin-left: 1em; margin-right: .5em; }


/*Autores*/
#autor{ background: #fff !important; padding-bottom: 2em; }
#autor h1{ color: #2774C5; font-weight: bolder; border-bottom: 2px solid skyblue; padding-bottom: .3em; }
#autor .pdl1em{ padding-left: 1em; }
#autor .pd1em{ padding: 1em; }
#autor .style1 {font-weight: bold}
#autor .style3 {font-size: 12px}
#autor .style4 {color: #333333; font-weight: normal; line-height: 17px; font-family: Geneva, Arial, Helvetica, san-serif;}
#autor .style6 {font-style: normal; font-weight: normal; color: #000099; text-decoration: none; text-align: justify; font-family: Arial, Helvetica, sans-serif;}
#autor .style7 {text-align: justify; line-height: 20px; color: #FF8000; font-weight: bold; font-family: Geneva, Arial, Helvetica, san-serif;}
#autor .style8 {line-height: 17px; font-family: Geneva, Arial, Helvetica, san-serif; color: #333333;}
#autor .style9 {font-size: 14px}

#faqs{ background: #fff !important;  font-family: Helvetica, Arial, Verdana, sans-serif; padding-bottom: 2em; }
#faqs h1{ color: #2774C5; font-weight: bolder; border-bottom: 2px solid skyblue; padding-bottom: .3em; }
#faqs .pdl1em{ padding-left: 1em; }
#faqs .pd1em{ padding: 1em; }
#faqs .faq p{ padding-right: 1.5em; }
#faqs .texto_01 { font-size: 11px; color: #666666; text-decoration: none; }
#faqs .texto_01 a:hover { font-size: 11px; color: #003333; text-decoration: none; }
#faqs .texto_01 a { font-size: 11px; color: #666666; text-decoration: none; }
#faqs .texto_02 { font-size: 13px; font-weight: bold; color: #FFFFFF; text-decoration: none; }
#faqs .texto_02 a:hover { font-size: 13px; font-weight: bold; color: #e3fd08; text-decoration: none; }
#faqs .texto_02 a { font-size: 13px; font-weight: bold; color: #FFFFFF; text-decoration: none; }
#faqs .texto_01Gris { font-size: 11px; color: #909090; }
#faqs .texto_12Gris { font-size: 12px; color: #5B5B5B; line-height: 20px; }
#faqs .texto_12Blanco { font-size: 12px; color: #FFFFFF; line-height: 20px;}
#faqs .texto_14Amarillo { font-size: 15px; color: #FFFF00; line-height: 20px; font-weight: bold;}
#faqs .texto_13Gris { font-size: 13px; color: #5B5B5B; line-height: 20px; }
#faqs .texto_01Rojo { font-size: 11px; color: #FF3300; }
#faqs .texto_RojoGrande { font-size: 16px; color: #f26e22;}
#faqs .texto_12Rojo { font-size: 12px; color: #FF3300; line-height: 20px; }
#faqs .texto_01Obscuro { font-size: 11px; color: #333333; }
#faqs .texto_14faq { font-weight: bolder; font-size: 13px; color: #71bd00; line-height: 20px; font-weight: bold;}

#requerimientos { background: #fff !important; min-height: 50vh; padding-bottom: 2em; }

#terminos, #testimonio, #impresas, #contacto, #terminosCondiciones, #registro { background: #fff !important; padding-bottom: 2em; }
#testimonio img{ widows: 100%; }
#terminos .term{ padding-right: 2em; }
.row aside, .row article{
    margin-top: 1em;
}

.texto_01Gris { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #909090; }
.texto_12Gris { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #5B5B5B; line-height: 20px; }
.texto_12Blanco {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 20px;
}
.texto_14Amarillo {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #FFFF00;
    line-height: 20px;
    font-weight: bold;
}
.texto_13Gris { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #5B5B5B; line-height: 20px; }
.texto_01Rojo { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FF3300; }
.texto_RojoGrande {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #f26e22;
}
.texto_12Rojo { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FF3300; line-height: 20px; }
.texto_01Obscuro { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; }
.texto_14faq { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #71bd00; line-height: 20px; font-weight: bold;}

#terminosCondiciones b{ text-transform: uppercase; font-weight: bolder; }
#terminosCondiciones .titulo{ color:#006699; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-top:17px; }
#terminosCondiciones .opciones{ color:#006699; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding-bottom:7px; padding-top:14px; font-weight:bold }
#terminosCondiciones .opciones_1{ color: rgba(0,0,0,0.8); font-family:Arial, Helvetica, sans-serif; font-size:13px; padding-bottom:17px; padding-left:10px; }
#terminosCondiciones .btn_checked{ color: rgba(0,0,0,0.8); font-family:Arial, Helvetica, sans-serif; font-size:13px; margin-bottom:10px; }
#terminosCondiciones .opciones_2 td{ color:#669999; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-bottom:2px; padding-left:20px;font-weight:bold }
#terminosCondiciones .nota{ color:#FF9900; font-family:Arial, Helvetica, sans-serif; font-size:10px;padding-left:20px }
#terminosCondiciones .elemento_opc{ color: rgba(0,0,0,0.6); font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; }

.queContiene{ margin-top: 15em; }

@media (max-width: 1000px){
    .queContiene{ margin-top: 0em; }
}
@media (max-width: 768px) {
    .logotipo img{ width: 90%; }
    .header_top .banner  .btn > div{
        width: 85%;
        display: inline-block;
        vertical-align: middle
    }
    .header_top .banner  .btn > span{
        font-size: 3.5em;
        vertical-align: middle
    }
    .header_top .banner  img,
    .header_top .banner  .btn{
        width: 100%;
    }
    .header_top > .row.banner > div{
        padding-top: 1.2em;
        padding-bottom: 1.2em;
    }
    .header_top > .row.banner > div:last-child > * {
        margin: 0;
        float: none;
    }
    .header_top > .row.banner > div:first-child > * {
        margin: 0;
        float: none;
    }
    .header_top{
        width: 100%;
    }
    .grid{
        min-height: auto;
    }
    .grid>h3{
        min-height: auto;
    }
    .grid>span{
        display: block;
        min-height: auto;
    }
    .grid >img{
        width: 100%;
        height: auto;
    }
}