body { background-color: #C0C0C0; margin-top: 0; margin-bottom: 0; font-family: Montserrat, Verdana, Arial, Helvetica; }

hr { border-color: #e0e0e0; padding: 8px; margin: 0px; }
.figura { position: relative; display: inline-block; }
.legenda { position: absolute; bottom: 0px; left: 0px; width: 100%; font-size: 12px; font-style: italic; text-align: center; line-height: 12px; padding: 4px 8px; margin: -14px 0px 12px 0px; color: black; background-color: rgba(255, 255, 255, 0.8); }
.combos { color: #404040; background-color: #F0F0F0; font-size: 12px; font-weight: normal; border: 1px solid #C0C0C0; }
.pad-extra { padding: 0px; }
@media (max-width:670px) {
    .aw-hide-small { display: none!important; }
    .combos { max-width: 310px; }
}
@media (max-width:768px) {
    .aw-hide-medium1 { display: none !important; }
    .pad-extra { padding: 4px; }
}
@media (max-width:870px) {
    .aw-hide-medium2 { display: none !important; }
}
@media (min-width:671px) {
    .aw-hide-large { display: none!important; }
}

.tabela { border-spacing: 0px; }
.tabela td { padding: 0px; }
.tabela .td1 { width: 20px; background-image: url("../images/m_faixa_esq.jpg"); }
.tabela .td2 { width: 960px; }
.tabela .td3 { width: 20px; background-image: url("../images/m_faixa_dir.jpg"); }

.tabela-catalogo { border-spacing: 0px; }
.tabela-catalogo table { padding: 0px; margin: 0px; border-spacing: 0px; }
.tabela-catalogo td { padding: 4px; width: 100%; }

.tabela-referencia { background-color: #E0F0FF; padding: 4px; font-size: 10px; line-height: 13px; }
.tabela-referencia th { border: 0px; background-color: #CCCCCC; text-align: center; }
.tabela-referencia td { border: 0px solid #99CCFF; border-bottom-width: 1px; vertical-align: top; padding-top: 4px; }

.tabela-geral { border-collapse: collapse; width: 100%; padding: 4px; font-size: 12px; line-height: 13px; }
.tabela-geral th { border: 0px solid #e6f2ff; border-bottom-width: 1px; background-color: #f0f0f0; text-align: center; padding: 2px; font-weight: bold; }
.tabela-geral td { border: 0px solid #e6f2ff; border-bottom-width: 1px; vertical-align: top; padding: 2px; font-size: 11px; }
.tabela-geral tr:nth-child(even) { background-color: #eaf6ff; }
.tabela-geral tr:nth-child(odd) { background-color: #ffffff; }

@media (max-width:600px) {
    .tabela .td1 { width: 0px; display: none; background-image: none; }
    .tabela .td3 { width: 0px; display: none; background-image: none; }
}

/* MENU */
.menu { font-size: 14px; font-weight: bold; background-color:#2196F3; }
.menu a { color: white; text-decoration: none; }
.menu-container { max-width: 820px; margin: auto; }
.submenu { margin-top: 360px!important; margin-left: 210px; width: 160px; }
@media (max-width:600px) {
    .menu a { font-size: 14px; }
    .submenu { margin-top: 136px; }
}
@media (max-width:500px) {
    .menu { font-size: 24px; }
    .submenu { margin-top: 120px; margin-left: 20px; }
}

/* TABELAS C/ LINHA E COLUNA TÍTULO */
.tab_coluna { font-size:10px; }
.tab_coluna th { background-color: #CCCCCC; font-weight: bold; padding: 4px; text-align: center; }
.tab_coluna td { padding: 2px; margin: 0px; background-color: #FFFFCC; }
.tab_coluna td:nth-child(1) { font-weight: bold; text-align: center; background-color: #CCCCCC; }

/* MIOLO */
.miolo { overflow: hidden; color: black; background-color: white; margin: 0px; }
.miolo h1 { font-size: 20px; font-weight: bold; color: #CC3300; }
.miolo h2 { font-size: 16px; font-weight: bold; color: #CC3300; margin-left: 20px; }
.miolo h3 { font-size: 14px; font-weight: bold; color: #008080; }
.miolo h4 { font-size: 14px; font-weight: bold; color: teal; margin-top: -10px; }
.miolo a, .miolo a:link, .miolo a:visited { color: #616161; text-decoration: none; }
.miolo a:hover, .miolo a:active { color: orange; text-decoration: none; }
.conteudo { padding:12px 24px; min-height: 1180px; }
.texto { font-size: 14px; color: #555555; padding-bottom: 20px; line-height: 1.5em; }
.texto img { padding: 10px; max-width:100%; }
.texto label {color:teal; font-size:14px; font-weight:bold; margin-top:-10px; display:block;}
.img-dir { float: right; }
.img-esq { float: left; }
.mrg-left { margin-left: 20px; }
.mrg-left2 { margin-left: 40px; }
.mrg-bottom { margin-bottom: 32px; }
.mrg-top { margin-top: 12px; }
.pad-dir { padding-right: 16px; }
.pad-esq { padding-left: 16px; }
.mensagem { color: red; font-size: 14px; }
/* zebra é uma tabela */
.zebra { background-color: #ECF5FF; padding: 2px; margin: 1px; }
.zebra tbody tr:nth-child(even) { background-color: #D5EAFF; }
.zebra td { padding: 2px; }
.zebra td:nth-child(1) { padding-right: 8px; }
.zebra th { background-color: #CCCCCC; font-weight: bold; padding: 4px; text-align: center; }
.centra td { text-align: center; }
@media (max-width:600px)
{
    .miolo h1 { font-size: 18px; }
    .miolo h2 { font-size: 16px; margin-left: 0px; }
    .miolo a { font-size: 18px; }
    .texto { font-size: 16px; }
    .mrg-left, .mrg-left2 { margin-left: 0px; }
    .mensagem { font-size: 11px; }
} 

/* TOPICOS */
.topicos { width: 220px; height: 100%; float: right; color: lightgray; padding: 0px; font-size: 14px; }
.topicos a, .topicos a:link, .topicos a:visited { color: white; text-decoration: none; }
.topicos a:hover, .topicos a:active { color: orange; text-decoration: none; }
.item span {color:#eeeeee; font-size:16px; font-weight:bold; margin:10px 0; display: block;}
.item { padding: 10px 18px; }
.item table { padding:0px; margin:0px; border-spacing: 0px; }
.item td { padding: 4px; text-align: center; width: 100%; }
@media (max-width: 992px)
{
    .topicos { display: none!important; }
} 

/* LINKS / MAPA / CONTATO */
.item-link { padding:4px 8px; }
.item-link a { font-size:16px; font-weight:normal; }
.item-link h2 { margin:0; font-weight:600; }
.item-link h3 { margin:0; padding-left:12px; color:black; font-weight:normal; }
    .item-link h3::before {
        content: "\00BB";
        color: red;
        font-size: 20px;
        display: inline-block;
        margin-right: 8px;
        vertical-align: middle;
        font-weight: normal;
    }
.item-link img { max-width: 80%; }
.item-link p { font-size:15px; font-weight:normal; font-style:italic; }

@media (max-width: 600px) {
    .item-link h2 { margin-top:16px; }
    .item-link h3 { padding-left:0px; }
    .item-link a { font-size:17px; line-height:1.2; }
    .item-link p { font-size:17px; }
} 
