/* especiall logo */
*{ box-sizing: border-box; }
#logo-blanco-aparece{ display: none; }




/*portadaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa*/

#puerta-portada{ width: 100%;
				 background: url(img/img-puerta-cortafuego/portada.jpg);
				 background-size: cover;
				 background-position: center center;
				 height: 250px;
				 position: relative; }


/* formaaa */
.puerta-forma{ width: 100%;
			   position:absolute;
			   bottom: 0;
			   left: 0}

.puerta-forma-mitad { width: 50%;
				      float: left;}

.puerta-forma-mitad-trapecio{ width: 100%;
						      height: 0px;
						      border-right: 30px solid transparent;
						      border-left: 30px solid #efefef;
						      border-bottom: 20px solid #efefef; }

.puerta-forma-mitad-trapecio2{ width: 100%;
						       height: 0px;
						       border-right: 30px solid #efefef;
						       border-left: 30px solid transparent;
						       border-bottom: 20px solid #efefef; }








/* espaciooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */

#espacio{ width: 100%;
	      height: 250px;}













/*guiaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa */
#accesorio-guia{ width: 100%;
				 background-color: #efefef;
				 margin: 0px 0px 30px 0px;
				 position: relative;
				 padding: 0px 15px 0px 15px}

.accesorio-guia{ width: 100%;
				 padding: 10px 0px 30px 0px}

.accesorio-guia ul{ padding: 0;
					margin: 0;
					display: flex;}

.accesorio-guia ul li{ list-style: none; }

.accesorio-guia ul li a{text-decoration: none;
						padding: 0px 5px 0px 5px;
						display: block;
					    font-family: "Montserrat";
					    color: #444;
					    font-size: 13px}
					    

.resaltar{ color: #222;font-weight: 600 }					    

.accesorio-guia ul li a:hover{ color: #ff0000 }



/* trianguloo */
.guia-triangulo{  position: absolute;
				  bottom: -20px;
				  left: 50%;
				  transform: translateX(-50%);
				  border-left: 40px solid transparent;
				  border-right: 40px solid transparent;
				  border-top: 20px solid #efefef;
				  }













/* accesoriooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/

#accesorio{ width: 100%;}




/* sector111111111111111111111111111111111111111111111111111111111111111111111111111*/
.accesorio-sector1{ width: 32%;
					float: left;
					padding: 10px;
					background-color: #fff}

/* contenidooo buscadorrrrrrr */
.accesorio-sector1-buscador{ width: 100%;
	                         position: relative;
	                         height: 60px;}



/* menuuuu verticallllllll */	
.accesorio-sector1-menu { width: 100%;font-family: "Montserrat"}

/* titulooooooooooo*/
.accesorio-sector1-menu-titulo{ width: 100%;
								 background-color: #ff0000;
								 padding: 10px 0px 10px 10px;
								 margin: 5px 0px 0px 0px;
								 cursor: pointer;}

.accesorio-sector1-menu-titulo:hover{ background-color: #440000 }

.accesorio-sector1-menu-titulo h1{ font-size: 13px;
									color: #fff;
									margin: 0}
/*iconoooo*/
.accesorio-sector1-menu-titulo h1 span{ color: #fff;
									     font-size: 17px;
	                                     margin: 0px 0px 0px 10px }													   

/*listaaaaaaaaa*/
.accesorio-sector1-menu-lista { margin: 0;
								 padding: 0; }

.accesorio-sector1-menu-lista li { list-style: none; }

.accesorio-sector1-menu-lista h1{ font-size: 12px;
									color: #000;
									padding: 8px 0px 8px 15px;
									margin: 2px 0px 2px 0px;}

.accesorio-sector1-menu-lista li a{  display: block;
									 width: 100%;
									 padding: 8px 0px 8px 12px;
									 font-size: 13px;
									 text-decoration: none;
									 background-color:#fff;
									 color: #333;
									 border: 1px solid#efefef;
									 letter-spacing: -0.3px;
									 margin: 2px 0px 0px 0px}

.accesorio-sector1-menu-lista li a span{ background: #ff0000;
									      padding: 3px;
									      color: #fff;
									      font-size: 12px;}									 

.accesorio-sector1-menu-lista li a:hover{ border:1px solid#ff0000; }




/* sectorrrrr 2222222222222222222222222222222222222222222222222222222222222222222222222222222222222*/
.accesorio-contenido-sector2{ width: 68%;
							  float: left;
							  padding: 80px 20px 20px 20px;}


/* seccion11111111111111111111111111111111111111111111111*/
.accesorio-contenido-sector2-seccion1{ width: 100%;
									   padding: 0px 0px 50px 0px;}





/* sliderrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr*/
.accesorio-contenido-sector2-seccion1-slider{ width: 50%;
											  float: left;
											  padding: 0px 10px 0px 10px;}



/* 100 cuando son 1 imagen*/
.con-slider-100{ width: 100%;
                 text-align: center;}

.con-slider-100 img{ width: 100%;
					 max-width: 350px}

.con-slider-100 a:hover{cursor: zoom-in;}


/* wrapp overflowww */
.accesorio-contenido-slider-wrapp{ width: 100%;
								   position: relative;
	                               height: 350px;
	                               overflow: hidden;}

/* 200% cuando son 2 imageness*/
.con-slider{ width: 200%;
			 display:flex;
			 position: absolute;
			 transition: 0.5s;
			 left: 0;
			 height: 100%}

.con-slider li{ width: 100%;
				height: 100%;
				position: relative;
				text-align: center;
			    list-style: none;}

/* imagennn zoommmm */
.con-slider li a{text-decoration: none;}
.con-slider li a:hover{cursor: zoom-in;}



/*textooo por si lo hayyy en el sliderr*/
.con-slider li h1{  position: relative;z-index: 1;
				    font-family: "renogare",sans-serif;
				   	color: #333;
				   	font-size: 12px;
				   	font-weight: 500  }

.con-slider li img{ width: 100%;
	                max-width: 350px;
	                position: absolute;
	                top: 50%;
	                left: 50%;
	                transform: translateX(-50%)
	                translateY(-50%)}





/* 200% cuando son 2 imagenessssssssssssssss*/
.con-slider-200{ width: 200%;
			     display:flex;
			     position: absolute;
			     transition: 0.5s;
			     left: 0;
			     height: 100%}

/* imagennn zoommmm */
.con-slider-200 li a{text-decoration: none;}
.con-slider-200 li a:hover{cursor: zoom-in;}			     

.con-slider-200 li{ width: 100%;
				height: 100%;
				position: relative;
				text-align: center;}

.con-slider-200 li h1{  position: relative;z-index: 1;
				    font-family: "renogare",sans-serif;
				   	color: #333;
				   	font-size: 12px;
				   	font-weight: 500  }

.con-slider-200 li img{ width: 100%;
	                max-width: 350px;
	                position: absolute;
	                top: 50%;
	                left: 50%;
	                transform: translateX(-50%)
	                translateY(-50%)}
	                
.accesorio-contenido-slider-controladores-200{ width: 200px;
								               margin: 15px auto 0px auto;
								               display: grid;
								               grid-gap: 10px;
								               grid-template-columns: repeat(2,1fr);
								               padding: 0px 0px 0px 0px}

.accesorio-contenido-slider-controladores-200-btn{ border:2px solid#999;
												   padding: 5px;
												   cursor: pointer;}

.accesorio-contenido-slider-controladores-200-btn:hover{ border:2px solid#ff0000}

.accesorio-contenido-slider-controladores-200-btn img{ width: 100%}










/* 300% cuando son 3 imageness*/
.con-slider-300{ width: 300%;
			     display:flex;
			     position: absolute;
			     transition: 0.5s;
			     left: 0;
			     height: 100%}

/* imagennn zoommmm */
.con-slider-300 li a{text-decoration: none;}
.con-slider-300 li a:hover{cursor: zoom-in;}			     

.con-slider-300 li{ width: 100%;
				height: 100%;
				position: relative;
				text-align: center;}

.con-slider-300 li h1{  position: relative;z-index: 1;
				    font-family: "renogare",sans-serif;
				   	color: #333;
				   	font-size: 12px;
				   	font-weight: 500  }

.con-slider-300 li img{ width: 100%;
	                max-width: 350px;
	                position: absolute;
	                top: 50%;
	                left: 50%;
	                transform: translateX(-50%)
	                translateY(-50%)}

.accesorio-contenido-slider-controladores-300{ max-width: 250px;
								               margin: 15px auto 0px auto;
								               display: grid;
								               grid-gap: 10px;
								               grid-template-columns: repeat(3,1fr);
								               padding: 0px 0px 0px 0px}

.accesorio-contenido-slider-controladores-300-btn{ border:2px solid#999;
												   padding: 5px;
												   cursor: pointer;}

.accesorio-contenido-slider-controladores-300-btn:hover{ border:2px solid#ff0000}

.accesorio-contenido-slider-controladores-300-btn img{ width: 100%}












/* 400% cuando son 4 imagenessssssssssssssss*/
.con-slider-400{ width: 400%;
			     display:flex;
			     position: absolute;
			     transition: 0.5s;
			     left: 0;
			     height: 100%}

/* imagennn zoommmm */
.con-slider-400 li a{text-decoration: none;}
.con-slider-400 li a:hover{cursor: zoom-in;}			     

.con-slider-400 li{ width: 100%;
				height: 100%;
				position: relative;
				text-align: center;}

.con-slider-400 li h1{  position: relative;z-index: 1;
				    font-family: "renogare",sans-serif;
				   	color: #333;
				   	font-size: 12px;
				   	font-weight: 500  }

.con-slider-400 li img{ width: 100%;
	                max-width: 350px;
	                position: absolute;
	                top: 50%;
	                left: 50%;
	                transform: translateX(-50%)
	                translateY(-50%)}

/* controladores de sliderrrrrrrrrrrrrrrrr 400*/
.accesorio-contenido-slider-controladores-400{ width: 100%;
								               margin: 15px 0px 0px 0px;
								               display: grid;
								               grid-gap: 15px;
								               grid-template-columns: repeat(4,1fr);
								               padding: 0px 20px 0px 20px}

.accesorio-contenido-slider-controladores-400-btn{ border:2px solid#999;
												   padding: 5px;
												   cursor: pointer;}

.accesorio-contenido-slider-controladores-400-btn:hover{ border:2px solid#ff0000}

.accesorio-contenido-slider-controladores-400-btn img{ width: 100%}







/* controladores de sliderrrrrrrrrrrrrrrrr */
.accesorio-contenido-slider-controladores{ width: 100%;
								           margin: 15px 0px 0px 0px }

.accesorio-contenido-slider-controladores-centro{ width: 130px;
												  margin: 0 auto;}
								         
.accesorio-contenido-slider-controladores img{ width: 100%;}								           

.accesorio-contenido-slider-btn{ width: 60px;
								 height: 60px;
								 float: left;
								 margin: 0px 10px 0px 0px;
								 cursor: pointer;
								 border:2px solid#999;
								 padding: 7px }

.accesorio-contenido-slider-btn:hover{ border:2px solid#ff0000}								 

.accesorio-contenido-slider-btn2{ width: 60px;
								  height: 60px;
								  float: left;
								  margin: 0px 0px 0px 0px;
								  cursor: pointer;
								  border:2px solid#999;
								  padding: 7px }

.accesorio-contenido-slider-btn2:hover{ border:2px solid#ff0000}								  






/* infooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
.accesorio-contenido-sector2-seccion1-info{ width: 50%;
											float: left;}

/* tituloooooooooooo*/
.accesorio-contenido-sector2-seccion1-info-titulo{ width: 100%;
											       float: left; }
/* tituloooooooooooo 111*/
.accesorio-contenido-sector2-seccion1-info-titulo h1{ font-family: "Montserrat";
													  font-size: 19px;
													  color: #111;
													  margin: 0; }
/* tituloooooooooooo 222*/													  
.accesorio-contenido-sector2-seccion1-info-titulo h2{ font-family: "Montserrat";
													  font-size: 19px;
													  font-weight: 700;
													  color: #111;
													  margin: 0; }
/* subtitulo rojoo contenido */
.accesorio-contenido-sector2-seccion1-info-subtitulo{ width: 100%;
													  padding: 0px 0px 0px 0px;
													  float: left; }
/* subtitulo rojo textoo */
.accesorio-contenido-sector2-seccion1-info-subtitulo h1{  font-family: "Montserrat";
														  font-size: 15px;
														  color: #ff0000;
														  margin: 0; }

/* estrellaaaaaaaaaaaaa */
.accesorio-estrella{ width: 100%;
					 padding: 4px 0px 0px 0px;
					 float: left;}

.accesorio-estrella .icon-star{ color: rgba(255,175,15,1);  }

/* contenidooo parrafoo */
.accesorio-contenido-sector2-seccion1-info-parrafo{ margin: 0;padding: 0;
													width: 100%;float: left; }

/*textooo parrafooooo*/
.accesorio-contenido-sector2-seccion1-info-parrafo p{ font-family:"Montserrat";
													  font-size: 13px;
													  color: #333;
													  margin: 0px 0px 10px 0px;
													  padding: 5px 0px 9px 0px;
													  border-bottom: 1px solid#ddd;
													  text-align: justify;}

.accesorio-contenido-sector2-seccion1-info-parrafo p img{ width: 100%;
														  margin: 0px 0px 0px 0px}
.accesorio-contenido-sector2-seccion1-info-parrafo p:hover img{cursor: zoom-in;}

/*subtituloooo caracteristicas*/
.accesorio-contenido-sector2-seccion1-info-parrafo h1{ font-family: "Montserrat";
													   font-size: 15px;
													   color: #222;
													   margin: 0px 0px 5px 0px;
													   padding: 0px;}													

/*textooo listaaaa */
.accesorio-contenido-sector2-seccion1-info-parrafo li{ list-style: none;
													   font-family: "Montserrat";
													   font-size: 13px;
													   color: #222;
													   padding: 0px 0px 10px 15px;
													   position: relative;}
/*iconoo check*/
.accesorio-contenido-sector2-seccion1-info-parrafo li span{ color: #ff0000;
														    position: absolute;
														    top: 0;
														    left: 0}
/*sub listaa*/
.accesorio-contenido-sector2-seccion1-info-parrafo li ul{ width: 100%;
														  padding:0px 0px 0px 20px; }
/*textoo sub listaaa*/
.accesorio-contenido-sector2-seccion1-info-parrafo li ul li{ font-size: 13px;
															 padding: 5px 0px 2px 0px;
															 color: #333;
															 list-style: disc;}

/*camionnnn*/
.accesorio-camion{ width: 100%;
				   float: left}

.accesorio-camion-img{ float: left; }

.accesorio-camion img{ width: 100%;
					   max-width: 50px}

.accesorio-camion-texto{ float: left;}

.accesorio-camion-texto h1{   font-family: "Montserrat";
							  font-weight: bold;
							  font-size: 12px;
							  color: #222;
							  margin: 0;
							  padding: 10px 0px 0px 5px}



/* consultaaaaaaaaaaaaaaaaaaaaa */
.accesorio-consulta{ width: 100%;
					 float: left;
					 padding: 15px 0px 15px 0px}


.accesorio-consulta-caja{ float: left;cursor: pointer;
						  text-align: center;
						  position: relative;}

.accesorio-consulta-caja:nth-child(2){ margin: 0px 0px 0px 30px}

/*animacionnn de consultaaa hoverr*/
.consulta-hover{ width: 100px;
				 padding: 8px 0px 8px 0px;
				 background: #ff0000;
				 position: absolute;
				 top: -30px;
				 left: 50%;
				 transform: translateX(-50%);
				 text-align: center;
				 border-radius: 20px;
				 opacity: 0;
				 transition: 0.5s}

.consulta-hover:before{ content: "";
						position: absolute;
						border-left: 8px solid transparent;
						border-right: 8px solid transparent;
						border-top: 8px solid#ff0000;
						left: 50%;
						bottom: -8px;
						transform: translateX(-50%);}				 


.consulta-hover p{ font-family: adlinnaka;
				   font-size: 12.5px;
				   color: #fff }

.accesorio-consulta-caja h1{ font-family: ebrima;
							 font-size: 13px;
							 color: #222;
							 margin: 0;
							 line-height:18px}

.accesorio-consulta-caja h2{ font-family: renogare;
							 font-size: 11px;
							 color: #222;
							 margin: 0;
							 line-height:13px;}

.accesorio-consulta-caja:hover .consulta-hover{opacity: 1;top: -40px; }





/* botonesss ficha y cotizar */
.accesorio-contenido-sector2-seccion1-info-botones{ width: 100%;float: left;
													padding: 15px 0px 15px 0px}

/*.accesorio-contenido-sector2-seccion1-info-botones-centro{ width: 220px;margin: 0 auto; }*/

/*fichaa no visible por ahora*/
.accesorio-ficha{ width: 100px;
				  height: 40px;
				  background-color: red;
				  float: left;
				  margin: 0px 20px 0px 0px;
				  text-align: center;
				  transition: 0.5s;
				  display: none;}

.accesorio-ficha p{ font-family: Arial,sans-serif;
					font-size: 12px;
					color: #fff;
					margin: 0;
					line-height: 40px  }

.accesorio-ficha:hover{ background-color: #111 }

/*cotizar*/
.accesorio-cotizar{ width: 100px;
				    height: 40px;
				    cursor: pointer;
				    background-color: #ff0000;
				    float: left;
				    margin: 0px 0px 0px 0px;
				    text-align: center;
				    transition: 0.5s;
				    border-radius: 7px}

.accesorio-cotizar p{ font-family: "Montserrat";
					  font-size: 14px;
					  color: #fff;
					  margin: 0;
					  line-height: 40px;
					  font-weight: 600}

.accesorio-cotizar:hover{ background-color: #111 }







/* masssssssssssss suminisitrosssssssssssssssssssssssssssssssssssssssssssssssssssssssss*/
.accesorio-contenido-sector2-seccion2{ width: 100%;}

/* titulooooooooo contenidooo*/
.accesorio-contenido-sector2-seccion2-titulo{ width: 100%;
											  padding: 10px 0px 10px 0px;}
/* titulooooooooo textoooo*/
.accesorio-contenido-sector2-seccion2-titulo h1{ font-family: "Montserrat";
												 font-size: 15px;
												 color: #222;}

.accesorio-contenido-sector2-seccion2-titulo .icon-plus{ color: #222; margin: 0px 0px 0px 0px }

/* imagenesss */

.accesorio-contenido-sector2-seccion2-imagenes{ width: 100%;
											    background-color: #efefef;
											    display: grid;
											    grid-gap: 20px;
											    grid-template-columns: repeat(4,1fr);
											    padding: 20px}

.accesorio-contenido-sector2-seccion2-imagenes a{ text-decoration: none;
										          text-align: center;
										          display: block;
										          padding: 10px 0px 10px 0px}

.accesorio-contenido-sector2-seccion2-imagenes a img{ width: 100%;max-width: 150px }

.accesorio-contenido-sector2-seccion2-imagenes a p{ font-family: ebrima;
													font-size: 14px;
													color: #222;
													margin: 4px 0px 0px 0px;
													font-weight: 600}

.accesorio-contenido-sector2-seccion2-imagenes a h1{ font-family: "Montserrat";
													 font-size: 13px;
													 color: #222;
													 margin: 0px 0px 0px 0px;
													 font-weight: 500}


.accesorio-contenido-sector2-seccion2-imagenes a:hover{ background-color: #fff }




























/* massssss detalleeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee */

#accesorios-mas{  width: 100%;
				  padding: 20px 20px 20px 20px  }

/*sectorrrr 11111111111111111111111111111111111111111111111111111111111111111  */
.accesorios-mas-sector1{ width: 60%;
						 float: left;
						 padding: 0px 20px 0px 0px }




/*tituloooooooooooooooooooooooooooooooooooooooooooooooo*/
.accesorios-mas-sector1-titulo{ width: 100% }

/*textooooo mas detalleeee*/
.accesorios-mas-sector1-titulo h1{ font-family: ebrima,sans-serif;
								   font-size: 20px;
								   color: #fff;
								   max-width: 220px;
								   background-color: red;
								   padding: 15px 0px 15px 0px;
								   margin: 0px 0px 10px 0px;
								   border-radius: 0px 50px 50px 0px;
								   text-align: center;}


.accesorios-mas-sector1-titulo h2{ font-family: ebrima,sans-serif;
								   font-size: 15px;
								   color: #222;
								   margin: 5px 0px 0px 0px;}


/*iconooo +*/
.accesorios-mas-sector1-titulo .icon-plus { margin: 0px 6px 0px 0px }								   
							  
/*parrafoooooo*/
.accesorios-mas-sector1-titulo p{  font-family: "Montserrat";
								   font-size: 13px;
								   color: #222;
								   text-align: justify;
								   padding: 0px 0px 5px 0px}




/*imgggggggggg si lo hay?????????*/

.accesorios-mas-sector1-img{ width: 100%;
							 text-align: center;}

.accesorios-mas-sector1-img img{width: 100%;max-width: 500px}





/* cajaaaaaa x 3 si los hayyyyyy? este es de silicona */
.accesorios-mas-sector1-items{ width: 100%;
	                           float: left;
							   margin: 10px 0px 10px 0px}

.accesorios-mas-sector1-items-item { width: 33.3%;
									 float: left;
									 text-align: center;
									 padding: 5px 5px 5px 5px}

.accesorios-mas-sector1-items-item img{ width: 100%;
										max-width: 200px;}


.accesorios-mas-sector1-items-item p{ font-family: ebrima;;
	                                  font-size: 12px;
	                                  color: #444;
	                                  padding: 5px 0px 0px 0px;
	                                  line-height: 15px}




							   
/*descripcionnnnnnnnn cuadrooooooooooooooooooooooooooooo*/
.accesorios-mas-sector1-descripcion{ width: 100% }

/* contenedorrrr de cajas*/
.accesorios-mas-sector1-descripcion-texto{ width: 100%;
										   padding: 15px 0px 0px 0px;
										   display: grid;
										   grid-template-columns: repeat(2,1fr);
										   grid-gap: 5px}
/*cajasssssssssssss*/
.accesorios-mas-sector1-descripcion-texto-cuadro{ border:1px solid#222;
												  padding: 0px 0px 10px 0px;
												  text-align: center;}


/*titulossss de cajassssss*/
.accesorios-mas-sector1-descripcion-texto-cuadro h1{   font-family: ebrima,sans-serif;
													   font-size: 15px;
													   color: #111;
													   border-bottom: 1px solid#222;
													   width: 100%;
													   background: #FFC5C5;
													   padding:10px 0px 10px 0px;
													   margin: 0}
/*subtitulo de cajas si lo hay?*/
.accesorios-mas-sector1-descripcion-texto-cuadro h2{   font-family: ebrima,sans-serif;
													   font-size: 12px;
													   color: #111;
													   text-align: justify;
													   padding: 5px 0px 0px 10px;
													   width: 100%}
/*textoo parrafo*/
.accesorios-mas-sector1-descripcion-texto-cuadro p{    font-family: "Montserrat";
													   font-size: 12px;
													   color: #444;
													   padding: 0px 10px 5px 15px;
													   text-align: justify;
													   margin: 5px 0px 0px 5px;
													   position: relative;}
/* iconoo check */
.accesorios-mas-sector1-descripcion-texto-cuadro p span{ color: #ff0000;
												         position: absolute;
												         top: 0;
												         left: 0;}

/*sub listaa si lo hay?*/
.accesorios-mas-sector1-descripcion-texto-cuadro ul {margin: 0;
													 padding:0px 10px 0px 30px;}

.accesorios-mas-sector1-descripcion-texto-cuadro ul li{ font-size: 12px;
											            font-family: "Montserrat";
											            margin: 0;
											            text-align: justify;
											            list-style:block;
											            color: #444}												         


.accesorios-mas-sector1-descripcion-img{ width: 100%;
										 text-align: center;
										 margin: 10px 0px 0px 0px}

.accesorios-mas-sector1-descripcion-img a{ text-decoration: none}
.accesorios-mas-sector1-descripcion-img a:hover{ cursor: zoom-in;}

.accesorios-mas-sector1-descripcion-img img{ width: 100%;max-width: 400px}

.accesorios-mas-sector1-descripcion-img h1{ font-family: "ebrima";
								            font-size: 15px;
								            color: #222;
								            margin: 40px 0px 0px 0px;
								             }






























/* puertaaaa cortafuegoooooo  modelosssss 7 todoooo aquiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii */

.accesorio-contenido-sector2-seccion1-puerta-img{ text-align: center;}

.accesorio-contenido-sector2-seccion1-puerta-img:hover{cursor: zoom-in;}

.accesorio-contenido-sector2-seccion1-puerta-img img{ width: 100%;
													   max-width: 200px}

/* para imagenes mas anchos ejem. porton*/
.accesorio-contenido-sector2-seccion1-puerta-img2{ text-align: center;}
.accesorio-contenido-sector2-seccion1-puerta-img2:hover{cursor: zoom-in;}

.accesorio-contenido-sector2-seccion1-puerta-img2 img{ width: 100%;
											           max-width: 350px}



/* para imagenes cuadradas*/
.accesorio-contenido-sector2-seccion1-puerta-img3{ text-align: center;
												   padding: 10px}

.accesorio-contenido-sector2-seccion1-puerta-img3:hover{cursor: zoom-in;}

.accesorio-contenido-sector2-seccion1-puerta-img3 img{ width: 100%;
													   max-width: 350px}














/* fabricacionnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn */
#fabricacion{ width: 100%;
			  padding: 0px 20px 0px 20px}


.fabricacion{ width: 100%;
			  padding: 20px 0px 0px 0px
						 }

.fabricacion-guia{ width: 100%;
				   padding: 5px 0px 5px 0px;
				   border-bottom: 1px solid#999}

.fabricacion-guia p{ font-family: Arial,sans-serif;
					 font-size: 10px;
					 color: #444;
					 margin: 0 }

/* tituloooo */

.fabricacion-titulo{ width: 100%;
					 padding: 15px 0px 0px 0px}

.fabricacion-titulo h1{ font-family: adlinnaka;
						font-size: 30px;
						color: #111;
						margin: 0 }
.fabricacion-titulo-sub{ background-color: #111;
						 width: 300px;
						 padding: 10px }

.fabricacion-titulo-sub h2{ font-family: arial,sans-serif;
					        font-size: 20px;
					        color: #fff;
					        margin: 0 }

.fabricacion-titulo-sub h3{ font-family:renogare;
					        font-size: 30px;
					        color: #fff;
					        margin: 0 }




/* infooooooooooo */

.fabricacion-info{ width: 100%;
				   padding: 20px 0px 0px 0px  }
/*texto*/
.fabricacion-info-texto{ width: 70%;
						 float: left; }

.fabricacion-info-texto p{ font-family: Arial,sans-serif;
						   font-size: 20px;
						   color: #222;
						   margin: 0;
						   font-weight: 300; }
	
.fabricacion-info-texto p .icon-check{ color: #ff0000 }

.fabricacion-info-texto p span{ font-weight: 700 }

/*certificacioness*/
.fabricacion-info-certi{ width: 30%;
						 float: left;
						 background-color: #ff0000;
						 padding: 0px 0px 10px 0px;
						 border-radius: 10px}

.fabricacion-info-certi h1{ font-size: 15px;
							color: #fff;
							font-family: "Montserrat";
							margin: 0px 0px 10px 0px;
							width: 100%;
							text-align: center;
							background: #111;
							padding: 8px 0px 8px 0px;
						    border-radius: 10px 10px 0px 0px}

.fabricacion-info-certi-img{ width: 25%;
							 float: left;
							 text-align: center; }

.fabricacion-info-certi-img img{ width: 100%;
								 max-width: 50px }






/*tiposssss de puertassssssssssss*/

.fabricacion-tipos{ width: 100%;
					padding: 25px 0px 20px 0px;
					margin: 20px 0px 0px 0px;
					background-color: #efefef }

.fabricacion-tipos-titulo{ width:100%;text-align: center;padding: 0px 0px 20px 0px}

.fabricacion-tipos-titulo h1{ font-family: "Montserrat";
							  font-size: 18px;
							  color: #111;
							  line-height: 40px}

						  

.fabricacion-tipos-titulo h2{ font-family: adlinnaka;
							  font-size: 20px;
							  color: #fff }

.fabricacion-tipos-titulo h2 span{ background: #ff0000;
								   padding: 8px;
								   border-radius: 50px}							  

.fabricacion-tipos-puertas-caja{ width: 33.3%;
								 float: left;
								 text-align: center; }

.fabricacion-tipos-puertas-caja img{ width: 100%;
									 max-width: 200px }

.fabricacion-tipos-puertas-caja h1{ font-family: "Montserrat";
									font-size: 14px;
									color: #222;
									margin: 5px 0px 0px 0px }

.fabricacion-tipos-puertas-caja p{ font-family: "Montserrat";
									font-size: 14px;
									color: #ff0000;
									margin: 0;
									font-weight: 600 }





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


		


      







}


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


      
.accesorios-mas-sector1-silicona-img { width: 100%;
									   float: left;
									   text-align: center;
									   padding: 10px 0px 10px 0px
									    }






}