/* --------------------------- EMPRESA ------------------------------*/
.empresa{ max-width: 1024px; margin: 0 auto; padding-left:2em; padding-right:2em; font-size:1.6em; background-image: linear-gradient(bottom to, #D4D4D4, white); text-align: justify; }
.texto_empresa{ width:100%; text-align:left; color:#7F1313; font-size:1.8em; height:50px; }
#container_contato{
	width:100%;
	background: -moz-linear-gradient(#E8E8E8, white);
	background: -webkit-linear-gradient(#E8E8E8, white);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(white), color-stop(0.5, #E8E8E8), to(white));
	background: -o-linear-gradient(#E8E8E8, white);
	background: linear-gradient(#E8E8E8, white);
}

.empresa p{ color:#5E0808; font-weight: 500; padding: 20px 2px 10px 2px; }

.empresa .fotos ul{ width: 100%; margin:0; padding:0; text-align:left;   }
.empresa .fotos ul li{ width:23%; float: left; display: inline-block; text-align:center; margin: 5px; border: 1px solid #ccc; }
.empresa .fotos ul li img{ height: 220px; }
.empresa .fotos ul li a{ text-decoration:none; font-size:15px; color:#262626; display:block; padding: 5px; }
.empresa .fotos ul li a:hover{ color: #000; background: linear-gradient(to bottom,#E2E5E9,white,white);}

@media screen and (max-width: 900px) { 
	.empresa .fotos ul li{ width:30%; }
	.empresa .fotos ul li img{ height: 190px; }
}
	
@media screen and (max-width: 667px) { 
	.empresa .fotos ul li{ width:45%; margin-left: 3%;}
}

@media screen and (max-width: 420px) { 
	.empresa .fotos ul li{ width:85%; margin-left: 5%; }
	.empresa .fotos ul li img{ height: 170px; }
}

.empresa .videos ul{ width: 100%; margin:0; padding:0; text-align:left;  border: 1px solid #ccc; margin-bottom: 10px; }
.empresa .videos ul li{ display: inline-block; text-align:center; margin: 5px; }
.empresa .videos ul li img{ width: 150px; }
.empresa .videos ul li a{ text-decoration:none; font-size:15px; color:#262626; display:block; padding: 5px; }
.empresa .videos ul li a:hover{ color: #000; background: linear-gradient(to bottom,#E2E5E9,white,white);}