@CHARSET "ISO-8859-1";

/**inicio LAYOUT**/



img {
	border: none;
}
.maiusculo{
	text-transform: uppercase;	
}
.principalGerenciador {
	width: 890px;
	height: auto;
	border: 2px solid #4C4C4C;
	background-color: #FFFFFF;
	overflow: hidden;
}
#divInputLogoFalso #logoFalso
.menuGeral {
	float: right;
	width: 100%;
	text-align: right;
	height: 30px;
	margin-top: 10px;
	overflow: hidden;
}

.painelControle {
	float: left;
	width: 100%;
	height: auto;
	border-bottom: 1px solid #4C4C4C;
	overflow: hidden;
	margin-bottom: 10px;
}



.conteudoPaginas {
	float: left;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 0px;
	padding-bottom: 20px;
	/*border-top: 1px solid #4C4C4C;*/
	padding: 5px 2px 2px 2px;
}

.titulosLabel {
	float: left;
	text-align: right;
	width: 195px;
	_width: 185px;
}

.titulosLabel div {
	width: 100%;
	
	padding-bottom: 8px;
	padding-left: 8px;
	_padding-left: 0px;
	padding-top: 8px; *
	padding-top: 10px;	
}

.titulosLabel label {
	font-weight: normal;
}

.camposInput {
	width: 300px;
	float: left;
	text-align: left;
}

.camposInput div {
	width: 100%;
	padding: 7px;
	margin-left: 10px; *
	margin-left: 7px;
}

.camposInput input {
	border: 1px solid #666666;
	width: 290px;
}

.camposInput textarea {
	border: 1px solid #666666;
	width: 290px;
	height: 120px;
}

.camposInput select { *
	margin-left: 6px;
	width: 293px;
	border: 1px solid #666666;
}

.camposInputTipoPagamento {
	width: 230px;
	float: left;
	text-align: left;
}

.camposInputTipoPagamento div {
	width: 100%;
	padding: 7px;
	margin-left: 10px; *
	margin-left: 7px;
}

.camposInputTipoPagamento input {
	border: 1px solid #666666;
	width: 220px;
}

.camposInputTipoPagamento textarea {
	border: 1px solid #666666;
	width: 220px;
}

.camposInputTipoPagamento select { *
	margin-left: 6px;
}

.divCheckbox {
	width: 100%;
	padding: 6px;
	text-align: left;
}

.divCheckbox input {
	width: auto; *
	margin-left: 7px;
}

.campoDesativado {
	background-color: #E6E6E6;
	color: #999999;
}

.mensagens {
	width: 340px;
	float: right;
	text-align: center;
}

.messageSuccess {
	color: #0000FF;
}

.messageError {
	color: #FF0000;
}

.listas {
	width: 100%;
	height: auto;
	overflow: hidden;
	float: left;
	text-align: center;
}

/*Usado para zebrar as tabelas*/
.tabelaDados .cabecalho {
	background-color: #015E92;
	color: #FFFFFF;
}

.impar a,.par a {
	text-decoration: none;
	color: black;
}

.impar a:hover,.par a:hover {
	font-weight: bold;
	background-color: inherit;
}

.impar {
	background-color: #E8E8E8;
}

.impar td a {
	background-color: #E8E8E8;
}

/********************/
.estiloClique {
	cursor: pointer;
}

.estiloObservacoes {
	color: gray;
	font-family: cursive, fantasy;
	font-size: 14px;
}

.divTextarea {
	overflow: hidden;
	float: left;
	width: 100%;
}

.divTextarea label {
	text-align: center;
}

.divTextarea textarea{
	width: 100%;
}

#abas ul li a {
	text-decoration: underline;
}

.divAba {
	width: 100%;
	overflow: hidden;
	margin-left: -1px;
}

.links {
	margin-bottom: 10px;
}

.Oculta {
	visibility: hidden;
	position: absolute;
	width: 100%;
	float: left;
	margin: 20px;
}

.maisImagens {
	cursor: pointer;
	text-decoration: underline;
	width: 100%;
	overflow: hidden;
	float: left;
}

/**fim LAYOUT**/ /**inicio <INCLUDE> RODAPE**/
.rodape {
	float: left;
	width: 100%;
	height: 60px;
	text-align: center;
	background-color: #DFD9DE;
}

.rodape img {
	width: 247px;
	height: 42px;
	margin-top: 8px;
}

.rodape a:hover {
	text-decoration: none;
	color: none;
}

.rodape a:link {
	text-decoration: none;
	color: none;
}

.rodape a:active {
	text-decoration: none;
	color: none;
}

/**fim <INCLUDE> RODAPE**/ /**inicio <INCLUDE> BOTOES**/
.localizar {
	width: 100%;
	text-align: center;
	float: left;
	overflow: hidden;
}

.buttonLocalizar {
	border: 1px solid #666666;
	font-size: 12px;
	width: 170px;
	height: 30px;
	margin-left: 10px;
	margin-bottom: 10px;
	cursor: pointer;
	background-color: #DFD9DE;
	font-weight: bold;
}

.buttonLocalizar:hover {
	border: 2px solid #999999;
}

.divBotoes {
	width: 100%;
	height: 40px;
	float: left;
	margin-top: 20px;
	border-bottom: 3px solid #4C4C4C;
	overflow: hidden;
}

.button {
	border: 1px solid #666666;
	font-size: 12px;
	width: 90px;
	height: 30px;
	margin-left: 10px;
	margin-bottom: 30px;
	cursor: pointer;
	background-color: #DFD9DE;
	font-weight: bold;
}

.button:hover {
	border: 2px solid #999999;
}

/**fim <INCLUDE> BOTOES**/ /**inicio PARCEIRO**/
.logoParceiro {
	float: left;
	margin-left: 120px;
	margin-top: 40px;
}

.logoParceiro img {
	width: 128px;
	height: 128px;
}

/**fim PARCEIRO**/ /**inicio ALTERAR MINHA SENHA**/
.botaoAlterarSenha {
	overflow: hidden;
	width: 100%;
	float: left;
}

/**fim ALTARAR MINHA SENHA**/ /**inicio PUBLICAÇÃO**/
.divInserirImagem {
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}

.blocoImagem {
	border: 1px solid #999999;
	text-align: center;
}

.blocoTextoImagem {
	border: 1px solid #999999;
	background-color: #CCCCCC;
	text-align: center;
}

.imagensPublicacao {
	width: 98%;
	height: auto;
	overflow: hidden;
	padding: 5px;
	padding-bottom: 15px;
}

.tabelaImagem {
	float: left;
	width: 33%;
}

/**fim PUBLICAÇÃO**/ /**inicio <INCLUDE> MENU MEIO**/
.divMenuMeio {
	width: 100%;
	height: auto;
	margin-bottom: 2px;
}

.menuMeio {
	float: left;
	margin-left: 5px;
	width: auto;
	height: 30px;
}

#menuMeio {
	margin: 0px;
	padding: 0px;
	position: relative;
	_position: none;
	z-index: 5000;
}

#menuMeio li {
	float: left;
	list-style: none;
	height: auto;
}

#menuMeio li a {
	display: block;
	text-decoration: none;
	width: auto;
	white-space: nowrap;
}

#menuMeio li ul {
	margin-left: 0px; *
	margin-left: 0px;
	_margin-left: 0px;
	position: absolute;
	visibility: hidden;
	border-left: 1px solid #4C4C4C;
	border-right: 1px solid #4C4C4C;
	border-bottom: 1px solid #4C4C4C;
	width: 170px; *
	width: 210px;
	overflow: hidden;
}

#menuMeio li ul li {
	float: left;
	margin-left: -40px; *
	margin-left: 0px;
	border-top: 1px solid #4C4C4C;
}

#menuMeio li ul li a {
	text-align: left;
	width: 215px;
	height: 17px;
	color: #666666;
	background: #F2F2F2;
	overflow: hidden;
	padding: 2px;
}

#menuMeio li ul li a:hover {
	background-color: #005E91;
	color: #FFFFFF;
}

/**fim <INCLUDE> MENU MEIO**/ /**inicio MENU**/
	/********inicio MENU MANUTENÇÃO PRODUTO*********/
#menu {
	margin: 0px;
	padding: 0px;
	position: relative;
	_position: none;
	z-index: 1000;
}

#menu li {
	float: left;
	list-style: none;
	height: auto;
}

#menu li a {
	display: block;
	text-decoration: none;
	width: auto;
	white-space: nowrap;
}

#menu li ul {
	margin-left: 0px; *
	margin-left: 0px;
	_margin-left: 0px;
	position: absolute;
	visibility: hidden;
	border-left: 1px solid #4C4C4C;
	border-right: 1px solid #4C4C4C;
	border-bottom: 1px solid #4C4C4C;
	width: 230px;
	overflow: hidden;
}

#menu li ul li {
	float: left;
	margin-left: -40px; *
	margin-left: 0px;
	border-top: 1px solid #4C4C4C;
}

#menu li ul li a {
	text-align: left;
	width: 290px;
	height: 17px;
	color: #666666;
	background: #F2F2F2;
	overflow: hidden;
}

#menu li ul li a:hover {
	background-color: #005E91;
	color: #FFFFFF;
}
.itensEntrega{
	text-align: left;
	padding: 10px;
}
/******fim MENU MANUTENÇÃO PRODUTO**********/
.tituloMenu {
	cursor: pointer;
	background: #DFD9DE;
	border: 1px solid #666666;
	padding: 2px;
}

.tituloMenu:hover {
	border: 1px solid #999999;
	background: #999999;
	color: #FFFFFF;
}

/**fim MENU**/ /**inicio MANUTENÇÃO DE PRODUTOS**/
.menuProduto {
	height: 100px;
	float: left;
	width: auto;
	margin-left: 5px;
}

/**fim MANUTENLÇÃO DE PRODUTOS**/ /**Paginação**/
#paginacao {
	font-size: 12px;
}

.paginacaoNumeroSelecionado,.paginacaoNumero:hover {
	background-color: #015E92;
	color: #FFFFFF;
	cursor: pointer;
}

.paginacaoNumero {
	background-color: #FFFFFF;
	color: #666666;
	cursor: pointer;
}

.Paginacao {
	_height: 22px;
	_overflow: hidden;
}

.Paginacao a {
	text-decoration: none;
}

/**Fim Paginação**/ /**inicio GRUPO**/
.divImagemGrupoGeral {
	float: left;
	margin: 5px;
	padding: 10px;
	position: relative;
	border: 1px solid black;
	width: 29%;
}

.textoImagem {
	padding-top: 10px;
	margin-bottom: 30px;
	width: auto;
}

.divOcultar {
	cursor: pointer;
	float: right;
	margin-right: 20px;
}

/**fim GRUPO**/ /**inicio IMAGEM PRODUTO**/
.imagemProdutoDescricao {
	width: 100%;
	overflow: hidden;
	float: left;
	text-align: center;
	padding-bottom: 10px;
}

.divGerarCampos button {
	margin-left: 0px; *
	margin-left: 7px;
	_margin-left: 8px;
}

.divImagensProduto {
	width: 98%;
	padding: 5px;
	float: left;
	margin: 2px;
	padding-bottom: 10px;
}

.divImagemProdutoGeral {
	float: left;
	width: 24%;
}

.opcoesImagem {
	width: 98%;
	float: left;
	margin-top: 10px;
}

/**fim IMAGEM PRODUTO**/ /**inicio CONFIGURAÇÃO**/
.tabelaLogoConfiguracao {
	width: 100%;
	float: left;
}

.tabelaLogoConfiguracao img {
	width: 250px;
	height: 250px;
}

.principalvisibilidadeAbas {
	width: 100%;
	overflow: hidden;
	height: auto;
	padding-bottom: 10px;
	padding-left: 5px;
}

.principalvisibilidadeAbas div {
	float: left;
	width: 30%;
	height: auto;
	padding: 5px;
	margin: 5px;
	border: 1px solid #999999;
}

.principalvisibilidadeAbas div div {
	width: 100%;
	height: 12px;
	_height: 10px;
	text-align: left;
	border: none;
	margin-left: -10px;
	_margin-left: -5px;
}

/**fim CONFIGURAÇÃO**/
	/**<INPUT> FILE: PERSONALIZAÇÃO DO BUTTON COM IMAGEM**/
#divInputLogo {
	background: url("../imagem/procurar.png") no-repeat;
	height: 22px;
	width: 92px;
	margin: 0px;
	float: right;
	cursor: pointer;
	margin-right: -5px;
	margin-top: 5px;
}

#divInputLogo #logo {
	opacity: 0.0;
	-moz-opacity: 0.0;
	filter: alpha(opacity = 00);
	width: 92px;
	height: 20px;
	margin-left: 0px;
	float: right;
	margin-top: -6px;
	overflow: hidden;
	cursor: pointer;
}

#divInputLogoFalso {
	margin-top: 0px;
	margin-left: 0px;
	float: left;
	margin-top: 0px;
        width: calc( 100% - 95px );
}

#divInputLogoFalso #logoFalso {
}

#divInputImagemHome {
	background: url("../imagem/procurar.png") no-repeat;
	height: 22px;
	width: 92px;
	margin: 0px;
	float: right;
	cursor: pointer;
	margin-right: -5px;
	margin-top: 0px;
}

#divInputImagemHome #imagemHome {
	opacity: 0.0;
	-moz-opacity: 0.0;
	filter: alpha(opacity = 00);
	width: 92px;
	height: 20px;
	margin-left: 0px;
	float: right;
	margin-top: -6px;
	overflow: hidden;
	cursor: pointer;
}

#divInputImagemHomeFalso {
	margin-top: 0px;
	margin-left: 0px;
	float: left;
	width: 110px;
	_width: 95px;
	margin-top: 0px;
}

#divInputImagemHomeFalso #imagemHomeFalso {
	width: 105px;
	_width: 95px;
	margin-left: 10px; *
	margin-left: 12px;
}

/**<INPUT> FILE: PERSONALIZAÇÃO DO BUTTON COM IMAGEM**/
	/***inicio INDEx***/
.tabelaLogoIndex {
	width: 88%;
}

.tabelaLogoIndex .colunaImagem {
	width: 38%;
	font-size: 14px;
	font-weight: bold;
}

.tabelaLogoIndex img {
	width: 250px;
	height: 250px;
}

/***fim INDEX***/ /***inicio CARTÃO FIDELIDADE********/
.conteudoCartaoFidelidade {
	width: 870px;
	text-align: left;
	padding-bottom: 10px;
	border-bottom: 1px solid #4C4C4C;
}

/***fim CARTÃO FIDELIDADE***********/
	/***inicio PONTOS ARQUITETO*************/
.tabelaPontosArquiteto {
	float: left;
}

.tabelaPontosArquiteto td {
	width: 100%;
	float: left;
	text-align: left;
}
/***fim PONTOS ARQUITETTO***************/

/* CSS PAGINACAO GENERICA */
.per_page
{
	z-index: 999;
}
.erro{
	color:red;
}

.tabelaPaginacao {
	width: 300px;
	font-size: 12px;
	color: #FFF;
    padding-left: 10px;
    z-index: 1;
}

.paginacaoNumeroSelecionado,.paginacaoNumero:hover {
	/*background-color: #F27B1F;*/
	color: #f5dc7b;
}

.paginacaoNumero {
	/*background-color: #FFFFFF;*/
	color: #000000;
}

.tabelaSemBorda tr td, .tabelaSemBorda tr td a {
    border-bottom: none;
    margin-top: 0;
}

.barraPaginacao
{
	color: #FFF;
	margin-left: 3px;
	margin-right: 6px;
	float: left;
	margin-top: 3px;
}

.checkboxDiv {
	margin: 10px 14px 0px 0px !important;
	width:33px !important;
}


.dropdown-menu {
    max-height: 400px;
    overflow-y: auto;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, 
.col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, 
.col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, 
.col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, 
.col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-right: 5px !important;
    padding-left: 5px !important; 
}

.tab-content
{
    padding-top: 10px;
    background: #FFF;
}

.cursorLink
{
    cursor: pointer;
}

#extratoVendas {
    text-align: left;
    margin-top: 50px;
    clear: both;
}

#extratoVendas div.operador {
    width: 15px;
    float: left;
}

#extratoVendas h2{
    font-size: 16px;   
    font-weight: bold; 
    cursor: pointer;
    margin-top: 10px;
    height: 20px;
    border-bottom: 1px solid #ddd;
}

#extratoVendas h2 div{
    float: left;
}

#extratoVendas div.tipoExtrato, #extratoVendas #tipoVenda {
    width: 250px;
    float: left; 
}

#extratoVendas #tipoVenda, #extratoVendas #comissaoSoftsystem {
    float: left;
}

#extratoVendas #comissaoSoftsystem,
#extratoVendas #totalPago,
#extratoVendas #percentualSoftsystem,
#extratoVendas #quantidade,
#extratoVendas .valor{
    width: 150px;
    float: left;
    text-align: right;
}

#extratoVendas #totalizadores {
    color: blue;
}

.tooltipSoft{
    position: absolute;
    z-index: 999999;
    padding: 8px;
    border: 1px solid #FFF;
    background: #FFF;
    -moz-box-shadow: 0 0 10px 1px #000;
    -webkit-box-shadow: 0 0 10px 1px #000;
    box-shadow: 0 0 10px 1px #000;
    color: #FFF;
    display: none;
    text-align:left;
}

.backgroundAbasGerenciador
{
    background: #FFF !important;
}