/* lineassssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss */

#lineas-puerta{ width: 100%;
				height: 70px;
				margin: 40px 0px 0px 0px;

					 }

/*secccionnn11111 */
.lineas-puerta-seccion{ width: 100%;
					     height: 100px;
					     position: relative;
					     z-index: -1;
					     text-align: center;
					     padding: 40px 0px 0px 0px
					      }


.lineas-puerta-seccion h1{ font-family: "mangalregular";
						   font-size: 20px;
						   color: #222;
						   margin: 0;
						   line-height: 20px;
						   font-weight: 500}					      

.lineas-puerta-seccion h2{ font-family: "renogare";
						   font-size: 33px;
						   color: #222;
						   margin: 0;
						   line-height: 32px;}	

.lineas-puerta-seccion:before{ content: "";
								width: 100%;
								height: 2px;
								background-color: #d6d6d6;
								position: absolute;
								top: 0;
								left: 0 }




.cuadrado-puerta{ width: 50px;
		   height:50px;
		   border-bottom: 2px solid#d6d6d6;
		   border-right:2px solid#d6d6d6;
		   position: absolute;
		   top: -24px;
		   left: 50%;
		   transform: translateX(-50%) rotate(45deg);
		   background-color: #fff


		    }




/* puerta cortafuegoo presentacionn */
#puerta-cortafuego-presentacion{ width: 100%;
								 padding: 100px 0px 20px 0px  }


/*sectorr111111*/

.puerta-cortafuego-presentacion-sector1{ width: 100%;
										 padding: 0px 20px 0px 20px;
										 
										 	 }

/* seccion 1111 centroo */
.puerta-cortafuego-presentacion-secto1-seccion1{ width: 100%  }




/* tituloo */
.puerta-cortafuego-presentacion-secto1-seccion1-titulo{ width: 40%;
												        float: left;
												        padding:;
												        }

.puerta-cortafuego-presentacion-secto1-seccion1-titulo h1{ font-family: "mangalregular";
														   font-size: 50px;
														   color: #111;
														   margin: 0;
														   letter-spacing: -1px;
														   position: relative;
														   z-index: 2;
														   line-height: 30px
														    }
.puerta-cortafuego-presentacion-secto1-seccion1-titulo h2{ font-family: "renogare";
														   font-size: 50px;
														   color: #111;
														   margin: 0;
														   position: relative;
														   z-index: 1;
														  
														   width: 380px;
														    }
.puerta-cortafuego-presentacion-secto1-seccion1-titulo h2 img{ width: 100%;
															   max-width: 80px;
															   position: absolute;
															   top: -55px;
															   right: -25px;
															   z-index: -1;
															   }


/* parrafooooo textooooooo*/

.puerta-cortafuego-presentacion-secto1-seccion1-texto{ width: 60%;
												        float: left;
												       
												        }

.puerta-cortafuego-presentacion-secto1-seccion1-texto h1{ font-family: "renogare",sans-serif;
														 margin: 0;
														 font-size: 15px;
														 color: #222;
														 
															 }												        

.puerta-cortafuego-presentacion-secto1-seccion1-texto p{ font-family: "Arial",sans-serif;
														 margin: 0;
														 font-size: 12px;
														 color: #555;
														 text-align: justify;
															 }






/* puertaaaa cortafuegoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo  */

#puertacortafuego{ width: 100%;
				   padding: 0px 20px 0px 20px }


/* titulooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
.puertacortafuego-titulo{ width: 100%;
						  
						 
						   }

/* sectorrr11111 centrooo para TITULOO */
.puertacortafuego-titulo-sector1{ width: 100%;
								  position: relative;
								  padding:20px ;
								  background-image: url(img/img-puerta-cortafuego/titulo-img.jpg);
								  background-size: cover;
								  background-position: center center;
								 }

	



.puertacortafuego-titulo-sector1 h1{ font-family: "mangalregular";
									 font-size: 22px;
									 color: #fff;
									 margin: 0;
									 line-height: 15px;
									 font-weight: 500}

.puertacortafuego-titulo-sector1 h2{ font-family: "renogare";
									 font-size: 35px;
									 color: #fff;
									 margin: 0;
									
									 position: relative;
									 width: 200px;
									
									 z-index: 1}

.puertacortafuego-titulo-sector1 h2 img{ width: 100%;
										 max-width: 50px;
										 position: absolute;
										 right: -14px;
										 top: -30px;
										 z-index: -1; }









/* contenidooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */

#puertacortafuego-contenido{ width: 100%  }

/* sector1111111111111111111111111111111 */
.puertacortafuego-contenido-sector1{ width: 100%;
									 float: left;
							}

/* seccion111111111111111 */
.puertacortafuego-contenido-sector1-seccion1{ width: 100%;
											  padding: 20px 0px 10px 0px;
											
											   }
/* textooo parrafooooo hoja metalicaaa  */
.puertacortafuego-contenido-sector1-seccion1-texto{ width: 50%;
													float: left; }


.puertacortafuego-contenido-sector1-seccion1-texto h1{ font-family: "renogare",sans-serif;
												 font-size: 15px;
												 color: #333;
												 margin: 0;}

.puertacortafuego-contenido-sector1-seccion1-texto p{ font-family: "Arial",sans-serif;
												 font-size: 12px;
												 color: #555;
												 margin: 4px 0px 0px 0px;
												 text-align: justify;
												 
												   }

.puertacortafuego-contenido-sector1-seccion1 .icon-check{ color: red }


/* imagennnnnnn hoja metalicaaaaaa */
.puertacortafuego-contenido-sector1-seccion1-img{ width: 50%;
												  float: left;
												  text-align: center; }

.puertacortafuego-contenido-sector1-seccion1-img img{ width: 100%;
												  max-width: 500px; }






/* seccion2222222222222222 */
.puertacortafuego-contenido-sector1-seccion2{ width: 100%;
											  padding: 10px 0px 0px 0px }



/* infoo*/
.puertacortafuego-contenido-sector1-seccion2-info{ width: 100%;
												   float: left;
												  
												   padding: 0px 0px 20px 0px
												    }
/* cuadrooo */

.puertacortafuego-contenido-sector1-seccion2-info-cuadro{ width: 100%;
														  
														   }

/* caja */
.puertacortafuego-contenido-sector1-seccion2-info-cuadro-caja{ width: 25%;
															   height: 100%;
															   float: left;
															   border: 1px solid#111;
															   height: 200px }

.puertacortafuego-contenido-sector1-seccion2-info-cuadro-caja:nth-child(2){border-left: 0px;border-right: 0px }
.puertacortafuego-contenido-sector1-seccion2-info-cuadro-caja:nth-child(3){border-right: 0px }


.puertacortafuego-contenido-sector1-seccion2-info-cuadro-caja-titulo{ width: 100%;
																	  }

.puertacortafuego-contenido-sector1-seccion2-info-cuadro-caja-titulo h1{ font-family: "Arial",sans-serif;
																		 font-size: 14px;
																		 color: #111;
																		 margin: 0;
																		 text-align: center;
																		 border-bottom: 1px solid#111;
																		 padding: 10px 0px 10px 0px 
																		  }

.puertacortafuego-contenido-sector1-seccion2-info-cuadro-caja-info{ width: 100% }
.puertacortafuego-contenido-sector1-seccion2-info-cuadro-caja-info p{ font-family: "Arial",sans-serif;
																		 font-size: 12px;
																		 color: #111;
																		 margin: 0;
																		 text-align: center;
																		 border-bottom: 1px solid#111;
																		 padding: 10px 0px 10px 0px 
																		  }

.puertacortafuego-contenido-sector1-seccion2-info-cuadro-caja-img{ width: 100%;text-align: center;;
																   padding: 20px 0px 0px 0px;
																   position: relative; }
.puertacortafuego-contenido-sector1-seccion2-info-cuadro-caja-img-btn{ width: 70px;
																		height: 30px;
																		background-color: #ff0000;
																		position: absolute;
																		left: 50%;
																		top: 50%;
																		transform: translateX(-50%)
																		translateY(-20%);
																		text-align: center;
																		cursor: pointer;
																		
																		 }
.puertacortafuego-contenido-sector1-seccion2-info-cuadro-caja-img-btn p{ font-family: "Arial",sans-serif;
																		 font-size: 12px;
																		 line-height: 30px;
																		 margin: 0;
																		 color: #fff
																		  }
.puertacortafuego-contenido-sector1-seccion2-info-cuadro-caja-img-btn:hover{ background-color: #222; }


/* mas informacionn resistenciaaa y certificacioness */

.puertacortafuego-contenido-sector1-seccion2-info-mas{ width: 100%;
														margin: 20px 0px 0px 0px }

/* de reemplazooo */
.puertacortafuego-contenido-sector1-seccion2-info-mas2{ width: 100%;
														margin: 20px 0px 0px 0px;display: none; }

/* resistenciaa */
.puertacortafuego-contenido-sector1-seccion2-info-mas-resistencia{ width: 50%;
																	float: left;
																	padding: 0px 20px 0px 0px;}
/* subb11 textooooo*/
.puertacortafuego-contenido-sector1-seccion2-info-mas-resistencia-sub1{ width: 100%;float: left;
																		}

.puertacortafuego-contenido-sector1-seccion2-info-mas-resistencia-sub1-texto{ width: 40%;float: left;
	                                                                         
	                                                                          padding: 20px 0px 20px 0px
																			  
																			  }



.puertacortafuego-contenido-sector1-seccion2-info-mas-resistencia-sub1-texto h1{ font-family: "mangalregular", sans-serif;
																				 font-size: 15px;
																				 color: #111;
																				 margin: 0;
																				 position: relative;z-index: 2;
																				 line-height: 8px }

.puertacortafuego-contenido-sector1-seccion2-info-mas-resistencia-sub1-texto h2{ font-family: "familiar_probold", sans-serif;
																				 font-size: 35px;
																				 color: #111;
																				 margin: 0 ;
																				 position: relative;
																				 width: 105px;
																				 z-index: 1;
																				 }

.puertacortafuego-contenido-sector1-seccion2-info-mas-resistencia-sub1-texto h2 img{ width: 100%;
																					 max-width: 40px;
																					 position: absolute;
																					 z-index: -1;
																					 top: -13px;
																					 right: -10px }




/* parrafo */
.puertacortafuego-contenido-sector1-seccion2-info-mas-resistencia-sub1-parrafo{ width: 60%;float: left;
																				padding: 20px 0px 0px 0px }

.puertacortafuego-contenido-sector1-seccion2-info-mas-resistencia-sub1-parrafo p{ font-family: "Arial",sans-serif;
																				  font-size: 12px;
																				  color: #555;
																				  margin: 0;
																				  text-align: justify; }


/* subb22 90 min  */
.puertacortafuego-contenido-sector1-seccion2-info-mas-resistencia-sub2{ width: 100%;
																		margin: 50px 0px 0px 0px;float: left;
																		 }

.puertacortafuego-contenido-sector1-seccion2-info-mas-resistencia-sub2-cuadro{ width: 33.3%;
																				
																				
																				float: left;
	
/* cajaa */																				 }
.puertacortafuego-contenido-sector1-seccion2-info-mas-resistencia-sub2-cuadro-caja{ width: 80%;
																					background-color: #ff0000;
																					position: relative;
																					margin: 0 auto;
																					padding: 20px 0px 20px 0px
																					 }

.puertacortafuego-contenido-sector1-seccion2-info-mas-resistencia-sub2-cuadro-caja:before{ content: "";
																							width: 40px;
																							height: 40px;
																							border-radius: 50%;
																							background-color: #fff;
																							position: absolute;
																							top: -28px;
																							left: 50%;
																							transform: translateX(-50%); }
.puertacortafuego-contenido-sector1-seccion2-info-mas-resistencia-sub2-cuadro-caja img{ position: absolute;
																						width: 100%;
																						max-width: 30px;
																						top: -35px;
																						left: 51%;
																						transform: translateX(-50%); }

.puertacortafuego-contenido-sector1-seccion2-info-mas-resistencia-sub2-cuadro-caja h1{ text-align: center;
																						font-family: "Arial",sans-serif;
																						font-size: 15px;
																						color: #fff;
																						
																						 }


/* certificacionesss */

.puertacortafuego-contenido-sector1-seccion2-info-mas-certificaciones{ width: 50%;
																	   float: left;
																	   padding: 20px 20px 20px 20px;
																	   background-color: #eee }

/* tituloo */
.puertacortafuego-contenido-sector1-seccion2-info-mas-certificaciones-titulo{ width: 100%;
																			  padding: 20px 0px 15px 0px;
																			  text-align: center; }

.puertacortafuego-contenido-sector1-seccion2-info-mas-certificaciones-titulo h1{ font-family: "mangalregular";
																				 font-size: 15px;
																				 color: #111;
																				 margin: 0;
																				 position: relative;
																				 width: 147px;
																				 margin: 0 auto;
																				 z-index: 1;
																				
																				 
																				  }

.puertacortafuego-contenido-sector1-seccion2-info-mas-certificaciones-titulo h1 img{ width: 100%;
																					 max-width: 30px;
																					 position: absolute;
																					 top: -19px;
																					 right: -10px;
																					 z-index: -1 }


/* img */
.puertacortafuego-contenido-sector1-seccion2-info-mas-certificaciones-img{ width: 100%;
																		   text-align: center; }

.puertacortafuego-contenido-sector1-seccion2-info-mas-certificaciones-img img{ width: 100%;
																			max-width: 350px
																				 }


/* parrafo */
.puertacortafuego-contenido-sector1-seccion2-info-mas-certificaciones-parrafo{ width: 100%;
																				padding: 15px 0px 0px 0px; }
.puertacortafuego-contenido-sector1-seccion2-info-mas-certificaciones-parrafo p{ font-family: "Arial",sans-serif;
																				 font-size: 12px;
																				 color: #555;
																				 margin: 0;
																				 text-align: justify; }






/* conoceeeee nuestrasss puertassssssssssssssssssssssssssssssss textoo rojooo */
.puertacortafuego-tipos-caja-texto{ width:200px;
									position: absolute;
									bottom:20px;
									left: 50%;
									transform: translateX(-50%);
									padding: 15px 0px 15px 0px;
									background-color: red;
									z-index: 2
									 }
.puertacortafuego-tipos-caja-texto:before{ content: "";
										   position: absolute;
								     width: 0; 
								     height: 0; 
								     border-left: 20px solid transparent;
								     border-bottom: 20px solid red;
								     border-right:20px solid transparent;
								     left: 50%;
								     top: -18px;
								     transform: translateX(-50%);
								     
								     }

.puertacortafuego-tipos-caja-texto h1{ font-family: "mangalregular";
								       font-size: 14px;
								       color: #fff;
								       margin: 0;
								       font-weight: 500;
								       line-height: 14px }

.puertacortafuego-tipos-caja-texto h2{ font-family: "renogare";
								       font-size: 15px;
								       color: #fff;
								       margin: 0;
								       font-weight: 500 }


/*botonnnnnnnnnnnnnnnnn puerta cotizadorrrr */

.puerta-cortafuego-inicio-boton{ width: 100%;
						         float: left;
						         position: relative;
						         height: 150px;
						   }

.puerta-cortafuego-inicio-boton-triangulo{  position: absolute;
								     width: 0; 
								     height: 0; 
								     border-left: 100px solid transparent;
								     border-top: 100px solid #ff0000;
								     border-right:100px solid transparent;
								     left: 50%;
								     top: 50%;
								     transform: translateX(-50%)
								     translateY(-50%);
								     transition: 0.5s;
								     cursor: pointer;

								     
								     

								     }

.puerta-cortafuego-inicio-boton-triangulo:before{ content: "Cotizar";
										   width: 100px;
										   height: 100px;
										   position: absolute;
										   top: 100%;
										   left: 50%;
										   transform: translateX(-50%)translateY(-100%);
										   text-align: center;
										   line-height: 70px;
										   font-family: Arial, sans-serif;
										   color: #fff;
										   font-size: 15px;
										   font-weight: bold;
										    }

.puerta-cortafuego-inicio-boton-triangulo:hover{ border-top: 100px solid #420000; }





/* sector222222222222222222222222222222222222222222222222222222222222222222222 MEDIDASSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS */
.puertacortafuego-contenido-sector2{ width: 100%;
									 float: left;
									
									 
									 margin: 20px 0px 20px 0px;
									 padding: 0px 20px 0px 20px
									 }
/* seccion11111 */
.puertacortafuego-contenido-sector2-seccion1{ width: 100%;
											  
											 padding: 10px 0px 30px 0px ;
											  float: left; }

/* TITULOO */
.puertacortafuego-contenido-sector2-seccion1-titulo{ width:300px;
													 margin: 0 auto }

/* contenido de texto y flechaaa */
.puertacortafuego-contenido-sector2-seccion1-titulo-texto{ width: 90%;float: left; }
/* textoo */
.puertacortafuego-contenido-sector2-seccion1-titulo-texto-text{ width: 100%;
																 }
.puertacortafuego-contenido-sector2-seccion1-titulo-texto-text h1{ font-family: "mangalregular";
																	font-size: 35px;
																	color: #111;
																	margin: 0;
																	line-height: 25px
																	 }
.puertacortafuego-contenido-sector2-seccion1-titulo-texto-text h2{ font-family: "familiar_probold";
																	font-size: 50px;
																	color: #111;
																	margin: 0;
																	position: relative;
																	z-index: 1;
																	width: 210px;
																	
																	}

.puertacortafuego-contenido-sector2-seccion1-titulo-texto-text h2 img{ width: 100%;
																	   max-width: 50px;
																	   position: absolute;
																	   top: -17px;
																	   right: -13px;
																	   z-index: -1; }


/* flechaaa horizontal */
.puertacortafuego-contenido-sector2-seccion1-titulo-texto-flecha-horizontal{ width: 100%;
																			 padding: 20px 0px 20px 0px


																			 }
.puertacortafuego-contenido-sector2-seccion1-titulo-texto-flecha-horizontal-linea{ width: 90%;
																				   height: 3px;
																				   background-color: #ff0000;
																				   position: relative;
																				   }

.puertacortafuego-contenido-sector2-seccion1-titulo-texto-flecha-horizontal-linea:before{ content: "\e909";
																						  position: absolute;
																						  top: 50%;
																						  transform: translateY(-50%);
																						  right:-12px;
																						  font-family: icomoon;
																						  z-index: 2;
																						  color: #ff0000;
																						  line-height: 0;
																						  font-size: 30px }

.puertacortafuego-contenido-sector2-seccion1-titulo-texto-flecha-horizontal-linea:after{ content: "\e908";
																						  position: absolute;
																						 top: 50%;
																						  transform: translateY(-50%);
																						 left:-12px;
																						  font-family: icomoon;
																						  z-index: 2;
																						  color: #ff0000;
																						  line-height: 0;
																						  font-size: 30px }

/* flechaa verticallll solooo*/
.puertacortafuego-contenido-sector2-seccion1-titulo-flecha-vertical{ width: 10%;float: left; }

.puertacortafuego-contenido-sector2-seccion1-titulo-texto-flecha-vertical-linea{ width: 3px;
																				   height: 100px;
																				   background-color: #ff0000;
																				   position: relative;
																				   margin: 0 auto
																				   }

.puertacortafuego-contenido-sector2-seccion1-titulo-texto-flecha-vertical-linea:before{ content: "\e90a";
																						  position: absolute;
																						  top: 0;
																						  left:50%;
																						  transform: translateX(-50%);
																						  font-family: icomoon;
																						  z-index: 2;
																						  color: #ff0000;
																						  line-height: 0;
																						  font-size: 30px }

.puertacortafuego-contenido-sector2-seccion1-titulo-texto-flecha-vertical-linea:after{ content: "\e907";
																						  position: absolute;
																						  bottom: 0;
																						  left:50%;
																						  transform: translateX(-50%);	
																						  font-family: icomoon;
																						  z-index: 2;
																						  color: #ff0000;
																						  line-height: 0;
																						  font-size: 30px }


/* parrafo */

.puertacortafuego-contenido-sector2-seccion1 p{ width: 50%;margin: 0 auto;
												font-family: "Arial",sans-serif;
												font-size: 12px;
												color: #555;
												
												text-align: justify; }








/* seccion222222222222222222222222222 */
.puertacortafuego-contenido-sector2-seccion2{ width: 100%;
											  
											  
											  float: left; }

/* cuadroo border */											  
.puertacortafuego-contenido-sector2-seccion2-cuadro{ width: 47%;float: left;
													 
													 
													 margin: 0% 6% 0% 0%  }


.puertacortafuego-contenido-sector2-seccion2-cuadro:nth-child(2){ margin: 0% 0% 0% 0% }



/*titulooo*/
.puertacortafuego-contenido-sector2-seccion2-cuadro-titulo{ width: 100%;
															padding: 30px 0px 30px 0px;
															text-align: center;
															border-bottom: 2px solid#111; }

.puertacortafuego-contenido-sector2-seccion2-cuadro-titulo h1{ font-family: "Arial",sans-serif;
																font-size: 15px;
																color: #111;
																margin: 0 }

.puertacortafuego-contenido-sector2-seccion2-cuadro-titulo img{ width: 100%;
																max-width: 200px }

/* barraaa anchooo */
.puertacortafuego-contenido-sector2-seccion2-cuadro-barra{ width: 100% ;
														   border-bottom: 2px solid#111;
														  
														   position: relative; }
/* especialllll para que no tega ese linea en el medio */

.puertacortafuego-contenido-sector2-seccion2-cuadro-barra-dato{ width: 100% ;
														        border-bottom: 2px solid#111;
														        position: relative;
														         }

.sin-borde-bottom{ border-bottom: 0px }														         

.puertacortafuego-contenido-sector2-seccion2-cuadro-barra-dato:before{ content: "x";
																       font-family: "Arial",sans-serif;
																       font-size: 15px;
																       color: #111;
																       position: absolute;
																       left: 50%;
																       top: 50%;
																       transform: translateX(-50%)
																       translateY(-50%); }
.puertacortafuego-contenido-sector2-seccion2-cuadro-barra-dato:nth-child(2n){ background-color: #ffd0d0 }

/*----------------------------------------especial----------------------------------------------*/

.puertacortafuego-contenido-sector2-seccion2-cuadro-barra:before{ content: "";
																  width: 2px;
																  height: 100%;
																  display: block;
																  background-color: #111;
																  position: absolute;
																  left: 50%;
																  transform: translateX(-50%); }														   

.puertacortafuego-contenido-sector2-seccion2-cuadro-barra-sub{ width: 50%;
																float: left;
																text-align: center;
																padding: 10px 0px 10px 0px
																 }

.puertacortafuego-contenido-sector2-seccion2-cuadro-barra-sub h1{ font-family: "Arial", sans-serif;
																  font-size: 12px;
																  color: #111;
																  margin: 0;
																   }





/* ACCESORIOSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSsssssssssssssssssssssssssssssssssssssssssssssssssssss */

#puertacortafuego-accesorios{ width: 100%;
							  margin: 30px 0px 0px 0px;
									 }

/* titulo */


/* lineassssssssssssssssssssssssss */

.puertacortafuego-accesorios-titulo{ width: 100%;
										height: 100px;
										margin: 40px 0px 0px 0px;}

/*secccionnn11111 */
.puertacortafuego-accesorios-titulo-seccion{ width: 100%;
					     height: 100px;
					     position: relative;
					     
					     text-align: center;
					     padding: 40px 0px 0px 0px
					      }


.puertacortafuego-accesorios-titulo-seccion h1{ font-family: "mangalregular";
						   font-size: 20px;
						   color: #222;
						   margin: 0;
						   line-height: 20px;
						   font-weight: 500}					      

.puertacortafuego-accesorios-titulo-seccion h2{ font-family: "renogare";
						   font-size: 33px;
						   color: #222;
						   margin: 0;
						   line-height: 32px;}	

.puertacortafuego-accesorios-titulo-seccion:before{ content: "";
								width: 100%;
								height: 2px;
								background-color: #d6d6d6;
								position: absolute;
								top: 0;
								left: 0 }

.puertacortafuego-accesorios-cuadrado{ width: 50px;
		   height:50px;
		   border-bottom: 2px solid#d6d6d6;
		   border-right:2px solid#d6d6d6;
		   position: absolute;
		   top: -24px;
		   left: 50%;
		   transform: translateX(-50%) rotate(45deg);
		   background-color: #fff


		    }



/* contenidoo */

.puertacortafuego-accesorios-contenido{ width: 100%;
												padding: 30px 20px 30px 20px;float: left;}

.puertacortafuego-accesorios-contenido-cuadro-caja{ width: 25%;
														   float: left;
														   text-align: center;
														   padding: 20px 0px 0px 0px;
														   transition: 0.5s;
														   cursor: pointer;
														   }

.puertacortafuego-accesorios-contenido-cuadro-caja:nth-child(1){padding: 0px 0px 0px 0px}


/* contenedorr de img para adecuacion de textosss */

.imagen-de-accesorio{ 
	                  max-width: 220px;
	                  margin: 0 auto;
	                  position: relative; }

.imagen-de-accesorio{ width: 100% }	 

.imagen-de-accesorio a{ text-decoration: none; }                 


/*cierrapuertaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa */
/* textooo 11111111111111  */
.puertacortafuego-accesorios-contenido-cuadro-caja-texto-1{ width: 150px;
															padding:5px 0px 10px 0px ;
															background-color: #ff0000;
															position: absolute;
															top: -50px;
															left: 50%;
															transform: translateX(-50%);
															text-align: center;
															transition: 0.5s
															 }

.puertacortafuego-accesorios-contenido-cuadro-caja-texto-1:before{  content: "";
																    position: absolute;
														            width: 0; 
														            height: 0; 
														            border-left: 10px solid transparent;
														            border-top: 10px solid red;
														            border-right:10px solid transparent;
														            left: 50%;
														            bottom: -9px;
														            transform: translateX(-50%);
														            transition: 0.5s }

.puertacortafuego-accesorios-contenido-cuadro-caja-texto-1 h1{ font-family: "mangalregular";
															   font-size: 13px;
															   color: #fff;
															   margin: 0;
															   font-weight: 500;
															     }


.puertacortafuego-accesorios-contenido-cuadro-caja-texto-1 h2{ font-family: "renogare";
															   font-size: 15px;
															   color: #fff;
															   margin: 0;
															   font-weight: 500;
															   line-height: 12px }
.puertacortafuego-accesorios-contenido-cuadro-caja-texto-1:hover{ background-color: black }

.puertacortafuego-accesorios-contenido-cuadro-caja-texto-1:hover:before{ border-left: 10px solid transparent;
														                 border-top: 10px solid black;
														                 border-right:10px solid transparent; }


/* textooo 222222222222222222  */
.puertacortafuego-accesorios-contenido-cuadro-caja-texto-2{ width: 150px;
															padding:5px 0px 10px 0px ;
															background-color: red;
															position: absolute;
															top: 55%;
														    left:0;
															transform: translateY(-55%);
															text-align: center;
															transition: 0.5s
															 }

.puertacortafuego-accesorios-contenido-cuadro-caja-texto-2:before{  content: "";
																    position: absolute;
														            width: 0; 
														            height: 0; 
														            border-top: 10px solid transparent;
														            border-bottom: 10px solid transparent;
														            border-left:10px solid red;
														            right:-9px;
														            top:50%;
														            transform: translateY(-50%);
														            transition: 0.5s }

.puertacortafuego-accesorios-contenido-cuadro-caja-texto-2 h1{ font-family: "mangalregular";
															   font-size: 13px;
															   color: #fff;
															   margin: 0;
															   font-weight: 500  }


.puertacortafuego-accesorios-contenido-cuadro-caja-texto-2 h2{ font-family: "renogare";
															   font-size: 15px;
															   color: #fff;
															   margin: 0;
															   font-weight: 500;
															   line-height: 12px }

.puertacortafuego-accesorios-contenido-cuadro-caja-texto-2:hover{ background-color: black }

.puertacortafuego-accesorios-contenido-cuadro-caja-texto-2:hover:before{ border-top: 10px solid transparent;
														                 border-bottom: 10px solid transparent;
														                 border-left:10px solid black; }



/*burleteeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee */

/* textooo 3333333333333 */
.puertacortafuego-accesorios-contenido-cuadro-caja-texto-3{ width: 150px;
															padding:5px 0px 10px 0px ;
															background-color: #ff0000;
															position: absolute;
															bottom: 30px;
														    left:50%;
															transform: translateX(-50%);
															text-align: center;
															transition: 0.5s
															 }

.puertacortafuego-accesorios-contenido-cuadro-caja-texto-3:before{  content: "";
																    position: absolute;
														            width: 0; 
														            height: 0;
														            border-left: 10px solid transparent;
														            border-top: 10px solid red;
														            border-right:10px solid transparent;
														            left: 50%;
														            bottom: -9px;
														            transform: translateX(-50%);
														            transition: 0.5s 
														             }

.puertacortafuego-accesorios-contenido-cuadro-caja-texto-3 h1{ font-family: "mangalregular";
															   font-size: 13px;
															   color: #fff;
															   margin: 0;
															   font-weight: 500  }


.puertacortafuego-accesorios-contenido-cuadro-caja-texto-3 h2{ font-family: "renogare";
															   font-size: 15px;
															   color: #fff;
															   margin: 0;
															   font-weight: 500;
															   line-height: 12px }

.puertacortafuego-accesorios-contenido-cuadro-caja-texto-3:hover{ background-color: black }

.puertacortafuego-accesorios-contenido-cuadro-caja-texto-3:hover:before{ border-left: 10px solid transparent;
														                 border-top: 10px solid black;
														                 border-right:10px solid transparent; }




/*rejillaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa */

/* textooo 4444444444444444 */
.puertacortafuego-accesorios-contenido-cuadro-caja-texto-4{ width: 150px;
															padding:5px 0px 10px 0px ;
															background-color: #ff0000;
															position: absolute;
															bottom: -30px;
														    left:50%;
															transform: translateX(-50%);
															text-align: center;
															transition: 0.5s
															 }

.puertacortafuego-accesorios-contenido-cuadro-caja-texto-4:before{  content: "";
																    position: absolute;
														            width: 0; 
														            height: 0;
														            border-left: 10px solid transparent;
														            border-bottom: 10px solid red;
														            border-right:10px solid transparent;
														            left: 50%;
														            top: -9px;
														            transform: translateX(-50%);
														            transition: 0.5s 
														             }

.puertacortafuego-accesorios-contenido-cuadro-caja-texto-4 h1{ font-family: "mangalregular";
															   font-size: 13px;
															   color: #fff;
															   margin: 0;
															   font-weight: 500  }


.puertacortafuego-accesorios-contenido-cuadro-caja-texto-4 h2{ font-family: "renogare";
															   font-size: 15px;
															   color: #fff;
															   margin: 0;
															   font-weight: 500;
															   line-height: 12px }

.puertacortafuego-accesorios-contenido-cuadro-caja-texto-4:hover{ background-color: black }

.puertacortafuego-accesorios-contenido-cuadro-caja-texto-4:hover:before{ border-left: 10px solid transparent;
														                 border-bottom: 10px solid black;
														                 border-right:10px solid transparent; }



/* barraaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa */

/* textooo 55555555555555555555 */
.puertacortafuego-accesorios-contenido-cuadro-caja-texto-5{ width: 150px;
															padding:5px 0px 10px 0px ;
															background-color: #ff0000;
															position: absolute;
															top: 70%;
														    left:50%;
															transform: translateX(-50%)
															translateY(-70%);
															text-align: center;
															transition: 0.5s
															 }

.puertacortafuego-accesorios-contenido-cuadro-caja-texto-5:before{  content: "";
																    position: absolute;
														            width: 0; 
														            height: 0;
														            border-left: 10px solid transparent;
														            border-bottom: 10px solid red;
														            border-right:10px solid transparent;
														            left: 50%;
														            top: -9px;
														            transform: translateX(-50%);
														            transition: 0.5s 
														             }

.puertacortafuego-accesorios-contenido-cuadro-caja-texto-5 h1{ font-family: "mangalregular";
															   font-size: 13px;
															   color: #fff;
															   margin: 0;
															   font-weight: 500  }


.puertacortafuego-accesorios-contenido-cuadro-caja-texto-5 h2{ font-family: "renogare";
															   font-size: 15px;
															   color: #fff;
															   margin: 0;
															   font-weight: 500;
															   line-height: 12px }

.puertacortafuego-accesorios-contenido-cuadro-caja-texto-5:hover{ background-color: black }

.puertacortafuego-accesorios-contenido-cuadro-caja-texto-5:hover:before{ border-left: 10px solid transparent;
														                 border-bottom: 10px solid black;
														                 border-right:10px solid transparent; }







.puertacortafuego-accesorios-contenido-cuadro-caja img { width: 100%;
																max-width: 220px;
																
																
																 }






/* TIPOSSSSSSSSSSSSSSSSS DE PUERTASSSSSSSSSSSSSSSSSSSSSSSSSSSSSS SLIDERRRRRRRRRRRRRRR */

#tipos-puertas{ width: 100%;
				padding: 0px 0px 0px 0px;
				background:url(img/img-puerta-cortafuego/fondo-slider.jpg);
				background-attachment: fixed;
				background-position: center center; }


/* trianguloo */

.tipos-puertas-triangulo{ width: 100%;
				 position: relative;
				 background: ;
				 height: 50px}

/* triangulo222 */
.tipos-puertas-triangulo-forma {  position: absolute;
						 width: 0; 
				         height: 0; 
						 border-left: 60px solid transparent;
						 border-right: 60px solid transparent;
						 border-top: 50px solid #fff;
						 left: 50%;
						 transform: translateX(-50%);
					     top: 0 }









/* contenidooo*/
.tipos-puertas-slider{ width: 100%;
							  
							  padding: 20px 0px 20px 0px;
							  }


/* titulooo */							  

.tipos-puertas-slider-titulo{ width: 100%;
							  
							  position: relative;
							  
							  height: 120px


							 
							}

.tipos-puertas-slider-titulo-centro{ position: absolute;
									top: 50%;
									 left: 50%;
									 transform: translateX(-50%)
									 translateY(-50%);
									 display:inline-block; }


.tipos-puertas-slider-titulo h1{ font-family: "mangalregular";
								 font-size: 30px;
								 color: #111;
								 margin: 0;
								 line-height: 25px }

.tipos-puertas-slider-titulo h2{ font-family: "renogare";
								 font-size: 40px;
								 color: #111;
								 margin: 0;
								 position: relative;
								 z-index: 1;
								 width: 305px;
								  }

.tipos-puertas-slider-titulo h2 img{ width: 100%;
									 max-width: 60px;
									 position: absolute;
									 top: -40px;
									 right: -18px;
									 z-index: -1;
									}



/* contenidoo sliderr */
.tipos-puertas-slider-slider{ width: 100%;
							  padding: 0px 0px 50px 0px }





/* formaaaaaaaaaaaa en puntaaaaaa */

.tipos-puertas-forma{ width: 100%;float: left;
	   
	   
		
		}

.tipos-puertas-forma-contenido{ width: 50%;
				  float: left;
				  
				   }


.tipos-puertas-forma-contenido-trapecio{ width: 100%;
						   height: 0px;
						   border-right: 70px solid transparent;
						   border-left: 70px solid #efefef;
						   border-bottom: 60px solid #efefef; }


.tipos-puertas-forma-contenido-trapecio2{ width: 100%;
						   height: 0px;
						   border-right: 70px solid #efefef;
						   border-left: 70px solid transparent;
						   border-bottom: 60px solid #efefef; }









/* marcoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo  */


#marco{ width: 100%;
		
		background-color: #efefef;
		padding: 50px 20px 100px 20px }




/* sector1111111 */

.marco-sector1{ width: 100%; }

.marco-sector1-centro{ width: 50%;
					   margin: 0 auto }

.marco-sector1-titulo{ width: 100%;padding: 0px 0px 15px 0px;
                       text-align: center; }

.marco-sector1-titulo h1{ font-family: "mangalregular";
						  font-size: 25px;
						  color: #111;
						  margin: 0;
						  line-height: 20px
						  
						  
						 
						  }

.marco-sector1-titulo h2{ font-family: "renogare";
						  font-size: 35px;
						  color: #111;
						  margin: 0;
						  position: relative;
						  width: 195px;
						  z-index: 1;
						  
						  margin: 0 auto
						   }


.marco-sector1-titulo h2 img{ width: 100%;
							  max-width: 60px;
							  position: absolute;
							  top: -40px;
							  right: -18px;
							  z-index: -1;}



.marco-sector1-parrafo{ width: 100% }
.marco-sector1-parrafo p{ font-family: "Arial",sans-serif;
						  font-size: 12px;
						  color: #555;
						  text-align: justify; }





/* sector2222222222222222222 */

.marco-sector2{ width: 100%;
				padding: 50px 0px 0px 0px }

/* seccionn111 img */
.marco-sector2-seccion1{ width: 30%;
						 float: left;
						 text-align: center; }

.marco-sector2-seccion1 img{ width: 100%;
							 max-width: 250px }



/* seccion222  contenido de cuadro  */
.marco-sector2-seccion2{ width: 70%;
						 float: left;
						 padding: 0px 0px 0px 20px;
						  }

/* subbb1111 */
.marco-sector2-seccion2-sub1{ width: 100%;float: left; }


/* cuadrooo */
.marco-sector2-seccion2-sub1-cuadro{ width: 100%;
									
									 border:1px solid#111;
									  }

/* cajaaa */
.marco-sector2-seccion2-sub1-cuadro-caja{ width: 25%;
									      height: 200px;
									      border-right:1px solid#111;
									      float: left;
									  }

.marco-sector2-seccion2-sub1-cuadro-caja:nth-child(4){ border-right: 0px }

/* tituloo de cajaaa */
.marco-sector2-seccion2-sub1-cuadro-caja-titulo{ width: 100%;
												 padding: 10px 0px 10px 0px;
												 text-align: center;
												 border-bottom: 1px solid#111 }

.marco-sector2-seccion2-sub1-cuadro-caja-titulo h1{ font-family: "Arial",sans-serif;
													font-size: 12px;
													color: #555;
													margin: 0;
													 }
/* datooo de cajaaa */
.marco-sector2-seccion2-sub1-cuadro-caja-dato{ width: 100%;
	                                           text-align: center;
	                                           padding: 10px 0px 10px 0px;
	                                           border-bottom: 1px solid#111
													 }
.marco-sector2-seccion2-sub1-cuadro-caja-dato p{ font-family: "Arial",sans-serif;
												 font-size: 12px;
												 color: #111;
												 margin: 0; }
/* imagennnn de cajaaa */
.marco-sector2-seccion2-sub1-cuadro-caja-img{ width: 100%;
	                                          text-align: center;
	                                          padding: 20px 0px 0px 0px
	                                         
													 }


/* subbbbbbbbbbb 22222222222222222222222222222222222 */

.marco-sector2-seccion2-sub2-uno{ width: 100%;
							  height: 200px;
							  
							  float: left;
							  padding: 30px 0px 0px 0px }


.marco-sector2-seccion2-sub2-dos{ width: 100%;
							  
							  
							  float: left;
							  padding: 30px 0px 0px 0px;
							  display: none; }


/* seccion11111111 */
.marco-sector2-seccion2-sub2-seccion1{ width: 40%;
									   
									  padding: 20px 20px 0px 20px;
									   float: left;
									   background-color: #fff;
									   text-align: center; }




.marco-sector2-seccion2-sub2-seccion1 h1{ font-family: Ariual,sans-serif;
										  font-size: 15px;
										  color: #111;
										  margin: 0px 0px 10px 0px; }

.marco-sector2-seccion2-sub2-seccion1 p{ font-family: Ariual,sans-serif;
										  font-size: 12px;
										  color: #111;
										  margin: 0; }										  

.marco-sector2-seccion2-sub2-seccion1 img{ width: 100%;
											max-width: 300px }



/* seccion222222 */
.marco-sector2-seccion2-sub2-seccion2{ width: 60%;
									   float: left;
									   text-align: center;
									   padding: 20px 20px 0px 20px }

.marco-sector2-seccion2-sub2-seccion2 h1{ font-family: "Arial",sans-serif;
										  font-size: 14px;
										  color: #111;
										  margin: 0px 0px 20px 0px; }



/* tablaaaaaaa */
.marco-sector2-seccion2-sub2-seccion2-tabla{ width: 100%;
											 height: 104px;
											 border:2px solid#222;
											 }

/* BARRA 1 */
.marco-sector2-seccion2-sub2-seccion2-tabla-barra{ width: 100%;background-color: #fcc3c3;
													height: 50px;

													 }

.marco-sector2-seccion2-sub2-seccion2-tabla-barra-caja{ width: 25%;
	                                                    float: left;
	                                                    border-right:2px solid#222;
	                                                    border-bottom:2px solid#222;
	                                                    height: 100%;
	                                                    position: relative;
	                                                    padding: 10px 0px 5px 0px
													 }

.marco-sector2-seccion2-sub2-seccion2-tabla-barra-caja:nth-child(4){border-right: 0px}


.marco-sector2-seccion2-sub2-seccion2-tabla-barra-caja h1{ font-size: 12px;
														   color: #111;
														   margin: 0;
														   font-family: "Arial",sans-serif;

														    }
.marco-sector2-seccion2-sub2-seccion2-tabla-barra-caja p{ font-size: 11px;
														   color: #111;
														   margin: 0;
														   font-family: "Arial",sans-serif
														    }




/* BARRA 2 */
.marco-sector2-seccion2-sub2-seccion2-tabla-barra2{ width: 100%;
                                                    height: 50px;
													 }

.marco-sector2-seccion2-sub2-seccion2-tabla-barra2-caja{ width: 25%;
	                                                    float: left;
	                                                    border-right:2px solid#222;
	                                                    
	                                                    height: 100%;
	                                                    text-align: center;
	                                                    position: relative;
	                                                  
													 }

.marco-sector2-seccion2-sub2-seccion2-tabla-barra2-caja:nth-child(4){border-right: 0px}


.marco-sector2-seccion2-sub2-seccion2-tabla-barra2-caja h1{ font-size: 12px;
														   color: #111;
														   margin: 0;
														   font-family: "Arial",sans-serif;
														   position: absolute;
														   top: 50%;
														  
														   transform:translateY(-50%);
														   width: 100%

														    }
.marco-sector2-seccion2-sub2-seccion2-tabla-barra2-caja p{ font-size: 11px;
														   color: #111;
														   margin: 0;
														   font-family: "Arial",sans-serif
														    }






/* puertaaa monatnteeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee */

#puerta-montante{ width: 100%;
				  
				  background: url(img/img-puerta-cortafuego/puerta-montante.jpg);
				  background-size: cover;
				  background-position: center center;
				  
				 padding: 100px 20px 100px 20px
				  
				  
				   }

.puerta-montante-wrapp{ width: 50%;
						
						
				}

.puerta-montante-wrapp-centro{ width: 100%;
								  
								  }

.puerta-montante-wrapp-contenido{ width: 100%;
								   padding: 50px 30px 50px 30px ;
								   background: rgba(255,255,255,0.9); }


/* titulooo */

.puerta-montante-wrapp-contenido-titulo{ width: 100%; display: block; }

.puerta-montante-wrapp-contenido-titulo h1{ font-family: "mangalregular";
											 font-size: 16px;
											 color: #111;
											 position: relative;
											 z-index: 2;
											 line-height: 15px

											  }

.puerta-montante-wrapp-contenido-titulo h2{ font-family: "familiar_probold";
											 font-size: 50px;
											 color: #111;
											 position: relative;
											 z-index: 1;
											 width: 220px;
											
											 
											  }
.puerta-montante-wrapp-contenido-titulo h2 img{ width: 100%;
												max-width: 60px;
												position: absolute;
												top: -30px;
												right: -20px;
												z-index: -1;
												 }

.puerta-montante-wrapp-contenido-parrafo{ width: 100%;
										  padding: 15px 0px 0px 0px }

.puerta-montante-wrapp-contenido-parrafo p{ font-family: "Arial",sans-serif;
											font-size: 12px;
											color: #555;
											text-align: justify;
											 }
/* listaa */
.puerta-montante-wrapp-contenido-lista{ width: 100%;
										padding: 20px 0px 0px 0px;margin: 0
										 }
.puerta-montante-wrapp-contenido-lista .icon-check{ color: #ff0000 }

.puerta-montante-wrapp-contenido-lista li{ font-family: Arial,sans-serif;
										   font-size: 12px;
										   color: #555;
										   margin: 0; }



.puerta-montante-wrapp-contenido-img{ width: 100%;
									  text-align: center;
									  padding: 20px 0px 0px 0px }

.puerta-montante-wrapp-contenido-img img{ width: 100%;
										  max-width: 300px;
										  border:6px solid#ccc;
										   }

/* trianguloo */

.puerta-montante-triangulo{ width: 100%;
				 position: relative;
				 background: ;
				 height: 50px}

/* triangulo222 */
.puerta-montante-triangulo-forma {  position: absolute;
						 width: 0; 
				         height: 0; 
						 border-left: 60px solid transparent;
						 border-right: 60px solid transparent;
						 border-top: 50px solid rgba(255,255,255,0.9);
						 left: 50%;
						 transform: translateX(-50%);
					     top: 0 }










/* puertaaa registrooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */

#puerta-registro{ width: 100%;
				 
				  background: url(img/img-puerta-cortafuego/puerta-registro.jpg);
				  background-size: cover;
				  background-position: center center;
				  padding: 100px 20px 100px 20px
				   }


.puerta-registro-wrapp{ width: 50%;
						
						
					
						

						}

.puerta-registro-wrapp-centro{    width: 100%;
								  
								 
								}

.puerta-registro-wrapp-contenido{ width: 100%;
								   padding: 50px 30px 50px 30px ;
								   background: rgba(255,255,255,0.9); }


/* titulooo */

.puerta-registro-wrapp-contenido-titulo{ width: 100%; display: block; }

.puerta-registro-wrapp-contenido-titulo h1{ font-family: "mangalregular";
											 font-size: 15px;
											 color: #111;
											 position: relative;
											 z-index: 2;
											 line-height: 10px

											  }

.puerta-registro-wrapp-contenido-titulo h2{ font-family: "familiar_probold";
											 font-size: 50px;
											 color: #111;
											 
											 position: relative;
											 z-index: 1;
											 width: 200px;
											

											 
											  }
.puerta-registro-wrapp-contenido-titulo h2 img{ width: 100%;
												max-width: 60px;
												position: absolute;
												top: -30px;
												right: -20px;
												z-index: -1;
												 }

.puerta-registro-wrapp-contenido-parrafo{ width: 100%;
										  padding: 15px 0px 0px 0px }

.puerta-registro-wrapp-contenido-parrafo p{ font-family: "Arial",sans-serif;
											font-size: 12px;
											color: #555;
											text-align: justify;
											 }


/* listaa */
.puerta-registro-wrapp-contenido-lista{ width: 100%;
										padding: 20px 0px 0px 0px;margin: 0
										 }
.puerta-registro-wrapp-contenido-lista .icon-check{ color: #ff0000 }

.puerta-registro-wrapp-contenido-lista li{ font-family: Arial,sans-serif;
										   font-size: 12px;
										   color: #555;
										   margin: 0; }





.puerta-registro-wrapp-contenido-img{ width: 100%;
									  text-align: center;
									  padding: 20px 0px 0px 0px }

.puerta-registro-wrapp-contenido-img img{ width: 100%;
										  max-width: 300px;
										  border:6px solid#ccc;
										   }

/* trianguloo */

.puerta-registro-triangulo{ width: 100%;
				 position: relative;
				 background: ;
				 height: 50px}

/* triangulo222 */
.puerta-registro-triangulo-forma {  position: absolute;
						 width: 0; 
				         height: 0; 
						 border-left: 60px solid transparent;
						 border-right: 60px solid transparent;
						 border-top: 50px solid rgba(255,255,255,0.9);
						 left: 50%;
						 transform: translateX(-50%);
					     top: 0 }


















/* puertaaa corredizaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa*/

#puerta-corrediza{ width: 100%;
				  
				  background: url(img/img-puerta-cortafuego/puerta-corrediza.jpg);
				  background-size: cover;
				  background-position: center center;
				  padding: 100px 20px 100px 20px
				   }



.puerta-corrediza-wrapp{ width: 50%;
						
						
						
						

						}

.puerta-corrediza-wrapp-centro{    width: 100%;
								  
								 
								  
								  
								  }

.puerta-corrediza-wrapp-contenido{ width: 100%;
								   padding: 50px 30px 50px 30px ;
								   background: rgba(255,255,255,0.9); }


/* titulooo */

.puerta-corrediza-wrapp-contenido-titulo{ width: 100%; display: block; }

.puerta-corrediza-wrapp-contenido-titulo h1{ font-family: "mangalregular";
											 font-size: 16px;
											 color: #111;
											 position: relative;
											 z-index: 2;
											 line-height: 10px;

											  }

.puerta-corrediza-wrapp-contenido-titulo h2{ font-family: "familiar_probold";
											 font-size: 50px;
											 color: #111;
											 
											 position: relative;
											 z-index: 1;
											 width: 230px;
											 
											 
											 
											  }
.puerta-corrediza-wrapp-contenido-titulo h2 img{ width: 100%;
												max-width: 60px;
												position: absolute;
												top: -30px;
												right: -20px;
												z-index: -1;
												 }

.puerta-corrediza-wrapp-contenido-parrafo{ width: 100%;
										  padding: 15px 0px 0px 0px }

.puerta-corrediza-wrapp-contenido-parrafo p{ font-family: "Arial",sans-serif;
											font-size: 12px;
											color: #555;
											text-align: justify;
											 }

/* listaa */
.puerta-corrediza-wrapp-contenido-lista{ width: 100%;
										padding: 20px 0px 0px 0px;margin: 0
										 }
.puerta-corrediza-wrapp-contenido-lista .icon-check{ color: #ff0000 }

.puerta-corrediza-wrapp-contenido-lista li{ font-family: Arial,sans-serif;
										   font-size: 12px;
										   color: #555;
										   margin: 0; }



.puerta-corrediza-wrapp-contenido-img{ width: 100%;
									  text-align: center;
									  padding: 20px 0px 0px 0px }

.puerta-corrediza-wrapp-contenido-img img{ width: 100%;
										  max-width: 300px;
										  border:6px solid#ccc;
										   }

/* trianguloo */

.puerta-corrediza-triangulo{ width: 100%;
				 position: relative;
				 background: ;
				 height: 50px}

/* triangulo222 */
.puerta-corrediza-triangulo-forma {  position: absolute;
						 width: 0; 
				         height: 0; 
						 border-left: 60px solid transparent;
						 border-right: 60px solid transparent;
						 border-top: 50px solid rgba(255,255,255,0.9);
						 left: 50%;
						 transform: translateX(-50%);
					     top: 0 }












/* puertaaa estancaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa */

#puerta-estanca{ width: 100%;
				  
				  background: url(img/img-puerta-cortafuego/puerta-estanca.jpg);
				  background-size: cover;
				  background-position: center center;
				  padding: 100px 20px 100px 20px
				   }


.puerta-estanca-wrapp{ width: 50%;}

.puerta-estanca-wrapp-centro{width: 100%;}

.puerta-estanca-wrapp-contenido{ width: 100%;
								 padding: 50px 30px 50px 30px ;
								   background: rgba(255,255,255,0.9); }


/* titulooo */

.puerta-estanca-wrapp-contenido-titulo{ width: 100%; display: block; }

.puerta-estanca-wrapp-contenido-titulo h1{ font-family: "mangalregular";
											 font-size: 15px;
											 line-height: 12px;
											 color: #111;
											 position: relative;
											 z-index: 2

											  }

.puerta-estanca-wrapp-contenido-titulo h2{ font-family: "familiar_probold";
											 font-size: 55px;
											 color: #111;
											 
											 position: relative;
											 z-index: 1;
											 width: 210px;
											}

											
.puerta-estanca-wrapp-contenido-titulo h2 img{ width: 100%;
												max-width: 60px;
												position: absolute;
												top: -27px;
												right: -20px;
												z-index: -1;
												 }

.puerta-estanca-wrapp-contenido-parrafo{ width: 100%;
										  padding: 15px 0px 0px 0px }

.puerta-estanca-wrapp-contenido-parrafo p{ font-family: "Arial",sans-serif;
											font-size: 12px;
											color: #555;
											text-align: justify;
											 }

/* listaa */
.puerta-estanca-wrapp-contenido-lista{ width: 100%;
										padding: 20px 0px 0px 0px;margin: 0
										 }
.puerta-estanca-wrapp-contenido-lista .icon-check{ color: #ff0000 }

.puerta-estanca-wrapp-contenido-lista li{ font-family: Arial,sans-serif;
										   font-size: 12px;
										   color: #555;
										   margin: 0; }


.puerta-estanca-wrapp-contenido-img{ width: 100%;
									  text-align: center;
									  padding: 20px 0px 0px 0px }

.puerta-estanca-wrapp-contenido-img img{ width: 100%;
										  max-width: 300px;
										  border:6px solid#ccc;
										   }

/* trianguloo */

.puerta-estanca-triangulo{ width: 100%;
				 position: relative;
				
				 height: 50px;}

/* triangulo222 */
.puerta-estanca-triangulo-forma {  position: absolute;
						 width: 0; 
				         height: 0; 
						 border-left: 60px solid transparent;
						 border-right: 60px solid transparent;
						 border-top: 50px solid rgba(255,255,255,0.9);
						 left: 50%;
						 transform: translateX(-50%);
					     top: -1px }








/*galeriaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa*/


#galeria{ width: 100%;
	      position: relative;
	      background: url(img/img-puerta-cortafuego/fondo-galeria.jpg);
	      background-size: cover;
	      background-position: center center;
	      background-attachment: fixed;
	      
	      padding: 50px 0px 0px 0px
	    }

.galeria-titulo{ width: 100%;
				 height: 150px;
				
				 position: relative; }

.galeria-titulo-centro{ position: absolute;
						top: 50%;
						left: 50%;
						transform: translateX(-50%)
						translateY(-50%);
						
						 }

.galeria-titulo-centro h1{ font-family: "Arial",sans-serif;
						   font-size: 70px;
						   color: #fff;
						   margin: 0;
						   line-height: 60px }

.galeria-titulo-centro h2{ font-family: "Arial",sans-serif;
						   font-size: 24px;
						   color: #fff;
						   margin: 0;
						   letter-spacing: -1px;
						   line-height: 15px }

/* contenido de galeriaaaa */
.galeria-contenido{ width: 100%;
					position: relative;
					overflow: hidden;}

/* cuerpoooo */
.galeria-contenido .cuerpo{ display: flex;
							width:300%;
							
							padding: 0}

.galeria-contenido .cuerpo li { width: 100vw;
							   
							    max-width:100%}


.wrapp-galeria{ max-width: 1200px;
			    
			    margin: 0 auto;
		         }


/*flechassssssss sliderrrr*/

.next{ position: absolute;top: 50%;right:2%;
	   transform:translateY(-50%);font-size: 80px;
	   ;color:#fff;cursor: pointer;z-index: 2 }



.atras{ position: absolute;top: 50%;left:2%;
	   transform:translateY(-50%);font-size: 80px;
	   color:#fff;cursor: pointer;z-index: 2 }



/* hojaaaaa  */
.wrapp-galeria-hoja{ width: 100%;
                     background: #fff;
                     box-shadow: 2px 2px 10px 2px;
                     position: relative;
                     color: #111;
                     height: 100%
					  }

.wrapp-galeria-hoja:before{


	                         content: "";
                            position: absolute;
                            top: 0;
                            left: 50%;
                            transform: translateX(-50%);
                            width: 30px;
                            height: 100%;
                            background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 46%, rgba(185,185,185,1) 53%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(46%, rgba(241,241,241,1)), color-stop(53%, rgba(185,185,185,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 46%, rgba(185,185,185,1) 53%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 46%, rgba(185,185,185,1) 53%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 46%, rgba(185,185,185,1) 53%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 46%, rgba(185,185,185,1) 53%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );





}

.wrapp-galeria-hoja-subhoja{ width: 50%;
							 
							 float: left; }

/* encabesadooo */
.wrapp-galeria-hoja-subhoja-encabezado{ width: 100%;
										
									
										float: left; 
										padding: 10px 20px 10px 0px;
										}

/* tituloo textoo */

/* PROYECTOO 11111 */
.wrapp-galeria-hoja-subhoja-encabezado-texto-p1{ width: 70%;
											  float: left;
											  padding: 30px 0px 0px 30px  }


.wrapp-galeria-hoja-subhoja-encabezado-texto-p1 h1{ font-family: "mangalregular";
												 font-size: 12px;
												 color: #fff;
												 margin: 0px 0px 5px 0px;
												 background-color: #ff0000;
												 width: 125px;
												 padding: 5px 0px 5px 0px;
												 text-align: center;
												 font-weight: 550
												 }

.wrapp-galeria-hoja-subhoja-encabezado-texto-p1 h2{ font-family: "newakedemo";
												 font-size: 18px;
												 color: #ff0000;
												 margin: 0;
												 font-weight: 100
												 }

/* ESPECIALLLL TITULOOOO DE PROYECTO  */
  
/* PROYECTOOOO 222222222 */

.isotope-item h1{ font-family: "mangalregular";
	              font-size: 12px;
				  color: #fff;
				  margin: 0px 0px 5px 0px;
				  background-color: #ff0000;
				  width: 125px;
				  padding: 5px 0px 5px 0px;
				  text-align: center;
				  font-weight: 550 }

.isotope-item h2{ font-family: "newakedemo";
	              font-size: 18px;
				  color: #ff0000;
				  margin: 0px;
				  font-weight:100 }








/* imagenn logo */
.wrapp-galeria-hoja-subhoja-encabezado-img{ width: 30%;
											  float: left;  }



.wrapp-galeria-hoja-subhoja-encabezado-img img{ float: right;
											width: 100%;
											max-width: 100px }


/* contenidoo de imageness */
.wrapp-galeria-hoja-subhoja-imagenes { width: 100%;
										float: left;
										
										padding: 0px 30px 20px 20px }




/* formaa para serviciossss */

/* formaaaaaaaaaaaa en puntaaaaaa */
.forma-en-puerta-especial-contenido{ width: 50%;
				  float: left;
				  height: 100px;
				  background: transparent;
				  margin: 100px 0px 0px 0px
				  
				   }


.forma-en-puerta-especial-contenido-trapecio{ width: 100%;
						   height: 0px;
						   border-right: 90px solid transparent;
						   border-left: 90px solid #101010;
						   border-bottom: 100px solid #101010; }


.forma-en-puerta-especial-contenido-trapecio2{ width: 100%;
						   height: 0px;
						   border-right: 90px solid #101010;
						   border-left: 90px solid transparent;
						   border-bottom: 100px solid #101010; }


@media screen and (max-width: 1300px){



.wrapp-galeria{ padding: 0px 20px 0px 20px
		         }

.next{
	   font-size: 40px;color: #ff0000
	    }



.atras{ font-size: 40px;color: #ff0000 }

}





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


/* proyecto 111111111111111111111111111111111111111111 */
.wrapp-galeria-hoja-subhoja-encabezado-texto-p1{ width: 70%;
											     float: left;
											     padding: 20px 0px 0px 30px ; }


.wrapp-galeria-hoja-subhoja-encabezado-texto-p1 h1{ font-size: 11px;
												    width: 110px;
												    padding: 5px 0px 5px 0px;
							                        font-weight: 550
												 }

.wrapp-galeria-hoja-subhoja-encabezado-texto-p1 h2{ font-size: 16px;
			                                        margin: 0;
												    font-weight: 400}

/* imagenn logo */
.wrapp-galeria-hoja-subhoja-encabezado-img{ width: 30%;
											  float: left;  }

.wrapp-galeria-hoja-subhoja-encabezado-img img{ float: right;
											    width: 100%;
											    max-width: 80px }


/* proyecto22222222222222222222222222222222222222222222222 */

.isotope-item h1{ font-size: 11px;
				width: 110px;
				padding: 5px 0px 5px 0px;
	            font-weight: 450;
	             }

.isotope-item h2{ font-size: 16px;
				 font-weight: 400;
	            margin: 0px 0px 0px 0px }




}





@media screen and (max-width: 900px){


/* proyectoo 1111111111111111111111111111111111111111111111111111*/
.wrapp-galeria-hoja-subhoja-encabezado-texto-p1{ width: 70%;
											  float: left;
											  padding: 10px 0px 0px 30px }


.wrapp-galeria-hoja-subhoja-encabezado-texto-p1 h1{ font-size: 10px;
												    width: 90px;
												    padding: 3px 0px 3px 0px;
							                        font-weight: 550;
							                        margin: 0px 0px 4px 0px
												 }

.wrapp-galeria-hoja-subhoja-encabezado-texto-p1 h2{ font-size: 13px;
			                                        margin: 0;
												    font-weight: 400
												 }

/* imagenn logo */
.wrapp-galeria-hoja-subhoja-encabezado-img{ width: 30%;
											  float: left;  }

.wrapp-galeria-hoja-subhoja-encabezado-img img{ float: right;
											    width: 100%;
											    max-width: 80px }

/* proyecto222222222222222222222222222222222222222222222222222 */

.isotope-item h1{ font-size: 10px;
				width: 90px;
				padding: 3px 0px 3px 0px;
	            font-weight: 450;
	            margin: 0px 0px 4px 0px }

.isotope-item h2{ font-size: 13px;
				 font-weight: 400;
	            margin: 0px 0px 0px 0px }



}





@media screen and (max-width: 700px){


/*proyecto 1111111111111111111111111111111111111111111111111*/
.wrapp-galeria-hoja-subhoja-encabezado-texto-p1{ width: 70%;
											  float: left;
											  padding: 8px 0px 0px 20px }


.wrapp-galeria-hoja-subhoja-encabezado-texto-p1 h1{ font-size: 9px;
												    width: 85px;
												    padding: 3px 0px 3px 0px;
							                        font-weight: 550;
							                        margin: 0px 0px 4px 0px
												 }

.wrapp-galeria-hoja-subhoja-encabezado-texto-p1 h2{ font-size: 12px;
			                                        margin: 0;
												    font-weight: 400
												 }

/* imagenn logo */
.wrapp-galeria-hoja-subhoja-encabezado-img{ width: 30%;
											  float: left;  }



.wrapp-galeria-hoja-subhoja-encabezado-img img{ float: right;
											    width: 100%;
											    max-width: 70px }


/* proyecto222222222222222222222222222222222222222222222222222 */

.isotope-item h1{ font-size: 9px;
				width: 85px;
				padding: 3px 0px 3px 0px;
	            font-weight: 450;
	            margin: 0px 0px 4px 0px }

.isotope-item h2{ font-size: 12px;
				 font-weight: 400;
	            margin: 0px 0px 0px 0px }




}



@media screen and (max-width: 700px){


/* proyecto 1111111111111111111111111111111111111111111111111111111111111*/
.wrapp-galeria-hoja-subhoja-encabezado-texto-p1{ width: 70%;
											  float: left;
											  padding: 6px 0px 0px 20px; }


.wrapp-galeria-hoja-subhoja-encabezado-texto-p1 h1{ font-size: 7px;
												    width: 70px;
												    padding: 3px 0px 3px 0px;
							                        font-weight: 550;
							                        margin: 0px 0px 4px 0px
												 }

.wrapp-galeria-hoja-subhoja-encabezado-texto-p1 h2{ font-size: 10px;
			                                        margin: 0;
												    font-weight: 400
												 }
/* imagenn logo */
.wrapp-galeria-hoja-subhoja-encabezado-img{ width: 30%;
											  float: left;  }



.wrapp-galeria-hoja-subhoja-encabezado-img img{ float: right;
											    width: 100%;
											    max-width: 70px }


/* proyecto222222222222222222222222222222222222222222222222222 */

.isotope-item h1{ font-size: 7px;
				width: 70px;
				padding: 3px 0px 3px 0px;
	            font-weight: 450;
	            margin: 0px 0px 4px 0px }

.isotope-item h2{ font-size: 10px;
				 font-weight: 400;
	            margin: 0px 0px 0px 0px }




}