html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ul, li { list-style: none; margin: 0; padding: 0; }
html,body {margin: 0; padding: 0; width: 100%; font-family: Arial, Tahoma; font-size: 9pt; color: #666666; background: url('../images/layout/back.png'); line-height: 1.6em;}

a:link,a:visited {color: #e01921; text-decoration: none;}
a:hover,a:active {color: #e01921; text-decoration: underline;}

#center { margin: 0 auto; width: 980px; background: #ffffff;}

#header { float: left; width: 100%; background: url('../images/layout/bg_header.jpg'); }
#header #tab { float: left; width: 100%; background: #000000; border-top: 7px solid #000000; border-bottom: 7px solid #000000; }
#header h1 a{ position: absolute; top: 0px; z-index: 10; width: 187px; height: 177px; margin: 0 0 0 24px;  background: url('../images/layout/logo.png') no-repeat; }
#header h1 span { display: none; }
#header ul.menu { float: right; }
#header ul.menu li { float: left; }
#header ul.menu li a { color: #ffffff; font-size: 1.2em; display: block; padding: 5px 10px; margin: 10px; }

#container { float: left; width: 980px; padding: 20px 0; margin: 0; background: #ffffff url('../images/layout/bg_menu.png') left repeat-y;}
#container #menu { float: left; width: 185px; padding: 0; margin: 0 0 0 24px; _margin: 0 0 0 12px; }
#container #menu h1 { padding: 5px 12px; background: #e1e1e1; color: #e01921; font-size: 1.3em; margin: 0 0 10px 0;}
#container #menu a { display: block; margin: 0 10px; padding: 5px 4px; color: #666666; font-weight: bold; border-bottom: 1px solid #d5d5d5;}
#container #menu a:hover, #container #menu a:active { background: #e1e1e1; text-decoration: none; }
#container #content{ float: left; width: 723px; margin: 0 24px; }

#footer { float: left; width: 100%; padding: 7px 0; background: url('../images/layout/bg_header.jpg'); font-size: 0.9em; color: #ffffff; border-top: 7px solid #000000; line-height: 1.5em;}
#footer .left { float: left; margin: 0 0 0 25px; }
#footer .right { float: right; margin: 5px 25px 0 0; text-align: right; line-height: 1.9em;}
#footer .right a { color: #ffffff; }
#footer .right strong { font-size: 1.2em; }

.clear { clear: both; } /* hack */

/* FORMULARIO */
#content .formulario{ float: left; width: 390px; margin:0 25px 0 0; line-height: 1.7em; }
#content .formulario input, #content .formulario textarea { padding: 5px; border-top:1px solid #999; border-left:1px solid #999; border-bottom:1px solid #ccc; border-right:1px solid #ccc; margin-bottom:3px;}
#content .formulario input { padding: 5px 10px; }
#content .formulario .btenviar { padding: 0; border: 0; vertical-align: middle;}
#content .formulario em { color: #969696; font-size: 0.8em; float: none; }
#content .formulario p { float:left; width:100%; margin:20px 0 0 0; line-height: 1.6em; }
#content .formulario .ok {padding: 10px 0 10px 50px; border: 2px solid #006600; background: #CCFFCC url(../images/layout/ico_contato_ok.png) no-repeat left top; color: #006600; font-weight: bold; margin: 10px 0;}
#content .formulario .erro {padding: 10px 0 10px 50px; border: 2px solid #CC0000; background: #FFD5D5 url(../images/layout/ico_contato_erro.png) no-repeat left top; color: #CC0000; font-weight: bold; margin:10px 0;}
#content .formulario_info { float: left; width:255px; background: #f5f5f5; padding: 10px 20px; border: 5px solid #f1f1f1; font-size: 1.1em;}

/* PAGINAÇÃO */
#box-paginacao {float:left; width:100%; border-bottom:1px solid #cccccc;border-top:1px dotted #cccccc;text-align:center; margin:20px 0 5px 0; padding:2px 0 0 0; background:#f5f5f5}
#box-paginacao ul {margin:5px 0;padding:0;border:0;outline:0;font-size:100%;font-family:inherit; }
#box-paginacao ul li {display:inline; font-size:1.3em;font-weight:bold;}
#box-paginacao ul li.link-anterior {float:left;font-weight:normal;}
#box-paginacao ul li.link-proxima {float:right;font-weight:normal;}
#box-paginacao ul li a {color:#e01921;padding:0 0.30em; text-decoration: none;}
#box-paginacao ul li a:hover {background-color:#e01921;color:#FFF;text-decoration:none}
#box-paginacao ul li.link-anterior a,
#box-paginacao ul li.link-proxima a {padding:0;}
#box-paginacao ul li.link-anterior a:hover,
#box-paginacao ul li.link-proxima a:hover {background:none;color:#e01921;text-decoration:underline;}
#box-paginacao ul li .on {background-color:#DDD;color:#FFF;display:inline !important;padding:0 0.30em;}
#box-paginacao ul li .off {color:#CCC;display:inline !important;}

/* classes globais */
#content h1 { padding: 5px 12px; background: #f1f1f1; color: #e01921; font-size: 1.3em; margin: 0 0 10px 0;}
#content h3 { font-size: 1.2em; color: #4b4b4b; margin: 0 0 10px 0;}
#content p { margin: 0 0 15px 0; }
#content .colFull { float: left; width: 723px; margin: 0 0 20px 0; }
#content .colLeftDouble { float: left; width: 351px; margin: 0 10px 0 0; }
#content .colRightDouble { float: left; width: 351px; margin: 0 0 0 10px; }
#content .colLeft { float: left; width: 227px; margin: 0 10px 0 0; }
#content .colCenter { float: left; width: 227px; margin: 0 10px; }
#content .colRight { float: left; width: 227px; margin: 0 0 0 10px; }

#content ul.listaProdutos { float: left; width: 100%; }
#content ul.listaProdutos li { float: left; width: 200px; height: 210px; padding: 0 20px;}
#content ul.listaProdutos li h2 { font-size: 1.15em; line-height: 1.3em; }
#content ul.listaProdutos li h3 { font-size: 1.25em; line-height: 1.5em; color: #e01921 }

#content h1.spacerTop { margin: 50px 0 15px 0; float: left; width: 100%; }
#content #detalheProduto { float: left; width: 100%; margin: 10px 0 0 0; }
#content #detalheProduto h2 { color: #000000; font-size: 1.8em; line-height: 1.1em; padding: 0 0 10px 0;}
#content #detalheProduto h3 { color: #e01921; font-size: 1.8em; line-height: 1.1em; padding: 0 0 10px 0;}
#content #detalheProduto .foto { float: left; width: 325px; }
#content #detalheProduto .foto img { float: left; border: 1px solid #e5e5e5; padding: 5px; margin: 0 5px 5px 0; }
#content #detalheProduto .info { float: left; width: 390px;  }

#texto { font-size: 1.1em; line-height: 1.7em; }
#texto ul.list li { background: url('../images/layout/bullet.gif') left center no-repeat; padding: 0 0 0 20px; margin: 0 0 0 20px; }

/* loja virtual */
#lojavirtual { float: left; width: 100%; background: #f1f1f1; margin: 0 0 40px 0; padding: 0 0 10px 0; }
#lojavirtual h1 { float: left; width: 100%; background: #fff; padding: 5px 0 10px 0; }
#lojavirtual h3 { float: left; width: 800px; padding: 10px 0 10px 10px; font-size: 1.2em; }
#lojavirtual .ofertas {width: 100%; clear: both; margin: 0 auto; font-size: 1em; line-height:1.3em; margin: 0; }
#lojavirtual .ofertas li {float: left; width: 229px; margin: 0 6px; min-height:260px; text-align: center; padding: 10px 0; color: #666666; background: #fff; }
#lojavirtual .ofertas li.nda { margin: 0 0 0 6px; }
#lojavirtual .ofertas li dl {margin: 0 auto; margin: 0 10px; text-align: center}
#lojavirtual .ofertas li dl img {}
#lojavirtual .ofertas li dl dd.comprar {text-align: center; padding: 5px 0 0 0;}
#lojavirtual .ofertas li dl dd.parcelas {margin-top: 3px; color: #666; font-size: 0.9em;}
#lojavirtual .ofertas li dl dd.parcelas span {font-size: 1em; font-weight: bold; }
#lojavirtual .ofertas li dl dd.parcelas strong {font-size: 1em; }
#lojavirtual .ofertas li dl dd.parcelas small {font-size: 1em; font-weight: bold;}
#lojavirtual .ofertas li dl dd.preco { line-height: 1.5em; }
#lojavirtual .ofertas li dl dd.preco del { font-weight: bold; }
#lojavirtual .ofertas li dl dd.preco strong { font-size: 1.6em; color: #e01921;}
#lojavirtual .ofertas li dl dt {font-weight: bold; margin: 5px 0 12px; }
#lojavirtual .ofertas li dl dt a {color: #333333; font-size: 1.2em; }
