header{box-sizing: border-box; z-index:98; width:98%; margin:0 auto; max-width:800px}
header .control-nav {
	/*menuzinho em cima*/
    position: absolute;
    right: 20px;
    top: 50px;
    display: block;
    width: 30px;
    padding: 5px 0;
    border: solid #282828;
    border-width: 3px 0;
    z-index: 99;
    cursor: pointer;
  }
 
  header .control-nav:before {
    content: "";
    display: block;
    height: 3px;
    background: #282828;
  }
 
  header .control-nav-close {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    z-index: 99;
    background: rgba(0,0,0,0.4);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
  }
 
  header nav {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 80%;
    border-left: 1px solid #ccc;
    background: #fff;
    overflow-x: auto;
    z-index: 99;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
  }

#control-nav:checked ~ .control-nav-close {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
 
#control-nav:checked ~ nav {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.menu{ list-style:none; font-size:12pt; font-weight:400; border:0; margin:0 auto; padding:0}
.menu li{ position:relative; border-bottom: 1px #2b2b2b solid}
.menu li a{text-transform:uppercase; color:#2b2b2b; text-decoration:none; padding:10px; min-height:20px; display:block; border:0; overflow:hidden}
.menu li a:hover{ color:#FFF; background-color:#a00000}
.menu li ul{ font-size:10pt; list-style:none; padding-left:0px;}
.menu li ul li{border:0}
.menu li ul li a{text-decoration:none; padding:5px; padding-top:8px; display:block; border:0}
.menu li ul li a:hover{ color:FFF; background-color:#a00000}
.menu_subs{ }
.liz{ display:none}

.central { box-sizing: border-box; width:95%; margin:0 auto}
.topo { box-sizing: border-box; margin:0 auto; padding:0; height:100px}

.espacador_logo{ clear:both; height:20px}
.logo{ width:70%; margin:0 auto; float:left; text-align:center; }

.lateral_logo{box-sizing: border-box; float:left; width:75%; padding-left:20px; padding-top:0px}
.espacador_menu_mobile{ display:none}

.rslides {height:100px; overflow:hidden}

.engenheiro {box-sizing: border-box; width:100%; height:250px; float:left; background-image:url(../images/engenheiro.jpg); background-position:left bottom; background-repeat:no-repeat;  background-size: auto 100%}
.engenheiro_texto{box-sizing: border-box; clear:both; float:left; font-size:13pt; font-weight:400; padding:10px; margin-left:10px; margin-right:10px; margin-bottom:10px; background-color:#f1f0f0}

.box_evento{ text-align:left; font-size:12pt; width:100%; float:left; margin-bottom:20px;}
.box_evento_interna{ width:93%; margin:0 auto}
.evento_nome{ color:#2b2b2b; text-transform:uppercase; text-align:left; font-size:13pt; font-weight:bold; margin-bottom:10px}
.evento_grupo{text-transform:uppercase; text-align:left; font-size:10pt; font-weight:bold}
.evento_resumo{ display:none}
.evento_saiba{ background-color:#c51010; color:#FFF; text-align:center; font-size:9pt; padding:10px; width:30%}
.foto_evento{ width:93%; height:180px; background-color:#2b2b2b; margin:0 auto; background-position:top center; margin-bottom:10px; background-size: 100% auto;}

.bloco_texto{ box-sizing: border-box; width:100%; float:left; padding-right:10px; padding-left:10px; margin:0 auto; margin-bottom:10px}
.bloco_texto_interna{ box-sizing: border-box; width:100%; padding:20px; margin:0 auto; color:#FFF; font-size:12pt; background-color:#c51010}
.bloco_texto_titulo{ text-align:left; font-weight:500; font-size:20pt; margin:0; padding:0; text-transform:uppercase}
.bloco_texto_sep{ clear:both; height:1px; background-color:#FFF; margin-top:10px; margin-bottom:10px}
.bloco_texto_info{ text-align:justify; font-weight:400; font-size:12pt; margin:0; padding:0}

.roda_divide{ box-sizing: border-box; width:100%; float:left; padding-right:10px; padding-left:10px; text-align:center; margin-bottom:20px}

.box_produto{ box-sizing: border-box; width:100%; float:left; margin:0 auto; text-align:left; border:0; margin-bottom:10px}
.box_produto_interna{box-sizing: border-box; width:100%; min-height:200px; padding:10px; border:#a00000 1px solid}
.box_produto_interna:hover{ text-decoration:none}
.produto_nome{ box-sizing: border-box; padding-left:45px; padding-top:1px; text-transform:uppercase; min-height:80px; font-size:15pt; font-weight:bold; color:#e30a0a; background-image:url(../images/eletrico.jpg); background-position:left top; background-repeat:no-repeat;}
.produto_resumo{ box-sizing: border-box; font-size:10pt; margin-bottom:10px; margin-top:10px; height:90px; overflow:hidden}
.produto_saiba{ box-sizing: border-box; background-color:#a00000; float:right; color:#FFF; text-align:center; font-size:12pt; padding:8px; width:100%; margin:0 auto}

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

.bloco_produtos{box-sizing: border-box; float:left; width:100%; padding:10px; background-color:#f1f0f0}
.bloco_produtos_total{box-sizing: border-box; float:left; width:100%; padding:10px; background-color:#f1f0f0}

.foto_produto_det_principal { display:none}
.foto_produto_mobile { width:100%}
.foto_produto_det {display:none}

.fotos_produto{box-sizing: border-box; float:left; width:100%}
.bloco_produtos{box-sizing: border-box; float:left; width:100%; padding:5px}
.legenda{padding:10px; background-color:#000; color:#FFF; opacity: 0.7; font-size:8pt}

.foto_blog{float:left; width:100%; margin-right:20px; margin-bottom:10px; margin-top:15px}
.delimitador{ clear:both; height:30px}
.foto {width:100%; float:left; min-height:280px; margin-bottom:10px;}

.sep_foto{ display:none}