/*css reset*/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset{margin: 0; padding: 0;}
img, fieldset{border: 0;}
body, select, input, textarea {color:#666; font: normal 12px/18px arial, helvetica, sans-serif; text-align:justify;}
h1, h2, h3, h4, h5, h6 {padding-bottom: 0.8em;}
h1{font-size:2em;}
h2{font-size:1.8em;}
h3{font-size:1.6em;}
h4{font-size:1.4em;}
h5{font-size:1.2em;}
h6{font-size:1em;}
p{padding-bottom:1.2em;}

/*estrutura*/
body{background:#fff;}
#wrapper{position:relative; margin:0 auto; width:980px;}
#header-wrap{height:120px; padding:0 0 0 10px; position:relative; width:980px;}
#content-wrap{padding:0 0 0 10px; position:relative; width:980px;}
#sidebar{float:left; width:200px;}
#content{float:right; padding:40px 0 0; width:780px;}
#footer { border-top:1px solid #ccc; clear:both; margin:10px; padding:5px 320px 10px; text-align:center; }

/*comum*/
.clear {clear:both !important}
.bold {font-weight:bold !important}

/*header*/
#logo{background:url(../images/logo.png) no-repeat scroll center center; display:block; height:90px; float:left; width:175px;}
#top-navigation{float:left; margin:0 0 0 30px;}
#top-navigation ul{list-style:none;}
#top-navigation li{background:url(../images/barra_topo.png) no-repeat scroll left center; float:left; padding:20px 20px;}
#top-navigation a{color:#f19718; display:block; font-size:1.4em; text-align:center; text-decoration:none;}
#top-navigation a span{color:#555; display:block; padding:10px 0 5px;}

/*busca*/
.search {float:right;}
.search input[type=text] {border:1px double #ccc; color:#999; padding:5px 10px; width:300px;}
.search input[type=submit] {background-color:#f49e23; border:1px solid #d28a23; color:#fff; margin:0 5px; padding:4px;}

/*barra lateral*/
#menu h3{color:#f19718; letter-spacing:3px; margin:0 0 0 25px;}
#menu a{display:block; margin:5px 0 0;}

/*exibi��o dos produtos*/
.produtos ul {}
.produtos li {display:inline-block; float:left; margin:0 0 0 5px; width:150px;}
.produtos li .principal {height:290px;}
.produtos li .comprar {display:block; margin:0 0 20px;}
.produtos li a {color:#333;}
.produtos li .img {border:1px solid #d6e7f1; padding:5px;}
.produtos li:hover .img {border:3px solid #ccc; margin:-2px; padding:5px;}
.produtos span {display:block; font-size:12px; padding:5px 0; text-align:left;}
.preco {color:#cf3418; font-size:14px;}

/*formul�rio de contato*/
.form {border:solid 2px #dedede; margin:0 auto 10px; width:570px; padding:14px;}
.form h1 {font-size:18px; font-weight:bold; margin-bottom:8px;}
.form a {color:#444; text-decoration:underline;}
.form p {font-size:12px; color:#f00; margin-bottom:20px; border-bottom:solid 1px #dedede; padding-bottom:10px;}
.form label {display:block; font-weight:bold; text-align:right; width:150px; float:left;}
.form .small {color:#666666; display:block; font-size:11px; font-weight:normal; text-align:right; width:150px;}
.form input, textarea {float:left; width:300px; margin:2px 0 30px 10px; padding:5px;}
.form select {float:left; margin:2px 0 30px 10px; padding:5px;}
.form textarea {height:200px;}
.form button {border:0; clear:both; margin-left:160px; width:125px; height:31px; background:#666 url(../images/button.png) no-repeat; text-align:center; line-height:31px; color:#FFFFFF; font-size:11px; font-weight:bold;}


.detalhes-produto {}
.detalhes-produto img {float:right; margin:0 15px;}
.detalhes {width:250px; padding:100px 0 0 100px;}
.detalhes span {display:block; font-size:18px; padding:10px 0; text-align:left;}
.detalhes .comprar {display:block; margin:30px 0 0;}
.descricao {display:block; padding:10px 100px 30px 0;}
.descricao span {display:block; padding:10px 0; font-size:18px;}

.error, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}





