/****** RESPONSIVE MEDIA 1050 *****/

@media (max-width: 1050px){

/* GENERAL */
.wrapper{width:100%;} 
#logo_grupo{width:160px; height:40px; background-size: contain; background-repeat:no-repeat;}

/* MENU PRINCIPAL */
header{width:100%; height:85px;}
#logo{width:130px; margin-right:80px; margin-left:40px;}
.btn_menu{width:130px; height:60px;}  
nav.desk{width:100%;}    

/* NAV deskB */
#deskB{width:100%; height:70px;}
#wrapper_deskB{width:100%;}
#logoB{ width:160px; height:80px; margin-right:5%; margin-left:30px;}
.menB{width:13%;}  

/* ***** PORTADA***** */
#portada{height:550px; background-size:120%;}
#titulo_portada{left:70px; bottom:80px;}
#portada:hover{background-size:100%;}
/* ***** SOLUCIONES ***** */
#section_soluciones{width:95%;}
/* ***** CLIENTES - BARRA NEGRA ***** */
#clientes_contenedor{width:100%;}
.mod_cliente{width:140px; margin: 12px 17px 12px 17px}
/* ***** FORMULARIO - CONTACTO ***** */
.wrap_contacto{width:90%;}
}/* Cierre 1050 */
    
    
/************** RESPONSIVE MEDIA 950 ************/
@media (max-width: 950px){
/* MENU PRINCIPAL */
#logo{ margin-right:30px; margin-left:10px;}
.btn_menu{width:125px; height:60px;}  
nav.desk{width:100%;}    
/* NAV deskB */
#logoB{ margin-right:3%; margin-left:20px;}
.menB{width:125px;}        
}/* Cierre 900 */

      
/************** RESPONSIVE MEDIA 860 ************/
@media (max-width: 860px){
header{height:60px;}
.desk{display: none;}
.movil{display: block;}
}/* Cierre 860 */


/************** RESPONSIVE MEDIA 750 ************/
@media (max-width: 750px){
/* ***** PORTADA***** */
#portada{height:550px; background-size:160%; background-position: left;}
#portada:hover{background-size:180%;}
/* ***** NOSOTROS ***** */
.modulo_nos1, .modulo_nos2{width:90%; height:390px; background:none; display:block; margin:auto; border:3px solid #eee; margin-bottom:40px;}
/* ***** ESTRUCTURA ***** */    
.btn_estructura_corp{display:inline-block; width:200px; margin:30px; margin-bottom:100px; }    
/* ***** FORMULARIO - CONTACTO ***** */
#formulario{ width: 90%; margin-right:0; margin:auto; margin-bottom:80px;}
button{height:50px; margin-top:20px;}
/* ***** INFO - CONTACTO ***** */
#info_contacto{ width:90%; margin:auto; text-align:center; display:block;}
.modulo_dato_contacto{margin-bottom:35px;}
.modulo_ico_contacto{ width:60px; height:60px; display:block; margin:auto; margin-bottom:15px;}
.txt_contacto{ font-size:16px; line-height:23px; display:block;  padding:0; margin:auto;}   
.modulo_redes{ padding-top:20px; width:100%; }
.modulo_ico_redes{ width:50px; height:50px; margin:15px; }    
    
}/* Cierre 750 */


/************** RESPONSIVE MEDIA 650 ************/
@media (max-width: 650px){

/* ***** PORTADA***** */
#portada{height:500px; background-size:cover; background-position: left bottom;}    
#portada:hover{background-size:cover;}
#titulo_portada{width:340px; left:30px; bottom:40px;}
#titulo_portada h1 {font-size:48px; line-height:29px; letter-spacing:1px;}
#titulo_portada h1 strong{ font-size:19px; letter-spacing:0px;}    
     
/* ***** NOSOTROS ***** */
#txt_intro{width:90%;}
#txt_intro figure{width:180px;}

/* ***** BARRA AMARILLA ***** */
.barra_amarilla{background:url(../imgs/arrow_yellow.svg) no-repeat center top; background-color:#FEAB40; min-height: 200px; position:relative; padding-bottom:35px;}
.barra_amarilla h1{ display:block; width:90%; margin:0;  text-align:center; margin:auto; margin-bottom:15px;}
.barra_amarilla p{display:block; width:90%; text-align:center; margin:auto;}
.btn_estructura_corp{ width:180px; margin:10px; margin-bottom:100px; margin-top:20px;}    
    
/* ***** SOLUCIONES ***** */
.header-window{width:100%; height:300px;}
.txt_intro_header{ width:90%; padding-top:80px;}
.txt_intro_header h1{font-size:30px;}
.txt_intro_header p{width:350px;} 
.solucion{ min-height:200px; padding:10px; margin-bottom:80px; padding-bottom:40px;}
/*Generales soluciones*/
.foto_sol{position:absolute; width:96%; height:250px; left:2%; top:2%;}
.Syell .foto_sol{left:2%;}
.txt_sol{width:100%; margin-top:260px; margin-left:0; margin-right:0;}
.Syell .txt_sol{margin-left:0;}
.ico_solucion{padding-top:5px; margin-bottom:5px;}
.solucion p{padding-top:20px; text-align:justify; width:94%; margin:auto;}
.solucion h1{font-size:27px; font-weight:100; line-height:35px; width:auto; margin:auto;}
.solucion p.subT{text-align:center;}   
#txt_sol06{margin-top:10px;}
/*Contenidos Soluciones*/
#contenido_sol01, #contenido_sol02, #contenido_sol03, #contenido_sol04, #contenido_sol05, #contenido_socios{display:block;}
/*Botones plus*/
.btn_plus{display:none;}
    
/*Socios*/
.SgrayB .txt_sol h1{width:350px;}
.socio_modulo{ width:80px;}
    
/* ***** CLIENTES - BARRA NEGRA ***** */
.barra_negra{ min-height: 130px; width: 100%;}
.barra_negra h1{ width:90%;}
#clientes_contenedor{width:90%;}
.mod_cliente{width:90px; margin: 10px 15px 10px 15px; }  
    
/* ***** TRABAJO ***** */
.header-windowB{ height:350px;}
.contenedor_trabajo{width:90%;}    
    
} /* Cierre 650 */



/************** RESPONSIVE MEDIA 400 ************/
@media (max-width: 400px){
/* ***** PORTADA***** */
#portada{height:450px;}    
#titulo_portada{width:270px; left:10px; bottom:40px;}
#titulo_portada h1 {font-size:35px; margin-bottom:10px;}
#titulo_portada h1 strong{ font-size:14px;} 
.boton_portada1, .boton_portada2{width:110px; height:30px; font-size:11px; line-height:30px;}
.boton_portada2{margin-left:15px;}
     
/* ***** NOSOTROS ***** */
.modulo_nos1, .modulo_nos2{width:90%; height:auto; margin:auto; box-sizing: border-box; padding:0; margin-bottom:40px; padding-top:20px;}    
.mapa{width:100%;}   
.modulo_nos2_content{display:block; margin:auto; width: 90%;}    
#txt_intro{margin-bottom:30px;}
.pleca_sombra{height:20px;}    
    
.btn_estructura_corp{width:200px; margin:0;}    
div.wrapper.txtCenter{margin-bottom:100px;}    
    
/****** SOLUCIONES *****/  
.header-window{height:350px;}
.txt_intro_header{ width:90%; padding-top:60px; }
.txt_intro_header h1{font-size:24px;}
.txt_intro_header p{width:90%; }    
    
.foto_sol{top:1%;}
#txt_sol06 h1{width:94%; margin:auto; margin-bottom:15px;}  
    
}/*Cierre 400*/