.malla_banner{
	width: 100%;
    height: 85vh;
	display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(12,1fr);
    grid-template-rows: repeat(6,1fr);
}
.logotipo{
	display: none;
	height: 80px;
	margin: auto;
	grid-column:1/13;
	grid-row: 2/3;
}
.titulo{
    display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
	text-align: center;
	grid-column:1/13;
    grid-row: 3/4;
}
.titulo p{
    color: #fff;
	margin: auto;
    font-size: 2em;
	text-align: center;
	text-shadow: -2px 2px 1px #415A0B;
}
.titulo>a{
	display: none;
	text-decoration: underline;
	text-shadow: -2px 2px 1px #415A0B;
}
.titulo>a:hover{
    color: #ABC573;
}
.fonomallassac{
	margin: auto;
	grid-column:1/13;
    grid-row: 5/6;
}
#mall_raschell{
    background: url(../img/cobertRaschelBG.jpg);
}
#mall_camping{
    background: url(../img/cobertCampingBG.jpg);   
}
#mall_libeccio{
    background: url(../img/cobertLibeccioBG.jpg);
}
#mall_antiafida{
    background: url(../img/cobertAntiafidaBG.jpg);
}
#mall_mosquitero{
    background: url(../img/cobertMosquiteroBG.jpg);
}
#mall_arpillera{
    background: url(../img/cobertArpilleraBG.jpg);
}
#mall_antipajaro{
    background: url(../img/coberAntipajaroBG.jpg);
}
#mall_antipajaroe{
    background: url(../img/coberAntipajaroExtBG.jpg);
}
#mall_tejida{
    background: url(../img/metalTejidaBG.jpg);
}
#mall_tejidap{
    background: url(../img/metalTejidaPBG.jpg);
}
#mall_electro{
    background: url(../img/metalElectrosoldadoBG.jpg);
 }
#mall_zaranda{
    background: url(../img/metalZarandaBG.jpg);
}
#mall_gavion{
    background: url(../img/metalGavionBG.jpg);
}
#mall_ganadera{
    background: url(../img/metalGanaderaBG.jpg);
}
#mall_cuadrada{
    background: url(../img/metalCuadradaBG.jpg);
 }
#mall_hexagonal{
    background: url(../img/metalExagonalBG.jpg);
 }
#mall_cerco{
	background: url(../img/metalProntoBG.jpg);
	}
#mall_expandida{
    background: url(../img/metalExpandidoBG.jpg);
	}
#mall_inoxidable{
    background: url(../img/metalInoxBG.jpg);
}
#mall_perforada{
    background: url(../img/metalPerforadoBG.jpg);
}

#mall_chromatinet{
    background: url(../img/agriCrhomatinetBG.jpg);
}
#mall_cortaviento{
    background: url(../img/agriCortavientoBG.jpg);
}
#mall_agrolane{
    background: url(../img/agriAgrolineBG.jpg);
}
#mall_thermica{
    background: url(../img/agriThermicaBG.jpg);
}
#mall_cubresuelo{
    background: url(../img/agriCubresueloBH.jpg);
    }
#mall_luminosa{
    background: url(../img/agriLuminosaBG.jpg);
    }
#mall_sombra{
    background: url(../img/agriSombraBG.jpg);
    }
#mall_cafetera{
    background: url(../img/agriCafeteraBG.jpg);
    }

#mall_sustrato{
    background: url(../img/prodSustratoBG.jpg);
}
#mall_vermiculita{
    background: url(../img/prodVermiculitaBG.jpg);
}
#mall_cintas{
    background: url(../img/prodCintasBG.jpg);
}
#mall_bolsas{
    background: url(../img/prodBolsaBG.jpg);
}
#mall_coco{
    background: url(../img/prodCocoBG.jpg);
}
#mall_turba{
    background: url(../img/prodTurbaBG.jpg);
}
#mall_perlita{
    background: url(../img/prodPerlitaBG.jpg);
}
/*#mall_turba{
    background: url(../img/turba.jpg);
}*/

#mall_bandejas{
    background: url(../img/prodBandejaBG.jpg);
	}

#mall_sotraflim{
    background: url(../img/divSotraflimBG.jpg);
	}


#mall_granizo{
    background: url(../img/divAntigranizoBG.jpg);
}
#mall_entutorado{
	background: url(../img/divEntutoradoBG.jpg);
}
#mall_laminada{
    background: url(../img/divArpilleraAditbg.jpg);
}
#mall_bionet{
    background: url(../img/divBiorentadasBG.jpg);
}
#mall_talud{
    background: url(../img/divTaludBG.jpg);
}
#mall_grating{
    background: url(../img/divGratingBG.jpg);
}

#mall_mosquiterom{
    background: url(../img/divMosquiteroMet.jpg);
}
#mall_alambreg{
    background: url(../img/accAlambreGBG.jpg);
}
#mall_alambrep{
    background: url(../img/accAlambrePuaBG.jpg);
}
#mall_alambrea{
    background: url(../img/accAlambreAgricolaBG.jpg);
}
#mall_concertina{
    background: url(../img/accConcertinaBG.jpg);
}
#mall_accesoriosm{
    background: url(../img/accMetalicosBG.jpg);
}
#mall_cordel{
    background: url(../img/accCordelBG.jpg);
}
#mall_broche{
    background: url(../img/accBrocheBG2.jpg);
}
    

#mall_cable{
    background: url(../img/accCableAceroBG.jpg);
}
#mall_raschell,
#mall_camping,
#mall_libeccio,
#mall_antiafida,
#mall_mosquitero,
#mall_arpillera,
#mall_antipajaro,
#mall_antipajaroe,
#mall_tejida,
#mall_tejidap,
#mall_electro,
#mall_zaranda,
#mall_gavion,
#mall_ganadera,
#mall_cuadrada,
#mall_hexagonal,
#mall_cerco,
#mall_expandida,
#mall_inoxidable,
#mall_perforada,
#mall_chromatinet,
#mall_cortaviento,
#mall_agrolane,
#mall_thermica,
#mall_cubresuelo,
#mall_luminosa,
#mall_sombra,
#mall_cafetera,
#mall_sustrato,
#mall_vermiculita,
#mall_cintas,
#mall_bolsas,
#mall_sotraflim,
#mall_granizo,
#mall_entutorado,
#mall_laminada,
#mall_bionet,
#mall_talud,
#mall_grating,
#mall_mosquiterom,
#mall_alambreg,
#mall_alambrep,
#mall_alambrea,
#mall_concertina,
#mall_accesoriosm,
#mall_cordel,
#mall_broche,
#mall_perlita,
#mall_turba,
#mall_cable{

    background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
    background-repeat: no-repeat;
/*    background-attachment:fixed;*/
	background-position: top center;
}
    

/*-------------------------------Descripcion de malla-------------------------------*/
.mall_desc{
    width: 100%;
    margin: auto;
    margin-top: -65px;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(12,1fr);
    grid-template-rows: repeat(14,40px);
}
.desc1{
    background: transparent;
	grid-column:2/12;
    grid-row: 1/6;
	display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(12,1fr);
    grid-template-rows: repeat(5,40px);
}
#disp-img{
	width: 130px;
	margin: auto;
	border: 5px solid #fff;
	-webkit-box-shadow: 0 4px 6px 0 rgba(65, 90, 11, .2);
	box-shadow: 0 4px 6px 0 rgba(65, 90, 11, .2);
	display: block;
	grid-column:1/13;
    grid-row: 1/4;
}
/*img.pull-right {
    margin: 1.5rem 0 0 3rem;
}
img.pull-left {
    margin:1rem;
}
.drop-cap:first-letter {
    float: left;
    margin: 0;
    padding: .76rem .3rem 0 0;
    font-size: 2.3rem;
    font-family: "montserrat-regular", sans-serif;
    font-weight: bold;
    line-height: 1rem;
    text-indent: 0;
    background: transparent;
}*/

.catalogo-desc{
	margin: auto;
	grid-column:1/13;
    grid-row: 5/6;
}

.desc2{
    grid-column:2/12;
    grid-row: 6/15;
	margin: auto;
}
.desc2 p{
	text-align: center
}



.mall_li{
	width: 90%;
	margin: auto;
	border: #415A0B 1px solid;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.t-mall_li{
	width: 100%;
	height: 40px;
	margin: auto;
	text-align: center;
	background: rgba(105, 139, 34, 1);
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.mall_li>ul{
	margin: auto;
	padding: 10px;
}
.mall_li>ul>li{
	/*list-style:outside;*/
	text-align: center;
	padding: 5px;
}

@media screen and (min-width:320px){
	.titulo{
		grid-row: 4/5;
	}
}
@media screen and (min-width:480px){
	.mall_desc{
		grid-template-rows: repeat(12,40px);
	}
	.desc2{
		grid-row: 6/13;
	}
	.mall_li{
		width: 300px;;
	}

}
@media screen and (min-width:600px){
	.titulo{
		grid-column: 2/12;
		grid-row: 5/6;
	}
	.titulo>a{
		display: block;
	}
	.titulo>p{
		text-align: left;
		margin: 0
	}
	.fonomallassac{
		grid-column: 6/12;
		grid-row: 6/7
	}
	.mall_desc{
		grid-template-rows: repeat(11,40px);
	}
	.desc1{
		grid-column: 2/6;
	}
	.desc2{
		grid-column: 6/12;
		grid-row: 3/12;
		text-align: left;
	}
	.desc2 p{
		text-align: left;
	}
}
@media screen and (min-width:768px){
	.logotipo{
		display: block;
	}
	.fonomallassac{
		margin: auto 0 auto auto;
		grid-column:8/12;
		grid-row: 6/7;
	}
	.desc1{
		grid-column: 2/7;
	}
	#disp-img{
		margin: 0 auto auto auto;
		width: 190px;
		grid-column:1/13;
		grid-row: 1/5;
	}
	.catalogo-desc{
		margin: auto;
		grid-column:1/13;
		grid-row: 6/7;
	}
	.desc2{
		grid-column: 7/12;
	}
}

@media screen and (min-width:1200px){
	.titulo{
		width: 1200px;
		margin: auto;
		grid-column: 1/13
	}
	.mall_desc{
		width: 1200px;
	}
	.desc1{
		grid-column: 1/7;
	}
}