.clear { clear:both; }
.centrado { margin:0 auto; max-width:1140px; box-sizing:border-box; position:relative; }
.strong { font-weight:bold; }

html { }
body { background-color:#FFF; color:#222; font-family:'Montserrat', sans-serif; font-weight:400; }

header { position:absolute; z-index:10; top:0; left:0; right:0; overflow:visible; }
header .centrado { padding:0 50px; overflow:visible; /* Importante para que se vea el menú */ }
header .logo { display:block; float:left; background-image:url('../img/logo-header.png'); width:219px; height:50px; padding:60px 0; }
header .menues { float:right; padding:10px 0; }
header .acciones { padding-bottom:20px; text-align:right; }
header .acciones li { display:inline-block; cursor:pointer; color:#FFF; font-weight:bold; vertical-align:middle; text-align:center; margin-left:8px; }
header .acciones li:first-child { margin-left:0; }
header .acciones .btn-enviar-cv { background-color:#f17038; border-radius:5px; padding:10px 20px; }
header .acciones .btn-compartir { background-image:url('../img/btn-compartir-header.png'); width:31px; height:31px; }
header .acciones .btn-compartir a { display:block; width:100%; height:100%; }
header .acciones .btn-contacto { background-image:url('../img/btn-email-header.png'); width:31px; height:31px; }
header .acciones .btn-contacto a { display:block; width:100%; height:100%; }
header nav { text-align:right; }
header nav .menu-compacto { display:none; }
header nav .menu-item { font-size:12px; text-transform:uppercase; display:inline-block; cursor:pointer; color:#FFF; font-weight:600; vertical-align:middle; margin-left:8px; }
header nav .submenu-click { display:inline-block; background-image:url('../img/flecha-abajo.png'); padding-left:16px; padding-right:16px; background-position:right center; background-size:auto; }

main { position:relative; z-index:1; top:0; }

.slides { width:100%; height:680px; }
.slide { background-size:cover; width:100%; height:100%; }
.slide-contenido { position:absolute; top:0; bottom:0; left:0; right:0; }
.slide-texto { position:absolute; top:100px; bottom:100px; right:85px; display:block; width:550px; color:#FFF; text-align:right; }
.slide-texto .contenedor-titulo { position:absolute; bottom:50%; right:0; margin-bottom:8px; }
.slide-texto .contenedor-bajada { position:absolute; top:50%; margin-top:8px; right:0; }
.slide-texto .titulo { display:inline; background-color:rgba(0,0,0,0.5); font-size:55px; text-transform:uppercase; font-weight:bold; line-height:1.3em; }
.slide-texto .bajada { display:inline-block; background-color:rgba(0,0,0,0.5); font-size:22px; line-height:1.5em; padding:10px; }
.slides-controles { position:absolute; top:0; bottom:0; left:0; right:0; }
.slide-izquierda { background-image:url('../img/flecha-izquierda.png'); background-size:18px 33px; width:38px; height:50px; position:absolute; top:50%; margin-top:-16px; left:0; z-index:110; }
.slide-derecha { background-image:url('../img/flecha-derecha.png'); background-size:18px 33px; width:38px; height:50px; position:absolute; top:50%; margin-top:-16px; right:0; z-index:110; }

footer { padding-bottom:40px; font-size:9px; overflow:visible; }
footer .contenido { background-color:#4f6d9e; color:#FFF; line-height:1.5em; position:relative; padding-top:215px; overflow:visible; background-size:cover; }
footer .contenido .contenedor-circulo { position:absolute; top:-110px; left:0; right:0; height:221px; overflow:visible; z-index:10; }
footer .contenido .circulo { display:block; background-image:url('../img/circulo-naranja.png'); width:221px; height:141px; padding-top:80px; margin:0 auto; position:relative; }
footer .contenido .circulo a { position:absolute; top:0; bottom:0; left:0; right:0; }
footer .contenido .circulo-titulo { text-align:center; font-size:19px; padding-bottom:15px; max-width:150px; margin:0 auto; line-height:1.2; font-family:'Open Sans', sans-serif; }
footer .contenido .circulo-bajada { text-align:center; font-size:14px; text-transform:uppercase; font-weight:bold; max-width:150px; margin:0 auto; }
footer .contenido .contactanos { display:block; font-size:54px; line-height:1em; font-weight:bold; color:#FFF; text-align:center; margin:0 auto; padding-bottom:20px; }
footer .contenido table { padding:90px 0 50px 0; width:100%; }
footer .contenido td { padding:0 10px 10px 10px; border-left:1px solid #FFF; vertical-align:top; }
footer .contenido td:first-child { border:none; }
footer .principal .logo { display:block; background-image:url('../img/logo-footer.png'); width:194px; height:139px; position:relative; top:-90px; margin-bottom:-90px; }
footer .principal .email { font-size:11px; display:block; padding-top:20px; color:#fbad18; font-weight:600; }
footer .secciones { text-transform:uppercase; line-height:2em; font-weight:600; }
footer .contenido .newsletter { font-size:11px; }
footer .contenido .newsletter strong { margin-bottom:0.2em; display:inline-block; }
footer .contenido .newsletter p { max-width:220px; }
footer .contenido .newsletter-email { display:inline-block; vertical-align:middle; padding:10px; margin-top:10px; width:200px; color:#000; }
footer .contenido .newsletter-enviar { display:inline-block; vertical-align:middle; margin-top:10px; margin-left:10px; width:40px; height:33px; color:#000; background-color:transparent; background-image:url('../img/btn-enviar.png'); }
footer .contenido td.botones { font-size:0; width:250px; vertical-align:bottom; }
footer .botones a { display:inline-block; width:44px; height:44px; margin-left:6px; }
footer .botones a:first-child { margin-left:0; }
footer .botones .youtube { background-image:url('../img/btn-youtube.png'); }
footer .botones .facebook { background-image:url('../img/btn-facebook.png'); }
footer .botones .twitter { background-image:url('../img/btn-twitter.png'); }
footer .botones .instagram { background-image:url('../img/btn-instagram.png'); }
footer .botones .linkedin { background-image:url('../img/btn-linkedin.png'); }
footer .botones .email { background-image:url('../img/btn-email.png'); }
footer .mensaje-newsletter { color:#FFF; padding:20px 10px 0; font-size:14px; line-height:1.3em; font-weight:600; }
footer .copyright { font-size:10px; border-bottom:1px solid #000; text-align:right; padding:40px 20px 20px 0; }

@media all and (max-width: 1000px) {
	header .logo { padding:20px 0; }
	
	footer { text-align:center; }
	footer .principal .logo { margin:0 auto -90px; }
	footer .contenido .contactanos { font-size:40px; margin-bottom:20px; margin-top:-20px; }
	footer .contenido td { display:block; border:none; }
	footer .contenido td.botones { margin:0 auto; padding-top:10px; }
	footer .contenido .newsletter p { margin:0 auto; }
	footer .copyright { text-align:center; }
}

@media all and (min-width: 721px) {
	header .menu-principal { display:block !important; }
	#btn-menu-servicios { position:relative; overflow:visible; }
	header .submenu-servicios { display:none; position:absolute; top:100%; width:auto; left:0; padding:0 10px; background-color:rgba(255, 255, 255, 0.8); color:#000; margin-top:10px; text-align:center; border-radius:5px; }
	header .submenu-servicios.abierto { display:block; }
	header .submenu-servicios .submenu-item { white-space:nowrap; line-height:2em; border-top:1px solid #000; }
	header .submenu-servicios .submenu-item:first-child { border:none; }
	header .submenu-servicios .submenu-item a { display:block; padding:10px; }
}

@media all and (max-width: 720px) {
	.slide { overflow:hidden; }
	.slide-contenido { position:static; }
	.slide-texto { position:static; width:auto; padding:250px 45px 45px; }
	.slide-texto .contenedor-titulo { position:relative; bottom:0; }
	.slide-texto .contenedor-bajada { position:relative; top:0; }
	.slide-texto .titulo { font-size:30px; }
	.slide-texto .bajada { font-size:16px; }
	
	header .logo { float:none; margin:0 auto; }
	header .centrado { padding:0 10px; }
	header .menues { float:none; margin:0 auto; }
	header .acciones { text-align:center; }
	header .menu-compacto { display:block; width:31px; padding:6px; border:1px solid #FFF; box-sizing:border-box; margin-left:6px; }
	header .menu-compacto span { display:block; border-bottom:2px solid #FFF; width:100%; height:7px; box-sizing:border-box; }
	header .menu-compacto span:first-child { height:3px; }
	header .menu-principal { display:none; background-color:rgba(255, 255, 255, 0.9); text-align:center; border-radius:5px; padding:0 10px; }
	header .menu-principal.abierto { display:block; }
	header nav .menu-principal .menu-item { display:block; float:none; margin:0; padding:0; border-bottom:1px solid #000; }
	header nav .menu-principal .menu-item a { display:block; padding:10px; color:#000; }
	header nav .menu-principal .menu-item:last-child { border:none; }
	#btn-menu-servicios { color:#000; padding-top:10px; }
	header nav .submenu-click { padding-top:10px; padding-bottom:10px; background-image:url('../img/flecha-abajo-oscura.png'); }
	header .submenu-servicios { display:none; border-top:1px solid #ccc; }
}

/*******************
 * HOME
*******************/

#home .cuerpo-principal { padding-top:60px; overflow:hidden; }

#home h2 { font-size:30px; padding-bottom:30px; }
#home h3 { font-size:20px; font-weight:bold; line-height:1.2em; margin-bottom:0.2em; }

#home .noticias { overflow:hidden; width:755px; float:left; margin-bottom:30px; }
#home .noticias .todas { float:right; text-transform:uppercase; font-size:12px; display:block; margin-top:14px; }
#home .noticias article { width:360px; float:left; margin-bottom:30px; color:#6d6e71; }
#home .noticias article.primero { padding-right:35px; }
#home .noticias article .imagen { display:block; margin-bottom:20px; }
#home .noticias article .imagen img { width:100%; }
#home .noticias article .texto { display:block; padding:0 40px 0 10px; }
#home .noticias article .fecha { font-size:14px; margin-bottom:1em; }
#home .noticias article .bajada { font-size:12px; line-height:1.4em; }
#home .noticias .compartir { display:block; background-image:url('../img/btn-compartir-chico.png'); width:13px; height:15px; float:right; margin-bottom:20px; margin-right:10px; }

#home .busquedas { float:right; width:330px; margin-right:20px; margin-bottom:30px; overflow:hidden; }
#home .busquedas .titulo-lista { font-weight:bold; font-size:18px; padding-bottom:10px; }
#home .busquedas article { padding:20px 0; border-bottom:1px dotted #000; font-size:12px; line-height:1.3em; }
#home .busquedas article h3 { font-size:14px; text-transform:uppercase; }
#home .busquedas article p { margin-right:20px; }
#home .busquedas article .mas { background-image:url('../img/btn-mas.png'); width:16px; height:16px; float:right; position:relative; top:-16px; }
#home .busquedas .botones { padding:15px 0; font-size:12px; overflow:hidden; width:100%; }
#home .busquedas .botones .todas { display:block; color:#f17038; padding:10px; float:left; }
#home .busquedas .botones .enviar-cv { display:block; color:#FFF; background-color:#f17038; font-weight:bold; padding:10px; border-radius:5px; float:right; }

#home .cuerpo-secundario { background-color:#eceded; padding:70px 0; overflow:hidden; }

#home .materiales { clear:both; overflow:hidden; width:755px; float:left; margin-bottom:30px; }
#home .materiales h2 { padding-bottom:10px; }
#home .materiales article { position:relative; margin-top:20px; padding:0 40px 20px 0; border-bottom:1px dotted #000; float:left; width:320px; }
#home .materiales article.primero { margin-right:35px; clear:both; }
#home .materiales article h3 { font-size:14px; text-transform:uppercase; }
#home .materiales article p { font-size:12px; line-height:1.3em; }
#home .materiales article .mas { background-image:url('../img/btn-pdf.png'); width:35px; position:absolute; top:0; bottom:0; right:0; }
#home .materiales .todas { font-size:12px; clear:both; display:block; color:#f17038; padding:20px 10px; float:right; }

#home .encuesta { float:right; width:330px; margin-right:20px; margin-bottom:30px; overflow:hidden; }
#home .encuesta h2 { color:#f17038; }
#home .encuesta .pregunta { font-weight:bold; font-size:16px; padding-bottom:20px; text-transform:uppercase; line-height:1.3em; }
#home .encuesta .respuesta { display:block; font-size:14px; line-height:1.3em; margin-top:0.5em; }
#home .encuesta .respuesta input { display:inline-block; vertical-align:middle; margin-right:4px; }
#home .encuesta .respuesta span { }
#home .encuesta .botones { font-size:12px; margin-top:20px; border-top:1px dotted #000; padding-top:20px; color:#f17038; padding-left:10px; }
#home .encuesta .botones .votar { font-weight:bold; background-color:transparent; }
#home .encuesta .mensaje-encuesta { padding:20px 10px; font-size:14px; line-height:1.3em; font-weight:600; }

@media all and (max-width:1200px) {
	#home .cuerpo-principal { padding-left:10px; padding-right:10px; }
	#home .cuerpo-secundario { padding-left:10px; padding-right:10px; }
	
	#home .noticias,
	#home .busquedas,
	#home .materiales, 
	#home .encuesta { float:none; width:755px; margin-left:auto; margin-right:auto; }
}

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

	#home .noticias,
	#home .busquedas,
	#home .materiales, 
	#home .encuesta { float:none; width:100%; }
	
	#home .noticias article { width:48%; float:right; }
	#home .noticias article.primero { padding-right:0; float:left; }
	
	#home .materiales article { float:none; width:100%; box-sizing:border-box; }
}

@media all and (max-width:500px) {
	#home .noticias article { width:100%; float:none; }
}


/*******************
 * ENCABEZADO
*******************/

.encabezado { width:100%; min-height:660px; overflow:hidden; background-size:cover; background-color:#666; text-align:center; color:#FFF; }
.encabezado-titulo { margin-top:280px; font-size:60px; text-transform:uppercase; line-height:1.1em; font-weight:bold; }
.encabezado-bajada { font-size:24px; line-height:1.1em; margin-top:0.5em; }

@media all and (max-width:800px) {
	.encabezado-titulo { font-size:30px; }
	.encabezado-bajada { font-size:16px; }
}


/*******************
 * LISTADO
*******************/

.listado { padding:30px 15px 15px 30px; overflow:hidden; background-color:rgba(255, 255, 255, 0.75); position:relative; top:-130px; margin-bottom:-130px; }
.listado article { width:350px; float:left; margin-right:15px; margin-bottom:30px; border-bottom:1px dotted #000; }
.listado article .imagen { display:block; margin-bottom:20px; }
.listado article .imagen img { width:100%; }
.listado article .texto { display:block; padding:0 40px 10px 10px; }
.listado article .fecha { font-size:14px; margin-bottom:1em; }
.listado article .titulo { font-size:20px; font-weight:bold; line-height:1.2em; margin-bottom:0.2em; }
.listado article .bajada { font-size:13px; line-height:1.4em; }
.listado article .compartir { display:block; background-image:url('../img/btn-compartir-chico.png'); width:13px; height:15px; float:right; margin-bottom:20px; margin-right:10px; }
.listado article .mas { display:block; background-image:url('../img/btn-mas.png'); width:16px; height:16px; float:right; margin-bottom:20px; margin-right:10px; }
.listado article .enviar-cv { display:block; float:right; margin-bottom:20px; margin-right:10px; color:#435d7b; font-weight:600; font-size:14px; line-height:1em; padding-top:2px; }

@media all and (max-width:1200px) {
	.listado { width:780px; }
}

@media all and (max-width:800px) {
	.listado { width:auto; padding-left:10px; padding-right:10px; }
	.listado article { box-sizing:border-box; width:auto; margin-left:0; margin-right:10px; }
}

/*******************
 * FICHA
*******************/

.ficha { padding:30px 15px 15px 30px; overflow:hidden; background-color:rgba(255, 255, 255, 0.75); position:relative; top:-130px; margin-bottom:-130px; color:#4e4e50; }
.ficha aside { display:block; float:left; overflow:hidden; width:280px; padding:15px 0 0 0; }
.ficha aside .componente { overflow:hidden; display:block; clear:both; font-weight:bold; font-size:13px; text-transform:uppercase; }
.ficha aside .componente span { display:block; box-sizing:border-box; width:auto; margin-left:44px; height:39px; line-height:40px; padding:0 8px; border-bottom:1px solid #cbcbcb; border-left:4px solid transparent; margin-bottom:1px; }
.ficha aside .componente::before { content:''; display:block; box-sizing:border-box; float:left; width:44px; height:40px; border-style:solid; border-width:0 0 3px 0; background-repeat:no-repeat; background-position:center; }
.ficha aside .componente-multimedia { margin-bottom:30px; }
.ficha aside .componente-multimedia::before { border-color:#5cc7d2; background-image:url('../img/btn-multimedia.png'); }
.ficha aside .componente-documento::before { border-color:#fec03a; background-image:url('../img/btn-descargar.png'); }
.ficha aside .componente-info::before { border-color:#435d7b; background-image:url('../img/btn-info.png'); }
.ficha aside .componente-cv::before { border-color:#bcbdc0; background-image:url('../img/btn-cv.png'); }
.ficha aside .componente-separador { display:block; clear:both; }
.ficha aside .componente-separador span { display:block; width:auto; margin-left:44px; border-bottom:1px solid #cbcbcb; margin:1px 0; }
.ficha aside .componente-separador::before { content:''; display:block; float:left; width:44px; border-bottom:3px solid #f17038; }
.ficha aside .componente-separador-multimedia::before  { border-color:#5cc7d2; }
.ficha aside .imagenes { margin-bottom:30px; width:auto; height:145px; }
.ficha aside .imagenes .imagen { width:100%; height:145px; overflow:hidden; }
.ficha aside .imagenes img { width:100%; }
.ficha aside .video { position:relative; display:block; margin-bottom:30px; width:auto; height:145px; background-color:#000; background-size:cover; }
.ficha aside .video::before { content:''; display:block; position:absolute; left:0; right:0; top:0; bottom:0; background-image:url('../img/btn-play.png'); background-repeat:no-repeat; background-position:center; }
.ficha .cuerpo { display:block; float:right; overflow:hidden; width:784px; padding:15px 0 90px 15px; border-left:1px solid #cbcbcb; }
.ficha .cuerpo .compartir { display:block; background-image:url('../img/btn-compartir-chico.png'); width:13px; height:15px; float:right; }
.ficha .cuerpo .titulo { color:#435d7b; font-weight:bold; font-size:35px; max-width:500px; margin-bottom:1em; }
.ficha .cuerpo .imagen { display:block; margin-bottom:30px; }
.ficha .cuerpo .imagen img { width:100%; }
.ficha .cuerpo .bajada { font-weight:bold; font-size:16px; margin-bottom:1em; line-height:1.3em; }
.ficha .cuerpo .texto { font-size:14px; line-height:1.3em; }
.ficha .cuerpo .texto p { margin-bottom:1em; }
.ficha .otras-busquedas { margin-top:50px; max-width:500px; }
.ficha .otras-busquedas h4 { background-color:#f17038; color:#FFF; font-size:12px; padding:10px; font-family:'Open Sans', sans-serif; }
.ficha .otras-busquedas a { display:block; font-size:11px; margin:0 6px; padding:15px 0; color:#435d7b; font-weight:bold; text-transform:uppercase; border-bottom:1px dotted #000; }

@media all and (max-width:1200px) {
	.ficha { padding:30px 10px; }
	.ficha aside { float:none; position:absolute; top:45px; left:10px; }
	.ficha .cuerpo { float:none; width:auto; border:none; margin-top:20px; padding:15px 0; margin-left:300px; }
	.ficha aside .otras-busquedas { display:none; }
	.ficha .cuerpo .otras-busquedas { display:block; }
}

@media all and (max-width:720px) {
	.ficha aside { position:static; width:100%; }
	.ficha .cuerpo { margin-left:0; }
}

@media all and (min-width:721px) {
	.ficha aside .otras-busquedas { display:block; }
	.ficha .cuerpo .otras-busquedas { display:none; }
}

/*******************
 * ENCUESTA
*******************/

main#encuesta .encuesta { padding:60px 20px; background-color:rgba(255, 255, 255, 0.75); position:relative; top:-130px; margin-bottom:-130px; }
main#encuesta h2 { color:#435d7b; font-weight:bold; font-size:24px; margin-bottom:1em; }
main#encuesta h3 { font-weight:600; font-size:18px; margin-bottom:1em; text-transform:uppercase; }
main#encuesta .lista-respuestas { overflow:hidden; }
main#encuesta .respuesta { padding:10px 0; }
main#encuesta .respuesta .texto { padding:6px 0; }
main#encuesta .respuesta .porcentaje { position:relative; z-index:2; }
main#encuesta .respuesta .contenedor-barra-porcentaje { background-color:#aaa; position:relative; padding:10px; }
main#encuesta .respuesta .barra-porcentaje { background-color:#fec03a; position:absolute; top:0; bottom:0; left:0; z-index:1; }
main#encuesta .mensaje-encuesta { margin:30px 0; font-size:14px; line-height:1.3em; font-weight:600; }

@media all and (min-width:801px) {
	main#encuesta .respuesta { width:48%; float:left; }
	main#encuesta .respuesta:nth-child(2n+1) { margin-right:4%; }
}


#clientes {padding:30px 0 80px 0;}
#clientes h2 {text-align:center; margin-bottom:0; padding-bottom:0; }
#clientes .contenido{width:90%; margin:0 auto;}
#clientes ul{font-size:0;text-align:center}
#clientes ul li .cliente{padding:0 15%}
#clientes ul li .cliente .logo{display:block;height:200px;background-size:contain;background-position:50%;background-repeat:no-repeat;}
#clientes ul .slick-prev{background-image:url(../img/flecha-izquierda-oscura.png);left:-20px}
#clientes ul .slick-next,#clientes ul .slick-prev{font-size:0;position:absolute;top:0;bottom:0;z-index:90;width:22px;background-repeat:no-repeat;background-size:18px;background-position:50%;background-color:transparent;cursor:pointer}
#clientes ul .slick-next{background-image:url(../img/flecha-derecha-oscura.png);right:-20px}
@media (max-width:750px){
	#clientes ul li{width:33.33%}
}
@media (max-width:450px){
	#clientes ul li{width:50%}
}