*{padding: 0; margin: 0;}
.desk{display: block;}    
.movil{display: none;} 
body{background-color:#fff; font-family:'Open Sans', Arial; color:#555;}

/* ****** GENERAL ***** */
h1{font-size:22px;}
h2{font-size:18px; margin-bottom:5px;}
h3{font-size:16px;}
h4{font-size:25px; font-weight:100; text-align:center;}
p{font-size: 12px; margin-bottom:20px;}

a{color: #666; text-decoration:none;}

section{ width:100%; margin:auto; padding-top:50px; padding-bottom:50px; position:relative;}
.wrapper{width:1000px; margin:auto;}
.pleca_sombra{width:90%; height:40px; margin:auto; background:url(../imgs/pleca_div.png) center center no-repeat; background-size:contain;}
.ancla{ width:80px; height:80px; background-color:transparent; position:absolute; top:-80px; }
#preloader { position:fixed; left:0; top:0; z-index:10000; width:100%; height:100%; overflow: visible; background:#fff url('../imgs/loading.gif') no-repeat center center; }
a[href^=tel] { color: inherit; text-decoration: none; }

/* ****** MENU PRINCIPAL ****** */
#pleca_top{width:100%; height:10px; background-color:#eee; margin-bottom: 10px;}
header{ width:100%; height:120px; margin: auto; z-index: 3; position: relative; box-shadow: 0px 10px 10px 0px rgba(0,0,0,.3);}
#logo_grupo{width:230px; height:55px; position:absolute; right:5px; top:15px; 
    background: url(../imgs/grupo_art.svg) center center; 
    background-position:contain; transition: .3s all;}
nav.desk{ font-size:0px; width:1000px; margin:auto;}
#logo{ width: 200px; display: inline-block; vertical-align: bottom;
    margin-right: 110px; transition-duration: .3s all;}
.btn_menu{ cursor: pointer; text-align:center; font-size: 15px; line-height: 20px; width: 135px; height: 80px; user-select: none; display: inline-block;
    vertical-align: bottom; transition-duration: .3s all; }
.btn_menu:hover{ color: #FEAB40; }
.btn_menu.inf{ height:35px; }

/* ***** NAV deskB **** */
#deskB{font-size:0px; width:100%; height:80px;
    background-color:#fff; box-shadow:0px 5px 15px 0px rgba(0,0,0,.1);
    position:fixed; top:0; z-index:500; transition:.3s all;
}
#wrapper_deskB{ width:1000px; height: 80px; margin: auto; transition:.3s all;}
#logoB{ width: 170px; height: 80px; margin-right: 10%; display: inline-block; vertical-align: top; transition:.3s all;}
.menB{ width:13%; height:60px; line-height:30px; padding-top: 25px; transition:.3s all;}

/* ***** MENU MOVIL ****** */
#menu_movil{ width: 100%; z-index: 500; position: fixed; top: 0; }
#nav_phone_btns{ width: 100%; height: 80px; background-color: #fff; box-shadow: 0px 5px 15px 0px rgba(0,0,0,.1); z-index: 499; position: absolute; }
.logo_movil{ width: 170px; margin-left:20px; padding-top:7px}
.btn_submenu{ width: 80px; height: 80px; background: url("../imgs/btn_menu_movil.svg");
    position: absolute; right: 0; top: 0; cursor: pointer;}
.btn_submenu_close{ width: 80px; height: 80px;
    background: url("../imgs/btn_menu_movil_close.svg"); position: absolute; right: 0; top: 0; cursor: pointer; display: none; }
#nav_phone{ width: 100%; position: fixed; top: -360px;
    box-shadow: 0px 0px 15px 5px rgba(0,0,0,.3); opacity: 0; z-index: 498;}
.btn_menu_movil{ text-align: center; height: 70px; line-height: 70px; background-color: #333; border-bottom: 2px solid #555; transition: .3s all;}
.btn_menu_movil:hover{ background-color: #222; color:#F87836;}


/* ***** PORTADA***** */
#portada{width:100%; height:500px; position: relative; background:url(../imgs/red.jpg) center no-repeat; background-size:150%; box-shadow: 0px 10px 10px 0px rgba(0,0,0,.3);  transition: 1s all;}
#titulo_portada{width:450px; margin:auto; position:absolute; left:120px; bottom:100px; transition:.3s all;}
#portada:hover{background-size:100%;}
#titulo_portada h1 {font-family: 'Montserrat', sans-serif; font-size:50px; line-height:29px; letter-spacing:1px; font-weight:500; color:#F28B3B; text-transform:uppercase; margin-bottom:20px;}
#titulo_portada h1 strong{ color:#404041; font-weight:300; font-size:20px; letter-spacing:0px;}

.boton_portada1, .boton_portada2{width:140px; height:40px; font-size:12px; display:inline-block; background:#FEAB40; text-align:center; line-height:40px; border:3px solid #FEAB40; color:#fff; text-transform:uppercase; transition:.3s all;}
.boton_portada2{margin-left:30px;; border:3px solid #404041; background:transparent; color:#404041}
.boton_portada1:hover{background:transparent; color:#FEAB40;}
.boton_portada2:hover{background:#404041; color:#fff;}


/* ***** NOSOTROS ***** */
#section_nos{background:url(../imgs/figura.svg) no-repeat; background-position-x: -150px; background-position-y: 30px; overflow: hidden; background-size:40%;   }

#txt_intro{width:550px; margin:auto; margin-bottom:80px; text-align:justify; transition:.3s all; position:relative;}
#txt_intro figure{width:200px; margin:auto;}
.txtCenter{text-align:center;}

.modulo_nos1, .modulo_nos2{width:400px; height:390px; background:url(../imgs/frame_left.svg); display:inline-block; vertical-align:middle; box-sizing:border-box; margin:5px; margin-top:20px; padding:30px;}
.modulo_nos2{background:url(../imgs/frame_right.svg);}
.ico_nos{margin-bottom:20px;}
.modulo_nos2 h2{margin-bottom:20px;}
.mapa{width:318px; margin:auto;}
.modulo_nos2_content{width:270px; margin:auto;}
.modulo_nos2_content p {margin-bottom: 30px;}
.modulo_nos2_content p strong{color:#FEAB40;}

/* ***** BARRA AMARILLA ***** */
.barra_amarilla{display:block; background:url(../imgs/arrow_yellow.svg) no-repeat; background-color:#FEAB40; background-position-x:24%; min-height: 200px; text-align:center; padding-top:50px; box-sizing:border-box;}
.barra_amarilla h1{ display:inline-block; width:30%; margin-right:6%; font-size:30px; line-height:37px; font-weight:400; letter-spacing:0; text-transform:uppercase; text-align:right; color:#fff; vertical-align:top;}
.barra_amarilla p{display:inline-block; width:45%; text-align:justify; color:#fff; font-size:14px; font-weight:100;}
.btn_estructura_corp{display:inline-block; width:220px; margin:50px; margin-bottom:150px; vertical-align: middle; }


/* ***** SOLUCIONES ***** */
.header-window{width:100%; height:350px; background:transparent; position:relative; transition-duration:.3s all;}
.txt_intro_header{ width:600px; padding-top:130px; margin:auto; color:#fff; text-align:center;}
.txt_intro_header h1{font-size:35px; font-weight:400; text-transform:uppercase; color:#FEAB40}
.txt_intro_header p{font-size:15px; width:400px; margin:auto; padding-top:10px; line-height:24px;}

#section_soluciones{width:1000px; transition: .3s all;}
.solucion{width:100%; min-height:200px; padding:10px; display:block; background-color:#FEAB40; margin-bottom: 50px; position:relative; box-sizing:border-box; transition:.3s all;}
.Sgray{background-color:#222;}
.SgrayB{background-color:#B2B2B2;}
.Syell p{color:#744D0F;}

/*Generales soluciones*/
.foto_sol{position:absolute; width:40%; height:100%; left:0; top:0; transition:.3s all;}
.Syell .foto_sol{ position:relative; position:absolute; left:60%;}
.txt_sol{width:55%; margin-left:45%; text-align:center; color:#fff;}
.Syell .txt_sol{margin-left:0%;}
.ico_solucion{padding-top:5px; margin-bottom:5px;}
.solucion p{margin-top:20px; font-size:13px; line-height:20px;}
.solucion h1{font-size:27px; font-weight:100; line-height:35px; width:auto; margin:auto; }
.solucion p.subT{ margin-top:10px; font-size:17px;}
.strong_yellow{color:#FEAB40}
.strong_black{ font-weight:bold;}


/*Botones plus*/
.btn_plus{width:30px; height:30px; margin:auto; margin-top:15px; display:block;}
.on_black,.off_black,.on_yellow,.off_yellow{width:30px; height:30px; cursor:pointer;}
.on_black{background:url(../imgs/sol/btn_black_mas.svg) no-repeat;}
.off_black{background:url(../imgs/sol/btn_black_menos.svg) no-repeat;}
.on_yellow{background:url(../imgs/sol/btn_yellow_mas.svg) no-repeat;}
.off_yellow{background:url(../imgs/sol/btn_yellow_menos.svg) no-repeat;}

#off_black01,#off_yellow02,#off_black03,#off_yellow04,#off_black05,#off_black06{display:none;}

/*Contenidos Soluciones*/
#contenido_sol01, #contenido_sol02, #contenido_sol03, #contenido_sol04, #contenido_sol05{display:none;}

/*Fotos Soluciones*/
#Fsol01{background:url(../imgs/sol/sol01.jpg) no-repeat center center; background-size:cover;}
#Fsol02{background:url(../imgs/sol/sol02.jpg) no-repeat center center; background-size:cover;}
#Fsol03{background:url(../imgs/sol/sol03.jpg) no-repeat center center; background-size:cover;}
#Fsol04{background:url(../imgs/sol/sol04.jpg) no-repeat center center; background-size:cover;}
#Fsol05{background:url(../imgs/sol/sol05.jpg) no-repeat center center; background-size:cover;}

/*Socios*/
.SgrayB .txt_sol{width:100%; margin-left:0;}
.SgrayB .txt_sol h1{width:100%; margin-bottom:20px;}
#contenido_socios{display:none;}
.socio_modulo{display:inline-block; width:100px; margin:5px 10px 5px 10px;}

/* ***** CLIENTES - BARRA NEGRA ***** */
.barra_negra{display:block; background:url(../imgs/arrow_black.svg) no-repeat top center; background-color:#000; min-height: 130px; text-align:center; padding-top:50px; box-sizing:border-box; margin-bottom:50px; position:relative;}
.barra_negra h1{ display:block; margin:auto; width:80%; font-size:30px; line-height:37px; font-weight:400; letter-spacing:0; text-transform:uppercase; text-align:center; color:#fff;}
#clientes_contenedor{width:1000px; margin:auto; text-align:center; font-size:0; margin-bottom: 100px; transition:.3s all;}
.mod_cliente{width:160px; display:inline-block; margin: 10px 15px 10px 15px; transition: .3s all;}


/* ***** FORMULARIO - CONTACTO ***** */
.pleca_contacto{width:100%; height:50px; background-color:#D1D2D4; position:relative;}
.pleca_contacto h1{text-align:center; text-transform:uppercase; line-height:50px; font-size:25px; color:#999; font-weight:500;}

.wrap_contacto{font-size:0; text-align:center;}
.graybg{background-color:#58585A;}

#formulario{ text-align: left; width: 45%; margin-right:10%;
    display: inline-block; vertical-align: middle; position:relative;}
#formulario h4{margin-bottom: 15px; text-align:left;}
form{width:100%;}
.label, .label2{ width:100%; height:auto; padding:3%; margin-bottom:20px; background-color:#333;
     font-size:14px; box-sizing:border-box; color:#eee; border:none; border-bottom: 1px solid #eee;}
.label2{ height: 110px; resize:none; padding-top: 10px;}
button{ width:100%; height:45px; color:#333; background:transparent; border:3px solid #333;
    cursor:pointer; font-size:15px; font-weight: 500; text-transform: uppercase; transition:.3s all;}
button:hover{ background-color:#FEAB40; color:#333; border-color:#744D0F; color:#744D0F;}

.KaptchA{ width:234px; height:59px; margin:auto; margin-top:20px; margin-bottom:20px;}


/* ***** INFO - CONTACTO ***** */
#info_contacto{ width:45%; text-align:left; display:inline-block; vertical-align: middle;}
.modulo_dato_contacto{width:100%; height:auto; margin-bottom:20px;}
.modulo_ico_contacto{ width:13%; height:50px; vertical-align:middle; display:inline-block;}
.txt_contacto{
    font-size:14px; line-height:18px; width:70%; height:auto; display:inline-block; vertical-align:middle; padding-left:1%; color:#fff;}


#ico_contacto01{background: url(../imgs/ico/ico_contacto01.svg); }
#ico_contacto02{background: url(../imgs/ico/ico_contacto02.svg); }
#ico_contacto03{background: url(../imgs/ico/ico_contacto03.svg); }
#ico_contacto03b{background: url(../imgs/ico/ico_contacto03b.svg); }
#ico_contacto01, #ico_contacto02, #ico_contacto03, #ico_contacto03b{background-repeat:no-repeat; background-size:contain;}

.modulo_redes{ padding-top:20px; width:100%;}

#icored_fb{background-image: url(../imgs/ico/icored_fb.svg);}
#icored_tw{background-image: url(../imgs/ico/icored_tw.svg);}
#icored_in{background-image: url(../imgs/ico/icored_in.svg);}
#icored_ins{background-image: url(../imgs/ico/icored_ins.svg);}
#icored_goo{background-image: url(../imgs/ico/icored_goo.svg);}
#icored_pin{background-image: url(../imgs/ico/icored_pin.svg);}
.modulo_ico_redes{width:48px; height:48px; margin:5px; display:inline-block; background-color:#fff; border-radius:50%; background-position:center center;}



/* ***** FOOTER ***** */
footer{ width: 100%; height: 100px; margin: auto; background-color: #191919;
    position: relative; box-shadow: -0px -5px 10px rgba(0,0,0,.3); }
.txt_footer{ text-align: center; padding-top: 50px; color: #eee; }
footer #btn_up{ top:25px; right:20px; position: absolute; opacity: .5; transition-duration: .3s all; }
#btn_up:hover{ opacity: 1; }



/* ***** TRABAJO ***** */
#bg_trabajo{background:url(../imgs/header02.jpg) center center; background-size:cover; }
.contenedor_trabajo{width:500px; margin:auto; text-align: center; padding-top:50px;}
.contenedor_trabajo figure{margin-bottom:20px;}
.contenedor_trabajo h3{text-align:center; margin-bottom:40px; font-weight:400; font-size:17px}
.contenedor_trabajo p{margin-bottom:50px;}
.contenedor_trabajo a{display:block; width:180px; margin:auto; margin-bottom:150px; border: 4px solid #FEAB40; color:#FEAB40; font-size:13px; line-height: 40px; background-color:transparent; transition: .3s all;}
.contenedor_trabajo a:hover{background-color:#FEAB40; color:#fff;}