a {
    text-decoration: none;
    color: #000000;
}
a:hover {
    text-decoration: none;
}
.direita {
    float: right;
}
.esquerda {
    float: left;
}
content {
    background-color: #FAFAFA;  
}
header, nav, content, footer {
    width: 100%;
    float: left;
}
body {
    padding-left: 10px;
    padding-right: 10px;
    background-color: #FFFFFF;  
    color: #000000;
    font-family:sans-serif;
}
header {
    border-bottom: 1px solid #EEEEEE;
    height: 40px;
}
header a {
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    font-weight: bold;  
}
header.autentica {
    height: 91px !important;
}
header img {
    float: left;
    margin-top: 5px;
    margin-right: 5px;
}
header.autentica img {
    margin-top: 0px;
}
header .atendimento {
    width: 250px;
    margin-top: 10px;
}
header .atendimento div {
    margin-bottom: 5px;
    float: left;
    width: 250px;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
}
header .atendimento div img {
    float: left;
    margin-right: 5px;
}
.conteudo {
    width: 960px;
    margin: 0 auto;
}
header .conteudo {
    width: 90%;
}
nav, nav ul {
    background-color: #FFFFFF;    
    height: 40px;
}
nav {
    border-bottom: 1px solid #EEEEEE;
}
nav ul li {
    float: left;
    margin-right: 30px;
}
nav ul li a {
    font-size: 13px;
    display: block;
    text-align: center;    
    line-height: 40px;
    border-bottom: 5px solid #FFFFFF;
    color: #646464;
    height: 35px;  
}
nav ul li a:hover, nav ul li a.ativo {
    border-bottom: 5px solid #3CAFDB;
    color: #3CAFDB;    
}
nav .conteudo {
    width: 90%;
}
.pagina-cabecalho {
    height: 55px;
    clear: both;
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 10px;
}
.pagina-cabecalho h3 {
    line-height: 55px;   
    margin-left: 10px;
    margin-right: 10px;
}
.pagina-cabecalho .botao {
    float: right;
    margin-top: 10px;
    margin-left: 10px;
}
.pagina-cabecalho a.botao, .botao {
    color: #FFFFFF;
}
.pagina-cabecalho a.botao:hover, .botao:hover {
    color: rgba(0, 0, 0, 0.8);
}
.botao:hover {
    background-color: #b5b5b5;
}
.botao {
    background-color: #3CAFDB;
    border: 0 none transparent;
    border-radius: 2px 2px 2px 2px;
    font-size: 100%;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    transition: box-shadow 0.1s linear 0s; 
    height: 30px;
    line-height: 30px;   
}
.vermelho {
    background-color: tomato;
}
.botao-mini, a.botao-mini {
    height: 25px;
    line-height: 25px; 
}
a.botao-mini {
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
}
.tabela {
    width: 100%;
}
.tabela thead th {
    height: 25px;
    line-height: 25px;
    text-align: left;
    font-size: 13px;
    padding-left: 2px;
    padding-right: 2px;
}
.tabela tbody td, .linha-div {
    height: 35px;
    line-height: 35px;
    font-size: 13px;
    border-bottom: 1px solid #EEEEEE;
    padding-left: 2px;
    padding-right: 2px;
}
.tabela tbody tr:hover {
    background-color: #EEEEEE;
}
footer {
    padding-top: 10px;
    border-top: 1px solid #EEEEEE;
    background-color: #FFFFFF;  
    height: 50px;
    line-height: 50px;
    font-size: 12px;
    text-align: center;
}
.sem-margin-right {
    margin-right: 0;
}
.clean {
    clear: both;
}
.formulario {
    margin-left: 10px;
    float: left;
}
.formulario input, .formulario select, .formulario textarea, .tabela input {
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 3px #DDDDDD inset;
    display: inline-block;
    padding: 5px;  
    transition: border 0.3s linear 0s;    
}
.tabela input {
    padding-left: 5px;  
    padding-right: 5px;  
    padding-top: 2px;  
    padding-bottom: 2px;
    width: 80%;
}
.formulario input, .formulario select {
    height: 20px;
    line-height: 20px;    
}
.formulario textarea {
    width: 100%;
    height: 120px;
}
.formulario select {
    height: 30px;
}
.formulario-emlinha input, .formulario-emlinha select {
    float: left;
    margin-right: 10px;
}
.tapete {
    padding: 10px;
    float: left;
}
.tapete h4 {
    height: 30px;
    line-height: 30px;
}
.formulario .linha {
    width: 100%;
    float: left;
}
.formulario .linha h4 {
    margin-left: 10px;
}
.formulario .linha .linha-label {
    float: left;
    width: 120px;
    font-size: 13px;
    padding: 10px;
}
.formulario .linha .campos {
    padding: 5px;   
    padding-left: 0px;
    float: left;
    width: 760px;
}
.formulario .linha .campos p {
    margin-top: 5px;
    font-size: 11px;
}
.formulario-acoes {
    margin-top: 20px;
    float: left;
}
.painel {
    margin-bottom: 10px;
    float: left;
    width: 100%;
}
.painel-cabecalho {
    float: left;
    width: 928px;
    background-color: #f1f1f1;
    border-bottom: 1px solid #DDDDDD;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-size: 17.5px;
    font-weight: 500;
    padding: 10px 15px;    
}
.painel-conteudo {
    float: left;
    padding: 10px;
    width: 935px;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    background-color: #FFFFFF;
}
.painel-coluna-2 {
    margin-right: 10px;
    width: 470px;
}
.painel-coluna-2 .painel-conteudo, .painel-coluna-2 .painel-conteudo .formulario , .painel-coluna-2 .painel-conteudo .campos {
    width: 450px;
}
.painel-coluna-2 .painel-cabecalho {
    width: 442px;
}
.pequeno {
    width: 10%;
}
.medio {
    width: 30%;
}
.grande {
    width: 60%
}
.chamado-mensagens {
    font-size: 90%;
    width: 100%;
}
.chamado-mensagens td {
    padding-top: 8px;  
    padding-bottom: 15px;  
    line-height: 20px;
    vertical-align: top;
}
.chamado-mensagens th {
    text-align: left;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 15px; 
    min-height: 120px;
    width: 200px;
    vertical-align: top;
    font-size: 12px;
}
.chamado-mensagens tr {
    border-bottom: 1px solid #DDDDDD;  
}
.chamado-mensagens th p {
    font-weight: normal;
    margin-top: 5px;
    font-size: 12px;
}
.label {
    font-size: 12px;
    text-align: center;
    color: #FFFFFF;
    border-radius: 3px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 1px;
    padding-bottom: 1px;
    background-color: #999999;
}
.label-info {
    background-color: #3A87AD;
}
.label-success {
    background-color: #468847;
}
.label-warning {
    background-color: #F89406;
}
.alerta {
    padding: 15px 10px;
    margin-bottom: 10px;
    border-radius: 4px;
    font-size: 14px;
}
.alerta h1 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}
.falha {
    background-color: #F2DEDE;
    border: 1px solid #EED3D7;
    color: #B94A48;
}
.sucesso {
    background-color: #DFF0D8;
    border: 1px solid #D6E9C6;
    color: #468847;
}
.text-centro {
    text-align: center;
}
.ferramentas {
    width: 100%;
    height: 90px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.ferramentas div a {
    float: left;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #DDDDDD;
    border-radius: 3px;
    font-weight: 500;
    width: 100px;
    height: 75px;
    padding-top: 5px;
    text-align: center;
    margin-right: 10px;
}
.ferramentas div a:hover {
    background-color: #FAFAFA;
}
.ferramentas div p {
    font-size: 13px;
    margin-top: 3px;
}
.autenticacao-conteudo {
    margin: 0 auto;
    width: 470px;
}
.autenticacao-conteudo .alerta {
    margin-top: 20px;
}
.autenticacao-conteudo .logo {
    width: 283px;
    height: 70px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 20px;
}
.autenticacao {
    margin-top: 20px;
    margin-bottom: 20px;
}
.autenticacao p {
    font-size: 13px;
    line-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 10px;
    float: left;
}
.autenticacao .linha-1 input {
    width: 420px;
    float: left;
}
.autenticacao .linha-2 input[type=password] {
    width: 315px;
    margin-right: 10px;
    margin-top: 10px;
    float: left;
}
.autenticacao .linha-2 button {
    width: 90px;
    margin-top: 10px;
    float: left;
}
.autenticacao .linha-3 input[type=text] {
    width: 260px;
    margin-right: 10px;
    margin-top: 10px;
    float: left;
}
.autenticacao .linha-3 button {
    width: 150px;
    margin-top: 10px;
    float: left;
}
.classificacao {
    height: 16px;
    width: 100%;
    margin-top: 10px;
    float: right;
    text-align: right;
}
.classificacao p {
    height: 16px;    
    line-height: 16px;    
    font-size: 12px;
    margin-right: 5px;
    float: right;
}
.classificacao a {
    float: right;
    width: 16px;
    height: 16px;
    background-image: url(/img/star.png);
    display: block;
    background-position: 0px 0px;    
}
.classificacao a:hover {
    background-position: 16px 16px; 
}
.configuracoes .linha-label {
    width: 25% !important;
}
.configuracoes .campos {
    width: 70% !important;
}
table.top10 th {
    font-size: 18px;
    height: 40px;
}
table.top10 {
    width: 100%;
}
table.top10 td {
    height: 100px;
}
table.top10 td input {
    height: 100px;
    height: 25px;
}
table.top10 tr {
    background-color: #FFFFFF;
}
div.top10 .formulario {
    float: none;
}
.foto {
    width: 90px;
    height: 120px;
    text-align: center;
    float: left;
    margin-left: 5px;
}
.foto img {
    width: 90px;
}
.foto a {
    font-size: 12px;
}
.tabela .botao {
    margin-right: 5px;
}
.paginacao {
    height: 40px;
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.paginacao li {
    list-style: none;
    float: left;
    margin-top: 5px;
    margin-right: 10px;
}
.paginacao li a {
    background-color: #FFFFFF;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 13px;
}
.paginacao li a.selecionado {
    background-color: darkgray;
    color: #FFFFFF;
    font-weight: bold;
}
select.multiplo {
    height: 200px !important;
}