/* 1100*/ 




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

/* tipossss de puertaasssssss cajaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa */



.puertacortafuego-tipos-caja-texto{ width:150px;}

.puertacortafuego-tipos-caja-texto h1{ font-size: 13px;
								       line-height: 13px }

.puertacortafuego-tipos-caja-texto h2{ font-size: 14px;
								        }




/* accesoriossssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss */

.imagen-de-accesorio{ width: 100%;
					  max-width: 180px }

.puertacortafuego-accesorios-contenido-cuadro-caja-texto-1,
.puertacortafuego-accesorios-contenido-cuadro-caja-texto-2,
.puertacortafuego-accesorios-contenido-cuadro-caja-texto-3,
.puertacortafuego-accesorios-contenido-cuadro-caja-texto-4,
.puertacortafuego-accesorios-contenido-cuadro-caja-texto-5{ width: 120px; }

.puertacortafuego-accesorios-contenido-cuadro-caja-texto-1 h1,
.puertacortafuego-accesorios-contenido-cuadro-caja-texto-2 h1,
.puertacortafuego-accesorios-contenido-cuadro-caja-texto-3 h1,
.puertacortafuego-accesorios-contenido-cuadro-caja-texto-4 h1,
.puertacortafuego-accesorios-contenido-cuadro-caja-texto-5 h1{ font-size: 10px }


.puertacortafuego-accesorios-contenido-cuadro-caja-texto-1 h2,
.puertacortafuego-accesorios-contenido-cuadro-caja-texto-2 h2,
.puertacortafuego-accesorios-contenido-cuadro-caja-texto-3 h2,
.puertacortafuego-accesorios-contenido-cuadro-caja-texto-4 h2,
.puertacortafuego-accesorios-contenido-cuadro-caja-texto-5 h2{ font-size: 11.5px }

}






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


/* tipossss de puertaasssssss cajaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa */



.puertacortafuego-tipos-caja-texto{ width:140px;}

.puertacortafuego-tipos-caja-texto: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%);
								     
								     }

.puertacortafuego-tipos-caja-texto h1{ font-size: 12px;
								       line-height: 13px }

.puertacortafuego-tipos-caja-texto h2{ font-size: 13px;
								        }









/* presentacionnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn */
/* seccion11 */
/* tituloo */
.puerta-cortafuego-presentacion-secto1-seccion1-titulo h1{ font-size: 45px;
														   line-height: 30px}

.puerta-cortafuego-presentacion-secto1-seccion1-titulo h2{ font-size: 45px;
														   width: 345px;
														   }

.puerta-cortafuego-presentacion-secto1-seccion1-titulo h2 img { width: 100%;
															    max-width: 70px;
															    top: -45px;
															    right: -17px;
															    }
/* seccion222 parrafooo */
.puerta-cortafuego-presentacion-secto1-seccion1-texto h1{ font-size: 14px; }

.puerta-cortafuego-presentacion-secto1-seccion1-texto p{ font-size: 12px; }








/* cualidadesssss tecnicassssssssssssssssssssssssssssssssssssssssssssssssssssssss */
/* tituloo */
.puertacortafuego-titulo-sector1 h1{ font-size: 20px;
									 line-height: 15px; }

.puertacortafuego-titulo-sector1 h2{ font-size: 33px;
									  width: 190px;
									  
									}

.puertacortafuego-titulo-sector1 h2 img{ width: 100%;
										 max-width: 47px;
										 position: absolute;
										 right: -10px;
										 top: -27px;
										 z-index: -1; }




/* resistenciaaa y certificacionnn */
/* eemplazo */
.puertacortafuego-contenido-sector1-seccion2-info-mas2{ display: block; }
/* originall */
.puertacortafuego-contenido-sector1-seccion2-info-mas{ display: none; }

.puertacortafuego-contenido-sector1-seccion2-info-mas-resistencia{ width: 100%;padding: 30px 0px 50px 0px }

.puertacortafuego-contenido-sector1-seccion2-info-mas-resistencia-sub1-texto{ width:110px;
																			  margin: 0px auto 0px auto;
																			  float: none;
																			  padding: 0%;
																			   }
/* parrafo de resistencia al fuego */
.puertacortafuego-contenido-sector1-seccion2-info-mas-resistencia-sub1-parrafo{ width: 50%;
																				float: none;
																				margin: 20px auto 50px auto;

																				 }
.puertacortafuego-contenido-sector1-seccion2-info-mas-certificaciones{ width: 100% }
.puertacortafuego-contenido-sector1-seccion2-info-mas-certificaciones-titulo h1{ }

/* parrafo de certificacioness */
.puertacortafuego-contenido-sector1-seccion2-info-mas-certificaciones-parrafo{ width: 50%;
																			   margin: 0 auto }

/* cuadroooooooooooooooooooooooooooooooo descriptivoo */
/* cajaaaa */
.puertacortafuego-contenido-sector1-seccion2-info-cuadro-caja{ width: 50%;
															   
															   
															    }

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




/* marcooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
/* sectorrr1111 */
/* titulooo */
.marco-sector1-centro{ width: 60%;
					  }



/* parrafo de titulo */
.marco-sector1-parrafo p{ font-size: 11.9px }


/* sectorrr222222 */
/* cuadroooooooooooooooooo */
.marco-sector2-seccion2{padding: 60px 0px 0px 20px
						 
						  }
/* titulooo de cuadroo material ins...... */

/* seccion222  contenido de cuadro  */

.marco-sector2-seccion2-sub1-cuadro-caja{ width: 50%;
									      height: 150px;
									      border-right:1px solid#111;
									      float: left;
									  }

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

.marco-sector2-seccion2-sub1-cuadro-caja:nth-child(3){ border-top: 1px solid#111 }
.marco-sector2-seccion2-sub1-cuadro-caja:nth-child(4){ border-top: 1px solid#111 }

.marco-sector2-seccion2-sub1-cuadro-caja-titulo h1{ font-size: 11.9px }

.marco-sector2-seccion2-sub1-cuadro-caja-dato p{ font-size: 11.9px }

/* masss infooooo debajo de cuadroooo */

.marco-sector2-seccion2-sub2-uno{ display: none; }
.marco-sector2-seccion2-sub2-dos{ display: block; }
.marco-sector2-seccion2-sub2-seccion1 h1{ font-size: 11.9px }

.marco-sector2-seccion2-sub2-seccion1 p{ font-size: 11.9px }

/* tablaaa */
/* tituloo */
.marco-sector2-seccion2-sub2-seccion2 h1{ font-size: 13.9px }
/* datoss cajaa*/
/*barra 11*/
.marco-sector2-seccion2-sub2-seccion2-tabla-barra-caja h1{ font-size: 11.9px }

.marco-sector2-seccion2-sub2-seccion2-tabla-barra-caja p{ font-size: 10.9px }

/*barra 222*/
.marco-sector2-seccion2-sub2-seccion2-tabla-barra2-caja h1{ font-size: 11.9px }

.marco-sector2-seccion2-sub2-seccion2-tabla-barra2-caja p{ font-size: 10.9px }






/* tiposssss de puertaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa sliderrrrrrrrrrrrrrrrrrr */

.tipos-puertas-slider-titulo h1{font-size: 25px;
								line-height: 20px}

.tipos-puertas-slider-titulo h2{ font-size: 35px;
								 
								 width: 270px;
								
								  }

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

/* tipos de puertaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa continuacionnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn */

/* puertaa montanteee */
/* tituloo */
.puerta-montante-wrapp-contenido-titulo h1{ font-size: 16px; }

.puerta-montante-wrapp-contenido-titulo h2{ font-size: 45px;
											
											width: 200px;}

.puerta-montante-wrapp-contenido-titulo h2 img{ width: 100%;
												max-width: 55px;
												top: -26px;
												right: -20px;
												
												 }
.puerta-montante-wrapp-contenido-parrafo p{ font-size: 11.5px }



/* puertaa registro */
/* tituloo */
.puerta-registro-wrapp-contenido-titulo h1{ font-size: 13px; }

.puerta-registro-wrapp-contenido-titulo h2{ font-size: 45px;
											
											width: 183px;
											}

.puerta-registro-wrapp-contenido-titulo h2 img{ width: 100%;
												max-width: 55px;
												top: -26px;
												right: -20px;
												
												 }
.puerta-registro-wrapp-contenido-parrafo p{ font-size: 11.5px }




/* puertaa corrediza */
/* tituloo */
.puerta-corrediza-wrapp-contenido-titulo h1{ font-size: 16px; }

.puerta-corrediza-wrapp-contenido-titulo h2{ font-size: 45px;
											 width: 207px;
											}

.puerta-corrediza-wrapp-contenido-titulo h2 img{ width: 100%;
												max-width: 55px;
												top: -26px;
												right: -20px;
												
												 }
.puerta-corrediza-wrapp-contenido-parrafo p{ font-size: 11.5px }




/* puertaa estanca */
/* tituloo */
.puerta-estanca-wrapp-contenido-titulo h1{ font-size: 13px;
											line-height: 5px }

.puerta-estanca-wrapp-contenido-titulo h2{ font-size: 45px;
											
											width: 170px;
											}

.puerta-estanca-wrapp-contenido-titulo h2 img{ width: 100%;
												max-width: 55px;
												top: -27px;
												right: -20px;
												
												 }
.puerta-estanca-wrapp-contenido-parrafo p{ font-size: 11.5px }



}








/* 1000*/

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



/* tipossss de puertaasssssss cajaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa */

.puertacortafuego-tipos-caja-texto{ width:130px;}

.puertacortafuego-tipos-caja-texto: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%);
								     
								     }

.puertacortafuego-tipos-caja-texto h1{ font-size: 11px;
								       line-height: 11px }

.puertacortafuego-tipos-caja-texto h2{ font-size: 12px;
								        }











/* presentacionnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn */
/* seccion11 */
/* tituloo */
.puerta-cortafuego-presentacion-secto1-seccion1-titulo h1{ font-size: 40px;
														   line-height: 25px}

.puerta-cortafuego-presentacion-secto1-seccion1-titulo h2{ font-size: 40px;
														   width: 305px;}

.puerta-cortafuego-presentacion-secto1-seccion1-titulo h2 img { width: 100%;
															    max-width: 60px;
															    top: -35px;
															    right: -15px;}
/* seccion222 parrafooo */
.puerta-cortafuego-presentacion-secto1-seccion1-texto h1{ font-size: 13.5px; }

.puerta-cortafuego-presentacion-secto1-seccion1-texto p{ font-size: 11.5px; }






/* contenidoooooooooooooooooooooooooooooooo  hoja metalicaaaaaaaaaaaaaaaaaa */
.puertacortafuego-contenido-sector1-seccion1-texto h1{ font-size: 14px }
.puertacortafuego-contenido-sector1-seccion1-texto p{ font-size: 11.5px }
.puertacortafuego-contenido-sector1-seccion1-img img{ width: 100%;
												  max-width: 500px; }




/* medidassssssssssssssssssssssssssssssssssssssssssssssssss */
.puertacortafuego-contenido-sector2{ margin: 30px 0px 100px 0px }
/* titulo */
.puertacortafuego-contenido-sector2-seccion1-titulo-texto-text h1{font-size: 30px}

.puertacortafuego-contenido-sector2-seccion1-titulo-texto-text h2{font-size: 40px;
																  width: 167px;
																 
																  
																}

.puertacortafuego-contenido-sector2-seccion1-titulo-texto-text h2 img{ width: 100%;
																	   max-width: 50px;
																	   top: -27px;
																	   right: -17px;
																	   
																	    }
.puertacortafuego-contenido-sector2-seccion1 p{ font-size: 11.9px }

/* linea veretical */
.puertacortafuego-contenido-sector2-seccion1-titulo-texto-flecha-vertical-linea{ height: 90px }
/* parrafo */
.puertacortafuego-contenido-sector2-seccion1 p{ width: 65% }

/* tituloo de cuadro */
.puertacortafuego-contenido-sector2-seccion2-cuadro-titulo h1{font-size:11.9px;}










/* accesoriossssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss */

.imagen-de-accesorio{ width: 100%;
					  max-width: 160px }





/* marcoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */

.marco-sector1-titulo h1{ font-size: 22px;
						 line-height: 20px
						  }

.marco-sector1-titulo h2{ font-size: 27px;
						  width: 155px;
						 
						  
						   }


.marco-sector1-titulo h2 img{ width: 100%;
							  max-width: 40px;
							  top: -22px;
							  right: -9px;
							  
							  }




}









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



/*logooooooooooooooooooooooooooo */

#logo-rojo{ width: 100%;max-width: 100px;background-color: red; }







/* tipossss de puertaasssssss cajaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa */

.puertacortafuego-tipos-caja{ width: 33.3%;
					          margin: 10px 0px 20px 0px }
.puertacortafuego-tipos-caja img{ width: 100%;
								  max-width: 120px}

.puertacortafuego-tipos-caja-texto{ width:150px;}







/* presentacionnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn */
/* seccion11 */
/* tituloo */
.puerta-cortafuego-presentacion-secto1-seccion1-titulo h1{ font-size: 35px;
														   line-height: 25px}

.puerta-cortafuego-presentacion-secto1-seccion1-titulo h2{ font-size: 35px;
														   width: 265px;
														  }

.puerta-cortafuego-presentacion-secto1-seccion1-titulo h2 img { width: 100%;
															    max-width: 50px;
															    top: -28px;
															    right: -15px;
															    }
/* seccion222 parrafooo */
.puerta-cortafuego-presentacion-secto1-seccion1-texto h1{ font-size: 12px; }

.puerta-cortafuego-presentacion-secto1-seccion1-texto p{ font-size: 11px; }








/* cualidadesss tecnicasssssssssssssssssssssssssssssssssssssssssssssss */

.puertacortafuego-titulo-sector1{ text-align: center; }

.puertacortafuego-titulo-sector1 h1{ font-size: 18px;
									 line-height: 10px;
									 color: #111 }

.puertacortafuego-titulo-sector1 h2{ font-size: 27px;
									  width: 155px;
									  margin: 0 auto;
									  color: #111
									}

.puertacortafuego-titulo-sector1 h2 img{ width: 100%;
										 max-width: 37px;
										 position: absolute;
										 right: -10px;
										 top: -22px;
										 z-index: -1; }






/* contenidoooooooooooooooooooooooooooooooo  hoja metalicaaaaaaaaaaaaaaaaaa */
.puertacortafuego-contenido-sector1-seccion1-texto h1{ font-size: 13.5px }
.puertacortafuego-contenido-sector1-seccion1-texto p{ font-size: 11.5px }
.puertacortafuego-contenido-sector1-seccion1-img img{ width: 100%;
												  }








/* cuadroooooooooooooooooooooooooooooooo descriptivoo */



/*seccion22*/
.puertacortafuego-contenido-sector1-seccion2{ padding: 20px 20px 0px 20px   }
/*img*/
.puertacortafuego-contenido-sector1-seccion2-img{ width: 100%;
												  padding: 0px 0px 20px 0px }

/* cuadrooo */
.puertacortafuego-contenido-sector1-seccion2-info{ width: 100% }
/* cajaaaa */
.puertacortafuego-contenido-sector1-seccion2-info-cuadro-caja{ width: 50%;
															   
															   
															    }

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

/* parrafo de resistencia al fuego */
.puertacortafuego-contenido-sector1-seccion2-info-mas-resistencia-sub1-parrafo{ width: 70%;
																				
																				

																				 }
/* titulo certificaciones */
.puertacortafuego-contenido-sector1-seccion2-info-mas-certificaciones-titulo h1{ font-size: 14px;
																				 width: 137px;
																				 
																				 
																				
																				  }

.puertacortafuego-contenido-sector1-seccion2-info-mas-certificaciones-titulo h1 img{ width: 100%;
																					 max-width: 20px;
																					 top: -6px;
																					 right: -4px;
																					 
																					 }
/* parrafo de certificacioness */
.puertacortafuego-contenido-sector1-seccion2-info-mas-certificaciones-parrafo{ width: 70%;
																			   }

/* medidasssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss */

.puertacortafuego-contenido-sector2-seccion2-cuadro{ width: 100%;float: left;
													 
													 border:2px solid#123;
													 margin: 0% 0% 9% 0%  }


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


.puerta-cortafuego-inicio-boton{ width: 100%;
					  height: 120px;
						   }
.puerta-cortafuego-inicio-boton-triangulo{ border-left: 70px solid transparent;
								border-top: 70px solid #ff0000;
								border-right:70px solid transparent;
								  
								     }

.puerta-cortafuego-inicio-boton-triangulo:before{ content: "Cotizar";
									   width: 70px;
									   height: 70px;
									   line-height: 50px;
									   font-size: 10px;
										  
										    }
.puerta-cortafuego-inicio-boton-triangulo:hover{ border-top: 70px solid #420000; }





/* accesoriossssssssssssssssssssssssssssssssssssssssssssssssssssssssssss */
.puertacortafuego-accesorios-contenido{padding: 60px 20px 30px 20px;  }
.puertacortafuego-accesorios-contenido-cuadro-caja{ width: 50% }




/* tiposssss de puertaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa  sliderrrrrrrrrrrrrrr*/

.tipos-puertas-slider-titulo h1{font-size: 20px;
								line-height: 15px}

.tipos-puertas-slider-titulo h2{ font-size: 30px;
								 width: 230px;
								
								  }

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








/* marcooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
/* sectorrr1111 */
/* titulooo */

.marco-sector1-centro{ width: 70%;
					  }

.marco-sector1-titulo{ padding: 0px 0px 10px 0px }



/* parrafo de titulo */
.marco-sector1-parrafo p{ font-size: 11px }


/* sectorrr222222 */

/* img de marco */
.marco-sector2-seccion1{width: 100%}
/* cuadroooooooooooooooooo */
.marco-sector2-seccion2{width: 100%;padding: 20px 0px 0px 0px
						 
						  }
/* titulooo de cuadroo material ins...... */

/* seccion222  contenido de cuadro  */

.marco-sector2-seccion2-sub1-cuadro-caja{ width: 50%;
									      height: 150px;
									      border-right:1px solid#111;
									      float: left;
									  }

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

.marco-sector2-seccion2-sub1-cuadro-caja:nth-child(3){ border-top: 1px solid#111 }
.marco-sector2-seccion2-sub1-cuadro-caja:nth-child(4){ border-top: 1px solid#111 }

.marco-sector2-seccion2-sub1-cuadro-caja-titulo h1{ font-size: 11px }

.marco-sector2-seccion2-sub1-cuadro-caja-dato p{ font-size: 11px }

/* masss infooooo debajo de cuadroooo */

.marco-sector2-seccion2-sub2-uno{ display: none; }
.marco-sector2-seccion2-sub2-dos{ display: block; }
.marco-sector2-seccion2-sub2-seccion1 h1{ font-size: 11px }

.marco-sector2-seccion2-sub2-seccion1 p{ font-size: 11px }

/* tablaaa */
/* tituloo */
.marco-sector2-seccion2-sub2-seccion2 h1{ font-size: 13px }
/* datoss cajaa*/
/*barra 11*/
.marco-sector2-seccion2-sub2-seccion2-tabla-barra-caja h1{ font-size: 11px }

.marco-sector2-seccion2-sub2-seccion2-tabla-barra-caja p{ font-size: 10px }

/*barra 222*/
.marco-sector2-seccion2-sub2-seccion2-tabla-barra2-caja h1{ font-size: 11px }

.marco-sector2-seccion2-sub2-seccion2-tabla-barra2-caja p{ font-size: 10.5px }








/* tipos de puertaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa continuacionnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn */

/* puertaa montanteee */
/* tituloo */
.puerta-montante-wrapp-contenido-titulo h1{ font-size: 14px; }

.puerta-montante-wrapp-contenido-titulo h2{ font-size: 35px;
											
											width: 155px; }

.puerta-montante-wrapp-contenido-titulo h2 img{ width: 100%;
												max-width: 45px;
												top: -25px;
												right: -17px;}

.puerta-montante-wrapp-contenido-parrafo p{ font-size: 11px }


/* puertaa registro */
/* tituloo */
.puerta-registro-wrapp-contenido-titulo h1{ font-size: 12px; }

.puerta-registro-wrapp-contenido-titulo h2{ font-size: 35px;
											
											width: 143px;
											 }

.puerta-registro-wrapp-contenido-titulo h2 img{ width: 100%;
												max-width: 45px;
												top: -24px;
												right: -15px;}

.puerta-registro-wrapp-contenido-parrafo p{ font-size: 11px }



/* puertaa corrediza */
/* tituloo */
.puerta-corrediza-wrapp-contenido-titulo h1{ font-size: 13px; }

.puerta-corrediza-wrapp-contenido-titulo h2{ font-size: 35px;
											
											width: 162px; }

.puerta-corrediza-wrapp-contenido-titulo h2 img{ width: 100%;
												max-width: 45px;
												top: -20px;
												right: -15px;}

.puerta-corrediza-wrapp-contenido-parrafo p{ font-size: 11px }




/* puertaa estanca */
/* tituloo */
.puerta-estanca-wrapp-contenido-titulo h1{ font-size: 11px; }

.puerta-estanca-wrapp-contenido-titulo h2{ font-size: 35px;
											
											width: 134px; }

.puerta-estanca-wrapp-contenido-titulo h2 img{ width: 100%;
												max-width: 45px;
												top: -24px;
												right: -15px;}

.puerta-estanca-wrapp-contenido-parrafo p{ font-size: 11px }



}









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


/* presentacionnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn */
#puerta-cortafuego-presentacion{ padding: 50px 0px 20px 0px  }
/* seccion11 */
/* tituloo */

.puerta-cortafuego-presentacion-secto1-seccion1-titulo{ width: 100% }

/* seccion222 parrafooo */

.puerta-cortafuego-presentacion-secto1-seccion1-texto{ width: 100%;
													   padding: 10px 0px 0px 0px }






/* contenidoooooooooooooooooooooooooooooooo  hoja metalicaaaaaaaaaaaaaaaaaa */

.puertacortafuego-contenido-sector1-seccion1-texto{ width: 100% }
.puertacortafuego-contenido-sector1-seccion1-texto h1{ font-size: 13px }
.puertacortafuego-contenido-sector1-seccion1-texto p{ font-size: 11px }
.puertacortafuego-contenido-sector1-seccion1-img{ width: 100% }
.puertacortafuego-contenido-sector1-seccion1-img img{ width: 100%;max-width: 500px;
													  padding: 20px 0px 0px 0px
												  }








/* medidassssssssssssssssssssssssssssssssssssssssssssssssss */
.puertacortafuego-contenido-sector2{ margin: 25px 0px 80px 0px }
/* titulo */
.puertacortafuego-contenido-sector2-seccion1-titulo{ width:200px;
													}
.puertacortafuego-contenido-sector2-seccion1-titulo-texto-text h1{font-size: 25px;
																	line-height: 20px}

.puertacortafuego-contenido-sector2-seccion1-titulo-texto-text h2{font-size: 32px;
																  width: 135px;
																  
																 
																  
																}

.puertacortafuego-contenido-sector2-seccion1-titulo-texto-text h2 img{ width: 100%;
																	   max-width: 30px;
																	   top: -10px;
																	   right: -7px;
																	   
																	   
																	    }
.puertacortafuego-contenido-sector2-seccion1 p{ font-size: 11px }

/* linea veretical */
.puertacortafuego-contenido-sector2-seccion1-titulo-texto-flecha-vertical-linea{ height: 80px }
/* parrafo */
.puertacortafuego-contenido-sector2-seccion1 p{ width: 70% }

/* tituloo de cuadro */
.puertacortafuego-contenido-sector2-seccion2-cuadro-titulo h1{font-size:12px;}







/* tipos de puertaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa continuacionnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn */

/* puertaa montanteee */
.puerta-montante-wrapp{ width: 70%;margin: 0 auto}
/* tituloo */
.puerta-montante-wrapp-contenido-titulo h1{ font-size: 10px; }

.puerta-montante-wrapp-contenido-titulo h2{ font-size: 27px;
											
											width: 120px;}

.puerta-montante-wrapp-contenido-titulo h2 img{ width: 100%;
												max-width: 30px;
												top: -12px;
												right: -10px;
												
												 }
.puerta-montante-wrapp-contenido-parrafo p{ font-size: 10px }



/* puertaa registro */
.puerta-registro-wrapp{ width: 70%;margin: 0 auto}
/* tituloo */
.puerta-registro-wrapp-contenido-titulo h1{ font-size: 10px; }

.puerta-registro-wrapp-contenido-titulo h2{ font-size: 30px;
											
											width: 122px;
										}
											
.puerta-registro-wrapp-contenido-titulo h2 img{ width: 100%;
												max-width: 30px;
												top: -10px;
												right: -8px;
												
												 }
.puerta-registro-wrapp-contenido-parrafo p{ font-size: 10px }



/* puertaa corrediza */
.puerta-corrediza-wrapp{ width: 70%;margin: 0 auto}
/* tituloo */
.puerta-corrediza-wrapp-contenido-titulo h1{ font-size: 10px; }

.puerta-corrediza-wrapp-contenido-titulo h2{ font-size: 27px;
											line-height: 30px;
											width: 125px;}
											
.puerta-corrediza-wrapp-contenido-titulo h2 img{ width: 100%;
												max-width: 30px;
												top: -12px;
												right: -9px;
												
												 }
.puerta-corrediza-wrapp-contenido-parrafo p{ font-size: 10px }



/* puertaa estanca */
.puerta-estanca-wrapp{ width:70%;margin: 0 auto}

/* tituloo */
.puerta-estanca-wrapp-contenido-titulo h1{ font-size: 10px; }

.puerta-estanca-wrapp-contenido-titulo h2{ font-size: 33px;
											
											width: 125px;
											}
											
.puerta-estanca-wrapp-contenido-titulo h2 img{ width: 100%;
												max-width: 30px;
												top: -8px;
												right: -8px;
												
												 }
.puerta-estanca-wrapp-contenido-parrafo p{ font-size: 10px }




}




/* 700*/

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






/* tipossss de puertaasssssss cajaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa */

.puertacortafuego-tipos-caja{ width: 50%;
					          margin: 10px 0px 20px 0px }
.puertacortafuego-tipos-caja img{ width: 100%;
								  max-width: 120px}

.puertacortafuego-tipos-caja-texto{ width:150px;}









/* presentacionnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn */
/* seccion11 */
/* tituloo */
.puerta-cortafuego-presentacion-secto1-seccion1-titulo h1{ font-size: 25px;
														   line-height: 25px}

.puerta-cortafuego-presentacion-secto1-seccion1-titulo h2{ font-size: 25px;
														   width: 190px;
														   }

.puerta-cortafuego-presentacion-secto1-seccion1-titulo h2 img { width: 100%;
															    max-width: 40px;
															    top: -28px;
															    right: -12px;
															    }





/* cualidadesss tecnicasssssssssssssssssssssssssssssssssssssssssssssss */

.puertacortafuego-titulo-sector1 h1{ font-size: 16px;
									 line-height: 10px; }

.puertacortafuego-titulo-sector1 h2{ font-size: 22px;
									  width: 125px;
									  
									}

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











/* parrafo de resistencia al fuego */
.puertacortafuego-contenido-sector1-seccion2-info-mas-resistencia-sub1-parrafo{ width: 90%;
																			}
.puertacortafuego-contenido-sector1-seccion2-info-mas-resistencia-sub1-parrafo p{ font-size: 10.5px }																			

/* parrafo de certificacioness */
.puertacortafuego-contenido-sector1-seccion2-info-mas-certificaciones-parrafo{ width: 90%;
																			   }
.puertacortafuego-contenido-sector1-seccion2-info-mas-certificaciones-parrafo p{ font-size: 10.5px }



/* medidassssssssssssssssssssssssssssssssssssssssssssssssss */
.puertacortafuego-contenido-sector2{ margin: 30px 0px 80px 0px }
/* titulo */
.puertacortafuego-contenido-sector2-seccion1-titulo{ width:200px;
													}
.puertacortafuego-contenido-sector2-seccion1-titulo-texto-text h1{font-size: 20px;
																line-height: 15px}

.puertacortafuego-contenido-sector2-seccion1-titulo-texto-text h2{font-size: 28px;
																  width: 118px;
																  
																 
																 
																  
																}

.puertacortafuego-contenido-sector2-seccion1-titulo-texto-text h2 img{ width: 100%;
																	   max-width: 25px;
																	   top: -5px;
																	   right: -6px;
																	   
																	   
																	    }
.puertacortafuego-contenido-sector2-seccion1 p{ font-size: 10.5px }

/* linea veretical */
.puertacortafuego-contenido-sector2-seccion1-titulo-texto-flecha-vertical-linea{ height: 70px }
/* parrafo */
.puertacortafuego-contenido-sector2-seccion1 p{ width: 90% }






/* tiposssss de puertaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa */

.tipos-puertas-slider-titulo h1{font-size: 15px;
								line-height: 13px}

.tipos-puertas-slider-titulo h2{ font-size: 25px;
								 width: 190px;
								
								  }

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






/* marcooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
/* sectorrr1111 */
/* titulooo */

.marco-sector1-centro{ width: 90%;
					  }

.marco-sector1-titulo{ padding: 0px 0px 10px 0px }



/* parrafo de titulo */
.marco-sector1-parrafo p{ font-size: 11px }


/* sectorrr222222 */

/* img de marco */
.marco-sector2-seccion1{width: 100%}
/* cuadroooooooooooooooooo */
.marco-sector2-seccion2{width: 100%;padding: 20px 0px 0px 0px
						 
						  }




/* masss infooooo debajo de cuadroooo */
.marco-sector2-seccion2-sub2-seccion1{ width: 100% }
.marco-sector2-seccion2-sub2-seccion2{ width: 100% }
.marco-sector2-seccion2-sub2-seccion1 h1{ font-size: 10px }

.marco-sector2-seccion2-sub2-seccion1 p{ font-size: 10px }

/* tablaaa */
/* tituloo */
.marco-sector2-seccion2-sub2-seccion2 h1{ font-size: 12px }
/* datoss cajaa*/
/*barra 11*/
.marco-sector2-seccion2-sub2-seccion2-tabla-barra-caja h1{ font-size: 10px }

.marco-sector2-seccion2-sub2-seccion2-tabla-barra-caja p{ font-size: 10px }

/*barra 222*/
.marco-sector2-seccion2-sub2-seccion2-tabla-barra2-caja h1{ font-size: 10px }

.marco-sector2-seccion2-sub2-seccion2-tabla-barra2-caja p{ font-size: 10px }







/* tipos de puertaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa continuacionnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn */

/* puertaa montanteee */
.puerta-montante-wrapp{ width: 80%;margin: 0 auto}

/* puertaa montanteee */
.puerta-registro-wrapp{ width: 80%;margin: 0 auto}

/* puertaa montanteee */
.puerta-corrediza-wrapp{ width: 80%;margin: 0 auto}

/* puertaa montanteee */
.puerta-estanca-wrapp{ width: 80%;margin: 0 auto}








}





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





/* tipossss de puertaasssssss cajaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa */

.puertacortafuego-tipos-caja{ width: 100%;
					          margin: 10px 0px 20px 0px }
.puertacortafuego-tipos-caja img{ width: 100%;
								  max-width: 150px}










/* presentacionnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn */
/* seccion11 */
/* tituloo */
.puerta-cortafuego-presentacion-secto1-seccion1-titulo h1{ font-size: 22px;
														   line-height: 22px}

.puerta-cortafuego-presentacion-secto1-seccion1-titulo h2{ font-size: 22px;
														   width: 168px;
														   }

.puerta-cortafuego-presentacion-secto1-seccion1-titulo h2 img { width: 100%;
															    max-width: 40px;
															    top: -28px;
															    right: -12px;
															    }








/* accesoriossssssssssssssssssssssssssssssssssssssssssssssssssssssssssss */
.puertacortafuego-accesorios-contenido{padding: 70px 20px 30px 20px;  }
.puertacortafuego-accesorios-contenido-cuadro-caja{ width: 100%;
                                                    padding: 0px 0px 0px 0px;
                                                    margin: 20px 0px 20px 0px }														   





/* tipos de puertaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa continuacionnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn */

/* puertaa montanteee */
.puerta-montante-wrapp{ width: 90%;}

/* puertaa registro */
.puerta-registro-wrapp{ width: 90%;}

/* puertaa coreediza */
.puerta-corrediza-wrapp{ width: 90%;}

/* puertaa estancaa */
.puerta-estanca-wrapp{ width: 90%;}





}




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









.puerta-cortafuego-inicio-sector1-seccion3-info-img{ padding: 40px 0px 0px 0px }






/* seccion222 */


.puerta-cortafuego-presentacion-sector2-seccion1-img{ padding: 20px 0px 0px 0px }

.puerta-montante-wrapp-contenido-lista li ,
.puerta-registro-wrapp-contenido-lista li ,
.puerta-corrediza-wrapp-contenido-lista li ,
.puerta-estanca-wrapp-contenido-lista li{ font-size: 10px;
										    }


}





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

.puerta-cortafuego-inicio-sector1-seccion3-info-img{ padding: 60px 0px 0px 0px }

}