/**
* Layout Estendido de Sistemas
* Customiza��o e amplia��o de detalhes pertinentes ao layout e funcionalidades do sistema
* 
* @created 16/09/2013
* @updated ...2015
* @version 4.0
* @author Luiz Adolfo Moreira <luiz.moreira@prodemge.gov.br>
**/	

body { background:#F2EFED; }

/* Hiperlinks */
a {	color:#93070A; font-weight:bold; }
a:hover { color:#BC2F25; text-decoration:underline; }

/* Page */
.page {
	min-width:980px;
	min-height:100%;
	position:relative;
	overflow:hidden; 
}
* html .page { height: 100%; }

/* Cabe�alho */
.header {
	width:100%;
	min-width:980px;
	height:50px;
	background: #FFFFFF;
	/* #93070A | #F58227 */
}
.header .header-app { float:left; background: /*url('../img/logomarca_interna.png')*/ no-repeat 10px;  }
.header .header-app a {
	display:inline-block;
	height:50px;
	max-width:480px;
	padding:0px 0px 0px 60px;
	font-size:1.6em;
	font-weight:bold;
	line-height:24px;
	color:#333333;
	vertical-align:top;
}
.header .header-app a:hover { text-decoration:none; }
.header .header-app em {
	display:block;
	font-size:0.75em;
	font-weight:lighter;
}
.header .header-user {
	float:right;
	width:auto;
	max-width:400px;
	height:42px;
	overflow:hidden;
	color:#333333;
	font-size:1.1em;
	text-align:right;
	line-height:20px;
	white-space:nowrap;
	padding:4px 15px;
}
.header .header-user em { font-weight:bold; }
/* Menu */
.menu {
	border:none;
	width:100%;
	background-color:#FFFFFF;
	/*background:#FFFFFF url('../img/header.png') no-repeat 0 -50px ;*/
	min-width:980px;
	-moz-box-shadow: 0px 3px 3px #AAAAAA;
	-webkit-box-shadow: 0px 3px 3px #AAAAAA;
	box-shadow: 0px 3px 3px #AAAAAA;	
}
.menu a {
	display:block;
	border:none;
	font-weight:lighter;
}
.menu-dd {
	color:#EFEFEF;
	font-size:1.1em;
	margin-left:55px;
}
.menu-dd ul { border:none; }
.menu-dd li {
	background:none;
	/*max-width:150px;*/
	min-width:100px;
}
.menu-dd li a {
	padding:8px 15px 4px 15px; 
	color:#93070A;
	text-shadow:none;
	font-size:1em;
	font-weight:bold;
	line-height:18px;
}      
.menu-dd li > ul li {
	padding:0px 8px; 
	background:#EFEFEF;
	max-width:200px;
	min-width:200px;
	min-height:25px; 
	font-size:.9em;
	-moz-box-shadow: 0px 3px 3px #AAAAAA;
	-webkit-box-shadow: 0px 3px 3px #AAAAAA;
	box-shadow: 0px 3px 3px #AAAAAA;	
}        
.menu-dd li > ul li a { 
	height:auto; 
	font-weight:normal; 
}
.menu-dd li:hover { 
	background:#EFEFEF; 
}
.menu-dd ul a {
	display:block;  
	height:15px;
	padding:6px 8px 6px 8px; 
	vertical-align:top;
	min-height:10px;
	font-size:1.1em;
	white-space:normal;
}
.menu-dd .menu-separador {
	padding-top:5px;
	margin-right:10px;
}
.menu-dd .margem.menu-separador { margin-left:10px; }
.menu-dd:hover li > ul li:hover { background:#FFFFFF; }
/* User Menu */
.menu-user {
	float:right;
	width:auto;
	height:35px;
	line-height:10px;
}
.menu-user a {
	color:#93070A;
	height:15px;
	display:inline-block;
	padding:12px 15px 8px 35px; 
	font-size:1.1em;
	font-weight:bold;
	text-decoration:none;
	text-align:left; 
}
.menu-user a#__user-logout { background:url('../img/ic/sair.png') no-repeat 5px; }
.menu-user a#__user-config { background:url('../img/ic/usuario.png') no-repeat 5px; }
/* !remover - Tempor�rio at� finalizar links */ 
.menu-user a#__user-config { display:none; }
/* !remover - Tempor�rio at� finalizar links */ 
.menu-user a:hover { cursor:pointer; }
.menu-item {
	display:none;
	position:absolute;
	float:right;
	top:85px;
	right:0px;
	width:250px;
	padding:5px;
	color:#333333;
	text-align:center;
	background-color:#EFEFEF;
	-moz-box-shadow: 0px 2px 2px #AAAAAA;
	-webkit-box-shadow: 0px 2px 2px #AAAAAA;
	box-shadow: 0px 2px 2px #AAAAAA;	
}
.menu-item a {
	-o-border-radius:2px; 
	-webkit-border-radius:2px; 
	-moz-border-radius:2px;
	border-radius:2px;
	border:1px solid #AAAAAA;
	display:inline-block;
	width:100px;
	margin:8px 3px 3px 8px;
	color:#666666;
	padding:3px;
	background-color:#FFFFFF;
	font-weight:bold;
	font-size:1.1em;
}
.menu-item#__user-config-menu {
	height:65px;
}
.menu-item#__user-logout-menu {
	height:50px;
	font-size:1.1em;
}
.menu-item#__user-logout-menu a { font-size:1em;  }
.menu-item#__user-logout-menu a#__user-logout-exit { border:1px solid #BB0000; background-color:#BB0000; color:#EFEFEF; }

/* Conte�do */
.conteudo {
	display:block;
	width:95%;
	min-width:980px;
	margin:0px auto 45px auto;
}
.page > .titulo {
	display:block;
	width:100%;
	padding:8px 70px;
	margin-bottom:8px;
	font-size: 1.4em;
	font-weight:500;
	border-bottom:1px solid #AAAAAA;
}

/* Tabelas & Pagina��o */
td { border:none; }
th { border-right:none; }
tr:nth-child(even), tr.par { background-color:#EFEFEF; }
.tabela { 
	background-color:#FEFEFE;
	font-size:1.1em;
}
.tabela th {
	background-color:#6D060D;
	font-weight:bold;
	letter-spacing:1px;
}
.tabela th a { 
	display:block;
	color:#FFFFFF;
	height:24px;
	padding:6px 16px 0 0;
}
.tabela th a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
.tabela th a.asc { background:url('../img/icb/asc.png') no-repeat right 4px; }
.tabela th a.desc { background:url('../img/icb/desc.png') no-repeat right 4px; }
.tabela input.checkbox { margin:7px; }
.tabela input.checkbox:hover { cursor:pointer; }
.tabela td { text-align:center; }
.tabela tr:hover { background-color:#EFDDD0; }
/* Seletor | Extens�o de .tabela */
.tabela.seletor { }
.tabela.seletor tr:hover{ cursor:pointer; }
.tabela.seletor .linha-marcada { background-color:#EFDDD0; }
/* Visualizar | Extens�o de .tabela */
.tabela.visualizar { }
.tabela.visualizar td { text-align:left; }
.tabela.visualizar td.rotulo { 
	width:40%;
	white-space:nowrap;
	text-align:right; 
}
/* Resultado | Extens�o de .tabela */
.tabela.resultado { margin-top:6px; }
.tabela.resultado th { 
	background:#FDFDFD;
	height:auto;
	color:#000000;
	letter-spacing:0.5px;
}
.tabela.resultado tr.destaque {
	border:1px solid #828282;
	border-bottom:none;
}
.tabela.resultado tr.destaque th { background:#EFEFEF; }
.tabela.resultado td { 
	text-align:center;
	height: 58px;
	vertical-align: top; 
}
.tabela.resultado td.v-mid { vertical-align: middle; }
/* Pagina��o */
.paginador {
	display:block;
	width:100%;
	height:18px;
	padding:6px 0 6px 0;
	font-size:1.1em;
}
.paginador .paginas { 
	float:right; 
	background-color:#FFFFFF;
}
.paginador .paginas div { 
	display:inline-block;
	line-height:12px;
}
.paginador .paginas a {
	padding:0px 5px 0px 5px;
	font-weight:normal;
}
.paginador .paginas div.current a { 
	background-color:#93070A; 
	color:#FFFFFF; 
}
.paginador .paginas div.current a:hover { 
	background-color:#93070A; 
	cursor:default; 
}
.paginador .paginas div.next { margin-left:-1px; }
.paginador .paginas a:hover { 
	background-color:#EFDDD0;
	text-decoration:none;
}
.paginador .limite { float:left; }
.paginador .limite select {
	border:1px solid #CCCCCC;
	padding-left:4px;
	width:50px;
}

/* �cones */
.icone {
	display:inline-block;
	width:auto;
	margin:0px 2px;
	padding:3px 5px 5px 5px;
	font-size:1em;
	letter-spacing:.5px;
	font-weight:normal;
	-o-border-radius:5px; 
	-webkit-border-radius:5px; 
	-moz-border-radius:5px;
	border-radius:5px;
	border:none;
	background-color:#D6D6D6;
	color:#333333;
}
.icone:hover { text-decoration:none; }
.icone.imagem { padding:2px 4px; }
.icone.imagem img { float:left; }

/* Formul�rio */
.formulario {
	margin:0 auto;
}
.formulario * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.formulario input, .formulario select, .formulario textarea {
	width:100%;
	height:32px;
	margin-left:0px;
	padding:5px 7px;
	font-size:1.1em;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
}
.formulario select {
	padding-left:2px;
	padding-right:0px;
}
.formulario textarea {
	resize:none;
	vertical-align:top;
	font-size:1.1em;
	height:auto;
}
.formulario input.checkbox, .formulario input.radio {  /* Clonado em .dialogo <jquery-ui-padrao.css> */
	height:auto;
	width:auto;
	cursor:pointer;
	background:none;
	border:none;
	margin:6px 2px 2px 6px;
}
.formulario input.checkbox:hover, .formulario input.radio:hover { cursor:pointer; }
.formulario label {
	display:block;
	margin:0px;
	height:24px;
	width:100%;
	font-weight:bold;
	font-size:1.1em;
	padding:5px 7px;
}
.formulario label.inline { display:inline; }
.formulario label.fonte-pequena { font-size: 0.9em; }
.formulario fieldset, .formulario div.fieldset {
	min-height:56px;
	padding:5px 7px;
	background-color:#FDFDFD;
	border:1px solid #BCBCBC;
}
.formulario fieldset legend {
	width:auto;
	padding:0px 6px 0px 6px;
	font-size:1.1em;
	font-weight:bold;
}
.formulario div.fieldset span {
	display:block;
	height:24px;
	font-weight:bold; 
	padding:6px 6px 0px 6px;
}
.formulario fieldset > label, .formulario div.fieldset > label, .formulario fieldset div > label {
	display:inline-block;
	width:auto;
	vertical-align:top;
	padding:3px 0 0 0;
	margin-right:7px;
	cursor:pointer;
	font-weight:normal;
}
.formulario ul {
	list-style:none;
	margin:3px 0 3px 0;
}
.formulario li {
	display:inline-block;
	/*vertical-align:top;*/
	padding-right:3px;
	padding-left:3px;
	width:100%;
	min-height:60px;
}
.formulario fieldset li { min-height:44px; }
/* @CakePHP */ 
.formulario li .form-error, .formulario-container .formulario .tabela.resultado .form-error /* @Resultados */ { background:#F9DFDB; border:1px solid #DB4646; } 
.formulario li .form-error:focus, .formulario-container .formulario .tabela.resultado .form-error /* @Resultados */ { background:#FDFDFD; } 
.formulario li .radio.form-error { border:none; } 
.formulario li div.error-message, .formulario-container .formulario .tabela.resultado div.error-message /* @Resultados */ { 
	display:block;
	width:100%;
	white-space:nowrap;
	overflow:hidden;
	padding-left:7px;
	padding-top:0px;
	color:#DB4646;
}
/* Formul�rio #Colunas */
.col_1 > li, .merge ul.col_1 > li { width:100%; }
.col_2 > li, .merge ul.col_2 > li { width:50%; }
.col_3 > li, .merge ul.col_3 > li { width:33.33%; }
.col_4 > li, .merge ul.col_4 > li { width:25%; }
.col_5 > li, .merge ul.col_5 > li { width:20%; }

.col_3 li.span_2, .merge ul.col_3 li.span_2 { width:66.67%;  }
.col_4 li.span_2, .merge ul.col_4 li.span_2 { width:50%;  }
.col_4 li.span_3, .merge ul.col_4 li.span_3 { width:75%; }
.col_5 li.span_2, .merge ul.col_5 li.span_2 { width:40%; }
.col_5 li.span_3, .merge ul.col_5 li.span_3 { width:60%; }
.col_5 li.span_4, .merge ul.col_5 li.span_4 { width:80%; }

.formulario ul.merge, .formulario ul.merge ul.last { margin:0px; }
.merge li, .merge li.span_2, .merge li.span_3, .merge li.span_4 {
	margin:0px;
	padding:0px 2px 0px 2px;
}
.merge ul { margin:0px 0px 3px 0px; }
.merge ul > li, .merge > li.aside {
	padding-right:3px;
	padding-left:3px;
}
/* Formul�rio #Campos Individuais */
.formulario li.data { /* @Campos de data */
	min-width:94px;
}
.formulario li.data input, input.data { 
	background:#FDFDFD url('../img/si/calendario.png') no-repeat right; 
	padding-right:22px;
	padding-left:5px;
	text-align:center; 
}

.formulario li.busca input { /* @Campos de busca */
	background:#FDFDFD url('../img/si/filtrar.png') no-repeat right; 
	padding-right:22px;
	padding-left:5px;
}
.formulario li.busca a { 
	position:absolute;
	width:25px;
	height:25px;
	margin:1px auto auto -25px;
}
/* Formul�rio #Campos Desabilitados */
.formulario .desabilitado{ background-color:#EBEBEE; color:#545454; }
.formulario .desabilitado:hover { background-color:#EBEBEE; cursor:default; }

/* Formul�rio #Bot�es */
.botoes.novo, .botoes .novo { font-weight:bold; height:24px; line-height:26px; background-color:#56992A; color:#EFEFEF; } .botoes.novo:hover, .botoes .novo:hover { background-color:#68AD30; } 
.botoes.novo2, .botoes .novo2 { font-weight:bold; height:24px; line-height:26px; background-color:#ffffff; color:#EFEFEF; } .botoes.novo2:hover, .botoes .novo2:hover { background-color:#ffffff; }
.botoes.isento, .botoes .isento { font-weight:bold; height:24px; line-height:26px; background-color:#0080ff; color:#EFEFEF; } .botoes.isento:hover, .botoes .isento:hover { background-color:#0080c0; }

.botoes.excluir, .botoes .excluir { height:34px; background-color:#962A2A; color:#EFEFEF; } .botoes.excluir:hover, .botoes .excluir:hover { background-color:#B23631; }
.botoes.cancelar, .botoes .cancelar { height:34px; line-height:22px; background-color:#C4C4C4; } .botoes.cancelar:hover, .botoes .cancelar:hover { background-color:#D6D6D6; } 
.botoes.salvar, .botoes .salvar { font-weight:bold; height:34px; background-color:#2A7499; color:#EFEFEF; } .botoes.salvar:hover, .botoes .salvar:hover { background-color:#337EB7; } 
/* Formul�rio #Bot�es de A��o */
.botoes.subir, .botoes .subir { background:#D6D6D6 url('../img/ic/subir.png') no-repeat center; }
.botoes.descer, .botoes .descer { background:#D6D6D6 url('../img/ic/descer.png') no-repeat center; }
.botoes.ir-para, .botoes .ir-para { background:#D6D6D6 url('../img/ic/ir-para.png') no-repeat center; }
.botoes.credencial, .botoes .credencial { background:#D6D6D6 url('../img/ic/credencial.png') no-repeat center; }
.botoes .botoes-acao, .botoes.botoes-acao { padding:3px 15px; margin:-2px 4px; height:28px; border-radius:5px; }
.botoes .botoes-acao:hover, .botoes.botoes-acao:hover { background-color:#FFFFFF; }
.botoes.espacador, .botoes .espacador { display:inline-block; width:38px; }

input.botoes, button.botoes, a.botoes, .botoes input, .botoes button, .botoes a {
	display:inline-block;
	height:34px;
	margin:4px;
	padding:5px 25px;
	-o-border-radius:3px; 
	-webkit-border-radius:3px; 
	-moz-border-radius:3px;
	border-radius:3px;
	border:none;
	font-size:1.2em;
	letter-spacing:.5px;
	color:#110000;
	line-height:normal;
	font-weight:normal;
	background:#C4C4C4;
}
input.botoes:hover, button.botoes:hover, a.botoes:hover, .botoes input:hover, .botoes button:hover, .botoes a:hover, .ui-dialog-buttonset button:hover { background-color:#D6D6D6; text-decoration:none; }
a.botoes, .botoes a { height:auto; line-height:24px;}

/* Formul�rios Especiais #Comissao / Chapa / Mes�rio */
.formulario-container {
	display:block;
	min-width:980px; /* usar viewport? */
	margin-left:auto;
	margin-right:auto;	
	padding:0px;
	background:#FDFDFD;
	border:1px solid #828282;
	margin-bottom:10px;
}
.formulario-container span {
	display:block;
	height:30px;
	padding:2px 10px;
	font-size:1.3em;
	color:#FFF;
	line-height:25px;
	background:#828282;
}
.formulario-container .botoes.pesquisar, .formulario-container .botoes.remover { 
	margin-top:12px;
	white-space:nowrap;
}
.formulario-container .botoes.pesquisar {
	padding:5px 15px;
}
.formulario-container .adiciona-membro {
	height:40px;
	background:#EBEBEE;
}
.formulario-container .adiciona-membro em { 
	display:inline-block;
	font-size:1.1em;
	height:40px;
	padding:10px;
	width:700px;
}
/* Formul�rio Especial : Resultado | Extens�o de .tabela */
.formulario-container .formulario .tabela.resultado input { 
	width:100px; 
	text-align:center;
}
.formulario-container .formulario .tabela.resultado div.error-message /* @Resultados */ { font-size:0.9em; width: auto; }
/* Mensagem Especial : Resultado */
.mensagem.resultado.eleita {
	background:#effeb9 no-repeat url('../img/ci/ok.png') 15px 15px;
	border-color:#98c700;
	color:#708900;
}
.mensagem.resultado.empate {
	background:#ffeaa7 no-repeat url('../img/ci/aviso.png') 15px 15px;
	border-color:#f9b418;
	color:#A06E10;
}
.mensagem.resultado.pendente {
	background:#fccac3 no-repeat url('../img/ci/erro.png') 15px 15px;
	border-color:#ea5338;
	color:#912C22;
}
.mensagem.resultado {
	width:70%;
	font-size:1.5em;
	padding:15px;
	margin:15px auto;
}


/* Rodap� */
.footer {
	padding:5px 20px;
	font-size:0.9em;
	text-shadow:#333333 1px 1px;
	color:#FFFFFF;
	background:#6D060D;
	height:15px;
	width:100%;
	position:absolute;
	bottom:0;
}
.footer span { float:right; padding:0px 40px; }