/* Design by CafeinaWeb
Job Name: Decalcor
Description: Exclusivo
Version: 1.0
Author: Cafeinaweb (@cafeinaweb) - Cláudio Garcia (@klaudin)
Author URI: http://cafeinaweb.com.br/
Aditivos: Backspacer, Binaural, No Code, Yield, Afrociberdelia e Café.
*/

/* The Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h3, h2, h2, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, tr, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img, abbr { border: 0; }
address, caption, cite, code, dfn, em, h3, h2, h2, h4, h5, h6, strong, th, var { font-style: normal; font-weight: normal; }
caption, th { text-align: left; }
q:before, q:after { content: ''; }
a { text-decoration: none; }

/* Rules */
.left {float: left;}
.right {float: right;}
.clear {clear: both;}

/*
F3F0C5
673117
572913
*/

a {color:#673117; font-weight:bold; outline:none;} 
a:link {color:#673117;}
a:hover {color:#572913;} 
a:visited {color:#673117;}
strong {color:#572913; font-weight:bold;}

/* Cascading */
html {background:url(../imagens/bg.jpg) top center repeat-y;  margin-top:0px;}
body {background:url(../imagens/topo.jpg) top center no-repeat;font-family: "Trebuchet MS", sans-serif; color:#34180C; }

div#layout {}
div#wrapper {width:995px; margin: auto; clear: both;}
div#wrapper {_width:1080px;}

div.esquerda {width:290px; margin-left:20px; float: left; }
div.esquerda {_margin-left:10px; }
div.esquerda h1 {width:280px; height:125px; padding-top: 70px; text-indent: -9000em;}
div.esquerda h1 a {width:280px; height:125px; outline: none; display:block;}

div.esquerda div.busca {padding-top:20px; display:block;}
div.esquerda div.busca form {margin-top:20px; font-family: "Arial", helvetica, sans-serif; font-weight:bold;}
div.esquerda div.busca label {font-size: 26px; letter-spacing: -2px; color:#673117; text-shadow: 1px 1px #F3F0C5;}
div.esquerda div.busca input {width:253px; height:38px; background:url(../imagens/input.jpg) top center no-repeat; border: 0; font-weight:bold; font-size: 28px; letter-spacing: 1px; padding-top:1px; font-family: "Trebuchet MS", sans-serif; color:#673117;opacity: .7; filter:alpha(opacity=70);	 -moz-opacity: 0.7; -khtml-opacity: 0.7;}
div.esquerda div.busca input:focus {opacity: 1; filter:alpha(opacity=1); -moz-opacity: 1; -khtml-opacity: 1;}
div.esquerda div.busca button {border: 0; background: none; cursor: pointer; font-weight:bold; font-size: 14px; color: #673117; margin-left: 188px; font-family: "Trebuchet MS", sans-serif;}

div.esquerda div.menu {font-weight:bold; font-size: 16px; margin-top:30px;}
div.esquerda div.menu ul {list-style:none;}
div.esquerda div.menu li {width:250px; height:26px; }

div.esquerda div.endereco {width:280px; height:80px; margin-left:-10px; margin-top:40px; background:url(../imagens/endereco.jpg) top center no-repeat; color: #A8731A; text-shadow: 0 -1px #F3F0C5; text-align: center; font-size: 11px; padding-top: 10px;}

div.direita {width:630px; margin-right:40px; float:right; padding-top: 70px;}

div.direita div.titulos {width:250px; text-align: center; padding-left: 38px;}
/* div.direita h2{font-size: 24px; font-weight: bold; padding-top: 25px; padding-left: 45px; -webkit-transform: rotate(9deg); -moz-transform: rotate(9deg);}*/
div.direita h2{width:200px; font-weight: bold; font-size: 24px; padding-top: 75px; padding-left: 30px; line-height: 22px; -webkit-transform: rotate(20deg); -moz-transform: rotate(10deg);}
div.direita h2.grande{width:200px; font-size: 24px; padding-top: 75px; padding-left: 20px; line-height: 22px; -webkit-transform: rotate(20deg); -moz-transform: rotate(10deg);}

div.direita div.conteudo {margin-top: 70px}
div.direita div.conteudo img{max-width:250px; max-height:250px; -webkit-box-shadow: 3px 3px 10px #999; -moz-box-shadow: 3px 3px 10px #999; box-shadow:3px 3px 10px #999; padding: 2px; background-color: #FFF;}
div.direita div.conteudo img.direita {float: right; margin: 5px 0 5px 10px;}
div.direita div.conteudo img.esquerda {float: left; margin: 5px 20px 5px 0;}
div.direita div.conteudo img.centro {display:block; margin: 20px auto;}
div.direita div.conteudo p { margin-bottom: 30px; line-height: 1.2em;}
div.direita div.conteudo ul {margin: 10px 0 30px 45px;}
div.direita div.conteudo a {color:#572913; font-weight:normal !important; text-decoration: underline;}
div.direita div.conteudo a:hover {color:#673117!important; font-weight:normal !important; text-decoration: underline;}
div.direita div.conteudo strong {color:#572913; font-weight:bold;}

div.direita div.conteudo img.normal { max-width: 100%; max-height: 100%;  }

/* 
	galeria promoções
*/
div.direita div.conteudo div.promocao .produto { width: 33%;  text-align: center; float: left; height: 180px; }
div.direita div.conteudo div.promocao .produto h4 { font-weight: bold; margin-bottom: 10px; margin-top: 10px;  }
div.direita div.conteudo div.promocao .produto img { max-width:140px; max-height:140px; -webkit-box-shadow: 3px 3px 10px #ccc; -moz-box-shadow: 3px 3px 10px #ccc; box-shadow:3px 3px 10px #ccc; padding: 2px; background-color: #FFF;  }
div.direita div.conteudo div.promocao .produto span.preco { font-weight: bold; display:block; margin: 10px 0; }

div.direita div.conteudo div.promocao div.produto_promocao h4 { font-weight: bold; margin-bottom: 10px; font-size: 150%;  }
div.direita div.conteudo div.promocao div.produto_promocao span.preco { font-weight: bold; display:block; margin: 10px 0; }
div.direita div.conteudo div.promocao div.galeria { float:left; }


#formulario{ width: 700px; margin-left:10px; margin-top:25px; }
#formulario form fieldset{ margin-right: 7px; width: 80%; border: solid #eee 1px; padding: 3%; margin-bottom: 10px; background:#F7F7F7; text-align:left; }
#formulario form legend{ padding: 8px 20px 20px 20px; font-size: 90%; background-color: #F7F7F7; color:#666; font-weight:bold; }
#formulario form label{ display: block; font-size: 14px; color:#666; }
#formulario form input,  #formulario form select{ width: 100%; border: solid #ccc 1px; font-size: 14px; line-height:2em; height:19px; margin-bottom:10px; }
#formulario form textarea{ width: 90%; border: solid #ccc 1px; font-size: 14px; height:90px; margin-bottom:5px; font-family:Arial,sans-serif; color:#222; }
#formulario form input.botao{ display: block; width: 200px; height:40px; margin-top:10px; cursor: pointer; font-size: 90%; background-color: #673117; color:#fff; font-weight:bold; }
#formulario form fieldset label { cursor: pointer; display: block; font-size: 14px; } 
#formulario form input:focus{ border-color: #777; background:#f9f9f9; }
#formulario form{ margin-bottom:20px; }
#formulario .radio{ width:20px; display:inline; padding:0px; }
.obrigatorio, #contato .obrigatorio { font-weight:bold; 	color:#673117; background: url(../imagens//obrigatorio.jpg) no-repeat scroll left center; padding-left: 8px; }
.telefone,#contato .telefone { font-weight:bold; color:#8C0000; }
#formulario .labLinha{ 	display:inline; }
#formulario .pequeno{ width:80%; }
#formulario .file{ 	width:90%; height: 24px !important; }
#formulario .muitopequeno{ width:20%; }
#formulario p{ line-height:2em; margin-bottom:10px; }

div.direita div.galeria img{max-width:140px; max-height:140px; -webkit-box-shadow: 3px 3px 10px #ccc; -moz-box-shadow: 3px 3px 10px #ccc; box-shadow:3px 3px 10px #ccc; padding: 2px; background-color: #FFF; float: right; margin: 5px 5px;}

div#layoutfooter {background:url(../imagens/end.jpg) bottom center no-repeat; }
div.footer {height: 295px; display:block; width:995px; margin: auto; clear: both;}
div.footer div.pag {margin-left:560px; padding-top: 80px; width:450px;}
div.footer div.pag a {color: #666; padding: 10px; font-weight:normal !important; font-size: 14px; line-height: 20px;}
div.footer div.pag a img{padding: 0 3px 4px 3px; vertical-align:middle; }