@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');

/*********************************
CLASSES
*********************************/
.left { float:left }
.right { float:right }
.nofloat { float:none !important }
.clear { clear:both }
.hide { display:none }
.bold { font-weight:bold }
.italic { font-style:italic }
.upper { text-transform:uppercase }
.lower { text-transform:lowercase }
.underline { text-decoration:underline; }
.center { text-align:center }
.align-left { text-align:left !important } /* text-left  */
.align-right { text-align:right !important } /* text-right */
.align-justify { text-align:justify !important } /* text-left  */
.width-auto { width: auto !important }
.height-auto { height: auto !important }

/***************************
GERAL
***************************/
html, body {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

a {
    text-decoration: none;	
}

h1 {
    font-size: 24px;
    color: #333;
    border-bottom: 1px #ccc solid;
    margin: 5px 30px;
}

/***************************
TOPO
***************************/
#topo {
    float: left;
    width: 100%;
    height: 90px;
    background: #FFF url(../img/admin/logo.png) no-repeat;
    background-position: center;
    background-size: auto 90%;
    border-bottom: #212121 2px solid;
    padding: 0px 25px;
}

#ola {
    float: right;
    color: #212121;
    margin: 35px 100px 0px 0px;
    font-size: 16px;
}

#ola a {
    color: #283593;
    text-decoration: none;
    font-weight: 700;
}

/***************************
CENTRAL
***************************/
#central {
    float: left;
    width: 100%;
}

/***************************
MENU
***************************/
#menu {
    float: left;
    width: 235px;
    padding-bottom: 50px;
    background-color: #363636;
}

#menu ul {
    float: left;
    width: 170px;
    margin: 20px 45px 20px 20px;
    padding: 0px;
}

#menu ul li ul {
    margin: 0px;
}

#menu li {
    float: left;
    width: 100%;
    list-style: none;
    margin-top: 10px;
}

#menu a {
    float: left;
    height: 25px;
    line-height: 25px;
    color: #eee;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    padding: 0px 5px;
}

#menu ul li a.pai {
    margin-left: 0px;	
    width: 100%;
    font-size: 16px;
    margin-top: 5px;
}

#menu ul li ul li {
    margin-top: 0px;
}

#menu ul li ul li a {
    margin-left: 25px;
    font-weight: normal;
    font-size: 14px;
}

#menu ul li ul li a:hover {
    color: #0072bc;
}

/***************************
CONTEUDO
***************************/
#conteudo {
    margin-left: 235px;
    min-width: 765px;
    padding: 10px 0px 50px 0px;
}

/*********************************
MENSAGEM
*********************************/
p.msgAdmin {
    width: 720px;
    float: left;
    margin: 10px 30px 0px 30px;
    height: 42px;
    background-repeat: no-repeat;
    background-position: 5px 5px;
    line-height: 40px;
}

p.msgAdmin span {
    font-size: 13px;
    font-weight: bold;
    margin-left: 47px;
    color: #333;
}

p.msgErro {
    background-color: #fccac3;
    background-image: url("../img/admin/erro.png");
    border: 1px #ea5338 solid;
}

p.msgSucesso {
    background-color: #effeb9;
    background-image: url("../img/admin/sucesso.png");
    border: 1px #98c700 solid;
}

/***************************
BOX ACAO
***************************/
.boxAcao {
    min-width: 720px;
    float: left;
    font-size: 14px;
    margin: 10px 30px 0px 30px;
    height: 30px;
    width: 90%;
}

.boxAcao ul {
    float: right;
    margin: 0;
    padding: 0;
}

.boxAcao ul li {
    float: left;
    list-style: none;
    display: inline;
    height: 30px;
    border-right: 1px #ccc solid;
}

.boxAcao ul li.border-none {
    border: none;
}

.boxAcao ul li a {
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0px 10px;
    color: #555;
    font-weight: bold;
    text-transform: uppercase;
}

.boxAcao ul li a:hover {
    background: #aaa;
    color: #fff;
}

/***************************
BOX LISTA
***************************/
.boxTitulo {
    height: 34px;
    background: url(../img/admin/fundo-box-titulo.gif) repeat-x left;
    line-height: 34px;
    padding-left: 10px;
}

.boxTitulo span {
    font-size: 12px;
}

.boxLista {
    width: 90%;
    float: left;
    margin: 10px 30px;
    border-top: 1px #ccc solid;
    border-left: 1px #ccc solid;
}

.boxLista table {
    width: 100%;
}

td , th {
    font-size: 13px;
    border-bottom: 1px #ccc solid;
    border-right: 1px #ccc solid;
}

td {
    background: #fff;
}

th {
    text-align: left;
    background: #f0f0f0;
}

.th-center {
    text-align: center;
}

tr.nao-lida > td {
    background: #FFE4C4;
}

/***************************
BOX FORMULARIO
***************************/
input , select , textarea {
    font-size: 13px;
    color: #333;
}

.botao {
    width: auto !important;
    font-size: 14px !important;
    background: #363636;
    color: #E9E9E9;
    cursor: pointer;
    padding: 0 2em !important;
    height: 32px !important;
    text-align: center;
    border-radius: 5px;
}

.boxForm {
    min-width: 720px;
    float: left;
    margin: 10px 30px;
    width: 90%;
}

.boxForm .boxTitulo {
    border-top: 1px #ccc solid;
    border-left: 1px #ccc solid;
}

.boxForm span.campo_obrigatorio {
    font-size: 12px;
    color: #c00100;	
}

.campo1 {
    float: left;
    width: 50%; /* mudar para 338 */
    padding: 0px 10px;
}

.campo2 {
    float: right;
    width: 50%;  /* mudar para 338 */
    padding: 0px 10px;
}

.campo3 {
    float: left;
    width: 100%; /* mudar para 700 */
    padding: 0px 10px;
}

.campo1 , .campo2 , .campo3 {
    margin: 7px 0px;
}

.boxForm label {
    font-size: 14px;
    font-weight: bold;
    float: left;
    display: block;
    width: 100px;
    height: 22px;
    line-height: 30px;
    text-align: left;
    color: #444;
}

.boxForm label span {
    font-size: 12px;
    font-weight: normal;
}

.boxForm span.dica {
    font-size: 12px;
    font-style: italic;
}

.boxForm input {
    border: 1px #aaa solid;
    height: 23px;
    padding: 2px;
    margin-left: 2px;
}

.boxForm textarea {
    border: 1px #aaa solid;
    padding: 2px;
    margin-left: 2px;
}

.boxForm select {
    border: 1px #aaa solid;
    height: 30px;
    padding: 2px;
    margin-left: 2px;
}

.campo1 input , .campo2 input ,
.campo1 textarea , .campo2 textarea {
    width: 230px;
}

.campo1 select , .campo2 select {
    width: 235px; 
}

.campo3 input , .campo3 textarea {
    width: 590px;
}
.campo3 select {
    width: 500px;
}

input.erro_campo_obrigatorio , 
select.erro_campo_obrigatorio ,
textarea.erro_campo_obrigatorio {
    border: 1px #f00 solid;	
}

.boxForm input.check {
    border: 1px #f00 solid;
    background: #f00;
    float: left;
    width: auto;
}
.boxForm label.check {
    border: 1px #000 solid;	
    width: auto;
    margin-left: 5px;
    line-height: 22px;
}

span.texto-label {
    font-size: 12px;	
}

/***************************
GRAFICO
***************************/
#grafico {
    float: left;
    width: 720px;
    margin: 30px;
    border: 1px #888 solid;	
}

/***************************
RODAPE
***************************/
#rodape {
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #212121;
    color: #fff;
    font-size: 12px;
    text-align: center;
}