/*formaaaaa*/
.portada-forma{ width: 100%;
				position: absolute;
				bottom: -30px;
				height: 40px;
				z-index: 2
				 }

.forma-caja{ width: 20%;
			 float: left; }

.trapecio{
  border-right: 40px solid transparent;
  border-bottom: 40px solid #fff;
  border-left: 40px solid transparent;
 
  
}




/*puerta cortafuegooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/

#door{ width: 100%;
	  padding: 0px 15px 0px 15px }

/*titulooooooooooooooooooooooooooooooooooo*/
.door-titulo{ width: 100%;}

/*textooooooo*/
.door-titulo-texto{ width: 25%;float: left;
					background: #ff0000;
				    padding: 10px;
				    text-align: center;}

.door-titulo-texto h1{   font-family: ebrima;
						 font-size: 22.5px;
						 color: #fff;
						 margin: 0;
						 line-height: 20px }

.door-titulo-texto h2{   font-family: ebrima;
						 font-size: 35px;
						 color: #fff;
						 margin: 0;
						 line-height: 30px }

/*parrafooooo*/
.door-titulo-parrafo{width: 75% ;float: left;padding: 0px 0px 0px 10px }

.door-titulo-parrafo p{  font-family: Arial,sans-serif;
						 font-size: 12px;
						 color: #333;
						 margin: 0;
						 text-align: justify; }



/*contenidoooooooooooooooooooooooooooooooooooo*/

.door{ width: 100%;float: left;}


/*subtituloooooooooooooooo*/
.door-subtitulo{ width: 100%;
	             float: left;
	             padding: 20px 0px 0px 0px}

/*HOJA METALICA*/
.door-subtitulo-texto{ width: 80px;
					   float: left; }

.door-subtitulo-texto h1{ font-family: ebrima;
						  font-size: 30px;
						  color: #222;
						  margin: 0;
						  line-height: 24px }

.door-subtitulo-texto h2{ font-family: ebrima;
						  font-size: 16px;
						  color: #222;
						  margin: 0;
						  line-height: 15px }

/*lineaaa de separacionnnnn*/
.door-subtitulo-linea{ width: 20px;
					   height: 40px;
					   position: relative;
					   float: left;
					    }

.door-subtitulo-linea:before{ content: "";
							  width: 2px;
							  height: 100%;
							  background: #ff0000;
							  position: absolute;
							  top: 0;
							  left: 50%;
							  transform: translateX(-50%)}						  

/* planchaa.......*/
.door-subtitulo-info{ width: 250px;
					  float: left; }

.door-subtitulo-info p{ font-family: Arial,sans-serif;
						font-size: 12px;
						color: #222;
						margin: 0; }



/*infooooo de puertaaaaaaaaaaaa*/

.door-info{ width: 100%;float: left;
			margin: 30px 0px 0px 0px}

.door-info-caja{ width: 35%;
				 float: left;
				 margin: 0% 2% 0% 0%}


.door-info-caja:nth-child(3){ width: 26%;margin: 0% 0% 0% 0% }

.door-info-caja h1{ font-family: ebrima;
				    font-size: 15px;
					color: #222;
					margin: 0;
					line-height: 20px  }
.door-info-caja h2{ font-family: ebrima;
				    font-size: 20px;
					color: #222;
					margin: 0;
					line-height: 20px  }

.door-info-caja ul{ padding: 0;margin: 0 }
.door-info-caja ul li { list-style: none;
						font-family: Arial,sans-serif;
						font-size: 12px;
						color: #333;
						padding: 5px 0px 5px 0px;
						text-align: justify;}

.door-info-caja ul li:nth-child(2n){ background: #ffc5cb }


.door-info-caja ul li span{ color: #ff0000 }

.door-info-caja img{ width: 100%;
					 max-width:250px }



/*medidasssssssssssssss*/

.door-medidas{ width: 100%;float: left;
			   margin: 20px 0px 0px 0px}

/*imagennnnn de puertaaaaaaa*/
.door-medidas-img{ width: 50%;
				   float: left; }

.door-medidas-img img { width: 100% }


/*cuadrooo de medidassss*/

.door-medidas-medidas{ width: 50%;
					   float: left;
					   text-align: center;
					   padding: 40px 0px 0px 20px}


.door-medidas-medidas h1{   font-family: ebrima;
						    font-size: 20px;
							color: #222;
							margin: 0;
							line-height: 20px}

.door-medidas-medidas h2{   font-family: ebrima;
						    font-size: 20px;
							color: #222;
							margin: 0;
							line-height: 20px}
/*cuadroo de una hojaaaa*/
.door-cuadro-simple{ width: 50%;
					 float: left;
					 border: 2px solid#222;
					 margin: 20px 0px 0px 0px
					}

/*tituloooo*/
.door-cuadro-simple-titulo{ width: 100%;
	                        float: left;
							padding: 5px 0px 5px 0px;
						    border-bottom: 2px solid#222}

.door-cuadro-simple-titulo h2{ font-family: ebrima;
							   font-size: 14px;
							   color: #222;
							   margin: 0 }
/*barraaaaaa*/
.door-cuadro-simple-barra{ width: 100%;
						   padding: 5px 0px 5px 0px;
						   float: left;}

.door-cuadro-simple-barra:nth-child(2n){ background: #efefef }						   

.door-cuadro-simple-barra-sub{ width: 50%;
							   float: left; }

.door-cuadro-simple-barra-sub p{ font-family: ebrima;
							     font-size: 12px;
							     color: #222;
							     margin: 0  }





/*accesoriosssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss*/

#door-accesorios{ width: 100%;
				  padding:0px 15px 50px 15px ;
				  background: url(../img-index/fondo-accesorios.png);
				  background-size: cover;
				  background-position: center center;
				  }


/*imagenessss*/
.door-accesorios-img{ width: 100%;
					  position: relative;
					  margin: 0px 0px 50px 0px}

.door-accesorios-img-accesorios{text-align: center;}

.door-accesorios-img-accesorios img{ width: 100%;
									 max-width: 650px}

.door-accesorios-img-mascota{ position: absolute;
							  bottom: 0px;
							  left: 50%;
							  transform: translateX(-50%);}

.door-accesorios-img-mascota img{ width: 100%;
							      max-width:300px }


/*informacionnnnnnnnnnnnnnnnnnnnnnn*/
.door-accesorios-caja{ width: 36%;
				       float: left;
				       margin: 0% 2% 0% 0%}

.door-accesorios-caja:nth-child(2){width: 24%;}

.door-accesorios-caja:nth-child(3){margin: 0% 0% 0% 0%}

.door-accesorios-caja h1{   font-family: ebrima;
						    font-size: 20px;
							color: #222;
							margin: 0;
							line-height: 18px}

.door-accesorios-caja h2{   font-family: ebrima;
						    font-size: 18px;
							color: #222;
							margin: 0;
							line-height: 18px}

.door-accesorios-caja ul{ margin: 5px 0px 0px 0px;padding: 0 }

.door-accesorios-caja ul li{ list-style: none;
					         font-family: Arial,sans-serif;
					         font-size: 12px;
					         color: #222;
					         margin: 4px 0px 0px 0px}

.door-accesorios-caja p{ font-family: Arial,sans-serif;
					     font-size: 12px;
					     color: #222;
					     margin: 5px 0px 0px 0px;
					     text-align: justify;}





/*marcooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
/*titulooooooooooooooooooooooooooooooooooo*/

#marco{ width:100%;
		padding: 80px 15px 0px 15px}

.marco-titulo{ width: 100%;}

/*textooooooo*/
.marco-titulo-texto{ width: 25%;float: left;
					background: #ff0000;
				    padding: 10px;
				    text-align: center;}

.marco-titulo-texto h1{   font-family: ebrima;
						 font-size: 22.5px;
						 color: #fff;
						 margin: 0;
						 line-height: 20px }

.marco-titulo-texto h2{   font-family: ebrima;
						 font-size: 35px;
						 color: #fff;
						 margin: 0;
						 line-height: 30px }

/*parrafooooo*/
.marco-titulo-parrafo{width: 75% ;float: left;padding: 0px 0px 0px 10px }

.marco-titulo-parrafo p{  font-family: Arial,sans-serif;
						 font-size: 12px;
						 color: #333;
						 margin: 0;
						 text-align: justify; }




/*contenidooooooooooooooooooooooo*/

.marco{ width: 100%;float: left;
		padding: 30px 0px 0px 0px}

.marco-caja{ float: left;}


.marco-caja:nth-child(1){ width: 30%;margin: 1% 5% 1% 0%}

.marco-caja:nth-child(2){ width: 35%;margin: 1% 5% 1% 0% }	

.marco-caja:nth-child(3){ width: 25%;margin: 1% 0% 1% 0% }

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

.marco-caja h2{ font-family: ebrima;
			    font-size: 18px;
				color: #222;
				margin: 0;
				line-height: 18px}

.marco-caja ul{ margin: 5px 0px 0px 0px;padding: 0 }

.marco-caja ul li{  list-style: none;
					font-family: Arial,sans-serif;
				    font-size: 12px;
					color: #222;
					margin: 4px 0px 0px 0px;
					text-align: justify;}


.marco-caja-subcaja{ width: 50%;
					 float: left;
					 text-align: center;
					 padding: 0px 10px 0px 10px }



.marco-caja-subcaja p{  font-family: Arial,sans-serif;
					    font-size: 12px;
					    color: #222;
					    margin: 5px 0px 0px 0px;
					    text-align: justify;}

.marco-caja-subcaja img{ width: 100%;
						 max-width: 100px }

/*certificacionesssss*/
.marco-caja-certificaciones{ width: 100%;float: left;}

.marco-caja-certificaciones img{ width: 100%;
								 max-width: 250px }


/*instalacionnnn de puertaaaa*/

.marco-instalacion{ width: 100%;
					float: left;
				    margin: 40px 0px 0px 0px;
				    background-color: #efefef;
						 }

.marco-instalacion-info{ width: 50%;float: left;
						 padding: 10px}

/*cajaaa*/
.marco-instalacion-info-caja{ width: 46%;
							  float: left;
							  text-align: center;
							  
							  margin: 0% 8% 0% 0%}

.marco-instalacion-info-caja:nth-child(2n){ margin: 0% 0% 0% 0% }							  

.marco-instalacion-info-caja p{ font-family: Arial,sans-serif;
								font-size: 12px;
								color: #222;
								margin: 0;
							    text-align: justify;}

.marco-instalacion-info-caja img{ width: 100%;
								  max-width: 150px }


.marco-instalacion-img{ width: 50%;
						float: left;
						padding: 10px 0px 0px 20px;
						text-align: center;
					    }

.marco-instalacion-img img{ width: 100%;
							max-width: 350px}