@import "reset.css";
@import "modal.css";
@import "busca.css";
@import "meucarrinho.css";
@import "atendimento.css";
/* Elements*/
* html img/**/ {
filter:expression(
   this.alphaxLoaded ? "" :
   (
    this.src.substr(this.src.length-4)==".png"
    ?
    (
     (!this.complete)
     ? "" :
      this.runtimeStyle.filter=
      ("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.src+"')")+
      (this.onbeforeprint="this.runtimeStyle.filter='';this.src='"+this.src+"'").substr(0,0)+
      String(this.alphaxLoaded=true).substr(0,0)+
      (this.src="../img/blank.png").substr(0,0)
    )
    :
    this.runtimeStyle.filter=""
   )
  );
}

html {
	background: #E1E1E1 url(../img/bg_html.jpg) repeat-x;
}

body {
	display: table;
	width: 100%;
	height: 100%;
	background: transparent url(../img/bg_body.jpg) top center no-repeat
}

body,input,select,textarea {
	color: #00938F;
	font: 11px "Trebuchet MS",Arial,Verdana,Helvetica,sans-serif
}

input {
	padding: 2px 3px 3px 2px;
	background: transparent url(../img/bg_input2.gif) top right no-repeat
}

textarea {
	overflow: auto
}

button {
	border: 0;
	cursor: pointer;
	cursor: hand
}

ol li,ul li {
	list-style-position: outside;
	list-style-type: none
}

ol li {
	list-style-position: inside;
	list-style-type: decimal
}

a {
	color: #E87D1D;
	text-decoration: underline
}

a:hover,a:focus {
	text-decoration: none
}

/*CONTAINER*/
#container,#login {
	position: relative;
	margin: 0 auto;
	width: 996px;
	text-align: left
}

#header {
	float: left;
	width: 996px;
	height: 180px;
	background: transparent url(../img/bg_header.jpg) no-repeat
}

.header2 {
	height: 210px !important;
	/*background: transparent url(../img/bg_header2.jpg) no-repeat !important;*/
}

#subheader.empresas {
	width:996px;
	position:relative; 
	/*top: 30px;*/
}

#logoEmpresas {
	position: relative;
	width: 996px;
	height: auto;
	margin: 0 auto;
	display: none;
	background: url(../img/bg_header1.jpg)
}

#logoEmpresas img {
	float: left;
	margin: 5px 0 5px 20px;
}

#logoEmpresas p {
	width: 390px;
	float: right;
	color: #FFFFFF;
	margin: 10px 0 0 0;
}

#header #logo {
	float: left;
	position: absolute;
	top: 12px;
	left: 44px
}

#header #navheader1 {
	position: absolute;
	top: 24px;
	left: 326px;
	z-index: 1
}

#header #navheader1 ul li {
	float: left;
	margin-right: 3px
}

#header #navheader1 ul li,#header #navheader1 ul li a {
	float: left;
	height: 42px;
	font-size: 0;
	text-indent: -9999px;
	text-decoration: none
}

#header #navheader1 ul li.minhas_listas {
	background-image: url(../img/mn_minhas_listas.gif)
}

#header #navheader1 ul li.minhas_listas,#header #navheader1 ul li.minhas_listas a {
	width: 130px
}

#header #navheader1 ul li.meus_pedidos {
	background-image: url(../img/mn_meus_pedidos.gif)
}

#header #navheader1 ul li.meus_pedidos,#header #navheader1 ul li.meus_pedidos a {
	width: 153px
}

#header #navheader1 ul li.meu_cadastro {
	background-image: url(../img/mn_meu_cadastro.gif)
}

#header #navheader1 ul li.meu_cadastro,#header #navheader1 ul li.meu_cadastro a {
	width: 127px
}

#header #navheader1 ul li.meu_carrinho {
	background-image: url(../img/mn_meu_carrinho.gif);
	margin-right: 0
}

#header #navheader1 ul li.meu_carrinho,#header #navheader1 ul li.meu_carrinho a {
	width: 142px
}

#header #navheader2 {
	position: absolute;
	width:202px;
	height:38px;
	top: 74px;
	left: 684px;
	z-index: 2
}

#header #navheader2 ul li.central_de_atendimento, #header #navheader2 ul li.central_de_atendimento a {
	display:block;
	width: 202px;
	height: 38px;
	background: url(../img/mn_central_de_atendimento.gif) no-repeat;
	text-indent: -9999px;
	overflow:hiddden;
}

#header #busca {
	position: absolute;
	top: 83px;
	left: 325px;
	z-index: 1
}

#header #busca label {
	float: left;
	width: 44px;
	height: 21px;
	margin-right: 5px;
	background: transparent url(../img/label_busca.gif) left center no-repeat;
	font-size: 0;
	text-indent: -9999px
}

#header #busca input {
	float: left;
	margin-right: 5px;
	width: 230px;
	border: 0
}

#header #busca button {
	float: left;
	width: 22px;
	height: 22px;
	background: url(../img/bt_ok.gif);
	border: 0;
	font-size: 0;
	text-indent: -9999px
}

#header #date,#header #page {
	position: absolute;
	top: 128px;
	left: 23px;
	z-index: 1
}

#header #page {
	left: auto;
	right: 23px
}

#header #navtop {
	position: absolute;
	top: 146px;
	left: 23px;
	width: 950px;
	z-index: 1
}

#header #navtop li {
	float: left;
	display: inline;
	height: 17px;
	color: #FFF
}

#header #navtop li.vale_presente {
	background: transparent url(../img/mn_vale_presente.gif) no-repeat;
	float: left;
}

#header #navtop li.vale_presente a {
	display: inline;
	float: left;
	width: 94px;
	height: 21px;
	font-size: 0;
	text-indent: -9999px;
}

#header #navtop li a {
	display: inline;
	float: none;
	color: #FFF;
	padding: 0 5px;
	text-decoration: none
}

#header #navtop li a:hover,#header #navtop li a:focus {
	text-decoration: underline
}

#navbar {
	float: left;
	width: 202px
}

#navbar h3,#formas_de_pagamento h3 {
	float: left;
	width: 202px;
	height: 30px;
	margin-top: 6px;
	background: transparent url() 2px 0 no-repeat;
	font-size: 0;
	text-indent: -9999px;
}

#navbar h3.destaques {
	background-image: url(../img/tit_destaques.png);
}

#navbar h3.tipo {
	background-image: url(../img/tit_tipo.png);
}

#navbar h3.marca {
	background-image: url(../img/tit_marca.png);
}

#navbar h3.recursos_e_funcoes {
	background-image: url(../img/tit_recursos_e_funcoes.png);
}

#navbar h3.preco {
	background-image: url(../img/tit_preco.png);
}

#navbar h3.cor_acabamento {
	background-image: url(../img/tit_cor_acabamento.png);
}

#navbar h3.dimensoes_aproximadas {
	background-image: url(../img/tit_dimensoes_aproximadas.png);
}

#navbar h3.lojas_especiais {
	background-image: url(../img/tit_lojas_especiais.gif);
}

#navbar h3.dimensoes_aproximadas {
	background-image: url(../img/tit_dimensoes_aproximadas.png);
}

#navbar ul.produtos li {
	float: left;
	display: block;
	width: 202px;
	background: transparent url(../img/bg_navleft1.jpg) left bottom no-repeat;
}

#navbar ul.produtos li.selected {
	background: transparent url(../img/bg_navleft2.jpg) left bottom no-repeat;
}

#navbar ul li.selected a {
	color: #FFF;
	text-decoration: none;
}

#navbar ul li a {
	float: left;
	width: 182px;
	display: block;
	padding: 4px 10px;
	color: #00938F;
	text-decoration: none;
}

#navbar ul li a:hover {
	color: #FFF;
	background: #61c5ba;
	padding-bottom: 3px;
	border-bottom: 1px inset #FFF
}

#navbar ul.categorias {
	float: left;
	width: 198px;
	margin: 0 0 35px 0;
	padding: 0
}

#navbar ul.categorias li,#navbar ul.categorias li a {
	float: left;
	width: 198px;
	height: 32px;
	margin: 0;
	padding: 0 !important;
	background: none !important;
	text-indent: -9999px;
	border: 0 !important;
}

#navbar ul.categorias li.loja_promocoes {
	background: url(../img/bt_loja_promocoes.gif) no-repeat !important;
}

#navbar ul.categorias li.loja_mais_vendidos {
	background: url(../img/bt_loja_mais_vendidos.gif) no-repeat !important;
}

#navbar ul.categorias li.loja_mais_desejados {
	background: url(../img/bt_loja_mais_desejados.gif) no-repeat !important;
}

#navbar ul.categorias li.loja_mais_cotados {
	background: url(../img/bt_loja_mais_cotados.gif) no-repeat !important;
}

#navbar ul.subcategoria {
	float: left;
	margin-bottom: 20px;
}

#navbar ul.subcategoria li{
	float: left;
}

#navbar ul.subcategoria li.todos {
	border-bottom: 1px inset #FFF;
}

#navbar ul.subcategoria li a {
	clear: both;
	float: left;
	display: block;
	background: transparent url(../img/bg_navleft1.jpg) left bottom no-repeat;
}

#navbar ul.subcategoria li.segmento a:hover {
	color: #FFF;
	background: #61c5ba;
	padding-bottom: 3px;
	border-bottom: 1px inset #FFF;
}
#navbar ul.subcategoria li.todos a {
	width: 166px;
	color: #FFF;
	background: #00938f url(../img/ico_back.gif) no-repeat 9px 7px;
	padding-left: 26px;
}

#navbar ul.subcategoria li.todos a:hover {
	border-bottom: 0; 
	padding-bottom: 4px
}

ul.aviso {
	float: left !important;
	clear: both;
	width: 181px !important;
	padding: 0;
	/*margin: 0 0 15px 0;
	background: #f6f6f6;*/
}

ul.aviso li.topo {
	height: 30px;
	background: url(../img/bg_box_aviso_topo.jpg) no-repeat !important;
	margin: 3px 0 0  0 ;
}

ul.aviso li.meio {
	height: 46px;
	background: url(../img/bg_box_aviso_meio.jpg) !important;
}

ul.aviso li.conteudo h3 {
	color: #e87d1d !important;
	font-family: Tahoma !important;
	font-size: 14px !important;
	text-indent: 0px !important;
}

ul.aviso li.conteudo h3.nav {
	height: 15px !important;
	color: #e87d1d ;
	font-family: Tahoma;
	font-size: 14px;
	text-indent: 0px;
}

ul.aviso li.conteudo strong {
	font-weight: bold;
}

ul.aviso li.conteudo {
	width: auto !important;
	font-family: "Trebuchet MS";
	font-size: 11px;
	padding: 0 19px 6px 40px;
	background: #f8f8f8 url(../img/ico_box_aviso.gif) 8px 19px no-repeat !important;
}

ul.aviso li.baixo {
	height: 29px;
	background: url(../img/bg_box_aviso_baixo.jpg) no-repeat !important;
}

#breadcrumb {
	clear: both;
	display: block;
	height: 36px
}

#breadcrumb p {
	color: #00817D;
	font-size: 12px;
	line-height: 36px
}

#breadcrumb a {
	color: #00817D
}

#breadcrumb span {
	color: #FFF
}

#content {
	float: left;
	margin: 0 0 0 0px;
}

#main {
	float: left
}

#content h1 {
	font-size: 21px
}

#content h2 {
	font-size: 12px
}

#formas_de_pagamento {
	float: left;
	width: 996px;
	margin-top: 30px
}

#formas_de_pagamento h3 {
	margin-top: 0;
	background-image: url(../img/tit_formas_de_pagamento.png)
}

#formas_de_pagamento ul {
	clear: both
}

#formas_de_pagamento ul li {
	float: left;
	display: inline;
	height: 77px;
	font-size: 0;
	text-indent: -9999px;
	text-decoration: none
}

#formas_de_pagamento ul li.cartoes_de_credito {
	width: 290px;
	background-image: url(../img/mn_f_cartoes_de_credito.gif)
}

#formas_de_pagamento ul li.debito_em_conta {
	width: 267px;
	background-image: url(../img/mn_f_debito_em_conta.gif)
}

#formas_de_pagamento ul li.boleto_bancario {
	width: 92px;
	background-image: url(../img/mn_f_boleto_bancario.gif)
}

#formas_de_pagamento ul li.financiamento {
	width: 123px;
	background-image: url(../img/mn_f_financiamento.gif)
}

#formas_de_pagamento ul li.pagamento_combinado {
	width: 107px;
	background-image: url(../img/mn_f_pagamento_combinado.gif)
}

#formas_de_pagamento ul li.internet_segura {
	width: 117px;
	background-image: url(../img/mn_f_internet_segura.gif)
}

#footer {
	clear: both;
	width: 996px;
	margin-bottom: 30px;
}

#footer #copyright {
	display: inline;
	float: left;
	padding-top: 30px;
	margin: 0 0 0 22px;
}


#footer #institucional {
	float: right;
	width: 375px;
	padding-top: 30px
}

#footer #institucional li {
	float: left;
	padding-right: 6px;
	color: #E87D1D
}

#footer #institucional li.last {
	padding-right: 0
}

#footer #institucional li,#footer #institucional li a {
	font-size: 12px;
	letter-spacing: 0.08em
}

/* Classes*/
.radio,.checkbox {
	vertical-align: middle
}

.left {
	float: left !important
}

.right {
	float: right
}

.clear {
	clear: both
}

.input {
	float: left;
	padding-left: 3px;
	height: 21px;
	background: transparent url(../img/bg_input1.gif) top left no-repeat
}

div.tabs-hide {
	display: none
}

.box_top{
	float: left;
	width: 100%;
}

.box_top .ordenar{
	float: right;
	width: 755px;
	margin-left: 10px;
}

ul.aviso li.conteudo h3.nav {
	width: 123px !important;
}


button.bt_votar_loja {
	width: 143px;
	height: 21px;
	background: url(../img/bt_ir_para_loja_virtual.gif) no-repeat
}

strong.destaque {
	color: #ff9933;
}

.m0 {
	margin: 0 !important;
}
.boxGaleriaMasc {
	float: left;
}
.modalProgressGreyBackground 
{
    background:#000000;
	filter:alpha(opacity=60);
	opacity:0.6;
}

.modalProgressRedBackground 
{
    background:Red;
	filter:alpha(opacity=60);
	opacity:0.6;
}

.modalPopup
{
    text-align:center;
    padding-top: 30px; 
    
    width:300px; 
    height:100px;
}