.topo{float: left; width: 100%; margin: 0;}
.topo .banner{float: left; width: 100%;}
.topo .banner img{max-width: 100%; height: auto;}
.topo .tt-page{float: left; width: 100%; margin: 70px 0 0; color: #da2403; font: 60px/60px extrabold; text-transform: uppercase;}
.topo .texto{float: left; width: 100%; margin: 25px 0 0; color: #666d70; font: 24px/40px regular;}

.produtos{float: left; width: 100%; margin: 70px 0 0;}
.produtos .categorias{float: left; width: 100%; margin: 0;}
.produtos .categorias .nivel{float: left; width: 100%; margin: 0;}
.produtos .categorias .nivel .nivel1{float: left; width: 100%; margin: 0; border-top: solid 1px #eee;}
.produtos .categorias .nivel .nivel1 a{display: block; color: #3c3d41; padding: 20px 0; font: 15px/15px bold; letter-spacing: 3px; text-transform: uppercase;}
.produtos .categorias .nivel .nivel1 a i.fa{float: right; color: #838d8f; font-size: 15px;}
.produtos .categorias .nivel .nivel2{display:none; float: left; width: 100%; background: #838d8f; padding: 25px;}
.produtos .categorias .nivel.current .nivel2{display:block;}
.produtos .categorias .nivel .nivel2 a{display: block; width: 100%; color: #fff; font: 13px/13px bold; text-transform: uppercase; margin: 0 0 20px;}
.produtos .categorias .nivel .nivel2 a:last-child{margin: 0;}

.produtos .geral{float: left; width: 100%; margin: 0 0 100px;}
.produtos .geral .box{float: left; width: 240px; margin: 0 5px 100px; text-align: center;}
.produtos .geral .box .img{float: left; width: 100%;}
.produtos .geral .box .img img{max-width: 100%; height: auto;}
.produtos .geral .box .t1{float: left; width: 100%; color: #3a3d3f; font: 20px/24px bold; margin: 15px 0 5px;}
.produtos .geral .box .t2{float: left; width: 100%; color: #838c8e; font: 17px/17px bold;}