html, body {
	height: 100%;
}
body { 
	color: #777;
	background: url(../imagens/bg_cabecalho.png) repeat-x;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
        
}
fieldset {
    border-radius: 5px;
}
#site{
	position:relative;
	height:auto !important;
	height:100%;
	min-height: 100%;
}
* html #site {
	height: 100%;
}
html *{
	list-style:none;
}
body{
	background: url(../imagens/bg.gif) repeat-x;
}

/***********************************************************************
	TOPO E CABEALHO
************************************************************************/

#cabecalho{
	width: 100%;
	height: 80px;
	padding: 0;
	background: url(../imagens/bg_topo.gif) repeat-x;
}
#mati {
	width: 800px;
	margin-top:12px;
	height: 56px;
	display: block;
	float:left;
}
#matifora {
	width: 800px;
	margin-top:12px;
	height: 56px;
	display: block;
	float:left;
}
#InformaCarregando{
	width:150px;
	height:16px;
	/*background-color:#FF0000;*/
	color:#000000;
	float:left;
	padding-top:16px;
}
#mati img {
	display: none;
	width:800px;
}
#matifora img {
	display: none;
	width:800px;
}

html>body #mati {
	background: url(../imagens/logo_giv.png) no-repeat;
	width: 800px;
}

html>body #mati {
	background: url(../imagens/logo_giv_fora.png) no-repeat;
	width: 800px;
}

#cabecalho #administrador {
    text-align: right !important;
    width :880px !important;
    float: right !important;
    margin-top: 12px !important;
    height: 18px !important;
}
#administrador h1{
	float:right;
	color:#FFF;
	margin:12px 10px 0 0;
}
#administrador p.usuario, #administrador p.usuario a{
	color:#FFF;
}
#administrador p.usuario{
	float:right;
	margin-bottom:0;
	margin-right:10px;
}
img#avatar{
	width:55px;
	height:55px;
	float:right;
	border:2px solid #e5f8ff;
}
#containner {
	/*width: 800px;*/
	/*overflow:hidden;*/
	float:left !important;
	padding:20px 10px 35px 0;
}
h1, h2, h3{
	margin:0;
	padding:0;
}
h1{
	font-size:16px;
	color:#78acc7;
}
h2{
	font-size:14px;
	color:#9b9c9d;
}
h3{
	font-size:12px;
	color:#78acc7;
}
p{
	margin-bottom:15px;
	line-height:18px;
}
a{
	color: #777;
	text-decoration:none;
}
a:hover{
	color:#3e7fa1;
	text-decoration:underline;
}
img{
	border:0;
}
.escondido{
	display:none;
}

/***********************************************************************
	MENU OPES CADASTRO
************************************************************************/

#menu-cadastro{
	width:172px;
	float:left;
}
#menu-cadastro dl, dd, ul {
	margin:0 0 0 5px; 
	padding:0;
}
#menu-cadastro dt { 
	font-size:12px;
	color:#9b9c9d;
	border: 3px solid  #ecf4f7;
	background:#ecf4f7;
	clear:both;
	font-weight:bold;
	margin-bottom:0 0 2px 5px;
}
dt.box-submenu a{
	margin-left:10px;
}
dt.box-submenu a:hover{
	color:#51606f;
	text-decoration:none;
}
dt.box-submenu .icone{
	display: inline;
	position:relative; 
	top:0; 
	left:5px; 
	float:left; 
}
dt.box-submenu span.icone#conteudo{
	width:16px;
	height:16px;
	top:-1px; 
	background:url(../imagens/ico_conteudo.gif) no-repeat; 
}
dt.box-submenu span.icone#newsletter{
	width:16px;
	height:11px;
	top:2px; 
	background:url(../imagens/ico_newsletter.gif) no-repeat; 
}
dt.box-submenu span.icone#banners{
	width:16px;
	height:16px;
	background:url(../imagens/ico_banners.gif) no-repeat; 
}
dt.box-submenu span.icone#administradores{
	width:14px;
	height:14px;
	background:url(../imagens/ico_administrador.gif) no-repeat; 
}
dt.box-submenu span.icone#campos{
	width:15px;
	height:13px;
	background:url(../imagens/ico_campos.gif) no-repeat; 
}
dt.box-submenu span.icone#meusdados{
	width:14px;
	height:14px;
	background:url(../imagens/ico_usuario.gif) no-repeat; 
}
span.bt, span.bt span, span.bb, span.bb span {
	display: block;
	height: 4px;
	font-size: 1px;
	background:url(../imagens/cantinho.gif) no-repeat;
	position:relative;
}
span.bt {
	top: -3px;
	left: -3px;
}
span.bt span {
	background-position:100% -4px;
	left: 6px;
}
span.bb {
	background-position:0 -8px;
	top:3px;
	left: -3px;
}
span.bb span {
	background-position:100% -12px;
	left: 6px;
}
#menu-cadastro ul{
	margin:0;
	padding:0;
	width:172px;
}
#menu-cadastro ul li{
	border-bottom:1px solid #f2f2f2;
	padding:5px 0;
}
#menu-cadastro ul li a{
	padding-left:5px;
	width:172px;
}
.menuescolhido{
	color:#FF0000;
}

/************************************************************************************************
	CONTEDO GERAL
/***********************************************************************************************/

#conteudo-principal{
	width:600px;
	/*overflow:hidden;*/
	margin-left:20px;
	float:left;
}
#conteudo-principal h1{
	margin-bottom:10px;
	padding-bottom:2px;
	border-bottom:1px solid #f2f2f2;
}
#conteudo-principal h2{
	padding-bottom:2px;
	border-bottom:1px solid #f2f2f2;
}
#conteudo-principal p{
	line-height:16px;
}
#conteudo-principal p span, p span a{
	color:#79adc7;
}
/************************************************************************************************
	CONTEDO LISTAGEM
/***********************************************************************************************/

#opcoes-cima{
	width:550px;
	background:#f6f6f6 url(../imagens/linha.gif) repeat-x;
	padding:10px 0;
	border-top:1px solid #EEE;
	margin-bottom:1px;
	float:left;
}
#opcoes-cima a{
	float:left;
	display:block;
	margin-top:5px;
}
#opcoes-cima label{
	margin-top:5px;
	float:right;
}
#opcoes-cima select#itens{
	width:70px;
	float:right;
	margin: 0 12px 0 5px;
	border:1px solid #EEE;
	padding:2px 0;
	font:12px Arial, Helvetica, sans-serif;
}
#opcoes-cima span.icone{
	float:left;
	display: inline;
	margin:3px 5px 0 20px;
	height:14px;
	width:14px;
}
#opcoes-cima #icone-selecionar{
	background:url(../imagens/ico_selecionar.gif) no-repeat;
	margin-left:10px;
}
#opcoes-cima #icone-excluir{
	background:url(../imagens/ico_excluir.gif) no-repeat;
}
#opcoes-cima #icone-incluir{
	background:url(../imagens/ico_incluir.gif) no-repeat;
}
#opcoes-cima #icone-pesquisar{
	background:url(../imagens/ico_pesquisar.gif) no-repeat;
}
#paginacao{
	width:550px;
	position:relative;
	background:#f6f6f6 url(../imagens/linha.gif) bottom repeat-x;
	padding-top:10px;
	height:24px;
	border-bottom:1px solid #EEE;
	margin-top:1px;
	float:left;
}
#pg-direita, #pg-esquerda{width:150px;}
#pg-esquerda, a#pg-voltar{float:left; }
a#pg-voltar{padding-left:20px; margin-left:10px; background:url(../imagens/ico_voltar.gif) left 0 no-repeat; display:block;  height:14px;}
#pg-direita, a#pg-avancar{float:right;}
a#pg-avancar{padding-right:20px; margin-right:10px; background:url(../imagens/ico_avancar.gif) right 0 no-repeat; display:block;  height:14px;}
#pg-esquerda span.icone, #pg-direita span.icone{
	height:13px;
	width:15px;
	display:block;
}
#paginacao #numeros-paginacao{
	position:absolute;
	left:50%;
	margin-left:-75px;
}
#paginacao a.pg-numero{
	text-decoration:none;
	padding:2px 4px;
}	
#paginacao span#pg-atual{
	background:#b2df64;
	color:#3e4d22;
	padding:2px 4px;
}	
#paginacao a.pg-numero:hover{	
	background:#d9efb2;
	color:#3e4d22;
}
table#listagem{
	clear:both;
	border-top:1px solid #EEE;
}
table#listagem tr{
	height:35px;
}
table#listagem tr td{
	border-bottom:1px solid #EEE;
	border-left:1px solid #EEE;
	text-align:center;
	padding:5px 0;
}
table#listagem tr td p{
	text-align:left;
	margin:0 10px;
	line-height:12px;
}
table#listagem tr td.registro{
	width:312px;
}
table#listagem.administradores tr td.registro{
	text-align:left;
	padding: 0 10px;
	width:312px;
}
table#listagem tr td.status{
	border-right:1px solid #EEE;
}
table#listagem tr td.check, table#listagem td.edit, table#listagem td.delet{
	width:40px;
}
table#listagem tr.verde{
	background:#f4fae8;
}
table#listagem tr.branco{
	background:#FFF;
}
table#listagem tr select{
	width:110px;
	margin:0 10px;
	border:1px solid #EEE;
	padding:2px 0;
	font:12px Arial, Helvetica, sans-serif;
}

/************************************************************************************************
	CONTEUDO CADASTRO
/***********************************************************************************************/

#cadastro div.box h3{
	float:left;
	display:inline;
	margin:10px 0 5px 10px;
}
#cadastro img#foto{
	width:55px;
	height:55px;
	float:left;
	margin:8px 10px 10px 0;
}
#cadastro legend{
	padding-left:5px;
	color:#cecece;
	font-size:12px;
}
#cadastro ul{
	list-style:none;
	margin:0;
	padding:0;
}
#cadastro fieldset ul{
	width:550px;
	padding:0;
	margin:10px 0 10px 0;
}
#cadastro fieldset ul li{
	float:left;
	margin-bottom:5px;
	display:inline;
	overflow:hidden;
	margin-right:4px;
}
#cadastro label{
	color:#78acc7;
	font-weight:bold;
	margin:5px 0 2px 0;
	font-size:12px;
	display:block;
}
#cadastro label span{
	font-weight:normal;
}
#cadastro input{
	color:#555;
	font-size:11px;
}
#cadastro fieldset{
	/*width:550px;*/
	border:0;
	clear:both;
	display:block;
	margin:10px 0;
	padding:0;
}
#cadastro fieldset .campo-grande{
	width:544px;
}
#cadastro fieldset ul li.linha-media{
	width:362px;
}
#cadastro fieldset ul li .campo-medio{
	width:362px;
}
#cadastro fieldset ul li.linha-pequena{
	width:272px;
}
#cadastro fieldset ul li input.campo-pequeno{
	width:268px;
}
#cadastro fieldset ul li select.campo-pequeno{
	width:272px;
}
#cadastro fieldset ul li.linha-mini{
	width:180px;
}
#cadastro fieldset ul li .campo-mini{
	width:180px;
}
#cadastro fieldset ul li select.campo-mini {
	width:180px;
}
#cadastro fieldset ul li.linha-micro{
	width:82px;
}
#cadastro fieldset ul li .campo-micro{
	width:78px;
}
#cadastro fieldset ul li select.campo-micro{
	width:82px;
}

#cadastro fieldset.box{
	/*width:548px;*/
	clear:both;
	border:1px solid #e4e4e4;
}
#cadastro fieldset.box ul{
	width:528px;
	float:left;
	padding:0 10px;
	margin:0;
}
#cadastro fieldset.box  ul li{
	float:left;
	margin-bottom:10px;
	display:inline;
	overflow:hidden;
	margin-right:5px;
}
#cadastro fieldset.box ul li.linha-grande{
	clear:both;
	width:538px;
}
#cadastro fieldset.box ul li .campo-grande{
	width:538px;
}
#cadastro fieldset.box ul li.linha-media{
	width:353px;
}
#cadastro fieldset.box ul li .campo-medio{
	width:353px;
}
#cadastro fieldset.box ul li.linha-pequena{
	width:272px;
}
#cadastro fieldset.box ul li input.campo-pequeno{
	width:268px;
}
#cadastro fieldset.box ul li select.campo-pequeno{
	width:272px;
}
#cadastro fieldset.box ul li.linha-mini{
	width:170px;
}
#cadastro fieldset.box ul li .campo-mini{
	width:170px;
}
#cadastro fieldset.box ul li select.campo-mini {
	width:170px;
}
#cadastro fieldset.box ul li.linha-micro{
	width:82px;
}
#cadastro fieldset.box ul li .campo-micro{
	width:78px;
}
#cadastro fieldset.box ul li select.campo-micro{
	width:82px;
}
#cadastro div.box{
	/*width:548px;
	clear:both;*/
	margin-bottom:15px;
	border:1px solid #e2e2e2;
	background:#f1f1f1;
}
#cadastro div.box fieldset{
	/*width:548px;*/
	margin:0;
	padding:0;
}
#cadastro div.box fieldset.box{
	/*width:528px;*/
	margin:0;
	padding:0 10px;
	border:1px solid #e2e2e2;
	border:none;
}
#cadastro div.box fieldset.box legend{
	padding:0;
}
#cadastro div.box fieldset.box ul{
	width:528px;
	display:inline;
	overflow:hidden;
	padding:0 ;
	margin:10px 0 10px 0;
}
#cadastro div.box fieldset.box  ul li{
	float:left;
	margin-bottom:10px;
	display:inline;
	overflow:hidden;
	margin-right:4px;
}
#cadastro div.box fieldset.box  ul li span{
	color:#cecece;
}
#cadastro div.box fieldset.box  ul li.linha-grande{
	clear:both;
	width:528px;
}
#cadastro div.box fieldset.box  ul li .campo-grande{
	width:524px;
}
#cadastro span.icone-adicionar, #cadastro span.icone-retirar, #cadastro span.icone-minimizar, #cadastro span.icone-ampliar{
	float:left;
	display:inline;
	margin:0 5px 0 0;
	height:14px;
	width:14px;
}
#cadastro div.controle-minimizar{
	margin:0 0 10px 10px;
	width:528px;
	padding-top:10px;
	border-top:1px solid #e4e4e4;
	clear:both;
}
#cadastro span.icone-minimizar{
	margin:0 5px 0 0;
}
#cadastro span.icone-adicionar{
	background:url(../imagens/ico_adicionar.gif) no-repeat;
}
#cadastro span.icone-retirar{
	background:url(../imagens/ico_retirar.gif) no-repeat;
}
#cadastro span.icone-minimizar{
	background:url(../imagens/ico_minimizar.gif) no-repeat;
}
#cadastro span.icone-ampliar{
	background:url(../imagens/ico_ampliar.gif) no-repeat;
}
#cadastro .thumbs{
	width:528px;
	padding:10px 0 0 0;
	margin:0;
	float:left;
	border-top:1px solid #e4e4e4;
	clear:both;
}
#cadastro .thumbs ul.atributos{
	margin:0;
	padding:0;
	color:#555;
}
#cadastro .thumbs ul.atributos li{
	margin-bottom:0;
	padding:0;
	display:inline;
}
#cadastro img.thumb{
	float:left;
	margin:0 10px 0 0;
}
#cadastro ul.opcoes-imagem{
	/*width:508px;*/
	padding:0;
	margin:0;
	float:left;
	list-style:none;
	clear:both;
}
#cadastro ul.opcoes-imagem li{
	margin:0;
	padding:0;
}
#cadastro .opcoes-imagem .thumbs a{
	float:left;
	margin-top:0;
}
#cadastro .opcoes-imagem .icone-editar-imagem, #cadastro .opcoes-imagem .icone-excluir-imagem,  #cadastro .opcoes-imagem .icone-editar-legenda{
	float:left;
	display:inline;
	margin:0 3px 0 10px;
	height:16px;
	width:16px;
}
#cadastro .opcoes-imagem .icone-editar-imagem{
	margin-left:0;
}
#cadastro .opcoes-imagem .icone-editar-imagem{
	background:url(../imagens/ico_editar_imagem.gif) no-repeat;
}
#cadastro .opcoes-imagem .icone-excluir-imagem{
	background:url(../imagens/ico_excluir.gif) no-repeat;
}
#cadastro .opcoes-imagem .icone-editar-legenda{
	background:url(../imagens/ico_editar.gif) no-repeat;
}

/************************************************************************************************
	FORMULRIOS
/***********************************************************************************************/
.Botao {
    border-radius: 5px;    
    border: 1px solid #c5dbec;
    background: #dfeffc url(https://centralizador.sistemagiv.com.br/css/redmondGIV/images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #2e6e9e;
}
.Botao:hover {
    border: 1px solid #79b7e7; 
    background: #d0e5f5 url(https://centralizador.sistemagiv.com.br/css/redmondGIV/images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; 
    font-weight: bold; 
    color: #1d5987;    
}

.CampoForm{
	font: 11px Arial, Helvetica, Verdana, sans-serif;
	border: 1px solid #999999;
        border-radius: 3px;
}
.CampoForm:focus{
    background-color: #ECF4F7; 
}
.CampoForm[type="submit"],.CampoForm[type="button"]{
    border-radius: 3px;    
    border: 1px solid #c5dbec;
    background: #dfeffc url(https://centralizador.sistemagiv.com.br/css/redmondGIV/images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #2e6e9e;
}
.CampoForm[type="submit"]:hover,.CampoForm[type="button"]:hover{
    border: 1px solid #79b7e7; 
    background: #d0e5f5 url(https://centralizador.sistemagiv.com.br/css/redmondGIV/images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; 
    font-weight: bold; 
    color: #1d5987;    
}

.disabled {
    background: #FFFFFF !important;
}

.CampoCalendario{
	font: 11px Arial, Helvetica, Verdana, sans-serif;
	border: 1px solid #999999;
}
.CampoFormDir{
	font: 11px Arial, Helvetica, Verdana, sans-serif;
	border: 1px solid #999999;
	text-align: right;
}
.campo_focus{
	font: 11px Arial, Helvetica, Verdana, sans-serif;
	border: 1px solid red;
}
/************************************************************************************************
	RODAP
/***********************************************************************************************/

#copryght {
/*	height:40px;
        margin: 0;
	margin-top:60px;
	clear:both;
	width:100%;
	position:fixed;
        bottom: 18px;
        z-index: 999;*/
	//background:url(../imagens/bg_rodape.gif) repeat-x;
        
}
#copryght #rodape {
	width:100%;
	height:40px;
	padding:0;
	background:#A6D171;
        text-align: center;
}
#rodape p{
	color:#FFF;
	position:relative;
	top:0 !important;
	top:7px;
	padding:0;
}
#rodape p span{
	padding:4px;
	margin:0 0 0 4px;
	background:#d9efb2;
        border-radius: 5px;
}
#rodape p span a{
	color:#537021;
	text-decoration:none;
}
#rodape p span:hover{
	background:#eaf8d0;
}
#iconerodape {
	width: 52px;
	margin-top:8px;
	height: 30px;
	display: block;
	float:left;
	padding-left:100px;
}
#iconerodape img {
	display: none;
}
.tb_vendas{
	background-image:url(../imagens/logo_vendas2.jpg);
	background-repeat:no-repeat;
	background-position:right;

}

#suporte {
	clear: both;
	height: 50px;
	width: 172px;
	float: left;
}

#novidades {
	height:120px;
	width:570px;
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
	border-top-color: #D6E7ED;
	border-right-color: #D6E7ED;
	border-bottom-color: #D6E7ED;
	border-left-color: #D6E7ED;
	/*background-color: #FFFFDF;*/
	padding: 10px;
}

#novidades ul li{
	list-style-position: inside;
	list-style-type: disc;
}

#InformaNews{
	clear: both;
	height: 20px;
	width: 778px;
}

#InformaNews p{
	color: #FF0000;
	text-align:center;
	font-size:12px;
}

#InformaNews a{
	color: #FF0000;
	text-align:center;
	font-size:12px;
}

.passos {
	color:#FFFFFF;
	font-weight:bold;
        border-radius: 3px;
}

.passoTd {
	background-color: #CCC;
	height: 20px;
	text-align: center;
	color: #FFF;
	font-weight:bold;
}

.passoTd a {
	color: #FFF;
}

.CampoDinamico {
	height: 19px;
	width: 395px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	background-image:url(../imagens/icon_dropdown.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	padding-left: 5px;
}
.CampoNumero {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	height: 16px;
	width: 38px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	
}

.fonte_manual
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	
}

.BorderRight {
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#999;
}

.BorderBottom {
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#999;
}

.LegendBox {
	width: 10px;
	height: 10px;
	margin-right: 4px;
	border: 1px solid #000;
}

.BorderedTable {
	background-color: #FFF;
	border: 1px solid rgb(204, 204, 204);
}

.BorderedTable td {
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#999;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#999;
}

.BorderedTable td table td {
	border: none;
}

/* Usa em pdv/vinculo_produto.php */
#thPessoas, #thRedes, #thLojas, #thProdutos,
#tdPessoas, #tdRedes, #tdLojas, #tdProdutos,
#botaoSalvarVinculoProduto
{
    display: none;
}
#thContratante, #thPessoas, #thRedes, #thLojas, #thProdutos,
#tdContratante, #tdPessoas, #tdRedes, #tdLojas, #tdProdutos {
    vertical-align: top;
    border: solid 1px gray;
}
#tdContratante li:hover, #tdPessoas li:hover, #tdRedes li:hover, #tdLojas li:hover, #tdProdutos li:hover {
    background-color: #CAE7F3;
}
#tdContratante div, #tdPessoas div, #tdRedes div, #tdLojas div, #tdProdutos div {
    display: block;
}
#tdContratante ul, #tdPessoas ul, #tdRedes ul, #tdLojas ul, #tdProdutos ul {
    list-style: none;
}