/* -------------------------------------------------- */
/* SOURCE CODE                                        */
/* -------------------------------------------------- */

* { margin:0; padding:0; border:none; list-style:none }

html, body { width:100%; height:100% }

body { background-color:#272628; font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#d8d9da }

input, textarea, button, select { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#d8d9da }
input, textarea, select { padding:2px; border:1px dotted #bbb; background-color:#222 }
button { margin-right:10px; padding:5px; background:#d8d9da; color:#512626; font-size:10px; font-weight:bold; text-transform:uppercase; cursor:pointer }

#frmContato label { float:right; font-weight:bold }
#frmContato label.clear { font-weight:normal }
#frmContato input, #frmContato textarea { width:80% }

a { text-decoration:none; color:#d8d9da }
a:hover { color:#9e8800 }

.nomr { margin-right:0 !important }

.clear { clear:both }


#wrap { float:left; width:100%; min-width:100%; min-height:100% }
* html #wrap { width:100%; height:100% }


#header { float:left; width:100%; height:220px; background:url('../../imagens/bg_header.gif') repeat-x }


#header-in { width:1000px; height:200px; margin:0 auto }

#header-in h1, #header-in h1 a { display:block; float:left; width:280px; height:70px }
#header-in h1 a { background:url('../../imagens/royalduck.jpg') no-repeat; text-indent:-9999px; color:#272628 }

#navigation { float:left; width:700px; height:40px; padding:15px 0; padding-left:20px }
#navigation li { display:block; float:left; height:20px; padding:10px; text-transform:uppercase }
#navigation li.bag { width:80px; padding-left:40px; background:#3d3c3e url('../../imagens/icon_carrinho.jpg') left center no-repeat }
#navigation li a { font-size:14px }
#navigation li a:hover { text-decoration:none; color:#9e8800 }

#categorias { float:left; width:690px; padding-left:310px; padding-top:15px; display:none }
#produtos #categorias, #produto #categorias { display:block }
#categorias li { display:list-item; height:12px; padding:5px 0; _padding:2px 0; text-transform:uppercase }
#categorias li a { font-size:14px; color:#d8d9da }
#categorias li a:hover { text-decoration:none; color:#9e8800 }


#middle { float:left; width:100%; background-color:#3d3c3e }


.produtos { position:relative; overflow:hidden; width:100%; height:200px; padding:100px 0 }
.produtos ul { position:absolute; overflow:none; white-space:nowrap }
.produtos ul li { display:inline }
.produtos ul li.produto { width:200px; height:150px }
.produtos ul li.linha { width:2px; margin:0 49px }

.slider { position:relative; width:100%; height:20px; margin-top:180px }

.handle { position:absolute; z-index:100; top:0; width:200px; height:20px; background:url('../../imagens/handler.jpg') no-repeat; cursor:move }


#content { width:1000px; margin:0 auto; text-align:justify; line-height:18px }
#content.in { width:1000px; padding:20px 0 }
#home #content.in { width:800px; padding:0; padding-top:20px }

#content h2 { font-size:18px; text-transform:uppercase }

#content h3 { font-size:14px }

#content h4 { font-size:10px }
#content h4 a { color:#bbb }
#content h4.ref { font-weight:normal }


#content ul.lojas li { display:block; float:left; width:490px; margin-bottom:20px; margin-right:20px }


#slides { float:left; width:800px; height:500px; margin-bottom:15px }
#slides img { width:800px; height:500px }


.content-left { float:left; width:450px; margin-right:100px }
#produto .content-left { width:400px; margin-right:100px; padding:100px; padding-right:0 }

.content-left .foto1, .content-left .foto2 { width:400px; height:300px }
.content-left .foto2 { display:none }

.content-left ul.links { float:left; width:400px; text-align:center }
.content-left ul.links li { display:inline }
.content-left ul.links li.meio { margin:0 10px; color:#333 }


.content-right { float:right; width:450px }
#produto .content-right { width:300px; padding:100px; padding-left:0 }

.content-right .info h3, .content-right .info h4 { text-transform:uppercase }
.content-right .info { float:left; width:300px }
.content-right .info span { display:block; float:left; width:300px; height:1px; margin:10px 0; border-bottom:1px dotted #999 }
.content-right .info h3.promocao { font-weight:normal; text-decoration:line-through }
.content-right .info p { display:none }
.content-right .info form { clear:both }
.content-right .info select { width:100%; background-color:#d8d9da; color:#636365 }


#footer { float:left; width:100%; height:40px; padding-top:20px; background:url('../../imagens/bg_footer.gif') repeat-x }


#footer-in { width:1000px; height:40px; margin:0 auto }

#footer-in ul.info { float:left; width:710px; padding-top:15px }
#footer-in ul.info li { display:inline; margin:0 5px; font-size:10px; text-transform:uppercase }

#footer-in ul.social-media { float:left; width:94px; padding-top:12px }
#footer-in ul.social-media li { display:block; float:left; width:16px; height:16px }
#footer-in ul.social-media li.meio { margin:0 14px }

#footer-in a.youtube { display:block; float:left; width:60px; height:40px; margin-right:16px; background:url('../../imagens/icon_youtube.png') no-repeat; text-indent:-9999px }

#footer-in a.pagseguro { display:block; float:left; width:120px; height:40px; background:url('../../imagens/pagseguro.gif') no-repeat; text-indent:-9999px }