/*AutoComplete flyout */

.autocomplete_completionListElement {
    background-color: inherit;
    border: buttonshadow;
    border-style: solid;
    border-width: 1px;
    color: windowtext;
    cursor: 'default';
    height: 160px;
    list-style-type: none;
    margin: 0px !important;
    overflow: auto;
    text-align: left;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem {
    background-color: #ffff99;
    color: black;
    color: #000000;
    cursor: pointer;
    font-family: Verdana;
    font-size: 11px;
    line-height: 16px;
    padding: 1px;
    text-decoration: none;
}

/* AutoComplete item */

.autocomplete_listItem {
    background-color: window;
    color: windowtext;
    color: #000000;
    font-family: Verdana;
    font-size: 11px;
    line-height: 16px;
    padding: 1px;
    text-decoration: none;
}
/* Box Style */
.txtBoxStyle1 {
    /*background-image: url(../cliente/layout/corners.gif);*/
    background: transparent;
    background-color: #FFFFFF;
    border: 1px solid #b3b3b3;
    color: #666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    padding-left: 4px;
}

.txtBoxStyle2 {
    /*background-image: url(../cliente/layout/grid.gif);*/
    background: transparent;
    border: 1px solid #b3b3b3;
    color: #666;
    /*background-color: #FFFFFF;*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    padding-left: 4px;
}

.txtBoxStylePesquisa {
    background: transparent;
    border: 0px;
    color: #666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    /*background-image: url(../cliente/layout/corners2.gif);*/
    height: 16px;
    padding-left: 8px;
}

.txtBoxStyleNewsletter {
    background: transparent;
    border: 1px solid #b3b3b3;
    color: #666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    /*background-image: url(../cliente/layout/corners2.gif);*/
    height: 16px;
    padding-left: 3px;
}

.txtBoxStyleLogin {
    background: transparent;
    border: 0px;
    color: #ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    height: 14px;
}

.txtBoxStyleQtd {
    background: transparent;
    background-color: #FFFFFF;
    border: 1px solid #b3b3b3;
    color: #666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    height: 14px;
    text-align: center;
}


/* Tabelas */

.tabelaLinhaImpar {
    background-color: #EEEEEE;
    color: #000000;
    font-family: Trebuchet MS;
    font-size: 12px;
}

.tabelaLinhaPar {
    background-color: #DCDCDC;
    color: #000000;
    font-family: Trebuchet MS;
    font-size: 12px;
}

.tabelaHeader {
    background-color: #666666;
    border: 0px;
    color: #FFFFFF;
    font-family: Trebuchet MS;
    font-size: 12px;
    font-weight: bold;
}

/* Popups */

.bodyPopup { }

.tituloPopup {
    background-color: #374562;
    padding: 5px;
    text-align: center;
}


.txtTituloPopup {
    color: #ffffff;
    font-family: Verdana;
    font-size: 13px;
    font-weight: normal;
    padding-top: 1px;
    text-decoration: none;
}

.txtPopup {
    color: #666;
    font-family: Verdana;
    font-size: 11px;
    text-decoration: none;
}

/* Carrinho */

.txtCarrinho {
    color: #000000;
    font-family: Trebuchet MS;
    font-size: 12px;
    text-decoration: none;
}

.txtCarrinhoTopo {
    color: #4d4d4d;
    font-family: Verdana;
    font-size: 10px;
    height: 18px;
    line-height: 18px;
    text-decoration: none;
    vertical-align: middle;
}

.txtCarrinhoBold {
    color: #000000;
    font-family: Trebuchet MS;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

/* DropDownList */

.txtDropDownList {
    background-color: #fff;
    border: 1px solid #b3b3b3;
    color: #666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    text-decoration: none;
    vertical-align: middle;
}

/* Validações */

.txtValidacao {
    color: #ff0000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    text-decoration: none;
    vertical-align: middle;
}

/* Formulários */

.txtFormulario {
    color: #666;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

/* Normal */

.txtNormal, .dxcaTextBoxLabel_Office2010Silver {
    color: #666;
    font-family: Verdana;
    font-size: 11px;
    line-height: 16px;
    text-decoration: none;
}

table {
    color: #666;
    font-family: Verdana;
    font-size: 11px;
    text-decoration: none;
}

.txtNormalBold {
    color: #666;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

a.lnkNormal:link, a.lnkNormal:visited {
    color: #666;
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
    text-decoration: none;
}

a.lnkNormal:hover {
    color: #0290C9;
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
    text-decoration: none;
}

.txtPequeno {
    color: #666;
    font-family: Verdana;
    font-size: 9px;
    line-height: 16px;
    text-decoration: none;
}


.txtManutencao {
    color: #000;
    font-family: Verdana;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}

.txtUrl {
    color: #000000;
    font-family: Verdana;
    font-size: 17px;
    font-weight: bold;
    text-decoration: none;
}

.txtTopo {
    color: #0290C9;
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    text-decoration: none;
}

/* Título Página */

td.tituloPagina {
    height: 22px;
    border-bottom: 1px solid #0290C9;
}

td.tituloPaginaDPN, .tituloPaginaDPN {
    background: url('../cliente/layout/fundo_catmenu.jpg') !important;
    color: #fff !important;
    display: block !important;
    height: 22px !important;
    text-align: center !important;
    vertical-align: middle !important;
}

.dpnInicio {
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    height: 28px;
    text-align: center;
    text-decoration: none;
}

.txtTituloPaginaDPN {
    color: #FFF;
    font-family: Verdana;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    line-height: 20px;
    text-decoration: none;
}

.txtTituloPagina {
    color: #0290C9;
    font-family: Verdana;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    line-height: 16px;
    text-decoration: none;
}

a.lnkTituloPagina:link, a.lnkTituloPagina:visited, a.lnkTituloPagina:active {
    color: #0290C9;
    font-family: Verdana;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}

a.lnkTituloPagina:hover {
    color: #000;
    font-family: Verdana;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}

/* Noticias */

a.lnkTituloNoticia:link, a.lnkTituloNoticia:visited, a.lnkTituloNoticia:active {
    color: #B44116;
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}

a.lnkTituloNoticia:hover {
    color: #000;
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}

.txtTituloNoticia {
    color: #B44116;
    font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}

.txtDataNoticia {
    color: #000;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

a.lnkFonteNoticia:link, a.lnkFonteNoticia:visited, a.lnkFonteNoticia:active {
    color: #000;
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}

a.lnkFonteNoticia:hover {
    color: #000;
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    text-decoration: underline;
}

/* Moedas */

a.lnkMoeda:link, a.lnkMoeda:visited, a.lnkMoeda:active {
    color: #999;
    font-family: Verdana;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}

a.lnkMoeda:hover {
    color: #ff6600;
    font-family: Verdana;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}

a.lnkMoedaSel:link, a.lnkMoedaSel:visited, a.lnkMoedaSel:active, a.lnkMoedaSel:hover {
    color: #ff6600;
    font-family: Verdana;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}

/* Produtos */

.txtProduto {
    color: #0290C9;
    font-family: Verdana;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}

a.lnkProduto:link, a.lnkProduto:visited, a.lnkProduto:active {
    color: #0290C9;
    font-family: Verdana;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}

a.lnkProduto:hover {
    color: #000;
    font-family: Verdana;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}

.txtPreco {
    color: #CE0000;
    font-family: Verdana;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}

.lnkPreco, a.lnkPreco:link, a.lnkPreco:visited, a.lnkPreco:active {
    color: #CE0000;
    font-family: Verdana;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}

a.lnkPreco:hover {
    color: #CE0000;
    font-family: Verdana;
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
}

.txtPrecoPromocao {
    color: #CE0000;
    font-family: Verdana;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-decoration: line-through;
}

.txtPrecoPromocaoPeq {
    color: #33405D;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    text-decoration: line-through;
}

.txtPrecoPeq {
    color: #33405D;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

a.lnkPrecoPeq:link, a.lnkPrecoPeq:visited, a.lnkPrecoPeq:active {
    color: #33405D;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

a.lnkPrecoPeq:hover {
    color: #33405D;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}

.txtLabelsProdutos {
    color: #0290C9;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.borderFoto { border: 1px solid #b3b3b3; }

.fotoFlash {
    /*border: 1px solid #fff;
    -moz-border-radius: 10px;
    border-radius: 10px;*/
}

.fotoFlashSombra {
    /*-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;*/
}

/* Paginação */

.txtPaginacao {
    color: #ffffff;
    font-family: Trebuchet MS;
    font-size: 12px;
    text-decoration: none;
}

a.botaoPaginacao:link, a.botaoPaginacao:visited, a.botaoPaginacao:active,
.botaoPaginacao, td.botaoPaginacao {
    background-color: #0290C9 !important;
    border-color: #0290C9 !important;
    color: #ffffff !important;
    display: block;
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    height: 16px;
    line-height: 16px;
    text-align: center;
    text-decoration: none;
    width: 16px;
}

a.botaoPaginacao:hover, td.botaoPaginacao:hover, .botaoPaginacao:hover {
    background-color: #ffffff !important;
    border-color: #0290C9 !important;
    color: #0290C9 !important;
    display: block;
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    height: 16px;
    line-height: 16px;
    text-align: center;
    text-decoration: none;
    width: 16px;
}

.botaoPaginacaoSel, td.botaoPaginacaoSel, .dxpLite_Office2010Silver .dxp-current {
    background-color: #ffffff !important;
    border-color: #0290C9 !important;
    color: #0290C9 !important;
    display: block;
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    height: 16px;
    line-height: 16px;
    text-decoration: none;
    width: 16px;
}

/* Login */

.txtLogin {
    color: #fff;
    font-family: Verdana;
    font-size: 10px;
    font-style: normal;
    text-decoration: none;
}

a.lnkLogin:link, a.lnkLogin:visited, a.lnkLogin:active {
    color: #fff;
    font-family: Verdana;
    font-size: 10px;
    font-style: normal;
    text-decoration: none;
}

a.lnkLogin:hover {
    color: #E8C226;
    font-family: Verdana;
    font-size: 10px;
    font-style: normal;
    text-decoration: none;
}

.botaoLogin {
    -moz-border-radius: 5px;
    background: url('../cliente/layout/fundo_botao_login.jpg');
    border: 1px solid #666;
    border-radius: 5px;
    color: #4d4d4d;
    cursor: pointer;
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
    height: 20px;
    padding-left: 7px;
    padding-right: 7px;
    text-decoration: none;
}

/* Botões */

.botaoRedondo,
.botaoRedondoPeq,
.botaoEstadoEncomenda,
.botaoEstadoEncomendaDis,
.botaoEstadoEncomendaSel,
.botaoRedondoLogin,
.botaoRedondoNewsletter,
.botaoRedondoCarrinho,
.botaoRedondoCarrinhoFicha,
.botaoRedondoDetalhes {	

    -moz-border-radius: 5px;
    background: url('../cliente/layout/fundo_botao_redondo.jpg');
	
    border: 1px solid #ffffff;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    font-family: Trebuchet MS;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    padding-bottom: 3px;
	
    padding-left: 8px;
    padding-right: 8px;
    /*line-height: 25px;
	width: 106px;
	height: 25px;*/
    padding-top: 3px;
    text-align: center;
    text-decoration: none;
    /*background: transparent url('../cliente/layout/btt_menu.png') repeat 0% 50%;*/
    vertical-align: middle;
}

.botaoRedondo:hover,
.botaoRedondoPeq:hover {	

    -moz-border-radius: 5px;
    background: url('../cliente/layout/fundo_botao_redondo_on.jpg');
	
    border: 1px solid #ffffff;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    font-family: Trebuchet MS;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    padding-bottom: 3px;
	
    padding-left: 8px;
    padding-right: 8px;
    /*line-height: 25px;
	width: 106px;
	height: 25px;*/
    padding-top: 3px;
    text-align: center;
    text-decoration: none;
    /*background: transparent url('../cliente/layout/btt_menu.png') repeat 0% 50%;*/
    vertical-align: middle;
}

.botaoEstadoEncomenda, .botaoEstadoEncomendaDis {	

    background: url('../cliente/layout/fundo_botao_estado_encomenda.jpg');
    border: 1px solid #666;
    color: #666;
}

.botaoEstadoEncomenda:hover {	

    background: url('../cliente/layout/fundo_botao_estado_encomenda_on.jpg');
    color: #000;
}

.botaoRedondoLogin {	

    background: url('../cliente/layout/fundo_botao_login2.jpg');
	
    border: 1px solid #ffffff;
    color: #ffffff;
    font-size: 13px;
	
    height: 48px;
    padding-left: 5px;
    padding-right: 5px;
}

.botaoRedondoLogin:hover { background: url('../cliente/layout/fundo_botao_login2_on.jpg'); }

.botaoRedondoNewsletter {
    background: transparent;
    background-color: #d9d9d9;
	
    border: 1px solid #ffffff;
    border-radius: 5px;
    color: #000;
    font-size: 10px;
    padding-bottom: 3px;
    padding-top: 3px;
}

.botaoRedondoNewsletter:hover { background-color: #ccc; }

.botaoRedondoCarrinho {
    background: url('../cliente/layout/fundo_botao_redondo_carrinho.jpg');
    font-size: 10px;
    padding-left: 6px;
    padding-right: 6px;
}

.botaoRedondoCarrinho:hover { background: url('../cliente/layout/fundo_botao_redondo_carrinho_on.jpg'); }

.botaoRedondoCarrinhoFicha {	

    background: url('../cliente/layout/fundo_botao_redondo_carrinho.jpg');
    font-size: 12px;
}

.botaoRedondoCarrinhoFicha:hover { background: url('../cliente/layout/fundo_botao_redondo_carrinho_on.jpg'); }

.botaoRedondoDetalhes {	

    background: url('../cliente/layout/fundo_botao_redondo.jpg');
    font-size: 10px;
    padding-left: 6px;
    padding-right: 6px;
}

.botaoRedondoDetalhes:hover { background: url('../cliente/layout/fundo_botao_redondo_on.jpg'); }

/* Rodapé */

a.lnkRodape:link, a.lnkRodape:visited, a.lnkRodape:active {
    color: #666;
    font-family: Verdana;
    font-size: 10px;
    font-style: normal;
    text-decoration: none;
}

a.lnkRodape:hover {
    color: #666;
    font-family: Verdana;
    font-size: 10px;
    font-style: normal;
    text-decoration: underline;
}

.txtRodape {
    color: #666;
    font-family: Verdana;
    font-size: 10px;
    font-style: normal;
    text-decoration: none;
}

.tdRodape {
    border-top: 1px solid #b3b3b3;
    color: #666;
    font-family: Verdana;
    font-size: 10px;
    font-style: normal;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
}

/* Menus */

.txtMenu {
    color: #4d4d4d;
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}

td.botaoMenu a {	

    /*background: transparent url('../cliente/layout/pixel.gif') repeat 0% 50%;*/
	
    clear: both;
    /*background-color: #fff;*/
    color: #fff;
    display: block;
    font-family: Verdana;
    font-size: 11px;
	
    font-style: normal;
    font-weight: normal;
    /*width: 110px;
    height: 22px;
    line-height: 22px;*/
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}

td.botaoMenu a:hover, td.botaoMenuSel a, td.botaoMenuSel a:hover {	

    /*background: transparent url('../cliente/layout/pixel.gif') repeat 0% 50%;*/
	
    clear: both;
    /*background-color: #ffffff;*/
    color: #C3DDF0;
    display: block;
    font-family: Verdana;
    font-size: 11px;
	
    font-style: normal;
    font-weight: normal;
    /*width: 180px;
    height: 38px;
    line-height: 37px;*/
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}

td.botaoSubMenu a {	

    background-color: #0290C9;

    border: 1px solid #0290C9;
    clear: both;
    color: #fff;
    display: block;
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;

    font-weight: normal;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    vertical-align: middle;
    width: 80px;
}

td.botaoSubMenu a:hover {	

    background-color: #C3DDF0;
	
    border: 1px solid #C3DDF0;
    clear: both;
    color: #ffffff;
    display: block;
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
	
    font-weight: normal;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    vertical-align: middle;
    width: 80px;
}

td.botaoMenuLat a {	

    -moz-border-radius: 5px;
	
    background: transparent url('../cliente/layout/fundo_caixa.jpg') repeat 0% 50%;
    border: 1px solid #ffffff;
    border-radius: 5px;
    clear: both;
    /*background-color: #000000;*/
    color: #ffffff;
    display: block;
    font-family: Verdana;
    font-size: 12px;
    font-style: normal;
	
    font-weight: normal;
    height: 28px;
    line-height: 28px;
    padding-left: 10px;
    text-align: left;
    text-decoration: none;
    vertical-align: middle;
    width: 180px;
}

td.botaoMenuLat a:hover {	

    -moz-border-radius: 5px;
	
    background: transparent url('../cliente/layout/fundo_caixa.jpg') repeat 0% 50%;
    border: 1px solid #ffffff;
    border-radius: 5px;
    clear: both;
    /*background-color: #000000;*/
    color: #ffffff;
    display: block;
    font-family: Verdana;
    font-size: 12px;
    font-style: normal;
	
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    padding-left: 10px;
    text-align: left;
    text-decoration: none;
    vertical-align: middle;
    width: 180px;
}

.botaoCatMenu {  }

td.botaoCatMenu a {	

    clear: both;
	
    color: #0290C9;
    border-bottom: 1px solid #ccc;
    display: block;
    font-family: Verdana;
    font-size: 11px;
	
    font-style: normal;
    font-weight: normal;
    height: 22px;
    line-height: 22px;
    text-align: left;
    text-decoration: none;
    vertical-align: middle;
}

td.botaoCatMenu a:hover, .botaoCatMenuSel {	

    clear: both;
    color: #000;
    border-bottom: 1px solid #ccc;
    display: block;
    font-family: Verdana;
    font-size: 11px;
	
    font-style: normal;
    font-weight: normal;
    height: 22px;
    line-height: 22px;
    text-align: left;
    text-decoration: none;
    vertical-align: middle;
}

td.botaoCatMenuSub a {	

    background: transparent url('../cliente/layout/fundo_catmenu.jpg') repeat 0% 50%;
    clear: both;
	
    color: #fff;
    display: block;
    font-family: Verdana;
    font-size: 11px;
	
    font-style: normal;
    font-weight: normal;
    height: 20px;
    line-height: 20px;
    text-align: left;
    text-decoration: none;
    text-indent: 15px;
    /*background: transparent url('../cliente/layout/btt_menu.jpg') repeat 0% 50%;*/
    vertical-align: middle;
    width: 180px;
}

td.botaoCatMenuSub a:hover {	

    background: transparent url('../cliente/layout/fundo_catmenu.jpg') repeat 0% 50%;
	
    clear: both;
    color: #F27A23;
    display: block;
    font-family: Verdana;
    font-size: 11px;
	
    font-style: normal;
    font-weight: normal;
    height: 20px;
    line-height: 20px;
    text-align: left;
    text-decoration: none;
    text-indent: 15px;
    vertical-align: middle;
    width: 180px;
}

/* fundos */

.body {
    background: url('../cliente/layout/fundo.jpg');
    background-repeat: repeat-x;
    background-color: #fff;    
    margin: 0px;
}

.miolo { background-color: #ffffff; }

/*Modal Popup*/

.modalBackground {
    background-color: Black;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup {
    background-color: #FFFFFF;
    border-color: Black;
    border-style: solid;
    border-width: 3px;
    height: auto;
    padding: 5px;
    width: auto;
}


a.fechaFoto {
    background-color: #000000;
    color: #FFFFFF;
    font-family: Trebuchet MS;
    font-size: 20px;
    font-style: normal;
    text-decoration: none;
}

a.fechaFoto:hover {
    background-color: #000000;
    color: #ff0000;
    font-family: Trebuchet MS;
    font-size: 20px;
    font-style: normal;
    text-decoration: none;
}

.txtTituloModal {
    color: #FFFFFF;
    font-family: Trebuchet MS;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}

/* Hrs */

.hrs {
    background-color: #666666;
    color: #666666;
    height: 1px;
}

/* GridView paginação */

.gridviewPaginacao, .gridviewPaginacao td {
    color: #E8C226;
    font-family: Trebuchet MS;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    vertical-align: top;
}

.gridviewPaginacao a {
    color: #ffffff;
    font-family: Trebuchet MS;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    vertical-align: bottom;
}

.gridviewPaginacao a:hover {
    color: #E8C226;
    font-family: Trebuchet MS;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    vertical-align: bottom;
}


/*ROUND ABOUT*/

.roundabout-holder {
    height: 10em;
    list-style: none;
    margin: 1em auto;
    width: 40em;
}

.roundabout-moveable-item {
    cursor: pointer;
    height: 300px;
    width: 400px;
}

.roundabout-moveable-item img { width: 100%; }

.roundabout-in-focus { cursor: auto; }

/*Scroller*/

#container {
    height: 160px;
    overflow: hidden;
    position: relative;
    width: 960px;
}

#scroller {
    width: 960px; /* = width + margin left + margin right + padding*2 + border*2  from the content rule */
}

/* Calendário de Eventos */

.calendarioTitulo {
    background-color: #29166F;
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    vertical-align: top;
}

.calendario a {
    font-family: Verdana;
    font-size: 10px;
    text-decoration: none;
}

.calendario a:hover {
    font-family: Verdana;
    font-size: 10px;
    text-decoration: underline;
}

/*AutoComplete flyout */

.autocomplete_completionListElement {
    background-color: inherit;
    border: buttonshadow;
    border-style: solid;
    border-width: 1px;
    color: windowtext;
    cursor: 'default';
    height: 160px;
    list-style-type: none;
    margin: 0px !important;
    overflow: auto;
    text-align: left;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem {
    background-color: #ffff99;
    color: black;
    color: #000000;
    cursor: pointer;
    font-family: Verdana;
    font-size: 11px;
    line-height: 16px;
    padding: 1px;
    text-decoration: none;
}

/* AutoComplete item */

.autocomplete_listItem {
    background-color: window;
    color: windowtext;
    color: #000000;
    font-family: Verdana;
    font-size: 11px;
    line-height: 16px;
    padding: 1px;
    text-decoration: none;
}

.sombraFotosFlash {
    background: url('../cliente/layout/sombra.png');
    height: 10px;
}

.separadorTracejado {
    background: url('../cliente/layout/separador.gif');
    background-position: center center;
    background-repeat: repeat-x;
    height: 20px;
}


.caixaProduto {
    position: relative;
    width: 160px;
}

.caixaProduto img { }

.caixaProdutoDesignacao {
    background: #000;
    bottom: 30px;
    display: none;
    height: 30px;
    left: 0;
    position: absolute;
    width: 100%;
}

.caixaProduto:hover .caixaProdutoDesignacao { display: block; }

/**** MENU CATALOGO ****/

.dxnbLite_Office2010Silver .dxnb-header, .dxnbLite_Office2010Silver .dxnb-headerCollapsed {
    background: url('../cliente/layout/fundo_catmenu.jpg') !important;
    color: #FFFFFF !important;
    height: 22px !important;
    line-height: 22px !important;
    padding: 0px !important;
    text-indent: 15px !important;
    width: 198px !important; /* sempre -2px */
}

.dxnb-ghtext {
    color: #FFF !important;
    font-family: Verdana !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: normal !important;
}


.dxnbLite_Office2010Silver .dxnb-item { background-color: #FFF !important; }

.dxnbLite_Office2010Silver .dxnb-itemHover, .dxnbLite_Office2010Silver .dxnb-largeHover {
    background: #999 !important;
    border: 1px solid #999 !important;
}

.dxnbLite_Office2010Silver .dxnb-itemHover a { color: #FFFFFF !important; }

.dxnbLite_Office2010Silver .dxnb-itemSelected, .dxnbLite_Office2010Silver .dxnb-largeSelected {
    background: #ce0000 !important;
    color: #FFF !important;
}

.dxnbLite_Office2010Silver .dxnb-content {
    background-color: #ccc !important; /*assim fica com um border entre as linhas devido ao fundo dos items ser branco*/
}


/*** SUBMENU NOS MENUS DAS CATEGORIAS ***/

.catalogoSitemap {
    background-color: #f4f4f4;
    font-family: Verdana;
}


.catalogoSitemap a:hover { color: #C8452B; }

.dxsmLevel0, .dxsmControl a:link, .dxsmControl a:active, .dxsmControl a:visited {
     color: #666 !important;
}

.dxsmControl a:hover { color: #C8452B !important; }

.dxsmLevel1 { padding-left: 45px; }

.dxsmLevel1, .dxsmLevel1 a, .dxsmLevel1Categorized a, .dxsmLevel1Categorized { color: #C8452B; }
.dxisControl .dxis-imageArea {
    -moz-box-shadow: 0 0 3.0px #BFBFBF;
    -webkit-box-shadow: 0 0 3.0px #BFBFBF;
    border: 1px solid #bfbfbf;
    box-shadow: 0 0 3.0px #BFBFBF;
}

.dxisControl .dxis-nbItem {
    height: 80px;
    width: 220px;
}

.dxisControl .dxis-nbSelectedItem,
.dxisControl .dxis-nbSelectedItem > div,
.dxisControl .dxis-nbHoverItem > div,
.dxisControl .dxis-nbItem:hover .dxis-nbHoverItem { display: none; }

.dxisControl .dxis-item,
.dxisControl .dxis-nbItem {
    background-color: #fff;
    font-family: 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
}

.dxisControl .dxis-nbRight { padding-left: 40px; }

.dxisControl .blackPanel {
    background-color: #000;
    filter: progid:DXImageTransform.Microsoft.Alpha(Style=0, Opacity=30);
    height: 100%;
    opacity: 0.3;
    position: absolute;
    width: 100%;
}

.dxisControl .video {
    overflow: hidden;
    position: relative;
}

.dxisControl .video > iframe,
.dxisControl .video > img { display: block; }

.dxisControl .text {
    font-size: 18px;
    padding: 18px 0 0 18px;
}

.dxisControl .playButton,
.dxisControl .closeButton {
    background-image: url(../cliente/layout/botoesVideo.png);
    cursor: pointer;
    position: absolute;
}

.dxisControl .playButton:hover,
.dxisControl .closeButton:hover {
    filter: alpha(opacity=90);
    opacity: 0.9;
}

.dxisControl .playButton {
    -webkit-backface-visibility: hidden;
    height: 112px;
    left: 50%;
    margin: -56px;
    top: 50%;
    width: 112px;
}

.dxisControl .closeButton {
    background-position: 37px 0;
    height: 35px;
    right: 21px;
    top: 21px;
    width: 35px;
}

.dxisControl.dxTouchUI .closeButton {
    bottom: 16px;
    right: 17px;
    top: auto;
}

.videoItemThumbnail {
    color: transparent;
    font-size: 14px;
    width: 220px;
}

.dxisControl .product { font-size: 14px; }

.dxisControl .videoLenght {
    color: #ababab;
    font-size: 16px;
}

.dxisControl .dxis-nbItem:hover .product,
.dxisControl .dxis-nbItem:hover .productText { color: #ef6f08; }

.dxisControl .dxis-nbItem.dxSelected .product,
.dxisControl .dxis-nbItem.dxSelected .productText {
    color: #ef6f08;
    font-weight: bold;
}

.dxisControl .dxis-nbSlidePanel:first-child { }

.dxisControl .dxis-nbSlidePanel:first-child .product { margin-top: 7px; }