/*=============================================
Reset
=============================================*/
    *{
        font-family: 'Raleway', sans-serif;
        font-size: 16px;
        margin: 0;
        padding: 0;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    :focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus{outline:none;}
    span, strong {
        font-size: inherit;
        font-weight: inherit;
        font-family: inherit;
    }

    p {
        margin-bottom: 20px;
        line-height: 25px;
    }
/*=============================================
enlaces
=============================================*/
    a:hover, a:hover i, a:hover span {
        color: #565687;
    }
/*=============================================
Encabezados
=============================================*/
    h1, .h1{font-family: 'Raleway', sans-serif; font-size:32px; font-weight: inherit;}
    h2, .h2{font-family: 'Raleway', sans-serif; font-size:28px; font-weight: inherit;}
    h3, .h3{font-family: 'Raleway', sans-serif; font-size:18px; font-weight: inherit;}
    h1 span, h2 span, h3 span, h4 span{font-weight: bold;}
    main h1{margin: 15px 0px 23px 0;}
    .contenido h2{margin: 25px 0px;}
    .contenido h3{margin: 18px 0px;}
/*=============================================
Flex
=============================================*/
    .flex{display:flex;flex-wrap:wrap}
    .flex-i{display:flex!important;flex-wrap:wrap}
    .flex-row{flex-direction:row}
    .flex-column{flex-direction:column}
    .justify-content-center{justify-content:center}
    .justify-content-end, nav > ul{justify-content:flex-end}
    .justify-content-between{justify-content: space-between;}

    .align-items-center, nav > ul{align-items:center}
    .align-items-start{align-items:flex-start;}

/*=============================================
GRID - grid
=============================================*/
    .grid1{flex:1 1 100%}
    .grid-auto{flex:1 1 auto}
    .grid1-2{flex:1 1 50%}
    .grid1-3{flex:1 1 33.32%;}
    .grid2-3{flex:1 1 66.64%;}
    .grid1-4{flex:1 1 25%}
    .grid1-5{flex:1 1 20%}
    .grid1-6{flex:1 1 12%}
    .grid4-6{flex:1 1 55%}
    .grid20{flex:1 1 20%}
    .grid80{flex:1 1 80%}
    .grid55{flex:1 1 55%}
    .grid45{flex:1 1 45%}

    .grid1-2-0{flex: 0 0 43%;}
    .grid1-3-0{flex: 0 0 30%;}

    .grid1-3-w{width: 25%;}
    .grid2-3-w{width: 70%;}

    .vertical-align-top{vertical-align: top;}

    [class^="grid1-"] {
        padding-right: 15px;
        margin-bottom: 15px;
    }
    /*[class^="grid1-"]:last-child {padding-right: 0px}*/
    .grid1-2:nth-child(2n){padding-right: 0px}
    .grid1-3:nth-child(3n){padding-right: 0px}
    .grid1-4:nth-child(4n){padding-right: 0px}
    .grid1-5:nth-child(5n){padding-right: 0px}
    .grid1-6:nth-child(6n){padding-right: 0px}

/*=============================================
Padding
=============================================*/
    .pd-0, nav ul, footer ul{padding:0}
    .pd-1{padding:1em}
    .pd-2{padding:2em}
	.pd-top-05{padding-top:0.5em}
    .pd-top-1{padding-top:1em}
    .pd-top-2{padding-top:2em}
    .pd-top-3{padding-top:3em}
    .pd-top-5{padding-top:5em}
    .pd-top-10{padding-top:10em}
    .pd-top-50{padding-top:50px}
    .pd-top-25{padding-top:25px}
    .pd-bottom-50{padding-bottom:50px}
	.pd-bottom-05{padding-bottom:0.5em}
    .pd-bottom-1{padding-bottom:1em}
    .pd-bottom-2{padding-bottom:2em}
    .pd-bottom-3{padding-bottom:3em}
    .pd-left-1{padding-left:1em}
    .pd-left-2{padding-left:2em}
    .pd-right-1{padding-right:1em}

    .pd-left-05{padding-left:0.5em}
    .pd-right-05{padding-right:0.5em}

    .pd-right-2{padding-right:2em}
    .pd-alt-13-lados-10{padding:13px 10px}
    .pd-block{padding:3em 0em 3em}
    .pd-block3{padding:8em 0em 8em}
    .pd-block2{padding:12em 0em 7em}
    .pd-grid{padding:10px 10px}

/*=============================================
Margin
=============================================*/
    .mg-grid{margin-right: 0.7em;}
    .mg-auto{margin:  auto;}
    .mg-0, nav ul, footer ul{margin:0}
    .mg-altura-1-auto{margin:1em auto}
    .mg-top-0{margin-top:0em}
    .mg-top-05{margin-top:0.5em}
    .mg-top-1{margin-top:1em}
    .mg-top-2{margin-top:2em}
    .mg-bottom-0 {margin-bottom: 0;}
    .mg-bottom-05{margin-bottom:0.5em}
    .mg-bottom-1{margin-bottom:1em}
    .mg-bottom-2{margin-bottom:2em}
    .mg-left-auto{margin-left:auto}
    .mg-left-0{margin-left:0em!important}
    .mg-left-1{margin-left:1em}
    .mg-left-2{margin-left:2em}
    .mg-left-3{margin-left:3em}
    .mg-left-4{margin-left:4em}
    .mg-right-auto{margin-right:auto}
    .mg-right-05{margin-right:0.5em}
    .mg-right-0{margin-right:1em}
    .mg-right-1{margin-right:1em}
    .mg-right-2{margin-right:2em}
    .mg-right-3{margin-right:3em}

/*=============================================
Fondos
=============================================*/
    .bg-blanco{background-color:#fff}
    .bg-naranja{background-color:#e98229}
    .bg-azul{background-color:rgba(26,46,107,0.9)}
    .bg-verde{background-color:#64ae28}
    .bg-negro{background-color:#363636}
    .bg-gris{background-color:#f0f0ef}
    .bg-amarillo{background-color:#D3AF37}
    .bg-amarillo-i{background-color:#D3AF37!important}

/*=============================================
Colores
=============================================*/
    .cl-inherit{color:inherit;}
    .cl-blanco{color:#fff}
    .cl-blanco-i{color: #fff!important}
    .cl-amarillo{color:#D3AF37}
    .cl-naranja{color:#f69230}
    .cl-azul{color:#003794}
    .cl-verde{color:#64ae28}
    .cl-negro{color:#363636}
    .cl-gris{color:#7b7b7b}

/*=============================================
Bordes
=============================================*/

    .br-80-80-0-0{border-radius: 80px 80px 0px 0px;}
    .border-top-15{border-top: 15px solid #d3af37}

/*=============================================
Wrapper
=============================================*/
    .min-wrapper{
        padding-left:2em;
        padding-right:2em;
    }
    .wrapper{
        max-width:1330px;
        margin:0 auto;
    }
    .wrapper-2{
        max-width:1225px;
        margin:0 auto;
    }
    .wrapper-3{
        max-width:1040px;
        margin:0 auto;
    }
/*=============================================
Misc
=============================================*/
    .list-style-none, nav ul, footer ul{list-style:none}
    img{max-width: 100%;height: auto}
    .w-100{width: 100%;}
    .h-100{height:100%}
    .h-75{height:75%}
    .h-50{height:50%}
    .overflow-hidden{overflow: hidden;}
    .clear{clear: both;}

/*=============================================
Display
=============================================*/
    .d-block{display:block;}
    .d-inline-block{display:inline-block;}
    .d-none, .d-movil{display: none;}
    .d-none-i{display: none!important;}
    .d-md-block{display:block!important}
/*=============================================
Cursos
=============================================*/
    .cursor-pointer{cursor:pointer;}

/*=============================================
Textos
=============================================*/
    .semi-bold{font-weight:600}
    .bold{font-weight:bold}
    .extra-bold{font-weight:800}
    .text-center{text-align:center}
    .text-left{text-align:left}
    .uppercase{text-transform:uppercase}
    .capitalize{text-transform:capitalize}
    .text-decoration-none, nav ul a, .footer a, a{text-decoration:none}

    .f8{font-size:0.8em}
    .f7{font-size:0.7em}
    .f29{font-size: 2.9em}
    .f15{font-size: 1.5em}
    .f12{font-size: 1.2em}

    .ff18{font-size: 18px;}
    .ff22{font-size: 22px}

/*=============================================
Botones
=============================================*/
    .btn {
        padding: 15px 45px;
        border-radius: 5px;
       /* font-family: 'RobotoB';*/
        transition: 0.5s;
    }
    .btn.btn-round {border-radius: 5px 0px 0px 5px;padding: 15px 22px}
    span.fecha-izq {padding: 15px 22px;border-radius: 0px 35px 35px 0px;    }
    .btn-hover-blanco:hover {background-color: #fff;color: #000}
    .btn-hover-amarillo:hover {background-color: #D3AF37;color: #fff;}
    .btn-hover-negro:hover {background-color: #000;color: #fff}

/*=============================================
Posiciones
=============================================*/
    .relative{position:relative}
    .absolute{position:absolute}

    .line-height-30{line-height: 30px;}
    .line-height-25{line-height: 25px;}
    .line-height-20{line-height: 20px;}
    .line-height-18{line-height: 18px;}

/*=============================================
z-index
=============================================*/
    .z--1{z-index:-1}
    .z0{z-index:0}
    .z1{z-index:1}
    .z2{z-index:2}
    .z3{z-index:3}
    .z4{z-index:4}
/*=============================================
Galeria de WP
=============================================*/
.wp-block-gallery {
    display: flex;
    flex-wrap: wrap;
}
.wp-block-image {
    flex: 1 1 28%;
    margin: 5px;
    max-height: 261px;
    overflow: hidden;
}
/*=============================================
Paginación
=============================================*/
.page-numbers {
    padding: 1em;
    background: #222222;
    color: #fff;
    margin-bottom: 1em;
    display: inline-block;
}
span.page-numbers.current {
    background-color: #e98229;
}
/*=============================================
Mis estilos 
=============================================*/
.zcwf_col_fld, .zcwf_col_fld input {
    width: 100%!important;
}
.zcwf_col_fld input {
   margin: 0px!important;
    width: 90%;
    padding: 13px 15px;
    background-color: #e5e5e5;
    border: none;
    border-radius: 14px!important;
    margin-bottom: 1.3em;
    text-align: center;
}


.impartido{
    width: 95%;
}
.header-top {
    margin-top: 35px;
}
.maestros{
	margin-left: -1em;
    margin-bottom: 3em;
    padding-top: 1em;
}
.maestros p{
    font-size: 16px;
    line-height: 19px;
}
img.grid-lista{flex: 0 0 20px;}
span.grid-lista2 {
    flex: 1 1 90%;
    text-align: left;
}
img.logo-hazlo{margin-left: auto;}
form {
    background-color: #fff;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    box-shadow: 8px 9px 18px #565656;
    position: absolute;
    max-width: 380px;
    /*top: -55px;*/
    width: 100%;
}
.zcwf_col_lab {
    display: none;
}
input{width: 90%;
    padding: 13px 15px;
    background-color: #e5e5e5;
    border: none;
    border-radius: 14px;
    margin-bottom: 1.3em;
    text-align: center;
}
input[type="submit"].submit {
    margin: 0!important;
    padding: 15px 15px!important;
    background-color: #fe931f!important;
    border-radius: 0!important;
    /*width: 70%!important;*/
    color: #fff!important;
    box-shadow: 1px 3px 5px #bcbcbc!important;
    cursor: pointer!important;
    font-size: 25px!important;
    font-weight: bold!important;
    width: 100%!important;
}
article#contenido {
    margin-top: 90px;
    margin-bottom: 127px;
    padding-bottom: 35px;
}
img.fondo {
    top: -90px;
}
img.carta {
    position: absolute;
    bottom: -90px;
    right: 28px;
}
img.flecha {
    position: absolute;
    left: 37%;
    bottom: -7%;
}
/*=============================================
Medias querys 
=============================================*/
@media only screen and (max-width:1800px){

}
@media only screen and (max-width:1700px){

}
@media only screen and (min-width:1600px){

}
@media only screen and (max-width:1599px){
    
}
@media only screen and (max-width:1400px){

}
@media only screen and (max-width:1280px){
    .wrapper {
        padding: 0 2em;
    }
    .wrapper-2 {
        padding: 0 2em;
    }
    img.fondo {
        width: calc(100% - 4em);
    }
    nav{justify-content: center!important;} 
    .maestros{
        margin-bottom: 2em;
    }
        img.logo {
        margin-right: 2em;
    }
}
@media only screen and (max-width:1100px){
    article#contenido {
        margin-top: 80px;
        margin-bottom: 75px;
    }
    main {
        background-image: url(../img/sentado.webp);
        background-size: cover;
    }
    img.flecha {
        display: none;
    }
    .carta {
        display: none;
    }
    h1, .h1 {
        font-size: 28px;
    }
    h2{
        font-size: 20px;
    }
    .ff22,input.submit {
        font-size: 18px;
    }
    footer.bg-blanco {
        padding: 1em 0;
    }
    .wrapper-2 {
        padding: 0 0;
    }
}
@media only screen and (min-height:768px) and (max-width:1024px){
    .grid2-3.relative {
        flex: 1 1 50%;
    }
    br{display: none;}
}
@media only screen and (min-height:1366px) and (max-width:1024px){

}
@media only screen and (min-width:768px) and (max-width:1024px){

}
@media only screen and (max-width:1000px){
    .maestros{
        flex-direction: column;
        margin-left: 0;
    }
}
@media only screen and (max-width:932px){

}
@media only screen and (max-width:767px){
    #crmWebToEntityForm.zcwf_lblLeft{
        padding: 0px!important;
        margin-bottom: 2em!important;
    }
    .footer{
        background: #193c62;
        padding: 1em;
    }
    .impartido {
        width: 100%;
        }
    .maestro{
        padding: 0;
    }
    .maestro > div {
        justify-content: center;
        align-items: center;
        display: flex;
        flex-direction: column;
        margin-bottom: 2em;
        text-align: center;
    }
	img.logo {
        margin-bottom: 2em;
    }
    img.logo {
        margin-right: 0em;
        margin-bottom: 2em;
    }
    img.logo-hazlo {
        margin-left: initial;
    }
    .grid2-3, .grid1-3 {
        flex: 1 1 100%;
    }
    form{position: relative;position: relative;
        top: 0;
        margin: 0 auto;
        margin-top: 2em;}
    article#contenido {
        margin-top: 50px;
        margin-bottom: 35px;
    }
    img.fondo {
        top: -50px;
    }
    article#contenido {
        margin-top: 0px!important;
        margin-bottom: 0px!important;
        background-color: #29569e;
    }
    [class^="grid1-"] {
        padding-right: 0px;
        margin-bottom: 0px;
    }
    h1 {
        margin-bottom: 1em!important;
    }
    footer > div {
        justify-content: center!important;
    }
    .header-top {
        justify-content: center;
    }
    h1{
    	text-align: center;
    }
    .impartido > p {
        margin: 0 0 1em;
        text-align: center;
    }
}
@media only screen and (max-width:689px){
    
}
@media only screen and (max-width:667px){

}
@media only screen and (max-width:450px){
    .wrapper {
        padding: 0 1em;
    }
/*    .wrapper-2 {
        padding: 0 1em;
    }*/
    img.fondo {
        width: calc(100% - 2em);
    }
    form {
        
    }
    ul{justify-content: center;}
    /*.grid2-3 {
        text-align: center;
    }*/
    br{display: none;}
}

@media only screen and (max-width:393px){.

}
@media only screen and (max-width:320px){

}