/* CSS Document */
*
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body
{
	background: #E2ECF0;
	color: #333333;
	margin: 0px;
	padding: 0px;
}

.overlay {
    position: fixed;
    z-index: 99;
    top: 0px;
    left: 0px;
    background-color: #FFFFFF;
    width: 100%;
    height: 100%;
    filter: Alpha(Opacity=70);
    opacity: 0.70;
    -moz-opacity: 0.70;
}
* html .overlay {
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
    width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
}
.loader {
    z-index: 100;
    position: fixed;
    width: 120px;
    background-color: #FFFFFF;
    margin-left: -60px;
    top: 50%;
    left: 50%;
}
* html .loader {
    position: absolute;
    margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) + 'px');
}

#geral
{
    min-width: 960px;
}

.left
{
    float: left;
}

.right
{
    float: right;
}

.clear
{
    clear: both;
}

#topo
{
    background-color: #A7B5C4;
	height: 78px;
	overflow: hidden;
	padding-right: 15px;
	padding-top: 8px;
}

#topo h1
{
    color: #636C75;
    font-family: Arial;
    font-weight: normal;
	font-size: 16px;
	margin: 0px 0px 0px 0px;
	padding: 14px 0px 10px 30px;
	height: 22px;
}

#topo a.sair
{
    color: #636C75;
    font-weight: bolder;
	text-decoration: none;
}

#topo p.pn_login
{
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 6px;
    padding-top: 3px;
    font-size: 10px;
}

#topo .labelInput
{
    color: #000000;
    font-weight: normal;
}

#topo .labelUser
{
    font-weight: bold;
    font-size: 11px;
}

#topo .labelBranco
{
    color: #FFF;
}

#menu
{
	margin-left: 16px;
	clear: both;
}

#menu ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	clear: both;
}

#menu li
{
	float: left;
	font-size: 13px;
	padding-bottom:5px;
	padding-left: 15px;
	padding-top: 6px;
	margin-right: 2px;
}

#menu li a
{
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 15px;
	padding-top: 6px;
}

#menu li:hover
{
	background: #B9C4D0 url(../image/body/menu/canto_esquerdo_over.gif) top left no-repeat;
}

#menu li a:hover
{
	background: #B9C4D0 url(../image/body/menu/canto_direito_over.gif) top right no-repeat;
}

#menu .selecionado
{
	background: #FFFFFF url(../image/body/menu/canto_esquerdo.gif) top left no-repeat;
}

#menu .selecionado a
{
	background: #FFFFFF url(../image/body/menu/canto_direito.gif) top right no-repeat;
	color: #737373;
}

#submenu
{
    background: #FFFFFF url(../image/body/bg_menu.gif) top left repeat-x;
    color: #737373;
    font-size: 11px;
    padding: 12px 0px 15px 30px;
}

#submenu a
{
    color: #737373;
    text-decoration: none;
}

#submenu .selecionado
{
	background: #8CC63F;
	color: #FFFFFF;
}

#base
{
    padding: 20px;
}

#base a
{
    color: #29ABE2;
    text-decoration: none;
}

#base .link_exclusao
{
    color: #FF9900 !important;
}

#base .link_inativo
{
    color: #C1E7F7 !important;
}

#base .labelCinza
{
    color: #999999;
}

#base .labelTamanho10
{
    font-size: 10px;
}

#base .labelTamanho11
{
    font-size: 11px;
}

#base .labelInput
{
    color: #000000;
    font-size: 12px;
    font-weight: bold;
}

#base .tituloItemsBaseConteudo
{
    color: #86AB52;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 18px;
    font-weight: bold;
}

#base .campo_requerido
{
    font-size: 12px;
    color: #FF9900 !important;
}

#base .linha_separatriz
{
    background: url(../image/body/linhaSeparatriz.gif) center repeat-x;
    margin-bottom: 7px;
    margin-top: 2px;
    height: 2px;
}

#base .boxItemsBaseConteudo
{
    padding-bottom: 30px;
}

#base .boxRelative
{
    position: relative;
    margin-bottom: 5px;
}

#base .boxDotted
{
    border: 1px dotted #999999;
    text-align: center;
    width: 80%;
}

#base .boxExcluir
{
    text-align: right;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
}

#base .boxHeight150
{
    height: 150px;
}

#base .boxHeight130
{
    height: 130px;
}

#base .boxHeight200
{
    height: 200px;
}

#base .boxHeight180
{
    height: 180px;
}

#base .boxSize160120
{
    width: 160px;
    height: 120px;
}

#base .itemlista
{
    margin-bottom: 5px;
}

.margin_top_20
{
    margin-top: 20px;
}

.margin_bottom_20
{
    margin-bottom: 20px;
}

.display_none
{
    display: none;
}

.box_update
{
    background: url(../image/body/BG_ZONA_ALERTS.gif) bottom no-repeat;
    color: #333333;
    font-size: 12px;
    padding: 15px;
    position: absolute;
    margin-left: -162px;
    top: 0;
    left: 50%;
    width: 294px;
    text-align: center;
    z-index: 10005;
}

/************************************************/
/******* DEFINIÇÃO FORMULARIOS ******************/
/************************************************/
.inputP
{
    border: 1px solid #A6ACB3;
    font-size: 12px;
    padding: 3px;
    width: 25px;
}

.inputM
{
    border: 1px solid #A6ACB3;
    font-size: 12px;
    padding: 3px;
    width: 80px;
}

.inputG
{
    border: 1px solid #A6ACB3;
    font-size: 12px;
    padding: 3px;
    width: 260px;
}

.inputXG
{
    border: 1px solid #A6ACB3;
    font-size: 12px;
    padding: 3px;
    width: 300px;
}

.inputXGL
{
    border: 1px solid #A6ACB3;
    font-size: 12px;
    padding: 3px;
    width: 540px;
}

.input509
{
    border: 1px solid #A6ACB3;
    font-size: 12px;
    padding: 3px;
    width: 509px;
}

.input492
{
    border: 1px solid #A6ACB3;
    font-size: 12px;
    padding: 3px;
    width: 492px;
}

.input100Porcento
{
    border: 1px solid #A6ACB3;
    font-size: 12px;
    padding: 3px;
    width: 100%;
}

.input90Porcento
{
    border: 1px solid #A6ACB3;
    font-size: 12px;
    padding: 3px;
    width: 90%;
}

.inputMultilineP
{
    height: 70px;
}

.inputMultilineM
{
    height: 100px;
}

.inputMultilineG
{
    height: 200px;
}

.inputMultilineXG
{
    height: 640px;
}

.marginEmpresas
{
	padding-left:10px !important;
}
/************************************************/
/********* DEFINIÇÃO PAGINAS CADASTRO ***********/
/************************************************/

.aba_insert
{
    padding: 30px 35px 30px 50px !important;
	min-width: 810px;
}

.coluna_esquerda
{
    float: left;
    width: 62%;    
}

.itemform
{
    margin-bottom: 20px; 
}

.coluna_direita
{
    float: right;
    width: 31%;
}

/******************************************************/
/********* DEFINIÇÃO SECAO PAGINAS CADASTRO ***********/
/******************************************************/

.box_cria_secao
{
    padding: 1px;
    background: #29ABE2;
    width: 410px;
}



.box_cria_secao .inpput_no_border
{
    border-width: 0px;
}

.box_cria_itemCardapio
{
    padding: 1px;
    background: #29ABE2;
    width: 382px;
}

.box_cria_itemCardapio .inpput_no_border
{
    border-width: 0px;
}

.box_rounded
{
    width: 50%
}


/** MODULO ENQUETE **/

.box_resposta
{
	padding: 1px 0px 1px 1px;
	background: #BBC3CA url(../image/body/bd_itemform.gif) left no-repeat;	
	border-right: 1px solid #BBC3CA;
	margin-bottom: 2px;
	width: 540px;
	text-align: right;
}

.box_resposta span
{
	color: #FFFFFF;
	font-family: Arial, Verdana;
	font-size: 15px;
	font-weight: bold;
}

.box_resposta .inpput_no_border
{
	border-width: 0px;
}


/** MODULO GALERIA **/

.box_titulo_item_galeria
{
    background-color: #B1C4CC;
    padding: 5px;
    margin-bottom: 1px;  
}

.box_titulo_item_galeria .letter
{
    padding-left: 18px;
}

.box_titulo_item_galeria .letter .span
{
    color: #FFFFFF !important;
}

.box_item_galeria
{
    background-color: #E7EFF2;
    border: 1px solid #B1C4CC;
    margin-bottom: 1px;
}

.box_item_galeria .box_foto
{
    text-align: center;
    width: 80px;
    padding: 2px;
    border: 1px dotted #B1C4CC;
    background-color: #F5F9FA;
    margin: 8px;
}

.box_item_galeria .inputs
{
    padding-top: 18px;
    margin-left: 28px;
}

.box_item_galeria .lixeira
{
    padding-top: 28px;
    margin-right: 8px;
}


/** MODULO CADASTRO **/

.painel_vote
{
    padding: 15px;
}

.painel_vote label
{
    font-size:  10pt;
    margin-right: 15px;
}


.tb_contato_setor
{
    background-color: #E2ECF0;
    width: 100%;
    
}

.tb_contato_setor .td_left
{
    width: 80px;
    text-align: right;   
}

.tb_contato_setor .td_right
{
    text-align: right; 
    width: 540px;  
    white-space: nowrap;
}

.tb_contato_setor span
{
    margin: 0 3px 0 8px;
    font-size: 7pt;    
}

.tb_contato_setor .inputSetor
{
    height: 13px;
    font-size: 7pt;
    color: #66a;
}

.tb_contato_setor .ddlSetor
{
    font-size: 7pt;
    color: #66A;
}

.tb_contato_setor td h3
{
    font-size: 10pt;
    font-weight: bold;
    color: #777;
    margin: 8px 0;
}

.bt_excluir_contato
{
    color: #F15A24;
    
}

.input350
{
    border: 1px solid #A6ACB3;
    font-size: 12px;
    padding: 3px;
    width: 330px;
}

.input250
{
    border: 1px solid #A6ACB3;
    font-size: 12px;
    padding: 3px;
    width: 220px;
}

.inputMM
{
    border: 1px solid #A6ACB3;
    font-size: 12px;
    padding: 3px;
    width: 180px;
}

.inputMMFiltro
{
    border-width: 0;
    font-size: 12px;
    padding: 3px;
    width: 180px;
}

.input130
{
    border: 1px solid #A6ACB3;
    font-size: 12px;
    padding: 3px;
    width: 130px;
}


/*  submenu list */

.lista_submenu ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.lista_submenu ul li
{
	cursor: move;
	
	font-family: Verdana, Arial, "Trebuchet MS", Helvetica, sans-serif;
	font-size: 14px;
	color: #808080;
	background: #FFFFFF;
	text-align: left;
	margin-bottom: 5px;
}


.ddl_setor
{
    font-size: 7pt;
    color: #66A;
}

.panel_filtro
{
    text-align: right;
}

.panel_filtro table
{
    display: inline;
    width: 600px;
}

.panel_filtro .label_filtro
{
    font-size: 10px;
    color: Black;
    font-weight: bold;
    padding-left: 10px;
}

.panel_filtro .label_status
{
    font-size: 10px;
    color: Black;
    padding-left: 10px;
    vertical-align: text-top;
    white-space: nowrap;
}

.panel_filtro div
{
    border:1px solid #B0B8BE;
	padding: 3px;
	background-color: #FFF;
	height: 20px;
}

.panel_filtro input.txt, .panel_filtro select
{
    border: 1px solid white;
    font-size: 8pt;
    padding: 0.1em 0.1em 0.1em;
    vertical-align: middle;
}

.panel_filtro input.txt
{
   width: 11em;
}

.panel_filtro input.bt
{
    border:none;
    cursor:pointer;
    line-height:500%;
    vertical-align:middle;
    margin-left: 2px;
    
}


/** Usuário e Grupo de permissão **/

#tit_grupo_permissao
{
    font-family: Arial, "Trebuchet MS", Helvetica, sans-serif;
    color: #303133;
    font-size: 13pt;
    font-weight: bold;
    text-transform: uppercase;
}

#tabela_grupo_permissao
{
    margin-top: 5px;
    width: 700px;
}

#tabela_grupo_permissao td
{
    margin: 0;
}

#tabela_grupo_permissao .div_menu
{
    background-color: #FFF8BD;
    border: #D4D8D9 1px solid;
	padding: 15px;
	border-left-width: 0;
	font-size: 11px;
	color: #909090;
}

#tabela_grupo_permissao .div_menu input.inputGrupo
{
    width: 220px;
    font-size: 11pt;
    height: 21px;
    padding: 3px;
    border-width: 0;
    
}

#tabela_grupo_permissao .div_menu .selected
{
    font-size: 13px;
	color: #000;
}

#tabela_grupo_permissao .div_menu .lbl_idioma
{
    font-size: 9px;
	color: #808080;
	padding-left: 5px;
}

#tabela_grupo_permissao .div_menu .boxMenu
{
    background-color: #F9F2B7;
    margin-top: 10px;
}


.bt_criar_grupo
{
    border-style: solid;
    border-color: #D4D8D9;
    border-width: 1px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
    margin: 0px;
    padding: 4px;
    background: #29ABE2;
    color: #FFF;
    width: 100%;
}

.linha_grupo td
{
    margin: 0;
}

.linha_grupo td.primeira
{
	border-width: 1px 0px 1px 1px;
	border-color: #D4D8D9;
	border-style: solid;    
	padding: 5px 5px 5px 6px;
}

.linha_grupo td.meio
{
	border-width: 1px 0 1px 0;
	border-color: #D4D8D9;
	border-style: solid;    
	padding: 5px 5px 5px 6px;
}

.linha_grupo td.ultima
{
    border-width: 1px 1px 1px 0;
	border-color: #D4D8D9;
	border-style: solid;    
	padding: 5px 5px 5px 6px;
}


.linha_grupo .img_del
{
    margin-right: 10px;
}

.grid .selecteditemstyle td.ultima
{
	border-right: #FFF8BD 1px solid;
}


.painel_banner
{
    margin: 8px 0; 
    background-color: #DEDEDE; 
    border: dashed 1px #999;
    clear: both;
}





.box_comentario_aprov, .box_comentario_reprov
{
    font-size: 8pt;
    border-style: solid;
    border-width: 1px; 
    margin: 10px 0 0 0; 
    padding: 0 0 7px 0;
    width: 100%;            
}

.box_comentario_aprov
{
    background-color: #E5ECF2;
    border-color: #B9D2E6; 
}

.box_comentario_reprov
{
    background-color: #FBEDEB;
    border-color: #F37066;       
}

.box_comentario_aprov .tit, .box_comentario_reprov .tit
{
    padding: 4px;
    padding-right: 7px;
    margin-bottom: 6px;
    color: White;
    font-weight: bold;   
}

.box_comentario_aprov .tit
{
    background-color: #B9D2E6;           
}

.box_comentario_reprov .tit
{
    background-color: #F37066;           
}

.box_comentario_aprov .msg, .box_comentario_reprov .msg
{
    padding: 5px;
}

.box_comentario_aprov .resp, .box_comentario_reprov .resp
{
    margin: 5px;
    padding: 5px 0;
    border-top: dotted 1px #AAA;
    font-style: italic;
}

.box_comentario_aprov .bt, .box_comentario_reprov .bt
{
    padding: 5px;
}