@charset "UTF-8";
/* CSS Document */


* {margin: 0; padding: 0; outline: 0;}

html, body {
   height:100%;
}

a:link {color:#000; text-decoration:none;}      /* unvisited link */
a:visited {color:#000;text-decoration:none;}  /* visited link */
a:hover {color:#000;text-decoration:none;}  /* mouse over link */
a:active {color:#000;text-decoration:none;}  /* selected link */

.enlaceB:link {color:#575756;text-decoration:none;}	
.enlaceB:visited {color:#575756;text-decoration:none;}			
.enlaceB:hover {color:#575756;text-decoration:none;}		
.enlaceB:active {color:#575756;text-decoration:none;}	



/* FONTS */


@font-face {
    font-family: "Din-Regular";
    src: url(fonts/DIN-RegularAlternate.ttf) format('truetype'),
	url(fonts/DIN-RegularAlternate.otf) format('opentype'),
	url(fonts/DIN-RegularAlternate.svg) format('svg');
}

@font-face {
    font-family: "Din-Medium";
    src: url(fonts/DIN-MediumAlternate.ttf) format('truetype'),
	url(fonts/DIN-MediumAlternate.otf) format('opentype'),
	url(fonts/DIN-MediumAlternate.svg) format('svg');
}

@font-face {
    font-family: "Din-Bold";
    src: url(fonts/Gotham-Book.ttf) format('truetype'),
	url(fonts/DIN-BoldAlternate.otf) format('opentype'),
	url(fonts/Gotham-Book.svg) format('svg');
}


.bold{
font-family: 'Din-Medium';
}


#contenedor-total{
	width: 100%;
	float: left;
	position: Absolute;
	left: 0;
	top: 0;
	z-index: 1;
	
}

.boxHeader{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  transition: .3s;  
}




.headerFixed{
	padding-top:0px;
  height: 100px;
  background-color:rgba(29, 29, 29, 0.85);
  position: fixed;
  top: 0;
  left: 0;
z-index:100;
display:block;
}


.headerFixed2{
	padding-top:0px;
  height: 100px;
  background-color:rgba(255, 255, 255, 0.96);
  position: fixed;
  top: 0;
  left: 0;
z-index:100;
display:block;
}



#cont-botonera{
	width: 100%;
	height: 100px;
	z-index: 10;
	position: fixed;
	top:0;	
	border-bottom: solid #FFF 1px;
	display:block;
}


#cont-botonera2{
	width: 100%;
	height: 100px;
	z-index: 10;
	position: fixed;
	top:0;	
	border-bottom: solid #000 1px;
	display:block;
}

#botonera{
	width: 570px;
	text-align: right;
	float: left;
	margin-left:40px;
	display: flex;
	transition: .3s;

}


#linea-estoy{
	height:35px;
	width:35px;
	background-color:#00b9aa;
	display:block;
	position:absolute;
	bottom:calc(50% - 20px);
	left:calc(50% - 18px);
	border-radius:20px;
	display:block;
}


#btn_hablemos{
	width:260px;
	height:27px;
	padding-top:8px;
	font-family: 'Din-Medium', sans-serif;
	font-size:14px;
	color:#FFF;
	text-align:center;
	float:right;
	margin-top:40px;
	margin-right:50px;
	border: solid #00b9aa 1px;
	border-radius:20px;
	cursor:pointer;
	display:block;
}

#btn_hablemos_negro{
	width:260px;
	height:27px;
	padding-top:8px;
	font-family: 'Din-Medium', sans-serif;
	font-size:14px;
	color:#000;
	text-align:center;
	float:right;
	margin-top:40px;
	margin-right:50px;
	border: solid #00b9aa 1px;
	border-radius:20px;
	cursor:pointer;
	display:block;
}


/*.headerFixed #cssmenu{
  padding-top: inherit;
  display:block;
	border-bottom: solid #FFF 1px;
}


/*.headerFixed #cont_botonera{
  position: absolute;
  width: 95%;
  margin: 0 auto;
	z-index: 10;
	border-bottom: solid #FFF 1px;
}


.headerFixed #botonera{
  margin-top:50px;
}*/



#logo_gral{
	width:158px;
	height:25px;
	float:left;
	margin-left:50px;
	margin-top:58px;
	display:block;
  transition: .3s;
  z-index:100;
}

#logo_mobile{
	display:none;
}


/*.headerFixed #logo_gral{
  width:158px;
	height:25px;
	float:left;

  display: block;
  margin-left:50px;
  transition: .3s;
  display: flex;
}*/






/* HOME */

#top_home{
    width: 100%;
    height: 85%;
    margin:0;
	margin-bottom:80px;
    background: url(img/fondo_home.jpg) no-repeat top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    float:left;
	position:relative;	
}

#top_index{
    width: 100%;
    height: 100%;
    margin:0;
    background: url(img/fondo_home.jpg) no-repeat top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;


}


#top_home-mobile{
	display:none;
}

#logo-top{
	width:607px;
	height:138px;
	position:absolute;
	top:45%;
	left:calc(50% - 303px);
}



/* GALERIA 2 Y 1 */


#galeria_columna_grande-img{
	width:66%;
	float:left;
}

#txt-hometop{
	width:90%;
	margin:0 auto;
	font-family: 'Din-Regular', sans-serif;
	font-size:24px;
	line-height:46px;
	letter-spacing:0px;
	color: #000;
}

#txt-hometop_mobile{
		display:none;
}

#contanos{
	width:90%;
	height:42px;
	margin:0 auto;
	margin-top:40px;
	margin-bottom:30px;
}


#btn_destacado-gral{
	height:28px;
	padding-left:30px;
	padding-right:30px;
	padding-top:8px;
	font-family: 'Din-Medium', sans-serif;
	font-size:15px;
	color:#000;
	text-align:center;
	float:left;
	border: solid #00b9aa 1px;
	border-radius:20px;
	cursor:pointer;
}


#btn_destacado-gral2{
	height:38px;
	width:220px;
	padding-left:30px;
	padding-right:30px;
	margin:0 auto;
	margin-top:8px;
	font-family: 'Din-Medium', sans-serif;
	font-size:15px;
	line-height:38px;
	color:#000;
	text-align:center;
	
	border: solid #00b9aa 1px;
	border-radius:20px;
	cursor:pointer;
}


#btn_destacado-gral_negro{
	height:38px;
	width:190px;
	padding-left:30px;
	padding-right:30px;
	margin:0 auto;
	margin-top:8px;
	font-family: 'Din-Medium', sans-serif;
	font-size:15px;
	line-height:38px;
	color:#000;
	text-align:center;
	
	border: solid #000 1px;
	border-radius:20px;
	cursor:pointer;
}


#btn_destacado-proyecto{
	height:28px;
	width:210px;
	padding-left:30px;
	padding-right:30px;
	padding-top:8px;
	font-family: 'Din-Medium', sans-serif;
	font-size:15px;
	color:#000;
	text-align:center;
	margin:0 auto;
	margin-top:50px;
	border: solid #00b9aa 1px;
	border-radius:20px;
	cursor:pointer;
}


#infohome-columna1{
	width:37%;
	float:left;
	position:relative;
}

#infohome-columna2{
	width:63%;
	float:left;
}

#img1_servicios{
	width:100%;
	float:right;
	text-align:right;
}

#img2_servicios{
	width:95%;
	float:right;
	text-align:right;
}

#para-titulo{
	width:100%;
	position:absolute;
	top:45px;
	left:0;
}

#titulo-negro{
	font-family: 'Din-Bold', sans-serif;
	font-size:60px;
	letter-spacing:-1px;
	color: #000;
	float:left;
}


#cont_tituloybtn{
	width:100%;
	height:50px;
	margin-top:120px;
	float:left;
}

#cont_btn_servicios{
	width:100%;
	height:50px;
	margin-top:20px;
	float:left;
}



#cont_btn-gral{
	margin:0 auto;
	margin-top:40%;
	margin-top:100px;
}


/* presentación gabi */


#presentacion-gabi{
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 110px;
	margin-bottom: 110px;
}

#cont_presentacion-gabi{
	width:1000px;
	margin:0 auto;
}

#img-gabi{
	width:262px;
	float:left;
	margin-top:40px;
}

#txt-gabi{
	width:645px;
	font-family: 'Din-Medium', sans-serif;
	font-size:19px;
	line-height:24px;
	color: #000;
	float:right;
	text-align:left;
}




/* GALERIA */


#galeria_cont-imgs{
	width:95%;
	margin:0 auto;
	display:block;
}


#galeria_cont-mobile{
	display:none;
}


#galeria_columna-img{
	width:32%;
	float:left;
}

#galeria-img{
	width:100%;
	clear:left;
	float:left;
	margin-bottom:5%;
}


#galeria_img-margen{
	width:2%;
	float:left;
}




/* OPINIONES */

#fondo-opiniones{
	width:100%;
	height:350px;
	background-color:#4d4d4c;
	float:left;
	position:relative;
}



#cont-opiniones-gral{
	width:1000px;
	height:350px;
	margin: 0 auto;
}




#cont-opiniones{
	width:700px;
	height:225px;
	margin: 0 auto;
	margin-top:80px;
}



#opiniones_txt{
	width:100%;
	font-family: 'Din-Regular', sans-serif;
	font-size:23px;
	line-height:25px;
	color:#FFF;
	text-align:center;
}

#opiniones_img{
	width:100%;
	height:72px;
	text-align:center;
	margin-top:30px;
}


/* loop */

#loop_servicios{
	width:100%;
	height:350px;
	padding-bottom:0px;
}

#loop{
	display: block;
	width: 100%;
	margin: 0 auto;
	margin-top: 0px;
}

.section{
  width: 100%;
  max-height: 100vh;
  padding-top: 0;
  display:block;
}

.section2{
  display:none;
}




/* SEGUINOS */

#fondo_seguinos{
	width:100%;
	height:250px;
	background-color:#00b9aa;
	float:left;
}

#titulo_seguinos{
	width:100%;
	font-family: 'Din-Regular', sans-serif;
	font-size:30px;
	color:#f9f1b6;
	text-align:center;
	margin-top:60px;
}

#cont_redes-seguinos{
	width:480px;
	height:70px;
	margin:0 auto;
	margin-top:14px;
}

#redes-seguinos{
	width:70px;
	height:70px;
	float:left;
	cursor:pointer;
}

#redes-seguinos-margen{
	width:12px;
	height:70px;
	float:left;
}



/* TRABAJEMOS JUNTOS */


#trabajemos{
	float:left;
	width:100%;
}

#bloque_trabajemos-txt{
	width: 39%;
	padding-left:8%;
	padding-right:8%;
	padding-top:5%;
	float: left;
	position:relative;
}


#trabajemos-txt{
	width:85%;
	font-family: 'Din-Regular', sans-serif;
	font-size:22px;
	line-height:28px;
	color:#000;
	text-align:left;
	float:left;
	margin-top:50px;
	margin-bottom:50px;
}


#bloque_trabajemos-img{
	width:45%;
	float:right;
	margin-right:2.5%;
	margin-bottom:50px;
}

#bloque_trabajemosjuntos-img{
	width:45%;
	float:right;
}



/* TIENDA */

#tienda{
	width:82%;
	padding:5% 9% 0% 9%;
	float:left;
}

#cont_tienda{
	width:100%;
	margin:0 auto;
	float:left;
}

#cont_tienda-col1{
	width:60%;
	float:left;
}


#cont_tienda-col2{
	width:40%;
	float:right;
}


#columna-tienda{
	width:22%;
	float:left;
}

#columna-tienda-margen{
	width:4%;
	height:500px;
	float:left;
	display:block;
}

#tienda-img{
	width:100%;
	float:left;
	margin-bottom:15%;
	cursor:pointer;
}

#tienda-txt{
	width:100%;
	font-family: 'Din-Regular', sans-serif;
	font-size:22px;
	line-height:28px;
	color:#000;
	text-align:left;
	float:left;
	margin-top:50px;
	margin-bottom:50px;
}


#tienda-txt-consultanos{
	width:80%;
	font-family: 'Din-Medium', sans-serif;
	font-size:18px;
	line-height:22px;
	color:#4d4d4c;
	text-align:left;
	margin:0 auto;
	margin-top:90px;
	margin-bottom:30px;
}



/* PIE */


#pie{
	width:100%;
	height:315px;
	background-color:#00b9aa;
	float:left;
}

#pie-amarillo{
	width:3%;
	height:315px;
	float:left;
	background-color:#f9f1b6;
	display:block;
}


#pie-blanco{
	width:30%;
	height:315px;
	float:left;
	background-color:#FFF;
}

#pie-logo{
	width:270px;
	height:45px;
	margin:0 auto;
	margin-top:70px;
	padding-right:70px;
	text-align:left;
}

#pie-txt{
	width:340px;
	font-family: 'Din-Medium', sans-serif;
	font-size:16px;
	line-height:19px;
	color:#000;
	text-align:left;
	margin:0 auto;
	margin-top:40px;
}

#pie-cont-info{
	width:15%;
	height:190px;
	float:left;
	margin-left:3%;
	margin-top:65px;
	border-right: solid #000 1px;
}


#pie-titulo{
	width:100%;
	font-family: 'Din-Bold', sans-serif;
	font-size:22px;
	line-height:31px;
	color:#000;
	text-align:left;
	margin-top:25px;
}


#pie-info{
	width:100%;
	font-family: 'Din-Regular', sans-serif;
	font-size:16px;
	line-height:24px;
	color:#000;
	text-align:left;
	margin-top:10px;
	letter-spacing:-0.4px;
}


#pie-redes{
	width:135px;
	height:90px;
	float:left;
	margin-left:4%;
	margin-top:110px;
}




/* SERVICIOS */

#espaciotop{
	width:100%;
	height:160px;
	background-color:#FFF;
}

#espaciotop_proyectos{
	width:100%;
	height:160px;
	background-color:#FFF;
}


#bloque_servicios-txt{
	width: 38%;
	padding-left:7%;
	padding-right:5%;
	float: left;
	position:relative;
	margin-bottom:50px;
}


#titulo-servicios{
	font-family: 'Din-Regular', sans-serif;
	font-size:44px;
	line-height:48px;
	letter-spacing:-1px;
	color: #000;
	float:left;
}

#servicios-txt{
	width:100%;
	font-family: 'Din-Regular', sans-serif;
	font-size:21px;
	line-height:26px;
	color:#000;
	text-align:left;
	float:left;
	margin-top:50px;
}



/* ICONOS */

#cont_float{
	float:right;
	width:100%;
	text-align:center;
}


#cont_servicios-iconos{
	width:1000px;
	height:300px;
	margin:0 auto;
	margin-top:50px;
	padding-bottom:60px;
}

#col_servicios-iconos-extremos{
	width:280px;
	height:300px;
	margin:0 auto;
	float:left;
}

#col_servicios-iconos-centro{
	width:360px;
	height:300px;
	margin:0 auto;
	float:left;
}

#col_servicios-iconos-margin{
	display:block;
	width:40px;
	height:270px;
	margin:0 auto;
	float:left;
	background-image:url(img/lineas_icono-servicio.png);
}

#servicios-iconos_img{
	height:90px;
	margin:0 auto;
	margin-bottom:20px;
	text-align:center;
}


#servicios-iconos_titulo{
	width:100%;
	font-family: 'Din-Medium', sans-serif;
	font-size:34px;
	line-height:35px;
	letter-spacing:-1px;
	color:#000;
    text-align:center;
}


#servicios-iconos_txt{
	width:90%;
	font-family: 'Din-Regular', sans-serif;
	font-size:17px;
	line-height:20px;
	color:#000;
    text-align:center;
	margin:0 auto;
	margin-top:15px;
}

#servicios-iconos_txt_fr{
	width:95%;
	font-family: 'Din-Regular', sans-serif;
	font-size:16px;
	line-height:20px;
	color:#000;
    text-align:center;
	margin:0 auto;
	margin-top:15px;
}




/* SERVICIOS GRIS */

#servcios_gris{
	width:100%;
	height:335px;
	background-color:#6d6d6c;
	float:left;
	margin-bottom:80px;
}

#servicios-gris_titulo{
	width:80%;
	margin:0 auto;
	margin-top:70px;
	font-family: 'Din-Regular', sans-serif;
	font-size:45px;
	color:#faf1b5;
    text-align:center;
}

#servicios-gris_txt{
	width:70%;
	margin:0 auto;
	margin-top:50px;
	font-family: 'Din-Medium', sans-serif;
	font-size:20px;
	line-height:28px;
	color:#fff;
    text-align:left;
}


/* PROYECTOS */

#proyectos-cont_links{
	width:950px;
	height:165px;
	margin:0 auto;
	margin-bottom:60px;
}

#btn_proyectos{
	height:42px;
	width:175px;
	padding-left:20px;
	padding-right:20px;
	margin-bottom:15px;
	float:left;
	font-family: 'Din-Medium', sans-serif;
	font-size:15px;
	line-height:40px;
	color:#000;
	text-align:center;
	
	border: solid #000 1px;
	border-radius:30px;
	cursor:pointer;
}

#proyectos-margen{
	display:block;
	width:26px;
	height:42px;
	float:left;
}


#proyecto-cont-redes{
	width:70%;
	text-align:left;
	float:left;
	margin-left:7%;
	margin-top:50px;
	margin-bottom:80px;
}





/* NOSOTROS */

#cont_btn_nosotros{
	float:right;
	width:45%;
	height:100px;
	text-align:center;	
}

#nosotros-iconos_txt{
	width:90%;
	font-family: 'Din-Regular', sans-serif;
	font-size:15px;
	line-height:18px;
	color:#000;
    text-align:center;
	margin:0 auto;
	margin-top:15px;
}


#nosotros_gris{
	width:100%;
	height:260px;
	background-color:#e3e8ea;
	float:left;
	margin-bottom:80px;
}

#nosotros-gris_titulo{
	width:80%;
	margin:0 auto;
	margin-top:50px;
	font-family: 'Din-Regular', sans-serif;
	font-size:45px;
	color:#000;
    text-align:center;
}

#nosotros-gris_contmarcas{
	width:1050px;
	margin:0 auto;
	margin-top:45px;
	display:block;
}

#nosotros-gris_contmarcas_mobile{
	display:none;
}

#nosotros_marcas{
	height:65px;
	float:left;
}

#nosotros_marcas:hover{
	opacity: 0.5;
}

#nosotros_marcas-margen{
	width:40px;
	height:65px;
	float:left;
}




/* CONTACTO */

#contacto{
	width:100%;
	height:650px;
	float:left;
	position:relative;
}


#contacto-fondo-gris{
	width:20%;
	height:650px;
	float:left;
	text-align:center;
	background-color:#e3e8ea;
	display:block;
}

#contacto_logo{
	width:50%;
	margin: 0 auto;
	padding-top:280px;
}


#cont-contacto-gral{
	width:780px;
	height:550px;
	margin-left:8%;
	float:left;
}

#cont-contacto-col1{
	width:265px;
	height:550px;
	float:left;
	display:block;

}


#contacto-info{
	width:190px;
	margin:0 auto;
	margin-bottom:20px;
}

#contacto-info_titulo{
	font-family: 'Din-Medium', sans-serif;
	font-size:22px;
	line-height:32px;
	color:#000;
    text-align:left;
}

#contacto-info_txt{
	font-family: 'Din-Regular', sans-serif;
	font-size:16px;
	line-height:20px;
	color:#000;
    text-align:left;
}

#cont-contacto-redes{
	width:190px;
	text-align:left;
	height:90px;
	margin:0 auto;
	margin-top:30px;
}




#cont-contacto-col2{
	width:415px;
	height:440px;
	float:right;
}


#cont-contacto-titulo{
	width: 100%;
	font-family: 'Din-Bold', sans-serif;
	font-size: 29px;
	text-align:left;
	color: #000;
}


#contenedor_form{
	width:415px;
	height:400px;
	margin-top:25px;
}




/* FORM */

#contacto_form{
    width:415px;
    height:400px;
    float:left;
}

.despl {
    display:block;
    width:215px;
    height:30px;
    font-family: 'Din-Regular', sans-serif;
    font-size:20px;
}
form {
    width:100%;
    margin:0 auto;
    float:left;
}

input, textarea {
    width:415px;
    height:33px;
    border:none;
    margin-bottom:8px;
	background-color:#e3e8ea;
    font-family: 'Din-Regular', sans-serif;
    font-size:16px;
    text-align:left;
    color:#777776;
	float:left;
}

textarea {
    height:200px;
    margin-bottom:8px;
    padding-top:10px;
	float:right;
}


#submit {
    width:193px;
    height:40px;
    padding-top:0px;
	background-color:#00b9aa;
	text-align:center;
    font-size:16px;
    color:#f9f1b6;
    cursor:pointer;
	float:left;
}

/* fin FORM */


#widget–cto{
	width:160px;
	height:65px;
	position:fixed;
	right:0;
	bottom:100px;
	z-index: 100;
}




/* COOKIES */

#cookies-fondo{
	display:none;
	width:1000px;
	height:200px;
	background-color:#00b9aa;
	position:fixed;
	bottom:-70px;
	left:calc(50% - 500px);
	z-index:10000;
	border-radius:30px;
	
}

#cookies-cont-gral{
	width:890px;
	height:40px;
	margin:0 auto;
	margin-top:40px;
}

#cookies-txt{
	width:470px;
	font-family: 'Din-Medium', sans-serif;
	font-size:17px;
	color:#FFF;
	float:left;
	padding-top:7px;
}

#cookies-cont-btn{
	width:360px;
	height:40px;
	float:right;
	padding-top:5px;
}


.cookies-btn{
	width:165px;
	height:30px;
	border-radius:20px;
	cursor:pointer;
	float:right;
	border: 1px solid #f6f0b7;
	padding-top:10px;
	
	font-family: 'Din-Bold', sans-serif;
	font-size:15px;
	color:#000;
	text-align:center;
}

.cookies-btn:hover{
	background-color:#099;
}
	
.cookies-btn-margin{
	width:25px;
	height:40px;
	float:right;
}	



@media screen and (max-width:1500px ) {
	
#para-titulo{
	width:100%;
	position:absolute;
	top:35px;
	left:0;
}	


#titulo-negro{
	font-family: 'Din-Bold', sans-serif;
	font-size:55px;
	line-height:57px;
	letter-spacing:-1px;
	color: #000;
	float:left;
}

	
#txt-hometop_mobile{
	width:100%;
	margin:0 auto;
	font-family: 'Din-Regular', sans-serif;
	font-size:28px;
	line-height:45px;
	letter-spacing:-1px;
	color: #000;
	text-align:center;
	display:block;
}	




#pie-info{
	width:100%;
	font-family: 'Din-Regular', sans-serif;
	font-size:13px;
	line-height:20px;
	color:#000;
	text-align:left;
	margin-top:20px;
	letter-spacing:-0.4px;
}


#pie-logo{
	width:250px;
	height:33px;
	margin:0 auto;
	margin-top:70px;
}

#pie-txt{
	width:250px;
	font-family: 'Din-Medium', sans-serif;
	font-size:14px;
	line-height:17px;
	color:#000;
	text-align:left;
	margin:0 auto;
	margin-top:40px;
}


}

@media screen and (max-width:1200px ) {
	
	
#para-titulo{
	width:100%;
	position:absolute;
	top:22px;
	left:0;
}		


#titulo-negro{
	font-family: 'Din-Bold', sans-serif;
	font-size:45px;
	letter-spacing:-1px;
	color: #000;
	float:left;
}


}


@media screen and (max-width:1000px ) {  /************************** MOBILE ****************************/





.headerFixed{
padding-top:0px;
  height: 80px;
  /*border-bottom: solid #FFF 1px;*/
  position: fixed;
  top: 0;
  left: 0;
z-index:100;
display:block;
}


.headerFixed #cssmenu{
  padding-top: 13px;
}



#logo_gral{
	display:none
}


.headerFixed #logo_gral{
	display:none
}


.headerFixed #botonera{
  margin-top:0px;
  z-index:100;
}


#logo_mobile{
	display:block;
	width:125px;
	height:117px;
	position:fixed;
	left:30px;
	top:30px;
	z-index:1000;
}


#cont-botonera{
	width: 100%;
	height: 100px;
	z-index: 10;
	position: fixed;
	top:0;	
	border-bottom: 0px;
	display:block;
}


#cont-botonera2{
	width: 100%;
	height: 100px;
	z-index: 10;
	position: fixed;
	top:0;	
	border-bottom: 0px;
	display:block;
}


#linea-estoy{
	display:none;
}


#btn_hablemos{
	display:none;
}

#btn_hablemos_negro{
	display:none;
}


#btn_destacado-gral{
	height:38px;
	width:200px;
	padding-left:30px;
	padding-right:30px;
	margin:0 auto;
	margin-top:8px;
	margin-bottom:50px;
	font-family: 'Din-Medium', sans-serif;
	font-size:14px;
	color:#000;
	text-align:center;
	
	border: solid #00b9aa 1px;
	border-radius:20px;
	cursor:pointer;
}


#btn_destacado-gral2{
	height:38px;
	width:200px;
	padding-left:30px;
	padding-right:30px;
	margin:0 auto;
	margin-top:8px;
	margin-bottom:50px;
	font-family: 'Din-Medium', sans-serif;
	font-size:14px;
	color:#000;
	text-align:center;
	
	border: solid #00b9aa 1px;
	border-radius:20px;
	cursor:pointer;
}


#cont_btn-gral{
	width:100%;
	float:left;
	margin:0 auto;
}


#btn_destacado-gral_negro{
	height:38px;
	width:200px;
	padding-left:30px;
	padding-right:30px;
	margin:0 auto;
	margin-top:50px;
	margin-bottom:50px;
	font-family: 'Din-Medium', sans-serif;
	font-size:14px;
	color:#000;
	text-align:center;
	
	border: solid #000 1px;
	border-radius:20px;
	cursor:pointer;
}




/* HOME */

#top_home{
    width: 100%;
    height: 100%;
    margin:0;
	margin-bottom:80px;
    background: url(img/fondo_home.jpg) no-repeat top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    float:left;
	position:relative;	
}



#logo-top{
	width:350px;
	height:80px;
	position:absolute;
	top:45%;
	left:calc(50% - 175px);
}


#txt-hometop_mobile{
	width:100%;
	margin:0 auto;
	margin-bottom:50px;
	font-family: 'Din-Regular', sans-serif;
	font-size:25px;
	line-height:40px;
	letter-spacing:-1px;
	color: #000;
	text-align:center;
	display:block;
}

#img2_servicios{
	width:100%;
	float:none;
	margin-bottom:50px;	
}

#para-titulo{
	width:100%;
}

#titulo-negro{
	width:100%;
	font-family: 'Din-Bold', sans-serif;
	font-size:60px;
	letter-spacing:-1px;
	color: #000;
	float:left;
	text-align:center;
	margin-bottom:50px;
}




/* presentación gabi */


#presentacion-gabi{
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 50px;
}

#cont_presentacion-gabi{
	width:100%;
	margin:0 auto;
	text-align: center;
}

#img-gabi{
	width:262px;
	float:none;
	margin:0 auto;
	margin-top:30px;
	margin-bottom:50px;
}

#txt-gabi{
	width:85%;
	margin: 0 auto;
	font-family: 'Din-Medium', sans-serif;
	font-size:19px;
	line-height:24px;
	color: #000;
	float:none;
	text-align:center;
}





/* OPINIONES */

#fondo-opiniones{
	margin-top:0px;
	width:100%;
	height:1600px;
	background-color:#4d4d4c;
	position:relative;
	z-index : 50;
}



#cont-opiniones-gral{
	width:100%;
	height:900px;
	margin: 0 auto;
	margin-top:50px;
}









/* loop */


.section{
   display:none;
}

.section2{
  width: 100%;
  max-height: 100vh;
  padding-top: 0;
  display:block;
}

#cont-opiniones-mobile{
	width:100%;
	margin: 0 auto;	
}


#opiniones-mobile-linea{
	width:80%;
	height:1px;
	margin:0 auto;
	margin-bottom:50px;
	margin-top:40px;
	background-color:#666;
}


#opiniones_txt{
	width:85%;
	margin:0 auto;
	font-family: 'Din-Regular', sans-serif;
	font-size:19px;
	line-height:23px;
	color:#FFF;
	text-align:center;
}

#opiniones_img{
	width:100%;
	height:70px;
	text-align:center;
	margin-top:20px;
}



/* SEGUINOS */

#fondo_seguinos{
	width:100%;
	height:220px;
	background-color:#00b9aa;
	float:left;
}

#titulo_seguinos{
	width:100%;
	font-family: 'Din-Regular', sans-serif;
	font-size:25px;
	color:#f9f1b6;
	text-align:center;
	margin-top:60px;
}

#cont_redes-seguinos{
	width:325px;
	height:50px;
	margin:0 auto;
	margin-top:14px;
}

#redes-seguinos{
	width:50px;
	height:50px;
	float:left;
	cursor:pointer;
}

#redes-seguinos-margen{
	width:5px;
	height:50px;
	float:left;
}




/* GALERIA */


#galeria{
	width:100%;
	float:left;
	background-color:#FFF;
}


#top_galeria{
    width: 100%;
    height: 175px;
    margin:0;
    background: url(imgs/fondo_galeria.jpg) no-repeat top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    float:left;
	
}

#galeria-txt{
	width:85%;
	font-size: 20px;
	line-height:30px;
	font-family: 'Montserrat', sans-serif;
	text-align:center;
	font-weight: 400;
	color:#1d1d1b;
	margin:0 auto;
	margin-top:50px;
	margin-bottom:70px;
}




#galeria_cont-imgs{
	display:none;
}


#galeria_cont-mobile{
	width:85%;
	margin:0 auto;
	display:block;
}


#galeria_columna-img{
	width:32%;
	float:left;
}

#galeria-img{
	width:100%;
	clear:left;
	float:left;
	margin-bottom:5%;
}






/* TRABAJEMOS JUNTOS */


#trabajemos{
	float:left;
	width:100%;
}

#bloque_trabajemos-txt{
	width: 85%;
	padding-left:0%;
	padding-right:0%;
	padding-top:80px;
	float: none;
	margin:0 auto;
	position:relative;
}


#trabajemos-txt{
	width:100%;
	font-family: 'Din-Regular', sans-serif;
	font-size:22px;
	line-height:28px;
	color:#000;
	text-align:center;
	float:none;
	margin-top:50px;
	margin-bottom:50px;
}


#bloque_trabajemos-img{
	width:100%;
	float:right;
	margin-right:0%;
	margin-bottom:50px;
	padding-top:50px;
}

#bloque_trabajemosjuntos-img{
	width:100%;
	float:right;
}




/* TIENDA */

#tienda{
	width:100%;
	padding:0%;
	padding-top:80px;
	float:left;
}

#cont_tienda{
	width:100%;
	margin:0 auto;
	float:left;
}

#cont_tienda-col1{
	width:100%;
	float:left;
}


#cont_tienda-col2{
	width:100%;
	float:right;
}


#columna-tienda{
	width:70%;
	margin:0 auto;
	float:none;
}

#columna-tienda-margen{
	width:4%;
	height:500px;
	float:left;
	display:none;
}

#tienda-img{
	width:100%;
	float:left;
	margin-bottom:15%;
	cursor:pointer;
}

#tienda-txt{
	width:85%;
	font-family: 'Din-Regular', sans-serif;
	font-size:22px;
	line-height:28px;
	color:#000;
	text-align:center;
	float:none;
	margin:0 auto;
	margin-top:40px;
	margin-bottom:50px;
}


#tienda-txt-consultanos{
	width:100%;
	font-family: 'Din-Medium', sans-serif;
	font-size:18px;
	line-height:22px;
	color:#4d4d4c;
	text-align:center;
	margin:0 auto;
	margin-top:30px;
	margin-bottom:50px;
}




/* PIE */


#pie{
	width:100%;
	height:850px;
	background-color:#00b9aa;
	float:left;
}

#pie-amarillo{
	width:100%;
	height:40px;
	float:left;
	background-color:#f9f1b6;
}


#pie-blanco{
	width:100%;
	height:315px;
	float:left;
	background-color:#FFF;
	margin-bottom:10px;
}

#pie-logo{
	width:270px;
	height:45px;
	margin:0 auto;
	margin-top:70px;
	padding-right:0px;
	text-align:left;
}

#pie-txt{
	width:340px;
	font-family: 'Din-Medium', sans-serif;
	font-size:16px;
	line-height:19px;
	color:#000;
	text-align:center;
	margin:0 auto;
	margin-top:40px;
}

#pie-cont-info{
	width:100%;
	height:140px;
	float:left;
	margin:0 auto;
	margin-left:0%;
	margin-top:20px;
	border-right: solid #000 0px;
}


#pie-titulo{
	width:80%;
	font-family: 'Din-Bold', sans-serif;
	font-size:22px;
	line-height:20px;
	color:#000;
	text-align:center;
	margin:0 auto;
	margin-top:10px;
}


#pie-info{
	width:80%;
	font-family: 'Din-Regular', sans-serif;
	font-size:16px;
	line-height:20px;
	color:#000;
	text-align:center;
	margin:0 auto;
	margin-top:10px;
	letter-spacing:-0.4px;
}


#pie-redes{
	width:100%;
	height:90px;
	float:left;
	margin-left:0%;
	margin:0 auto;
	padding-top:10px;
	text-align:center;
}



/* SERVICIOS */

#espaciotop_proyectos{
	width:100%;
	height:50px;
	background-color:#FFF;
}


#bloque_servicios-txt{
	width: 85%;
	padding-left:0%;
	padding-right:0%;
	float: none;
	margin:0 auto;
	position:relative;
	margin-bottom:50px;
}


#titulo-servicios{
	width:100%;
	text-align:center;
	font-family: 'Din-Regular', sans-serif;
	font-size:44px;
	line-height:44px;
	letter-spacing:-1px;
	color: #000;
	float:left;
}

#servicios-txt{
	width:100%;
	font-family: 'Din-Regular', sans-serif;
	font-size:21px;
	line-height:26px;
	color:#000;
	text-align:center;
	float:left;
	margin-top:50px;
}





/* ICONOS */

#cont_float{
	float:right;
	width:100%;
	text-align:center;
}


#cont_servicios-iconos{
	width:85%;
	height:1000px;
	margin:0 auto;
	margin-top:50px;
	padding-bottom:60px;
}

#col_servicios-iconos-extremos{
	width:280px;
	height:320px;
	margin:0 auto;
	float:none;
}

#col_servicios-iconos-centro{
	width:360px;
	height:320px;
	margin:0 auto;
	float:none;
}

#col_servicios-iconos-margin{
	display:none;
}

#servicios-iconos_img{
	height:90px;
	margin:0 auto;
	margin-bottom:20px;
	text-align:center;
}


#servicios-iconos_titulo{
	width:100%;
	font-family: 'Din-Medium', sans-serif;
	font-size:36px;
	line-height:35px;
	letter-spacing:-1px;
	color:#000;
    text-align:center;
}


#servicios-iconos_txt{
	width:90%;
	font-family: 'Din-Regular', sans-serif;
	font-size:17px;
	line-height:20px;
	color:#000;
    text-align:center;
	margin:0 auto;
	margin-top:15px;
}


#servicios-iconos_txt_fr{
	width:90%;
	font-family: 'Din-Regular', sans-serif;
	font-size:17px;
	line-height:20px;
	color:#000;
    text-align:center;
	margin:0 auto;
	margin-top:15px;
}



/* SERVICIOS GRIS */

#servcios_gris{
	width:100%;
	height:600px;
	background-color:#6d6d6c;
	float:left;
	margin-bottom:80px;
}

#servicios-gris_titulo{
	width:80%;
	margin:0 auto;
	margin-top:70px;
	font-family: 'Din-Regular', sans-serif;
	font-size:45px;
	line-height:45px;
	color:#faf1b5;
    text-align:center;
}

#servicios-gris_txt{
	width:70%;
	margin:0 auto;
	margin-top:50px;
	font-family: 'Din-Medium', sans-serif;
	font-size:20px;
	line-height:28px;
	color:#fff;
    text-align:center;
}


/* PROYECTOS */

#proyectos-cont_links{
	width:85%;
	height:700px;
	margin:0 auto;
	margin-bottom:60px;
}

#btn_proyectos{
	height:42px;
	width:80%;
	padding-left:0px;
	padding-right:0px;
	margin:0 auto;
	margin-bottom:15px;
	float:none;
	font-family: 'Din-Medium', sans-serif;
	font-size:15px;
	line-height:40px;
	color:#000;
	text-align:center;
	
	border: solid #000 1px;
	border-radius:30px;
	cursor:pointer;
}

#proyectos-margen{
	display:none;
}


#proyecto-cont-redes{
	width:100%;
	text-align:center;
	float:left;
	margin:0 auto;
	margin-left:0%;
	margin-top:50px;
	margin-bottom:50px;
}



/* NOSOTROS */

#cont_btn_nosotros{
	float:right;
	width:45%;
	height:100px;
	text-align:center;	
}

#nosotros-iconos_txt{
	width:90%;
	font-family: 'Din-Regular', sans-serif;
	font-size:15px;
	line-height:18px;
	color:#000;
    text-align:center;
	margin:0 auto;
	margin-top:15px;
}


#nosotros_gris{
	width:100%;
	height:750px;
	background-color:#e3e8ea;
	float:left;
	margin-bottom:80px;
}

#nosotros-gris_titulo{
	width:80%;
	margin:0 auto;
	margin-top:80px;
	font-family: 'Din-Regular', sans-serif;
	font-size:42px;
	line-height:42px;
	color:#000;
    text-align:center;
}

#nosotros-gris_contmarcas{
	display:none;
}

#nosotros-gris_contmarcas_mobile{
	width:100%;
	margin:0 auto;
	margin-top:45px;
	display:block;
}

#cont_marcas_mobile{
	width:70%;
	margin:0 auto;
	margin-bottom:30px;
	text-align:center;
}

#cont_marcas_mobile2{
	width:40%;
	margin:0 auto;
	margin-bottom:30px;
	text-align:center;
}

#nosotros_marcas{
	height:65px;
	float:left;
}

#nosotros_marcas-margen{
	width:40px;
	height:65px;
	float:left;
}





/* CONTACTO */

#contacto{
	width:100%;
	height:750px;
	float:left;
	position:relative;
}


#contacto-fondo-gris{
	display:none;
}


#cont-contacto-gral{
	width:85%;
	height:750px;
	margin-left:0%;
	margin:0 auto;
	float:none;
}

#cont-contacto-col1{
	display:none;
}




#cont-contacto-col2{
	width:100%;
	height:750px;
	float:right;
}


#cont-contacto-titulo{
	width: 100%;
	font-family: 'Din-Bold', sans-serif;
	font-size: 29px;
	text-align:left;
	color: #000;
}


#contenedor_form{
	width:100%;
	height:400px;
	margin-top:25px;
}



/* FORM */

#contacto_form{
    width:85%;
    height:400px;
    float:left;
}

.despl {
    display:block;
    width:85%;
    height:400px;
    font-family: 'Din-Regular', sans-serif;
    font-size:20px;
}
form {
    width:100%;
    margin:0 auto;
    float:left;
}

input, textarea {
    width:98%;
	padding-left:2%;
    height:50px;
    border:none;
    margin-bottom:8px;
	background-color:#e3e8ea;
    font-family: 'Din-Regular', sans-serif;
    font-size:16px;
    text-align:left;
    color:#777776;
	float:left;
	border-radius:0px;
}

textarea {
    height:200px;
    margin-bottom:8px;
    padding-top:10px;
	float:left;
}


#submit {
    width:193px;
    height:50px;
    padding-top:0px;
	background-color:#00b9aa;
	text-align:center;
    font-size:16px;
    color:#f9f1b6;
    cursor:pointer;
	float:left;
}

/* fin FORM */

#widget–cto{
	width:160px;
	height:65px;
	position:fixed;
	right:-20px;
	bottom:100px;
	z-index: 100;
}





/* COOKIES */

#cookies-fondo{
	width:300px;
	height:300px;
	background-color:#00b9aa;
	position:fixed;
	bottom:-70px;
	left:calc(50% - 150px);
	z-index:10000;
	
	
	position:fixed;
	
	
}

#cookies-cont-gral{
	width:85%;
	height:200px;
	margin:0 auto;
	margin-top:40px;
}

#cookies-txt{
	width:100%;
	font-family: 'Din-Medium', sans-serif;
	font-size:17px;
	color:#FFF;
	float:none;
	text-align:center;
	padding-top:7px;
	
	
}

#cookies-cont-btn{
	width:220px;
	height:40px;
	float:none;
	margin:0 auto;
	margin-top:30px;
}


.cookies-btn{
	width:100px;
	height:30px;
	border-radius:20px;
	cursor:pointer;
	float:right;
	border: 1px solid #f6f0b7;
	padding-top:10px;
	
	font-family: 'Din-Bold', sans-serif;
	font-size:14px;
	color:#000;
	text-align:center;
}

.cookies-btn-margin{
	width:10px;
	height:40px;
	float:right;
}	


}