/*=================================================
@author: João Gilberto Reck
@name: arquivo de estilos
==================================================*/

body {	
	padding:0;
	margin:0;	
} 
body, table, td, th, div {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 11px;
}
img {border:0;}
form {margin:0; padding:0;}
a {color:#000000;}
a:hover {color:#666666;}
p, h1, h2, h3, h4, h5, h6 {margin: 10px 0; padding:0;}
h1 {
	font-size: 26px;
	font-family: "Arial Black", Tahoma, Arial;
	text-align:center;
}
h2 { 
	font-size: 24px;
	text-align:center;
	margin: 12px;
}
h3 { 
	font-size: 18px;
	text-align:center;
}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 { 
	font-size: 12px;
	text-align:center;
}	
ul {list-style-type:square;}
ol {margin:7px 0 7px 27px; padding:0;}
hr {color:#AAA; height:1px; background-color:#AAA; margin:15px 0;}

.center {text-align:center !important;}
.left {text-align:left !important;}
.right {text-align:right !important;}
.justify {text-align:justify !important;}

.v-top { vertical-align:top !important; }
.v-middle, .middle { vertical-align:middle !important; }
.v-bottom { vertical-align:bottom !important; }

.negrito {font-weight:bold;}
.italico {font-style:italic;}
.normal {font-weight:normal;}
.riscado {text-decoration:line-through;}
.sublinhado, a .sublinhado {text-decoration:underline;}
.uppercase { text-transform:uppercase; }

.nowrap { white-space:nowrap; }
.brPeq {line-height: 50%;}
.quebraDupla {line-height: 185%;}

.clear, .divClear {clear:both;}
.floatLeft, .divFloatLeft {float:left;}
.floatRight, .divFloatRight {float:right;}

.corNao, .corSim { padding: 7px 3px; border-bottom:1px solid #000; }
.corSim {background-color:#EAEAEA;}

.campo, textarea, select {
	border-top: 2px solid #999999;
	border-left: 2px solid #999999;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:3px 4px;
}
textarea { width:540px; }
select {padding:2px;}
button { font-size:11px; }
.disabled, textarea.disabled, select.disabled,
input[disabled], textarea[disabled], select[disabled] { background-image:none; background-color:#F5F4EA; border:1px solid #C9C7BA; /*border-width:2px 1px 1px 2px;*/ color:#666666; }
input[name*="data"] { width:55px; }
#titulo, #chamada { width:98.5%; }
.botao {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
}
.botao-simples {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}
label.normal { font-weight:normal !important; }
.divOk, .divErro, .divMsg, .divNada, .divAtencao {
	padding: 5px 3px;
	margin: 7px;
	font-weight:bold;
	text-align:center;
}
.divOk, .divMsg {background-color:#009900; color:#FFF;}
.divErro {background-color:#CC0000; color:#FFF;} /*.divErro {background-color:#FFFFCC;}*/
.divNada {background-color:#E9E9E9;	color:#888;}
.divAtencao {background-color:#F90; color:#FFF;}
.divOk a, .divErro a, .divAtencao a { color:#FFFFFF; text-decoration:underline;}

.divInputFalso {
	background-color:#FFF;
	border: 1px dashed #999999;
	width: 140px;
	padding: 2px 4px;
	font-weight: normal;
}
.linkBotao {
	background-color: #009900;
	border: 1px solid #006600;
	border-width: 1px 2px 2px 1px;
	padding: 2px 4px;
	color: #FFF;
	font-weight:bold;
	text-decoration:none;
	font-size:14px;
}
.linkBotao:hover {text-decoration:none; background-color:#00CC00; color:#FFFFFF;}
.link-menu {
	display:inline-block;
	background-color: #D5D5D5;
	border: 1px solid #333;
	border-width: 1px 2px 2px 1px;
	margin:18px 5px 5px;	
	padding: 2px 4px;
	font-size:12px;
	color: #333;
	font-weight:bold;
	text-decoration:none;
}
.link-menu:hover { background-color:#E5E5E5; border-color:#666; }
/*.link-menu.active { background:#B3B3B3; }*/
.divTotais { width:98%; margin:auto; /*margin: 0 15px;*/}
.divAviso {margin:3px auto; text-align:center; color:#CC0000;}
.divAviso ul {margin-top:5px; margin-bottom:5px; padding-left:15px;}
.divAlerta {margin: 7px; padding: 5px; background-color:#FFFFCC; border: 1px dashed #000000; text-align:center;}
.textoObs {font-weight:normal; font-size:10px; color:#555555;}
.asterisco {color:#CC0000; font-family:Verdana, Arial, Helvetica, sans-serif;}
.espaco {margin: 0 7px;}
.divisor { margin:0 7px; font-size:15px; font-weight:normal; }
.textoBusca {border-bottom: 1px dashed #666; font-weight:bold; cursor:pointer;}
.tituloCategoria { background-color:#EEEEEE; padding:3px 5px; text-align:center; }
.faixa { background-color:#EEEEEE; padding:10px 15px; }
.faixa td { background:#FFF !important; }
.linkNormal {color:#0000FF; /*text-decoration:underline;*/ font-weight:normal;}
.imgBorda {border: 1px solid #000000;}
.texto-vermelho { color:#FF0000; }
.texto-verde { color:#00CC00; }
.texto-laranja { color:#F90; }
.texto-aviso { color:#CC0000; }
h2 span.subtitulo { color:#888888; font-size:19px; }
h2 select { font-size:20px; }

#page {
	background-color:#FFFFFF;
	height:100%;
	min-width:1000px;	
	margin:auto;
}
#page-content {
	background-color:#FFFFFF;
	height:auto;	
	/*padding: 10px;*/
}
#header {	
	background:url(../img/fundo_topo.jpg) repeat-x #C1C1C1;
	border-bottom:2px solid #333;
	padding:3px;
}
#header h1 { margin:2px 0 15px; }
.divLogado {
	/*float:right;
	padding:3px;*/
	text-align:right;
}
#divMenuAdm {
	background-color:#333333;
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
	font-family: Tahoma;
	font-size: 11px;
	padding-bottom:2px;
}
#divMenuAdm a {
	display:inline-block;
	height:25px;
	line-height:25px;
	background-color: #333333;
	border-left: 1px solid #AAAAAA;
	border-right: 1px solid #333333;
	padding: 0 5px;
	text-decoration:none;
	color: #FFFFFF;
	white-space:nowrap;
}
#divMenuAdm a:hover {background-color:#777777; color:#FFFFFF;}
#divMenuAdm a#ultimoItemMenu {border-right: 1px solid #AAAAAA;}
#footer {
	margin-top:20px;
	padding:5px;
	text-align:center;
	font-weight: bold;
}
#divHeader {
	/*background-color:#666666;*/
	background-image:url(../img/area_restrita_fundo.gif);
	height: 29px;
	width:225px;
	margin:auto;
	text-align:left;
}
#form_login table {
	border:3px solid #3C6586;
	border-top:none;
	width:225px;
	margin:auto;
	background-color:#E4E4E4;
	font-weight:bold;
}
#form_login table td {
	padding: 4px 1px 2px 4px;	
}
#divBemVindo { 
	border:3px solid #3C6586;
	border-top:none;
	margin:auto;
	padding: 5px;
	width:434px;
	background-color:#E4E4E4; 
}
/*#formulario table,*/ .tableForm {
	background-color: #E4E4E4;
	border-collapse:collapse;
	border: 1px solid #888888;	
	margin:auto;
	margin-bottom:15px;
}
/*#formulario table th,*/ .tableForm th {
	background-color: #E4E4E4;
	padding: 5px;
	text-align: right;
	color:#000000;
	font-size: 11px;
}
/*#formulario table td,*/ .tableForm td {
	padding: 5px;
	font-weight:bold;
}
.tableForm .col-left {}
.tableForm .col-right {}
.tableForm .col-right h3 { background-color:#CCCCCC; padding:3px 5px; text-align:center; }
.tableForm .tituloCategoria { background-color:#FFF; }
/*#formulario table td.tdSemAsterisco,*/ td.tdSemAsterisco {padding-left: 13px;}

.row-form { background-color:#F5F5F5; margin-bottom:5px; /*border-radius:4px;*/ }
.row-form:after { content:" "; display:block; clear:both; }
.row-form p { margin-bottom:7px; }
.row-form .col { float:left; border-right:5px solid #FFF; padding:5px 2px 7px 5px; }
.row-form .col.full { float:none; border-right:none; }
.row-form .col.last { border-right:none; }
.row-form .col.focus { background-color:#FAF2CB; /* #FAF2CB */ }

.w-12 { width:47%; }
.w-12.last { width:48%; }
.w-13 { width:30%; }
.w-13.last { width:32%; }
.w-23 { width:63%; }
.w-23.last { width:65%; }
.w-auto { width:auto; }

.container-form-list { width:98%; margin:0 auto 5px auto; padding:0 10px; }
.container-form-list form label, 
.container-form-list form .campo,
.container-form-list form select, 
.container-form-list .linkBotao { margin:0 2px; }
.container-form-list form label { margin-right:0; }
.container-form-list form .campo { padding-top:3px; padding-bottom:3px; }
.container-form-list a.linkBotao { margin-top:2px; }

.border-top { border-top:1px solid #AAAAAA !important; }
.border-right { border-right:1px solid #AAAAAA !important; }
.border-bottom { border-bottom:1px solid #AAAAAA !important; }
.border-left { border-left:1px solid #AAAAAA !important; }

.fundo-cinza-claro { background-color:#F7F7F7; }
.fundo-cinza-escuro { background-color:#D3D3D3; }

.tableDet {
	margin:auto;	
	border: 1px solid #888888;
}
.tableDet th {
	background-color: #E4E4E4;
	padding: 2px 6px;	
	text-align:right;
}
.tableDet td {
	background-color: #E4E4E4;
	padding: 2px 6px;
}

/*#formulario table th.thHead,*/ th.thHead, .tableForm th.thHead, .tableDet th.thHead {
	background-color:#666666;	
	color:#FFFFFF;
	text-align:center;
	font-size: 12px;
}
tr.linha-head th {
	background-color:#C3C3C3;
	text-align:center;
}
.actions, table th.actions, table td.actions { background-color:#CCCCCC !important; }
.tableLista {
	width:98%;
	border-collapse:separate;
	margin:auto;
}
.tableLista th {
	background-color:#333333;
	color:#FFFFFF;
	padding: 3px; 
}
.tableLista td {
	background-color: #E4E4E4;
	padding: 3px;
	text-align:center; 
}
.tableLista tr:hover td {background-color:#BBFF77; /* #AAFFAA */}
.divPaginacao {text-align:center;}
.thumb { max-width: 100px; max-height: 75px; }
#linkAtivo { color:#CC0000; font-weight:bold; }
.menuEtapas {
	background-color:#E5E5E5;
	border: 1px #BBB solid;
	width: 650px;
	margin:auto;
	padding: 2px 4px;
	text-align:center;
}
.lista-normal { /*margin:0;*/ padding-left:20px; }
.lista-normal li { margin:6px 0; }
.lista-checkbox { margin:0 0 4px 20px; padding-bottom:4px; border-bottom:1px solid #AAA; list-style:none; }
.lista-checkbox input { margin-left:-20px; vertical-align:middle; }
.lista-colunas { float:left; width:200px; list-style:none; margin:10px 20px 10px 0; padding-left:0; }
.lista-legenda { list-style:none; width:98%; margin:5px auto; padding:0; }
tr.linha-destaque-interna td, .legenda-destaque-interna { background-color:#FFCC66; }
tr.linha-destaque-interna:hover td { background-color:#E4E06D; }
.legenda-destaque-interna { padding:0 5px; margin:0 2px; }

.ver-resultado-enquete { width:746px; margin:auto; padding-top:5px; }
.enquete-grafico { margin:20px 0 20px 27px; /*color:#5F5F5F;*/ }
.enquete-grafico li h4 { margin-bottom:2px; }
.enquete-grafico li .barra { float:left; width:80%; background-color:#E9E9E9; margin-right:5px; }
.enquete-grafico li .barra-porcento { background-color:#009933; height:18px; }

#carregando { background:url(../img/ajax-loader.gif) center center no-repeat; height:15px; }