@charset "utf-8";
#header_cont {
    position:fixed;
    width:100%;
    background-color:#fff0;
    z-index:1000
}
header {
    margin:0 auto;
    width:100%;
    max-width:1170px;
    height:70px;
    line-height:70px;
    text-align:center;
    background-color:#fff0
}
.acceso_envivo {
    margin:0 auto;
    width:100%;
    max-width:1170px;
    text-align:right;
    padding-bottom:2px;
    padding-right:5px
}
.acceso_envivo a:link,.acceso_envivo a:visited {
    background-color:#D1E173;
    color:#000;
    padding:2px 6px;
    text-decoration:none;
    border-radius:3px;
    font-weight:700;
    font-size:85%;
    transition:2s
}
.acceso_envivo a:hover,.acceso_envivo a:active {
    background-color:#F1FF9E;
    color:#000
}
#header_pres {
    width:100%;
    height:600px;
    margin-bottom:0;
    background-color:var(--bs-blue-dark);
    background-position:right center;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-transition:background 2s ease-in-out;
    -moz-transition:background 2s ease-in-out;
    -o-transition:background 2s ease-in-out;
    -ms-transition:background 2s ease-in-out;
    transition:background 2s ease-in-out
}
#just_pattern {
    background-image:url(/img.php?url=img/pattern.png);
    width:100%;
    height:100%
}
#header_box {
    margin:0 auto;
    width:100%;
    max-width:1170px;
    height:100%;
    display:flex;
    padding:0
}
#header_box_text {
    width:100%;
    align-self:flex-end;
    -webkit-animation-name:MiAnimacion;
    -webkit-animation-duration:3s;
    animation-name:MiAnimacion;
    animation-duration:3s;
    border-left:3px solid #fff;
    padding:10px 200px 0 30px;
    margin-bottom:10px
}
#header_box_text h1 {
    font-family:'Poppins',sans-serif;
    color:var(--bs-white-ligth);
    font-size:45px;
    text-transform:none;
    margin-bottom:5px;
    line-height:110%;
    text-shadow:2px 2px 4px #000
}
#header_box_text h2 {
    font-size:30px;
    margin:0px 0px 10px 0px;
    color:var(--bs-white-ligth)
}
#header_box_text h3 {
    font-family:'Poppins',sans-serif;
    font-size:18px;
    line-height:16px;
    font-weight:500;
    margin:0px;
    color:var(--bs-white-ligth);
    text-transform:none;
    text-shadow:0 0 5px #000;
    -webkit-animation-name:MiAnimacionMove;
    -webkit-animation-duration:2s;
    animation-name:MiAnimacionMove;
    animation-duration:2s
}
#sessionper {
    width:100%;
    padding:3px;
    font-size:11px;
    font-family:'Slabo 27px',serif;
    text-align:right
}
.info_convenio {
    width:100%;
    padding:7px;
    text-align:center;
    font-weight:700;
    font-size:16px;
    background-color:#f5f5f5
}
.info_convenio img {
    vertical-align:middle;
    border-radius:5px;
    border:7px solid #fff
}
sup {
    font-size:10px
}
.sec_title {
    margin:0 auto;
    width:100%;
    max-width:1170px;
    margin-top:70px
}
.sec_title h2,.sec_title h3 {
    font-size:48px;
    font-weight:700;
    margin:0 10px 15px 10px;
    color:var(--bs-grey-title-ligth);
    font-family:'Poppins',sans-serif;
    display:block;
    line-height:63px;
    padding:22px;
    border-left:8px solid var(--bs-grey-green)
}
.sec_title h2 span {
    display:block;
    font-size:30px;
    line-height:35px
}
.sec_title time {
    white-space:nowrap
}
.sec_title_colw {
    border-left:8px solid #fff
}
.sec_title p {
    font-size:16px;
    font-weight:400;
    color:var(--bs-grey-text);
    line-height:24px;
    margin:0 10px 15px 10px
}
.titleWhite h2,.titleWhite p {
    color:#fff
}
.sec_curso {
    margin:0 auto;
    width:100%;
    max-width:1170px;
    text-align:center;
    margin-top:30px
}
.BoxCurso {
    display:inline-block;
    width:calc((100% - 120px) / 3);
    height:480px;
    float:left;
    margin:30px 20px;
    padding:0;
    border:1px solid var(--bs-grey-green);
    text-align:center;
    background-color:#fff0;
    border-radius:6px;
    -webkit-box-shadow:0 0 10px -4px rgb(0 0 0 / .55);
    -moz-box-shadow:0 0 10px -4px rgb(0 0 0 / .55);
    box-shadow:0 0 10px -4px rgb(0 0 0 / .55)
}
@media only screen and (max-width:1199px) {
    .BoxCurso {
        width:calc((100% - 80px) / 2)
    }
}
@media only screen and (max-width:768px) {
    .BoxCurso {
        width:calc((100% - 40px))
    }
}
.BoxCurso:hover {
    -webkit-box-shadow:0 0 10px 1px rgb(0 0 0 / .55);
    -moz-box-shadow:0 0 10px 1px rgb(0 0 0 / .55);
    box-shadow:0 0 10px 1px rgb(0 0 0 / .55)
}
.BoxCursoImg {
    width:100%;
    height:250px;
    background-position:right center;
    background-repeat:no-repeat;
    background-size:cover;
    display:flex;
    border-top-left-radius:5px;
    border-top-right-radius:5px
}
.BoxCursoImgPattern {
    width:100%;
    height:100%;
    display:flex;
    background-color:rgb(0 0 0 / .5);
    transition-property:background-color,color;
    transition-duration:0.3s,0.3s;
    border-top-left-radius:5px;
    border-top-right-radius:5px
}
.BoxCursoImgPattern:hover {
    background-color:#fff0
}
.BoxCursoImgPatternText {
    width:70%;
    align-self:start;
    text-align:left;
    padding:5px;
    text-shadow: 1px 1px 2px #000;
}
.BoxCursoImgPatternText h3 {
    width:100%;
    align-self:flex-end;
    padding:5px;
    font-family:'Poppins',sans-serif;
    font-size:17px;
    line-height:normal;
    font-weight:700;
    color:#fff;
    margin:0 0 5px
}
.BoxCursoTitle {
    width:100%;
    height:180px;
    text-align:left;
    padding:7px 5px 7px 10px;
    font-family:'Poppins',sans-serif;
    font-size:15px;
    line-height:normal;
    font-weight:400;
    color:var(--bs-grey-text)
}
.BoxCursoTitle p {
    margin:10px 5px 0 5px
}
.info-curso {
    text-indent:0;
    font-family:'Poppins',sans-serif;
    font-size:15px;
    color:var(--bs-grey-text);
    margin:3px 0
}
.info-curso span {
    display:inline-block;
    width:100%;
    min-width:200px;
    white-space:nowrap
}
.info-curso strong {
    display:inline-block;
    width:90px
}
.BoxCursoButtom {
    width:100%;
    height:50px;
    padding:5px;
    text-align:center
}
.BoxCursoButtom a:link,.BoxCursoButtom a:visited {
    width:100%;
    font-family:'Poppins',sans-serif;
    background-color:var(--bs-blue-dark);
    color:#fff;
    text-align:center;
    text-decoration:none;
    display:inline-block;
    line-height:35px;
    font-size:12px;
    font-weight:700;
    border:none;
    padding:0 20px;
    -webkit-border-radius:5px;
    border-radius:5px
}
.BoxCursoButtom a:hover,.BoxCursoButtom a:active {
    background-color:var(--bs-blue-dark-l);
    text-decoration:underline
}
.sec_reviews {
    width:100%;
    margin:70px 0;
    padding:70px 0 50px;
    background-position: 0 0;
    background-repeat: repeat;
    font-family:'Poppins',sans-serif
}
.sec_reviews_container {
    margin:0 auto;
    width:100%;
    max-width:1170px
}
.BoxReviews {
    display:inline-block;
    width:calc((100% - 50px) / 5);
    height:300px;
    float:left;
    margin:30px 5px;
    padding:0;
    background-color:#fff;
    -webkit-box-shadow:0 0 10px -4px rgb(0 0 0 / .55);
    -moz-box-shadow:0 0 10px -4px rgb(0 0 0 / .55);
    box-shadow:0 0 10px -4px rgb(0 0 0 / .55);
    animation:aparecer 1s ease-out
}
@media only screen and (max-width:1199px) {
    .BoxReviews {
        width:calc((100% - 40px) / 4)
    }
}
@media only screen and (max-width:768px) {
    .BoxReviews {
        width:calc((100% - 20px) /2)
    }
}
@keyframes aparecer {
    0% {
        opacity:0;
        transform:scale(.7)
    }
    100% {
        opacity:1;
        transform:scale(1)
    }
}
.RevStar {
    width:100%;
    padding:2px;
    text-align:center
}
.RevStar img {
    width:20px;
    margin:3px 5px
}
.Reviewer {
    width:100%;
    padding:2px;
    text-align:center
}
.Reviewer img {
    width:70px;
    height:auto;
    border-radius:50%
}
.ReviewerN {
    width:100%;
    padding:2px;
    text-align:center;
    font-size:11px;
    font-weight:700;
    color:#000
}
.ReviewerN h3 {
    width:100%;
    font-size:11px;
    font-weight:700;
    color:#000
}
.ReviewerN span {
    display:inline-block;
    width:100%;
    color:#575757;
    font-size:10px;
    font-weight:lighter
}
.ReviewsGoogleL {
    width:100%;
    padding:2px;
    text-align:center
}
.ReviewerCom {
    width:100%;
    height:110px;
    overflow-y:auto;
    scrollbar-width:thin
}
.ReviewerCom p {
    padding:5px;
    color:#575757;
    font-size:13px;
    font-weight:400;
    line-height:15px
}
.BoxCursoButtomLoadReviews {
    width:100%;
    height:auto;
    padding:20px;
    text-align:center
}
.BoxCursoButtomLoadReviews input {
    font-family:'Poppins',sans-serif;
    background-color:var(--bs-grey-green-dark);
    font-size:14px;
    font-weight:400;
    line-height:17px;
    color:#fff;
    text-align:center;
    text-decoration:none;
    display:inline-block;
    border:none;
    padding:15px 20px;
    -webkit-box-shadow:0 0 10px -4px rgb(0 0 0 / .7);
    -moz-box-shadow:0 0 10px -4px rgb(0 0 0 / .7);
    box-shadow:0 0 10px -4px rgb(0 0 0 / .7)
}
.BoxCursoButtomLoadReviews input:hover {
    background-color:var(--bs-grey-green);
    text-decoration:underline
}
.sec_galeria {
    margin:0 auto;
    width:100%;
    max-width:1170px;
    text-align:center;
    margin-top:70px
}
.BoxGaleria {
    display:inline-block;
    width:calc((100% - 40px) / 4);
    height:200px;
    float:left;
    margin:30px 5px;
    padding:0;
    background-color:#fff;
    -webkit-box-shadow:0 0 10px -4px rgb(0 0 0 / .55);
    -moz-box-shadow:0 0 10px -4px rgb(0 0 0 / .55);
    box-shadow:0 0 10px -4px rgb(0 0 0 / .55);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    text-align:right;
    animation:aparecer 1s ease-out
}
@media only screen and (max-width:1199px) {
    .BoxGaleria {
        width:calc((100% - 30px) / 3)
    }
}
@media only screen and (max-width:768px) {
    .BoxGaleria {
        width:calc((100% - 20px) /2)
    }
}
.ico-BoxGaleria {
    width:36px;
    height:36px;
    margin:2px 3px;
    -webkit-box-shadow:0 0 10px -4px rgb(0 0 0 / .8);
    -moz-box-shadow:0 0 10px -4px rgb(0 0 0 / .8);
    box-shadow:0 0 10px -4px rgb(0 0 0 / .8)
}
.BoxGaleria_links {
    width:100%;
    height:15px
}
.BoxGaleria_openGaleria {
    width:100%;
    height:calc(100% - 15px);
    cursor:zoom-in
}
#ver_todas_las_imagenes,#ver_todas_las_opiniones {
    width:100%;
    padding:20px;
    text-align:right;
    font-size:70%
}
#ver_todas_las_imagenes a:link,#ver_todas_las_imagenes a:active {
    color:var(--bs-blue-dark);
    text-decoration:none
}
#ver_todas_las_imagenes a:hover,#ver_todas_las_imagenes a:visited {
    color:var(--bs-blue-dark-l);
    text-decoration:underline
}
#ver_todas_las_opiniones a:link,#ver_todas_las_opiniones a:active {
    color:#fff;
    text-decoration:none
}
#ver_todas_las_opiniones a:hover,#ver_todas_las_opiniones a:visited {
    color:#fff;
    text-decoration:underline
}
.sec_office {
    margin:0 auto;
    width:100%;
    margin:70px 0;
    padding:70px 0;
    background-position: 0 0;
    background-repeat: repeat;
    ;
    font-family:'Poppins',sans-serif
}
.sec_office_container {
    margin:0 auto;
    width:100%;
    max-width:1170px
}
.img-offece-iframe {
    width:100%;
    height:auto;
    cursor:pointer
}
.sec_blog {
    margin:0 auto;
    width:100%;
    max-width:1170px;
    text-align:center;
    margin-top:70px
}
.BoxBlog {
    display:inline-block;
    width:calc((100% - 120px) / 3);
    height:auto;
    float:left;
    margin:30px 20px;
    padding:0;
    animation:aparecer 1s ease-out
}
@media only screen and (max-width:1199px) {
    .BoxBlog {
        width:calc((100% - 80px) / 2)
    }
}
@media only screen and (max-width:768px) {
    .BoxBlog {
        width:calc((100% - 40px))
    }
}
.BoxBlogImg {
    background-repeat:no-repeat;
    background-size:100%;
    background-position:center center;
    display:flex;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    position:relative;
    padding-bottom:56.25%;
    padding-top:0;
    height:0;
    cursor:pointer;
    transition:500ms
}
.BoxBlogImg:hover {
    background-size:110%
}
.BoxBlogSec {
    text-align:left;
    font-size:11px;
    color:#000;
    padding:2px 5px;
    text-transform:uppercase
}
.BoxBlogSec a:link,.BoxBlogSec a:visited {
    text-decoration:none;
    color:var(--bs-general-text)
}
.BoxBlogSec a:hover,.BoxBlogSec a:active {
    text-decoration:underline;
    color:var(--bs-general-text)
}
.BoxBlogDate {
    text-align:right;
    font-size:11px;
    color:grey;
    padding:2px 5px
}
.BoxBlogProfe {
    text-align:right;
    font-size:12px;
    padding:2px 5px;
    text-transform:capitalize
}
.BoxBlogProfe img {
    vertical-align:middle;
    width:50px;
    height:auto;
    border-radius:25px
}
.BoxBlogTitle {
    text-align:left;
    padding:2px 5px;
    height:110px
}
.BoxBlogTitle a:link,.BoxBlogTitle a:visited {
    color:#000;
    text-decoration:none
}
.BoxBlogTitle a:hover,.BoxBlogTitle a:active {
    text-decoration:underline
}
.BoxBlogTitle h3 {
    font-size:14px;
    font-weight:700;
    color:#000
}
.BoxBlogTitle hr {
    margin-top:7px
}
#sec_foother {
    margin:0 auto;
    width:100%;
    padding:70px 0 50px;
    background-color:#354D70;
    font-family:'Poppins',sans-serif
}
#sec_foother_container {
    margin:0 auto;
    width:100%;
    max-width:1170px;
    clear:both
}
.Boxfoother {
    display:inline-block;
    width:calc((100% - 120px) / 3);
    height:auto;
    float:left;
    margin:30px 20px;
    padding:5px 10px;
    border:0;
    text-align:center;
    background-color:#fff0;
    border-left:2px solid #526785
}
.Boxfoother h3 {
    text-align:left;
    color:#fff;
    margin-bottom:20px;
    font-weight:500;
    letter-spacing:1.5px
}
.Boxfoother p {
    text-align:left;
    color:#fff;
    font-size:13px;
    margin-bottom:20px
}
@media only screen and (max-width:768px) {
    .Boxfoother {
        width:calc((100% - 40px))
    }
}
.div_blog_foother {
    text-align:left;
    padding:5px 0;
    font-size:13px
}
.div_blog_foother a:link,.div_blog_foother a:visited {
    text-align:left;
    padding:5px 0;
    color:#fff;
    text-decoration:none
}
.div_blog_foother a:hover,.div_blog_foother a:active {
    text-decoration:underline
}
#sec_foother_bottom {
    margin:0 auto;
    width:100%;
    margin:0;
    padding:20px 0 50px;
    background-color:#293B57;
    font-family:'Poppins',sans-serif
}
#sec_foother_bottom_container {
    margin:0 auto;
    width:100%;
    max-width:1170px;
    text-align:center;
    font-size:12px;
    letter-spacing:1px
}
#sec_foother_bottom_container a:link,
#sec_foother_bottom_container a:visited {
    width: auto;
    font-family: 'Poppins', sans-serif;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    border: none;
    padding: 10px 10px;
    display: inline-block;
    margin: 0 5px; /* margen horizontal en desktop */
}

@media (max-width: 767px) {
    #sec_foother_bottom_container a:link,
    #sec_foother_bottom_container a:visited {
        display: block;
        padding: 12px 10px;
        margin: 0 0 8px 0; /* margen vertical en mobile */
        font-size: 16px;
        width: 100%; /* ancho completo en mobile */
    }
}

.GaleriaHeader {
    background-color:#293B57;
    margin:0;
    padding:0;
    width:0;
    height:0
}
.modal {
    display:none;
    position:fixed;
    z-index:1001;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:auto;
    background-color:rgb(0 0 0 / .9)
}
.modal-content {
    position:relative;
    margin:0 auto;
    padding:0;
    width:100%;
    height:100%;
    -webkit-animation-name:animatetop;
    -webkit-animation-duration:0.4s;
    animation-name:animatetop;
    animation-duration:0.4s
}
@-webkit-keyframes animatetop {
    from {
        top:-300px;
        opacity:0
    }
    to {
        top:0;
        opacity:1
    }
}
@keyframes animatetop {
    from {
        top:-300px;
        opacity:0
    }
    to {
        top:0;
        opacity:1
    }
}
.close {
    color:#fff;
    font-size:35px;
    margin:0;
    font-weight:700;
    position:absolute;
    right:30px;
    top:10px;
    padding:3px 15px;
    background-color:rgb(50 50 50 / .9);
    border-radius:5px
}
.close:hover,.close:focus {
    color:#fff;
    text-decoration:none;
    cursor:pointer
}
.modal-header {
    padding:2px 8px;
    height:40px;
    color:#fff
}
.modal-body {
    padding:0;
    text-align:center;
    height:100%
}
.modal-footer {
    padding:2px 8px;
    height:30px;
    background-color:#708DB6;
    color:#fff;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px
}
.table_galeria {
    border-collapse:collapse;
    width:100%;
    height:100vh
}
.table_galeria_trL {
    width:50px;
    height:100vh;
    text-align:right;
    vertical-align:middle
}
.table_galeria_trC {
    width:calc(100% - 100px);
    height:100vh;
    text-align:center;
    vertical-align:middle
}
.img_galeria_trC {
    height:80%;
    max-width:80%;
    object-fit:cover
}
.descripcion_galeria {
    width:100%;
    text-align:center;
    color:#fff;
    font-size:12px;
    padding:2px
}
.table_galeria_trR {
    width:50px;
    height:100%;
    text-align:left;
    vertical-align:middle
}
.galeria_ver:link,.galeria_ver:visited {
    background-color:#fff0;
    color:#A4A4A4;
    font-weight:700;
    font-size:55px;
    padding:10px 2px;
    text-align:center;
    text-decoration:none;
    display:inline-block
}
.galeria_ver:hover,.galeria_ver:active {
    color:#fff
}
.div_inferior {
    font-size:12px;
    font-weight:400;
    color:#FFF;
    vertical-align:middle;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:50px;
    z-index:0
}
.div_inferior img {
    width:18px
}
.loader {
    border:16px solid #f3f3f3;
    border-top:16px solid #3498db;
    border-radius:50%;
    width:120px;
    height:120px;
    animation:spin 2s linear infinite;
    position:absolute;
    top:50%;
    left:50%;
    margin:-60px 0 0 -60px
}
@keyframes spin {
    0% {
        transform:rotate(0deg)
    }
    100% {
        transform:rotate(360deg)
    }
}
.div_contenido_curso {
    margin:0 auto;
    margin-top:60px;
    width:100%;
    max-width:1170px;
    padding-bottom:20px;
    display:-webkit-flex;
    display:flex
}
.div_contenido_curso_l {
    width:65%;
    float:left
}
.div_contenido_curso_r {
    width:35%;
    float:right
}
.imgicotop {
    width:15px;
    height:15px;
    margin-right:5px;
    vertical-align:top
}
.imgmarginleft {
    margin-left:10px
}
#resumen-top {
    width:100%;
    display:inline-block;
    font-size:12px;
    color:#fff;
    font-weight:500;
    padding:5px 0;
    margin-top:0;
    border-top:1px solid rgb(255 255 255 / .5)
}
#float_pay {
    width:calc(100% - 20px);
    position:sticky;
    top:100px;
    padding:25px;
    margin-left:20px;
    border-radius:5px;
    -webkit-box-shadow:0 0 10px 0 rgb(0 0 0 / .2);
    -moz-box-shadow:0 0 10px 0 rgb(0 0 0 / .2);
    box-shadow:0 0 10px 0 rgb(0 0 0 / .2);
    background-color:#fff
}
.curso_secciones {
    width:100%;
    border-bottom:1px solid grey;
    letter-spacing:2px;
    background-color:#f5f5f5;
    padding-left:5px;
    padding-top:2px;
    border-radius:5px 5px 0 0
}
.curso_secciones a:link,.curso_secciones a:visited {
    width:100%;
    padding:5px;
    color:#222222;
    text-decoration:none;
    line-height:35px;
    font-size:11px;
    font-weight:400
}
.curso_secciones a:hover,.curso_secciones a:active {
    color:#000;
    text-decoration:underline
}
#curso_infogeneral {
    width:100%;
    padding:5px
}
#curso_infogeneral h2 {
    padding:25px 0 20px;
    font-weight:600;
    color:#000;
    text-align: left
}

#curso_infogeneral h3 {
    padding:20px 0 15px;
    font-weight:600;
    color:#2D2D2D;
    text-align: left
}
#curso_infogeneral h4 {
    padding:7px 0 3px;
    font-weight:600;
    color:#000;
    text-align: left
}

#curso_infogeneral p {
    padding:5px 0px 0px;
    line-height:30px
}



.anchor {
    display:block;
    padding-top:160px;
    margin-top:-160px
}
.pay_button_pagar:link,.pay_button_pagar:visited {
    width:100%;
    background-color:#F1D000;
    color:#000;
    font-weight: 500;
    padding:10px 3px;
    text-align:center;
    text-decoration:none;
    display:inline-block;
    border-radius:3px;
    margin-bottom:5px
}
.pay_button_pagar:hover,.pay_button_pagar:active {
    background-color:#ECDB6D;
    color:#000
}
.pay_button:link,.pay_button:visited {
    width:100%;
    background-color:#226066;
    color:#fff;
    font-weight: 500;
    padding:10px 3px;
    text-align:center;
    text-decoration:none;
    display:inline-block;
    border-radius:3px;
    margin-bottom:5px
}
.pay_button:hover,.pay_button:active {
    background-color:#39ABB6;
    color:#fff;
}
.ico-pay {
    width:22px;
    vertical-align:middle;
    margin-right:7px
}
.hrseccion {
    width:100%;
    height: 25px;
    margin:50px 0
}
.hrseccion img {
    width:21px;
    height:21px;
    float:right
}
.Calendar {
    width:100%;
    max-width:1140px;
    margin:0 auto;
    border-bottom:1px dotted #ccc;
    margin-bottom:15px
}
.CalendarL {
    width:70px;
    float:left;
    text-align:left;
    font-family:'Slabo 27px',serif;
    font-size:120%;
    padding:2px;
    background-image:url(/img/square.svg);
    background-position:90% 50%;
    background-repeat:no-repeat;
    background-size:10px
}
.CalendarR {
    width:calc(100% - 70px);
    float:left;
    padding:2px
}
.CalendarRL {
    width:calc(100% - 80px);
    float:left;
    padding:5px
}
.CalendarRR {
    width:80px;
    float:right;
    padding:2px;
    text-align:right;
    background-image:url(/img/square.svg);
    background-position:0% 50%;
    background-repeat:no-repeat;
    background-size:10px
}
.Materia {
    width:100%;
    padding:15px 10px 0 5px;
    text-align:left;
    font-weight:700
}
.MateriaDetalle {
    width:100%;
    padding:0 0 10px;
    text-align:left;
    border-bottom:1px solid var(--bs-grey-green-light)
}
.MateriaDetalle li {
    margin-left:15px;
    padding-left:15px;
    background-image:url(/img/circle.svg?1);
    background-position:0 50%;
    background-size:10px 10px;
    background-repeat:no-repeat
}
.MateriaDetalleEL {
    width:100%;
    padding:0 0 10px;
    text-align:left;
    border-bottom:1px solid var(--bs-grey-green-light)
}
.MateriaDetalleEL li {
    margin-left:15px;
    padding-left:30px;
    background-image:url(/img/video-elearning.svg?1);
    background-position:0 50%;
    background-size:25px 25px;
    background-repeat:no-repeat
}
.div_opiniones {
    font-size:13px;
    padding:20px 5px 5px 5px;
    animation:aparecer2 1s ease-out
}
@keyframes aparecer2 {
    0% {
        opacity:0
    }
    100% {
        opacity:1
    }
}
.img_user_reviews {
    width:40px;
    height:auto;
    margin:0 10px 10px 0;
    float:left
}
.ico_star_reviews {
    width:auto;
    height:15px
}
.ico_google_reviews_cursos {
    width:auto;
    height:15px
}
.curso_reviews_nombre {
    color:#000;
    font-weight:700
}
.curso_reviews_fecha {
    font-style:italic;
    padding-left:10px
}
.div_curso_reviews {
    padding:0 0 5px 0;
    border-bottom:1px solid #f5f5f5
}
.img_relator {
    width:180px;
    height:auto;
    margin:0 20px 0 0;
    float:left;
    -webkit-box-shadow:0 0 10px 0 rgb(0 0 0 / .3);
    -moz-box-shadow:0 0 10px 0 rgb(0 0 0 / .3);
    box-shadow:0 0 10px 0 rgb(0 0 0 / .3)
}
.NombreRelator {
    padding-bottom:20px;
    margin-bottom:100px;
    border-bottom:1px solid var(--bs-grey-green-light)
}
.NombreRelator h4 {
    display:inline-block
}
#SecDiplomaBox {
    width:95%;
    max-width:400px;
    height:312px;
    margin:0 auto;
    margin-bottom:30px;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:100% auto
}
#diplomaNombre {
    width:calc(100% - 130px);
    height:35px;
    position:relative;
    top:152px;
    margin:0 10px 0 120px;
    font-size:10px;
    font-weight:700;
    text-align:center;
    color:#000
}
#diplomaCurso {
    width:calc(100% - 130px);
    height:35px;
    position:relative;
    top:170px;
    margin:0 10px 0 120px;
    font-size:10px;
    font-weight:700;
    text-align:center;
    color:#000
}
.img100 {
    width:100%;
    height:auto
}
.sec_alumnos_matriculados {
    width:100%;
    background-color:#f5f5f5;
    padding:70px 0
}
.sec_alumnos_matriculados_seccion_cursos {
    width:100%;
    padding:10px 0
}

.div_box_ultimosalumnos {
    width:100%;
    height:230px;
    overflow-x:auto;
    overflow-y:hidden;
    white-space:nowrap;
    scroll-behavior:smooth;
    background-color:#f5f5f5;
    padding-top:30px
}
.div_box_ultimosalumnos_seccion_cursos {
    width:100%;
    height:230px;
    overflow-x:auto;
    overflow-y:hidden;
    white-space:nowrap;
    scroll-behavior:smooth;
    padding-top:30px
}


.div_box_imgalumno {
    width:100px;
    height:180px;
    margin:0 5px;
    text-align:center;
    font-size:10px;
    display:inline-table;
    animation:aparecer3 2s ease-out
}
.img_ultimos_alumnos {
    width:100%;
    height:auto;
    padding-bottom:5px
}
@keyframes aparecer3 {
    0% {
        opacity:0
    }
    100% {
        opacity:1
    }
}
.overclick {
    cursor:pointer
}
#caracteristicas {
    margin-top:20px
}
.div_caracteristicas {
    padding:7px 0;
    font-size:11px;
    color:var(--bs-grey-text)
}
.img_caracteristicas {
    height:15px;
    vertical-align:middle;
    margin-right:7px
}
.div_precio {
    padding-bottom:7px
}
.precio_curso {
    font-size:30px;
    font-weight:700;
    font-family:'Slabo 27px',serif;
    letter-spacing:2px;
    color:#000
}
.precio_matricula {
    font-size:18px;
    font-weight:400;
    font-family:'Slabo 27px',serif;
    color:#000000;
}
.clpesos {
    font-size:15px;
    font-weight:400
}
#saludo_exalumno {
    margin-bottom:20px
}
.precio1 {
    font-weight:700;
    font-family:'Slabo 27px',serif;
    color:#000;
    letter-spacing:2px
}
.oferta {
    font-size:12px;
    color:#5F0000;
    height: 25px;
    padding:5px 0 0
}
.oferta img {
    height:15px;
    vertical-align:middle
}
#days,#hours,#minutes,#seconds {
    font-family:'Slabo 27px',serif;
    font-size:16px;
    letter-spacing:2px
}
.div_contacto_curso {
    margin-top:5px;
    padding:10px 2px 15px;
    border-top:1px solid #f5f5f5
}
.ico_height_15 {
    height:15px;
    vertical-align:middle
}
.ico_height_25 {
    height:25px;
    vertical-align:middle
}
.ico_height_40 {
    height:40px;
    vertical-align:middle
}
.videoWrapper {
    position:relative;
    padding-bottom:56.25%;
    padding-top:0;
    height:0;
    border-radius:10px
}
.videoWrapper iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius:10px
}
.BtnWspCurso:link,.BtnWspCurso:visited {
    width:100%;
    background-color:#fff;
    color:var(--bs-grey-text);
    padding:5px 5px;
    text-align:center;
    text-decoration:none;
    display:inline-block;
    border-radius:3px;
    border:2px solid #6FC061
}
.BtnWspCurso:hover,.BtnWspCurso:active {
    background-color:#6FC061;
    color:#fff
}
.que_aprendere {
    padding:20px;
    box-shadow:0 0 10px #D8D8D8;
    border:1px solid #f5f5f5;
    border-radius:5px
}
.que_aprendere_titulos p {
    text-transform:lowercase
}
.que_aprendere_titulos p:first-letter {
    text-transform:uppercase
}
.ver_mas_contenidos:link,.ver_mas_contenidos:visited {
    color:#000;
    text-decoration:underline
}
.ver_mas_contenidos:hover,.ver_mas_contenidos:active {
    color:darkblue
}
.pregunta_p {
    margin-bottom:10px;
    font-weight: bold;
    color: #3A3A3A;
    margin: 5px 0px 5px;
}
.pregunta_r {
    margin-bottom:20px;
}

.parati {
    padding:5px;
    background-color:var(--bs-success-light);
    border-radius:5px;
    border:1px dotted var(--bs-success)
}
.main_acceso_ex_alumnos {
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center
}
.div_acceso_ex_alumnos {
    width:90%;
    max-width:450px;
    height:400px;
    padding:0;
    background-color:#fff;
    border-radius:5px
}
.div_acceso_ex_alumnos_title {
    font-weight:700
}
.div_acceso_ex_alumnos_subtitle {
    padding:5px 0
}
.div_rut_acceso_cursos_en_vivo {
    padding:5px 0 0
}
.acceso_select_rut_pasaporte {
    padding:10px;
    width:30%;
    font-size:14px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.text_rut_ex_alumno,.text_cupon_descuento {
    padding:10px;
    width:60%;
    font-size:14px
}
.button_cursos_en_vivo {
    background-color:#4CAF50;
    color:#fff;
    padding:10px 16px;
    text-align:center;
    text-decoration:none;
    display:inline-block;
    font-size:16px;
    margin:15px 0;
    transition-duration:0.4s;
    cursor:pointer;
    border:2px solid #4CAF50;
    border-radius:5px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.button_cursos_en_vivo:hover {
    background-color:#469249
}
.div_revisar_descuento {
    padding:20px 0 10px
}
.aparecer {
    animation:aparecer 1s ease-out
}
@keyframes aparecer {
    0% {
        opacity:0
    }
    100% {
        opacity:1
    }
}
.precio_curso_lista {
    width:100%;
    padding:2px;
    text-align:right;
    padding-right:100px
}
.descuento_curso_exalumno {
    width:100%;
    padding:2px;
    text-align:right;
    padding-right:100px
}
.descuento_curso_exalumno span {
    border-bottom:1px solid grey
}
.precio_curso_exalumno {
    width:100%;
    padding:2px;
    text-align:right;
    padding-right:100px
}
.fecha_pago_anticipado {
    color:#670000;
    font-weight: 500;
}
.bot_si_descuento:link,.bot_si_descuento:visited {
    width:40%;
    background-color:#4CAF50;
    color:#fff;
    padding:8px 16px;
    text-align:center;
    text-decoration:none;
    display:inline-block;
    font-size:16px;
    margin:15px 0;
    transition-duration:0.4s;
    cursor:pointer;
    border:2px solid #4CAF50;
    border-radius:5px
}
.bot_si_descuento:hover,.bot_si_descuento:active {
    background-color:#2A7E2E
}
.bot_no_descuento:link,.bot_no_descuento:visited {
    width:40%;
    background-color:#7B7B7B;
    color:#fff;
    padding:8px 16px;
    text-align:center;
    text-decoration:none;
    display:inline-block;
    font-size:16px;
    margin:15px 0;
    transition-duration:0.4s;
    cursor:pointer;
    border:2px solid #7B7B7B;
    border-radius:5px
}
.bot_no_descuento:hover,.bot_no_descuento:active {
    background-color:#8E8E8E
}
.bot_no_descuento img {
    height:20px;
    vertical-align:middle
}
.descuento_curso_exalumno img {
    height:20px;
    vertical-align:middle
}
.close_small {
    text-align:right
}
.close_small span {
    display:inline-block;
    position:relative;
    top:-10px;
    right:-10px;
    color:#fff;
    font-size:15px;
    font-weight:700;
    padding:3px 10px;
    background-color:grey;
    border-radius:50%;
    cursor:pointer
}
.EresExAlumno {
    background-color:#fff0;
    border:none;
    color:#000000;
    padding:2px 0;
    text-align:center;
    text-decoration:none;
    display:inline-block;
    font-size:14px;
    margin:1px 0;
    transition-duration:0.4s;
    cursor:pointer
}
.EresExAlumno:hover {
    text-decoration:underline
}
.seccion_descuento {
    margin:5px 0;
    padding:5px;
    padding-bottom:0;
    border:1px dotted grey;
    border-radius:5px;
    color:#000000;
    font-weight: 500;
}
.seccion_descuento_img {
    height:50px;
    width:auto;
    border:0;
    vertical-align:middle
}
#Divfooter {
    position:fixed;
    bottom:0;
    width:100%;
    height:auto;
    z-index:1000;
    display:none
}
#DivfooterWhatsapp {
    width:100%;
    text-align:right;
    padding-bottom:20px;
    padding-right:5px;
    background-color:#fff0
}
#DivfooterWhatsapp img {
    width:40px;
    background-color:#fff0
}
#DivfooterPreMain {
    background-color:#FFFFFF;
    -webkit-box-shadow:0 0 15px 0 rgb(0 0 0 / .38);
    -moz-box-shadow:0 0 15px 0 rgb(0 0 0 / .38);
    box-shadow:0 0 15px 0 rgb(0 0 0 / .38)
}
#DivfooterMain {
    width:100%;
    max-width:575px;
    margin:0 auto;
    padding:5px
}
#DivfooterMainL {
    width:50%;
    float:left;
    padding:0 2px
}
#DivfooterMainR {
    width:50%;
    float:right;
    padding:0 2px
}
a[href^="tel:"]:before {
    content:"\260e";
    margin-right:.5em
}
a[href^="tel:"] {
    color:orange;
    text-decoration:none
}
.div_main_checkout {
    margin:0 auto;
    margin-top:30px;
    width:100%;
    max-width:1170px;
    padding-bottom:20px
}
.div_main_checkout_l {
    width:calc(50% - 40px);
    float:left;
    margin:20px;
    padding:20px;
    background-color:#fff
}
.div_main_checkout_l h4 {
    padding:10px 15px 0
}
.div_main_checkout_r {
    width:calc(50% - 40px);
    float:right;
    margin:20px;
    padding:20px;
    background-color:#fff
}
#div_img_curso_checkout {
    width:100%;
    padding-bottom:100%;
    background-position:top right;
    background-size:auto 100%
}
.div_main_checkout_rL {
    width:30%;
    float:left;
    padding:5px
}
.div_main_checkout_rR {
    width:70%;
    float:right;
    padding:5px
}
.div_main_checkout_rR h4 {
    padding-bottom:10px;
    border-bottom:1px solid var(--bs-grey-green-light)
}
.div_main_checkout_rR p {
    padding:10px 0;
    border-bottom:1px solid var(--bs-grey-green-light)
}
.ItemsCursoCheckout {
    width:100%;
    padding:5px;
    text-align:left;
    border-bottom:1px solid var(--bs-grey-green-light)
}
.ItemsCursoCheckout li {
    float:left;
    margin-left:0;
    padding-left:0;
    font-size:11px
}
.img_ItemsCursoCheckout {
    height:18px;
    vertical-align:middle;
    margin:7px
}
.tags {
    display:inline;
    position:relative
}
.tags:hover:after {
    background:#333;
    background:rgb(0 0 0 / .9);
    border-radius:5px;
    bottom:24px;
    color:#fff;
    content:attr(data-gloss);
    left:-90px;
    padding:5px 5px;
    position:absolute;
    z-index:98;
    width:200px;
    text-align:center
}
.tags:hover:before {
    border:solid;
    border-color:#333 #fff0;
    border-width:6px 6px 0 6px;
    bottom:18px;
    content:"";
    left:10px;
    position:absolute;
    z-index:99
}
.div_main_checkout_rValue {
    width:100%;
    background-color:#f5f5f5;
    padding:10px
}
.div_total_cobrado {
    width:100%;
    padding:2px 0
}
.div_total_cobradoL {
    float:left;
    padding:2px 0
}
.div_total_cobradoR {
    float:right;
    padding:2px 0
}
.div_main_checkout_Form {
    padding:0 15px 15px
}
.div_main_checkout_Form label {
    display:block;
    width:100%;
    padding:3px 0;
    font-size:11px;
    margin-top:12px
}
.form_input_text {
    padding:12px;
    border:1px solid #DCDCDC;
    width:100%;
    border-radius:2px;
    font-size:18px
}
.form_input_text::placeholder {
    font-size:15px;
    color:#C9C9C9
}
.form_input_text:focus:required:valid {
    border:1px solid var(--bs-success-light);
    background-color:var(--bs-success-light);
    background-size:25px
}
.form_input_text:focus:required:invalid {
    border:1px solid var(--bs-danger-light);
    background-color:var(--bs-danger-light)
}
.boton_pagar {
    font-size:16px;
    width:100%;
    height:40px;
    background-color:#E63B1A;
    color:#fff;
    padding:5px 10px;
    border:none;
    -webkit-appearance:none;
    margin:20px 0;
    border-radius:2px
}
.boton_pagar:hover,.boton_pagar:active {
    border:0 solid #09c;
    background-color:#B8371E;
    color:#fff;
    padding:5px 10px
}
.div_main_gracias {
    margin:0 auto;
    margin-top:30px;
    width:100%;
    max-width:550px;
    padding-bottom:20px
}
.div_main_gracias_cont {
    background-color:#fff;
    border-radius:5px;
    padding:10px;
    text-align:center
}
.div_newsletter {
    margin-top:30px;
    padding:20px 0 20px
}
.div_newsletter_title {
    margin:0 auto;
    max-width:1170px;
    font-size:150%;
    font-weight:900;
    padding:5px;
    width:95%
}
.div_newsletter_form {
    margin:0 auto;
    max-width:1170px;
    width:95%
}
.div_newsletter_form_n,.div_newsletter_form_c {
    width:70%;
    padding:5px
}
#outNewsletterAdd {
    height:20px
}
.newsletter_seccion {
    width:100%;
    padding:10px;
    border-radius:10px;
    margin-right:10px;
    background-color:#fff;
    border:1px solid rgb(209 209 209 / 1)
}
.newsletter_nombre {
    width:100%;
    font-size:18px;
    font-weight:700;
    padding:10px;
    border-radius:10px;
    margin-right:10px;
    border:1px solid #D1D1D1;
    padding-left:30px;
    padding-left:44px
}
.newsletter_nombre::placeholder {
    font-size:15px;
    color:#C9C9C9;
    font-weight:400
}
.newsletter_nombre:focus:required:valid,.newsletter_email:focus:required:invalid {
    border:1px solid #D1D1D1;
    background-color:var(--bs-success-light)
}
.newsletter_nombre:focus:required:invalid,.newsletter_email:focus:required:invalid {
    border:1px solid var(--bs-danger);
    background-color:var(--bs-danger-light)
}
.MsjeError {
    font-weight:400;
    font-size:90%;
    color:var(--bs-danger);
    display:none
}
.div_newsletter_form_l {
    width:70%;
    float:left;
    padding:5px
}
.div_newsletter_form_r {
    width:30%;
    float:right;
    padding:5px
}
.newsletter_email {
    width:100%;
    font-size:18px;
    font-weight:700;
    padding:10px;
    border-radius:10px;
    margin-right:10px;
    border:1px solid #D1D1D1;
    padding-left:44px
}
.newsletter_email::placeholder {
    font-size:15px;
    color:#C9C9C9;
    font-weight:400
}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {
    -webkit-box-shadow:none;
    box-shadow:none
}
.form-icon {
    width:30px;
    position:absolute;
    transform:translate(8px,7px)
}
.newsletter_button {
    width:100%;
    font-size:14px;
    font-weight:bold;
    padding:13px;
    color:#fff;
    border:1px solid #354D70;
    background-color:#354D70;
    text-align:center;
    text-decoration:none;
    display:inline-block;
    transition-duration:0.4s;
    cursor:pointer;
    -webkit-appearance:none;
    -webkit-border-radius:0;
    border-radius:10px;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
}
.newsletter_button:hover {
    background-color:#F4B560;
    border:1px solid #F4B560
}
.checkbox_container {
    display:inline-block;
    position:relative;
    padding-left:20px;
    margin-bottom:8px;
    margin-right:12px;
    cursor:pointer;
    font-size:14px;
    font-weight:500;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.checkbox_container input {
    position:absolute;
    opacity:0;
    cursor:pointer;
    height:0;
    width:0
}
.checkmark {
    position:absolute;
    top:0;
    left:0;
    height:15px;
    width:15px;
    background-color:#eee;
    border:1px solid grey;
    border-radius:3px
}
.checkbox_container:hover input~.checkmark {
    background-color:#ccc
}
.checkbox_container:hover {
    text-decoration:underline
}
.checkbox_container input:checked~.checkmark {
    background-color:#2E475D;
    border:1px solid #2E475D
}
.checkmark:after {
    content:"";
    position:absolute;
    display:none
}
.checkbox_container input:checked~.checkmark:after {
    display:block
}
.checkbox_container .checkmark:after {
    left:4px;
    top:1px;
    width:3px;
    height:6px;
    border:solid #fff;
    border-width:0 2px 2px 0;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}
#outNewsletterAdd {
    height:50px;
    font-weight:700;
    font-size:130%;
    width:70%
}
.imgCheckForm {
    width:auto;
    height:20px;
    vertical-align:middle;
    float:right
}
.YaEnNewsLetter:link,.YaEnNewsLetter:visited {
    text-decoration:none;
    color:var(--bs-general-text-a)
}
.YaEnNewsLetter:hover,.YaEnNewsLetter:active {
    text-decoration:underline;
    color:var(--bs-general-text-a-hover)
}
.div_form_contacto {
    margin:0 auto;
    width:100%;
    max-width:800px;
    padding:10px;
    margin-bottom:100px
}
.content_form_contacto {
    width:100%;
    padding:5px 0
}
.form_contacto_comentario {
    width:100%;
    font-size:18px;
    font-weight:700;
    padding:10px;
    border-radius:10px;
    margin:0;
    margin-right:10px;
    border:1px solid #D1D1D1
}
.form_contacto_comentario::placeholder {
    font-size:15px;
    color:#C9C9C9;
    font-weight:400
}
.bgcolorf5 {
    background-color:#FBFBFB
}
#outFormContacto {
    font-weight:700;
    font-size:130%;
    width:100%;
    text-align:center;
    padding:10px 0
}
.boton-ciudad {
    display:inline-block;
    margin:5px;
    padding:10px 15px;
    background-color:#fff;
    border:1px solid #ccc;
    color:#333;
    text-decoration:none;
    border-radius:4px;
    transition:all 0.3s ease;
    font-family:Arial,sans-serif
}
.boton-ciudad:hover {
    background-color:#354D70;
    color:#fff;
    border-color:#354D70
}
@media only screen and (min-width:992px) and (max-width:1199px) {
    #header_pres {
        height:500px
    }
    #header_box_text h1 {
        font-size:40px
    }
    #header_box_text h2 {
        font-size:25px
    }
    #header_box_text h3 {
        font-size:18px
    }
    .BoxCurso {
        width:calc((100% - 120px) / 2)
    }
    .sec_title h1 {
        font-size:53px
    }
    .sec_title h1 span {
        font-size:25px
    }
    .sec_title h2,.sec_title h3 {
        font-size:53px;
        line-height:normal
    }
    .sec_title h2 span {
        font-size:25px;
        line-height:normal
    }
}
@media only screen and (min-width:768px) and (max-width:991px) {
    #header_pres {
        height:450px
    }
    #header_box_text h1 {
        font-size:35px
    }
    #header_box_text h2 {
        font-size:22px
    }
    #header_box_text h3 {
        font-size:18px
    }
    .sec_title h1 {
        font-size:43px;
        line-height:53px;
        padding:20px
    }
    .sec_title h1 span {
        font-size:20px;
        line-height:25px
    }
    .sec_title h2,.sec_title h3 {
        font-size:43px;
        line-height:normal
    }
    .sec_title h2 span {
        font-size:20px;
        line-height:normal
    }
}
@media only screen and (max-width:991px) {
    .div_main_checkout {
        margin:0 auto;
        margin-top:30px;
        width:100%;
        max-width:1170px;
        padding-bottom:20px
    }
    .div_main_checkout_l {
        width:calc(100% - 40px);
        float:none;
        margin:20px;
        padding:10px;
        background-color:#fff
    }
    .div_main_checkout_r {
        width:calc(100% - 40px);
        float:none;
        margin:20px;
        padding:10px;
        background-color:#fff
    }
}
@media only screen and (min-width:576px) and (max-width:767px) {
    #header_pres {
        height:400px
    }
    #header_box {
        padding:1% 1% 1% 1%
    }
    #header_box_text {
        margin-left:10px
    }
    #header_box_text h1 {
        font-size:30px
    }
    #header_box_text h2 {
        font-size:20px
    }
    #header_box_text h3 {
        font-size:16px
    }
    #header_box_text {
        padding:5px 30px;
        margin-bottom:5px
    }
    .sec_title h1 {
        font-size:33px;
        line-height:43px;
        padding:15px
    }
    .sec_title h1 span {
        font-size:18px;
        line-height:22px
    }
    .sec_title h2,.sec_title h3 {
        font-size:33px;
        line-height:normal
    }
    .sec_title h2 span {
        font-size:20px;
        line-height:normal
    }
    .img_relator {
        width:150px
    }
}
@media only screen and (max-width:575px) {
    #header_pres {
        height:300px
    }
    #just_pattern {
        background-color:var(--bs-justpatern-color-translucent)
    }
    #header_box {
        padding:1% 1% 1% 1%
    }
    #header_box_text {
        margin-left:10px;
        margin-bottom:5px;
        padding:2px 15px 0 3px;
        border-left:0
    }
    #header_box_text h1 {
        font-size:20px;
        line-height:115%
    }
    #header_box_text h2 {
        font-size:14px
    }
    #header_box_text h3 {
        font-size:12px
    }
    #resumen-top {
        font-size:10px
    }
    .sec_title h1 {
        font-size:28px;
        line-height:30px;
        padding:10px
    }
    .sec_title h1 span {
        font-size:15px;
        line-height:18px
    }
    .sec_title h2,.sec_title h3 {
        font-size:28px;
        line-height:normal
    }
    .sec_title h2 span {
        font-size:20px;
        line-height:normal
    }
    .img_relator {
        width:120px
    }
    .div_newsletter_form_n,.div_newsletter_form_c {
        width:100%
    }
    .div_newsletter_form_l {
        width:100%;
        float:none;
        padding:5px
    }
    .div_newsletter_form_r {
        width:100%;
        float:none;
        padding:5px
    }
    #outNewsletterAdd {
        width:100%
    }
}
@media only screen and (max-width:991px) {
    .div_contenido_curso_l {
        width:100%
    }
    .div_contenido_curso_r {
        width:0%
    }
    #float_pay {
        display:none
    }
    #Divfooter {
        display:block
    }
    .div_precio {
        padding-bottom:2px
    }
    .precio_curso {
        font-size:18px;
        font-weight:700;
        font-family:'Slabo 27px',serif;
        letter-spacing:0;
        color:#000
    }
    .parati {
        padding:0;
        background-color:#fff0;
        border-radius:0;
        border:0;
        text-decoration:underline
    }
    .seccion_descuento {
        margin:2px 0;
        padding:0;
        padding-bottom:0;
        border:0 dotted grey;
        border-radius:5px;
        font-size:13px;
        font-weight: 500;
        color:#000000;
    }
    .seccion_descuento_img {
        height:20px
    }
    .fecha_pago_anticipado {
        font-size:14px
    }
    .ItemsCursoCheckout {
        display:none
    }
}