
/*cabecera*/
body.landing {}
body.landing h1 {font-size: 30px; font-family: 'gotham-bold'; line-height: 1.1;}
body.landing h1 span {color:#FA8700;}

body.landing #header .top  {padding:15px 35px; border-bottom: 5px solid #FA8700; position: relative; z-index:999;}
body.landing #header .logotipos {text-align: right; width:450px;}
body.landing #header .titular {width: -webkit-calc(100% - 450px); width: -moz-calc(100% - 450px); width: calc(100% - 450px);}

/*banner*/
body.landing .banner {margin-top: -5px;}
body.landing .fondo {min-height: 550px; background-size: cover!important; background-attachment: fixed!important; padding-bottom: 40px;}
body.landing .banner .txt {padding:30px 0 30px; color: #FFF;  max-width: 950px;}
body.landing .coletilla { font-size: 22px; margin-left: -10px;}
body.landing .coletilla div {display: inline-block; padding: 10px 10px 0px 10px; background: rgba(34, 34, 34, 0.40);  }
body.landing .coletilla div + div {padding-top: 0px; padding-bottom:10px;}
body.landing .coletilla span {color:#FA8700; font-family: 'gotham-black';}

/*central*/
.bloque_central {}
.bloque_central .bl_central {background-color: #fff;  width: 100%; float: left; min-height: 380px;}
.bloque_central .titulaciones  {padding: 25px 40px ;}
.bloque_central .titulaciones h3 { }
.bloque_central .registro {background-color: #313131; padding:0px; }
.certificados .certificado  {background:transparent url("img_landing/educacion.png") no-repeat  left 0;}
.certificados .certificado:last-child {padding-bottom: 0px;}
.certificados {padding: 0px; font-family: 'gotham-bold'}
.certificados h4 {display: block; font-size: 18px; font-family: 'gotham-bold'; padding-bottom:0px;}
body.educacion .certificados h4 {}
.certificados h4 span {display: block; font-size: 18px;  font-family: 'gotham-book'}
.certificados .certificado h4 strong {color:#FA8700; display: inline-block; padding-left: 5px}

body.landing h2 {font-size: 35px; line-height: 1.15;}
body.landing h3 {font-size: 25px; font-family: 'gotham-bold'}

/*contenido*/

body.landing .contenido h3 {border-bottom:1px solid #cdcdcd; font-size: 24px; font-family: 'gotham-bold';  padding:15px 40px 22px 70px; margin-bottom: 20px; min-height:50px; text-transform: none; }
body.landing .contenido .titulaciones.paso2 h3 {padding:0px 0 20px 0; border:0px; }
body.landing .contenido .titulaciones.paso2 {}
body.landing .contenido .fd_gris_oscuro h3 {border-bottom:1px solid #464646;}

.bl_requisitos h3 {background:transparent url("img_landing/ico6.png") no-repeat  0px center; }
.bl_coste h3 {background:transparent url("img_landing/ico5.png") no-repeat  0px center; }
.bl_programa h3 {background:transparent url("img_landing/ico3.png") no-repeat  0px center; }
.bl_claustros h3 {background:transparent url("img_landing/ico4.png") no-repeat  0px center; padding-top: 25px!important; padding-bottom: 35px!important;} 
.bl_testimonios h3 {background:transparent url("img_landing/ico1.png") no-repeat  0px center; }
.bl_presencia h3 {background:transparent url("img_landing/ico2.png") no-repeat  0px center; } 

body.landing .contenido .resaltado {position: relative; display: inline-block; font-size: 20px; font-family: 'gotham-black'; margin:0 5px; }
body.landing .contenido .resaltado:before {position: absolute; content:""; bottom:-4px; left:0; width: 100%; display: block; background-color:#FA8700; height: 3px; }


body.landing .contenido .bloque.pos1 {padding: 0px 0px 0px;}
body.landing .contenido .bloque.pos1 .fd_gris_claro {padding:30px 50px;}
body.landing .contenido .txt_expertos {text-align: center; font-size: 20px; color: #fff; }
body.landing .contenido .txt_expertos div {background-color:#313131; padding:20px 40px; text-transform: uppercase; display: inline-block;}

body.landing .contenido .bloque.pos2.fd_gris_oscuro {background-color:#313131; padding-top: 0px;}
body.landing .contenido .bloque.pos2 .expertos {text-align: center; padding-bottom: 40px;}
body.landing .contenido .bloque.pos2 .expertos .profesor {position:relative;/*display: inline-block; width:130px;*/ font-size: 14px; padding-left:1px; padding-right: 1px; }
body.landing .contenido .bloque.pos2 .expertos .profesor img {float: left;width: 100%; }
body.landing .contenido .bloque.pos2 .expertos .profesor span {background:#555555;  color:#fff;padding: 8px; display: table-cell; vertical-align: middle; width: 100%; float: left;}

.profesor .lugar {width: 100%; position: absolute; top: 0px; left: 0px; background: #111; padding: 5px; color: #fff; z-index: 10; font-size:10px; text-align: center;}
.profesor .lugar.col {background: #fff;color:#111;}
body.landing .contenido .fd_gris_oscuro .bl_programa h3 {position: relative;}
body.landing .contenido .fd_gris_oscuro .bl_programa h3 {padding-right: 130px; }
body.landing .contenido .fd_gris_oscuro .bl_programa h3 span.sub {display: block; font-family: 'gotham-book'; font-size: 18px;}
/*boton pdf*/
a.programa_pdf {position:absolute; top:25px; right:0px; color: #fff; font-size: 16px; padding: 10px 50px 10px 20px; background:#545454 url("img_landing/pdf.png") no-repeat  right center;}
a.programa_pdf:hover {background-color:#FA8700;}

/*lists*/
body.landing .contenido ul {padding-left:10px; }
body.landing .contenido ul li {padding: 5px 0px 10px 0;}
body.landing .contenido ul.lista_ok {}
body.landing .contenido ul.lista_ok li {position:relative; padding-left: 40px; font-size: 16px; background:transparent url("img_landing/bullet.png") no-repeat  0px 0px;}
body.landing .contenido .bl_coste ul {padding-left:70px; background:transparent url("img_landing/lineas_coste.png") no-repeat  30px -10px; }
body.landing .contenido .bl_claustros li {display: inline-block; width: 45%; vertical-align: top;}
body.landing .contenido .bl_presencia li {display: inline-block; width: 45%; vertical-align: top;}
body.landing .contenido .bl_presencia ul li {position:relative; padding-bottom: 5px; padding-left: 20px; font-size: 16px; background:transparent url("img_landing/bullet2.png") no-repeat  0px 10px;}

/*slider testimonios*/
.bl_testimonios .slider_testimonios {}
.bl_testimonios .slider_testimonios .img {float: left; width:120px; }
.bl_testimonios .slider_testimonios .txt {padding:0px 20px 20px 20px; float: left; width: -webkit-calc(100% - 120px); width: -moz-calc(100% - 120px); width: calc(100% - 120px);}
.bl_testimonios .slider_testimonios img {border-radius: 3000px; width: 120px; height: 120px; border:10px solid #f1f1f1;}
.bl_testimonios .slider_testimonios .txt span {display: block; padding-top: 10px; color:#FA8700; }

.owl-dots {padding-left:140px; }
.expertos .owl-dots {padding-left:0px; } 
.owl-dot {background-color: #ddd; display: inline-block; height: 5px; width: 30px; margin-right:4px;}
.owl-dot.active {background-color: #FA8700;}

/*footer*/
#footer .call_to_action span {float: right;}
.bottom .redes, #menu-pie {display: inline-block; padding-top: 20px; float: left;}
.bottom .logotipos {text-align: right; padding-top: 10px;}
.bottom .logotipos img {height: 60px; width: auto;}

/*colores landing educacion*/

body.landing.educacion #header .top {border-color:#199EFD;}
body.landing.educacion .certificados .certificado h4 strong,
body.landing.educacion .bl_testimonios .slider_testimonios .txt span,
body.landing.educacion .coletilla span {color:#199EFD;}
body.landing.educacion .call_to_action,
body.landing.educacion .contenido .txt_expertos div {background-color:#199EFD;}

/*colores landing publica*/

body.landing.publica #header .top {border-color:#FA4100;}
body.landing.publica .certificados .certificado h4 strong,
body.landing.publica .bl_testimonios .slider_testimonios .txt span,
body.landing.publica .coletilla span {color:#FA4100;}
body.landing.publica .call_to_action,
body.landing.publica .contenido .txt_expertos div {background-color:#FA4100;}

/*pop up*/
.pop-up {padding: 40px;}
.form_pop { background: #fff;  padding: 40px; min-height:40px; position: absolute;  top: 40px; left:40px;  width: -webkit-calc(100% - 80px); width: -moz-calc(100% - 80px); width: calc(100% - 80px);}
.form_pop .cerrar {position: absolute; right:25px; top:20px; color:#6A6A6A; font-size:30px; cursor: pointer;}

/*responsive*/
.responsive {display: none;}

@media screen and (max-height: 800px) and (min-width: 1024px) {
	body.landing #header .top {padding:10px 35px;}
	body.landing #header .logotipos img {max-height: 60px;}
	body.landing h1 {line-height: 1;}
	body.landing h2 {font-size: 35px; line-height: 1.1; padding-bottom: 10px;}
	body.landing .coletilla { background: rgba(34, 34, 34, 0.40); padding: 5px 10px; display: inline-block;}
 	body.landing .coletilla div {background: none; display: inline; font-size: 18px; padding: 0px;}
 	body.landing .banner .txt {padding:30px 0px 30px;}
 	body.landing .fondo {padding-bottom: 0px;}
 	body.landing .contenido h3 {padding-bottom: 18px; }
 	body.landing .contenido .fd_gris_claro h3 { margin-bottom:10px;}
 	body.landing .contenido .bloque.pos1 .fd_gris_claro {padding:15px 50px;}

 	body.landing .fondo {background-position: 0px -70px!important}
}

@media screen and (max-width: 1100px) {
	body.landing #header .logotipos {width:350px;}
	body.landing #header .titular {width: -webkit-calc(100% - 350px); width: -moz-calc(100% - 350px); width: calc(100% - 350px);}
	body.landing #header .logotipos img {height: 50px; width: auto; }
	body.landing h1 {font-size: 28px; line-height: 1;}
	body.landing h2 {font-size: 35px; line-height: 1;}
	body.landing .coletilla {font-size: 22px;}
	.bloque_central .titulaciones {padding: 20px;}
	.bloque_central .titulaciones h3 {font-size: 28px;}
	.bloque_central .titulaciones .certificados {padding: 0px!important;}

	
	.bl_programa {padding-top: 40px;}
    a.programa_pdf {width: 300px; left: 50%; margin-left: -150px; top:-50px;}
    .programa_pdf .responsive {display: inline-block;}
    .bl_claustros {padding-top: 68px;}

}

@media screen and (max-width: 1023px) {
	.responsive {display: block;}
	#wrapper #header {height: auto; position: static;}
	#wrapper {padding-top: 0px;}
	body.landing #header .top {padding: 0px ;  padding-top:50px; }
	body.landing #header .titular {width: 100%; text-align: left; padding: 20px;}
	body.landing #header .logotipos {width: 100%; position: absolute; top:0px; left:0px; padding: 5px 20px 10px 20px;text-align: center; border-bottom:1px solid #cdcdcd; }
	body.landing #header .logotipos img {height: 40px; width: auto; }
	body.landing #header .logotipos a {float: left;}
	body.landing #header .logotipos a + a {float: right;}
	body.landing h1 {font-size: 28px; line-height: 1;}

	body.landing .fondo {min-height: 50px; padding:0 20px; padding-bottom: 40px; background-attachment: scroll!important;}

    body.landing h2 {font-size: 30px; line-height: 1;}
    body.landing .coletilla {font-size: 18px;}
	.bloque_central {display: none;}
	body.landing .banner {position: relative; margin-bottom: 30px;}
	.registro_movil {position: absolute; bottom:-24px; left:50%; margin-left:-150px; z-index:20; width:300px; display:block; text-align: center; background: #FA8700; color: #fff; padding: 12px 40px; font-size: 20px; font-family: 'gotham-bold'; }
	body.landing .contenido .titulaciones.paso2 .certificado {padding-left: 130px;}
	body.landing .contenido .titulaciones h3 {padding: 0px 0px 20px 0px; border: 0px; margin: 0 40px; text-transform: uppercase;}  
    body.landing .contenido .titulaciones .certificados {padding-bottom: 0px!important}
    body.landing .contenido .bloque.pos1 .fd_gris_claro {padding: 30px;}
    body.landing .contenido .fd_gris_oscuro .bl_programa h3 {padding-right: 20px;}
    .bl_claustros {padding-top: 0px;}
    .bl_programa {padding-top: 40px;}
    a.programa_pdf {width: 300px; left: 50%; margin-left: -150px; top:-50px;}
    .programa_pdf .responsive {display: inline-block;}
    body.landing .contenido .bl_presencia ul li,
    body.landing .contenido .bl_claustros li {width: 100%;}

    .bottom .redes, #menu-pie {display: none;}
    .bottom .logotipos  {text-align: center; padding-top:0px!important; padding-bottom: 10px;}
    .bottom .logotipos img {height: 40px;}
    #footer .call_to_action .row {padding: 0px;}
    #footer .call_to_action span {display: block; width: 100%; padding: 20px 20px 0px; }
	}


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

		body.landing #header .logotipos {padding-bottom: 5px;}

		body.landing h1 {font-size: 20px;}
		body.landing h2 {font-size: 20px;}
		body.landing .coletilla {font-size: 15px; background: rgba(34, 34, 34, 0.40); padding: 10px;}
		body.landing .coletilla div {background: none; display: inline; padding: 0px;}
		body.landing .contenido h3 {font-size: 18px;}
		.certificados h4, .certificados h4 span {font-size:15px;}
		body.landing .contenido .txt_expertos {font-size: 16px;}
		body.landing .contenido h3 br {display: none;}
		body.landing .banner .txt {padding-bottom: 10px;}
		.certificados .certificado {min-height: 10px;}
		.certificados .certificado:last-child {padding-bottom: 0px;}
		body.landing #header .titular {padding-bottom: 15px;}
		body.landing .contenido .titulaciones h3 {margin:0 20px; }
		.noticias, .curso, .certificados, .bl_datos {padding: 20px !important;}
		.bloque { padding: 20px 0px;}

		.contenido .columns[class*="large"] {padding-bottom:15px;}
		.expertos .owl-dots {padding-top: 10px;}

		.certificados .certificado {padding-left: 80px;}
		.certificados .certificado {background-size:60px; }
		body.landing .contenido h3 {background-size:40px;}
		.bl_requisitos h3,
		.bl_coste h3,
		.bl_programa h3,
		.bl_claustros h3,
		.bl_testimonios h3,
		.bl_presencia h3 {padding-left: 60px!important;}


		.bl_testimonios .slider_testimonios .img { width: 70px;}
		.bl_testimonios .slider_testimonios .img img {width:70px; height: 70px;}
		.bl_testimonios .slider_testimonios .txt {
		    width: -webkit-calc(100% - 70px);
		    width: -moz-calc(100% - 70px);
		    width: calc(100% - 70px);
		}
		.bl_testimonios  .owl-dots { padding-left: 90px;}
	}