* {
    padding: 0px;
    margin: 0px;
}

@font-face {
    font-family: 'MyWebFont';
    src: url('WebFont.eot');
    src: url('WebFont.eot?#iefix') format('embedded-opentype'),
        url('WebFont.woff') format('woff'),
        url('WebFont.ttf') format('truetype'),
        url('WebFont.svg#webfont') format('svg');
}

/*------------------------------ menu ------------------------------*/

nav {
    width: 100%;
    float: left;
    height: auto;
    position: fixed;
    overflow: hidden;
    background-color: white;
    z-index: 4;
}


.menu-lis li {
    float: left;
    list-style: none;
    width: 20%;
    text-align: center;
}


.menu-lis li a {
    width: 100%;
    float: left;
    line-height: 60px;
    text-decoration: none;
    color: white;
    font-family: 'frankfurter_mediumregular';
    text-transform: uppercase;
    font-size: 19px;
    transition: .2s;
}

.menu-lis li a:hover {
    font-size: 20px;
    text-shadow: black 0.1em 0.1em 0.2em;
}


.contenedor-menu-redes {
    width: 50%;
    float: left;
}

.caja-logo {
    width: 50%;
    float: left;
}

.logo {
    width: 320px;
}

.logo-movil2 {
    display: none;
}

.redes-menu {
    width: 100%;
    height: 100px;
    float: left;
    background-color: white;
}

.menu-lis {
    width: 100%;
    height: 60px;
    float: left;
    background-color: #f47d1f;
    overflow: hidden;
}

.franja-menu {
    width: 100%;
    height: 10px;
    float: left;
    background-color: #fabb14;
}

.redes-menu ul {
    width: 100%;
    float: right;
}

.redes-menu a {
    width: 100%;
    float: left;
}

.redes-menu li {
    width: 14%;
    float: left;
    margin: 2%;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    list-style: none;
}

.redes-menu i {
    line-height: 100px;
    font-size: 30px;
}

.color-facebook {
    color: #3a559f;
}

.color-youtube {
    color: #f80000;
}

.color-instagram {
    color: #de0034;
}

.color-twitter {
    color: #53a8e7;
}

.color-blog {
    color: #ff8000;
}

.color-telefono {
    color: #f47d1f;
}

.color-contacto {
    color: #f47d1f;
}

.direccion-menu {
    width: 50%;
    float: right;
}

.red-menu {
    width: 50%;
    float: right;
}

.linea-direccion {
    width: 140px;
    height: 70px;
    float: right;
    margin: 15px;
    margin-right: 0px;
    border-right: 1px solid #f47d1f;
}

.linea-direccion label {
    line-height: 0px;
}

.linea-direccion i {
    line-height: 70px;
    transform: scaleX(-1);
    font-size: 30px;
    float: left;
}

.titulo-telefono {
    width: 70%;
    float: left;
    margin-top: 17px;
    margin-left: 5%;
    font-size: 15px;
}

.numero-telefono {
    width: 70%;
    float: left;
    margin-left: 5%;
    font-size: 18px;
}

/*------------------------------ menu ------------------------------*/


body {
    font-family: "Open Sans", sans-serif;
}

h1,
h2 {
    font-family: 'frankfurter_mediumregular';
}

.medida-default {
    max-width: 1180px;
    margin: auto;
}

.telefono {
    background-color: #00e676;
    position: fixed;
    bottom: 5%;
    right: 5%;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    text-align: center;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .1), 0 2px 32px rgba(0, 0, 0, .2);
    z-index: 2;
}

.telefono i {
    line-height: 60px;
    color: white;
    font-size: 32px;
}

.section-descripcion {
    width: 92%;
    float: left;
    /*background-color: #ddf9ff;*/
    background-color: white;
    height: auto;
    padding: 4%;
}

.tema-inicio {
    width: 42%;
    float: left;
    height: auto;
    padding: 4%;
    padding-top: 1%;
}


.tema-inicio p {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    color: #666666;
    line-height: 19px;
}

.imagenes-inicio {
    width: 50%;
    float: left;
    height: auto;
}

header {
    width: 100%;
    float: left;
    margin-top: 170px;
    height: 300px;
    overflow: hidden;
}

.img-portada {
    width: 100%;
    height: auto;
    display: block;
}


.section-inicio {
    width: 92%;
    height: auto;
    float: left;
    background-image: url(../img/fondo.jpg);
    padding: 4%;
}

.caja-fondo {
    width: 100%;
    float: left;
}

.caja-fondo img {
    width: 100%;
}

.cursos {
    width: 100%;
    float: left;
    height: auto;
}


.medida {
    max-width: 1180px;
    width: 85%;
    margin: auto;
}

.intro {
    text-align: center;
    padding: 2%;
}

.imagenes-inicio img {
    width: 46%;
    margin: 2%;
    float: left;
}

.tema-cursos-descripcion {
    width: 92%;
    height: auto;
    float: left;
    /*background-color: rgba(214, 25, 93, .1);*/
    background-color: #59a82e;
    padding: 4%;
    position: relative;
    margin-bottom: 7%;
    color: white;
}

.contenedor_caja_img_video{
    width: 100%;
    display: grid;
    grid-template-columns: 50% 50%;
}

.letra-descripcion_v2{
    line-height: 20px;
}

.texto_taller_chocolate{
    color: white;
    text-align: center;
    margin-top: 2%;
}

.contenedor_caja_img_video .img_descripcion{
    width: 100%;
}

.video-descripcion_v2 iframe{
    width: 90%;
    float: right;
}

.contenedor_general_img_video h1{
    text-align: center;
    margin-bottom: 2%;
}

.img-descripcion {
    width: 20%;
    float: left;
    background-color: cadetblue;
    height: auto;
    position: absolute;
    top: 25%;
}

.img-descripcion img {
    width: 100%;
    display: block;
    margin: auto;
}

.letra-descripcion {
    width: 70%;
    float: right;
    height: auto;
}

.letra-descripcion h1 {
    padding: 4%;

}

.letra-descripcion p {
    padding: 4%;
    padding-top: 0px;
    line-height: 20px;
    padding-bottom: 0px;
}

.lista {
    width: 92%;
    height: auto;
    float: left;
    padding: 4%;
}

.contenido {
    width: 100%;
    height: auto;
    padding-bottom: 5%;
    border-bottom: 1px solid #ddd;
    margin-bottom: 4%;
    float: left;
}

.contenido-datos-p {
    padding: 5%;
    line-height: 19px;
    color: #666666;
    text-align: justify;
}

.fecha-detalle {
    margin-left: 0px;
    font-size: 15px;
}

.fecha-detalle:last-child {
    margin-left: 0px;
}

.contenido-img {
    width: 40%;
    float: left;
    background-color: burlywood;
    position: relative;
}

.mensaje-cursos {
    width: 100%;
    height: auto;
    float: left;
    background-color: #fabb14;
}

.mensaje-cursos p {
    text-align: center;
    padding: 2%;
}

.informacion-cursos {
    width: 70%;
    float: left;
    margin-top: 12%;
    color: white;
    line-height: 27px;
    font-size: 16px;
}

.img-vector-cursos {
    width: 30%;
    float: left;
}

.img-vector-cursos img {
    width: 100%;
    float: right;
    display: block;
}

.btn-botones {
    background-color: #e74c30;
    color: white;
    padding: 10px 30px;
    line-height: 1.5;
    border-radius: 4px;
    border: none;
    /* text-transform: uppercase */
    ;
    font-size: 15px;
    box-shadow: 0 2px 0 #ddd;
    cursor: pointer;
    display: inline-block;
}

.btn-leer {
    margin: 4%;
    margin-top: 2%;
}

.miniatura {
    width: 100%;
    margin: auto;
    height: auto;
    display: block;
}

.contenido-datos {
    width: 60%;
    float: left;
}

.contenido-datos h3 {
    font-size: 25px;
    padding: 4%;
    padding-bottom: 2%;
    font-family: sans-serif;
    color: #e74c30;
    text-transform: uppercase;
}

.fecha {
    width: auto;
    height: auto;
    background-color: #59a82e;
    float: left;
    position: absolute;
    text-align: center;
    padding: 2%;
    color: white;
    box-shadow: black 0.1em 0.1em 0.2em;
    line-height: 30px;
}

.portada-inicio {
    position: relative;
}

.titulo-portada {
    position: absolute;
    color: white;
    top: 40%;
    text-align: center;
    margin: auto;
    right: 0px;
    left: 0px;
    margin-right: auto;
    margin-left: auto;
    font-size: 50px;
    text-shadow: black 0.1em 0.1em 0.2em;
}

.letras-portada {
    position: absolute;
    color: white;
    top: 40%;
    text-align: center;
    margin: auto;
    right: 0px;
    left: 0px;
    margin-right: auto;
    margin-left: auto;
    text-shadow: black 0.1em 0.1em 0.2em;
}

.letras-portada h1 {
    font-size: 50px;
    text-transform: uppercase;
}

.letras-portada p {
    font-size: 25px;
}

.caja-curso {
    width: 31.3%;
    float: left;
    height: auto;
    margin: 1%;
    position: relative;
    margin-top: 4%;
}

.caja-redondear {
    border-radius: 5px;
    overflow: hidden;
}

.icono-curso {
    width: 50px;
    height: 50px;
    background-color: white;
    position: absolute;
    top: -10%;
    right: 0px;
    left: 0px;
    margin-right: auto;
    margin-left: auto;
    border-radius: 50%;
    text-align: center;
    border: 3px solid #e74c30;
    z-index: 2;
}

.icono-curso i {
    line-height: 50px;
    font-size: 25px;
    color: #e74c30;
}

.titulo-curso {
    width: 100%;
    float: left;
    height: auto;
    position: absolute;
    background-color: #e74c30;
    padding-top: 10%;
    z-index: 1;
}

.titulo-curso h3 {
    padding: 4%;
    text-align: center;
    color: white;
}

.curso-img {
    width: 100%;
    display: block;
    transition: .5s;
}


/*------------------------------ footer ------------------------------*/

footer {
    width: 92%;
    float: left;
    height: auto;
    background-color: #59a82e;
    padding: 4%;
    color: white;
    z-index: 1;
    position: relative;
}

.cajas-footer {
    width: 23%;
    float: left;
    height: auto;
    margin: 1%;
}

.cajas-footer h3 {
    text-transform: uppercase;
    margin-bottom: 6%;
}

.linea-footer {
    width: 100%;
    float: left;
    height: auto;
}

.linea-footer p {
    text-align: center;
    padding: 1%;
}

.logo-footer {
    width: 60%;
    float: left;
}

.redes-sociales {
    width: 100%;
    float: left;
    text-align: center;
}

.redes-sociales a {
    color: white;
}

.redes-sociales i {
    padding: 1%;
    font-size: 20px;
}

.cajas-footer p {
    line-height: 27px;
}

.menu-icono {
    display: none;
}

.escritorio {
    display: block;
}

.movil {
    display: none;
}

.caja-formulario {
    width: 100%;
    padding: 4%;
    padding-right: 0px;
    padding-left: 0px;
    margin-top: 170px;
    float: left;
    height: auto;
}

.caja-form-info {
    width: 100%;
    float: left;
}

#contacto .caja-form-info {
    text-align: center;
}

.caja-form-info h1 {
    padding: 2%;
    font-size: 50px;
}


.caja-form-info p {
    padding: 1%;
    padding-top: 0px;
    line-height: 20px;
}

.caja-form {
    width: 50%;
    height: auto;
    float: left;
}

.input-form {
    width: 41%;
    float: left;
    padding: 3%;
    margin: 1%;
}

.textarea-form {
    width: 91%;
    padding: 3%;
    float: left;
    margin: 1%;
}

.btn-contacto {
    margin: 1%;
}

.mapa-form {
    width: 100%;
    float: left;
    background-color: chartreuse;
    height: auto;
}

.mapa-form iframe {
    display: block;
}

.resaltar-form {
    font-weight: 700;
    color: #f47d1f;
}

.enlace-telefono {
    color: black;
}

.enlace-telefono-b {
    color: white;
    text-decoration: underline;
}

.img-face {
    width: 200px;
    height: 200px;
    background-color: blueviolet;
    position: absolute;
    top: 15%;
    margin-left: 10%;
    border-radius: 50%;
    border: 5px solid white;
}

.telefono-movil-menu {
    display: none;
}

.icono-gorra {
    width: 60%;
    margin: auto;
    margin-top: 5px;
    display: block;
}


.redes-menu .li-contacto {
    display: none;
}

.caja-descripcion {
    width: 100%;
    float: left;
    margin-top: 175px;
    text-align: center;
}

.caja-descripcion h1 {
    padding: 4%;
    padding-bottom: 0px;
    color: #59a82e;
}

.caja-descripcion p {
    padding: 4%;
    padding-top: .5%;
}


.titulo-lista {
    text-align: center;
    padding: 2%;
    text-transform: uppercase;
    color: #e74c30;
    padding-top: 1%;
}

#demos2 .titulo-lista {
    padding-top: 2%;
}


.horario {
    border-bottom: 3px solid #e74c30;
}

.mas-cursos {
    width: 100%;
    float: left;
    background-color: cadetblue;
}

.mas-cursos h1 {
    text-align: center;
    padding: 2%;
}


.mapa-curso {
    width: 100%;
    float: left;
    height: auto;
    padding: 4%;
    padding-left: 0px;
    padding-right: 0px;
}

.mapa-direccion {
    width: 50%;
    float: left;
    height: auto;
}

.mapa-direccion p {
    padding: 4%;
    line-height: 19px;
    color: #666666;
}

.mapa-figura {
    width: 50%;
    float: left;
    height: auto;
    background-color: cadetblue;
}

.mapa-figura img {
    width: 100%;
    display: block;
}

.mapa-figura iframe {
    display: block;
}

.telefono-curso {
    width: 100%;
    float: left;
    height: 100px;
    background-color: burlywood;
}

.color-p-a {
    color: white;
}

.unica-fecha {

    font-weight: 700;
    color: red;

}

.titulo-mensaje-inicio {
    text-align: center;
    font-size: 30px;
}

.icono-numero {
    transform: scaleX(-1);
    color: #f47d1f;
    font-size: 20px;
}

.icono-what {
    color: #f47d1f;
    font-size: 20px;
}

.caja-mensaje-contacto {
    width: 100%;
    margin-top: 170px;
    float: left;
    text-align: center;
}

.contenedor-mensaje-contacto {
    width: 80%;
    float: left;
    margin: 10%
}

.contenedor-mensaje-contacto h1 {
    font-size: 50px;
    margin: 2%;
}

.enlace-inicio-contacto {
    color: #fabb14;
    font-weight: 700;
}

.lista-temario {
    width: 100%;
    padding-bottom: 4%;
    height: auto;
    float: left;
}

.listados-temario {
    width: 100%;
    height: auto;
    float: left;
    padding: 4%;
    padding-right: 0px;
    padding-left: 0px;
    background-color: #e74c30;
}

.detalle-lista {
    width: 50%;
    height: auto;
    float: left;
}

.detalle-lista-p {
    text-align: justify;
    padding: 2%;
    line-height: 19px;
}


.img-lista {
    width: 50%;
    height: auto;
    float: left;
    position: relative;
}

.img-lista img {
    width: 70%;
    margin: auto;
    display: block;
}

.lista-curso-temario {
    margin: 2%;
    margin-left: 6%;
}

.lista-curso-temario li {
    padding: .5%;
    list-style: square;
}

.boton-mas-cursos {
    width: 100%;
    height: auto;
    float: left;
    background-color: #fabb14;
    background-image: url(../img/fondo-horizontal-blanco.png);
    text-align: center;
}


.boton-mas-cursos-pizza {
    background-color: #e74c30;
}

.boton-mas-cursos-cafe {
    background-color: #392b1b;
}


.btn-pizza {
    background-color: #fabb14;
}

.btn-cafe {
    background-color: #9e724e;
}

.caja-descripcion-cafe h1 {
    color: #392b1b;
}

.caja-telefono-completo {
    width: 100%;
    padding-top: 0px;
}

.mapa-direccion .caja-telefono-completo p {
    padding-top: 0px;
}

.mensaje-cursos-detalle {
    text-align: center;
    margin: auto;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
}

.boton-mas-cursos h1 {
    text-align: center;
    color: white;
    padding: 2%;
}

.boton-mas-cursos h2 {
    text-align: center;
    color: white;
    padding: 2%;
    font-size: 32px;
    font-weight: normal;
    font-style: normal;
}

.boton-mas-cursos a {
    text-align: center;
    color: white;
    box-shadow: none;
    margin-bottom: 4%;
}

.boton-mas-cursos img {
    width: 100%;
    float: left;
    display: block;
}

.contenedor-curso-detalle {
    width: 50%;
    margin: auto;
    background-color: #e74c30;
    color: white;
    text-align: center;
    padding: 2%;
    border-radius: 5px;
}

.listados-img {
    width: 50%;
    height: auto;
    float: left;
}


.listados-img img {
    width: 70%;
    height: auto;
    margin: auto;
    display: block;
}


.listados-info {
    width: 50%;
    height: auto;
    float: right;
}

.listados-temarion .listados-info {
    width: 45%;
    margin-right: 5%;
}

.listados-info h1 {
    padding: 2%;
    color: white;
}

.listados-info .titulo_preparar {
    padding: 2%;
    color: white;
    font-size: 32px;
    font-weight: normal;
    font-style: normal;
}

.lista-detalle-ul {
    padding: 4%;
    height: auto;
    color: white;
}

.lista-detalle-ul li {
    line-height: 20px;
    list-style: square;
}

.linea-curso-detalle {
    border-bottom: 3px solid #e74c30;
}

.linea-curso-detalle a {
    color: #f47d1f
}

.fecha-curso-detalle {
    margin-left: 2%;
    font-weight: 700;
}

.contenedor-a {
    text-align: center;
    margin-top: 5%;
    margin-bottom: 5%;
    animation-duration: 2.5s;
}

.gm-style .place-card-large {
    display: none;
}

.mapa-img {
    width: 100%;
}

.descripcion-listado-info {
    color: white;
    padding: 2%;
    line-height: 25px;
}

.descripcion-listado-info2 {
    color: white;
    padding: 2%;
    text-align: justify;

}

.listados-temario-pizza {
    background-color: #59a82e;
}

.listados-temario-cafe {
    background-color: #774e33;
}

.contenedor-ul-dos {
    width: 100%;
    float: left;
}

.lista-dos {
    width: 42%;
    float: left;
}

.listado-pizza {
    width: 95%;
    margin-left: 5%;
}

.titulo-pizza-uno {
    color: white;
}

.li-listado-pizzas {
    list-style: outside;
    float: left;
}

.caja-texto-curso {
    width: 100%;
    background-color: #fabb14;
    float: left;
}

.caja-texto-curso p {
    color: white;
    padding: 4%;
    text-align: justify;
}

.informe-curso {
    color: black;
    font-weight: 700;
    text-decoration: underline;
}


.pregunta-extractos {
    color: #59a82e;
    font-weight: 700;
    font-size: 25px;
    width: 100%;
    float: left;

}

.lista-varieda-trufas li {
    margin-left: 5%;
    list-style: outside;
}

.caja-a-cursos a {
    color: white;
}

.lista-general {
    width: 100%;
    float: left;
    height: auto;
    margin-top: 5px;
    padding-bottom: 1%;
    border-bottom: 1px solid #ddd;
}


.caja-curso-general {
    width: 17%;
    float: left;
    height: auto;
    margin: .5%;
    padding: 1%;
    text-align: center;
}

.lista-v .caja-curso-general {
    width: 30%;
}


.caja-curso-general:hover {
    box-shadow: 2px 2px 2px 2px #ddd;
    background-color: white;
}

.caja-curso-general img {
    width: 100%;
    float: left;
    margin-bottom: 4%;
}

.nombre-curso {
    width: 94%;
    padding: 3%;
    float: left;
    text-align: center;
    font-family: 'frankfurter_mediumregular';
    font-size: 15px;
    text-transform: uppercase;
    color: #4c270c;
}

.fondo-d-cursos-g {
    width: 100%;
    float: left;
    background-color: #59a82e;
    color: white;
}

.descripcion-cursos-general {
    padding: 2%;
    padding-left: 4%;
    padding-right: 4%;
    float: left;
    text-align: center;
}

.contenedor-lista-g {
    width: 100%;
    float: left;
    padding-top: 0%;
    padding-bottom: 4%;
}

.lista-v {
    width: 72%;
}

.lista-v img {
    max-width: 250px;
    width: 100%;
}

.sinborde {
    border: none;
    margin-bottom: 2%;
}

.sinborde-g {
    border: none;
    margin-bottom: 0%;
}

.caja-curso-general .btn-botones {
    padding: 10px 25px;
    font-family: 'frankfurter_mediumregular';
    text-transform: uppercase;
    font-size: 13px;
}

.n-escritorio {
    display: block;
}

.n-movil {
    display: none;
}

.fondo-curso-general {
    width: 100%;
    float: left;
    height: auto;
    /* background-image: url(../img/fondo.jpg); */
    background-size: 100%;
}

.color-morado-temario {
    background-color: #b13e99;
}

.color-morado-cursos {
    background-color: #b83d69;
}

.turron-btn {
    background-color: #fabb14;
}

.color-turron-h1 h1 {
    color: #b83d69;
}

.turron-linea {
    border-bottom: 3px solid #fabb14;
}

.mas-cursos-general {
    background-image: unset;
}

.mas-cursos-general h1 {
    font-size: 30px;
    margin: 2%;
}

.detalle-lista {
    width: 50%;
    height: auto;
    float: left;
}

.general-detalle {
    width: 100%;
}

.general-detalle-p {
    text-align: center;
}

.lista-temario-general {
    padding-bottom: 0px;
}

.caja-videos {
    width: 100%;
    height: auto;
    float: left;
    background-color: #fabb14;
}

.lado-derecho {
    width: 20%;
    float: right;
    height: auto;
    background-color: aquamarine;
    position: fixed;
    right: 5%;
    top: 210px;
    z-index: 5;
}

.caja-aside {
    width: 100%;
    height: 100px;
    float: left;
    background-color: coral;
    margin-bottom: 2%;
}

.oferta {
    width: 26%;
    height: auto;
    overflow: hidden;
    float: right;
    margin-top: 5%;
}

.oferta-fijo {
    width: 24%;
    position: fixed;
    right: 5%;
    top: 18%;
    z-index: 1;
}


.oferta img {
    max-width: 323px;
    width: 100%;
    display: block;
    margin: auto;
}


.medida-relative {
    position: relative;
}

.anuncio {
    width: 100%;
    height: 0px;
    float: left;
    background-color: aliceblue;
}

.info-demos {
    width: 100%;
    margin-top: 3%;
}


.cursov-movil {
    display: none;
}

.cursov-escritorio {
    display: block;
}


.promocion {
    text-align: center;
    padding: 2%;
    font-size: 20px;

}


.redes-ocultar {
    display: block;
}

.mensaje-ofertas {
    display: none;
}

.lista-center p {
    text-align: center;
}

.contenedor-video {
    width: 100%;
    float: left;
    height: auto;
}


.detalle-video {
    width: 92%;
    float: left;
    height: auto;
    padding: 4%;
    padding-top: 4%;
    padding-bottom: 4%;
}


.contenedor-info-img-video {
    width: 80%;
    float: left;
}

.d-img-video {
    width: 45%;
    float: left;
    background-color: blue;
    height: auto;
    position: relative;
}


.d-img-video img {
    width: 100%;
    float: left;
    display: block;
    margin: auto;
}

.d-info-video {
    width: 51%;
    margin: 2%;
    margin-top: 0px;
    float: right;
    height: auto;
}

.d-info-video h1 {
    padding-bottom: 5%;
    color: #e74c30;
    text-align: center;
}

.d-texto-info {
    text-align: justify;
    color: #666666;
    line-height: 19px;
    float: left;
}

.d-cinta {
    width: 20%;
    float: right;
}

.contenedor-cintav {
    width: 100%;
    float: right;
    height: 450px;
    overflow: hidden;
    display: block;
}

.contenedor-cintah {
    width: 100%;
    float: right;
    height: auto;
    overflow: hidden;
    display: none;
}

.cinta-img {
    width: 90%;
    height: 450px;
    display: block;
    margin: auto;
    background-image: url(../img/hojaldre-cinta.jpg);
    background-size: 100% 100%;
    animation: slider 200s infinite linear;
}

.cinta-img-churro {
    background-image: url(../img/churros-cinta.jpg);
}


.cinta-img-chocolate {
    background-image: url(../img/chocolate-cinta.jpg);
}


.cinta-img-teja {
    background-image: url(../img/teja-cinta.jpg);
}

.cinta-img-empanada {
    background-image: url(../img/empanada-cinta.jpg);
}

.cinta-img-soufle {
    background-image: url(../img/soufle-cinta.jpg);
}

.cinta-img-helado {
    background-image: url(../img/helado-cinta.jpg);
}

.cinta-img-tortas-comerciales {
    background-image: url(../img/torta-comercial-cinta.jpg);
}

.cinta-img-pasteles-salados {
    background-image: url(../img/pasteles-salados-cinta.jpg);
}

.cinta-img-keke-comercial {
    background-image: url(../img/keke-comerciales-cinta.jpg);
}

.cinta-img-chiffones {
    background-image: url(../img/chiffones-cinta.jpg);
}

.cinta-img-sandwichesuno {
    background-image: url(../img/sandwichesuno-cinta.jpg);
}

.cinta-img-sandwichesdos {
    background-image: url(../img/sandwichesdos-cinta.jpg);
}

.cinta-img-pies {
    background-image: url(../img/pies-cinta.jpg);
}

.cinta-img-panificacionuno {
    background-image: url(../img/panificacion01-cinta.jpg);
}

.cinta-img-panificaciondos {
    background-image: url(../img/panificacion02-cinta.jpg);
}

.cinta-img-postres-comerciales {
    background-image: url(../img/postres-comerciales-cinta.jpg);
}

.cinta-img-sandwichestres {
    background-image: url(../img/sandwichestres-cinta.jpg);
}

.cinta-img-pizzas {
    background-image: url(../img/pizzas-cinta.jpg);
}

.cinta-img-turrones {
    background-image: url(../img/turrones-cinta.jpg);
}

.cinta-img-jugos-clasicos {
    background-image: url(../img/jugos-clasicos-cinta.jpg);
}

.cinta-img-jugo-yogurt {
    background-image: url(../img/jugos-yogurt-cinta.jpg);
}

.cinta-img-mousses {
    background-image: url(../img/mousses-cinta.jpg);
}

.cintah-img {
    width: 100%;
    height: 100px;
    display: block;
    margin: auto;
    background-image: url(../img/hojaldre-cintah.jpg);
    background-size: 100% 100%;
    animation: sliderh 200s infinite linear;
}

.cintah-img-churro {
    background-image: url(../img/churro-cintah.jpg);
}

.cintah-img-chocolate {
    background-image: url(../img/chocolate-cintah.jpg);
}

.cintah-img-teja {
    background-image: url(../img/teja-cintah.jpg);
}

.cintah-img-empanada {
    background-image: url(../img/empanada-cintah.jpg);
}


.cintah-img-soufle {
    background-image: url(../img/soufle-cintah.jpg);
}

.cintah-img-helado {
    background-image: url(../img/helados-cintah.jpg);
}

.cintah-img-tortas-comerciales {
    background-image: url(../img/tortas-comerciales-cintah.jpg);
}

.cintah-img-keke-comercial {
    background-image: url(../img/keke-comercial-cintah.jpg);
}

.cintah-img-chiffones {
    background-image: url(../img/chiffones-cintah.jpg);
}

.cintah-img-pasteles-salados {
    background-image: url(../img/pasteles-salados-cintah.jpg);
}


.cintah-img-sandwichesuno {
    background-image: url(../img/sandwiches01-cintah.jpg);
}

.cintah-img-sandwichesdos {
    background-image: url(../img/sandwiches02-cintah.jpg);
}

.cintah-img-pies {
    background-image: url(../img/pies-cintah.jpg);
}

.cintah-img-panificacionuno {
    background-image: url(../img/panificacion01-cintah.jpg);
}

.cintah-img-panificaciondos {
    background-image: url(../img/panificacion02-cintah.jpg);
}

.cintah-img-postres-comerciales {
    background-image: url(../img/postres-comerciales-cintah.jpg);
}

.cintah-img-sandwichestres {
    background-image: url(../img/sandwiches03-cintah.jpg);
}

.cintah-img-pizzas {
    background-image: url(../img/pizzas-cintah.jpg);
}

.cintah-img-turrones {
    background-image: url(../img/turrones-cintah.jpg);
}

.cintah-img-jugos-clasicos {
    background-image: url(../img/jugos-clasicos-cintah.jpg);
}

.cintah-img-jugo-yogurt {
    background-image: url(../img/jugos-yogurt-cintah.jpg);
}

.cintah-img-mousses {
    background-image: url(../img/mousses-cintah.jpg);
}

/*
.btn-cds{
    font-family: 'frankfurter_mediumregular';
    text-transform: uppercase;
    font-size: 13px;
}
*/

.botones-cd {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 4%;
}

.btn-cds {
    padding: 4%;
    color: #e74c30;
    font-weight: 700;
    cursor: pointer;
}

.btn-videocurso {
    color: #3a559f;
}


@keyframes slider {
    to {
        background-position-y: 7424px;
    }
}

@keyframes sliderh {
    to {
        background-position: 7424px;
    }
}

.d-numero {
    width: auto;
    background-color: #59a82e;
    position: absolute;
    bottom: 0px;
    right: 0px;
    text-align: center;
    color: white;
    padding: 4%;
}

.boton-domicilio {
    background-color: #e74c30;
    background-image: unset;
}

.boton-domicilio a {
    margin-bottom: 0px;
}

.lista-contenido-cd {
    color: white;
}

.lista-contenido-cd li {
    line-height: 20px;
}

.lista-contenido-cd a {
    font-weight: 700;
    font-size: 20px;
}

.detalles-disco {
    width: 92%;
    height: auto;
    float: left;
    padding: 4%;
    padding-bottom: 4%;
    background-color: #fabb14;
}

.lista-disco {
    width: 100%;
    float: left;
}

.caja-lista-disco {
    width: 50%;
    float: left;
}

.lista-disco h1 {
    padding: 4%;
    padding-left: 8%;
    color: white;
}

.lista-disco li {
    list-style: square;
    line-height: 20px;
    margin-left: 20%;
    color: white;
}

.img-disco {
    width: 50%;
    float: right;
}

.img-disco img {
    width: 70%;
    display: block;
    margin: auto;
}

.color-domicilio {
    color: white;
    line-height: 19px;
}

.portada-video-d {
    max-height: 200px;
    height: auto;
}

.dato-info {
    width: 95%;
    float: left;
    margin: 4%;
    margin-right: 0px;
    margin-left: 5%;
    font-weight: 700;
}

.btn-llegar {
    background-color: #fabb14;
}

.mcd-cds {
    padding: 4%;
}

.mcd-cds a {
    width: 100%;
    float: left;
}

.subtema-lista-disco {
    color: white;
    padding: 4%;
    padding-left: 16%;
}

.telefono-i {
    transform: scaleX(-1);
}

.columna-lista-disco {
    width: 50%;
    float: left;
}

.columna-lista-disco h3 {
    margin-left: 16%;
}

.columna-lista-disco li {
    margin-left: 40%;
}

.info-video-ancho {
    width: 100%;
}

.img-uno-reducir {
    max-width: 390px;
}

.mapa-vl {
    width: 92%;
    padding: 4%;
    float: left;
    height: auto;
    margin-top: 170px;
}

.temavl {
    width: 100%;
    margin-bottom: 4%;
}

.temavl h1 {
    margin-bottom: 1%;
    font-size: 50px;
    text-align: center;
}

.temavl-p {
    width: 94%;
    float: left;
    font-size: 17px;
    color: #666666;
}

.temavl-i {
    float: left;
    margin-right: 2%;
    font-size: 17px;
}

.caja-mapavl {
    width: 100%;
    float: left;
}

.caja-mapavl img {
    width: 100%;
    float: left;
    display: block;
}

.caja-infovl {
    width: 100%;
    float: right;
}

.caja-infovl p {
    padding: 4%;
    padding-left: 0px;
    color: #666666;
}

.barra-mapavl {
    width: 92%;
    float: left;
    background-color: antiquewhite;
    height: auto;
    padding: 4%;
}

.barra-mapavl a {
    width: 45%;
    float: left;
    background-color: #53a8e7;
    text-decoration: underline;
    padding: 1%;
    margin: 1%;
    border: 1px solid black;
}

.barra-mapavl h1 {
    text-align: center;
}

.enlaces-mapavl {
    width: 96%;
    padding: 2%;
    float: left;
    text-align: center;
}

.detalles-mapavl {
    text-align: center;
}

.caja-infovl a {
    font-size: 20px;
    font-weight: 700;
}

.curso-nuevo {
    background-color: #e74c30;
    float: left;
    position: absolute;
    width: auto;
    top: 5%;
    right: 4%;
    padding: 5%;
    color: white;
    box-shadow: black 0.1em 0.1em 0.2em;
    /*  border: 5px double white; */
}

.curso-nuevo p {
    margin-top: 5px;
    text-align: center;
    font-family: 'frankfurter_mediumregular';
    font-size: 20px;
}

.img-nuevo-curso {
    position: relative;
}

.c-n-detalle {
    right: unset;
    left: 5%;
}

.lista-g-cursos {
    margin-top: 4%;
}

.lista-g-cursos .caja-curso-general {
    width: 30.3%;
}

.caja-lista-cursos {
    width: 50%;
    float: right;
}

.contenedor-img-g-cursos {
    width: 50%;
    height: auto;
    float: left;
}

.contenedor-img-g-cursosf {
    width: 50%;
    height: auto;
    float: left;
}

.contenedor-img-g-cursos img {
    width: 80%;
    display: block;
    margin: auto;
    padding: 10%;
}

.contenedor-img-g-cursosf img {
    width: 80%;
    display: block;
    margin: auto;
    padding: 10%;
}


.d-g-cursos {
    margin-top: 170px;
    float: left;
}

.contenedor-btn {
    width: 96%;
    float: left;
    padding: 2%;
}

.contenedor-btn .btn-comollegar {
    width: auto;
    text-align: center;
    background-color: #fabb14;
    float: unset;
}

.mcd-cds-g {
    padding: unset;
}

.img-d-fijo {
    width: 44%;
    position: fixed;
    left: 6%;
    top: 17.7%;
    z-index: -1;
}


.contenedor-manuales {
    width: 100%;
    float: left;
    height: auto;
    margin-top: 170px;
    padding-bottom: 4%;
}

.titulo-manuales {
    padding: 4%;
}

.titulo-manuales h1 {
    text-align: center;
    margin-bottom: 2%;
    color: #59a82e;
}

.titulo-manuales p {
    color: #666666;
    text-align: center;
}

.contenedor-m-temas {
    width: 100%;
    float: left;
    height: auto;
}

.m-temas {
    width: 22%;
    float: left;
    height: auto;
    margin: 1%;
    padding-top: 2%;
    padding-bottom: 2%;
    height: 370.5px;
    /*height: 271.39px;418.53px*/
    overflow: hidden;
    border: .5px solid gainsboro;
}

.m-temas:hover {
    box-shadow: 2px 2px 2px 2px #ddd;
}

.m-temas img {
    width: 90%;
    display: block;
    margin: auto;
    transition: 0.5s;
}


.m-temas img:hover {
    width: 100%;
}

.nombre-manual {
    text-align: center;
    padding: 4%;
    font-family: 'frankfurter_mediumregular';
    text-transform: uppercase;
}

.m-temas a .nombre-manual {
    color: #4c270c;
}


.detalle-manual {
    width: 100%;
    float: left;
    height: auto;
    margin-top: 170px;
}

.img-d-manual {
    width: 40%;
    float: left;
    margin-top: 10%;
}

.img-d-manual img {
    width: 100%;
}

.info-d-manual {
    width: 50%;
    padding: 5%;
    float: right;
}

.info-d-manual h1 {
    font-size: 50px;
    margin-bottom: 2%;
    color: #59a82e;
}

.descrip-d-manual {
    color: #666666;
    line-height: 19px;
}


.info-dos-d-manual p {
    color: #666666;
    line-height: 19px;
    margin: 4%;
    margin-left: 13.4%;
}


.m-a-caja-centrado .info-dos-d-manual p {
    margin-left: 0px;
    margin: 4%;
}

.m-a-caja-centrado .img-dos-d-manual img {
    width: 70%;
    display: block;
    margin: auto;
    float: unset;
}




.fondo-d-manual {
    width: 40%;
    float: left;
    background-color: brown;
    height: 350px;
    position: absolute;
    z-index: -1;
    overflow: hidden;
}

.fondo-d-manual img {
    width: 100%;
    float: left;
}

.banner-manual {
    width: 92%;
    float: left;
    background-color: #fabb14;
    background-image: url(../img/fondo-manuales.png);
    height: auto;
    padding: 4%;
    text-align: center;
    color: white;
}

.banner-manual .btn-botones {
    box-shadow: unset;
}

.info-dos-d-manual {
    width: 50%;
    float: left;
}


.caja-dos-manual {
    width: 96%;
    padding: 2%;
    float: left;
}

.contenedor-btn-m {
    width: 100%;
    float: left;
    text-align: center;
    font-family: 'frankfurter_mediumregular';
    text-transform: uppercase;
    font-size: 13px;
}


.indice {
    width: 90%;
    height: 600px;
    background-color: white;
    float: left;
    box-shadow: 2px 2px 2px 2px #ddd;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 4%;
}

.indice-pdf {
    width: 100%;
    float: left;
    height: 550px;
}

.contenedor-pdf {
    width: 100%;
    float: left;
    background-color: rgba(0, 0, 0, .7);
    height: 100vh;
    position: fixed;
    z-index: 5;
}

.caja-contenedor-pdf {
    display: none;
}

.cerrar-manual {
    float: right;
    height: 50px;
    line-height: 50px;
    background-color: #e74c30;
    padding-right: 25px;
    padding-left: 25px;
    cursor: pointer;
    color: white;
}

.recomendados-manual {
    width: 100%;
    float: left;
    height: auto;
}

.recomendados-manual h1 {
    text-align: center;
    padding: 4%;
    color: #59a82e;
}

.manual-r {
    width: 21.3%;
    height: auto;
    margin: 5%;
    margin-top: 0px;
    float: left;
    padding-top: 2%;
    padding-bottom: 2%;
    border: .5px solid gainsboro;
}

.manual-r img {
    max-width: 250px;
    width: 98%;
    display: block;
    margin: auto;
}

.manual-r p {
    color: #4c270c;
}


.recomendados-cursos {
    width: 100%;
    height: auto;
    background-color: #fabb14;
    float: left;
    padding-top: 4%;
    padding-bottom: 4%;
}

.cursos-r {
    width: 23%;
    height: auto;
    float: left;
    color: white;
    position: relative;
    margin: 1%;
}

.cursos-r h1 {
    padding-bottom: 5%;
}

.info-curso-r {
    line-height: 19px;
}

.curso-r-p {
    width: 92.2%;
    position: absolute;
    padding: 4%;
    bottom: 0px;
    background-color: #e74c30;
    color: white;
    font-family: 'frankfurter_mediumregular';
    text-transform: uppercase;
    text-align: center;
}

.cursos-r img {
    width: 100%;
    display: block;
}

.manual-abierto-caja {
    width: 100%;
    float: left;
    height: auto;
}

.img-dos-d-manual {
    width: 50%;
    right: 0;
    float: right;
}

.img-dos-d-manual img {
    width: 100%;
    float: right;
}

.r-cursos-h1 {
    width: 100%;
    float: left;
    text-align: center;
    color: white;
    margin-bottom: 2%;
}

.botones-cursos-presenciales {
    width: 92%;
    padding: 4%;
    padding-bottom: 2%;
    float: left;
    text-align: center;
}

.btn-cu-pr {
    background-color: unset;
    font-size: 17px;
    text-transform: uppercase;
    transition: .5s;
    font-family: 'frankfurter_mediumregular';
}

.btn-cu-pr:hover {
    background-color: #59a82e;
}

.parrafo-recomendados {
    color: white;
    text-align: center;
    margin-bottom: 2%;
}

.caja-cursos-r {
    width: 78%;
    margin: auto;
    display: block;
    background-color: #b83d69;
}

.cursos-r-2 {
    width: 50%;
}

.cursos-r-2 .cursos-r {
    width: 42%;
    padding: 0px;
    margin: 0px;
    margin: 4%;
    margin-bottom: 0px;

}


.cursos-r-3 {
    width: 65%;
}

.cursos-r-3 .cursos-r {
    width: 31.3%;
}

.btn-calendario:hover {
    background-color: #e74c30;
}

.btn-indice2 {
    display: none;
}


.sin-fondo {
    margin-top: 5%;
}

.sin-curso {
    padding-top: 2%;
}

.lista-helados-manual {
    padding-left: 14%;
    line-height: 19px;
    color: #666666;
}

.lista-helados-manual li {
    list-style: square;
}



.banner-pdf {
    width: 100%;
    float: left;
    background-color: #59a82e;
    height: auto;
}

.icono-cerrar-p {
    color: white;
    float: right;
    padding: 2vh;
    font-size: 20px;
}

.contenido-pdf {
    display: none;
}

.mostrar-pdf {
    width: 100%;
    float: left;
    position: fixed;
    background-color: rgba(0, 0, 0, .5);
    height: 100vh;
    z-index: 7;
    top: 0px;
}

.caja-principal-temario {
    width: 90%;
    margin: 5%;
    height: 500px;
    background-color: white;
    float: left;
    position: fixed;
    z-index: 5;
    overflow: hidden;
    box-shadow: 2px 2px 2px 2px #ddd;
}


.temario-movil {
    width: 90%;
    padding: 5%;
    float: left;
    height: 60vh;
    overflow-y: auto;
    color: #666666;
}

.temario-movil h1 {
    text-align: center;
    margin-bottom: 4%;
}

.temario-movil p {
    line-height: 20px;
}

.temario-movil li {
    list-style: outside;
    margin-left: 5%;
    line-height: 19px;
}

.temario-movil ul {
    margin-top: 5%;
    margin-bottom: 5%;
}

.cursos-general-recomendados {
    width: 20%;
    margin: 1%;
    height: auto;
    background-color: #59a82e;
    float: left;
    margin-top: 0px;
}

.cursos-g-r {
    width: 70%;
    float: left;
}

.tema-g-r {
    padding: 2.5%;
    color: white;
    font-family: 'frankfurter_mediumregular';
    font-size: 24px;
    text-align: center;
}

.caja-g-r {
    width: 100%;
    height: auto;
    float: left;
    margin: 0%;
    background-color: white;
    border-bottom: 1px solid #ddd;
}

.caja-g-r img {
    width: 46%;
    margin: 2%;
    display: block;
    float: left;
}

.g-r-nombre {
    width: 46%;
    float: left;
    padding: 1%;
    padding-top: 10%;
    color: #666666;
}

.listados-temarion {
    width: 78%;
}

.caja-listados-dos {
    max-width: 1180px;
    width: 100%;
    margin: auto;
    background-color: bisque;
}

.desc-listado {
    color: white;
}

.g-r-nombre1 {
    background-color: bisque;
    padding: 5%;
    text-align: center;
}

.fecha-icono {
    text-align: center;
    color: white;
}

.caja-tienda {
    width: 100%;
    float: left;
    height: auto;
    padding-bottom: 4%;
}

.titulo-tienda {
    text-align: center;
    padding: 4%;
}

.parrafo-tienda {
    padding-bottom: 4%;
}

.lado-izq-tienda {
    width: 28%;
    float: left;
    height: auto;
    margin-right: 2%;
}

.lado-izq-tienda h1 {
    padding: 8%;
    font-size: 32px;
    font-family: 'frankfurter_mediumregular';
}

.lado-izq-tienda a {
    width: 92%;
    color: black;
    float: left;
    border-bottom: 1px solid #6666;
    padding: 4%;
}

.lado-izq-tienda li {
    list-style: none;
    padding: 4%;
    cursor: pointer;
}

.lado-der-tienda {
    width: 60%;
    margin: 5%;
    margin-top: 0px;
    margin-bottom: 0px;
    float: left;
    height: auto;
}

.cajas-der-tienda {
    width: 31.3%;
    float: left;
    height: auto;
    margin: 1%;
}

.cajas-der-tienda img {
    max-width: 250px;
    ;
    width: 100%;
    display: block;
    margin: auto;
}

.ul-lista-ingredientes {
    padding-top: 0px;
    line-height: 20px;
    list-style: inside;
}

.contenido-ingredientes {
    display: block;
}

.contenido-utensilios {
    display: none;
}

.cajas-der-ingredientes {
    width: 100%;
}

.titulo-ingredientes {
    padding: 4%;
    font-size: 30px;
    text-align: center;
    font-family: 'frankfurter_mediumregular';
}

.parrafo-ingredientes {
    padding: 4%;
    padding-top: 0px;
    line-height: 20px;
}

.img-ingrediente {
    width: 50%;
    float: left;
}

.img-ingrediente img {
    width: 100%;
    display: block;
}

.lista-ingrediente {
    width: 50%;
    float: left;
}

.contenedor-img-lista-i {
    width: 90%;
    float: left;
    padding: 5%;
    padding-top: 0px;
}




.lado-izq-tienda .active-ingrediente {
    background-color: #59a82e;
    color: white;
}

.contenido-error {
    width: 92%;
    float: left;
    margin-top: 170px;
    text-align: center;
    padding: 4%;
}

.contenido-error h1 {
    font-size: 10vw;
}

.sub-error {
    text-transform: uppercase;
    font-family: 'frankfurter_mediumregular';
}

.btn-error {
    text-transform: uppercase;
    font-family: 'frankfurter_mediumregular';
}

.mensaje-error {
    text-align: 15px;
}

.tabla-listado {
    width: 50%;
    float: left;
}

.contenedor-tabla {
    width: 100%;
    margin-top: 5%;
    margin-bottom: 5%;
    float: left;
}

table {
    border-collapse: collapse;
}

table,
th,
td {
    border: 1px solid black;
}


td {
    height: 50px;
}

th,
td {
    padding: 5px;
    line-height: 50px;
}

.row {
    width: 100%;
}

.caja-agregar {
    float: left;
}

.icono-delete {
    color: #e74c30;
}

.msj-video {
    width: 64.5%;
    background-color: #59a82e;
    text-align: center;
    padding: 2%;
    color: white;
    margin: auto;
    top: 0px;
    letter-spacing: .5px;
}

.letra-rojo {
    color: red;
    font-size: 18px;
}

.enlace-nuevo {
    color: black;
    padding: 2%;
    float: left;
    font-size: 18px;
}


.caja-nuevo-demos {
    width: 99%;
    height: auto;
    float: left;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
}

.cajas-nuevo-miniaturas {
    width: 100%;
    height: auto;
    position: relative;
}


.contenedor-caja-info {
    position: absolute;
    width: 120%;
    height: auto;
    top: -15%;
    left: 100%;
    z-index: 2;
    padding-left: 10%;
}


.cajas-nuevo-miniaturas>.contenedor-caja-info {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.4s linear;
}


.cajas-nuevo-miniaturas:hover>.contenedor-caja-info {
    visibility: visible;
    opacity: 1;
    transition: 2s;
}



.cajas-nuevo-miniaturas img {
    width: 100%;
    display: block;
}

.nuevo-titulo-miniaturas {
    margin: 5%;
    font-family: 'frankfurter_mediumregular';
    text-transform: uppercase;
    color: #e74c30;
    font-weight: normal;
    font-style: normal;
}

.contenedor-caja-nueva {
    width: 95%;
    padding: 2.5%;
    display: block;
    float: left;
}


.caja-miniatura-der .contenedor-caja-info {
    padding-left: 0px;
    padding-right: 10%;
    left: -130%;
}

.miniatura-video {
    cursor: pointer;
}

.caja-info-demos {
    background-color: white;
    float: left;
    width: 80%;
    padding: 10%;
    height: auto;
    margin: auto;
    line-height: 20px;
    border: 1px solid #ccc;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .08);
}

.caja-info-demos p {
    color: black;
}

.caja-info-demos .parrafo-escritorio {
    margin-bottom: 6%;
}





.h2-caja-info {
    color: #e74c30;
    font-family: sans-serif;
    text-transform: uppercase;
    margin-bottom: 5%;
}


.cajas-nuevo-miniaturas .btn-leer {
    margin: 0px;
}

.cajas-nuevo-miniaturas .btn-botones {
    padding: 10px 20px;
}

.contenedor-parrafo-largo {
    display: block;
}

.parrafo-movil {
    display: none;
}

.caja-contenedor-a {
    width: 100%;
    display: block;
}

.btn-leer-mas {
    text-decoration: underline;
    color: #59a82e;
    margin-top: 2%;
    float: left;
    font-size: 17px;
}


.contenedor-detalle-online {
    width: 100%;
    float: left;
    margin-bottom: 1%;
}

.caja-detalle-online {
    width: 50%;
    float: left;
    position: relative;
}

.c-caja-texto-detalle {
    width: 40%;
}

.c-caja-video-detalle {
    width: 53%;
    margin-left: 7%;
    position: relative;
    float: left;
    cursor: pointer;
}

.caja-detalle-online img {
    width: 100%;
    margin: auto;
    display: block;
    float: right;
}

.contenedor-video-detalle {
    width: 100%;
    top: 0px;
    z-index: -1;
}

.contenedor-video-detalle iframe {
    max-width: 620px;
    width: 100%;
    height: 350px;
    margin: auto;
    display: block;
    float: right;
}

.icono-video {
    width: 40px;
    height: 40px;
    padding: 4%;
    text-align: center;
    border-radius: 50%;
    font-size: 40px;
    line-height: 40px;
    float: left;
    color: white;
    background-color: rgba(0, 0, 0, .8);
    right: 0;
    left: 0;
    position: absolute;
    margin: auto;
    top: 30%;
}

.caja-detalle-online h2 {
    font-family: sans-serif;
    font-size: 25px;
    margin: 5%;
    margin-top: 0px;
    margin-bottom: 10px;
    color: #59a82e;
}

.subtema-detalle {
    float: left;
    margin: 5%;
    margin-right: 0px;
    margin-top: 0px;
}

.caja-detalle-online p {
    width: 90%;
    float: left;
    margin: 5%;
    margin-top: 0px;
    line-height: 22px;
    color: #707070;
    text-align: justify;
}

.descripcion-video-detalle {
    width: 96%;
    margin: 2%;
    float: left;
    color: #707070;
    line-height: 20px;
}


.descripcion-video-detalle h2 {
    font-family: sans-serif;
    font-size: 25px;
    margin: 5%;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 10px;
    color: #59a82e;
}

#body-detalle-online .caja-top {
    margin-bottom: 0px;
}

.descripcion-video-detalle p strong {
    width: 100%;
    color: black;
    margin-bottom: 2%;
    float: left;
}

.caja-detalle-online ul {
    margin: 5%;
    margin-bottom: 8%;
}

.caja-detalle-online ul li {
    width: 100%;
    color: #707070;
    float: left;
    line-height: 20px;
    margin-bottom: 5%;
}

.caja-detalle-online ul li i {
    width: 5%;
    float: left;
    font-size: 20px;
    color: #59a82e;
}

.caja-detalle-online ul li span {
    width: 90%;
    padding-left: 2%;
    float: left;
}

.contenedor-iconos-online {
    width: 90%;
    padding: 5%;
    float: left;
    height: auto;
    background-color: #fabb14;
    /* background-color: #F5F5F5; */
    /* background-color: #e74c30; */
    /* background-image: url(../img/fondo-horizontal-blanco.png); */
}

.caja-icono-online {
    width: 33.3%;
    float: left;
    text-align: center;
}

.caja-icono-online i {
    width: 50px;
    height: 50px;
    padding: 2%;
    border-radius: 50%;
    font-size: 40px;
    line-height: 50px;
    color: white;
    background-color: #f47d1f;
    float: left;
}

.caja-icono-detalle {
    width: 70%;
    margin-left: 5%;
    float: left;
    text-align: left;
    color: white;
}

.caja-icono-detalle h2 {
    font-family: sans-serif;
    margin-bottom: 5%;
    font-size: 24px;
    color: #f47d1f;
}

.caja-icono-detalle p {
    color: white;
    line-height: 24px;
}

.contenedor-caja-lista-online {
    width: 100%;
    margin-top: 2.5%;
    margin-bottom: 2.5%;
    float: left;
}

.contenedor-video-online {
    width: 100%;
    float: left;
}


.caja-video-online {
    width: 50%;
    height: auto;
    float: left;
}

.caja-video-online iframe {
    width: 100%;
    display: block;
}

.caja-video-online h2 {
    font-family: sans-serif;
    margin-bottom: 2.5%;
    color: #59a82e;
}

.caja-video-online ul {
    width: 100%;
    float: left;
    text-align: left;
}



.caja-video-online ul li {
    width: 100%;
    line-height: 40px;
}

.caja-video-online ul li i {
    margin-right: 2%;
    color: #59a82e;
    font-size: 20px;
}

.caja-video-online .info {
    width: 90%;
    padding: 5%;
    float: left;
}

.caja-video-online .info p {
    padding: 5%;
    padding-left: 0px;
    padding-top: 0px;
    line-height: 24px;
}

.contenedor-info-video {
    width: 100%;
    margin: 5%;
    margin-left: 0px;
    margin-right: 0px;
    float: left;
}

.contenedor-info-video h2 {
    font-family: sans-serif;
    margin-bottom: 2.5%;
    color: #59a82e;
}

.contenedor-info-video p {
    line-height: 24px;
}

#demos2 .letras-portada {
    width: 100%;
    float: left;
    position: unset;
}

#demos2 .letras-portada h1 {
    text-shadow: none;
    color: white;
}

#demos2 .letras-portada p {
    padding-top: 1%;
    padding-bottom: 1%;
    text-shadow: none;
    color: white;
}

#demos2 .letra-descripcion {
    width: 100%;
    float: left;
    text-align: center;
}

#demos2 .letra-descripcion p {
    line-height: 22px;
}

#demos2 .letra-descripcion h1 {
    padding: 0px;
    text-align: center;
}

#demos2 .tema-cursos-descripcion {
    margin-bottom: 0px;
}

#demos2 .portada-inicio {
    width: 96%;
    padding: 2%;
    background-color: rgba(89, 168, 41, 1);
    float: left;
    height: auto;
    overflow: unset;
    font-family: sans-serif;
}

.modal-online {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    position: fixed;
    z-index: 5;
    display: none;
    overflow-y: scroll;
}



.caja-centrar-online {
    width: 60%;
    margin: auto;
    position: relative;
}

.caja-modal-online {
    width: 100%;
    height: auto;
    display: block;
    float: left;
    margin-top: 5%;
    margin-bottom: 5%;
    position: relative;
    background-color: white;
}

.caja-video-online {
    width: 90%;
    padding: 5%;
}

.caja-video-online iframe {
    width: 100%;
    height: 400px;
}

.caja-texto-online {
    width: 90%;
    float: left;
    padding: 5%;
    padding-top: 0px;
    line-height: 20px;
}

.caja-texto-online h2 {
    color: #e74c30;
    text-shadow: unset;
    margin-bottom: 2.5%;
    font-size: 30px;
    font-weight: normal;
    font-style: normal;
}

.caja-texto-online .btn-leer {
    margin: 0px;
    margin-top: 3%;
    font-size: 20px;
}

.icono-cerrar-online {
    width: 25px;
    height: 25px;
    line-height: 25px;
    padding: 1%;
    text-align: center;
    color: white;
    background-color: #e74c30;
    font-size: 30px;
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
}

.contenedor-btn-detalle {
    width: 100%;
    float: left;
    margin-top: 5%;
}

.caja-top {
    width: 98%;
    height: auto;
    float: left;
    background-color: #f2f2f2;
    padding: 1%;
    margin-bottom: 5%;
}

.caja-top ul {
    width: 100%;
    float: left;
    margin: 0px;
}

.caja-top ul li {
    width: 20%;
    float: left;
    margin-right: 1%;
    width: auto;
    line-height: 30px;
    font-size: 14px;
    padding: .1% .5%;
}



.caja-top ul li:first-child {
    background-color: #fabb14;
}

.caja-top ul li:first-child:hover {
    text-decoration: none;
}

.caja-top ul li a {
    color: black;
}


.recomendados-online {
    width: 100%;
    float: left;
    height: auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 1em;
    grid-row-gap: 1em;
}

.h2-recomendados-online {
    margin-top: 2.5%;
    font-size: 30px;
    color: #59a82e;
    font-weight: normal;
    font-style: normal;
    padding: 2.5% 0%;
    padding-top: 0px;
    margin: 0px;
}

.contenedor-r-online {
    width: 100%;
    padding: 2.5% 0px;
    float: left;
}

.caja-recomendado {
    width: 100%;
    height: auto;
}

.caja-recomendado img {
    width: 100%;
    display: block;
}

.caja-recomendado h2 {
    font-size: 20px;
    color: #59a82e;
    font-weight: normal;
    font-style: normal;
    padding: 5%;
}

#body-video .caja-detalle-online h2 {
    margin-left: 0px;
}

.contenedor-caja-instrucciones {
    width: 100%;
    display: block;
    height: auto;

    float: left;
}

.contenedor-caja-instrucciones .contenedor-video-detalle {
    position: unset;
}

.caja-detalle-online .ul-video li {
    list-style: square;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    padding-bottom: 2.5%;
    font-size: 14px;
    margin-bottom: 2.5%;
}

.caja-detalle-online .ul-video li:last-child {
    border-bottom: 0px;
}

.caja-detalle-online .ul-video li span {
    padding-left: 0px;
}

.caja-detalle-online .ul-video div {
    width: 100%;
    float: left;
    margin-top: 2.5%;
}


.caja-detalle-online .ul-video img {
    max-width: 100px;
    width: 100%;
    margin: auto;
    display: block;
    float: right;
}

.img-li-video {
    float: left;
}

.ul-video li p {
    margin: 0px;
    width: unset;
    margin-right: 2%;
}

.caja-form-info i {
    font-size: 20px;
}

#contacto .caja-form-info p {
    font-size: 20px;
}

.telefono-dos-contacto {
    position: unset;
    display: block;
    margin: auto;
    margin-top: 2%;
}

#body-video .ul-video li p {
    width: 70%;
    margin-left: 0px;
    margin-right: 0px;
}

.caja-lado-izquierdo {
    float: left;
}

.caja-churros-donas h2 {
    padding-left: 2%;
    font-weight: normal;
    font-style: normal;
}

.color-verde {
    color: #59a82e;
}

.caja-titulo-cursos {
    width: 100%;
}

.caja-titulo-cursos h2 {
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
}

.caja-izquierdo-dona {
    float: right;
}

.caja-iconos-donas {
    background-color: unset;
    float: left;
    padding-bottom: 0px;
}

.caja-iconos-donas .caja-icono-detalle p {
    color: #666666;
}

.caja-titulo-cursos .contenedor-a {
    width: 100%;
    float: left;
}

.caja-iconos-donas .caja-icono-online i {
    float: unset;
}

.caja-iconos-donas .caja-icono-detalle {
    width: 90%;
    margin-left: 0px;
    margin: 5%;
    text-align: justify;

}


.caja-mensaje-nuevo {
    width: 100%;
    float: left;
    position: relative;
    display: block;
    margin-bottom: 4%;
}

.m2-mensaje {
    width: 50%;
    text-align: center;
    display: block;
    float: left;
    position: relative;
}

.titulo-portada {
    color: white;
    text-shadow: black 0.1em 0.1em 0.2em;
    top: 25%;
}


#inicio .titulo-portada {
    color: #4b250a;
    text-shadow: unset;
    top: 15%;
}

.m2-mensaje p {
    color: white;
    position: absolute;
    z-index: 2;
    margin: auto;
    font-weight: 700;
    font-size: 19px;
    text-align: center;
    left: 0px;
    right: 0px;
    margin: auto;
    top: 14px;
}

.v2-mensaje-left p {
    top: 14px;
}

.img-face {
    width: 150px;
    height: 150px;
}

#inicio header {
    height: 228px;
}

#demos header,
#demos-cursosvirtuales header,
#videos header {
    height: 228px;
}

.v2-img-letra {
    width: 80%;
    display: block;
    z-index: 1;
    margin: auto;
}




.caja-redondear {
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

.icono-curso {
    border-radius: 12px;
}



.v2-label {
    position: absolute;
    bottom: 5px;
    left: 0px;
    right: 0px;
    margin: auto;
    top: 95px;
    color: black;
    font-size: 14px;
}

.img-portada-1 {
    margin-top: -9%;
}

#demos .img-portada,
#demos-cursosvirtuales .img-portada,
#videos .img-portada {
    margin-top: -9%;
}

#demos .letras-portada h1,
#demos-cursosvirtuales .letras-portada h1 {
    font-size: 35px;
}

#demos .letras-portada p,
#demos-cursosvirtuales .letras-portada p,
#videos .letras-portada p {
    font-size: 16px;
}

.contenido:last-child {
    border-bottom: unset;
    margin-bottom: unset;
}

#demos .fecha h2 {
    font-size: 30px;
    font-weight: 400;
}

#demos .mensaje-cursos {
    background-color: #f47d1f;
}

.tema-inicio h1 {
    color: #4b250a;
}

.v2-caja-presencial-virtual {
    width: 98%;
    float: left;
    padding: 2% 0px 2% 0px;
    margin-bottom: 2%;
    margin-left: 2%;
}

.v2-caja-presencial-virtual p {
    float: left;
}

.v2-caja-presencial-virtual i {
    float: left;
    font-size: 24px;
    margin-right: 5%;
}

.c-valor-si i{
    width: 100%;
    text-align: center;
    margin-bottom: 4%;
} 

.v2-caja-presencial-virtual p label {
    float: left;
}

.titulo-lista-h2 {
    font-weight: 100;
}

.tema-cursos-descripcion {
    margin-bottom: 0px;
}


.detalle-presencial {
    width: 100%;
    float: left;
    color: #e74c30;
    font-weight: 700;
    font-size: 16px;
    text-align: left;
}

.detalle-virtual {
    width: 100%;
    float: left;
    color: #59a82e;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
}

#demos .detalle-presencial,
#demos .detalle-virtual {
    width: 40%;
}


.caja-mensaje-nuevo label {
    font-size: 14px;
    font-weight: 700;
}

.menu-lis li .btn-letra-largo {
    line-height: unset;
    margin-top: 8%;
}

#demos .letras-portada,
#demos-cursosvirtuales .letras-portada,
#videos .letras-portada {
    top: 14%;
    color: #4b250a;
    text-shadow: unset;
}

.enlace-inscripcion {
    background-color: #59a82e;
}

#inicio .menu-lis li,
#demos .menu-lis li,
#demos-cursosvirtuales .menu-lis li,
#comollegar .menu-lis li,
#videos .menu-lis li {
    width: auto;
    margin-left: 3%;
}


.menu-lis li {
    width: auto;
    margin-left: 3%;
}


#demos .fecha .horario-p2 {
    line-height: 10px;
}


.caja-inscripcion-detalle {
    width: 46%;
    padding: 2%;
    height: auto;
    float: left;
    background-color: white;
    position: fixed;
    z-index: 6;
    right: 0px;
    left: 0px;
    margin: auto;
    top: 8%;
    border-radius: 10px;
    overflow: hidden;
}

.caja-fondo-inscripcion {
    width: 100%;
    height: 100vh;
    background-color: black;
    float: left;
    position: fixed;
    z-index: 5;
    opacity: .9;
}

.caja-inscripcion-detalle h3 {
    text-align: center;
    font-size: 40px;
    font-family: 'frankfurter_mediumregular';
    font-weight: 400;
    color: #e74c30;
}

.subtitulo-inscripcion {
    text-align: center;
    margin-top: 1%;
}

.caja-inscripcion-detalle ul {
    margin-top: 5%;
    margin-bottom: 5%;
}

.caja-inscripcion-detalle ul li {
    line-height: 30px;
}

.caja-inscripcion-detalle ul i {
    font-size: 20px;
    color: #59a82e;
}

.contenedor-inscripcion {
    display: none;
}

.contenedor-btn-atras {
    width: 100%;
    float: left;
    text-align: right;
}

.btn-atras {
    width: 30%;
    text-align: center;
    padding-top: 2.5%;
    padding-bottom: 2.5%;
    margin: 0px;
    margin: auto;
    float: unset;
}


.btn-cerrar-i {
    width: 50px;
    height: 50px;
    background-color: #e74c30;
    color: white;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
}

.contenedor-whatsapp {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 2.5%;
    margin-bottom: 2.5%;
}

.whatsapp-inscripcion {
    font-size: 30px;
    color: white;
    background-color: #128c7e;
    border-radius: 50ox;
    width: auto;
    height: 80px;
    display: block;
    margin: auto;
    line-height: 80px;
    text-align: center;
}

.resaltar-inscripcion {
    font-weight: 700;
    color: white;
    background-color: #e74c30;
    padding: 1%;
}

.contenedor-caja-virtuales {
    width: 96%;
    float: left;
    height: auto;
    padding: 2%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 1.5em;
    grid-row-gap: 5em;
}

.caja-virtuales-miniatura {
    width: 100%;
    background-color: white;
    float: left;
    height: auto;
    position: relative;
    cursor: pointer;
}

.caja-virtuales-miniatura .titulo-virtuales {
    color: #e74c30;
    width: 92%;
    padding: 4%;
    float: left;
    text-align: center;
    font-weight: lighter;
    font-style: normal;
    font-family: 'frankfurter_mediumregular';
    font-size: 22px;
}

.texto-caja-virtuales {
    width: auto;
    padding: 2%;
    color: black;
    padding-top: 1%;
    display: none;
    line-height: 18px;
    text-align: justify;
}

.texto-largo-caja-virtuales {
    color: black;
    float: left;
    padding-top: 1%;
    display: none;
}

.caja-virtuales-mouse {
    width: 165%;
    padding: 10%;
    background-color: white;
    color: black;
    border: 1px solid #d1d7dc;
    position: absolute;
    top: -16%;
    left: 100%;
    z-index: 2;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgb(0 0 0 / 8%), 0 4px 12px rgb(0 0 0 / 8%);
    display: none;
}

.caja-virtuales-mouse .titulo-virtuales {
    padding-top: 0px;
}

.virtuales-mouse-left {
    left: -186%;
    right: 0%;
    background-color: white;
    display: none;
}

.virtuales-mouse-left .caja-figura {
    left: unset;
    right: -0.5%;
}

.virtuales-mouse-left .caja-figura::before {
    transform: translateX(-1.2rem) translateY(-1.2rem) scaleY(.5) rotate(45deg);
}

.virtuales-mouse-left .caja-figura::after {
    left: unset;
    right: 0px;
}

.caja-ensalada-virtuales {
    width: 240%;
    left: -261%;
}

.caja-crepes-virtuales {
    width: 250%;
}

.caja-extractos-virtuales {
    width: 300%;
    left: -321%;
}


.caja-figura {
    top: 140px;
    left: -0.5%;
    position: absolute;
    z-index: -1;
    border: 2px solid #d1d7dc;
}

.caja-figura::before {
    content: '';
    box-sizing: border-box;
    display: block;
    height: 2.26rem;
    width: 2.26rem;
    background-color: #fff;
    border: 1px solid #d1d7dc;
    box-shadow: 0 2px 4px rgb(0 0 0 / 8%), 0 4px 12px rgb(0 0 0 / 8%);
    border: 1px solid #d1d7dc;
    position: absolute;
    transform: translateX(-1.2rem) translateY(-1.2rem) scaleY(.5) rotate(45deg);

}

.caja-figura::after {
    content: '';
    display: block;
    background-color: #fff;
    position: absolute;
    height: 2rem;
    width: 2rem;
    top: -20px;
    left: 0px;
}

.caja-virtuales-mouse p {
    color: black;
    font-size: 15px;
    text-align: left;
    font-family: sans-serif;
    line-height: 17px;
}

.caja-virtuales-mouse a {
    width: 100%;
    float: left;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
}

.btn-virtuales {
    display: none;
}

.p-mas-info {
    display: none;
}


/*---------------------- maqueta2 --------------------*/

.maqueta-2 {
    grid-template-columns: repeat(4, 1fr);
}

.demos1 {
    background-color: #f2f2f2;
}

.maqueta-2 .caja-virtuales-miniatura {
    border: 1px solid rgba(0, 0, 0, .2);
}

.maqueta-2 .texto-caja-virtuales {
    display: block;
    padding: 4%;
    padding-top: 0px;
    padding-bottom: 0px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-align: left;
    margin-bottom: 5%;
}

.maqueta-2 .btn-virtuales {
    display: block;
    width: 90%;
    padding-left: 0px;
    padding-right: 0px;
    margin: auto;
    margin-bottom: 5%;
    text-align: center;
}


/*---------------------- maqueta2 --------------------*/



/*------------------------------ footer ------------------------------*/

.caja-presencial1 {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    margin-top: 170px;
    padding-top: 5%;
    padding-bottom: 5%;
    background-color: white;
    font-size: 50px;
    font-family: 'frankfurter_mediumregular';
    color: #4b250a;
}

.fecha-detalle a {
    width: 100%;
    float: left;
    color: #59a82e;
    cursor: pointer;
    text-align: center;
}

.detalle-presencial a {
    color: #e74c30;
}

.fecha-detalle span {
    cursor: pointer;
}

.caja-info-virtual {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    margin-top: 170px;
    padding-top: 5%;
    padding-bottom: 5%;
    background-color: white;
}

.caja-info-virtual h2 {
    font-size: 40px;
    color: #4b250a;
}

.caja-info-virtual ul {
    width: 100%;
    float: left;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    margin-top: 5%;
    margin-bottom: 5%;
}

.caja-info-virtual li {
    padding: 10%;
    float: left;
    background-color: white;
    line-height: 18px;
    border-radius: 15px;
    color: black;
    border: 7px solid #e74c30;
}

.caja-info-virtual li i {
    width: 100%;
    color: #4b250a;
    font-size: 50px;
    margin-bottom: 5%;
    float: left;
}

.texto-info-virtual {
    font-size: 20px;
}

.numero-info-virtual {
    color: #59a82e;
    font-weight: 700;
    font-size: 25px;
}

.caja-virtual-vimeo {
    width: 100%;
    float: left;
    text-align: center;
}

.caja-virtual-vimeo iframe {
    padding: 2.5%;
}

#virtualjsm .caja-descripcion h1 {
    padding-top: 2%;
}

.caja-virtual-y-presencial {
    width: 96%;
    float: left;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding-left: 2%;
    padding-right: 2%;
    margin-top: 2%;
    margin-bottom: 2%;
    background-color: rgba(244, 125, 31, .05);
}

.caja-virtual-p {
    float: right;
    padding: 5%;
    padding-bottom: 0px;
    padding-right: 0px;
}

.caja-presencial-p {
    float: left;
    padding: 5%;
    padding-left: 0px;
    padding-bottom: 0px;
    border-right: 3px solid rgba(244, 125, 31, .2);
}

.caja-presencial-p h2 {
    color: #e74c30;
}

.caja-presencial-p i {
    color: #e74c30;
}

.caja-virtual-p h2 {
    color: #59a82e;
}

.caja-virtual-p i {
    color: #59a82e;
}

.caja-virtual-y-presencial h2 {
    margin-bottom: 5%;
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    text-align: center;
}

.caja-virtual-y-presencial ul {
    padding: 2%;
    color: #666666;
    line-height: 19px;
}

.caja-virtual-y-presencial ul li {
    width: 100%;
    float: left;
    margin-bottom: 5%;
}

.btn-contenedor-a {
    width: 100%;
    float: left;
}

.caja-virtual-y-presencial ul li i {
    width: 10%;
    float: left;
}

.caja-virtual-y-presencial ul li p {
    width: 90%;
    float: left;
}

.pregunta-valor {
    width: 100%;
    height: 50px;
    float: left;
}

.contenedor-a-miniatura-v {
    width: 100%;
    float: left;
    position: relative;
}

.btn-miniatura-v {
    width: 100%;
    padding: 10px 0px 10px 0px;
    text-align: center;
    position: absolute;
    bottom: -42px;
    right: 0px;
}

.titulo-virtuales-v {
    display: block;
    float: left;
}

.caja-virtuales-miniatura {
    background-color: rgba(244, 125, 31, .2);
    border: 1px solid rgba(0, 0, 0, .04);
}

.frase-descuento {
    width: 100%;
    float: left;
    margin-bottom: 2.5%;
    background-color: rgba(244, 125, 31, .09);
    border: 1px solid #f47d1f;
    padding: 10px 0px 10px 0px;
    /*color: white;*/
    font-weight: 700;
    text-align: center;
    border-radius: 5px;
}

.mostrar-caja-virtual-online {
    color: #59a82e;
}

.c-valor-si {
    display: none;
}

.c-valor-no {
    display: none;
}

#curso-pizza .img-lista iframe {
    float: right;
}

.caja-contenedor-textos {
    width: 90%;
    height: auto;
    margin: 4% 0px 0% 0px;
    padding: 5%;
    float: left;
    text-align: center;
    background-color: #f47d1f;
    color: white;
}

.caja-contenedor-textos h3 {
    font-size: 32px;
    margin-bottom: 2%;
    font-weight: normal;
    font-style: normal;
    font-family: 'frankfurter_mediumregular';
}

#curso-cafe .img-lista-dos img,
#curso-pizza .img-lista-dos img {
    width: 80%;
    float: right;
}


.contenedor-info-detalle {
    width: 100%;
    float: left;
}

.contenedor-caja-dividir-texto {
    width: 100%;
    float: left;
    margin: 4% 0px 4% 0px;
}

.caja-dividir-texto-dos {
    grid-template-columns: repeat(2, 1fr);
}


.caja-dividir-texto-tres {
    grid-template-columns: repeat(3, 1fr);
}


.caja-dividir-texto {
    display: grid;
    grid-column-gap: 1.5em;
    /*grid-row-gap: 1.5em;*/
    text-align: center;
}

.caja-dividir-texto div {
    padding: 5%;
    border: 1px solid rgba(89, 168, 46, .08);
    ;
    background-color: #128c7e;
    background-color: rgba(89, 168, 46, .05);
}

.caja-dividir-texto p {
    text-align: justify;
    color: rgb(102, 102, 102);
}

.caja-dividir-texto h3 {
    margin-bottom: 5%;
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    text-align: center;
    font-family: 'frankfurter_mediumregular';
    color: #59a82e;
}

.img-lista .img-portada2 {
    width: 90%;
    float: right;
}

.ul-temario-n {
    width: 45%;
    float: left;
    margin: 2%;
    margin-left: 5%;
    margin-right: 0px;
    color: #666666;
    line-height: 19px;
}

.ul-temario-n li {
    list-style: square;
}

.detalle-lista .titulo-centrar-n {
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
}

.detalle-centrar {
    margin: auto;
    float: none;
}

.detalle-centrar iframe {
    width: 100%;
    height: 300px;
}

.estructura-img .img-lista-dos img {
    width: 80%;
    float: right;
}

.oferta-dos {
    width: 100%;
    padding: .5% 0px;
    float: left;
    text-align: center;
    background-color: rgb(250, 187, 20);
    color: #e74c30;
}

.oferta-dos h2 {
    font-size: 32px;
    font-weight: normal;
    font-style: normal;
}

.oferta-fijo-dos {
    width: 100%;
    position: fixed;
    right: 0px;
    top: 25%;
    z-index: 1;
}


.mensaje-oferta-dos {
    display: none;
    width: 100%;
    padding: 2% 0px;
    float: left;
    text-align: center;
    background-color: rgb(250, 187, 20);
    color: #e74c30;
}


.mensaje-oferta-dos h2 {
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
}

.caja-menu-whatsapp {
    width: auto;
    height: 100px;
    background-color: yellowgreen;
    float: left;
}

.direccion-menu {
    width: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.red-menu {
    width: auto;
}

.caja-logo {
    width: 50%;
}

.contenedor-menu-redes {
    width: 50%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.telefono-icono {
    color: black;
}

.telefono-icono i {
    transform: unset;
    color: #59a82e;
}

.numero-telefono {
    width: 75%;
}

.pagina-introcafe .caja-header {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 170px;
    overflow: hidden;
    position: relative;
}

.pagina-introcafe .caja-descripcion {
    margin-top: 0px;
}

.pagina-introcafe .caja-header img {
    width: 100%;
    display: block;
}

.pagina-introcafe .caja-header .letras-header {
    width: 50%;
    margin: 2%;
    height: auto;
    float: left;
    position: absolute;
    z-index: 2;
    right: 0px;
    top: 0px;
    color: white;
}

.pagina-introcafe .caja-header .letras-header h1 {
    font-size: 45px;
    font-weight: 200;
    text-transform: uppercase;
}

.pagina-introcafe .caja-header .letras-header ul {
    margin-bottom: 2%;
    font-size: 17px;
    line-height: 20px;
}

.pagina-introcafe .listacafe {
    list-style: disc;
    margin-left: 3%;
}

.pagina-introcafe .p-info {
    font-family: "Open Sans", sans-serif;
    margin-top: 2%;
    margin-bottom: 2%;
    font-size: 17px;
}

.btn-pdf-descargar {
    background-color: #f47d1f;
    width: auto;
    height: 50px;
    padding: 0px 2%;
    line-height: 50px;
    text-align: center;
    color: white;
    border-radius: 5px;
    font-size: 18px;
    float: left;
    margin-top: 2%;
    margin-bottom: 2%;
}

.btn-informacion-cafe {
    color: white;
    float: left;
    background-color: #f47d1f;
    padding: 0% 2%;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    border-radius: 5px;
    margin-top: 2%;
    margin-bottom: 2%;
}

.pagina-introcafe .detalle-lista-p h1 {
    font-size: 32px;
    color: #392b1b;
}

.pagina-introcafe .caja-completo {
    width: 100%;
    height: auto;
    float: left;
    display: grid;
    grid-template-columns: 100%;
    gap: 1rem;
    justify-content: end;
    justify-items: end;
}

.pagina-introcafe .caja-completo .contenedor-caja {
    width: 100%;
    height: 657px;
    max-height: 657px;
    float: right;
    position: relative;
}

.caja-absolute-cafe {
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
}

.contenedor-caja .letras-header {
    float: left;
    margin-top: 3%;
}



.letras-header2 {
    width: 58%;
    position: absolute;
    text-align: right;
    color: white;
    top: 175px;
    right: 2%;
}


.letras-header2 ul .listacafe {
    text-align: right;
    list-style-position: inside;
    list-style: none;
}

.btn-1-pdf {
    margin-right: 2%;
    background-color: #59a82e;
}

.caja-botones-descargar {
    width: 100%;
    float: left;
}

.caja-contenido-cafe {
    width: 100%;
    height: auto;
    float: left;
    display: grid;
    grid-template-columns: 100%;
}

.caja-contenido-cafe img {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
}

.pagina-introcafe .p-info2 {
    font-size: 18px;
    color: yellow;
    font-weight: 700;
}

.caja_taller_integral {
    width: 100%;
    height: auto;
    float: left;
    background-color: #59a82e;
    padding: 5% 0px;
}

.caja_contenedor_taller {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 2.5%;
    grid-column-gap: 2em;
}

.caja_contenedor_taller>div {
    border: 1px solid rgba(0, 0, 0, .1);
    padding: 5%;
    background-color: white;
    border-radius: 5px;
}

.titulo_taller {
    font-size: 2em;
    text-align: center;
    font-weight: 200;
    /* text-transform: uppercase; */
    width: 50%;
    margin: auto;
    color: white;
}

.subtitulos_taller {
    margin-bottom: 5%;
    text-align: center;
}

.subtitulos_taller h3 {
    font-family: 'frankfurter_mediumregular';
    font-weight: lighter;
    font-size: 2em;
    color: #de0034;
}

.subtitulos_taller p {
    font-size: 1.3em;
}

.img_taller_pizza {
    width: 100%;
    display: block;
    margin: 5% 0px;
}

.pizza-presencial .caja-descripcion h1 {
    padding: 1%;
    padding-bottom: 0px;
    color: #de0034;
}

.pizza-presencial .caja-descripcion p{
    padding-bottom: 1%;
}

.pizza-presencial .caja_taller_integral{
    padding: 2% 0px; 
}

.pizza-presencial .lista-temario{
    padding-bottom: 1%;
}

.caja_elegir_curso {
    width: 100%;
    background-color: white;
    height: auto;
    float: left;
    padding: 5% 0px;
}

.caja_elegir_curso h2 {
    font-size: 2.7em;
    font-weight: 100;
    text-align: center;
    margin-bottom: 2.5%;
    color: #59a82e;
}

.caja_elegir_curso h2 span {
    font-family: Arial, Helvetica, sans-serif;
}

.caja_inversion_curso {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    padding: 5% 0px;
    background-color: rgba(0, 0, 0, .04);
}

.caja_inversion_curso h2 {
    font-size: 2em;
    font-weight: 200;
    text-align: center;
    color: #59a82e;
}

.texto_caja_inversion {
    margin: 2% 0px;
}

.texto_caja_inversion_2 {
    width: 70%;
    margin: auto;
    margin-top: 2%;
}

.table_pizza {
    border-collapse: collapse;
    width: 100%;
}

.table_pizza td,
.table_pizza th {
    width: 50%;
    border: 1px solid rgba(0, 0, 0, .1);
    padding: 2%;
    line-height: 20px;
}

.pizza-presencial .detalle-lista-p {
    color: black;
}

.pizza-presencial .descripcion-listado-info {
    line-height: 20px;
}

.li-separar-pizza {
    margin-top: 10%;
}

.pizza-presencial .caja_pizza_lista {
    width: 100%;
    margin-top: 4%;
    display: block;
    float: left;
}

.caja_pizza_informacion {
    width: 100%;
    margin-top: 4%;
    float: left;
}

.contenedor_pizza_informacion {
    width: 90%;
    height: auto;
    float: left;
    background-color: rgba(244, 125, 31, .05);
    padding: 5%;
}

.h3_pizza_informacion {
    color: #59a82e;
    font-size: 2em;
    font-weight: 200;
    text-align: center;
    font-family: 'frankfurter_mediumregular';
    margin-bottom: 2.5%;
}

.pizza-presencial .medida {
    width: 100%;
}

.disponible_online{
    width: 65%;
    font-size: 17px;
    background-color: #59a82e;
    padding: 2%;
    display: block;
    text-align: center;
    color: white;
    border-radius: 5px;
    margin: auto;
}

.img_lista_nuevo img{
    width: 52%;
    display: block;
    margin: auto;
}
 
.caja_color_fondo_chocolate{
    background-color: #783107;
}

.color_texto_chocolate{
    color: #783107;
}

.chocolateria-adicional .caja-descripcion .color_texto_chocolate{
    color: #783107;
}

.color_texto_chocolate{
    color: #783107;
}

.caja_elegir_curso .color_texto_chocolate{
    color: #783107;
}

.caja_inversion_curso .color_texto_chocolate{
    color: #783107;
}

.listados-temario-chocolate{
    background-color: #783107;
    color: #783107;
}

.h3_datos_chocolate{
    margin: 2% 0px;
    color: #783107;
}

.pagina_presencial .v2-caja-presencial-virtual{ 
  padding: 0px;
  width: 96%;
  margin-left: 0px;
  margin: 2% 4%;
}

.pagina_presencial #contenido_datos_fix_presencial .fecha-detalle{
    width: 100%;
    margin-left: 0px;
}

.pagina_presencial .v2-caja-presencial-virtual{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    text-align: left;
}

#contenido_datos_fix_presencial .detalle-presencial{
    text-align: left;
}

#contenido_datos_fix_presencial .detalle-virtual{
    text-align: left;
}

.pagina_empanada .caja-virtual-y-presencial{
    grid-template-columns: repeat(1, 1fr);
}

.pagina_empanada .caja-presencial-p{
    border-right: none;
}

.pagina_empanada .caja-virtual-y-presencial ul li i{
    width: 30px;
}

.pagina_empanada .caja-virtual-y-presencial ul li{
    margin-bottom: 3%;
}

.pagina_empanada .caja-virtual-y-presencial h2{
    margin-bottom: 2%;
}

.pagina_empanada .caja-virtual-y-presencial ul{
    line-height: unset;
}

.img-lista .img_detalle_2{
    margin-top: 5%;
}

.color_em{
    color: #59a82e;
}

.h2_subtitulo_nuevo{
    color: #59a82e;
    margin-bottom: 2.5%;
    font-weight: 200;
    font-size: 1.4rem;
}

.contenedor_curso_informacion p{
    line-height: 19px;
}

.video-lista iframe{
    width: 96%;
    margin: 0px 2%;
    height: 315px;
}

.contenedor_caja_cursos_general{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2,1fr);
}

.caja_video_presencial iframe{
    width: 100%;
    display: block;
}

.contenido_con_video .fecha{
   width: 96%;
   position: unset;
   float: left;
   box-shadow: none;
}

.contenido_con_video iframe{
    height: 254px;
}

.contenido_con_video .contenido-img{
    background-color: white;
}

.img_video_demos{
    width: 100%;
}

.mensaje_disponible{
    font-size: 19px;
}

.caja_virtual_presencial_2{
    display: block;
}

.caja_presencial_p_2{
    border-right: none;
    padding-top: 2.5%;
}

.caja_presencial_p_2 h2{
    margin-bottom: 0px;
}

.caja_presencial_p_2 ul{
    width: 100%;
    float: left;
}

.caja_presencial_p_2 ul li{
    margin-bottom: 1%;
}

@media screen and (max-width:1980px) {

    .img-descripcion {
        width: 18%;
    }

}

@media screen and (max-width:1440px) {

    .img-descripcion {
        width: 20%;
    }

}

@media screen and (max-width:1000px) {

    .caja-logo {
        width: 40%;
    }

    .contenedor-menu-redes {
        width: 60%;
    }

    .pizza-presencial .medida {
        width: 95%;
    }

}

@media screen and (max-width:800px) {

    .disponible_online{
        margin-bottom: 2.5%;
    }

    .img_lista_nuevo img{
        width: 90%;
        margin: 5%;
    }

    .contenedor_caja_img_video{
        width: 100%;
        display: grid;
        grid-template-columns: 100%;
    }

    .contenedor_caja_img_video div:nth-of-type(1){
        order: 2;
    }

    .contenedor_caja_img_video div:nth-of-type(2){
        order: 1;
    }

    .letra-descripcion_v2{
        margin-top: 2%;
    }

    .video-descripcion_v2 iframe{
        width: 100%;
        float: right;
        margin-top: 2%;
    }

    .contenedor_caja_cursos_general{
        width: 100%;
        margin-bottom: 5%;
        display: grid;
        grid-template-columns: repeat(1,1fr);
    }

    .contenedor_caja_cursos_general div:nth-of-type(1){
        order: 2;
    }

    .contenedor_caja_cursos_general div:nth-of-type(2){
        order: 1;
    }
    

    .pagina_presencial .v2-caja-presencial-virtual{
        width: 100%;
        margin: 2% 0px;
    }

    #contenido_datos_fix_presencial .detalle-presencial{
        text-align: center;
    }
    
    #contenido_datos_fix_presencial .detalle-virtual{
        text-align: center;
    }

    .disponible_online{
        width: 100%;
        float: left;
        padding: 2% 0px;
    }

    .listados-info .titulo_preparar{
        text-align: center;
    }

    .caja_elegir_curso h2 {
        font-size: 2em;
    }

    .titulo_taller {
        width: 100%;
    }

    .pizza-presencial .img-lista img {
        display: none;
    }

    .caja_taller_1 {
        margin-bottom: 5%;
    }

    .texto_caja_inversion_2 {
        width: 100%;
        margin-top: 5%;
    }

    .caja_contenedor_taller {
        grid-template-columns: repeat(1, 1fr);
    }

    .pagina-introcafe .contenedor-menu-redes {
        display: none;
    }

    .pagina-introcafe .p-info2 {
        color: black;
    }

    .caja-absolute-cafe {
        position: unset;
        float: left;
    }

    .pagina-introcafe .caja-completo {
        grid-template-columns: repeat(1, 1fr);
        gap: unset;
        height: auto;
    }

    .pagina-introcafe .caja-completo .contenedor-caja:nth-of-type(1) {
        order: 2;
    }

    .caja-contenido-cafe div:nth-of-type(1) {
        order: 2;
    }

    .caja-contenido-cafe {
        height: auto;
        margin-top: 120px;
    }

    .pagina-introcafe .caja-completo .contenedor-caja {
        width: 92%;
        position: unset;
        padding: 2% 4%;
        height: auto;
        max-height: unset;
    }

    .letras-header1,
    .letras-header2 {
        position: unset;
        color: black;
        left: 0px;
        right: 0px;
    }

    .letras-header2 {
        width: 100%;
        text-align: center;
    }

    .letras-header1 h1,
    .letras-header2 h1 {
        text-align: center;
    }

    .contenedor-caja .letras-header {
        margin-top: 0px;
    }

    .pagina-introcafe .caja-header .letras-header {
        position: unset;
        color: black;
        width: 90%;
        margin: 5%;
        padding: 0px;
    }

    .btn-pdf-descargar {
        text-align: center;
    }

    .pagina-introcafe .caja-header .letras-header h1 {
        font-size: 32px;
        text-align: center;
        text-transform: unset;
    }

    .btn-pdf-descargar {
        width: 100%;
        padding: 0px;
    }

    .pagina-introcafe .img-lista {
        float: left;
        width: 100%;
    }

    .btn-informacion-cafe {
        width: 100%;
        padding: 0px;
        text-align: center;
    }

    .pagina-introcafe .detalle-lista-p h1 {
        text-align: center;
        float: left;
        margin-bottom: 4%;
    }

    .pagina-introcafe .p-info {
        text-align: center;
    }

    .mensaje-oferta-dos {
        display: block;
    }

    #demos-cursosvirtuales header {
        margin-top: 200px;
    }

    .oferta-dos {
        display: none;
    }

    .oferta-dos h2 {
        font-size: 20px;
    }

    .estructura-img .img-lista-dos img {
        float: none;
    }

    .ul-temario-n {
        width: 95%;
        margin-bottom: 0px;
    }


    .img-lista .img-portada2 {
        width: 100%;
        float: none;
    }

    #curso-pizza .img-lista iframe {
        width: 100%;
    }

    .contenedor-caja-dividir-texto {
        margin: 0px 0px 0px 0px;
    }

    .caja-dividir-texto-dos {
        grid-template-columns: repeat(1, 1fr);
    }

    .caja-dividir-texto-tres {
        grid-template-columns: repeat(1, 1fr);
    }

    #curso-cafe .img-lista-dos img,
    #curso-pizza .img-lista-dos img {
        float: none;
    }

    .caja-presencial-p {
        border-right: none;
    }

    .caja-virtual-y-presencial {
        margin-top: 0px;
    }

    /*--------- maqueta-2---------------------*/

    .v2-caja-presencial-virtual {
        width: 100%;
        margin-left: 0px;
    }

    .caja-virtuales-miniatura {
        background-color: white;
        border: none
    }

    .btn-miniatura-v {
        display: none;
    }

    .fecha-detalle:last-child {
        margin-left: 0px;
    }

    .caja-virtual-y-presencial {
        grid-template-columns: repeat(1, 1fr);
    }

    .caja-virtual-p {
        border-left: unset;
    }

    .caja-presencial-p {
        padding: 0px;
        padding-top: 5%;
        padding-bottom: 5%;
    }

    .caja-virtual-p {
        padding: 0px;
        padding-top: 5%;
        padding-bottom: 5%;
    }

    .demos1 {
        background-color: white;
    }

    .caja-info-virtual h2 {
        font-size: 30px;
        color: #4b250a;
    }

    .caja-info-virtual ul {
        width: 90%;
        float: unset;
        margin: auto;
        margin-top: 5%;
        margin-bottom: 5%;
        grid-template-columns: repeat(1, 1fr);
    }

    .numero-info-virtual {
        width: 100%;
        float: left;
        text-align: center;
        margin-top: 2%;
    }

    .fecha-detalle span {
        float: unset;
        font-size: 16px;
    }

    .maqueta-2 .caja-virtuales-miniatura {
        border: none;
        border-bottom: 1px solid black;
    }

    .maqueta-2 .texto-caja-virtuales {
        padding: 0.1px;
        padding-top: 0px;
        padding-bottom: 0px;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        text-align: justify;
        margin-bottom: 0px;
    }

    .maqueta-2 .btn-virtuales {
        display: none;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        margin: auto;
        margin-bottom: unset;
        text-align: center;
        margin-top: 2.5%;
        margin-bottom: 2.5%;
    }

    /*--------- maqueta-2---------------------*/


    .caja-virtual-vimeo iframe {
        width: 100%;
        height: 250px;
        padding-left: 0px;
        padding-right: 0px;
    }

    #inicio .titulo-portada {
        top: 6%;
    }

    .caja-virtuales-mouse {
        display: none;
    }

    .texto-caja-virtuales {
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        padding: 0.1px;
    }

    .caja-virtuales-miniatura .titulo-virtuales {
        font-size: 20px;
        background-color: white;
        color: #4b250a;
        font-weight: 100;
        width: 55%;
        padding: 4%;
        padding-top: 0%;
        padding-bottom: 2%;
        float: left;
        text-align: center;
        font-family: 'frankfurter_mediumregular';
    }

    .contenedor-texto-largo-c-v {
        width: 61%;
        padding: 2%;
        padding-top: 0px;
        float: left;
    }

    .p-mas-info {
        width: 61%;
        font-weight: 700;
        text-align: center;
        color: #e74c30;
        padding: 0px;
        display: block;
        margin-top: 2%;
        margin-bottom: 2%;
        float: right;
    }

    .btn-virtuales {
        width: 100%;
        float: left;
        padding-left: 0px;
        padding-right: 0px;
        text-align: center;
        margin-top: 2.5%;
        margin-bottom: 2.5%;
    }

    #demos .letras-portada h1,
    #demos-cursosvirtuales .letras-portada h1,
    #videos .letras-portada h1 {
        font-size: 20px;
    }


    .caja-inscripcion-detalle {
        width: 90%;
        padding: 4%;
        top: 3%;
    }

    .contenedor-caja-virtuales {
        width: 100%;
        float: left;
        padding: 0%;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 0em;
        grid-row-gap: 0em;
    }

    .caja-virtuales-miniatura {
        padding-top: 2.5%;
        padding-bottom: 2.5%;
        border-bottom: 1px solid black;
        border-radius: unset;
    }

    .caja-virtuales-miniatura:last-child {
        border-bottom: none;
    }

    .contenedor-caja-virtuales img {
        width: 35%;
        float: left;
        display: block;
        margin: 2%;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
    }

    #inicio header {
        height: auto;
    }

    #demos header,
    #demos-cursosvirtuales header,
    #videos header {
        height: auto;
    }

    .v2-label {
        position: unset;
    }

    .img-portada-1 {
        margin-top: unset;
    }

    #demos .img-portada,
    #demos-cursosvirtuales .img-portada,
    #videos .img-portada {
        margin-top: unset;
    }

    .v2-img-letra {
        width: 100%;
        display: block;
        z-index: 1;
        margin: auto;
    }



    .titulo-portada {
        margin-right: 10%;

    }

    .caja-mensaje-nuevo {
        position: unset;
        float: left;
    }

    .m2-mensaje {
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        margin-bottom: 5%;
    }

    .v2-mensaje-right {
        margin-bottom: 0px;
    }


    .v2-mensaje-right .v2-img-letra {
        left: unset;
    }

    .m2-mensaje p {
        text-align: center;
        right: 0px;
        left: 0px;
        top: 10px;
        font-size: 15px;
    }

    .v2-mensaje-left p {
        top: 7px;
    }

    .linea-curso-detalle {
        line-height: 25px;
    }

    .tema-inicio {
        width: 96%;
        padding: 2%;
    }

    .tema-inicio p {
        text-align: justify;
    }

    .caja-cursos-r {
        width: 98%;
        margin: 1%;
    }

    .enlace-nuevo {
        color: black;
        float: left;
        font-size: auto;
        text-align: justify;
    }

    .msj-video {
        width: 94%;
        float: left
    }

    .contenido-utensilios .lado-der-tienda {
        width: 90%;
        margin: 5%;
    }

    .parrafo-ingredientes {
        text-align: justify;
    }


    .listados-temarion {
        width: 100%;
    }

    .lado-der-tienda {
        width: 100%;
        margin: unset;
    }



    .img-ingrediente {
        width: 100%;
        float: left;
    }

    .lista-ingrediente {
        width: 100%;
        margin-top: 4%;
    }


    .lado-izq-tienda {
        width: 100%;
        margin: unset;
    }


    .cursos-general-recomendados {
        width: 100%;
        margin: 0px;
    }


    .listados-temarion .listados-info {
        width: 92%;
        margin-right: 0px;
    }


    .caja-g-r img {
        width: 90%;
        margin: 5%;
    }

    .g-r-nombre {
        width: 98%;
        padding: 1%;
        text-align: center;
        color: white;
        padding-bottom: 4%;
    }

    .caja-g-r {
        width: 50%;
        float: left;
        border-bottom: unset;
        background-color: unset;
    }

    .caja-g-runo {
        margin: 25%;
        margin-top: 0;
        margin-bottom: 0px;
    }

    .caja-g-r3 {
        width: 33.3%;
    }

    .cursos-r-3 {
        width: 98%;
        margin: 1%;
    }

    .cursos-r-3 .cursos-r {
        width: 46%;
    }

    .cursos-r-2 .cursos-r {
        width: 46%;
        margin: 2%;

    }

    .contenido-pdf {
        display: none;
    }



    .lista-helados-manual {
        padding-left: 0px;
        margin: 8%;
    }


    .img-d-manual {
        width: 100%;
    }

    .info-d-manual {
        width: 92%;
        padding: 4%;
        float: left;
    }

    .info-d-manual h1 {
        font-size: 23px;
        text-align: center;
    }

    .manual-r {
        width: 100%;
        float: left;
        border: unset;
        border-bottom: .5px solid gainsboro;
        margin: 0px;
        padding-bottom: 8%;
    }

    .img-d-manual {
        margin-top: 0px;
    }

    .fondo-d-manual {
        display: none;
    }


    .info-dos-d-manual {
        width: 100%;
    }

    .info-dos-d-manual p {
        margin: 4%;
        text-align: justify;
    }

    .btn-calendario {
        margin-top: 5%;
    }

    .cursos-r {
        width: 46%;
        margin: 2%
    }


    .cursos-r-entero {
        width: 100%;
        margin: 0px;
    }

    .cursos-r h1 {
        text-align: center;
    }

    .info-curso-r {
        text-align: center;
        padding-bottom: 4%;
        padding: 4%;
        padding-top: 0px;
    }

    .curso-r-p {
        width: 92%;
    }

    .btn-indice {
        display: none;
    }

    .btn-indice2 {
        display: block;
    }

    .img-dos-d-manual img {
        display: none;
    }


    .m-a-caja-centrado .img-dos-d-manual img {
        display: none;
    }

    .img-dos-d-manual {
        width: 100%;
    }


    .descrip-d-manual {
        text-align: justify;
    }

    .temavl-p {
        margin-bottom: 4%;
    }

    .contenedor-img-g-cursos img {
        display: none;
    }

    .contenedor-img-g-cursosf img {
        display: none;
    }

    .titulo-manuales p {
        text-align: justify;
    }



    .m-temas {
        width: 97%;
        border: unset;
        border-bottom: .5px solid gainsboro;
        height: auto;
        padding-bottom: 8%;
    }

    .m-temas:hover {
        box-shadow: unset;
    }

    .titulo-mensaje-inicio {
        margin: 2%;
    }

    .caja-lista-cursos {
        width: 100%;
    }

    .lista-g-cursos .caja-curso-general {
        width: 100%;
    }

    .botones-cd {
        margin-top: 0px;
    }

    .footer-ocultar {
        display: none;
    }

    .columna-lista-disco {
        width: 100%;
    }

    .columna-lista-disco h3 {
        margin-left: unset;
    }

    .d-texto-info {
        margin-top: 4%;
    }

    .contenedor-info-img-video {
        width: 100%;
    }

    .temavl {
        width: 100%;
        margin-bottom: 2%;
    }

    .caja-mapavl {
        width: 100%;
    }

    .caja-infovl {
        width: 100%;
    }

    .caja-infovl p {
        padding: 0%;
        padding-top: 4%;
    }

    .caja-infovl a {
        font-size: 20px;
        font-weight: 700;
        width: 100%;
        float: left;
        text-align: center;
        padding-top: 4%;
        padding-bottom: 4%;
    }


    .d-img-video {
        width: 100%;
    }

    .d-cinta {
        width: 100%;
        float: left;
    }

    .contenedor-cintav {
        display: none;
    }

    .contenedor-cintah {
        display: block;
    }

    .subtema-lista-disco {
        color: white;
        padding: 4%;
        padding-left: 0%;
    }

    .btn-cds {
        width: 100%;
        float: left;
        padding: 0px;
        padding-top: 4%;
        padding-bottom: 4%;
        text-decoration: underline;
    }

    .img-disco {
        width: 100%;
    }

    .lista-center p {
        text-align: center;
        font-size: 14.5px;
        line-height: 18px;
        padding: 0px;
    }

    .lista-disco {
        width: 100%;
    }

    .lista-disco h1 {
        padding-left: 4%;
        text-align: center;
    }

    .lista-disco li {
        margin-left: 4%;
    }

    .caja-lista-disco {
        width: 100%;
    }

    .mensaje-ofertas {
        display: block;
        background-color: #fabb14;
        color: #e74c30;
        border-bottom: 1px solid #e74c30;
    }


    .redes-ocultar {
        display: none;
    }

    .d-info-video {
        width: 96%;
        margin: 2%;
    }

    .d-info-video h1 {
        text-align: center;
        font-size: 25px;
    }

    .tema-inicio h1 {
        text-align: center;
    }


    .cursov-movil {
        display: block;
    }

    .cursov-escritorio {
        display: none;
    }

    .oferta {
        margin-top: 0px;
    }

    .oferta-fijo {
        width: 100%;
        position: relative;
        right: 0%;
        top: 30%;
        z-index: -1;
    }

    .oferta img {
        max-width: 323px;
        width: 100%;
        display: block;
        margin: auto;
        padding: 4%;
    }


    .lista-v {
        width: 100%;
    }

    .lista-v .caja-curso-general img {
        width: 100%;
        margin: 0px;
        display: block;
        margin: auto;
        float: unset;
    }

    .lista-v .lista-general .n-movil {
        width: 92%;
        padding: 4%;
    }


    .lista-v .lista-general {
        margin-top: 0px;
        padding-bottom: 0px;
    }




    .caja-curso-general .btn-botones {
        background-color: unset;
        text-decoration: underline;
        color: #e74c30;
        box-shadow: unset;
        font-size: 15px;
        bottom: 5%;
        position: absolute;
        text-align: center;
        width: 70%;
        float: left;
        padding: 0px;
    }

    .lista-v .btn-botones {
        width: 100%;
        position: unset;
        margin-bottom: 4%;
    }


    .lista-v .caja-curso-general {
        width: 50%;
    }

    .img-descripcion {
        display: none;
    }

    .n-escritorio {
        display: none;
    }

    .n-movil {
        display: block;
        width: 66%;
        padding: 4%;
        padding-left: 2%;
        padding-right: 2%;
        float: right;
        font-size: 16px;
    }

    .lista-general {
        border: none;
    }


    .descripcion-cursos-general {
        padding: 4%;
        float: left;
    }

    .descripcion-cursos-general p {
        text-align: justify;
    }

    .menu-lis {
        height: auto;
    }


    .caja-curso-general {
        width: 100%;
        float: left;
        height: auto;
        margin: 0px;
        padding: 0px;
        padding-top: .5%;
        padding-bottom: .5%;
        border-bottom: 1px solid #ddd;
        position: relative;
        text-align: center;
    }

    .caja-curso-general img {
        width: 26%;
        margin: 2%;
        float: left;
    }

    .caja-curso-general:hover {
        box-shadow: none;
    }



    .li-listado-pizzas {
        margin-left: 5%;
    }

    .contenedor-ul-dos {
        width: 95%;
    }

    .menu-icono {
        width: 50%;
        float: left;
        display: block;
        text-align: right;
    }

    .menu-icono i {
        padding: 8%;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .fecha {
        width: auto;
    }

    .ico-cerrar {
        display: none;
    }


    .listados-info {
        width: 92%;
        padding: 4%;
    }

    .listados-info h1 {
        text-align: center;
    }

    .img-lista {
        width: 92%;
        height: auto;
        margin: 4%;
        float: left;
    }

    .fecha-curso-detalle {
        margin-left: 0%;
        text-align: center;
    }



    .listados-img {
        width: 100%;
        height: auto;
        float: left;
    }


    .mapa-direccion {
        width: 100%;
        float: left;
    }

    .mapa-figura {
        width: 92%;
        float: left;
        margin: 4%;
    }

    .detalle-lista {
        width: 94%;
        height: auto;
        padding: 3%;
        float: left;
    }

    .contenedor-curso-detalle {
        width: unset;
    }

    .img-lista img {
        width: 100%;
        margin: auto;
        display: block;
    }

    .letra-descripcion {
        width: 100%;
    }

    .img-face {
        display: block;
        margin-top: -2%;
        width: 80px;
        height: auto;
    }

    .redes-menu li {
        margin: 0% 3%;
    }

    .letra-descripcion h1 {
        font-size: 20px;
        padding: 2%;
        text-align: center;
    }

    .menu-lis li {
        width: 100%;
        border-bottom: 1px solid #f47d1f;
        text-align: left;
    }


    .letras-portada h1 {
        font-size: 20px;
    }

    .letras-portada p {
        font-size: 20px;
    }


    .letra-descripcion p {
        text-align: justify;
        padding: 2%;
    }



    .cajas-footer h3 {
        text-align: center;
    }

    .contenido-img {
        width: 100%;
    }

    .contenido-datos {
        width: 100%;
        text-align: center;
    }

    .contenido-datos-p {
        padding: 2%;
    }

    .tema-cursos-descripcion {
        margin-bottom: 0px;
    }

    .img-vector-cursos {
        width: 100%;
    }

    .informacion-cursos {
        width: 100%;
        margin-top: 0px;
    }

    .mensaje-cursos p {
        text-align: justify;
        padding: 4%;
    }

    .cajas-footer {
        width: 98%;
        margin: 1;
        margin-bottom: 3%;
        text-align: center;
    }

    .imagenes-inicio {
        width: 100%;
    }

    .caja-curso {
        width: 48%;
    }

    .logo-footer {
        height: 0px;
    }

    .menu-lis li a {
        margin-left: 5%;
    }

    .menu-lis li a:hover {
        font-size: 19px;
        text-shadow: unset;
    }


    .contenedor-menu-redes {
        width: 100%;
        background-color: #f47d1f;
        grid-template-columns: repeat(1, 1fr);
    }

    .redes-menu i {
        color: white;
        line-height: 50px;
        font-size: 25px;
    }

    .menu-ico i {
        color: #f47d1f;
        line-height: 70px;
    }

    .linea-direccion {
        color: white;
    }

    .caja-logo {
        width: 50%;
        float: left;
    }

    .logo {
        width: auto;
        margin: auto;
        display: none;
    }


    .logo-movil2 {
        display: block;
        margin: auto;
    }

    .telefono-movil-menu {
        display: block;
        float: left;
        width: 50%;
        text-align: center;
        line-height: 40px;
    }

    .telefono-movil-menu a {
        width: 50%;
        float: left;
        color: white;
        font-size: 18px;
        background-color: #e74c30;
        padding: 0%;
    }




    .telefono-movil-menu .linea-numero {
        width: 49.05%;
        border-right: 3px solid white;
    }

    .pagina-introcafe .telefono-movil-menu .linea-numero {
        width: 48.10%;
        border-right: 3px solid white;
    }


    .redes-menu {
        height: auto;
    }

    .direccion-menu {
        display: none;
    }

    .red-menu {
        width: 100%;
        margin-left: 0%;
        float: left;
    }

    .franja-menu {
        display: none;
    }

    header {
        margin-top: 170px;
    }

    .escritorio {
        display: none;
    }

    .movil {
        display: block;
    }

    .llamar-movil {
        display: none;
    }

    .cajas-footer h3 {
        margin-bottom: 0px;
    }

    .section-inicio {
        width: 100%;
        padding: 0px;
    }

    .caja-curso {
        width: 100%;
        margin-bottom: 10%;
    }

    .titulo-portada {
        width: 65%;
        font-size: 22px;
        padding: 4%;
        padding-bottom: 0px;
        float: right;
        padding: 0%;
        right: 0px;
        left: unset;
        top: 15%;
    }



    .intro {
        text-align: justify;
        margin-top: 5%;
        margin-bottom: 5%;
        line-height: 20px;
    }

    header {
        height: auto;
    }

    .fecha-detalle {
        margin-left: 0px;
        font-size: 15px;
        text-align: center;
        margin: 4%;
        line-height: 20px;
    }

    .caja-form-info {
        width: 100%;
        float: left;
    }

    .caja-form {
        width: 100%;
        float: left;
    }

    .caja-form-info p {
        text-align: justify;
    }

    .input-form {
        width: 81%;
        margin: 5%;
        margin-top: 2.5%;
        margin-bottom: 2.5%;
    }

    .textarea-form {
        width: 81%;
        margin: 5%;
        margin-top: 2.5%;
        margin-bottom: 2.5%;
    }

    .btn-contacto {
        margin-left: 5%;
    }

    .red-telefono .telefono-movil-menu .fa-telefono {
        line-height: unset;
        transform: scaleX(-1);
        line-height: 50px;

    }

    .menu-app {
        width: 100%;
    }

    .redes-menu .li-contacto {
        width: 16%;
        float: left;
        text-align: right;
        margin-right: 2%;
        display: block;
    }

    .redes-menu ul {
        width: 80%;
        float: left;
    }

    .lado-izq-tienda {
        text-align: center;
    }


    .lado-izq-tienda a {
        width: 41.2%;
        border: 1px solid #6666;
    }

    .contenedor-enlaces-t {
        width: 90%;
        margin: auto;
        background-color: cadetblue;
    }


    .caja-nuevo-demos {
        width: 100%;
        height: auto;
        float: left;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 1em;
        grid-row-gap: 1em;
    }

    .cajas-nuevo-miniaturas img {
        width: 33%;
        display: block;
        float: left;
    }

    .contenedor-caja-info {
        display: block;
        position: unset;
        width: 67%;
        padding: 0px;
        float: left;
    }

    .nuevo-titulo-miniaturas {
        display: none;
    }

    .contenedor-parrafo-largo {
        display: none;
        font-size: 15px;
    }

    .parrafo-movil {
        display: block;
        font-size: 15px;
    }

    .caja-info-demos {
        width: 90%;
        padding: 5%;
        padding-top: 0px;
        border: none;
        box-shadow: none;
    }


    .h2-caja-info {
        font-size: 15px;
        margin-bottom: 2%;
    }




    .contenedor-a-miniaturas {
        padding-bottom: 2%;
        border-bottom: 1px solid #ccc;
    }

    .caja-miniatura-der .contenedor-caja-info {
        padding-left: 0px;
        padding-right: 0px;
        left: unset;
    }

    .cajas-nuevo-miniaturas {
        padding-bottom: 2%;
        border-bottom: 1px solid rgba(0, 0, 0, .2);
    }

    .cajas-nuevo-miniaturas:last-child {
        border-bottom: none;
    }

    .cajas-nuevo-miniaturas>.contenedor-caja-info {
        visibility: unset;
        opacity: unset;
        transition: unset;
    }


    .cajas-nuevo-miniaturas:hover>.contenedor-caja-info {
        visibility: unset;
        opacity: unset;
    }


    .caja-contenedor-a {
        display: none;
    }

    .caja-detalle-online {
        width: 95%;
        padding: 2.5%;
        margin-bottom: 0px;
    }

    .caja-icono-online {
        width: 100%;
        margin-bottom: 5%;
    }

    #body-detalle-online .contenedor-caja-lista-online {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    #body-detalle-online .cursos-general-recomendados {
        background-color: #fabb14;
    }

    .caja-detalle-online img {
        width: 100%;
    }

    .caja-detalle-online h2 {
        text-align: center;
    }

    .caja-video-online {
        width: 100%;
    }

    .caja-video-online .info {
        font-size: 17px;
    }

    .contenedor-info-video {
        width: 90%;
        padding: 5%;
        font-size: 17px;
    }


    .caja-centrar-online {
        width: 90%;
    }

    .caja-video-online-demos {
        width: 90%;
    }

    .c-caja-video-detalle {
        margin-left: 0px;
    }

    .subtema-detalle {
        margin-right: 5%;
        text-align: center;
    }

    .caja-detalle-online p {
        text-align: center;
    }

    .contenedor-video-detalle {
        position: relative;
    }

    .contenedor-video-detalle iframe {
        height: 250px;
    }

    .body-detalle-online .recomendados-online {
        display: none;
    }

    .caja-detalle-online img {
        margin-bottom: 5%;
    }

    .icono-video {
        display: none;
    }

    .caja-top {
        width: 90%;
        padding: 5%;
        text-align: center;
        display: none;
    }


    .caja-top ul li {
        width: 100%;
        float: left;
        margin: 0px;
        padding: 0px;
    }

    .recomendados-online {
        text-align: center;
    }

    .recomendados-online h2 {
        margin-bottom: 2.5%;
    }


    .contenedor-r-online {
        width: 92%;
        padding: 4%;
        text-align: center;
    }



    .recomendados-online {
        grid-template-columns: repeat(2, 1fr);
    }

    #body-detalle-online .contenedor-r-online {
        display: none;
    }

    .caja-detalle-online ul {
        width: 100%;
        margin: 0px;
        float: left;
    }

    #demos2 .letra-descripcion p {
        text-align: center;
    }

    .caja-form-info p {
        text-align: center;
    }

    #contacto .caja-form-info p {
        text-align: center;
        font-size: 20px;
    }

    .caja-video-online iframe {
        height: 200px;
    }

    .caja-texto-online h2 {
        font-size: 25px;
        text-align: center;
    }


    .caja-detalle-online .ul-video li {
        list-style: none;
    }

    #body-video .ul-video li p {
        text-align: left;
    }

    .detalle-presencial {
        width: 100%;
        float: left;
        margin: 2% 0px;
    }

    .detalle-virtual {
        width: 100%;
        float: left;
        margin: 2% 0px;
    }

    #demos .detalle-presencial,
    #demos .detalle-virtual {
        width: 46%;
    }


    .detalle-presencial i,
    .detalle-virtual i {
        font-size: 18px;
        width: 100%;
        margin-bottom: 2%;
    }

    .v2-caja-presencial-virtual p label {
        float: unset;
        font-size: 16px;
    }

    #demos .btn-botones {
        width: 95%;
        margin: 0px;
        padding: 0px;
        padding-top: 5%;
        padding-bottom: 5%;
        margin-bottom: 2.5%;
        margin-top: 5%;
        font-size: 18px;
    }


    #inicio .menu-lis li,
    #demos .menu-lis li,
    #demos-cursosvirtuales .menu-lis li,
    #comollegar .menu-lis li,
    #videos .menu-lis li {
        width: 100%;
        margin-left: 0px;
    }


    .menu-lis li {
        width: 100%;
        border-bottom: 1px solid #fabb14;
    }

    .detalle-lista .titulo-centrar-n {
        text-align: center;
    }

    .img-lista .img_detalle_2{
        display: none;
    }

}