html{margin:0; padding:0; overflow-x:hidden}
body{ margin:0; padding:0;font-family: 'Source Sans Pro', sans-serif;
	background:#fff; font-weight:400;
	font-size:14px; color:#333;}

img { width:100%}
img, a{ border:0;}	
a{  text-decoration:none;color:#333}
a:hover{ color:#90b646; text-decoration:none;}


.clear{ clear:both; height:1px} 

.ir-arriba {
	display:none;
	padding:15px;
	background:#111;
	font-size:20px;
	color:#fff;
	cursor:pointer;
	position: fixed;
	bottom:20px;
	right:20px;
}
   @media ( max-width:480px){
.ir-arriba {
	display:none;
	padding:15px;
	background:#111;
	font-size:20px;
	color:#fff;
	cursor:pointer;
	position: fixed;
	bottom:100px;
	right: 0px; opacity:0.8
}   
   
}
/*****************************************/
/****************header*************/
/*****************************************/
#header{ width:100%; height:160px;margin:0; padding:0;  background:#fff}


.row{ max-width:1600px; margin:0 auto;} 

.phone { text-align:right; font-size:1.2em;margin:0; padding:3px 0 3px 0 ; padding-right:5%;color:#fff; background:#008532}
.phone span{ letter-spacing:1px ; font-size:0.9em; opacity:0.7; padding-right:10px;}
.phone a{  color:#fff}

a.logo{ float:left; width:20%;  text-align:left; padding-top:0px;   }
a.logo img{ width:100%; max-width:100px;   }

/** menu horizontal*****/

  nav [type="checkbox"],  nav label {
	  display: none;
}

 nav{ float:right; width:70%; margin-top:50px;  }
 nav ul{ list-style:none;  margin:0; padding:0;}
 nav ul li{ float:left;  text-align:center; padding:10px 30px 10px 40px; margin:0; }
 nav ul li a{  color:#333; ;text-transform:uppercase; letter-spacing:1px; font-size:1.1em; }
 nav ul li.select , nav ul li a:hover{ color:#008532;font-weight:800 } 
 

 
  


@media  (max-width: 1024px) { 
 nav{  margin-top:50px;  }
 nav ul li{   padding:10px 20px 10px 20px; margin:0; }
  
}

@media  (max-width: 967px) { 
/*****************************************/
body{ 	background:#fff;}
.header{ background:#008532; width:100%; margin:0 auto; padding:0; height:100%;  ;}
.header p.phone{ float:right; margin:0; padding:0; text-align:right; padding-right:20px; letter-spacing:1px; color:#222; text-transform:uppercase; }


.header a.logo{ float:left; width:40%; padding-left:4% ; padding-top:10px;  }
.header a.logo img{ width:100%; max-width:136px;   }


 	nav ul {
		  display: none;
	}
	label#nav {
  		display: block;
  		background:  none;
		  width: 140px;
		  padding:16px 30px 6px 10px ;
  		height: 40px;
		margin:0; text-align:center;
		color:#111;
  		cursor: pointer;
		border:1px solid#111;
		
		  position: absolute;
		  right:40px;
  		top:70px;
	} 
 label#nav:after{
  content:'';
  display: block;
  width: 25px;
  height: 1px; 
  background: #111;
  margin:  6px;
  box-shadow: 0px 8px 0px #111, 0px 16px 0px #111
}
label#nav:hover { background:#47a749}
label#nav span{ float:left;display:inline; font-weight:300; letter-spacing:2px; font-size:1.6em; padding: 0px 0 0 50px;}

 
 
  #header.fixed p.phone{ display:none;}
 #header.fixed label#nav { 
		color:#111; border:0;
		  right:40px;
  		top:10px;
	} 
 




	[type="checkbox"]:checked ~ ul { width:100;
  		display: block;
  		z-index: 999999999;
  		position: absolute;
  		background: #47a749;
	}
 
nav ul { border-radius:0; 
  		z-index: 999999999; right:0; width:100%; top: 57px; margin:0; padding:0; background:#111;
  		position: absolute;  top:130px; ;}

#header.fixed	nav ul {   top:70px; ;}

 nav  ul  li   { 	padding: 20px  0 20px 0; border-bottom:1px solid #222; color:#fff; }
 nav  ul  li  a {   color:#fff; }

 nav ul   li.select{ background:#47a749;  }
 
 nav ul   li.select a{  font-weight:800}
	 
	nav ul li,  #menu ul li{
		  display: block;
  		float: none;
  		width: 100%;  
		  text-indent:  0px;
	}
  

  
}
 
 @media ( max-width: 420px){  
p.phone { font-size:0.9em; padding-right: 0px;}
 

p.phone span { display:none} 
 

a.logo{ float:left; width:35%; padding-left:0 ; position:absolute; text-align:center; top:45px; left:10px; }
a.logo img{ width:100%; max-width:130px;   }

	label#nav { 
		  width:95px;
		  padding: 11px ;
  		height: 25px;
		margin:0; text-align:center;
		color:#111;
  		cursor: pointer;
		border:1px solid#111;
		
		  position: absolute;
		  right:10px;
  		top:80px;
	} 
 
 label#nav:after{ 
  margin:  3px; 
}
 

label#nav span{  letter-spacing:0px; font-size:1em; line-height:1.3em; padding:0; padding-left:35px  }


}



/****************************************************************/
/**************** CABECERA / MENU LATERAL DE SERVICIOS**********/
/**********************************************************/
#cabecera{ width:100%;  margin:0;  padding:0;   }
#cabecera   [type="checkbox"] , #cabecera label   {
	  display: none;
}
.menu{ width:20%; float:left; background:#111;}


.banner{ width:80%; float:left; background:url(../images/slider.png); background-size:cover;    min-height:650px;  }
.banner img{  position:relative ; width:100%; }
.banner .caption{ position:absolute; top:45%;  padding:30px;   right:10%; background:#111; color:#fff; opacity:0.8; text-align:center;}
.banner .caption h2{   color:#fff; ;}
/*banner resto de seccions*/
.seccion .banner{ width:80%; float:left; background:url(../images/banner1.jpg);   ; background-size:cover; min-height:402px;   }
.seccion .banner .caption{ position:absolute; top:59%; width:85%;  padding:60px;   right:1%; background: none; color:#111; opacity:1; text-align:center;}
.seccion .banner .caption h2{   color:#111; font-size:3em; ;}
.seccion .banner .caption h3{   color:#111; font-size:1.4em; ;}

.seccion .quienes{   background:url(../images/bg.jpg);   background-size:cover;    }
.seccion .servicios{ background:url(../images/bg2.jpg);   background-size:cover;    }
.seccion .trabajos{ background:url(../images/bg3.jpg);   background-size:cover;    }
.seccion .contactar{ background:url(../images/bg4.jpg);   background-size:cover;    }
.seccion .instalaciones{ background:url(../images/bg-instalaciones.jpg) bottom center;   background-size:cover;    }
.seccion .ferias{ background:url(../images/bg-ferias.jpg);   background-size:cover;    }
.seccion .stands{ background:url(../images/bg-stands.jpg);   background-size:cover;    }
.seccion .mobiliario{ background:url(../images/bg-mobiliario.jpg);   background-size:cover;    }
.seccion .exposiciones{ background:url(../images/bg-exposiciones.jpg);   background-size:cover;    }
.seccion .soporte{ background:url(../images/bg-soportes.jpg ) bottom center;   background-size:cover;    }
.seccion .rotulacion{ background:url(../images/bg-rotulacion.jpg) center center;   background-size:cover;    }
.seccion .regalo{ background:url(../images/bg-regalo.jpg);   background-size:cover;    }


/*menu lateral*/
.menu ul{ margin:0; padding:  0;}
.menu ul li { margin:0; border-bottom:1px solid #222; list-style:none; text-align:center;}
.menu ul li a{ color:#fff; font-size:1.2em; text-transform:uppercase; letter-spacing:1px; display:block;padding:20px; }
.seccion .menu ul li a{ font-size:1.1em; padding:17px 20px 17px 20px; }

.menu ul li a:hover, .menu ul li a.active{ border-right:30px solid #008532}
.menu ul li.dossier  a{ text-align:left; background:#47a749 url(../images/dossier-icon.png) no-repeat right center;;color:#fff; font-size:1.2em; background-size:25%; text-transform:uppercase; padding-top:29px; padding-bottom:29px; letter-spacing:1px; }
.menu ul li.catalogo a { text-align:left;background:#008532 url(../images/mobiliario-icon.png) no-repeat right center; padding-right:20px; background-size:90px; font-size:1.2em; text-transform:uppercase;padding-top:25px; padding-bottom:25px; letter-spacing:1px; }
.menu ul li img  { width:100%}

.menu ul li.covid  a{ text-align:left; background: #004095 url(../images/covid.png) no-repeat right center;;color:#fff; font-size:1.2em; background-size:20%; text-transform:uppercase; padding-top:25px; padding-bottom:25px; padding-right:10px; letter-spacing:1px; }



@media  (max-width: 1400px) { 
.menu{ width:26%;  }
.banner{ width:73%;    }
.banner .caption{  top:35%;   }

.seccion .banner{ width:73%;    }

.seccion .banner .caption{ max-width:80%; top:75%; left:16%; right:20%   }
}

@media  (max-width: 1024px) { 
.menu{ width:27%;  }
.menu ul li a{ color:#fff; font-size:1.1em; padding-left:10px; padding-right:10px;; }

.banner{ width:73%;    }
.banner .caption{  top:35%;    padding:10px;   right:3%; }
.menu ul li.dossier  a{  padding-top:30px; padding-bottom:30px;   }
.menu ul li a span  { width:70%; display:block; }

}
@media  (max-width: 768px) { 
.banner{ width:100%;   min-height:480px;    }
.banner .caption{  top:45%;    padding:10px;   right:7%; }
.banner .caption h2{ font-size:1.7em; }
.menu{ width:100%;  }

 	.menu ul {
		  display: none;
	}
.menu	label#sbar {
  		display: block;
  		background:  none;
		  width: 100%;
		  padding:16px 30px 6px 10px ;
  		height: 40px;
		margin:0; text-align:center;
		color:#fff;
  		cursor: pointer; 
		  position: relative;
	} 
.menu label#sbar span{ text-transform:uppercase;  ;display:inline; font-weight:300; letter-spacing:2px; font-size:1.3em;  ;}
.menu label#sbar span i{ padding-left:6px;}

	[type="checkbox"]:checked ~ ul { width:100;
  		display: block;
  		z-index: 999999999;
  		position: absolute;
  		background: #111;
	}
 
.menu ul { border-radius:0; 
  		z-index: 999999999; position:relative;  width:100%; top: 227px; margin:0; padding:0; background:#111;
  	 ;}
 


.seccion .banner{ width:100%; min-height:382px; background-position:0 -110px ; background-repeat:no-repeat}

 .seccion .banner .caption{ position:absolute; top: 52%;  width:100%;  padding: 0px;  text-align:center;}
.seccion .banner .caption h2{   color:#111; font-size:3em; ;}
.seccion .banner .caption h3{   color:#111; font-size:1.4em; ;}

 
}
@media  (max-width: 420px) { 


.banner{    min-height:250px;  background:url(../images/banner1.jpg) no-repeat; background-size:160%;  
 }
 
.banner img{  position:relative ; width:100%; }

.banner .caption{ width:90%; right:1%; left:3%; top:50%;  padding:10px;   ;}
.banner .caption h2{ font-size:1.2em; ;}
.banner .caption p{ margin:0; padding:0; font-size:1em; ;}


.seccion .banner{ width:100%; min-height:282px; background-position:0 -110px ; background-repeat:no-repeat}

 .seccion .banner .caption{ width:100%;  max-width:100%; right:auto; left:auto;   text-align:center;}
.seccion .banner .caption h2{   color:#111; font-size:2.4em; padding-top:20px  ;}
.seccion .banner .caption h3{   color:#111; font-size:1.4em; ;}



.menu label#sbar span{   font-size:1em;  ;}



}




/*****************************************/
/****************WRAPPER*************/
/*****************************************/
#wrapper{ width:100% ; margin:0 auto ; background:#fff; padding:60px 0 60px 0;  }



  



/*********** cuerpo  *********************/
   
H1{color:#111;; text-align:center; padding: 20PX 0 20PX 0; margin:0; font-size:2.5em;  text-transform:uppercase; font-weight:800; letter-spacing:1px}
h2{color:#111; text-align:center; padding: 0; margin:0; font-size:2.5em; text-transform:uppercase;   letter-spacing:1px; font-weight:700}
H3{ text-align:center; padding: 0PX 0  20PX 0; font-size:2.4em; color:#111;letter-spacing:1px;  text-transform:uppercase; font-weight:600}
h4{ color:#008532;font-size:1.6em; letter-spacing:2px; margin:0; padding:  6px; text-align:center; font-weight:800;    text-transform:uppercase;   }
h5{ color:#008532;font-size:1.2em;  padding:  0; padding-bottom:20px; text-align:center; font-weight:700;text-transform:uppercase; letter-spacing:1px;   line-height:1.4em;   }
 

p{ margin:0; padding:10px; text-align: justify;  font-size:1.3em; line-height:1.6em; font-weight:400}
p.center{ text-align:center; font-size:1.3em;}
p.telefono{ text-align:center; font-size:2.3em;}

a strong { color:#008532; }
.col-2{ float:left; width:50%}
.col-3{ float:left; width:33.3%}
.col-3 p{ padding:0 20px 0 20px}

.col-4{ float:left; width:25%}
 a.boton{ display:block; max-width:320px;padding:20px; background:#111; color:#fff; font-weight:300; font-size:1em; letter-spacing:1px; text-align:center; text-transform:uppercase;  margin:40px auto;}
a.boton:hover{ background:#111; color:#fff;}
 a.verde{  max-width:420px;padding:20px; background:#008532;   font-size:1.1em; letter-spacing:1px; text-align:center; text-transform:uppercase;  margin:40px auto;}

 a.verde2{  max-width:420px;padding:20px; background:#47a749;   font-size:1.1em; letter-spacing:1px; text-align:center; text-transform:uppercase;  margin:40px auto;}

 iframe.mapa{ width:100%; padding:50px 0 50px 0; min-height:450px;}
  
.parallax a.boton{ border:1px solid #fff; color:#fff;  }
.parallax h1, .parallax h2, .parallax h3, .parallax h4,.parallax h5,.parallax p,.parallax a {color:#fff;  }


@media  (max-width: 768px) { 
.col-2{ float: none; display:block; margin:0 auto; width:96%}
.col-4{ float:left; width:50%}
}


@media  (max-width: 420px) { 
H1{ font-size:1.8em;   }
p{  font-size:1.1em; line-height:1.6em; font-weight:400}
.col-4{ float:left; width:100%}
.col-3{ float:left; width:100%}

.col-3 a.verde2{    margin: 0px auto;}

}




/**contenidos*/

/*pagina de inicio*/
.index {  margin-top:50px; padding-bottom:50px}
.index h3{ padding:0; margin:0; font-size:2.4em; letter-spacing:2px;color:#008532; font-weight:800; } 
.index img{ margin:0 auto; display:block; width:95%; padding-bottom:20px }


@media  (max-width: 768px) {
.index h3{  font-size:2em; } 
}





/*pagina de servicios*/
.servicio { padding-top:40px; padding-bottom:30px; position: relative}
.servicio img {  width:90%; margin:0 auto ; display:block;position: relative}
.servicio:hover { opacity:0.5; }
.servicio h4 { top:30%; left:15%; text-align:center; font-size:2.3em;  right:15%;position: absolute}
 .servicio h4 a{  color:#FFFFFF;  }  
.servicio a.boton { margin-top:20px; max-width:80%;}

/*catalogos regalo publicitario*/
a.catalogo { float:left; width:33.3%; margin-bottom:20px}
 a.catalogo img{ width:70%; margin:0 auto; display:block; border:1px solid #333;}

@media  (max-width: 420px) { 
.servicio { padding-top:10px; padding-bottom:30px; position: relative}


}

/*catalogos de mobiliario*
.mobiliario{ float:left; width:45%; margin:10px; margin-top:7px; margin-left:20px; padding:3px; text-align:center; border-radius:8px; }
 .mobiliario a{ color:#90b646; text-align:center; font-size:16px; font-weight:bold; margin:0px; padding:5px;}
 .mobiliario a.span{ color:#777; text-align:center; font-size:11px; font-style:oblique; font-weight:normal; comargin:0px; padding:5px;}

/******GALERIA en servicios*****************/
.gallery{ width:100%; padding:50px 0 50px 0;  }
  
 .gallery img{ float:left; width:19.5%;  margin:1px;}

.padding{ padding:30px;}

 .muebles img{ float:left; width:11.5%;  margin:1px 6px;}
@media  (max-width: 420px) { 
.gallery{ width:100%; padding:20px 0 20px 0;  }
 .gallery img{ float:left; width:32.5%;  margin:1px;}


}

/******GALERIA en  pagina TRABAJOS*****************/
   summary::-webkit-details-marker {
    display: none;
}
 
summary{ cursor:pointer; margin:0 auto; text-align:center; display:table; width:auto; background:#222; max-width:60%;   padding:15px 30px 15px 30px; color:#fff; font-weight:500;  font-size:1.3em; text-transform:uppercase; letter-spacing:2px; margin-top:30px 
}
summary strong{ font-size:1.3em}

summary:hover{ background:#008532; border-color:#008532 }

  summary::-webkit-details-marker {
    display: none;
}



 

/***********FOOTER************/
#footer{ margin:0; padding:0;padding:60px 0 40px 0;
	width:100%; background:#222; text-align:center; 
 
		}
#footer   h5{ text-align:center; color:#fff; font-weight:300; letter-spacing:3px; text-transform:uppercase; font-size:1.4em; margin:0; padding:0;}
#footer   h5 strong{  color:#008532; }

#footer   p{ text-align:center; color:#ddd; margin:20px; padding:0;}
 #footer   a{  color:#aaa; ;}

 
 #footer   a.by{ float:right; color:#008532}

 
 
 
 @media  (max-width: 420px) { 
 
 #footer{ padding:10px 0 0 0; font-size:0.9em;
 		}
 
 }



/* CONTACT Form style */



/* Form style */
 


/* Form style */
 


/* Form style */
 

fieldset { border:0 ; padding-bottom:30px; }

label {
	line-height:1.5em; text-align:left; font-size:1.4em;
	display: inline-block;
	font-weight:300; 
	width: 100%; 
} 
input.polit{ 
	margin:10px 0; 
	padding:0; 
	float:left;
	position:relative; 
	width:20px;
}

input, textarea, select { 
	width: 100%; 
	margin: 0;  
	padding: 7px;  
	color: #111; background:#fff; 
	border:1px solid#ddd;
	margin:0px 0 10px 0;  
}   
 
label.verif { margin-top:10px;text-align:left;
	width:auto; float:left
}
label.legal { text-align:left;
	width:auto; float:left
}
.captcha  { float:left; display:inline; font-size:1.3em; max-width:100px; margin:5px 10px;} 

 input.captcha{ width:25%;; float:left;}
 
 .verif { display:none}
 #aviso{ float:left; width:20px; height:20px; margin-top:10px; margin-left:12px;}

input.submit { 
     font-family: 'Raleway', sans-serif; cursor: pointer; max-width:200px; font-size:1.6em; letter-spacing:2px; text-transform:uppercase; padding:10px; margin:30px auto; display:block; border: 1px solid #fff; background:#111; color:#fff; }
input.submit:hover { background:#c79637; }

/* Style for the error message */

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../imagenes/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 10px 0; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; }

.success_page  { display: block; height: 45px; line-height: 25px; background: #FBE3E4 url('../imagenes/success.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 10px 0; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; }

#contactform{ margin:170px auto; width:600px; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
#contactform h2{ font-family:Arial, Helvetica, sans-serif; font-size:34px; color:#ff9103;}
#contactform p{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666;}
#contactform p span{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#ff9103;}