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


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

html, body {
   height:100%
}

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





/* FONTS */


@font-face {
    font-family: "Montserrat-light";
    src: url(fonts/Montserrat-Light.ttf) format('truetype'),
	url(fonts/Montserrat-Light.otf) format('opentype'),
	url(fonts/Montserrat-Light.svg) format('svg');
}

@font-face {
    font-family: "Montserrat-semibold";
    src:url(fonts/Montserrat-SemiBold.ttf) format('truetype'),
	url(fonts/Montserrat-SemiBold.otf) format('opentype'),
	url(fonts/Montserrat-SemiBold.svg) format('svg');
}


.texto_trabajos{
	font-family: "Montserrat-light", sans-serif;
	font-size:10px;
	text-align:left;
	color:#FFF;
}


/*************** BLOQUES ***************/




/* HOME */

.boxHeader{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  /*align-items: center;*/
  flex-direction: column;
  transition: .3s;
}
.headerFixed{
  height: 160px;
  background-color:#FFF;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  border-bottom: 1px solid #999;
}


#contenedor_top{
	width:1000px;
	height:160px;
	margin: 0 auto;
}

#botonera{
	width:385px;
	  position:absolute;
	  margin-top:60px;
    right: calc(50% - 500px);
 display: flex;
  justify-content: center;
  transition: .3s;
}

.headerFixed #cssmenu{
  padding-top: inherit;
}
.headerFixed #botonera{
  position: absolute;
  right: 40px;
  margin-top: 60px;
}

#logo{
	width:187px;
	height:53px;
	float:left;
	display:block;
  margin-top: 50px;
  transition: .3s;
}

.headerFixed #logo{
  width: 187px;
  height: inherit;
  float:left;
  position: inherit;
  display: block;
  margin-top: inherit;
  transition: .3s;
  display: flex;
  align-items: center;
  position: absolute;
  top: 0px;
  left: 40px;
}


#home_img{
	width:1000px;
	height:570px;
	margin: 0 auto;
	margin-bottom:100px;
	background-image:url(img/home.jpg);
}


/* nosotros */

#nosotros{
	width: 100%;
	/*padding-top:100px;*/
	padding-bottom:165px;
	margin:0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}



#nosotros_texto{
	width:750px;
	margin: 0 auto;	

	font-family: "Montserrat-light", sans-serif;
	font-size:15px;
	line-height:23px;
	text-align:justify;
	color:#404040;
}

#nosotros_items{
	width:750px;
	margin: 0 auto;
	padding-top:45px;
	padding-bottom:50px;

	font-family: "Montserrat-light", sans-serif;
	font-size:15px;
	line-height:23px;
	text-align:justify;
	color:#404040;
}

#cuadradito{
	width:25px;
	height:25px;
	float:left;
	background-color:#928f8b;
}


#banner_nosotros{
	width:750px;
	height:110px;
	background-image:url(img/banner_nosotros.png);
	margin: 0 auto;
	margin-bottom:60px;
}



/* trabajos */

#trabajos{
	width:100%;
	background-color:#928f8b;
	padding-bottom:145px;
	padding-top:105px;
}


#contenedor_trabajos{
	width:1000px;
	height:50px;
	margin: 0 auto;
	margin-bottom:90px;
}

#titulo_trabajos{
	width:420px;
	height:30px;
	float:left;
	padding-left:80px;
	padding-top:5px;
	margin-top:7px;
	
	font-family: "Montserrat-light", sans-serif;
	font-size:42px;
	line-height:23px;
	text-align:left;
	color:#FFF;
	
	text-align:left;
	background-image:url(img/para_titulos.png);
	background-repeat: no-repeat;
	background-position:left center;
	
}


#trabajos_texto{
	width:500px;
	float:left;
	margin-top:4px;

	font-family: "Montserrat-light", sans-serif;
	font-size:15px;
	line-height:20px;
	text-align:left;
	color:#FFF;
}


#galeria_bloque_gral{
	display:block;
	width:1000px;
	height:2000px;
	margin: 0 auto;
	margin-bottom:10px;
}

#galeria_bloque_gral-mobile{
	display:none;
}

#galeria_img-grande_1{
	width:496px;
	height:390px;
	float:left;
}

#galeria_img-chica_1{
	display:block;
	width:242px;
	height:190px;
	float:left;
	margin-left:10px;
	margin-bottom:10px;
}

#galeria_img-chica_1mobile{
	display:none;
}

#galeria_img-grande_2{
	width:496px;
	height:390px;
	float:right;
}

#galeria_img-chica_2{
	display:block;
	width:242px;
	height:190px;
	float:right;
	margin-right:10px;
	margin-bottom:10px;
}


#galeria_img-chica_2mobile{
	display:none;
}





/* CONTACTO */

#contacto{
	width: 100%;
	height:550px;
	margin:0;
	padding-top:105px;
	float:left;
	text-align:center;
	background-color:#DBDBDA;
}


#titulo_contacto{
	width:420px;
	height:30px;
	float:left;
	padding-left:80px;
	padding-top:5px;
	margin-top:7px;
	
	font-family: "Montserrat-light", sans-serif;
	font-size:42px;
	line-height:23px;
	text-align:left;
	color:#404040;
	
	text-align:left;
	background-image:url(img/para_titulos.png);
	background-repeat: no-repeat;
	background-position:left center;
	
}


#contacto_texto{
	width:350px;
	float:left;
	margin-top:4px;

	font-family: "Montserrat-light", sans-serif;
	font-size:15px;
	line-height:20px;
	text-align:left;
	color:#404040;
}



#contenedor_form{
	width:1000px;
	height:300px;
	margin: 0 auto;
	margin-top:0px;
	display:block;
}

#contenedor_form_mobile{
	display:none;
}

/* FORM */

#contacto_form{
    width:430px;
    height:450px;
    float:left;
}

.despl {
    display:block;
    width:215px;
    height:30px;
    font-family: "Montserrat-light", sans-serif;
    font-size:18px;
}
form {
    width:100%;
    margin:0 auto;
    float:left;
}

input, textarea {
    width:496px;
    height:50px;
    border:none;
    margin-bottom:8px;
	background-color:#FFF;
    font-family: "Montserrat-light", sans-serif;
    font-size:14px;
    text-align:left;
    color:#656565;
	float:left;
}

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


#submit {
    width:496px;
    height:50px;
    padding-top:2px;
	background-color:#CC8131;
    font-family: "Montserrat-light", sans-serif;
	text-align:left;
    font-size:15px;
    color:#FFF;
    cursor:pointer;
	float:right;
}

/* fin FORM */


#contacto_email{
	width:100%;
	margin-top:4px;

	font-family: "Montserrat-light", sans-serif;
	font-size:15px;
	line-height:20px;
	text-align:center;
	color:#404040;
}




/* MARCAS */


#blanco{
width:100%;
height:272px;
float:left;
}	

#pie_marcas{
width:1000px;
height:112px;
margin:0 auto;
margin-top:80px;	
}

#marcas_grupo-vieites{
width:425px;
height:112px;
float:left;
background-image:url(img/logo_grupo-vieites.png);
margin-right:100px;
}

#marcas_vieites{
width:109px;
height:112px;
float:left;
background-image:url(img/logo_vieites.png);
margin-right:53px;
}

#marcas_portcassa{
width:155px;
height:112px;
float:left;
background-image:url(img/logo_portcassa.png);
}

#marcas_ufficio{
width:102px;
height:112px;
float:right;
background-image:url(img/logo_ufficio.png);
}


/* PIE */

#base_gris{
	width:100%;
	height:120px;
	background-color:#404040;
	float:left;
}

#pie_info{
	width:730px;
	height:20px;
	margin:0 auto;
	margin-top:35px;	
	
	font-family: "Montserrat-light", sans-serif;
    font-size:14px;
	text-align:center;
	color:#FFF;
}

#pie_copy{
	width:270px;
	height:19px;
	margin:0 auto;
	margin-top:10px;
}

#pie_copy1{
	width:200px;
	height:19px;
	float:left;
	margin-top:3px;
	
	font-family: "Montserrat-light", sans-serif;
    font-size:14px;
	text-align:center;
	color:#FFF;
}

#pie_copy2{
	width:63px;
	height:19px;
	float:right;
}



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


/*************** BLOQUES ***************/


header {
	display:none;
}
.headerFixed #logo{
  display: none;
}
.headerFixed{
  background: transparent;
   border-bottom: 0px;
}

.headerFixed #cssmenu{
  padding-top: 13px;
   border-bottom: 1px solid #999;
}

.headerFixed #botonera{
  margin-top:0;
 
}


/* HOME */


#contenedor_top{
	width:100%;
	height:60px;
	margin: 0 auto;
}

#botonera{
	  margin-top:0px;
}

#logo{

	display:none;
}


#home_img{
	width:340px;
	height:495px;
	margin: 0 auto;
	margin-bottom:50px;

	background-image:url(img/home2.jpg);
}



/* nosotros */

#nosotros{
	width: 100%;
	padding-top:20px;
	padding-bottom:80px;
	margin:0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}



#nosotros_texto{
	width:85%;
	margin: 0 auto;

	font-family: "Montserrat-light", sans-serif;
	font-size:15px;
	line-height:23px;
	text-align:justify;
	color:#404040;
}

#nosotros_items{
	width:85%;
	margin: 0 auto;
	padding-top:45px;
	padding-bottom:50px;

	font-family: "Montserrat-light", sans-serif;
	font-size:12px;
	line-height:20px;
	text-align:left;
	color:#404040;
}

#cuadradito{
	width:20px;
	height:20px;
	float:left;
	background-color:#928f8b;
}

#banner_nosotros{
	width:340px;
	height:190px;
	background-image:url(img/banner_nosotros2.png);
	margin: 0 auto;
	margin-bottom:60px;
}



/* trabajos */

#trabajos{
	width:100%;
	height:3000px;
	background-color:#928f8b;
	padding-bottom:145px;
	padding-top:95px;
}

#contenedor_trabajos{
	width:85%;
	height:200px;
	margin: 0 auto;
	margin-bottom:80px;
}

#titulo_trabajos{
	width:100%;
	height:30px;
	float:left;
	padding-left:80px;
	padding-top:5px;
	margin-top:7px;
	margin-bottom:80px;
	
	font-family: "Montserrat-light", sans-serif;
	font-size:42px;
	line-height:23px;
	text-align:left;
	color:#FFF;
	
	text-align:left;
	background-image:url(img/para_titulos.png);
	background-repeat: no-repeat;
	background-position:left center;
	
}


#trabajos_texto{
	width:100%;
	float:left;
	margin-top:4px;

	font-family: "Montserrat-light", sans-serif;
	font-size:15px;
	line-height:20px;
	text-align:justify;
	color:#FFF;
}




#galeria_bloque_gral{
	display:none;	
}

#galeria_bloque_gral-mobile{
	display:block;	
	width:85%;
	margin: 0 auto;
	margin-bottom:10px;
}

#galeria_img-grande_1{
	width:100%;
	height:267px;
	float:left;
	margin-bottom:2%;
}

#galeria_img-chica_1{
	display:none;
}

#galeria_img-chica_1mobile{
	display:block;
	width:49%;
	height:131px;
	float:left;
	margin-right:2%;
	margin-bottom:2%;
}

#galeria_img-chica_2mobile{
	display:block;
	width:49%;
	height:131px;
	float:left;
	margin-left:0px;
	margin-bottom:2%;
}


#galeria_img-chica_2{
	display:none;
}


#galeria_img-grande_2{
	width:100%;
	height:267px;
	float:left;
	margin-bottom:2%;
}




/* CONTACTO */

#contacto{
	width: 100%;
	height: 920px;
	margin:0;
	float:left;
	background-color:#DBDBDA;
}


#titulo_contacto{
	width:100%;
	height:30px;
	float:left;
	padding-left:80px;
	padding-top:5px;
	margin-top:7px;
	margin-bottom:80px;
	
	font-family: "Montserrat-light", sans-serif;
	font-size:42px;
	line-height:23px;
	text-align:left;
	color:#404040;
	
	text-align:left;
	background-image:url(img/para_titulos.png);
	background-repeat: no-repeat;
	background-position:left center;
	
}


#contacto_texto{
	width:100%;
	float:left;
	margin-top:4px;

	font-family: "Montserrat-light", sans-serif;
	font-size:15px;
	line-height:20px;
	text-align:justify;
	color:#404040;
}



#contenedor_form{
	display:none;
}

#contenedor_form_mobile{
	width:85%;
	height:550px;
	margin: 0 auto;
	margin-top:40px;
	display:block;
}


/* FORM */

#contacto_form{
    width:430px;
    height:450px;
    float:left;
}

.despl {
    display:block;
    width:215px;
    height:30px;
    font-family: "Montserrat-light", sans-serif;
    font-size:18px;
}
form {
    width:100%;
    margin:0 auto;
    float:left;
}

input, textarea {
    width:100%;
    height:65px;
    border:none;
    margin-bottom:8px;
    padding:0;
    
    font-family: "Montserrat-light", sans-serif;
    font-size:15px;
    text-align:left;
    color:#808080;
	float:left;
	border:0px solid;
    border-radius: 0px;
}

textarea {
    height:128px;
    margin-bottom:8px;
	padding-top:10px;
	float:left;
	border:0px solid;
    border-radius: 0px;
}


#submit {
    width:100%;
    height:55px;
    padding-top:2px;
	background-image:url(img/submit.png);
    font-family: "Montserrat-light", sans-serif;
	text-align:center;
    font-size:15px;
    color:#FFF;
    cursor:pointer;
	float:left;
	border:0px solid;
  	border-radius: 0px;
}

/* fin FORM */

#contacto_email{
	width:100%;
	margin-top:4px;

	font-family: "Montserrat-light", sans-serif;
	font-size:14px;
	line-height:20px;
	text-align:center;
	color:#404040;
}


/* MARCAS */

#blanco{
width:100%;
height:590px;
float:left;
}	

#pie_marcas{
width:232px;
height:483px;
margin:0 auto;
margin-top:45px;	
}

#marcas_grupo-vieites{
width:235px;
height:195px;
float:none;
background-image:url(img/logo_grupo-vieites-mobile.svg);
margin-right:0px;
margin-bottom:55px;
}

#marcas_vieites{
width:235px;
height:52px;
float:none;
background-image:url(img/logo_vieites-mobile.svg);
margin-right:0px;
margin-bottom:40px;
}

#marcas_portcassa{
width:235px;
height:50px;
float:none;
background-image:url(img/logo_portcassa-mobile.svg);
margin-bottom:40px;
}

#marcas_ufficio{
width:235px;
height:47px;
float:none;
background-image:url(img/logo_ufficio-mobile.svg);
}


/* PIE */


#base_gris{
	width:100%;
	height:220px;
	background-color:#404040;
	float:left;
}


#pie_info{
	width:85%;
	height:70px;
	margin:0 auto;
	margin-top:40px;	
	
	font-family: "Montserrat-light", sans-serif;
    font-size:15px;
	line-height:20px;
	text-align:center;
	color:#FFF;
}


#pie_copy{
	width:295px;
	height:22px;
	margin:0 auto;
	margin-top:30px;
}

#pie_copy1{
	width:220px;
	height:22px;
	float:left;
	margin-top:3px;
	
	font-family: "Montserrat-light", sans-serif;
    font-size:15px;
	text-align:center;
	color:#FFF;
}

#pie_copy2{
	width:75px;
	height:22px;
	float:right;
}

}