@charset "UTF-8";
/* CSS Document */


/* ------------------------ GERAL ----------------------- */

body { font-size: 14px; }
.container { width: 95%; }
.sf-jqueryui .ui-dialog, .ui-dialog {width: 95% !important;}
.show_480 { display: block !important;}
.hide_480 { display: none !important;}

.janela .container, .sf-jqueryui .ui-dialog .container, .sf-jqueryui .ui-dialog-content, .ui-dialog .container, .ui-dialog-content {width: 96% !important;}
.popup .container {width: 98%;}
.pergunta .container {width: 96%}

.tbox { width: 86%; top:15px !important; left: 2% !important; }

.tbox #janela {width: 96% !important; height: 300px !important; overflow: scroll;-webkit-overflow-scrolling:touch}

.tbox #popup {width: 90% !important; height: 300px !important; overflow: scroll;-webkit-overflow-scrolling:touch}

.tbox #pergunta {width: 85% !important; height: 275px !important;-webkit-overflow-scrolling:touch}

.tbox #janela iframe,
.tbox #popup iframe {height: 300px !important; width:100% !important; overflow: scroll;-webkit-overflow-scrolling:touch}
.tbox #pergunta iframe {height: 275px !important; width:100% !important;-webkit-overflow-scrolling:touch}

table tr th,
table tr td {
	display: none;
}

.ui-datepicker table tr th,
.ui-datepicker table tr td,
table tr th.principal,
table tr td.principal,
table tr td.navegacao {
	display: table-cell;
}

table tr td.navegacao,
table tr td.paginacao {
	width: 50% !important;
}


/* ------------------------ GRID ----------------------- */



.container .largura100 { width: 94%;}

.container .largura80 { width: 94%; }
.container .largura70 { width: 94%; }
.container .largura60 { width: 94%; }
.container .largura40 { width: 94%; }
.container .largura30 { width: 94%; }
.container .largura20 { width: 94%; }

.container .largura75 { width: 94%; }
.container .largura50 { width: 94%; }
.container .largura45 { width: 94%; }
.container .largura25 { width: 94%; }

.container .largura66 { width: 94%; }
.container .largura35 { width: 94%; }
.container .largura33 { width: 94%; }

.container .largura15{ width: 94%; }
.container .largura10 {width: 94%; }
.container .largura5 { width: 94%; }


.container .largura100, 
.container .largura80,
.container .largura70,
.container .largura60,
.container .largura40,
.container .largura45,
.container .largura30,
.container .largura20,
.container .largura75,
.container .largura50,
.container .largura25,
.container .largura66,
.container .largura35,
.container .largura33,
.container .largura15,
.container .largura10,
.container .largura5 {
	padding-right:2% !important;
	padding-left:2% !important;
}


.container .coluna .largura100, 
.container .coluna .largura80,
.container .coluna .largura70,
.container .coluna .largura60,
.container .coluna .largura40,
.container .coluna .largura45,
.container .coluna .largura30,
.container .coluna .largura20,
.container .coluna .largura75,
.container .coluna .largura50,
.container .coluna .largura25,
.container .coluna .largura66,
.container .coluna .largura35,
.container .coluna .largura33,
.container .coluna .largura15,
.container .coluna .largura10,
.container .coluna .largura5 {
	padding-right:0% !important;
	padding-left:0% !important;
}


.container .grupo .componente .largura100 { width: 95%;}

.container .grupo .componente .largura80 { width: 75% !important; }
.container .grupo .componente .largura70 { width: 65%; }
.container .grupo .componente .largura60 { width: 55%; }
.container .grupo .componente .largura40 { width: 35%; }
.container .grupo .componente .largura45 { width: 35%; }
.container .grupo .componente .largura20 { width: 15%; }

.container .grupo .componente .largura75 { width: 70%; }
.container .grupo .componente .largura50 { width: 45%; }
.container .grupo .componente .largura25 { width: 20%; }

.container .grupo .componente .largura66 { width: 61%; }
.container .grupo .componente .largura35 { width: 30.5%; }
.container .grupo .componente .largura33 { width: 28.5%; }

.container .grupo .componente .largura10 { width: 5%; }
.container .grupo .componente .largura15 { width: 10%; }
.container .grupo .componente .largura30 { width: 25%; }


.container .grupo .componente .largura10,
.container .grupo .componente .largura15,
.container .grupo .componente .largura30,
.container .grupo .componente .largura100, 
.container .grupo .componente .largura80,
.container .grupo .componente .largura70,
.container .grupo .componente .largura60,
.container .grupo .componente .largura40,
.container .grupo .componente .largura45,
.container .grupo .componente .largura20,
.container .grupo .componente .largura75,
.container .grupo .componente .largura50,
.container .grupo .componente .largura25,
.container .grupo .componente .largura66,
.container .grupo .componente .largura35,
.container .grupo .componente .largura33 {
	padding-right: 2% !important;
	padding-left: 2% !important;
	margin: 1px 0px 3px !important;
}

/* --- */

.campo.grupo .componente {
	width: 103%;
}

.campo.grupo .componente.cinco {
	width: 105%;
}

.campo.grupo .componente.select {
	width: 104%;
}

/* ------------------------ CASOS ESPECIAIS ----------------------- */

.login {
	margin-top: 40px;
}

#caixa_login {
    width: 100%;
	margin: 0px;
}

#area_login {
    width: 83%;
	padding: 8%;
	padding-top: 6%;
	border-radius: 6px 6px 0px 0px;
	-moz-border-radius: 6px 6px 0px 0px;
	-webkit-border-radius: 6px 6px 0px 0px;
}

#cabecalho_login img {
    left: -33px;
	top: 10px;
	width: 134px;
}

#cabecalho_login #titulo_login {
    left: 110px;
}

#cabecalho_login h4 {
	font-size: 1.35em;
}

#botao_login {
	width: 99%;
    height: 55px;
	border-radius: 0px 0px 6px 6px;
	-moz-border-radius: 0px 0px 6px 6px;
	-webkit-border-radius: 0px 0px 6px 6px;
}

#acoes_login a {
    font-size: 1em;
}

#caixa_login .sombra {
    width: 123%;
}

/* --- */

#cabecalho {
    height: auto;
	padding-bottom: 15px;
	position: relative;
}

#cabecalho #marca {
	height: 44px;
	width: 30%;
	margin-left: 4%;
	margin-right: 1%;
	background-color: transparent;
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

#cabecalho #marca img {
	margin-top:7px;
	left: -13px;
	max-width: 108px;
}

#cabecalho #box_menu_principal {
    width: 98%;
	float: left;
	position: relative;
	margin-right: 0px;
	margin-top: 10px;
	padding: 5px 0px;
	padding-left: 1%;
	padding-right: 1%;
}

#cabecalho .menu ul li {
	position: static;
}

#cabecalho .menu ul #nome_modulo {
	margin-right: 6px;
}

#cabecalho .menu ul #nome_modulo a {
    font-size: 1.45em;
    padding: 7px 15px 0px 9px;
}

#cabecalho #box_menu_principal.menu ul {
	padding-left: 4px;
}

#cabecalho #box_menu_principal ul li a {
    padding: 8px 9px 4px;
    font-size: 1.1em;
}

#cabecalho #box_menu_principal ul li a:hover {
	padding-bottom: 1px;
}

#cabecalho #busca {
	width: 37%;
	margin-left: 2%;
	margin-top: 9px;
	float: left;
}

#cabecalho #busca input {
	width: 100%;
	height: 14px;
}

#cabecalho #box_usuario {
	width: 10%;
	padding-left: 7%;
	margin-top: 9px;
	float: left;
}

#cabecalho #box_usuario #nome {
	display: none;
}

#cabecalho #box_usuario.menu {
	position: relative;
}

#cabecalho .menu .dropdown_pequeno,
#cabecalho .menu .dropdown_medio,
#cabecalho .menu .dropdown_grande {
    width: 90%;
}

#cabecalho .menu li:hover .dropdown_grande,
#cabecalho .menu li:hover .dropdown_medio,
#cabecalho .menu li:hover .dropdown_pequeno {
	left:7% !important;
	top: 76px !important;
}

#cabecalho #box_usuario.menu li:hover .dropdown_pequeno {
	width: 175px;
	top: 30px;
	left:-50px;
}

#cabecalho .inicio ul li span {
	padding: 5px 3px 15px;
	height: 9px;
}

/* --- */

.nome_tela.breadscrumb {
	margin-bottom: 0px !important;
}

/* --- */

#titulo {
	padding-bottom: 20px;
}

#titulo .balao_mensagem {
	width: 70%;
}

#titulo #filtro_unidade {
	width: 100%;
    padding-left: 0px;
}

#titulo #filtro_unidade a {
	margin-left: 0px;
}

#titulo #filtro_unidade .acoes {
	margin-top: 8px;
}

#titulo #filtro_unidade .campo.largura50 {
	width: 86% !important;
}

#titulo .area_retratil .coluna.largura33 {
	width: 96% !important;
	padding-left: 2% !important;
	padding-right: 0% !important;	
	padding-top: 13px;
}
#titulo .area_retratil .coluna.largura66 {
	width: 99% !important;
	padding-left: 1% !important;
	padding-right: 0% !important;	
	padding-top: 13px;
}

/* --- */

#subtitulo {
	padding-top: 35px;
}

#subtitulo .acoes {
	margin-top: -5px;
}

/* --- */
 
.componente.botao_campo input {
	margin-top: 7px !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

/* --- */

.menu_modulos {
	padding: 12px 0px 15px;
	background-color: #dae8ed !important;
	background-image: none;
	box-shadow: inset 0px 0px 8px 1px rgba(0, 0, 0, 0.17); 
	-moz-box-shadow: inset 0px 0px 8px 1px rgba(0, 0, 0, 0.17); 
	-webkit-box-shadow: inset 0px 0px 8px 1px rgba(0, 0, 0, 0.17); 
	border: none;
	border-left: 9px solid #146cac;
}

.menu_modulos select,
.menu_modulos div.selector {
	width: 97%;
}

.menu_modulos h3 {
	margin: 4px 0px;
	font-size: 1.2em;
	font-weight:lighter;
	color: #666;
}


/* --- */

.painel_favoritos {
    width: 97%;
}

.painel_modulos {
    width: 96%;
}

.caixa_modulo {   
	width: 49%;
}

.caixa_modulo a {
    padding: 85px 15px 18px;
}

.caixa_modulo .sombra {
    top: -16px;
}

.caixa_modulo h1 {
	font-size: 1.10em;
	margin: 0px;
}

.painel_mensagens {
    width: 95%;
}

.caixa_mensagem {
    width: 99%;
}

.caixa_mensagem .texto {
    padding-top: 23px;
}

.painel_inicio .titulo {
	top: 1px;
}


/* --- */

#titulo #acoes {
	width: 100%;
	float: left;
	padding-bottom: 10px;
}

#titulo #acoes #tipo_busca,
#titulo #acoes .num_registros {
	float: left;
}

#titulo #acoes a {
    font-size: 1em;
}

#filtros .painel_filtros {
	width: 100%;
}

#filtros .painel_botao_filtro {
    float: left;
    width: 98%;
}

#filtros input.pesquisar {
    width: 101%;
	margin-top: 12px;
	padding: 9px 0px;
	font-size: 1em;
	background-image: none;
}

/* --- */

#dropdown_acoes {
	width: 340px;
	position: absolute;
	left: -170px;
	padding: 4px
}

/* --- */

.container .coluna.largura100,
.container .coluna.largura50 {
    width: 98%;
}

.campo,
.campo_visualizacao {
	margin-top: 9px;
}

.container .campo_visualizacao.largura100 {
	line-height: 1.3;
	padding-bottom: 10px;
	width: 98%;
}

/* --- */

.container .grupo_campos {
	width: 98%;
}

.container .coluna .grupo_campos {
	width: 100%
}
	
.grupo_campos {
	margin-top: 5px;
	margin-bottom: 15px;
}

.grupo_campos .campos {
	padding-left: 5px;
}

/* --- */

ul.galeria li {
	width: 138px;
	padding-top: 96px;
	margin: 3%;
}

ul.galeria li a.botao {
	width: 118px;
	height: 12px;
}

ul.galeria li a,
ul.galeria li img {
	width: 133px;
	height: 87px;
}

#box_imagem {
	padding: 0px;
	max-width: 100%;
}

/* --- */

.area_imagem {
	margin-top: 20px;
}

.area_imagem a,
.area_imagem img {
	top: 3%;
}
.area_imagem a {
	height: 94%;
}

/* --- */

.box.janela .faixa_botoes,
.box.popup .faixa_botoes {
	width: 100%;
}