@font-face {
    font-family: 'Baskervville';
    src: url('../tipos/Baskervville-Regular.eot');
    src: url('../tipos/Baskervville-Regular.eot?#iefix') format('embedded-opentype'),
         url('../tipos/Baskervville-Regular.woff2') format('woff2'),
         url('../tipos/Baskervville-Regular.woff') format('woff'),
         url('../tipos/Baskervville-Regular.ttf')  format('truetype'),
         url('../tipos/Baskervville-Regular.svg#Baskervville') format('svg');
}

@font-face {
    font-family: 'IBM Plex Mono';
    src: url('../tipos/IBMPlexMono-Regular.eot');
    src: url('../tipos/IBMPlexMono-Regular.eot?#iefix') format('embedded-opentype'),
         url('../tipos/IBMPlexMono-Regular.woff2') format('woff2'),
         url('../tipos/IBMPlexMono-Regular.woff') format('woff'),
         url('../tipos/IBMPlexMono-Regular.ttf')  format('truetype'),
         url('../tipos/IBMPlexMono-Regular.svg#IBM Plex Mono') format('svg');
}
	

html { padding: 0px;margin: 0px;width: 100%; }
body { padding: 0px;margin: 0px;color:#000;width: 100%; }

.menu { position: fixed;top: 40px;left: 40px;z-index: 97px;padding: 10px; }
.menu .opcionMenu { color:#FFF;font-family: IBM Plex Mono;font-weight: 400;font-size: 13px;line-height: 17px; }
.menu .opcionMenu.negro { color:#000; }
a { text-decoration: none; }

input { width: 100%;height: 30px;background-color: #EFEAE8;padding-left: 10px;padding-right: 10px;font-family: Baskervville;font-size: 16px;border: 1px solid #EFEAE8;outline: none;border-radius: 6px; }
textarea { width: 100%;height: 80px;background-color: #EFEAE8;resize: none;padding: 5 10px;font-family: Baskervville;font-size: 16px;border: 1px solid #EFEAE8;outline: none;border-radius: 6px; }

input.error { background-color: #F00;border:1px solid #F00; }
textarea.error { background-color: #F00;border:1px solid #F00; }

.check { border:1px solid #666;border-radius: 16px;width: 16px;height: 16px; }
.check .marcado { width: 14px;height: 14px;border-radius: 14px;background-color: rgba(0,0,0,0.5);display: none;border:1px solid #FFF; }

.boton { padding: 5 10px;border-radius: 20px;font-family: IBM Plex Mono;font-weight: 400;font-size: 13px; }
.boton.filete { border-radius: 20px; }
.boton.blanco { border: 1px solid #FFF;color:#FFF; }
.boton.negro { border: 1px solid #000;color:#000; }
.boton.gris { border: 1px solid #FFF;color:#000;background-color: #EFEAE8; }
.boton.amarillo { background-color: #EEFF85;color:#000;border: 1px solid #EEFF85; }
.boton.amarilloOscuro { background-color: #EEFF85;color:#000;border: 1px solid #EEFF85; }
.boton.amarilloFilete { background-color: #EEFF85;color:#000;border: 1px solid #EEFF85; }
.boton.fondoBlanco { background-color: #FFF;color:#000;border: 1px solid #FFF; }

.boton.blanco:hover { background-color: #FFF;color:#000; }
.boton.negro:hover { background-color: #FFF; }
.boton.gris:hover { background-color: #999;color:#FFF; }
.boton.amarillo:hover { background-color: #FFF;color:#000;border: 1px solid #FFF; }
.boton.amarilloOscuro:hover { background-color: #afba62;color:#FFF;border: 1px solid #afba62; }
.boton.amarilloFilete:hover { background-color: #FFF;color:#000;border: 1px solid #000; }
.boton.fondoBlanco:hover { background-color: #EFEAE8;color:#000;border: 1px solid #EFEAE8; }

.footer { padding: 40px; }
.footer .contenidoFooter { width: 100%;max-width: 943px;margin: 0 auto; }
.footer .columna {  float: left;width: calc(100% / 3 );text-align: center; }

.footer .columna img { width: 94px; }
.footer .columna .link { text-align: right; }
.footer .columna.primera { text-align: left; }
.footer .columna.segundo .texto { font-size: 20px;width: 277px;margin: 0 auto;float: none;line-height: 20px;font-family: Baskervville;padding-top: 25px;font-weight: 700; }
.footer .columna.tercera { float: right; }
.footer .columna.tercera .link { font-family: Baskervville;font-size: 16px;line-height: 16px;color:#000 }
.footer .columna.tercera .link:hover { text-decoration: underline; }

.fondoAviso { width: 100%;height: 100%;position: fixed;top:0px;left:0px;z-index: 98;background-color: rgba(0,0,0,0.8);display: none; }
.popup { background-color: #FFF;border-radius: 6px;width: 100%;max-width: 465px;padding: 20px;position: absolute;z-index: 99;display: none; }

.aviso .titulo { border-bottom: 1px solid #EFEAE8;font-family: IBM Plex Mono;font-size: 24px;text-transform: uppercase;padding-bottom: 15px;line-height: 26px;color:#000; }
.aviso .texto { padding-top: 15px; }
.aviso .texto .campos { height: 40px; }
.aviso .texto .campos .label { float: left;width: 120px;font-family: Baskervville;font-size: 16px;color: #999; }
.aviso .texto .campos .campo { float: left;width: 345px; }
.aviso .botonera { padding-top: 20px; }
.aviso .botonera .boton { float: left;margin-right: 10px; }

.slideGuia { width: 100%;padding: 20 0px;background-color: rgba(192,208,87,0.9); }
.slideGuia .contenidoSlideGuia { width: 100%;max-width: 943px;margin: 0 auto; }
.slideGuia .contenidoSlideGuia .titulo { font-family: Baskervville;font-size: 30px;color:#FFF;text-align: center;text-shadow: 1px 1px 1px rgba(0,0,0,0.2); }
.slideGuia .contenidoSlideGuia .texto { padding-top: 10px;text-align: center;font-family: Baskervville;font-size: 25px;line-height: 30px;width: 400px;color:#FFF;margin: 0 auto;text-shadow: 1px 1px 1px rgba(0,0,0,0.2); }
.slideGuia .contenidoSlideGuia .boton { width: 100px;margin: 0 auto;text-align: center;margin-top: 20px; }

.home { height: 499px;background-size: cover;background-position: center; }
.home .contenidoHome { width: 100%;max-width: 943px;margin: 0 auto; }
.home .logo { width: 236px;margin: 0 auto;margin-top: 40px; }
.home .logo img { width: 100% }
.home .boton { position: absolute;top: 40px;; }
.home .texto { font-size: 24px;width: 277px;margin: 0 auto;font-family: Baskervville;text-align: center;color:#FFF;margin-top: 300px;font-weight: 700;line-height: 24px;text-shadow: 1px 1px 2px #000; }

.potencia { padding-top: 50px; }
.potencia .contenidoPotencia { width: 100%;max-width: 943px;border-bottom: 1px solid #000;margin: 0 auto;padding-bottom: 50px; }
.potencia .contenidoPotencia .texto { width: 236px;margin: 0 auto;text-align: center;font-family: Baskervville;font-size: 24px;text-transform: uppercase;line-height: 24px; }

.master .contenidoMaster { width: 100%;max-width: 943px;border-bottom: 1px solid #000;margin: 0 auto; }
.master .contenidoMaster td { height: 57px;font-size: 32px;line-height: 32px;font-family: Baskervville;text-align: center; }

.metodologia { padding-top: 50px; }
.metodologia .contenidoMetodologia { width: 100%;max-width: 943px;border-bottom: 1px solid #000;margin: 0 auto;padding-bottom: 50px; }
.metodologia .contenidoMetodologia .foto { float: left;width: 554px;height: 323px;background-image: url("../img/02_FotoMetodologia.png");background-size: cover;background-position: center; }
.metodologia .contenidoMetodologia .foto .texto { width: 304px;margin: 0 auto; }
.metodologia .contenidoMetodologia .foto .texto td { font-family: Baskervville;font-size: 24px;color:#FFF;text-align: center;line-height: 24px;font-weight: 700; }
.metodologia .contenidoMetodologia .puntos { float: left;width: 284px;margin-left: 64px; }
.metodologia .contenidoMetodologia .puntos .punto { padding-bottom: 25px; }
.metodologia .contenidoMetodologia .puntos .punto .numero { float: left;border-radius: 18px;width: 18px;height: 18px;font-family: IBM Plex Mono;font-size: 11px;text-align: center;line-height: 18px;background-color: #EEFF85; }
.metodologia .contenidoMetodologia .puntos .punto .texto { float: left;padding-left: 10px;font-family: Baskervville;font-size: 15px;line-height: 19px;width: 256px; }
.metodologia .contenidoMetodologia .puntos .boton { float: left; }


.destinatarios { padding-top: 30px;padding-bottom: 77px; }
.destinatarios .contenidoDestinatarios { width: 100%;max-width: 943px;margin: 0 auto; }
.destinatarios .contenidoDestinatarios .titulo { float: left;width: 145px;font-family: Baskervville;font-size: 24px;line-height: 24px;text-transform: uppercase;padding-top: 5px; }
.destinatarios .contenidoDestinatarios .texto { float: left;width: 334px;margin-left: 78px;font-family: Baskervville;font-size: 15px;line-height: 19px;padding-top: 100px; }
.destinatarios .contenidoDestinatarios .texto ul { padding-left: 25px; }
.destinatarios .contenidoDestinatarios .foto { float: left;width: 240px;margin-left: 70px; }

.gestiona { height: 322px;margin-bottom: 50px;margin-top: 0px; }
.gestiona .contenidoGestiona { width: 100%;max-width: 943px;margin: 0 auto;height: 322px; }
.gestiona .contenidoGestiona .listado { text-align: center;width: 100%;padding-top: 66px; }
.gestiona .contenidoGestiona .listado .opcion { font-family: Baskervville;font-size: 32px;line-height: 32px;font-weight: 700;color:#FFF;cursor: pointer; }
.gestiona .contenidoGestiona .texto { width: 124px;position: absolute;text-align: center;color:#FFF;font-family: Baskervville;font-size: 16px;line-height: 16px; }

.gestiona .contenidoGestiona.gestiona { background-image: url('../img/04_BannerPalabras_1.png'); }
.gestiona .contenidoGestiona.gestiona .gest { text-decoration: underline; }

.gestiona .contenidoGestiona.rentabiliza { background-image: url('../img/04_BannerPalabras_2.png'); }
.gestiona .contenidoGestiona.rentabiliza .rent { text-decoration: underline; }

.gestiona .contenidoGestiona.innova { background-image: url('../img/04_BannerPalabras_3.png'); }
.gestiona .contenidoGestiona.innova .inno { text-decoration: underline; }

.gestiona .contenidoGestiona.transforma { background-image: url('../img/04_BannerPalabras_4.png'); }
.gestiona .contenidoGestiona.transforma .trans { text-decoration: underline; }

.gestiona .contenidoGestiona.planifica { background-image: url('../img/04_BannerPalabras_5.png'); }
.gestiona .contenidoGestiona.planifica .plani { text-decoration: underline; }

.porque { padding-top: 56px;padding-bottom: 60px; }
.porque .contenidoPorque { width: 100%;max-width: 943px;margin: 0 auto; }
.porque .contenidoPorque .izquierda { float: left;width: 145px; }
.porque .contenidoPorque .izquierda .titulo { font-family: Baskervville;font-size: 24px;line-height: 24px; }
.porque .contenidoPorque .izquierda .ilustracion { padding-top: 65px;text-align: right; }
.porque .contenidoPorque .derecha { float: left;width: 510px;padding-left: 106px; }
.porque .contenidoPorque .derecha .titulo { font-family: Baskervville;font-size: 20px;padding-bottom: 30px;text-decoration: underline;text-transform: uppercase; }
.porque .contenidoPorque .derecha .texto { font-family: Baskervville;font-size: 15px;line-height: 19px; }
.porque .contenidoPorque .derecha .texto ul { padding-left: 20px; }
.porque .contenidoPorque .derecha .subtitulo { padding-top: 30px;font-family: IBM Plex Mono;font-size: 13px;text-decoration: underline;padding-bottom: 17px; }

.paraArtesanos .contenidoParaArtesanos { width: 100%;max-width: 943px;margin: 0 auto;border-top:1px solid #000;;border-bottom:1px solid #000;padding-top: 50px;padding-bottom: 50px;  }
.paraArtesanos .contenidoParaArtesanos .texto { width: 348px;margin: 0 auto;font-family: Baskervville;font-size: 24px;line-height: 24px;text-align: center; }
.paraArtesanos .contenidoParaArtesanos .ilustracion { position: absolute;z-index: 97;margin-left: 770px;margin-top: -130px; }

.mision { width: 100%;height:399px;background-image: url('../img/06_MISIÓN.png');background-size: cover;background-position: center;margin-top: 62px; }
.mision .titulo { padding-top: 96px;font-family: Baskervville;font-size: 32px;color:#FFF;text-align: center; }
.mision .texto { padding-top: 28px;text-align: center;font-family: Baskervville;font-size: 20px;line-height: 20px;width: 567px;color:#FFF;margin: 0 auto; }
.mision .boton { width: 149px;margin: 0 auto;text-align: center;margin-top: 30px; }

.somos { padding-top: 65px;padding-bottom: 65px; }
.somos .contenidoSomos { width: 100%;max-width: 943px;margin: 0 auto; }
.somos .contenidoSomos .titulo { float: left;width: 256px;font-family: Baskervville;font-size: 24px;line-height: 24px;text-align: center;text-transform: uppercase;padding-top: 109px; }
.somos .contenidoSomos .foto { float: left;padding-left: 81px; }
.somos .contenidoSomos .soy { float: left;padding-left: 113px;padding-top: 101px; }
.somos .contenidoSomos .soy .texto { width: 132px;font-family: Baskervville;font-size: 24px;line-height: 24px;text-align: center;text-transform: uppercase; }
.somos .contenidoSomos .soy .boton { width: 104px;margin: 0 auto;margin-top: 16px;text-align: center; }

.artesano { padding-top: 80px;padding-bottom: 95px;background-color: #EFEAE8; }
.artesano .contenidoArtesano { width: 100%;max-width: 943px;margin: 0 auto;  }
.artesano .contenidoArtesano .izquierda { float: left;width: 484px; }
.artesano .contenidoArtesano .izquierda .titulo { font-family: Baskervville;font-size: 24px; }
.artesano .contenidoArtesano .izquierda .subtitulo { padding-top: 15px;font-family: Baskervville;font-size: 18px; }
.artesano .contenidoArtesano .izquierda .texto { padding-top: 15px;font-family: Baskervville;font-size: 15px;line-height: 19px; }
.artesano .contenidoArtesano .derecha { float: right;width: 195px;padding-right: 10px; }
.artesano .contenidoArtesano .derecha .texto { font-family: Baskervville;font-size: 15px;padding-top: 50px; }
.artesano .contenidoArtesano .derecha .boton { float: left;margin-top: 20px; }

.cursos { padding-top: 00px;padding-bottom: 50px; }
.cursos .contenidoCursos { width: 100%;max-width: 943px;margin: 0 auto; }
.cursos .contenidoCursos .foto { position: absolute; }
.cursos .contenidoCursos .boton { position: absolute; }
.cursos .contenidoCursos .titulo { text-align: center;font-family: IBM Plex Mono;font-size: 14px;line-height: 14px;font-weight: 300;text-transform: uppercase;border-bottom: 1px solid #000;line-height: 40px; }
.cursos .contenidoCursos .opcionCursos { font-family: Baskervville;font-size: 32px;line-height: 60px;text-align: center;border-bottom: 1px solid #000;color:#000; }
.cursos .contenidoCursos .opcionCursos.proximo { opacity: 0.25; }
.cursos .contenidoCursos .opcionCursos:hover { background-color: #EFEAE8; }
.cursos .contenidoCursos .opcionCursos.seleccionado { background-color: #EFEAE8; }
.cursos .contenidoCursos .foto { padding-top: 100px; }
.cursos .contenidoCursos .boton { margin-left: 800px;display: none; }


.horaDisponible { padding-left: 20px;font-family: IBM Plex Mono;cursor: pointer; }
.horaDisponible a { color:#000; }
.horaDisponible:hover { background-color: #EFEAE8; }
.horaDisponible.seleccionado { background-color: #EFEAE8; }