/* */
.ddl-w-100{ width: 100% !important; }
.btn-default{ text-shadow: none !important; }
.panel-heading{ color: #FFF !important; }
.background-azul, .background-azul-escuro{ background: none !important }
#footer-unidades, .tabela th{ background: #000 !important; }

.panel-title, .text-danger, .text-warning, .text-info, .text-primary, .text-success{ color:  #FFF !important; }

.btn-danger{ border-color: #333333 !important; }
.breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #252525 !important; border-radius: 4px; border: 1px solid #1a1a1a !important; }
.breadcrumb a{ color: #FFF; }
.panel{ background-color: #333333 !important; color: #FFF; border: 1px solid #FFF !important }
.well{ background-color: #333333 !important; background-image: -webkit-linear-gradient(top,#333333 0,#333333 100%) !important; color: #FFF; border: 1px solid #FFF !important }
.letras .ativado, .letras li:hover{ background: #dddddd !important }
.letras .ativado a, .letras li:hover a{ color: #000 !important }
.letras li{ background: #1e1e1e !important; border-color: #333; }
.alert-atencao { color: #993300; background-color: #F9E275; }

#lista-principal li a{ color: #FFF; background: #1d1d1d; }
#lista-principal li a:hover, #lista-principal li a:focus, #lista-principal li.active a{ color: #1d1d1d; background: #FFF; }

.panel-heading{ background: #1d1d1d !important; color: #FFF; }
.panel-group .panel+.panel{ margin-top: 20px !important }

input[type=text], input[type=search], input[type=email], input[type=password], textarea, select{ background: #1d1d1d !important; color: #FFF !important;}
input[type=text]:focus, input[type=search]:focus, input[type=email]:focus, input[type=password]:focus, textarea:focus, select:focus{ border: 1px solid #FFF; }

.btn, .alert, .dt-button, .bg-primary, .bg-grey-custom, .bg-info{ background: #1d1d1d !important; color: #FFF !important; border: 1px solid #DDD !important; }

.panel-body { padding: 15px 15px 15px 15px !important; }

.paginate_button{ background: #1d1d1d !important; color: #FFF !important; border: 1px solid #DDD !important; margin-top: 15px; margin-left: 10px !important; }
.btn:hover, .dt-button:hover{ background: #FFF !important; color: #1d1d1d !important; border: 1px solid #000 !important; }
#box-social a{ color: #FFF; }


.fancyvideo{ margin-bottom: 10px }
.fancyvideo a{ display: block; }
.fancyvideo a i{ display: none; position: absolute; right: 30%; top: 23%; font-size: 80px; color: red; padding: 5px 15px 10px 22px; border-radius: 22px; }
.fancyvideo a:hover i{ display: block; }
.fancyvideo p{ text-align: center; background: #3e6180; color: #fff; border-bottom: 1px solid #3072ac; padding-top: 8px; padding-bottom: 8px; font-family: 'PT Sans', sans-serif; }

.list-group-item{ background:  transparent !important; }
.item-selecionado{ background: #FFF !important; color: #000 !important; }

.dropdown-exportar-dados{ font-weight: normal; }
.dropdown-exportar-dados > li > a{ background: #1d1d1d !important; color: #fff !important; }
.dropdown-exportar-dados > li > a:hover{ background: #FFF !important; color: #1d1d1d !important; }

.dropdown-menu li.active > a{ background: #DDD !important; color: #1d1d1d !important; }
.dropdown-menu li.active > a:hover{ background: #DDD !important; color: #FFF !important; }

.font-family-padrao { font-family: 'PT Sans', sans-serif !important; }


#box-pesquisa-master{ display: flex; margin-top:  5px; margin-bottom: 5px; }

.progress{ background-image: -webkit-linear-gradient(top,rgba(0, 0, 0, 0.7) 0,rgba(0, 0, 0, 0.57) 100%); background-image: -o-linear-gradient(top,rgba(0, 0, 0, 0.7) 0,rgba(0, 0, 0, 0.57) 100%); background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0, 0, 0, 0.7)),to(rgba(0, 0, 0, 0.57))); background-image: linear-gradient(to bottom,rgba(0, 0, 0, 0.7) 0,rgba(0, 0, 0, 0.57) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0, 0, 0, 0.7)', endColorstr='rgba(0, 0, 0, 0.57)', GradientType=0); background-repeat: repeat-x; }

.divisao-esquerda{ border-left: 1px solid #DDD }
.divisao-direita{ border-right: 1px solid #DDD }

.progress-bar-graficos{ color: #000 !important;  font-size: 14px !important; 
    background-image: linear-gradient(to bottom,#949494 0,#757575 100%) !important; 
    background-image: -webkit-linear-gradient(top,#949494 0,#757575 100%) !important; 
    background-image: -o-linear-gradient(top,#949494 0,#757575 100%) !important; 
    background-image: -webkit-gradient(linear,left top,left bottom,from(#949494),to(#757575)); 
}
.lista-detalhamento-grafico{ list-style: none; padding-left: 0px; }

.btn-icone-social{ color: #ffffff; font-size: 25px !important; }
.btn-icone-social:hover, .btn-icone-social:focus{ color: #DDD !important; }

.no-border-radius{ border-radius: 0px !important; }
.btn-orange{ background: #000; color: #FFF !important; border-top: 1px solid #FFF !important; border-bottom: 1px solid #FFF !important; border-right: 1px solid #FFF !important;; }
.btn-orange:hover{ background: #FFF; color: #000 !important; }

.table, .table tr, .table tr th, .table tr td, .table:hover th{ color: #FFF }
.table a{ color: #FFF !important; text-decoration: underline; }
.dataTables_info, .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate, ul, ul li, ol, ol li{ color: #FFF !important; }
.table tr:hover{ background: #1d1d1d !important; }

ul li a, ol li a{ color: #DDD; text-decoration: none }
ul li a:hover, ol li a:hover{ text-decoration: underline; color: #FFF }

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd{ background-color: #333333 !important; color: #FFF; }
table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{ background-color: #333333 !important; color: #FFF; }
.table-striped>tbody>tr:nth-of-type(odd){ background-color: #333333 !important; color: #FFF !important; }
table.dataTable tbody tr { background-color: #1d1d1d !important; }
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd:hover{  }

table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1{ background-color: #1d1d1d !important; color: #FFF; }

.modal-content{ background: #333 !important; border: 1px solid #FFF !important; color: #FFF !important; }

/**/
body{ font-size: 16px !important; background: #333333 !important; color: #FFF !important; font-family: 'Roboto' !important; font-weight: 300 !important }
a { color: #FFFFFF; text-decoration: none; }
a:focus, a:hover { outline: 2px #ffff00 solid !important;}
.atalhos-acessibilidade-xs-inicio a, .atalhos-acessibilidade-xs-inicio a span{ color:  #000 !important; }

header{ color: #FFF; }
header.header-interna{ background: #1e1e1e !important; }

h1.titulo, h2.titulo, h3.titulo, h4.titulo, h5.titulo, h6.titulo{ font-family: 'Roboto' !important; text-transform: uppercase; }

h1.titulo{ font-size: 30px !important; font-weight: 200 }
h2.titulo{ font-size: 26px !important; font-weight: 200 }
h3.titulo{ font-size: 24px !important; font-weight: 200 }
h4.titulo{ font-size: 22px !important; font-weight: 200 }
h5.titulo{ font-size: 18px !important; font-weight: 200 }
h6.titulo{ font-size: 16px !important; font-weight: 200 }

h1.titulo.titulo-interna{ padding: 5px; }
h2.titulo.titulo-interna{ padding: 5px; }
h3.titulo.titulo-interna{ padding: 5px; }
h4.titulo.titulo-interna{ padding: 5px; }
h5.titulo.titulo-interna{ padding: 5px; }
h6.titulo.titulo-interna{ padding: 5px; }

.branding-titulo-interna{ padding: 7px 10px; font-size: 14px; text-transform: uppercase; font-family: 'PT Sans'; font-weight: 300; border-radius: 0px; margin-bottom: 5px; border-left: 20px solid #000; }
table.dataTable thead th, table.dataTable thead td{ padding: 10px 10px; border-bottom: 1px solid #000 !important; }
table.dataTable.no-footer { border-bottom: 1px solid #000 !important; margin-bottom: 10px; }

#header-landing{ 
    background: #1e1e1e url(../images/border-footer-top.png) center 100% no-repeat;
    height: 350px;
}
#header-landing #bg-header{}

#header-landing h2{ font-family: 'Open Sans'; font-weight: 400; font-size: 40px; margin-top: 30px; }
#header-landing h3{ font-family: 'Open Sans'; font-weight: 800; font-size: 45px; margin-top: 10px; }

.fwb{ font-weight: bold !important; }
.fw2{ font-weight: 200 !important; }
.fw4{ font-weight: 400 !important; }
.fw6{ font-weight: 600 !important; }
.fw8{ font-weight: 800 !important; }
.t-a-c{ text-align: center; }

.lh10{ line-height: 10px; }
.lh15{ line-height: 15px; }
.lh20{ line-height: 20px; }
.lh25{ line-height: 25px; }
.lh30{ line-height: 30px; }

.menu-sub-menu{ margin-bottom: 0px !important; text-transform: uppercase; font-size: 12px; font-family: 'Open Sans', sans-serif; font-weight: 300; padding-left: 0px; text-align: center; margin-top: 12px; }
.menu-sub-menu li{ display: inline; border-right: 1px solid #b5b5b5; padding-left: 15px; padding-right: 15px }
.menu-sub-menu li:last-child{ border-right: none !important }
.menu-sub-menu li a{ color: #000; }




.titulo-header{ font-family: 'PT Sans', sans-serif !important; }
.titulo-header h1{ font-weight: 700; font-size: 45px; }
.titulo-header h5{ font-size: 17px; }
.logo-municipio{ border: 1px solid #DDD; background: #FFF; padding: 10px; min-height: 100px; }
.sub-menu{ background: #DDD; color: #000; min-height: 37px; line-height: 35px; }
.menu{ background: #000000 !important; font-family: 'Roboto', sans-serif !important; font-weight: 300; background-image: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)) }
.navbar-brand, .navbar-nav>li>a{ text-shadow: none !important; color: #FFF; font-size: 15px; }
.breadcrumb{ border: 1px solid #DDD; }
.cd-top, .cd-top-custom{ background: rgb(29, 29, 29) !important; }
.nav-tabs>li>a:hover{ color: #555 !important }

.btn-informacao, .btn{ background-color: #252525; border-color: #1a1a1a; color: #FFF; }
.btn-informacao:hover, .btn-informacao:focus{ background-color: #FFF !important; color: #000 !important; border: 1px solid #1a1a1a !important; }

/* Paginação */
.pagination{}
.pagination li a{ background-color: #252525 !important; border-color: #1a1a1a !important; color: #FFF !important; }
.pagination li.active span{ background-color: #FFF !important; color: #000 !important; border: 1px solid #FFF !important; }
.pagination li a:hover{ background-color: #FFF !important; color: #000 !important; border: 1px solid #1a1a1a !important; }

.modal {
    text-align: center;
}
@media screen and (min-width: 768px) {
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}
.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.list-unstyled li small a, .list-unstyled li a{ color: #FFF !important; }

.menu > .active, .menu > li:hover, .menu > li:hover > a, .menu > .open{ background: #333333 !important; color: #FFF; }
.navcustom > .open>a, .navcustom > .open>a:focus, .navcustom > .open>a:hover, .navcustom > li > a:hover, .navcustom > li.active > a, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{ background: #333333 !important }
.menu > li > a{ background: none !important; }
.menu-sidebar{ font-size: 15px; }
.menu-sidebar > li > .active{ background: #f5f5f5 !important; color: #1d1d1d !important; }

.menu-sidebar a{ color: #FFF; }
.menu-sidebar a:hover{ color: #1d1d1d; }

.menu-sidebar > li{ border-bottom: 1px solid #DDD }
.menu-sidebar > li+li{ margin-top: 0px !important; }
.menu-sidebar > li:last-child{ border-bottom: none; }

.dropdown-menu{ color: #FFF !important; background-color: #000 !important; }
.navbar-nav>li>.dropdown-menu{ padding: 0px; }
.navbar-nav>li>.dropdown-menu > li{ }
.navbar-nav>li>.dropdown-menu > li:hover{ background: #DDD; color: #000 !important; }
.navbar-nav>li>.dropdown-menu > li:hover > a{ color: #000 !important; }
.navbar-nav>li>.dropdown-menu > li:last-child{ border-bottom: none; }
.navbar-nav>li>.dropdown-menu > li > a{ font-size: 15px; padding: 7px 75px 7px 20px; border-bottom: 1px solid #EEE !important; color: #FFF; }
.navbar-nav>li>.dropdown-menu > li > a:last-child{ border-bottom: none; }

.marginBottom-0 {margin-bottom:0;}

.dropdown-submenu{position:relative;}

.dropdown-submenu .dropdown-menu > li{  }
.dropdown-submenu .dropdown-menu > li:hover{ background: #DDD; color: #000 !important }
.dropdown-submenu .dropdown-menu > li:hover > a{ color: #000 !important; }
.dropdown-submenu .dropdown-menu > li:last-child{ border-bottom: none; }
.dropdown-submenu .dropdown-menu > li > a{ font-size: 15px; padding: 7px 20px 7px 20px; border-bottom: 1px solid #EEE !important; color: #FFF; }
.dropdown-submenu .dropdown-menu > li > a:last-child{ border-bottom: none; }

.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#555;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

.menu-sidebar > .active > a > i{ color: #FFF; }
.menu-sidebar > li > a > i{ color: #0d77a8; }
.menu-sidebar > li > a:hover > i{ color: #FFF; }

.menu-sidebar-block{ margin-bottom: 10px !important; }
.menu-sidebar-block a{ font-size: 20px !important; padding: 20px 0px !important; }
.menu-sidebar-block i{ display: block }

.panel-program{ border: 1px solid #000 !important; }
.panel-program > .panel-heading{ background: #000 !important; color: #FFF !important; }

.panel-info{ border: 1px solid #009CDC !important; }
.panel-info > .panel-heading{ background: #009CDC !important; color: #FFF !important; }
.panel-primary>.panel-heading { color: #fff !important; background-color: #1d1d1d !important; background-image: linear-gradient(to bottom,#1d1d1d 0,#1d1d1d 100%) !important; border-color: #FFF !important; }
select{ cursor: pointer; }

.list-group a{ background: #1d1d1d !important; color: #FFF !important; }
.list-group a:hover, .list-group a:focus{ background: #000 !important }

.table{ font-size: 16px; }

footer, .breadcrumb{ font-size: 15px; }

td, th{ vertical-align: middle !important; }

.text-search{ width: 301px; border: 1px solid #DDD; height: 35px; border-radius: 4px; padding: 0px 10px }

label{ font-weight: 300 !important; }

.titulo-front{ color: #3072AC }

.thumbnail{ padding: 0px; border: none !important; }

.thumbnail h5{ display: block; padding: 12px 10px; text-transform: uppercase; color: #FFF; font-family: 'PT Sans', sans-serif; background: #1d1d1d; border-top: 2px solid #FFF; vertical-align: middle; font-size: 14px; font-weight: 300; }
.thumbnail h5:hover, .thumbnail:hover h5{ color: #DDD; text-decoration: none !important; }
.thumbnail, .thumbnail:hover, .thumbnail:focus, .thumbnail h5:hover{ text-decoration: none; }

.menu-estilo-right{ background: #3072AC; display: block; color: #FFF; font-family: 'PT Sans', sans-serif; text-transform: uppercase; padding: 10px; border-left: 1px solid #DDD; min-height: 123px; font-weight: 300; font-size: 17px; padding: 0px; }
.menu-estilo-right .titulo{ position: absolute; top: 50%; transform: translateY(-50%); padding: 10px }
.menu-estilo-right .titulo:hover, .menu-estilo-right:hover .titulo, .thumbnail:hover .titulo{ color: yellow }



.titulo-home{ font-family: 'PT Sans', sans-serif; font-weight: 700; color: #FFF; font-size: 25px; border-bottom: 1px solid #DDD; padding-bottom: 10px; margin-bottom: 18px; text-transform: uppercase; }
.titulo-modal{ font-family: 'PT Sans', sans-serif; font-weight: 700; color: #FFF; font-size: 18px; text-transform: uppercase; margin-bottom: 0px; margin-top: 0px; }

/* Quadro de Avisos */
.gadget-aviso{ border-bottom: 1px solid #DDD; padding-bottom: 20px; }
.gadget-aviso + .gadget-aviso{ padding-top: 10px }
.gadget-aviso:last-of-type{ border-bottom: none !important; padding-bottom: 0px; }
.gadget-aviso h4{ margin-bottom: 5px; }
.data-publicacao{}

.gadget-aviso-sidebar{ border-bottom: 1px solid #DDD; padding-bottom: 10px; }
.gadget-aviso-sidebar + .gadget-aviso-sidebar{ padding-top: 5px }
.gadget-aviso-sidebar:last-of-type{ border-bottom: none !important; padding-bottom: 0px; }
.gadget-aviso-sidebar h5{ margin-bottom: 0px; margin-top: 5px; }
.gadget-aviso-sidebar h5 a{ color: #FFF; text-decoration: underline }

/* Footer */
footer .footer-brand{ background: #DDD; }
footer .footer-info{ font-family: "PT Sans", sans-serif; background: #1e1e1e !important; color: #FFF !important; border-top: 10px solid #dddddd !important; }
footer .footer-info p{ margin-bottom: 0px !important; font-size: 16px; padding-bottom: 5px; }

footer .footer-pos{ background: #000000; color: #FFF; font-family: "Roboto", sans-serif; border-top: 1px solid #222; background-image: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)) }

.footer-box a{ color: #FFF !important }

.txt-uppercase{ text-transform: uppercase !important; }

.titulo-do-footer{ text-transform: uppercase; font-weight: 800; }
.titulo-font{ font-family: "PT Sans", sans-serif; text-transform: uppercase; font-weight: 800; }

.table-acoes{ background: #333333 !important; border: 1px solid #DDD }
td.details-control {
    background: url('../img/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('../img/details_close.png') no-repeat center center;
}

.custom{
    margin: 10px 10px;
}
.acessibilidade li {
    display:inline;
    margin-left:.5em;
    font-size:1.0em;
}
.acessibilidade li a:hover {
    text-decoration: none;
}
.diminui-letra {
    font-size: 1.0em;
}
.letra-normal {
    font-size: 1.1em;
}
.aumenta-letra {
    font-size: 1.2em;
}
.esconde {
    position: absolute; left: -999em;
}
.label-sem-contraste {
    background:#fff;
    color:#000 !important;
    border:1px solid #ddd;
    font-size:1em;
}
.label-alto-contraste {
    background:#000;
    color:#fff;
    border:1px solid #000;
    font-size:1em;
}

.menu-list{ padding-left: 0px }
.menu-list li{ list-style: none; font-family: "Roboto", sans-serif; }
.btn-padrao{ background: #000; color: #FFF; }
.btn-padrao:hover{ background: #DDD; color: #000; }

.shown{ background: #DDD !important; color: #000 !important; }
.shown > td{ color: #000 !important; }

.alert-danger{ background: #DDD !important; color: #000 !important; }

/*Ir para o topo*/

.cd-top, .cd-top-custom {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    /* image replacement properties */
    overflow: hidden;
    /*text-indent: 100%;*/
    white-space: nowrap;
    background: rgba(9, 113, 137, 0.8);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
    text-align: center;
    line-height: 40px;
    color: #ffffff !important;
    font-size: 1.6em;
    border:1px solid #ffffff;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover, .cd-top-custom.cd-is-visible, .cd-top-custom.cd-fade-out, .no-touch .cd-top-custom:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible, .cd-top-custom.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}
.cd-is-visible-custom{
     /* the button becomes visible */
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-fade-out, .cd-top-custom.cd-fade-out {
    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
    opacity: .5;
}
.no-touch .cd-top:hover, .no-touch .cd-top-custom:hover {
    background-color: #097189;
    opacity: 1;
}
/*Breakpoint*/
@media only screen and (min-width: 768px) {
    .cd-top, .cd-top-custom {
        right: 20px;
        bottom: 20px;
    }
}
/*Breakpoint*/
@media only screen and (min-width: 1024px) {
    .cd-top, .cd-top-custom {
        height: 40px;
        width: 40px;
        right: 30px;
        bottom: 30px;
    }
}

.m-t-5{ margin-top: 5px !important; }
.m-l-5{ margin-left: 5px !important; }
.m-r-5{ margin-right: 5px !important; }
.m-b-5{ margin-bottom: 5px !important; }
.m-t-10{ margin-top: 10px !important; }
.m-l-10{ margin-left: 10px !important; }
.m-r-10{ margin-right: 10px !important; }
.m-b-10{ margin-bottom: 10px !important; }
.m-t-15{ margin-top: 15px !important; }
.m-l-15{ margin-left: 15px !important; }
.m-r-15{ margin-right: 15px !important; }
.m-b-15{ margin-bottom: 15px !important; }
.m-t-20{ margin-top: 20px !important; }
.m-l-20{ margin-left: 20px !important; }
.m-r-20{ margin-right: 20px !important; }
.m-b-20{ margin-bottom: 20px !important; }
.m-t-30{ margin-top: 30px !important; }
.m-l-30{ margin-left: 30px !important; }
.m-r-30{ margin-right: 30px !important; }
.m-b-30{ margin-bottom: 30px !important; }
.m-t-40{ margin-top: 40px !important; }
.m-l-40{ margin-left: 40px !important; }
.m-r-40{ margin-right: 40px !important; }
.m-b-40{ margin-bottom: 40px !important; }
.m-t-50{ margin-top: 50px !important; }
.m-l-50{ margin-left: 50px !important; }
.m-r-50{ margin-right: 50px !important; }
.m-b-50{ margin-bottom: 50px !important; }
.m-t-60{ margin-top: 60px !important; }
.m-l-60{ margin-left: 60px !important; }
.m-r-60{ margin-right: 60px !important; }
.m-b-60{ margin-bottom: 60px !important; }

.p-t-5{ padding-top: 5px !important; }
.p-l-5{ padding-left: 5px !important; }
.p-r-5{ padding-right: 5px !important; }
.p-b-5{ padding-bottom: 5px !important; }
.p-t-10{ padding-top: 10px !important; }
.p-l-10{ padding-left: 10px !important; }
.p-r-10{ padding-right: 10px !important; }
.p-b-10{ padding-bottom: 10px !important; }
.p-t-15{ padding-top: 15px !important; }
.p-l-15{ padding-left: 15px !important; }
.p-r-15{ padding-right: 15px !important; }
.p-b-15{ padding-bottom: 15px !important; }
.p-t-20{ padding-top: 20px !important; }
.p-l-20{ padding-left: 20px !important; }
.p-r-20{ padding-right: 20px !important; }
.p-b-20{ padding-bottom: 20px !important; }
.p-t-30{ padding-top: 30px !important; }
.p-l-30{ padding-left: 30px !important; }
.p-r-30{ padding-right: 30px !important; }
.p-b-30{ padding-bottom: 30px !important; }
.p-t-35{ padding-top: 35px !important; }
.p-l-35{ padding-left: 35px !important; }
.p-r-35{ padding-right: 35px !important; }
.p-b-35{ padding-bottom: 35px !important; }
.p-t-40{ padding-top: 40px !important; }
.p-l-40{ padding-left: 40px !important; }
.p-r-40{ padding-right: 40px !important; }
.p-b-40{ padding-bottom: 40px !important; }
.p-t-60{ padding-top: 60px !important; }
.p-l-60{ padding-left: 60px !important; }
.p-r-60{ padding-right: 60px !important; }
.p-b-60{ padding-bottom: 60px !important; }

.no-m{ margin: 0px !important; }
.no-m-t{ margin-top: 0px !important; }
.no-m-l{ margin-left: 0px !important; }
.no-m-r{ margin-right: 0px !important; }
.no-m-b{ margin-bottom: 0px !important; }

.no-p{ padding: 0px !important; }
.no-p-t{ padding-top: 0px !important; }
.no-p-l{ padding-left: 0px !important; }
.no-p-r{ padding-right: 0px !important; }
.no-p-b{ padding-bottom: 0px !important; }

.nivel-0, .nivel-0 > td{ background-color: #000 !important; color: #FFF !important; cursor: pointer; }
.nivel-1, .nivel-1 > td{ background-color: #333 !important; color: #FFF !important; cursor: pointer; }
.nivel-2, .nivel-2 > td{ background-color: #4a4a4a !important; color: #FFF !important; cursor: pointer; }
.nivel-3, .nivel-3 > td{ background-color: #656565 !important; color: #FFF !important; cursor: pointer; }
.nivel-4, .nivel-4 > td{ background-color: #CDCDCD !important; color: #000 !important; }

.cursor-pointer{ cursor: pointer; }

.box-item-singular{ width: 100%; }
.box-item-singular a:hover{ text-decoration: none }
.menu-item{ width: 100%; text-align: center; padding: 25px 5px }
.servico-box{ border: 1px solid #FFF; border-radius: 5px; }
.servico-box:hover{ background-image: linear-gradient(90deg, #000 0%, #000 100%); }
.servico-box a{ color: #FFF !important; }

.menu-item .menu-item-content{ color: #FFF; }
.menu-item .menu-item-content .icone{ color: #FFF; }
.menu-item .menu-item-content .icone-hover{ display: none; }
.menu-item .menu-item-content .titulo{ font-family: 'Open Sans', sans-serif; font-size: 16px; text-transform: uppercase; font-weight: 200; margin-top: 15px; }

.color-white{ color: #000; }

.box-item-singular:hover .menu-item .menu-item-content .icone{ font-size: 30px }