﻿.btAmex {
background-image: url(/EShop.Admin/Imagens/BTN-PAGAMENTO.png);
background-repeat: no-repeat;
height: 42px;
width: 155px;
padding: 0px;
background-color: #fff;
text-indent: -99999px;
}
.tab {
    margin-left : 0px;
    
}

.item
{
      background: #E8E8E8;
      color: White;
      text-transform: capitalize;
      padding-left:5px;
      padding-right:5px;
      padding-bottom: 5px;
      padding-top: 5px;
      width:240px;
}

.selectedTab
{
      font-style: italic;
      font-weight: bold;
      background: #CDC1C5;
}

.tab a:hover
{
      text-decoration: underline;  
}

.conteudo
{
      border-top    : 1px solid black;
      border-bottom : 1px solid black;
      border-left   : 1px solid black;
      border-right  : 1px solid black;
      margin-bottom : 1px;
}

.BarIndicator_TextBox2 {
        color:Blue;
        background-color:Blue;
        padding-bottom:1px;
    }

.BarBorder_TextBox2 {
        border-style:solid;
        border-width:1px;
        width:200px;
        vertical-align:middle;
    }

.watermark 
{
	background: #E8E8E8;
	color:#FF6A6A;
	font-family:Verdana;
}

.textoCadastro
{
    text-align:right;
    font-family:Verdana;
    border-width:1px;
    border-style:double; 
    border-color:#E8E8E8;
    background-color:#E8E8E8;
}

.textoInformacoes
{
    text-align:left;
    font-family:Verdana;
    border-width:1px;
    border-style:double; 
    border-color:#E8E8E8;
}

.textoInformacoesCenter
{
    text-align:center;
    font-family:Verdana;
}

.textoCadastroTopo
{
    text-align:right;
    vertical-align:top;
    font-family:Verdana;
    border-width:1px;
    border-style:double; 
    border-color:#E8E8E8;
    background-color:#E8E8E8;
}

.caixaTexto
{
    font-family:Verdana;
}

.textoInformacoesPFPJ
{
    text-align:left;
    font-family:Verdana;
    background-color:#E8E8E8;
}

.autocomplete_completionListElement 
{  
	
    margin-left: 0px; 
    text-color: black;
    text-align: left; 
    
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #f0f0f0;
	text-color: black;
	text-align: left;	
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : #ffffff;
	text-color: black;
	text-align: left;
}

.completionListElement 
{  
    visibility : hidden; 
    margin : 0px! important; 
    background-color : inherit; 
    color : black; 
    border : solid 1px gray; 
    cursor : pointer; 
    text-align : left; 
    vertical-align : top;
    list-style-type : lower-latin; 
    font-family : Verdana; 
    font-size: 11px; 
    padding : 0; 
    z-index: 1000;
    overflow : auto;	
} 

.listItem 
{ 
    background-color: white; 
    padding : 1px; 
}
      
.highlightedListItem 
{ 
    /*background-color: #c3ebf9;*/
    background-color: #E9E9E9;
    padding : 1px; 
    	
}
table.tabelafrete
{
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	color: #000;
	width: 400px;
	background-color: #fafafa;
	border: 1px #dadada solid;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-top: 0px;
}


table.tabelafrete td.tabelafreteprimeiralinha
{
	border-bottom: 2px solid #dadada;
	background-color: #DEE1E2;
	text-align: left;
	font-family: Verdana;
	font-weight: bold;
	font-size: 12px;
	color: #404040;
}
table.tabelafrete td.tabelafretesegundalinha
{
	border-bottom: 1px dotted #dadada;
	border-left: 1px dotted #dadada;
	background-color: #F2F4F4;
	text-align: left;
	font-family: Verdana;
	font-weight: bold;
	font-size: 10px;
	color: #404040;
}


.tabelafretedados { 
border-left: 1px dotted #dadada;
border-bottom: 1px dotted #dadada;
font-family: Verdana;
font-weight: normal;
font-size: 9px;
color: #404040;
background-color: white;
text-align: left;
padding-left: 3px;
}
.pageListInfo { font-size:8pt; color:#4f4f4b; padding:10px 0; text-align:center;}
.pageListInfo span { font-size:8pt; font-weight:bold;}
.pageList { font-size:8pt; color:#4f4f4b; text-align:center; padding:0; margin:0.7em 0 1.5em 0;}
.pageList li { display:inline;}
.pageList span { font-size:8pt; margin-right:0px;}
.pageList a { font-size:8pt; color:#4f4f4b;}
.pageList a.page, .pageList a.anterior, .pageList a.proxima { font-size:8pt; border:2px solid #fff; text-decoration:none; color:#4f4f4b; padding:1px;}
.pageList a.atual, .pageList a.page:hover { font-size:8pt; color:#4f4f4b; font-weight:bold; border:2px solid #4f4f4b; padding:1px; text-decoration:none;}
.pageList a.anterior { font-size:8pt; padding:0 5px 0 0;}
.pageList a.proxima { font-size:8pt; padding:0 0 0 5px;}
.pageList a.anterior:hover, .pageList a.proxima:hover { font-size:8pt; text-decoration:underline;}
div.parcelamentos { background: #ffffff; overflow:hidden; width: auto; height: auto;}
div.parcelamentos .parcelasmensais {background: #ffffff; overflow:hidden; height:auto;}
div.parcelamentos .parcelasmensais .tabelaparcelamentos {background: #ffffff; float:left; margin: -2px 5px 5px -2px;  }
div.parcelamentos .parcelasmensais .tabelaparcelamentos td {background: #ffffff; white-space: nowrap; width: auto; padding: 3px;}
div.parcelamentos .parcelasmensais p { background: #ffffff; clear: both; color: #F00;}
.parcelasmensais .valordaparcela {font-weight: bold; font-family:Verdana, Geneva, sans-serif; font-size:9px;color:#828282;}
.parcelasmensais .valordaparcelacomjuros {font-weight: bold; font-family:Verdana, Geneva, sans-serif; font-size:9px;color:#F00;}
.parcelasmensais .vezes {font-family:Verdana, Geneva, sans-serif; font-size:9px; color:#828282;}
.parcelasmensais .vezesjuros {font-family:Verdana, Geneva, sans-serif; font-size:9px; color:#F00;}
.tabelaparcelamentos thead th , .tabela2 thead th {background: #f6f6f6; color: #898989; padding: 5px; border: 1px dotted #ccc; white-space: nowrap;}
.tabelaparcelamentos thead th { background: #ffffff; font-size:xx-small; font-family: Verdana, Geneva, sans-serif;}
.tabelaparcelamentos td{ background: #ffffff; text-align: center; font-size: 10.1em; width: 7em; padding: 3px 5px;}
.tabelaparcelamentos td, .tabela2 td {background: #ffffff; border: 1px solid #ccc;}
.juros {font-family:Verdana, Geneva, sans-serif; font-size:9px; color:#F00; border: 1px dotted #ccc; text-align: left; width: auto; margin: -2px 5px 5px 1px; background-color:#f8f6f6;}
.bandeira {font-family: Verdana, Geneva, sans-serif; font-size: 0.6em; font-weight: bold; color: #333; text-align: left; border: 1px dotted #ccc; text-align: left; width: auto; margin: 1px 5px 5px 1px; padding: 3px 5px; background-color:#ececec;}



.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

/* NOVA CESTA*/
.cesta
{
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	color: #000;	
	background-color: #fafafa;
	border: 1px #dadada solid;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-top: 0px;
}


.cestaTitulo
{	
	border: 1px #dadada solid;
	background-color: #DEE1E2;
	text-align: left;
	font-family: Verdana;
	font-weight: bold;
	font-size: 14px;
	color: #404040;
}

.cestaLinha 
{
	border-right: 1px #dadada dotted;	
	border-bottom: 1px #dadada dotted;
	font-family: Verdana;
	font-weight: normal;
	font-size: 12px;
	color: #404040;
	background-color: white;
	text-align: left;
	padding-left: 5px;
}

.cestaLinhaMeio
{
	border-right: 1px #dadada dotted;	
	border-bottom: 1px #dadada dotted;
	font-family: Verdana;
	font-weight: normal;
	font-size: 12px;
	color: #404040;
	background-color: white;
	text-align: left;
	padding-left: 5px;
}

.cestaLinhaValor 
{
	border-right: 1px #dadada dotted;
	border-bottom: 1px #dadada dotted;
	font-family: Verdana;
	font-weight: normal;
	font-size: 12px;
	color: #404040;
	background-color: white;
	text-align: right;
	padding-right: 5px;
}

.cestaFonte { 	
	font-family: Verdana;
	font-weight: normal;
	font-size: 12px;
	color: #404040;	
	text-align: left;	
}

.cestaFonteSubTotal { 	
	font-family: Verdana;
	font-weight: normal;
	font-size: 13px;
	color: #404040;	
	text-align: left;	
}

.cestaFonteTotal { 	
	font-family: Verdana;
	font-weight: bold;
	font-size: 16px;
	color: #404040;	
	text-align: left;	
}

.cestaFonteErro { 	
	font-family: Verdana;
	font-weight: bold;
	font-size: 20px;
	color: #404040;	
	text-align: left;	
}

.cestaCep { 	
	font-family: Verdana;
	font-weight: normal;
	font-size: 12px;	
	text-align: left;	
	border: solid 1px #dadada;
	
}

.cestaLabel { 	
	border: 0;
	font-family: Verdana;
	font-weight: normal;
	font-size: 14px;
	color: #404040;		
	text-align: right;		
}

.cestaLabelTotal { 	
	border: 0;
	font-family: Verdana;
	font-weight: bold;
	font-size: 16px;	
	color: #404040;	
	text-align: right;		
}

a.cestaLink { 	
	font-family: Verdana;
	font-weight: normal;
	font-size: 10px;
	color: #404040;	
	text-align: left;	
	text-decoration: none;
}

a.cestaLink: visited { 	
	font-family: Verdana;
	font-weight: normal;
	font-size: 10px;
	color: #404040;	
	text-align: left;	
	text-decoration: none;
}

a.cestaLink: hover { 	
	font-family: Verdana;
	font-weight: normal;
	font-size: 10px;
	color: #404040;	
	text-align: left;	
	text-decoration: none;
}

/* Pagamento */
.pagamento 
{ 
	background: #ffffff; 
	overflow:hidden; 
	width: auto; 
	height: auto;
}

.pagamentoFonte { 	
	font-family: Verdana;
	font-weight: normal;
	font-size: 13px;
	color: #404040;	
	text-align: left;	
}

.pagamentoTabela
{
	background: #ffffff; 
	float:left; 	
}

.pagamentoParcela
{
	background: #ffffff; 
	white-space: nowrap; 
	width: auto; 
	padding: 3px;
	font-family:Verdana, Geneva, sans-serif; 
	font-size:11px; 
	color:#828282;
	border: 1px solid #ccc; 
}

.pagamentoValor
{
	background: #ffffff; 
	white-space: nowrap; 
	width: auto; 
	padding: 3px;
	font-weight: bold; 
	font-family:Verdana, Geneva, sans-serif; 
	font-size:11px;
	color:#828282;
	border: 1px solid #ccc; 
}

.pagamentoTituloSuperior
{
	background: #f6f6f6; 
	color: #898989; 
	padding: 5px; 
	border: 1px dotted #ccc; 
	white-space: nowrap;
	font-size: 15px;
	font-weight: bold;
}

.pagamentoTitulo
{
	background: #f6f6f6; 
	color: #898989; 
	padding: 5px; 
	border: 1px dotted #ccc; 
	white-space: nowrap;
	font-size: 13px;
	font-weight: bold;
}

.pagamentoForma 
{
	font-family: Verdana, Geneva, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #333; 
	text-align: left; 
	border: 1px dotted #ccc; 
	text-align: left; 
	width: auto; 	
	padding: 3px 5px; 
	background-color:#ececec;
}

.pagamentoFonteTotal { 	
	font-family: Verdana;
	font-weight: bold;
	font-size: 14px;
	color: #404040;	
	text-align: left;	
}
 .OutrasSubCategorias{
      padding-left: 5px;
   }
   .CategoriasFilho{
      padding-left: 5px;
   }
.subnivelCategorias{
padding-left: 5px;
}

#ctl00_TdBody{
	padding-top:10px;
}

.accordionHeader {
	cursor:pointer;
}
.accordionHeader:hover {color:#025ab0;}
.formasPagamento {
    margin-top: 60px;
    position: relative;
    width: 595px !important;
	}
.Titulo { font-size:16px; color:#333; padding-top:10px;}
.formasPagamento .opcoes{	background-color: #fff;	color: #333;	padding: 10px;	font-size: 14px;	border-top-width: 1px;	border-right-width: 1px;	border-bottom-width: 1px;	border-left-width: 1px;	border-top-style: solid;	border-right-style: none;	border-bottom-style: solid;	border-left-style: solid;	border-top-color: #c4c4c4;	border-right-color: #c4c4c4;	border-bottom-color: #c4c4c4;	border-left-color: #c4c4c4;	width:120px;}
.formasPagamento .opcoes:hover { background-color:#fff;}
.formasPagamento .cartao{ position:relative;}
.formasPagamento .boleto{ position:relative; top:-1px}
.formasPagamento .transferencia { top:-2px;position:relative;}
.pnCartao, .pnBoleto, .pnTranferencia { border:solid 1px #c4c4c4; padding:15px; min-height:100px;}
.formasPagamento .boleto, .formasPagamento .transferencia , .formasPagamento .cartao { right:-4px; background-color:#f2f2f2}
.formasPagamento .boleto a, .formasPagamento .transferencia a , .formasPagamento .cartao a { font-size:12px; color:#626262;}
.formasPagamento .selecionado { right:-5px; width:121px; background-color:#fff;}
.formasPagamento .selecionado a { color:#333;}
.tdSelecioneForma > span {    color: #333333;    display: block;    font-size: 14px;    left: 0;    position: absolute;    top: -33px;}
.selecionaCartao{ border:5px #f2f2f2 solid; padding:10px; margin-bottom:10px; padding:10px;}
.pacelamentoCartao, .dataNascimento {	border-top-width: 5px;	border-right-width: 5px;	border-bottom-width: 5px;	border-left-width: 5px;	border-top-style: solid;	border-right-style: solid;	border-left-style: solid;	border-top-color: #f2f2f2;	border-right-color: #f2f2f2;	border-bottom-color: #f2f2f2;	border-left-color: #f2f2f2;	padding:10px 10px 0px 10px;}
.codCartao, .cpfTitular {	border-top-width: 5px;	border-right-width: 5px;	border-bottom-width: 5px;	border-left-width: 5px;	border-top-style: none;	border-right-style: solid;	border-bottom-style: solid;	border-left-style: solid;	border-top-color: #f2f2f2;	border-right-color: #f2f2f2;	border-bottom-color: #f2f2f2;	border-left-color: #f2f2f2;	padding:0 10px 10px 10px;}
.validadeCartao, .nomeCartao, .numeroCartao, .numeroCartao {	border-top-width: 5px;	border-right-width: 5px;	border-bottom-width: 5px;	border-left-width: 5px;	border-top-style: none;	border-right-style: solid;	border-bottom-style: none;	border-left-style: solid;	border-top-color: #f2f2f2;	border-right-color: #f2f2f2;	border-bottom-color: #f2f2f2;	border-left-color: #f2f2f2;	padding:0px 10px;}
.codCartao{ margin-bottom:10px; }
.pnCartao span { font-size:13px; color:#626262;}
.pnCartao input, .pnCartao select { margin-bottom:10px; margin-left:10px; margin-top:3px;}
.dadosTitular { display:none;}
.selecionaCartao input, .pnBoleto input, .pnTranferencia input{ 
	}
.selecionaCartao label, .pnBoleto label, .pnTranferencia label {border:solid 4px #fff; display:block; margin:2px;cursor:pointer;}
.selecionaCartao input[type="radio"]:checked+label, .pnBoleto input[type="radio"]:checked+label, .pnTranferencia  input[type="radio"]:checked+label{ border:solid 4px #333;}
.tbConfirmaPagamento{font-weight:bold;}
.tbConfirmaPagamento span{font-weight:normal;}

#ctl00_Rodape { position:relative;}
.assinatura_desenvolvedor {font-family: Arial,Helvetica,sans-serif;font-size: 10px; position:absolute; bottom:5px; right:10px;}
.branco {color:#333;}
.branco a {color: #333;text-decoration:none; -webkit-transition:100ms all linear;-moz-transition:100ms all linear;-ms-transition:100ms all linear;-o-transition:100ms all linear;transition:all 100ms all linear}
.branco a span{ font-weight:bold; color:#fb791c; -webkit-transition:100ms all linear;-moz-transition:100ms all linear;-ms-transition:100ms all linear;-o-transition:100ms all linear;transition:all 100ms all linear;}
.branco a:hover{ color:#333; text-decoration:underline; }
.branco a:hover span {color:#fb791c; -webkit-transition:100ms all linear;-moz-transition:100ms all linear;-ms-transition:100ms all linear;-o-transition:100ms all linear;transition:all 100ms all linear;}
.preto {	color:#bfbfbf;}
.preto a { color:#bfbfbf; text-decoration:none; -webkit-transition:100ms all linear;-moz-transition:100ms all linear;-ms-transition:100ms all linear;-o-transition:100ms all linear;transition:all 100ms all linear;}
.preto span{font-weight:bold;  color:#ac4410; -webkit-transition:100ms all linear;-moz-transition:100ms all linear;-ms-transition:100ms all linear;-o-transition:100ms all linear;transition:all 100ms all linear;}
.preto a:hover{ color:#fff; }
.preto a:hover span {color:#fb791c; -webkit-transition:100ms all linear;-moz-transition:100ms all linear;-ms-transition:100ms all linear;-o-transition:100ms all linear;transition:all 100ms all linear;}
/* Início CSS variável [parcelamentoDiv] */
.parcelamentosNovo {
	border: 1px solid #E9E9E9;
	padding: 10px;
	color: #666666;
	font-size: 12px;
	min-height: 40px;
	margin-top: 10px;
}

.descricaoParcelamento{
	font-size:18px;
	color: #CC0000;
	font-weight:bold;
}

.tabelaparcelamentosNovo, .tabelaparcelamentosNovo2{
	width:100%;
	}

.vezesnovo {
	font-weight: bold;
	border-bottom: 1px dotted #DDDDDD;
	line-height: 180%;
	color: #CC0000;
}

.vezesnovo {
width: 50px;
}

.valordaparcelanovo {
	font-weight: bold;
	border-bottom: 1px dotted #DDDDDD;
	line-height: 180%;
	color: #666;
}

.vezesnovo, .vezesjurosnovo {
font-weight: bold;
border-bottom: 1px dotted #DDDDDD;
line-height: 180%;
color: #CC0000;
width:50px;
}
.valordaparcelanovo, .valordaparcelacomjurosnovo {
font-weight: bold;
border-bottom: 1px dotted #DDDDDD;
line-height: 180%;
color: #666;
width:180px;
}
/* Fim CSS variável [parcelamentoDiv] */