/*** geral ***/
* {margin: 0px; padding: 0px; font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size: 9pt; color: #666666; line-height: 14pt;font-variant: normal; text-decoration: none;}
html {height: 100%;}
body {font-style: normal; text-align: center; background: url(../img/att/body.jpg) center top repeat-y #FFFFFF; height: 100%;}
#geral {margin: 0px auto; width: 900px; height: 100%; text-align: left;}
a {color: #006600; font-weight: none;}
a:hover {color: #000000; font-weight: none;}
a.wh {color: #FFFFFF; font-weight: bold;}
a.wh:hover {color: #FFFFFF; font-weight: bold; text-decoration: underline;}
p {margin-bottom: 10px;}
img {border: none;}
h1 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 15pt; font-weight: normal; color: #006600; margin-top: 0px; margin-bottom: 10px;}
h2 {font-size: 9pt; color: #999999; margin-bottom: 5px;}
h3 {font-size: 10pt; color: #333333; font-weight: bold; margin-bottom: 0px;}

/*** template ***/
#tdMain{background: url(../img/att/tdMain.jpg) 210px 210px repeat-x;}
#tdLeft{width: 210px; height: 650px; float: left;}
#logoTemplate{width: 290px; height: 80px; background: url(../img/att/logoTemplate.jpg) left top no-repeat; float: left;}
#tdRight{width: 690px; height: auto; float: right;}
#title {width: 690px; height: 50px; float: left;}
#titleContent {width: 650px; height: 35px; margin-left: 20px; margin-top: 15px;}
#destaquesTemplate {width: 690px; height: 130px; background: url(../img/att/destaques.jpg) left top no-repeat; float: left;}
#destaquesTemplateRep {width: 690px; height: 130px; background: url(../img/att/destaquesCarrinho.jpg) left top no-repeat; float: left;}
#contentPage {width: 650px; height: auto; margin: 10px 20px 10px 20px;}
#produtosEsp {width: 210px; height: 235px; background: url(../img/att/produtosEsp.jpg) left top no-repeat;}
#titlePage {width: 210px; height: 135px;}
#titleConteudo {width: 190px; height: auto; color: #FFFFFF; margin-left: 10px;}
#titleConteudo p {color: #FFFFFF;}
#carrinhoCompra {width: 210px; height: 60px; background: url(../img/att/carrinhoCompras.jpg) left top no-repeat;}
#cadastro {width: 210px; height: 60px; background: url(../img/att/cadastro.jpg) left top no-repeat;}
#buscaTemplate {width: 210px; height: 280px; background: url(../img/att/buscaTemplate.jpg) left top no-repeat; float: left;}
#buscaTemplateContent {width: 165px; height: auto; margin-left: 30px; margin-top: 50px; color: #FFFFFF; text-align:right}
#buscaTemplateContent label{color: #FFFFFF; width:auto; height: 16px; text-align:left;}
#buscaTemplateContent input{width:115px;}
#buscaTemplateContent select{width:85px;}
#bottomProdutos {width: 900px; height: 90px; background: url(../img/att/bottomProdutos.jpg) left top no-repeat; float: left;}
#bottomTemplate{width: 900px; height: 60px; background: url(../img/att/bottomIndex.jpg) left bottom; float: left; vertical-align: bottom;}
#bottomTemplate p {margin: 16px 0px 10px 210px; _margin: 16px 0px 10px 155px; font-size: 8pt; float: left; color: #FFFFFF;}
#bottomTemplate #wwwLedz{margin-top: 20px; float: right}

/*** index ***/
#tableIndex{width: 900px; height: 100%; background: url(../img/att/tablemainIndex.jpg) left top repeat-y;}
#logo{width: 290px; height: 80px; background: url(../img/att/logo_natuphitus.jpg) left top no-repeat; float: left;}
#representante{width: 610px; height: 40px; background: url(../img/att/carrinho2.jpg) left top no-repeat; float: left;}
#representanteContent{width: 200px; height: 20px; font-size: 8pt; color: #003333; margin: 2px 0px 0px 410px;}
#carrinhoIndex{width: 610px; height: 40px; background: url(../img/att/carrinhoIndex.jpg) left top no-repeat; float: left;}
#carrinho{width: 610px; height: 40px; background: url(../img/att/carrinhoTemplate.jpg) left top no-repeat; float: left;}
#carrinhoContent{width: 180px; height: auto; font-size: 7pt; color: #003333; margin-left: 400px;}
#carrinhoContentTemplate{width: 130px; height: auto; font-size: 7pt; margin-top: 10px; float: right;}
a.linkCarrinho{color: #FFFFFF;}
a:hover.linkCarrinho{color: #FFFFFF; text-decoration: underline;}
#navegacao{width: 555px; height: 40px; background: url(../img/att/menu.jpg) left top no-repeat; float: left;}
#player{width: 55px; height: 40px; background: url(../img/att/player.jpg) left top no-repeat; float: left;}
#navegacaoTemplate{width: 610px; height: 40px; background: url(../img/att/menuTemplate.jpg) left top no-repeat; float: left;}
#menu{width: 580px; height: 40px; float: left;}
#anima{width: 900px; height: 280px; background: url(../img/att/anima.jpg) left top no-repeat; float: left;}
#welcome{width: 680px; height: 285px; background: url(../img/att/welcome.jpg) left top no-repeat; float: left;}
#welcomeContent{width: 540px; height: auto; margin-left: 70px; margin-top: 20px;}
#welcomeContent p{width: 400px; height: auto; margin-left: 35px; margin-top: 20px;}
#welcomePromo{width: 680px; height: 285px; background: url(../img/att/welcomePromo.jpg) left top repeat-x; float: left;}
#buscaIndex{width: 220px; height: 285px; background: url(../img/att/buscaIndex.jpg) left top no-repeat; float: left;}
#buscaIndexContent{width: 170px; height: auto; margin-top: 70px; margin-left: 40px;}
#rodapeIndex{width: 900px; height: 90px; background: url(../img/att/rodapeIndex.jpg) left top no-repeat; float: left;}
#linkDicas{width: 500px; height: 90px; text-align: right; float: left;}
#scrollup {width: 170px; height: 60px; position: relative; margin: 10px 0px 0px 10px; overflow: hidden;}
#cadastroHome{float: right; margin: 15px 0px 0px 10px; width:212px; float: right;}
.headline {position: absolute; top: 100px; height: auto; width:auto; text-align: left;}
#container{width: 900px; height: 100%; background: url(../img/att/container.jpg) left top no-repeat; float: left;}
#mainContent {width: 900px; height: auto; background: url(../img/att/mainContent.jpg) left top no-repeat; float: left;}
#bottom{width: 900px; height: 60px; background: url(../img/att/bottomIndex.jpg) left bottom no-repeat; float: left;}
#spacerBottom {width: 215px; height: 60px; float: left;}
#adress {width: 525px; height: 60px; float: left;}
#adress p{margin: 13px 0px 0px 5px; font-size: 8pt; color: #FFFFFF;}
#redesSociais {width: 100px; height: 60px; float: left;}
#wwwLedz {width: 60px; height: 60px; float: right;}

/*** ADMIN ***/
#tdAdm{background: url(../img/att/tdAdm.jpg) 210px 210px repeat-x;}
#topAdm{width: 610px; height: 80px; background: url(../img/att/topAdm.jpg) left top no-repeat; float: left;}
#produtosAdm{width: 210px; height: 130px; background: url(../img/att/produtosEsp.jpg) left top no-repeat; float: left;}
#contentAdmin {width: 840px; height: auto; margin-top: 10px; margin-left: 34px; _margin-left: 14px; margin-bottom: 10px; float: left;}

/*** PRODUTOS ***/
#produtoContent{width: 640px; height: 95px; float: left;}
#imgProduto{width: 100px; height: 80px; float: left; text-align: center; vertical-align: middle; background: url(../img/carrinho/img.gif) left top no-repeat;}
#imgProduto p{padding-top:8px; height: 70px;}
#descProduto{width: 340px; height: 80px; float: left;}
#descProduto h1{font-size: 9pt; font-weight: bold; color: #006600; margin-top: 0px; margin-bottom: 0px;}
#opcoesProduto{width: 180px; height: 80px; float: left;}
#spacer{width: 10px; height: 80px; float: left;}
#produtoContentNovo{width: 200px; height: 230px; float: left; padding: 5px 5px 5px 5px; clear: inherit;}
#produtoContentNovoPromo{width: 200px; height: auto; float: left; padding: 5px 5px 5px 5px; clear: inherit;}
#imgPromo {height:130px; text-align:center;}
#conteudoPromo {height: auto;}
#conteudoPromo p{text-align:center;}

/*** LIST PRODUTO ***/
#boxProduto{width: 335px; height: 360px; background: url(../img/att/boxProduto.jpg) left top no-repeat; float: left;}
#imgProduto2{width: 300px; height: 300px; margin-top: 30px; margin-left: 20px; text-align:center;}
#produtoContent2{width: 300px; height: auto; float: left;}
#titProduto{width: 320px; height: auto; background-color: #2B4D01;	 padding-left: 15px; _padding-left: 10px; font-size: 10pt; font-weight: bold; color: #9DC708; margin-top: 20px;}
#descProduto2{width: 300px; height: auto; float: left; margin-left: 15px; _margin-left: 5px; margin-top: 10px;}
#linkCarrinho{width: 300px; height: auto; float: right; text-align: right;}
#cores{clear:both; width:335px;}
#voltar{clear:both; text-align:right;}
#corProd {float:left; text-align:center; width:80px; height: 100px;}

/*** FORMS ***/
form {display: block;}
input, textarea, select {font-size: 8pt; color: #333333; line-height: normal; vertical-align: middle; margin-bottom: 8px; background-color: #FFFFFF; border-top: 1px solid #CCCCCC; border-bottom: 2px solid #666666; border-left: 1px solid #CCCCCC; border-right: 2px solid #666666;}
option {color: #000000;}
.radio {background-color: transparent; border: none; margin-bottom: 6px;}
label {width: 100px; text-align: left; float: left;}
label.autoLabel {width: auto; margin-right: 10px; }
label.longLabel {width: 150px;}
input.ok {font-size: 8pt; color: #FFFFFF; line-height: normal; vertical-align: middle; background-color: #FF6600; padding: 2px 2px 2px 2px; margin-top: 5px;border: 1px solid #000000;}
#submit {margin-left: 100px; margin-bottom: 10px;}

table.tblForm {width: 100%; border: 1px solid #CCCCCC;}
table.tblForm td {padding-left: 10px; padding-top: 5px; vertical-align:middle;}
table.tblLista {width: 100%; border-left: 1px solid #000000; border-top: 1px solid #000000;}
table.tblLista td {border-bottom:1px solid #000000; border-right: 1px solid #000000; padding-left:5px;}
table.tblLista td.titulo {border-bottom:1px solid #000000; border-right: 1px solid #000000; background-color: #5A7A27; color:#FFFFFF; font-weight:bold; padding-left:5px;}
table.tblLista td.total { border-bottom:1px solid #000000; border-right: 1px solid #000000; background-color:#9cae74; color:#0c2d00; font-weight:bold; padding-left:5px;}
table.tblCarrinho {width: 100%;}
table.tblCarrinho td {border-bottom:1px solid #000000; padding-left:5px;}
table.tblCarrinho td.titulo {border-bottom:1px solid #000000; background-color: #5A7A27; color:#FFFFFF; font-weight:bold; padding-left:5px;}
table.tblCarrinho td.total {border-bottom:1px solid #000000; background-color:#9cae74; color:#0c2d00; font-weight:bold; padding-left:5px;}
#listacarrinho{clear:both; width:850px; margin-left:25px;}
#numCarrinho{height: auto; font-size: 11pt; color: #006600; margin-top: 0px;}
#divLogin {color:#FF0000;}
#divSenha {color:#0c2d00;}

/*** RESULTADO DE BUSCA ***/
#buscaProdutoContent{width: 310px; height: 115px; float: left;}
#buscaimgProduto{width: 100px; height: 80px; float: left; text-align: center; vertical-align: middle; background: url(../img/carrinho/img.gif) left top no-repeat;}
#buscaimgProduto p{padding-top:8px;}
#buscadescProduto{width: 200px; height: 80px; float: left;}
#buscadescProduto h1{font-size: 8pt; font-weight: bold; color: #006600; margin-top: 0px; margin-bottom: 0px;}
#buscaspacer{width: 5px; height: 80px; float: left;}

/*** PROMOÇÕES ***/
#imgPromocao {margin-left: 20px; _margin-left:10px; margin-top: 40px; width: 120px; height: 90px; float:left; text-align:center;}
#descPromocao{width: 520px; height: 80px; margin-left:150px; _margin-left:110px; margin-top: 40px;}
.titProm a{color:#FFFFFF; font-size: 10pt; font-weight: bold;}
.descProm a{color:#FFFFFF; font-size: 8pt; margin-top: -10px;}
.detProm a{color:#FFFFFF; font-size: 8pt; float:right; margin-top: -10px;}
.detProm a:hover{color:#B0D94D; font-size: 8pt; float:right; margin-top: -10px;}

#floatdiv{
	position:absolute;  
	width:45px;
	height:160px;
	top:10px;
	right:10px;  
	padding:0px;
	z-index:100;
	background: url(../img/att/redesSociais.png) left top no-repeat;
}