/* SARA */
a:link, a:visited {text-decoration:none;}
a:active, a:hover {text-decoration:underline;}
img {border:0; text-decoration:none;}
/* margin e padding zero de acordo com o layout */
body, form, h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}
.none {display:none;}
.clearB {clear:both;}
body {background-color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}

/* =Classes */
.msgerro, .txt, .txtDepartamento, .txtCarrinho, .txtInstitucional, .txtPaginacao, .txtPaginacaoSelected, .txtProduto, .preco, .precoDe, .precoPor, .precoParcelado {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #000;}
.txtPaginacaoSelected {font-weight: bold;}
.txt, .txtProduto, .preco, .precoDe, .precoPor, .precoParcelado {font-size: 11px;}
.msgerro {color: #FF0000;}

/* =Topo */
#topo {background:url(../imagens/sara-bgTopo.jpg) repeat-x top left; height: 62px; margin-bottom: 15px; padding: 5px 0 5px 20px; position: relative;}
#menuDepartamentos {width: 700px; margin:0 auto; padding:0; list-style:none; position: relative; top: -25px; left: 40px;}
#menuDepartamentos li {float: left; padding: 0 10px; text-align: center;}
a.txtDepartamento:active, a.txtDepartamento:hover,
a.txtCarrinho:active, a.txtCarrinho:hover,
a.txtInstitucional:active, a.txtInstitucional:hover {color:#666666; text-decoration:none;}
li#liCarrinho {text-align: right; padding: 0 5px 0 45px;}

/* =Conteudo */
#conteudo #bannerfull {text-align: center; width: 1024px; margin: 0 auto;}
#grade {position: relative; width: 910px; height: 590px; margin: 0 auto;}
.grade {border: solid 2px; position: absolute;}
.cel2 {left: 219px;}
.cel3 {left: 219px; top: 199px;}
.cel4 {left: 219px; top: 311px;}
.cel5 {left: 219px; top: 423px;}
.cel6 {left: 560px;}
.cel7 {left: 560px; top: 199px;}
#paginacao {width: 910px; margin: 0 auto 10px;}
.janela {width: 915px; height: 586px; margin: 0 auto; position: absolute; z-index: 10; background-color: #FFF; display: none; border: solid 1px #000;}
.janela .colImg {width: 723px; float: left; margin-right: 15px;}
.janela .colDescricao {width: 165px; height: 585px; float: left; position: relative; font-size: 11px;}
.icofechar {position: absolute; right: 0; top: 0;}
ul#fotosExtras {width: 170px; margin: 0 auto; padding: 0; list-style: none; text-align: center; position: absolute; bottom: 15px;}
ul#fotosExtras img {border: solid 1px #FFF;}
#formBusca {position: absolute; top: -45px; left: 0; z-index: 100;}
#boxBusca {width: 180px; text-align: left; background-color: #CCC; border: solid 1px #999; padding: 10px; display: none;}

/* =Detalhe */
#miolo {width: 910px; margin: 0 auto;}
#miolo .colunaEsquerda {float: left; width: 575px; text-align: center; padding-right: 25px;}
#miolo .colunaDireita {float: left; padding-top: 25px;}
#conteudoAbas div#colVideo { display:block; text-align:center; }

/* =Fotos */
#fotos {text-align: left;}
#fotos ul {margin: 0; padding: 0; list-style: none;}
#fotos ul li {display: inline; margin: 2px;}
#fotos ul li img {border: solid 1px #CCC;}

#listaVariacao {margin:0; padding: 3px 0 5px;}
#listaVariacao li{display:inline;	margin-right:3px;}
#listaVariacao li .selecionadoImg{border:1px solid #000; padding:2px; background:#eee;}
#listaVariacao2 {margin:0; padding: 3px 0 5px;}
#listaVariacao2 ul {padding: 0; margin-left:0;}
#listaVariacao2 li{display:inline; margin-right:7px;}
#listaVariacao2 li a {padding: 2px;}
#listaVariacao2 li .selecionadoTxt{border:1px solid #000; padding:2px; background:#eee;}
#listaVariacao2 a{font: 13px Verdana, Arial, Helvetica, sans-serif;	color:#666;	font-weight:bold;}
#listaVariacao2 a.off{color:#bbb;}

#medidorAnel {display: none;}

#internas {width: 915px; margin: 0 auto;}
#tabela {text-align: left;}

table#valor {margin-top: 50px;}
#descricaoDetalhada {margin-top: 25px;}
ul#abas {margin: 0; padding: 0; list-style: none; height: 24px; border-bottom: solid 1px #999;}
ul#abas li {display: inline;}
ul#abas a {float: left; color: #000; font-size: 11px; margin-right: 2px; background-color: #bcb9b9; border: solid 1px #999; padding: 5px 15px;}
ul#abas a span {display: block;	float: left;}
ul#abas a:active, ul#abas a:hover, ul#abas li.on a {background-color: #dddddd; text-decoration: none;}
#conteudoAbas { border: solid 1px #999; border-width: 0 1px 1px; border-top: solid 1px #fff; background-color: #dddddd;}
#conteudoAbas div {display: none; text-align: left; padding: 0 15px;}

#tbProdutos {border: solid 15px #CCC;}
#tbProdutos tr th {background-color: #999; font-weight: normal; text-align: left;}

#tagcarrinho {float:left;}
#tagcarrinho a.buy {display:block; width:75px; height:23px; background:url(../imagens/sara-btComprarInput.png) 0 0; text-indent:-9999px; cursor:default; float:right; margin-right:120px;}
#tagcarrinho a.buy:hover {background:url(../imagens/sara-btComprarInput.png) 0 23px;}

#tbFormas {border: solid 15px #CCC;}
#btRecalcular, #btContinuarComprando, #btFinalizar {margin: 5px 0;}
#formas {display: none;}

/* =Carrinho */
#fechamento {position: relative;border: solid 15px #CCC; background-color: #999; padding: 10px; display: none;}
#fechamento ul {margin:  15px 0 25px; padding: 0; list-style: none;}
#naoCadastrado {position: absolute; width: 550px; top: 35px; left: 300px;}
#naoCadastrado label {float: left; margin-right: 10px;}
#naoCadastrado input.campo {display: block;}
#naoCadastrado ul {margin: 0; padding: 0; list-style: none;}
#btContinuar, #btContinuar2 {position: absolute; top: 50px; right: 0; width: 100px;}
#cadastrado {position: absolute; width: 550px; top: 35px; left: 300px;}
#cadastrado label {float: left; margin-right: 10px;}
#cadastrado input.campo {display: block;}
#labelCEP {margin-top: 5px; width: 250px;}

/* =Busca */
.lancamento {display: block;}
ul#produtos {width: 915px; margin: 0 auto; padding: 0; list-style: none;}
ul#produtos li {float: left; width: 265px; height: 200px;	padding: 0;	margin: 0 20px 20px;}
.linhaProd {height: 25px;}
.paginacao {text-align: center; float: left; width: 915px; padding: 10px 0; margin: 25px auto 0; border-top: solid 1px #e5e6e7;}

/* =Nova busca */
#divOrdenacao span{	position:relative; top:5px; }
#buscaNegativa a:link, #buscaNegativa a:visited, #buscaPositiva a:link, #buscaPositiva a:visited { text-decoration: none; }
#buscaNegativa a:active, #buscaNegativa a:hover, #buscaPositiva a:active, #buscaPositiva a:hover { text-decoration: underline; }
.txtDepBusca, .txtSecBusca, #buscaNegativa .txt, #buscaPositiva .txt, #buscaNegativa h2 { font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
.txtDepBusca {font-size: 13px; color:#000;	font-weight: bold;}
.txtSecBusca {font-size: 12px; color: #000;	font-weight: bold;margin-right: 7px;}
#buscaNegativa .txt, #buscaPositiva .txt { font-size: 12px; color:#000000; }	
/* =Positiva
------------ */
#buscaPositiva { padding: 0 25px 50px; margin:10px 0 0 0; position: relative; z-index: 1; }
#buscaPositiva .resposta { margin-bottom: 30px; line-height: 130%; }
#buscaPositiva .resposta p { padding: 4px 0 4px 8px; font-size:14px; font-weight:normal;}
#buscaPositiva ul#ulDep {margin: 0px; padding: 0px; list-style-type: none; width: 650px; position: relative;}
#buscaPositiva ul#ulDep li.txtDepBusca { position: relative; font-size: 12px;	color:#000;	font-weight: bold; padding-left: 9px;	margin: 0;}
#buscaPositiva ul#ulDep li ul {	list-style: none;	margin: 0; padding: 0; position: relative; top: -16px; left: 120px;	}
#buscaPositiva ul#ulDep li ul li { display: inline;	}	
/* =Negativa
------------ */
#buscaNegativa { padding: 0 25px 50px; margin:10px 0 0 0; position: relative; z-index: 1; }
#buscaNegativa h2 {	font:14px Helvetica, Arial, sans-serif;	font-weight:bold;	color:#000;	margin-bottom:29px; display: none; }
#buscaNegativa .resposta { padding-bottom: 30px; margin-bottom: 30px;	line-height: 130%;}
#buscaNegativa ul#ulDep {	margin: 0px; padding: 0px; list-style-type: none;	width: 650px;	position: relative; display: none; }
#buscaNegativa ul#ulDep li { position: relative; }
#buscaNegativa ul#ulDep li ul {	list-style: none;	margin: 0; padding: 0; position: relative; top: -15px; left: 130px; }
#buscaNegativa ul#ulDep li ul li { display: inline;	}

/* =Rodape */
#rodape {position: relative; background: url(../imagens/sara-bgRodape.jpg) repeat-x bottom left; height: 52px; margin-top: 15px; padding: 20px 0 0; text-align: center; clear: both;}
#menuInstitucional {margin: 0; padding: 0; list-style: none;}
#menuInstitucional li {display: inline; padding: 0 10px; text-align: center;}
#assinatura {text-align: center; position: absolute; right: 20px; top: 10px;}
#assinatura h3 {display: inline; width: 152px;}
#assinatura img {vertical-align: middle;}

/* =Relacionados */
.titulo {margin-top: 20px; border-bottom: solid 1px #999; background-color: #dddddd; border: solid 1px #999; padding: 5px 15px;}
.titulo h3 {color: #000; font-size: 11px; font-weight: normal;}
ul#produtosAcessorios {width: 300px; margin: 0; padding: 0; list-style: none;}
ul#produtosAcessorios li {width: 130px; height: 150px; margin: 5px; float: left; text-align: center;}

/*Captch*/
.divCaptch { width: 100%; overflow: auto; }
.divCaptch img { margin: 0 5px 0 0; float: left; }
.divCaptch span { margin: 12px 0 0 0; float: left; }
.divCaptch input#verifica_codigo { margin: 5px 0 0 0; width: 65px; float: left; clear: both; position: relative; top:0; left:0; }

.btEnviar{background:url(../imagens/sara-bt-enviar.png) no-repeat; text-indent:-9999px; border:0;	margin-top:10px; cursor: pointer; text-indent: -5000px;	overflow-x: hidden;	overflow-y: hidden;	display: block;	content: ""; line-height: 0pt; height:24px;}