/* portadaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa*/


#pintado-portada{ width: 100%;
	              background:url(../img/servicios/fondo-servicio.jpg);
	              position: relative;
	              background-size: cover;}


.pintado-portada-titulo{ width: 100%;
				         height: 600px;
				         position: relative; }



/* pintado */
.pintado-portada-titulo-centro{ width: 100%;
								position: absolute;
							    top: 50%;
							    left: 50%;
							    transform:translateX(-50%) 
							    translateY(-50%);
							    text-align: center}

.pintado-portada-titulo-centro h1{  font-family: "montserrat";
									font-size: 100px;
									color: #fff;
									margin: 0;
									line-height: 100px }

.pintado-portada-titulo-centro h2{  font-family: "Montserrat";
									font-size: 30px;
									color: #fff;
									margin: 0 ;
									font-weight: 700}









/*iconosssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss*/

#pintado-iconos{ width: 100%;
				 margin: 40px 0px 0px 0px;
				 padding: 0px 20px 0px 20px}

.pintado-iconos{ width: 100%;
				 display: grid;
				 grid-template-columns: repeat(4,1fr);}

.pintado-iconos a{ text-decoration: none}				 

.pintado-iconos-caja{ text-align: center;
					  cursor: pointer;
					  border-right: 1px solid#ccc;}

.pintado-iconos-caja:nth-child(4){border-right: 0px solid#efefef;}					  

.pintado-iconos-caja img{ width: 100%;
						  max-width: 80px;
						  transition: 0.3s}

.pintado-iconos-caja:hover img{ filter: grayscale(1); }						  

.pintado-iconos-caja h1{ font-family: Montserrat;
						 font-size: 14px;
						 color: #222;
						 margin: 0}





/* pintadooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo infoooooooooooooooooooo */
#pintado{ width: 100%;
		  margin: 70px 0px 0px 0px;
		  padding: 0px 20px 0px 20px;
		  background-color: #efefef}

/* textoooooooooooooooooooooooooooooooooooooooo */
.pintado-texto{ width: 45%;
				float: left;
				position: relative;
			    height: 400px;}

.pintado-texto-centro{ width: 100%;
					   position: absolute;
					   top: 50%;
					   left: 0;
					   transform: translateY(-50%); }			    

.pintado-texto h1{ font-family: ebrima;
				   font-size: 60px;
				   color: #ff0000;
				   margin: 0;
				   line-height: 50px}

.pintado-texto h2{ font-family: ebrima;
				   font-size: 22px;
				   color: #222;
				   margin: 0 }

.pintado-texto p{ font-family:Montserrat;
				   font-size: 14px;
				   color: #333;
				   margin: 5px 0px 0px 0px;
				   text-align: justify; }


/* imagennnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn */
.pintado-img{ width: 55%;
		      float: left;
		      height: 400px;
		      position: relative;}

.pintado-img img{ width: 100%;
	              max-width: 500px;
				  position: absolute;
				  bottom: 0;
				  left: 50%;
				  transform: translateX(-50%); }













/* pinturasssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss */

#pintado-pinturas{ width: 100%;
				   padding: 0px 0px 0px 0px}

/*fondoooooooooooooooooooooooooooooo*/
.pintado-pinturas-fondo{ width: 100%;
						 background: #7D8793;
						 height: 200px;
						 position: relative;}

.pintado-pinturas-fondo-vector{ width: 100%;
								height: 60px;
								background: url(../img/servicios/pintado/vector.png);
								background-size: cover;
								background-position: center center
								background-repeat:no-repeat;
							    position: absolute;
							    top: -40px;}

.pintado-pinturas-fondo h1{ width: 300px;
							text-align: center;
							font-family: Montserrat;
						    font-size: 25px;
						    color: #fff;
						    position: absolute;
						    top: 35%;
						    left: 50%;
						    transform: translateX(-50%)
						    translateY(-35%);
						    z-index: 1;
						     }




/*pinturassssssssssssssssssssssssssss*/

.pintado-pinturas{ width: 100%;
                   padding: 0px 20px 0px 20px}

/*GRIDDDDDDDD*/
.pintado-pinturas-gridd{ width: 100%;
						 display: grid;
						 grid-gap: 10px;
						 grid-template-columns: repeat(5,1fr);
						 margin-top: -80px;
						 position: relative;
						 z-index: 1}

/*cajaaaaaaaa*/
.pintado-pinturas-gridd-caja{ text-align: center; }

.pintado-pinturas-gridd-caja img{ width: 100%;
								  max-width:150px }

.pintado-pinturas-gridd-caja h1{ font-family: Montserrat;
							     font-size: 16px;
							     color: #222;
							     margin: 0}

.pintado-pinturas-gridd-caja h2{ font-family: Montserrat;
							     font-size: 14px;
							     color: #222;
							     margin: 0}











/*polvoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/

#pintura-polvo{ width: 100%;
				margin: 100px 0px 0px 0px;
			    padding: 0px 20px 0px 20px}


/*tituloooooooooooooooooooooooooooooooooooooooooooooo*/
.pintura-polvo-titulo{ width: 100%;
                       padding: 0px 0px 0px 100px}

.pintura-polvo-titulo h1{ font-family: Montserrat;
						  position: relative;
                          font-size: 45px;
						  color: #5D6975;
						  margin: 0;
						  line-height: 40px;}

.pintura-polvo-titulo h2{ font-family: Montserrat;
						  font-size: 20px;
						  color: #fff;
						  margin: 0;
						  padding: 10px;
						  display: inline-block;
						  background-color: #5D6975;
						  border-radius: 10px}

.pintura-polvo-titulo img{ position: absolute;
						   width: 100%;
						   max-width: 90px;
						   bottom: -50px;
						   left: -90px
						    }

/*infooooooooooooooooooooooooooooooooooooooooooooooo*/
.pintura-polvo{ width: 100% }

/*parrafoooooooooooooooooooo*/
.pintura-polvo-parrafo{ width: 50%;
						float: left; }

.pintura-polvo-parrafo p{ font-family: Montserrat;
					      font-size: 13.5px;
					      color: #222;
					      margin: 15px 0px 0px 0px;
					      line-height: 18px;
					      text-align: justify; }						

/*parrafoooooooooooooooooooo*/
.pintura-polvo-img{ width: 50%;
				    float: left;
				    text-align: center;}

.pintura-polvo-img img{ width: 100%;
						max-width: 500px }







/*beneficiosssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss*/

#pintura-beneficios{ width: 100%;
					 margin: 0px 0px 100px 0px;
					 padding: 0px 20px 0px 20px}

/*gridddddddddddddd*/
.pintura-beneficios{ width: 100%;
					 display: grid;
					 grid-gap: 30px;
					 grid-template-columns: repeat(3,1fr);}

.pintura-beneficios-caja{ text-align: center}

.pintura-beneficios-caja img{ width: 100%;
							  max-width: 80px }

.pintura-beneficios-caja h1{ font-family: Montserrat;
							 font-size: 17px;
							 color: #111;
							 margin: 0px 0px 5px 0px }

.pintura-beneficios-caja p{ font-family: Montserrat;
							font-size: 13px;
							color: #222;
							margin: 0;
							text-align: justify;
						    line-height: 17px}