@charset "utf-8";
#tit01 { font-size:60px; font-weight:100; color:#080d45; text-align:center; padding:200px 0px 140px 0px; margin-bottom:0px; 
		background-image:url('../imagenes/bg-productos.jpg'); background-repeat:no-repeat; background-position:center center; 
		-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
	#tit01 > label { font-size:28px; font-weight:100; color:#464648; }
	
	
	
#harinas { background-color:#fff; padding:45px 30px; }
	.tit02 { font-size:40px; font-weight:100; color:#080d45; text-align:left; border-bottom:2px solid #080d45; }
	.prods { padding:30px; }
	.prods:hover > div > .img02, .prods:focus > div > .img02 { border-left:5px solid #2a3ff4; -webkit-transform:scale(1.1); transform:scale(1.1); }
	.prods2:hover > div > .img02, .prods2:focus > div > .img02 { border-left:5px solid #2a3ff4; -webkit-transform:scale(1.1); transform:scale(1.1); }
	.prods:hover > div > p, .prods:focus > div > p { color:#080d45; }
	.prods:hover > .col-lg-9, .prods:focus > .col-lg-9{ background-color:#FDFAFA; }
	
	
	.prods > div > h2 { color:#080d45; font-size:32px; font-weight:bold; text-align:left; padding:30px 30px 10px 30px; margin:0px; }
	.prods > div > p { color:#B3B3B5; font-size:18px; text-align:justify; line-height:28px; letter-spacing:0.7px; padding:0px 30px 30px 60px; -webkit-transition:all 0.6s; transition:all 0.6s; }
	.img02 { width:100%; height:auto; padding:20px 45px; border-left:5px solid #FDFAFA; border-radius:2px; -webkit-transition:all 0.6s; transition:all 0.6s; }
	.prods > .col-lg-9 { min-height:255px; position:relative; background-color:#FFF; border-left:1px solid #F3F3F4; border-radius:2px; -webkit-transition:all 0.6s; transition:all 0.6s; }
	
	
	
#azucar { background-color:#FDFAFA; padding:45px 30px; }
	.prods2 { padding:30px; }
	.prods2:hover > div > .img03, .prods2:focus > div > .img03 { border-left:5px solid #2a3ff4; -webkit-transform:scale(1.1); transform:scale(1.1); }
	.prods2:hover > div > p, .prods2:focus > div > p { color:#080d45; }
	.prods2:hover > .col-lg-9, .prods2:focus > .col-lg-9{ background-color:#FFF; }
	
	.prods2 > div { min-height:255px; }
	.prods2 > div > h2 { color:#080d45; font-size:32px; font-weight:bold; text-align:left; padding:30px 30px 10px 30px; margin:0px; }
	.prods2 > div > p { color:#B3B3B5; font-size:18px; text-align:justify; line-height:28px; letter-spacing:0.7px; padding:0px 30px 30px 60px; -webkit-transition:all 0.6s; transition:all 0.6s; }
	.img03 { width:100%; height:auto; padding:20px 45px; border-left:5px solid #CCC; border-radius:2px; -webkit-transition:all 0.6s; transition:all 0.6s; }
	.prods2 > .col-lg-9 { position:relative; background-color:#FDFAFA; border-radius:2px; -webkit-transition:all 0.6s; transition:all 0.6s; } 
	
	
	
#materia-prima { background-color:#FFF; padding:45px 30px; }
	.prods3 { position:relative; margin:30px 45px; border:1px solid #F3F3F4; border-radius:4px; cursor:pointer; -webkit-transition:all 0.6s; transition:all 0.6s; }
	.prods3 > img { width:100%; height:auto; padding-top:30px; }
	.prods3 > h2 { position:absolute; bottom:0px; left:0px; width:100%; height:auto; background-color:rgba(0,0,51,0.6); font-size:28px; color:#fff; text-align:left; 
		padding:20px 30px 10px 30px; margin:0px; border-radius:0px 0px 4px 4px;
		-webkit-transition:all 0.6s; transition:all 0.6s; }
	.prods3:hover, .prods3:focus { border: 1px solid #080d45; }
	.prods3:hover > h2, .prods3:focus > h2 { background-color:#080d45; }
	
	
	
#pollos { background-color:#FDFAFA; padding:45px 30px; }
	.prods4 { position:relative; margin:30px 45px; border:1px solid #F3F3F4; border-radius:4px; cursor:pointer; -webkit-transition:all 0.6s; transition:all 0.6s; }
	.prods4 > img { background-color:#fff; width:100%; height:auto; padding:50px 0px; -webkit-transition:all 0.6s; transition:all 0.6s; }
	.prods4 > h2 { position:absolute; top:0px; left:0px; width:100%; height:auto; background-color:rgba(0,0,51,0.6); font-size:28px; color:#fff; text-align:left; 
		padding:10px 30px 10px 30px; margin:0px; border-radius:4px 4px 0px 0px;
		-webkit-transition:all 0.6s; transition:all 0.6s; }
	.prods4 > p { position:absolute; bottom:0px; left:0px; width:100%; height:0; background-color:rgba(0,0,51,0.6); font-size:16px; color:#fff; text-align:justify; 
		padding:0px 20px; margin:0px; border-radius:0px 0px 4px 4px;
		-webkit-transition:all 0.6s; transition:all 0.6s; }
	.prods4:hover, .prods4:focus { border: 1px solid #080d45; }
	.prods4:hover > h2, .prods4:focus > h2 { background-color:#080d45; }
	.prods4:hover > p, .prods4:focus > p { padding:15px 20px; height:100px; }
	.prods4:hover > img, .prods4:focus > img { padding:0px 0px 100px 0px; }
	
	
	
#porcinos { background-color:#FFF; padding:45px 30px; }
	
	.img03 { width:100%; height:auto; padding:50px 45px; border-left:5px solid #FDFAFA; border-radius:2px; -webkit-transition:all 0.6s; transition:all 0.6s; }
	.prods:hover > div > .img03, .prods:focus > div > .img03 { border-left:5px solid #2a3ff4; }
	
	.prods > div > label { position:absolute; bottom:0px; left:15px; width:auto; 
		color:#B3B3B5; font-size:18px; text-align:justify; line-height:28px; letter-spacing:0.7px; padding:0px 30px 30px 60px; -webkit-transition:all 0.6s; transition:all 0.6s; }
	.prods:hover > div > label, .prods:focus > div > label { color:#080d45; }
	
	
	
#transporte { background-color:#FDFAFA; padding:45px 30px 120px 30px; }
.img04 {  padding:50px 45px; width:100%; height:auto; border-left:5px solid #FDFAFA; border-radius:2px; -webkit-transition:all 0.6s; transition:all 0.6s; }


@media(max-width:1200px){ 
	.prods > .col-lg-9 { min-height:315px; }
	.prods > div > p { padding:0px 30px 60px 30px; }
	.prods3 { margin:10px 5px; }
}
@media(max-width:768px){ 
	#tit01 { font-size:30px; }
	.tit02 { font-size:30px; }
	.img02, .img03 { max-width:240px; margin:0px auto; }
	.img04 { padding: 5px 0px; }
	
	#harinas, #azucar, #materia-prima, #pollos, #porcinos, #transporte { padding:45px 0px; }
	.prods, .prods2 { padding:0px; }
	.prods > div > p { padding:0px 10px 60px 10px; }
	.prods2 > div > p{ padding:0px 10px 30px 10px; }
	.prods4 { margin:30px 0px; }
}