html {margin:0; width:100%; height:100%;}

body {width:100%; height:100%; font-family:  'Lato', sans-serif; font-size:14px; color: #606060; margin:0 auto; position:relative; overflow-x: hidden; }

/* Cambiar el color del placeholder a blanco en los campos del formulario */
form input::placeholder, 
form textarea::placeholder {
  color: #ffffff;
  opacity: 1; /* Esto es importante para navegadores como Firefox que le agregan transparencia por defecto */
}

/* Soporte para navegadores de Microsoft más antiguos  */
form input:-ms-input-placeholder, 
form textarea:-ms-input-placeholder {
  color: #ffffff;
}

form input::-ms-input-placeholder, 
form textarea::-ms-input-placeholder {
  color: #ffffff;
}
/* =========================================
   SECCIÓN: PERFILES SENIOR (SOLO TEXTO)
   ========================================= */
.box-instructores {
    width: 100%;
    padding: 70px 0;
    background-color: #ffffff;
}

.inner-instructores {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
    text-align: center;
}

.inner-instructores h2 {
    color: #00abf2; 
    font-size: 1.7em;
    margin: 0 0 10px 0;
    font-weight: 700;
}

.inner-instructores .line-title2 {
    width: 60px;
    height: 3px;
    background: #00abf2;
    margin: 0 auto 20px auto;
}

.txt-intro-instructores {
    font-size: 1.1em;
    color: #606060;
    max-width: 850px;
    margin: 0 auto 50px auto;
    line-height: 1.6;
}

.grid-instructores {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 40px;
}

/* --- NUEVA TARJETA TIPOGRÁFICA --- */
.card-instructor-texto {
    background: #fbf6fa; 
    padding: 50px 30px; /* Más espacio interno para compensar la falta de imagen */
    border-radius: 8px;
    border-top: 5px solid #00abf2; /* Acento azul oscuro en la parte superior */
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.card-instructor-texto:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 25px rgba(0,0,0,0.1);
    border-top-color: #0E2A6B; /* El borde cambia a azul claro al pasar el mouse */
}

.puesto-principal {
    color: #00abf2; 
    font-size: 1.25em;
    margin: 0 0 20px 0;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.3;
}

.card-instructor-texto p {
    color: #606060;
    font-size: 0.95em;
    line-height: 1.6;
    margin: 0;
}

/* Ajustes responsivos */
@media (max-width: 768px) {
    .box-instructores { padding: 50px 0; }
    .inner-instructores h2 { font-size: 1.5em; }
    .txt-intro-instructores { font-size: 1em; margin-bottom: 40px; }
    .grid-instructores { gap: 25px; }
    .card-instructor-texto { padding: 35px 20px; }
    .puesto-principal { font-size: 1.1em; }
}
/* ----------------------------------------------- */

.card-instructor h3 {
    color: #00abf2;
    font-size: 1.3em;
    margin: 0 0 5px 0;
    text-transform: none; 
}

.puesto-instructor {
    display: block;
    color: #00abf2;
    font-weight: 700;
    font-size: 0.9em;
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.card-instructor p {
    color: #606060;
    font-size: 0.95em;
    line-height: 1.6;
    margin: 0;
}

/* Ajustes para móviles */
@media (max-width: 768px) {
    .box-instructores {
        padding: 50px 0;
    }
    .inner-instructores h2 {
        font-size: 1.5em;
    }
    .txt-intro-instructores {
        font-size: 1em;
        margin-bottom: 40px;
    }
    .grid-instructores {
        gap: 25px;
    }
    .card-instructor {
        padding: 30px 20px;
    }
    .avatar-animated {
        width: 90px;
        height: 90px;
        border-width: 3px;
    }
}

/* =========================================
   SECCIÓN: CARRUSEL DE TESTIMONIOS
   ========================================= */
.franja-testimonios-bg {
    width: 100%;
    background-color: #00abf2; 
    padding: 60px 0;
    margin-bottom: 0px;
    overflow: hidden;
}

.box-testimonios-inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
    text-align: center;
}

.titulo-testimonios {
    color: #FFFFFF !important;
    font-size: 1.7em;
    margin: 0 0 40px 0;
    padding: 0;
    font-weight: 700;
}

.carrusel-contenedor {
    width: 100%;
    overflow: hidden;
    position: relative;
    /* Sombras a los lados para dar efecto de que las tarjetas entran y salen de la pantalla */
    -webkit-mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);
    mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);
}

.carrusel-track {
    display: flex;
    gap: 20px;
    width: max-content;
    /* Animación de 40 segundos, velocidad constante (linear) e infinita */
    animation: scrollTestimonios 40s linear infinite;
}

/* Pausar la animación al pasar el mouse */
.carrusel-track:hover {
    animation-play-state: paused;
}

.testimonio-card {
    background: rgba(255, 255, 255, 0.1); /* Fondo blanco con 10% de opacidad */
    border: 1px solid rgba(255, 255, 255, 0.3); /* Borde sutil */
    border-radius: 10px;
    padding: 30px 25px;
    width: 320px; 
    box-sizing: border-box;
    text-align: left;
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.testimonio-texto {
    font-size: 1em;
    line-height: 1.5;
    font-style: italic;
    margin-bottom: 25px;
}

.testimonio-autor {
    font-size: 1.1em;
    font-weight: 700;
    margin: 0 0 5px 0;
    color: #FFFFFF;
}

.testimonio-empresa {
    font-size: 0.85em;
    opacity: 0.9;
    font-weight: 300;
}

/* =========================================
   ANIMACIÓN KEYFRAMES (MAGIA DEL CARRUSEL)
   ========================================= */
@keyframes scrollTestimonios {
    0% { transform: translateX(0); }
    /* Se mueve exactamente el 50% de su ancho total (porque está duplicado) menos el gap */
    100% { transform: translateX(calc(-50% - 10px)); } 
}

/* Ajustes para móviles */
@media (max-width: 768px) {
    .franja-testimonios-bg {
        padding: 40px 0;
    }
    .titulo-testimonios {
        font-size: 1.5em;
    }
    .testimonio-card {
        width: 280px; /* Tarjetas más pequeñas en celular */
        padding: 20px;
    }
    .carrusel-track {
        animation-duration: 30s; /* Más rápido en móviles */
    }
}

/* =========================================
   SECCIÓN: CARRUSEL DE EMPRESAS (LOGOS)
   ========================================= */
.franja-empresas-bg {
    width: 100%;
    background-color: #00abf2; /* Azul claro solicitado */
    padding: 60px 0;
    margin-bottom: 50px;
    overflow: hidden;
}

.box-empresas-inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
    text-align: center;
}

.box-empresas-inner h2 {
    color: #FFFFFF !important; /* Título en blanco para contrastar */
    font-size: 1.7em;
    margin: 0 0 40px 0;
    padding: 0;
    font-weight: 700;
}

/* Contenedor con máscara de difuminado a los lados */
.carrusel-logos-contenedor {
    width: 100%;
    overflow: hidden;
    position: relative;
    /* Esto hace que los logos se desvanezcan al entrar y salir por las orillas */
    -webkit-mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);
    mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);
}

.carrusel-logos-track {
    display: flex;
    align-items: center;
    gap: 60px; /* Separación entre logos */
    width: max-content;
    /* Al ser 40 logos, le damos 70 segundos para que gire suavemente */
    animation: scrollLogos 70s linear infinite; 
}

/* Pausar animación al pasar el mouse */
.carrusel-logos-track:hover {
    animation-play-state: paused;
}

.carrusel-logos-track img {
    max-height: 55px;
    max-width: 180px;
    object-fit: contain;
    /* Filtro mágico que convierte los logos grises o de color a BLANCO PURO */
    filter: brightness(0) invert(1);
    opacity: 0.85; /* Un poco de transparencia para que no brillen en exceso */
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.carrusel-logos-track img:hover {
    opacity: 1; /* Brillo al 100% al pasar el mouse */
    transform: scale(1.05);
}

/* =========================================
   ANIMACIÓN DEL CARRUSEL DE LOGOS
   ========================================= */
@keyframes scrollLogos {
    0% { transform: translateX(0); }
    /* Desplaza el track exactamente a la mitad (donde empieza el bloque duplicado) */
    100% { transform: translateX(calc(-50% - 30px)); } 
}

/* Ajustes para móviles */
@media (max-width: 768px) {
    .franja-empresas-bg {
        padding: 40px 0;
    }
    .box-empresas-inner h2 {
        font-size: 1.5em;
    }
    .carrusel-logos-track {
        gap: 40px; /* Menos separación en celulares */
        animation-duration: 50s; /* Más rápido en pantallas pequeñas */
    }
    .carrusel-logos-track img {
        max-height: 40px;
        max-width: 120px;
    }
    @keyframes scrollLogos {
        0% { transform: translateX(0); }
        100% { transform: translateX(calc(-50% - 20px)); } 
    }
}

/***********************************************************************************************************************************/



h1,h2 {font-size:1.7em; color:#00abf2; margin:5px; padding:0; font-weight:700;}

h3 {text-transform:uppercase; font-size:1.3em; padding:0; text-align:center; color:#0E2A6B; font-weight:normal;}

a {transition: all 0.5s ease 0s;}

a:focus {outline: 0;}

a:active, a:hover {	outline: 0;}

img {display: block;}

.clear { clear:both;}

/*****Header****/

header { width:100%; max-width:1200px; margin:0 auto; padding:20px ; box-sizing:border-box; overflow:hidden; position:relative; z-index:1001}

#logo { width:230px; float:left;}

#logo img { width:100%;}

.cont-top1 { width:52%; overflow:hidden; float:right;}

.cont-top1 ul { list-style:none; padding:0; overflow:hidden; margin:0; color:#fff;}

.cont-top1 ul li { float:left; height:40px;}

.cont-top1 ul li a { display:block; width:100%; height:100%; color:#fff; text-decoration:none;}

.cont-top1 ul li:nth-child(1) { width:25px; margin-right:10px;}

.cont-top1 ul li:nth-child(2) { width:25px; margin-right:10px;}

.cont-top1 ul li:nth-child(3) { width:25px; margin-right:10px;}

.cont-top1 ul li:nth-child(4) { width:25px; margin-right:10px;}

.cont-top1 ul li:nth-child(5) { width:25px; margin-right:10px;}

.cont-top1 ul li:nth-child(6) { width:7px; margin-right:10px;}

.cont-top1 ul li:nth-child(7) { width:180px; padding:10px 0 0 25px; box-sizing:border-box;}

.cont-top1 ul li:nth-child(8) { width:7px; margin-right:10px;}

.cont-top1 ul li:nth-child(9) { width:210px; padding:10px 0 0 30px; box-sizing:border-box;}

.ico-1 { background:url(../img/redes1/face.png) no-repeat scroll center center;}

.ico-2 { background:url(../img/redes1/twitter.png) no-repeat scroll center center;}

.ico-3 { background:url(../img/redes1/linkedin.png) no-repeat scroll center center;}

.ico-4 { background:url(../img/redes1/flickr.png) no-repeat scroll center center;}

.ico-5 { background:url(../img/redes1/youtube.png) no-repeat scroll center center;}

.ico-6 { background:url(../img/redes1/sep-menu.png) no-repeat;}

.ico-7 { background:url(../img/redes1/tel.png) no-repeat scroll 0 center;}

.ico-8 { background:url(../img/redes1/email.png) no-repeat scroll 0 center;}

.cont-top2 { width:100%; float:right; overflow:hidden}

.cont-top2 ul { list-style:none; padding:0; overflow:hidden; width:60%; float:right; margin:30px 0 0;}

.cont-top2 ul li { float:left; margin-right:20px; text-transform:uppercase; text-align:center; cursor:pointer;}

.cont-top2 ul li a {color:#fff; text-decoration:none;}

.cont-top2 ul li a:hover {color:#00abf2; text-decoration:none;}

.teldesk { display:block}

.telmov  { display:none}

/*****Nav Movil*****/

.navmovil {}

.navmovil ul { list-style:none; padding:0; overflow:hidden; width:100%; margin:70px 0 0;}

.navmovil ul li { margin:15px; text-transform:uppercase; text-align:left; cursor:pointer; font-size:1.5em;}

.navmovil ul li a {color:#fff; text-decoration:none;}

.navmovil ul li a:hover {color:#00abf2; text-decoration:none;}

.menu-mov { width:100%; margin:-70px auto 0; height:51px; padding-top:10px; background:#606060; display:none; position:fixed; z-index:10001;}

.btn-menumov { cursor:pointer; margin: 0 20px 0 0; width: 50px; float:right;}

.btn-menumov img { width:100%;}

.btn-cerrarmov { cursor: pointer; position: absolute; right: 10px; top: 1%;}

#menudesk { display:block}

/******Slider****/

.cont-slide { width:100%; overflow:hidden; max-width:1900px; margin:-215px 0 0;}

.txt-slide {font-size:4em; color:#00abf2; margin:0; padding:0; font-weight:700;}

.txt2-slide {color:#fff; margin:0; padding:0; font-weight:300;}

.cont-txtsl {overflow:hidden; font-weight:300; font-size:1.3em; color:#fff;}

#layerslidermov { display:none}

#layerslidermov img { width:100%;}



#layerslidermov1 { display:none}

#layerslidermov1 img { width:100%;}



/*****Line Blue***/

.lineblueslide { width:100%; overflow:hidden; padding:10px 0; background:#00abf2; }

.contblue { max-width:700px; margin:0 auto; overflow:hidden;}

.contblueprog{max-width: 1030px; width: 95%; margin: 0 auto; overflow: hidden;}

.contblue ul {padding:0; list-style:none}

.contblue ul li {color:#fff; font-weight:700; font-size:1.5em; float:left; text-transform:uppercase;}

.contblue ul li:nth-child(1) { padding:7px 0; margin-right:20px;}

.contblue ul li:nth-child(2) { padding:7px 0; margin-right:20px;}

/***Box1*****/

#box1 { width:100%; max-width:1200px; overflow:hidden; margin:50px auto 90px; padding:20px; box-sizing:border-box;}

#box1 h1 {font-size:4em; color:#00abf2; margin:5px 0 25px; padding:0; font-weight:700;}

#box1 p {font-size:1.1em; line-height:25px;}

.inner50 { width:50%; overflow:hidden; float:left;}

.inner250 { width:50%; overflow:hidden; float:left;}

#box1 .inner250 img {width: 100%; margin:0 auto; max-width:500px;}

#box1 .inner50 img {width: 100%; margin:0 auto; max-width:500px;}

.mbottb1 { margin-bottom:50px;}

.ul-nos {padding:0 !important; width:550px; margin:50px 0;}

.ul-nos li {float:none; padding:0 0 0 110px; margin-bottom:60px;}

.titulonos {font-size: 1.5em; padding-top:5px; text-decoration: none; color:#606060; font-weight:700;}

.titulonos:hover {color:#00abf2;}

.ico-mision { background:url(../img/ico-mision.jpg) no-repeat;}

.ico-vision { background:url(../img/ico-vision.jpg) no-repeat;}

.ico-valores { background:url(../img/ico-valores.jpg) no-repeat;}

.cont-frontnos { padding:0 10px; box-sizing:border-box;}

.cont-frontnos h3 {font-size:1.5em; color:#00abf2; margin:5px 0 25px; padding:0; font-weight:700; text-align:left; text-transform:none;}

.mtop-inner { margin:50px 0;}



.title-pdf {font-size:1.5em; color:#00abf2; margin:5px 0 25px; padding:0; font-weight:700; text-align:left; text-transform:none;}

.ulpdf { padding:0; overflow:hidden; width:100%;list-style:none; margin:60px 0 0;}

.ulpdf li { float:left; padding:25px 15px; text-align:center; border-bottom:1px solid #edf3ff; border-top:1px solid #edf3ff; border-left:1px solid #edf3ff; width:33%; box-sizing:border-box;}

.ulpdf li a { text-decoration:none; color:#606060; font-size:1.1em; background:url(../img/be-geek-icopdf.jpg) no-repeat; padding:10px 0 10px 50px; width:100%; height:100%;}

.ulpdf li a:hover {color:#00abf2;}

.ulpdf li:hover {-webkit-box-shadow: 0px 0px 5px -2px rgba(0,169,242,1);

-moz-box-shadow: 0px 0px 5px -2px rgba(0,169,242,1);

box-shadow: 0px 0px 5px -2px rgba(0,169,242,1);}

.ulpdf li:nth-child(1) {}

.ulpdf li:nth-child(2) {}

.ulpdf li:nth-child(3) {border-right:1px solid #edf3ff;}

/***Box2*****/

#box2 { width:100%; max-width:1900px; overflow:hidden; margin:0 auto 90px; padding:20px 0; box-sizing:border-box;}

#box2 h1 {font-size:4em; color:#00abf2; margin:0 0 10px; padding:0; font-weight:700;}

.line-title2 { background:#edf3ff; width:100px; height:3px;}

.innerimg { margin:0 60px 0 0; width:48%; max-width:900px; float:left;}

.innerimg img {width: 100%; margin:0 auto; max-width:900px;}

.innercursos {width:32%; max-width:600px; float:left;}

.innercursos h3 {font-size:1.5em; color:#00abf2; margin:20px 0 10px; padding:0; font-weight:700; text-align:left; text-transform:none;}

.innercursos p {line-height:25px;}

.btn-conoce { width:200px; overflow:hidden; margin: 20px 0;}

.btn-conoce img { width:99%;}

.btn-conoce:hover img { width:100%;}



/*****div Parallax******/

section {position: relative; display: block; width: 100%; height: 320px; height: 40vh; overflow: hidden;}

section .cover { position: absolute; display: block; width: 100%; height: 100%; z-index: 1;}

section .cover img {position: absolute; display: block; min-width: 100%; min-height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

section .content { position: absolute; display: block; width: 100%; height: 100%; z-index: 2;}

section .text { width: 50%; color:#fff; font-size:2em; text-align:center; font-weight:300;}

.centralize { position: absolute; left: 50%; top: 50%; -webkit-transform: translateZ(0px) translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}



.txtbluediv { font-weight:700; color:#00abf2;}

/***Box3*****/

#box3 { width:100%; max-width:1200px; overflow:hidden; margin:0 auto 90px; padding:20px; box-sizing:border-box;}

.box3 { width:100%; margin:90px 0 0; background:url(../img/back-faqs.png) no-repeat top left; min-height:470px; padding:0 10px; box-sizing:border-box; overflow:hidden;}

.txtfaqs { width:45%; overflow:hidden; float:right;}

.txtfaqs h1 {font-size:4em; color:#00abf2; margin:40px 0 10px; padding:0; font-weight:700;}

.txtfaqs p { font-size:1.5em;}

.inner45 { width:48%; overflow:hidden; float:left; margin:140px 0 0; max-width:550px;}

.sep-faqs { background:url(../img/separador-facs.png) no-repeat; width:21px; height:803px; float:left; margin:140px 20px 0 0;}



/***box4*****/

#box4 { width:100%; max-width:1200px; overflow:hidden; margin:0 auto 90px; padding:20px; box-sizing:border-box;}
#box4 h1 {font-size:4em; color:#00abf2; margin:0 0 10px; padding:0; font-weight:700;}

#box4 h4 {font-size:4em; color:#00abf2; margin:0 0 10px; padding:0; font-weight:700;}

.txtsucp {font-size:1.5em; margin-bottom:90px;}

.item-suc { width:33%; overflow:hidden; border:1px solid #edf3ff; float:left;}

.item-suc h3 {font-size:1.5em; color:#00abf2; margin:20px 0 10px; padding:0 15px; font-weight:700; text-align:left; text-transform:none;}

.item-suc p {padding:0 0 0 15px;}

.item-suc:hover {-webkit-box-shadow: 0px 0px 5px -2px rgba(0,169,242,1);

-moz-box-shadow: 0px 0px 5px -2px rgba(0,169,242,1);

box-shadow: 0px 0px 5px -2px rgba(0,169,242,1);}

.btn-suc { cursor:pointer; background:url(../img/bottom-suc.jpg) no-repeat; width:100%; height:50px;}

.suc1, .suc2, .suc3, .suc4, .suc5, .suc6 {display: block;}

.activo { background:url(../img/bottom-suc2.jpg) no-repeat; width:100%; height:50px;}



.ulsuc { padding:0 10px 0 10px; margin:0 0 30px; list-style:none; overflow:hidden;}

.ulsuc li { margin:0 0 10px; padding:5px 0 0 30px;}

.ulsuc li:nth-child(4) {padding:0 0 0 25px;}

.ico-suc1 { background:url(../img/ico-suc1.jpg) no-repeat;}

.ico-suc2 { background:url(../img/ico-suc2.jpg) no-repeat;}

.ico-suc3 { background:url(../img/ico-suc3.jpg) no-repeat;}

.ico-suc4 { background:url(../img/ico-suc4.jpg) no-repeat;}

.ico-suc5 { background:url(../img/ico-suc5.jpg) no-repeat;}

.ico-suc6 { background:url(../img/ico-suc6.jpg) no-repeat;}



/***Cursos*****/

.banner-top { width:100%; overflow:hidden; max-width:1900px; margin:-215px 0 0; background:url(../img/Cursos-Be-geek-banner.jpg) no-repeat scroll 100% 0; height:615px;}

.box-cursos {width:100%; max-width:1200px; overflow:hidden; margin:0 auto; padding:0 20px;}

.box-cursos h1 {font-size:2.1em; color:#00abf2; margin:5px; padding:0; font-weight:700;}

.box-cursos p { line-height:25px;}



.title-cursos { background:url(../img/pleca-cursos.png) no-repeat; width:270px; padding:13px 0 13px 0; color:#fff; font-size:1.5em; font-weight:700; text-align:center; float:left;}

.tabs-2 { width:100%; margin:30px 0; overflow:hidden;}

.tabs2-menu{ margin:0 ; padding:0 ; max-width:270px; float: left;}

.tabs2-menu li{ height:70px !important; font-size:1.1em; border:1px solid #eff4ff; padding:0 0 0 60px;}

.tabs2-menu li a { color:#606060; display:block; text-align:left; font-size:1.1em }

.tabs2-menu li:nth-child(4) a {padding:15px 0 ;}

.ico-curso1 { background:url(../img/cursos-be-geek-ico1.png) no-repeat scroll 0 center;}

.ico-curso2 { background:url(../img/cursos-be-geek-ico2.png) no-repeat scroll 0 center;}

.ico-curso3 { background:url(../img/cursos-be-geek-ico3.png) no-repeat scroll 0 center;}

.ico-curso4 { background:url(../img/cursos-be-geek-ico4.png) no-repeat scroll 0 center;}

.ico-curso5 { background:url(../img/cursos-be-geek-ico5.png) no-repeat scroll 0 center;}

.ico-curso6 { background:url(../img/cursos-be-geek-ico6.png) no-repeat scroll 0 center;}

.ico-curso7 { background:url(../img/cursos-be-geek-ico7.png) no-repeat scroll 0 center;}



.title-inttab { font-size:1.7em; font-weight:700; color:#00abf2; margin:0 0 15px; padding:5px 0 5px 60px;}

.img-inttab {float:left; margin:0 25px 0 0;}

.pinttab { line-height:25px; text-align:justify;}

.btn-mas {cursor:pointer; background:url(../img/ver-mas-txtcursos.jpg) no-repeat scroll 0 0; margin: 0 0 0 15px; width:125px; height:26px;  padding: 7px 65px;}

.btn-cerrar { background:url(../img/ver-cerrar-txtcursos.jpg) no-repeat scroll 0 0; margin:0;}

.ptxt1,.ptxt2,.ptxt3,.ptxt4, .ptxt5,.ptxt6,.ptxt7 { display:none;}

.tabinttab { width:100%; margin:30px 0;}

.txt1tab {font-size:1.1em; color:#00abf2; font-weight:700; padding:15px 0;}

.txt2tab {font-size:1.1em; color:#606060; font-weight:300; padding:15px 0;}

.txt2tab a {color:#606060; }

.txt2tab a:hover {color:#00abf2;}

.txttabr { text-align:center;}



.menucur-desk { display:block}

.menucur-mov { display:none}



/*********Detalle de curso*****/

.innerimgdet { width:35%; max-width:410px; float:left; margin:50px 0 0;}

.innerimgdet img { width:100%;}

.innerinfo { width:65%; max-width:750px; box-sizing:border-box; padding:0 0 0 30px; overflow:hidden; margin:50px 0 0; line-height:25px;}

.innerinfo h3 {font-size:1.6em; font-weight:700; color:#00abf2; text-align:left; margin:0 0 20px;}

.innerinfo ul { padding:0 0 0 15px;}

.innerinfo ul li { margin:0 0 10px;}

.titlesdat {font-size:1.1em; font-weight:700; color:#00abf2;}

.titlestem {font-size:1.1em; font-weight:700; color:#00abf2;}

.temariocurso { width:100%; margin:30px 0 0; overflow:hidden}

.temariocurso h3 {font-size:1.6em; font-weight:700; color:#00abf2; text-align:left; margin:0 0 20px;}

.temariocurso ul { padding:0 0 0 15px;}

.temariocurso ul li { margin:0 0 10px;}

.ultem50 { width:45%; margin:0 10px 0 0; float:left}

/***boxcont*****/

#boxcont { width:100%; max-width:1900px; overflow:hidden; margin:0 auto; background:#00abf2; color:#fff; padding:20px; box-sizing:border-box;}

.boxcont {width:100%; max-width:1200px; overflow:hidden; margin:0 auto;}

.boxcont h1 {font-size:4em; color:#fff; margin:5px; padding:0; font-weight:700;}

.inner502 {float: left; overflow: hidden; width: 50%;}

.line-title { background:#fff; width:100px; height:3px;}

.txt-tel { font-size:2em; font-weight:300;}

.txt-frase {font-size:1.5em; font-weight:300;}

.txtform { background:none; border:1px solid #fff; padding:5px 10px; height:35px; width:90%; margin:0 0 10px; color:#fff; font-size:1em; border-radius:5px; font-family: 'Lato', sans-serif; font-weight:lighter;}

/* all */

::-webkit-input-placeholder { font-family: 'Lato', sans-serif; font-weight:lighter; }

::-moz-placeholder { font-family: 'Lato', sans-serif; font-weight:lighter; font-size:14px;} /* firefox 19+ */

:-ms-input-placeholder { font-family: 'Lato', sans-serif; font-weight:lighter; font-size:14px; } /* ie */

input:-moz-placeholder { font-family: 'Lato', sans-serif; font-weight:lighter; font-size:14px; }

.txtareaform { background:none; border:1px solid #fff; padding:5px 10px; height:100px; width:90%; margin:0 0 10px; color:#fff; font-size:1.1em; border-radius:5px; font-family: 'Lato', sans-serif; font-weight:lighter;}

.cont-btn { width:150px; margin:0 auto; overflow:hidden;}

.btnenviar { width:150px; height:35px; background:#fff;color:#00abf2; text-align:center; font-weight:700; border-radius:15px; border:1px solid #fff; cursor:pointer;}

.btnenviar:hover { background:#00abf2; color:#fff;}

.inner50 form { margin-top:30px;}

.rede-cont { padding:0; overflow:hidden; list-style:none;}

.rede-cont li { width:55px; height:55px; margin-right:20px; float:left;}

.rede-cont li a {display: block; height: 100%; width: 100%;}

.icored-1 { background:url(../img/redes2/face.png) no-repeat;}

.icored-2 { background:url(../img/redes2/twitter.png) no-repeat;}

.icored-3 { background:url(../img/redes2/linkedin.png) no-repeat;}

.icored-4 { background:url(../img/redes2/flickr.png) no-repeat;}

.icored-5 { background:url(../img/redes2/youtube.png) no-repeat;}

.icored-1:hover { background:url(../img/redes2/face-over.png) no-repeat;}

.icored-2:hover { background:url(../img/redes2/twitter-over.png) no-repeat;}

.icored-3:hover { background:url(../img/redes2/linkedin-over.png) no-repeat;}

.icored-4:hover { background:url(../img/redes2/flickr-over.png) no-repeat;}

.icored-5:hover { background:url(../img/redes2/youtube-over.png) no-repeat;}



/******footer****/

footer { width:100%; overflow:hidden; margin:0; padding:20px 0; border-bottom:20px solid #00abf2}

.contfoot { width:100%; max-width:1200px; overflow:hidden; margin:0 auto;}

.contfoot ul { overflow:hidden; padding:0; margin:0 auto; list-style:none; width:65%}

.contfoot ul li { float:left; font-size:1.2em; font-weight:700; color:#D7D7D7; }

.contfoot ul li a { color:#D7D7D7; text-decoration:none;}

.contfoot ul li:nth-child(1) { margin-right:90px;}

.contfoot ul li:nth-child(2) { margin-right:90px;}

.contfoot ul li:nth-child(3) { margin-right:20px; padding:20px 0 0;}

.contfoot ul li:nth-child(4) { margin-right:20px; padding:20px 0 0;}

.contfoot ul li:nth-child(5) { margin-right:0; padding:20px 0 0;}





/******Mapa de Sitio*****/

.cont-sitemap { width:100%; max-width:1200px; margin:0 auto; overflow:hidden; padding:90px 20px;box-sizing:border-box}

.banner-sitemap {width:100%; overflow:hidden; max-width:1900px; margin:-215px 0 0; background:url(../img/mapa-de-sitio-begeek.jpg) no-repeat scroll 100% 0; height:615px;}

.cont-sitemap h1 {font-size:4em; color:#00abf2; margin:5px 0; padding:0; font-weight:700;}

.inner33sm { width:33%; overflow:hidden; margin:50px 0; padding:0; float:left;}

.inner33sm h2 {font-size:1.2em; color:#00abf2; margin:5px 0; padding:0; font-weight:700;}

.inner33sm ul { padding:0 15px; overflow:hidden;}

.inner33sm ul li { margin:0 0 10px; font-weight:300; font-size:1.1em;}

.bottom-sitemap { width:100%; height:240px; background:#00abf2; }



/****Aviso de Privacidad****/

.cont-aviso { width:100%; max-width:1200px; margin:0 auto; overflow:hidden; padding:90px 20px; box-sizing:border-box}

.cont-aviso h1 {font-size:4em; color:#00abf2; margin:5px 0; padding:0; font-weight:700;}

.cont-aviso p { line-height:25px; text-align:justify; font-size:1.1em;}



/*****Scroll-Top****/

.scroll-top{width:55px; height:56px; opacity:0.8; position:fixed; bottom:50px; right:20px; display:none; text-indent:-9999px; background: url(../img/boton-up.png) no-repeat;}

.menu-top-azul{ list-style:none; margin:0; padding:0;}

.menu-top-azul li { float: left; font-size: 1.1em !important; padding: 7px 0; margin-right: 20px;}

.menu-top-azul li a{ color:#FFF; text-decoration:none; font-weight:bold; font-size:17px;}

.menu-top-azul li a:hover{ color:#FFF; text-decoration:underline; font-weight:bold;}





.conteducacion{overflow: hidden; position: relative; transition: all .3s ease-in-out .3s; width: 90%; float: none; background: #fff; margin: 0 auto;}



.margintop50{ margin-top:90px !important;}

.margintop100{ margin-top:100px !important;}

.conttit1{ width: 105px; float: none; text-align: center; margin: 0 auto;}

.conttit2{ width:115px; float: none; text-align: center; margin: 0 auto;}


.elemovil{ display:block;}
.eledesk{ display:none;}


@media (min-width: 1200px){

}

/* Tablets en horizonal y escritorios normales

   ------------------------------------------------------------------------- */

@media (min-width: 1025px) and (max-width: 1199px) { 

.cont-slide {margin: -200px 0 0; max-width: 1900px; overflow: hidden; width: 100%;}

}



@media (min-width: 981px) and (max-width: 1024px) {

#menudesk { display:block}

.navmovil { display:none}

.menu-mov { display:none;}

.cont-top1 { width: 63%;}	

.cont-top2 ul {width: 60%;}

/******Slide****/

.cont-slide {margin: -220px 0 0; width: 100%;}



/*****box1*****/

#box1 {box-sizing: border-box; margin: 0 auto; max-width: 980px; overflow: hidden; padding: 20px; width: 100%;}

.inner50 img {width: 100%; margin:0 auto}

.ul-nos {width: 100%;}

.ul-nos li { margin-bottom: 40px;}

/*****box2*****/

#box2 {box-sizing: border-box; margin: 0 auto;max-width: 980px; overflow: hidden; padding: 20px; width: 100%;}



/****Box3***/

#box3 { margin: 0 auto 30px;}

.inner45 { max-width: 481px;overflow: hidden; width: 48%;}



/***Cursos***/

.banner-top { width:100%; overflow:hidden; max-width:1024px; margin:-215px 0 0; background:url(../img/Cursos-Be-geek-banner.jpg) no-repeat scroll 100% 0; height:615px;}

/******Footer****/



.contfoot ul li:nth-child(1) { margin-right: 40px;}

.contfoot ul li:nth-child(2) { margin-right: 40px;}

}

@media (min-width: 769px) and (max-width: 980px) {

/******Header********/

body { padding:60px 0 0;}

header { width:100%;  margin:0 auto 0; padding:0;  position:relative; z-index:1001; }

.cont-top1 {float: right; overflow: hidden; width: 80%;}

#logo { width: 100px; margin:7px 0 0 15px;}

#menudesk { display:none}

.navmovil { display:block}

.menu-mov { display:block;}



.cont-top1 {float: none; margin: 20px auto 0; overflow: hidden; width: 80%;}

.cont-top2 ul {float: none;margin: 30px auto 0; width: 90%;}

.cont-top2 ul li {cursor: pointer; float: none; margin: 20px; text-align: left; text-transform: uppercase;}

.cont-top2 ul li a { color: #fff; text-decoration: none; font-size:1.2em;}	

.teldesk { display:block}

.telmov  { display:none}

/******Slide****/

.cont-slide {margin: -100px 0 0; width: 100%;}



/*****box1*****/

#box1 {box-sizing: border-box; margin: 80px auto; max-width: 980px; overflow: hidden; padding: 20px; width: 100%;}

.ul-nos {  width:100%; margin: 10px 0;}

.ul-nos li {padding: 0 0 0 100px; margin-bottom: 30px;}

.ulpdf li { padding: 25px 0; width: 33%;}



/*******Box2******/

.innerimg {margin: 80px 30px 0 0; width: 48%;}

.innercursos { float: left; max-width: 600px; width: 48%;}



section .text { width: 70%;}



/****Box3***/



#box3 {padding: 0;width: 100%;}

.inner45 { max-width: 459px; overflow: hidden; width: 48%;}

.item-suc p {height: 35px;}



/***Cursos***/

.banner-top { width:100%; overflow:hidden; max-width:980px; margin:-215px 0 0; background:url(../img/Cursos-Be-geek-banner.jpg) no-repeat scroll 100% 0; height:615px;}

/******Footer****/



.contfoot ul { width: 65%;}

.contfoot ul li:nth-child(1) { margin-right: 40px;}

.contfoot ul li:nth-child(2) { margin-right: 40px;}



/****Site Map***/

.banner-sitemap {width:100%; overflow:hidden; max-width:980px; margin:-215px 0 0; background:url(../img/mapa-de-sitio-begeek.jpg) no-repeat scroll 100% 0; height:615px;}

}



@media (max-width: 768px) {

/******Header********/

body { padding:60px 0 0;}

header { width:100%;  margin:0 auto 0; padding:0;  position:relative; z-index:1001; }

.cont-top1 {float: right; overflow: hidden; width: 80%;}

#logo { width: 100px; margin:7px 0 0 15px;}

#menudesk { display:none}

.navmovil { display:block}

.menu-mov { display:block;}



.cont-top1 {float: none; margin: 20px auto 0; overflow: hidden; width: 80%;}

.cont-top2 ul {float: none;margin: 30px auto 0; width: 90%;}

.cont-top2 ul li {cursor: pointer; float: none; margin: 20px; text-align: left; text-transform: uppercase;}

.cont-top2 ul li a { color: #fff; text-decoration: none; font-size:1.2em;}

/******Slider***********/

.cont-slide {margin: -111px 0 0;}

#layerslidermov1 { display:block}

#layerslidermov { display:none}

#layerslider { display:none}



/*****Box1****/

#box1 {margin: 30px auto 40px; padding: 60px 20px 0; width: 100%;}

.mbottb1 {margin-bottom: 150px;}

.inner50 {float: left; overflow: hidden; width: 50%;}

.inner250 {float: left; overflow: hidden; width: 100%;}

.ul-nos { width: 100%; margin: 50px 0 0;}

.mtop-inner { margin: 50px 0 0;}



.title-pdf { margin: 50px 0 25px; padding: 0; text-align: center; text-transform: none;}

.ulpdf li {float: left;  padding: 25px 0;  text-align: center;  width: 33%; box-sizing:border-box;}

.ulpdf li a {font-size: 1em; padding: 13px 0 10px 50px;}



/*****Box2****/

#box2 {padding: 60px 20px; width: 100%; margin: 0 auto 30px;}

.innerimg {float: none; margin: 0 auto; width: 60%;}

.innercursos {width: 100%; max-width:770px; margin: 50px 0 0;}

.btn-conoce { width:150px; overflow:hidden; margin: 20px 0;}



section .text {width: 90%;}



/****Box3***/

#box3 {padding: 60px 0 0; width: 100%; margin: 0 auto 0px;}

.box3 {padding: 20px; width: 100%; margin: 0 auto 50px;}

.txtfaqs {float: none; overflow: hidden; width: 100%;}

.inner45 {float: left; margin: 100px 0 0; max-width: 348px; overflow: hidden;  width: 48%;}

.sep-faqs { margin:100px 10px 0 0; width: 21px;}



/*****Box4****/

#box4 {padding: 60px 20px; width: 100%;}

.item-suc h3 {font-size: 1.2em;}

/*****Cursos****/

.box-cursos {box-sizing: border-box;  width: 100%;}

.title-cursos { float: left; width: 220px;}

.tabs2-menu {float: right; margin:0; max-width: 220px; padding: 0;}

.txt1tab { padding: 15px 5px;}

/***Cursos***/

.banner-top { width:100%; overflow:hidden; max-width:768px; margin:-215px 0 0; background:url(../img/cursos-be-geek-banner-tab.jpg) no-repeat scroll 100% 0; height:500px;}

.box-cursos { padding: 70px 20px;}

/****Contacto****/

.inner502 {float: left; overflow: hidden; width: 50%;}

.txt-tel { font-size:1.5em; font-weight:300;}

.rede-cont li { margin-right: 15px;}

/*****Footer************/

.contfoot {margin: 0 auto;width: 85%;}



.contfoot ul { width: 95%;}

.contfoot ul li:nth-child(1) {margin-right: 50px;}

.contfoot ul li:nth-child(2) {margin-right: 0;}



/****Site Map****/

.banner-sitemap {width:100%; overflow:hidden; max-width:768px; margin:-215px 0 0; background:url(../img/mapa-de-sitio-tab.jpg) no-repeat scroll 100% 0; height:500px;}

.inner33sm { width:32%; overflow:hidden; margin:50px 0; padding:0; float:left;}


.elemovil{ display:none;}
.eledesk{ display:block; width:100%; margin-top:5px; float:none;}

}

@media (max-width: 480px) { 

body { padding:60px 0 0;}

header { width:100%;  margin:0 auto 0; padding:0;  position:relative; z-index:1001; }

#logo { width: 100px; margin:7px 0 0 15px;}

#menudesk { display:none}

.navmovil { display:block}

.menu-mov { display:block;}





.cont-top2 ul {float: none;margin: 30px auto 0; width: 90%;}

.cont-top2 ul li {cursor: pointer; float: none; margin: 20px; text-align: left; text-transform: uppercase;}

.cont-top2 ul li a { color: #fff; text-decoration: none; font-size:1.2em;}

.cont-top1 {float: none; margin:0 auto 0; overflow: hidden; width: 90%;}

.cont-top1 ul li {float: left; height: 30px; color:#fff; font-size:.9em;}

.cont-top1 ul li a {color:#fff;}

.cont-top1 ul li:nth-child(1) {margin-right: 5px; width: 23px;}

.cont-top1 ul li:nth-child(2) {margin-right: 5px; width: 23px;}

.cont-top1 ul li:nth-child(3) {margin-right: 5px; width: 23px;}

.cont-top1 ul li:nth-child(4) {margin-right: 5px; width: 23px;}

.cont-top1 ul li:nth-child(5) {margin-right: 5px; width: 23px;}

.cont-top1 ul li:nth-child(6) {display:none;}

.cont-top1 ul li:nth-child(7) {box-sizing: border-box; padding:7px 0 0 23px; width: 140px; float:right;}

.cont-top1 ul li:nth-child(8) { display:none;}

.cont-top1 ul li:nth-child(9) {box-sizing: border-box; padding: 6px 0 0 25px; width: 185px; float:right;}

.teldesk { display:none}

.telmov  { display:block}

/****Line blue****/

.margintop50 { margin-top: 10px !important;}

.lineblueslide { width:100%; overflow:hidden; padding:10px 0; background:#00abf2; display:none; }

.contblue { max-width:700px; margin:0 auto; overflow:hidden; display:none; }

.contblueprog{max-width: 1260px; width: 95%; margin: 0 auto; overflow: hidden; display:none; }

.contblue ul li {text-align:center; width:100%; font-size:1.3em;}

.contblue ul li:nth-child(1) {margin-right: 0; padding: 7px 0; }

.contblue ul li:nth-child(2) { display:none;}

.contblue ul li:nth-child(3) a img { margin:0 auto;}

/****slider***/

.cont-slide {margin: -70px 0 0; max-width: 480px; overflow: hidden; width: 100%;}

#layerslidermov { display:block}

#layerslidermov1 { display:none;}

#layerslider { display:none;}

.cont-txtsl {overflow:hidden; font-weight:300; font-size:.8em; height:130px;}

.txt-slide {font-size:2em; color:#00abf2; margin:0; padding:0; font-weight:700;}

.txt3-slide {color:#00abf2; font-weight:700; font-size:1.1em;}

.cont-bmas  img { width:50%;}



/****Box1***/

#box1 { padding: 60px 20px 0; width: 100%; margin: 0 auto 90px;}

#box1 h1 {font-size: 3em;}

.inner50 {float:none; overflow: hidden; width: 100%;}

.inner50 img { width:100%;}

.inner250 {float:none; overflow: hidden; width: 100%;}

.inner250 img { width:100%;}

.mbottb1 {margin-bottom: 70px;}

.ul-nos { width: 100%;}

.ulpdf { width: 100%;}

.ulpdf li {border: 1px solid #edf3ff;box-sizing: border-box;float: left;padding: 25px 15px; text-align:left; width: 100%;}

.ulpdf li:nth-child(1) { width: 100%;}

.ulpdf li:nth-child(2) { width: 100%;}

/****Box2***/

#box2 { padding:60px 20px 0; width: 100%; }

.innerimg {width: 100%;}

.innercursos {width: 100%;}

.btn-conoce { width:150px; overflow:hidden; margin: 20px 0;}



/****Sep Secciones***/

section .text { color: #fff; font-size: 1.5em; font-weight: 300; text-align: center;  width: 95%;}

/****Box3***/

#box3 { padding: 60px 0 0; width: 100%; margin: 0 auto 0px;}

.box3 { padding:20px; width: 100%; }

.txtfaqs {float: none; overflow: hidden;width: 100%; margin:0 0 50px;}

.inner45 {float: none; margin: 0 0 0; max-width: 550px; overflow: hidden; width: 100%;}

.sep-faqs { display: none;}



/****Box4***/

#box4 {padding:60px 20px 20px; width: 100%;}

.item-suc { width: 100%;}

.btn-suc { background: rgba(0, 0, 0, 0) url("../img/bottom-suc.jpg") no-repeat scroll 50% 0;}

.activo { background:url("../img/bottom-suc2.jpg") no-repeat scroll 50% 0;}



/*****Cursos****/

.banner-top { width:100%; overflow:hidden; max-width:480px; margin:-180px 0 0; background:url(../img/cursos-be-geek-banner-mov.jpg) no-repeat scroll 0 0; height:280px;}

.banner-top img { width:100%;}

.box-cursos {box-sizing: border-box; margin: 0 auto; max-width: 480px; overflow: hidden; padding: 30px 15px; width: 100%;}

.img-inttab {float: none; margin: 0 auto;}



.title-cursos { float: none; margin: 0 auto; width: 270px;}

.tabs2-menu {margin: 0 auto 50px; max-width: 350px; float:none;}

.txt1tab {font-size: 1em; padding: 15px 0;}

.txt2tab {font-size: 0.9em; padding: 15px 0;}

.btn-mas { background: rgba(0, 0, 0, 0) url("../img/ver-mas-txtcursos.jpg") no-repeat scroll 0 20% / 80% auto; cursor: pointer; height: 26px; margin: 0 0 0 15px; padding: 7px 65px; width: 90px;}

.btn-cerrar { background: rgba(0, 0, 0, 0) url("../img/ver-cerrar-txtcursos.jpg")no-repeat scroll 0 20% / 80% auto; margin: 0;}



.menucur-desk { display:none}

.menucur-mov { display:block}

/******Detalle curso****/

.innerimgdet {float: none; margin: 50px 0 0; max-width: 410px; overflow: hidden; width: 100%;}

.innerinfo { margin: 30px 0 0; overflow: hidden; padding: 0; width: 100%;}



/****Boxcontac***/

#boxcont {padding: 60px 20px 20px;}

.inner502 {float: left; overflow: hidden; width: 100%;}

.txt-tel {font-size: 1.5em; font-weight: 300;}

.rede-cont li { margin-right: 5px;}



/******Footer********/

.contfoot { margin: 0 auto; max-width: 480px; overflow: hidden; width: 100%;}

.contfoot ul { margin: 0 auto; width: 85%;}

.contfoot ul li {margin-bottom: 20px;}

.contfoot ul li:nth-child(1) {margin-right:50px;}

.contfoot ul li:nth-child(2) {margin-right: 0;}



/******Site Map****/

.banner-sitemap {width:100%; overflow:hidden; max-width:480px; margin:-69px 0 0; background:url(../img/mapa-de-sitio-mov.jpg) no-repeat scroll 0 0; height:280px;}

.inner33sm { width:100%; overflow:hidden; margin:30px 0; padding:0; float:left;}

.cont-sitemap h1 { font-size: 3em;}

.cont-aviso h1 { font-size: 3em;}

.contfoot {
    margin: 0 auto;
    max-width: 480px;
    overflow: hidden;
    width: 90%;
    font-size: 12px;
}

}



@media (max-width: 320px) { 

.cont-slide {margin: -70px 0 0; max-width: 360px; overflow: hidden; width: 100%;}



#box1 {padding: 60px 10px 0; width: 100%;}

#box2 {padding: 60px 10px 10px; width: 100%;}

/******Box3***/

.rede-cont li { margin-right: 0;}



/****Cursos***/

.box-cursos {box-sizing: border-box; margin: 0 auto; max-width: 320px; overflow: hidden; padding: 30px 15px; width: 100%;}



/******Footer********/

.contfoot { margin: 0 auto; max-width: 480px; overflow: hidden; width: 100%;}

.contfoot ul { margin: 0 auto; width: 95%;}

.contfoot ul li {margin-bottom: 20px;}

.contfoot ul li:nth-child(1) {margin-right:50px;}

.contfoot ul li:nth-child(2) {margin-right: 0;}

}