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


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

body { font-size: 14px; }
table {font-size: 0.9em}
.container { width: 580px; }
.sf-jqueryui .ui-dialog, .ui-dialog {width: 560px !important;}
.show_640 { display: block !important;}
.hide_640 { display: none !important;}

.janela .container, .sf-jqueryui .ui-dialog .container, .sf-jqueryui .ui-dialog-content, .ui-dialog .container, .ui-dialog-content {width: 540px !important;}
.popup .container {width: 320px;}
.pergunta .container {width: 270px;}

.tbox { top:15px !important; max-width: 86%; left: -50%;}
.tbox #janela {width: 500px !important; height: 215px !important; overflow: scroll;-webkit-overflow-scrolling:touch}
.tbox #janela iframe {height: 215px !important; width:100% !important; overflow: scroll;-webkit-overflow-scrolling:touch}

#popup {width: 350px !important; height: 215px !important; overflow: scroll;-webkit-overflow-scrolling:touch}
#popup iframe {height: 215px !important; width:100% !important; overflow: scroll;-webkit-overflow-scrolling:touch}

#pergunta {width: 280px !important; height: 200px !important;-webkit-overflow-scrolling:touch}
#pergunta iframe {height: 200px !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 !important;
}

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

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


.container .largura100 { width: 98%;}

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

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

.container .largura66 { width: 98%; }
.container .largura35 { width: 46.5%; }
.container .largura33 { width: 46.5%; }

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


.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:1.5% !important;
	padding-left:1.5% !important;
}


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

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

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

.container .grupo .componente .largura66 { width: 61%; }
.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 .largura35 { width: 30%; }

.container .grupo .componente .largura10,
.container .grupo .componente .largura15,
.container .grupo .componente .largura30,
.container .grupo .componente .largura100, 
.container .grupo .componente .largura80,
.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;
}
 /* --- */
 
.container .grupo {
	margin: 11px 0px 0px !important;
}

.campo.grupo .componente {
	margin-top: 1px;
}
 
.campo.grupo .componente,
.campo.grupo .componente.cinco,
.campo.grupo .componente.select {
	width: 102%;
}

.campo .container_check_radio {
	margin-bottom: 2px;
}

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


.login {
	margin-top: 55px;
}

/* --- */

#cabecalho {
    height: 100px;
}

#cabecalho #marca {
	height: 44px;
	width: 98px;
	background-color: transparent;
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

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

#cabecalho #box_menu_principal {
    width: 100%;
	float: left;
	margin-right: 0px;
	margin-top: 10px;
}

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

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

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

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

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

#cabecalho #box_usuario #nome {
    width: 65%;
}

#cabecalho .menu .dropdown_medio {
    width: 353px;
}

#cabecalho .menu .dropdown_grande {
    width: 350px;
}

#cabecalho .menu li:hover .dropdown_grande {
	left:-193px;
}

#cabecalho #box_usuario.menu li:hover .dropdown_pequeno {
	left:-227px;
}

#cabecalho .menu .dropdown_grande .coluna {
	margin: 6px 0px;
}


/* -- */

#titulo {
	padding-bottom: 20px;
}

#titulo #breadscrumb {
	margin-bottom: 2px;
}

#titulo .nome_tela {
	margin-bottom: 10px;
}

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

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

#titulo #filtro_unidade .campo.com_botao {
	width: 22% !important;
}

#titulo #filtro_unidade .campo.com_botao_dois {
	width: 26% !important;
}

#titulo #filtro_unidade .campo.largura50 {
	width: 28% !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: 25px;
}

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

/* --- */

.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: 10px solid #146cac;
}

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

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

/* --- */


.painel_favoritos {
    width: 98%;
}

.caixa_favorito {
    width: 49.4%;
	float: left;
	margin-right: -1px;
}

.painel_modulos {
    width: 98%;
}

.caixa_modulo a {
    height: 38px;
}

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

.painel_mensagens {
    float: left;
    margin-bottom: 1%;
    width: 98%;
}

.caixa_mensagem .data {
	margin-top: 17px;
}

.caixa_mensagem .texto {
    padding: 18px;
}

/* --- */

#filtros .painel_filtros {
    width: 100%;
}

#filtros input.pesquisar {
	float: right;
	margin-top: 0px !important;
    padding: 7px 15px 10px 33px;
	font-size: 1em;
    background-position: 85px 3px;
}

/* --- */

.componente.botao_campo {
	margin-top: 11px;
}

#area_dados .componente.botao_campo {
	margin-top: 5px;
}

.componente.botao_campo input {
	margin-top: 8px !important;
	padding-top: 8px !important;
	padding-bottom: 8px !important;
	background-position: 82px 4px;
}

/* --- */

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

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

.campo_visualizacao {
	line-height: 1.3;
	margin-top: 7px;
	padding-bottom:10px;
}

/* --- */

.grupo_campos {
	margin-top: 15px;
}

.grupo_campos.largura50 {
	width: 100%;
}

/* --- */

ul.galeria li {
	margin: 6px;
}

#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 {
	width: 480px;
}

.box.popup .faixa_botoes {
	width: 320px;
}

.box .area_retratil .abas_simples li a,
.box .area_retratil .abas_simples li a.ativo {
	padding-right: 8px;
}