@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: 'Network Free';
    src: url('../tipos/NetworkFreeVersion.eot');
    src: url('../tipos/NetworkFreeVersion.eot?#iefix') format('embedded-opentype'),
         url('../tipos/NetworkFreeVersion.woff2') format('woff2'),
         url('../tipos/NetworkFreeVersion.woff') format('woff'),
         url('../tipos/NetworkFreeVersion.ttf')  format('truetype'),
         url('../tipos/NetworkFreeVersion.svg#Network Free') format('svg');
}

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

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

.boton.mentorias { width: 20vw;font-family: Baskervville;font-size: 1.5vw;border-radius: 40px;background-color: #ffde59;text-align: center;padding: 7 0vw;color:#7b6b53; }
.boton.mentorias:hover { background-color: #FFF;color:#7b6b53; }

.boton.mentorias2 { width: 20vw;font-family: Baskervville;font-size: 1.5vw;border-radius: 40px;background-color: #ffde59;text-align: center;padding: 7 0vw;color:#7b6b53; }
.boton.mentorias2:hover { background-color: #dabd4a; }

.banner1 { width: 100%;background-image: url("../img/mentorias/1.png");background-size: cover;background-position: center;height: auto;padding-bottom: 80px; }
.banner1 .logo { padding: 50px;padding-bottom: 0px; }
.banner1 .contenidoBanner { width: 100%;max-width: 1200px;margin: 0 auto;padding-top: 40px; }
.banner1 .contenidoBanner .titulo { font-family: Baskervville;font-size: 4vw;color:#FFF;text-transform: uppercase;background-color: rgba(123,107,83,0.7);padding: 15 0vw;width: 67vw;text-align: center;margin: 0 auto;font-weight: 700; }
.banner1 .contenidoBanner .descubre { font-family: Network Free;font-size: 2vw;color:#ffde59;text-transform: uppercase;text-align: right;width: 65vw;padding: 15 0vw;padding-top: 35px;margin: 0 auto;  }
.banner1 .contenidoBanner .texto { font-family: Myriad Pro;font-size: 1.5vw;color:#FFF;font-weight: 700;text-align: right;width: 65vw;padding: 15 0vw;padding-top: 0px;margin: 0 auto; }
.banner1 .contenidoBanner .cuadro { background-color: rgba(123,107,83,0.7);font-family: Myriad Pro;font-size: 2vw;color:#FFF;font-weight: 700;text-align: center;width: 67vw;padding: 15 0vw;margin: 0 auto;line-height: 2.5vw;margin-top: 30px; }

.banner2 { width: 100%;height: auto; }
.banner2 .izquierda { float: left;width: 50%; }
.banner2 .izquierda .logo { padding: 50px; }
.banner2 .izquierda .texto { font-family: Myriad Pro;font-size: 1.5vw;color:#7b6b53;font-weight: 700;text-align: center;width: 35vw;margin: 0 auto;line-height: 2vw; }
.banner2 .derecha { float: right;background-image: url("../img/mentorias/2.png");background-size: cover;background-position: center;height: 100%;width: 50%; }

.banner3 { width: 100%;height: auto; }
.banner3 .contenidoBanner { width: calc(100% - 10em);margin: 0 auto; }
.banner3 .izquierda { float: left;width: 50%; }
.banner3 .izquierda .logo { padding: 50px;padding-left: 0px; }
.banner3 .izquierda .texto { font-family: Myriad Pro;font-size: 1.5vw;color:#000;font-weight: 500;line-height: 2vw;padding-bottom: 50px; }
.banner3 .izquierda .texto .titulo { font-family: Baskervville;font-size: 2vw;color:#000;font-weight: 700; }
.banner3 .izquierda .texto #fotoConcha { display: none; }
.banner3 .izquierda .texto .nombre { font-family: Network Free;font-size: 1.5vw;color:#000; }
.banner3 .derecha { float: right;width: 50%;text-align: center; }
.banner3 .derecha img { width: 60%;margin-top: 200px; }

.banner4 { width: 100%;background-image: url("../img/mentorias/4.png");background-size: cover;background-position: center;height: auto;padding-bottom: 100px; }
.banner4 .logo { padding: 50px; }
.banner4 .contenidoBanner { width: 100%;max-width: 1200px;margin: 0 auto; }
.banner4 .contenidoBanner .titulo { font-family: Baskervville;font-size: 3.5vw;color:#FFF;text-transform: uppercase;background-color: rgba(123,107,83,0.7);padding: 15 0vw;width: 67vw;text-align: center;margin: 0 auto;font-weight: 700; }
.banner4 .contenidoBanner .cuadro { background-color: rgba(123,107,83,0.7);font-family: Myriad Pro;width: 57vw;padding: 40 5vw;margin: 0 auto;line-height: 2vw;margin-top: 30px; }
.banner4 .contenidoBanner .cuadro .puntos { padding-bottom: 20px; }
.banner4 .contenidoBanner .cuadro .puntos .icono { float: left;color:#FFF;font-size: 2vw;width: 3vw; }
.banner4 .contenidoBanner .cuadro .puntos .label { float: left;font-size: 2vw;width: calc(100% - 3vw);color:#FFF;line-height: 2.5vw;font-weight: 400; }

.banner5 { width: 100%;height: auto; }
.banner5 .izquierda { float: left;width: 50%; }
.banner5 .izquierda .logo { padding: 50px; }
.banner5 .izquierda .texto { font-family: Myriad Pro;font-size: 1.5vw;color:#7b6b53;font-weight: 700;width: 40vw;margin: 0 auto;line-height: 2vw; }
.banner5 .izquierda .texto .titulo { font-family: Baskervville;font-size: 2vw;color:#7b6b53;font-weight: 700; }
.banner5 .izquierda .texto .listado { padding: 40 0px; }
.banner5 .izquierda .texto .listado .puntos .icono { float: left;color:#00d300;font-size: 1.5vw;width: 3vw; }
.banner5 .izquierda .texto .listado .puntos .label { float: left;font-size: 1.5vw;width: calc(100% - 3vw);color:#7b6b53;line-height: 2.5vw }
.banner5 .derecha { float: right;background-image: url("../img/mentorias/5.png");background-size: cover;background-position: center;height: auto;width: 50%; }
.banner5 .derecha img { width: 100%; }

.banner6 { width: 100%;background-image: url("../img/mentorias/6.png");background-size: cover;background-position: center;height: auto;padding-bottom: 50px; }
.banner6 .logo { padding: 50px;padding-bottom: 0px; }
.banner6 .contenidoBanner { width: 100%;max-width: 1200px;margin: 0 auto; }
.banner6 .contenidoBanner .titulo { font-family: Baskervville;font-size: 3.5vw;color:#FFF;padding: 15 0vw;width: 67vw;text-align: center;margin: 0 auto;font-weight: 700; }
.banner6 .contenidoBanner .cuadro1 { background-color: rgba(123,107,83,0.7);font-family: Myriad Pro;font-weight: 700;width: 60vw;padding: 30 2vw;margin: 0 auto;line-height: 2vw;margin-top: 0px; }
.banner6 .contenidoBanner .cuadro1 .puntos .icono { float: left;color:#FFF;font-size: 1.5vw;width: 3vw; }
.banner6 .contenidoBanner .cuadro1 .puntos .label { float: left;font-size: 1.7vw;width: calc(100% - 3vw);color:#FFF;line-height: 2.5vw }
.banner6 .contenidoBanner .cuadro2 { background-color: rgba(123,107,83,0.7);font-family: Myriad Pro;font-weight: 700;width: 55vw;padding: 30 2vw;margin: 0 auto;line-height: 2vw;margin-top: 30px;color:#FFF;font-size: 1.7vw;line-height: 2.5vw;text-align: center; }
.banner6 .contenidoBanner .boton { margin: 0 auto;margin-top: 30px; }

.banner7 { width: 100%;background-image: url("../img/mentorias/7.png");background-size: cover;background-position: center;height: 100%;padding-bottom: 50px; }
.banner7 .logo { padding: 50px;padding-bottom: 0px; }
.banner7 .contenidoBanner { width: 90%;max-width: 1200px;margin: 0 auto;padding-top: 100px; }
.banner7 .contenidoBanner .titulo { font-family: Baskervville;font-size: 3vw;color:#FFF;background-color: rgba(123,107,83,0.7);padding: 15 0vw;width: 30vw;text-align: center;font-weight: 700; }
.banner7 .contenidoBanner .cuadro { background-color: rgba(123,107,83,0.7);font-family: Myriad Pro;font-weight: 700;width: 45vw;padding: 30 2vw;line-height: 2vw;margin-top: 30px; }
.banner7 .contenidoBanner .cuadro .puntos .icono { float: left;font-size: 1.5vw;width: 3vw; }
.banner7 .contenidoBanner .cuadro .puntos .label { float: left;font-size: 1.7vw;width: calc(100% - 3vw);color:#FFF;line-height: 2.5vw }

.banner8 { width: 100%;height: 100%; }
.banner8 .contenidoBanner { width: calc(100% - 10em);margin: 0 auto; }
.banner8 .izquierda { float: left;width: 50%; }
.banner8 .izquierda .logo { padding: 50px; }
.banner8 .izquierda .texto { font-family: Myriad Pro;font-size: 1.5vw;color:#000;font-weight: 500;line-height: 2vw;padding-bottom: 50px; }
.banner8 .izquierda .texto .titulo { font-family: Baskervville;font-size: 2vw;color:#000;font-weight: 700;border-radius: 40px;background-color: #ffde59;text-align: center;padding: 2vw 2vw;width: 70%;margin: 0 auto; }
.banner8 .izquierda .texto .label { text-align: center;width: 70%;margin: 0 auto;font-weight: 700;color:#7b6b53;padding-top: 30px; }
.banner8 .izquierda .formulario { width: 70%;margin: 0 auto; }
.banner8 .izquierda .formulario .campo { width: 50%;margin: 0 auto;padding-bottom: 10px; }
.banner8 .izquierda .formulario .boton { width: 90%;margin: 0 auto;margin-top: 30px; }
.banner8 .izquierda .formulario .campoCheck { padding-top: 30px;width: 70%;margin: 0 auto; }
.banner8 .izquierda .formulario .campoCheck .check { float: left;width: 16px; }
.banner8 .izquierda .formulario .campoCheck .label { float: left;width: calc(100% - 4.16em);padding-left: 10px;font-size: 18px;color:#7b6b53; }
.banner8 .izquierda .formulario .campoCheck .label a { color:#7b6b53;text-transform: none; }
.banner8 .izquierda .formulario .campoCheck .label a:hover { text-transform: underline; }
.banner8 .izquierda .formulario .link { width: 100%;text-align: center;font-family: Myriad Pro;font-size: 2vw;margin-top: 30px; }
.banner8 .izquierda .formulario .link a { color:#7b6b53; } 
.banner8 .derecha { float: right;background-image: url("../img/mentorias/8.png");background-size: cover;background-position: center;height: 100%;width: 50%; }


@media screen and (min-width: 280px) and (max-width: 979px){
	.banner1 .logo { padding: 10px;padding-bottom: 0px; }
	.banner1 .contenidoBanner .titulo { font-size: 25px;width: 90%; }
	.banner1 .contenidoBanner .descubre { font-size: 20px;width: 85%;padding-top: 15px;  }
	.banner1 .contenidoBanner .texto { font-size: 18px;width: 85%;padding: 15 0vw;padding-top: 0px;margin: 0 auto; }
	.banner1 .contenidoBanner .cuadro { font-size: 20px;width: 90%;line-height: 25px; }
	
	.banner2 .izquierda { width: 90%;margin: 0 auto;float: none;padding-bottom: 50px; }
	.banner2 .izquierda .logo { padding: 10px;padding-left: 0px; }
	.banner2 .izquierda .texto { font-size: 18px;width: 100%;line-height: 25px; }
	.banner2 .derecha { display: none; }
	
	.banner3 .contenidoBanner { width: 90%; }
	.banner3 .izquierda { float: none;width: 100%;margin: 0 auto; }
	.banner3 .izquierda .logo { padding: 10px;padding-left: 0px; }
	.banner3 .izquierda .texto { font-size: 18px;color:#000;line-height: 25px;width: 100%; }
	.banner3 .izquierda .texto .titulo { font-size: 25px;line-height: 30px; }
	.banner3 .izquierda .texto #fotoConcha { display: block; }
	.banner3 .izquierda .texto .nombre { font-size: 20px; }
	.banner3 .derecha { display: none; }
	
	.banner4 { padding-bottom: 50px; }
	.banner4 .logo { padding: 10px; }
	.banner4 .contenidoBanner .titulo { font-size: 25px;padding: 15 0vw;width: 90%; }
	.banner4 .contenidoBanner .cuadro { width: 90%;padding: 15 0vw; }
	.banner4 .contenidoBanner .cuadro .puntos { padding-bottom: 20px;padding-left: 10px; }
	.banner4 .contenidoBanner .cuadro .puntos .icono { font-size: 18px;;width: 25px; }
	.banner4 .contenidoBanner .cuadro .puntos .label { font-size: 20px;line-height: 25px;width: calc(100% - 2em); }
	
	.banner5 { padding-bottom: 30px; }
	.banner5 .izquierda { float: none;width: 90%;margin: 0 auto; }
	.banner5 .izquierda .logo { padding: 10px;padding-left: 0px; }
	.banner5 .izquierda .texto { font-size: 18px;line-height: 25px;width: 100%; }
	.banner5 .izquierda .texto .titulo { font-size: 25px; }
	.banner5 .izquierda .texto .listado { padding: 30 0px; }
	.banner5 .izquierda .texto .listado .puntos { padding-bottom: 10px; }
	.banner5 .izquierda .texto .listado .puntos .icono { font-size: 18px;;width: 25px; }
	.banner5 .izquierda .texto .listado .puntos .label { font-size: 20px;line-height: 25px;width: calc(100% - 2em); }
	.banner5 .derecha { display: none; }
	
	.banner6 .logo { padding: 10px; }
	.banner6 .contenidoBanner { width: 90%; }
	.banner6 .contenidoBanner .titulo { font-size: 30px;width: 100%; }
	.banner6 .contenidoBanner .cuadro1 { width: 90%;margin: 0 auto; }
	.banner6 .contenidoBanner .cuadro1 .puntos { padding-bottom: 10px; }
	.banner6 .contenidoBanner .cuadro1 .puntos .icono { font-size: 18px;width: 30px; }
	.banner6 .contenidoBanner .cuadro1 .puntos .label { font-size: 20px;line-height: 25px;width: calc(100% - 2em); }
	.banner6 .contenidoBanner .cuadro2 { width: 90%;margin-top: 30px;color:#FFF;font-size: 18px;line-height: 25px; }
	.banner6 .contenidoBanner .boton { margin: 0 auto;margin-top: 30px;width: 90%;font-size: 18px;max-width: 210px; }
	
	.banner7 { height: auto; }
	.banner7 .logo { padding: 10px; }
	.banner7 .contenidoBanner .titulo { font-size: 25px;width: 50%; }
	.banner7 .contenidoBanner .cuadro { width: 90%; }
	.banner7 .contenidoBanner .cuadro .puntos .icono { font-size: 18px;width: 30px; }
	.banner7 .contenidoBanner .cuadro .puntos .label { font-size: 20px;line-height: 25px;width: calc(100% - 2em); }
	
	.banner8 { height: auto;padding-bottom: 50px; }
	.banner8 .contenidoBanner { width: 90%;margin: 0 auto; }
	.banner8 .izquierda { float: none;width: 100%; }
	.banner8 .izquierda .logo { padding: 10px; }
	.banner8 .izquierda .texto { font-size: 18px;line-height: 25px; }
	.banner8 .izquierda .texto .titulo { font-size: 20px;width: 90%;max-width: 400px; }
	.banner8 .izquierda .texto .label { text-align: center;width: 90%;margin: 0 auto;font-weight: 700;color:#7b6b53;padding-top: 50px; }
	.banner8 .izquierda .formulario { width: 70%;margin: 0 auto; }
	.banner8 .izquierda .formulario .boton { width: 90%;margin: 0 auto;margin-top: 10px;font-size: 18px;max-width: 350px; }
	.banner8 .izquierda .formulario .campoCheck { padding-top: 40px;width: 90%;margin: 0 auto; }
	.banner8 .izquierda .formulario .campoCheck .check { float: left;width: 16px; }
	.banner8 .izquierda .formulario .campoCheck .label { float: left;width: calc(100% - 1.9em);padding-left: 10px;font-size: 18px;color:#7b6b53; }
	.banner8 .izquierda .formulario .link { width: 100%;font-size: 20px;;margin-top: 30px; }
	.banner8 .derecha { display: none; }
}