/*--------------------------------------------------
André Francisco -> andrefreela@hotmail.com -> ©2010
--------------------------------------------------*/

/* HTML */
body, div, img, ul, li, a, h1, h2, h3, p {margin:0; padding:0; border:none; outline:none; text-decoration:none; background:transparent;}
body {font-family:Arial, sans-serif; font-size:12px;}
li {list-style-type: none;}
fieldset {padding:20px 30px;}
label {display:block; margin-bottom:2px;}
input, select, textarea {margin-bottom:5px;}
input[type=text] {width:220px;}
input#ddd {width:30px; margin-right:5px;}
input#telefone {width:180px;}
select {width:220px;}
textarea {width:250px; height:100px; display:block; margin-bottom:10px;}
form span {margin-left:5px; padding:2px 0 0 18px; height:14px; color: #093; background:url(../img/icone-enviado.png) no-repeat; display:none;}
.radio {margin-top:8px;}
.error {border:1px solid red; margin-right:5px;}
label.error {display:inline; color:red; border:none; margin:0;}

/* Geral */
#wrap {width:960px; margin:0 auto;}
#wrap, #topo, #menu, #banner, #banner2, #banner3, #home, #miolo, #conteudo, .links, #rodape, #descricao, #galeria, .coda-nav, .coda-slider, .coda-slider .panel, #grid1, #grid2 {position:relative;}
#topo, #logo, #banner, #banner2, #banner3, #home, #miolo, #conteudo, .links, #conteudo h1, #rodape, #descricao, #galeria, .borda, .coda-nav, .coda-slider, .coda-slider .panel, #grid1, #grid2, .cores a {float:left;}
#sitemap, #banner #pager, .imagem, #mapa, #mapa .close, #popup, #popup .close, .form-clube, #image_scroller p, #image_scroller .fade-left, #image_scroller .fade-right {position:absolute;}

/* Rounded*/
.borda, #banner2, #banner3, #image_scroller {border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; behavior:url(border-radius.htc);}
.coda-slider, .destaque {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}

/* Classes */
.tel {font-size:18px; color:#930;}
.drivers-windows {display:block; width:228px; height:85px; background:url(../img/drivers-windows.png); text-indent:-9999px; margin-bottom:6px;}
.drivers-windows:hover {background-position:bottom;}
.drivers-linux {display:block; width:228px; height:85px; background:url(../img/drivers-linux.png); text-indent:-9999px;}
.drivers-windows:hover {background-position:bottom;}
.drivers-linux:hover {background-position:bottom;}
.vantagens {display:block; width:228px; height:85px; margin-top:32px; text-indent:-9999px; background:url(../img/vantagens.png);}
.bt-formula {width:240px; height:38px; background:url(../img/bt-formula.png); text-indent:-999px; display:block;}
.bt-formula:hover {background-position:bottom;}
.link {color:#063; text-decoration:underline; font-size:13px;}
.link:hover {color:#093;}

/* DexPC Club */
.bg-clube {width:960px; height:1200px; background:url(../img/club-bg.png) no-repeat;}
.form-clube {top:100px; left:440px; width:390px}
.form-clube h2 {color:#D30; margin-bottom:5px; font-size:24px;}
.form-clube p {font-weight:bold; font-size:14px; margin-bottom:20px}
.form-clube input[type=text] {width:300px;}
.form-clube label.error {display:none;}
.club-destaque {position:relative; margin:-20px 0 0 140px;}
.club-email {color:#FFF; background:#C30; text-align:center; font-size:12px; padding:4px 0; margin-top:5px; display:none;}
.club-box {position:relative; margin-left:54px;}
#serial {width:200px;}
#serialnumber {position:absolute; top:250px; left:270px; display:none;}
#question {top:2px; left:2px; position:relative; cursor:pointer;}

/* Pesquisa */
.bg-pesquisa {width:960px; height:1200px; background:url(../img/club-bg-pesquisa.png) no-repeat;}
.form-pesquisa {top:90px; left:440px; width:380px;}
.form-pesquisa fieldset {padding:15px 30px;}
.form-pesquisa h2 {font-size:24px; margin-bottom:4px;}
.textarea {height:80px; width:300px}
.club-box {position:relative; margin-left:54px;}
#serial {width:200px;}
#serialnumber {position:absolute; top:250px; left:270px; display:none;}
#question {top:2px; left:2px; position:relative; cursor:pointer;}

/* Club 99 */
.bg-promo {width:960px; min-height:400px; background:url(../img/club-textura.jpg) no-repeat; position:relative; float:left;}
.logo-club {position:relative; float:left; width:393px; height:393px;}
.form-promo {position:relative; float:left; margin:35px 0 0 47px; width:460px;}
.form-promo h2 {color:#D30; margin-bottom:20px;}
.form-promo #email {width:280px;}
.form-promo #frase {width:100%;}
#count1 {font-size:24px; color:#CCC; position:absolute; right:0; margin-top:-10px;}
#enviar {width:86px; height:34px; background:url(../img/club-botao.png); text-indent:-9999px; border:none; cursor:pointer; display:block;}
.regulamento {margin:40px 0 10px 0;}
.regulamento h3 {margin-bottom:4px; color:#999;}
.regulamento li {margin:0 0 2px 15px; color:#777; list-style:square;}
#boasorte {display:none;}


/* Topo */
#topo {width:100%; margin-top:20px;}
#logo {width:178px; height:67px; margin-right:25px;}
#menu {margin-top:20px; border-bottom:1px solid #e4e4e4; float:right;}
ul.dropdown {position:relative; z-index:597; float:left;}
ul.dropdown li {float:left; font-size:15px; font-weight:bold; color:#333; padding-left:12px; margin-left:12px; height:25px; vertical-align:middle; zoom:1; background:url(../img/linha.png) no-repeat left 1px;}
ul.dropdown li.left {background:none; padding-left:0; margin-left:0;}
ul.dropdown li.hover, ul.dropdown li:hover {position:relative; z-index:599; cursor:default; color:#c30;}
ul.dropdown li.hover a, ul.dropdown li:hover a {color:#c30;}
ul.dropdown li a {color:#333;}
ul.dropdown li a:hover {color:#c30;}
ul.dropdown ul {visibility:hidden; position:absolute; top:100%; z-index:598; width:250px;}
ul.dropdown ul li {height:15px; padding:5px 8px 0 0; margin:0 8px 0 0; background-position:right 5px;}
ul.dropdown ul li.right {background:none; padding-right:0; margin-right:0;}
ul.dropdown ul li a {color:#c30;}
ul.dropdown ul li a:hover {text-decoration:underline;}
ul.dropdown ul li a.verde:hover {color:#063;}
ul.dropdown ul ul {top:1px; left:99%;}
ul.dropdown li:hover > ul {visibility:visible;}
ul.dropdown ul.right {right:0;}
ul.dropdown ul.right li {float:right; padding:5px 0 0 8px; margin:0 0 0 8px; background-position:left 5px;}

/* Popup */
#popup {width:393px; height:393px; top:70px; right:0; z-index:150;}
#popup .close {width:58px; height:58px; top:0; right:30px; text-indent:-9999px; cursor:pointer; background:url(../img/close.png);}

/* Home */
#banner {width:960px; margin-top:20px;}
#banner2 {width:464px; height:246px; background:#000; margin-right:26px;}
#banner3 {width:216px; height:246px; background:#000;}
.nivoSlider {position:relative; width:960px; height:202px;}
.nivoSlider img {position:absolute; top:0; left:0; display:none;}
.nivoSlider a.nivo-imageLink {position:absolute; top:0; left:0; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none;}
.nivo-slice {display:block; position:absolute; z-index:50; height:100%;}
.nivo-directionNav a {position:absolute; top:/*172*/75px; z-index:99; cursor:pointer; background:url(../img/arrows.png) no-repeat; display:block; width:35px; height:60px; text-indent:-9999px;}
.nivo-directionNav a.nivo-prevNav {left:10px;}
.nivo-directionNav a.nivo-nextNav {background-position:right; right:10px;}
.nivo-controlNav {position:absolute; right:0px; bottom:-25px;}
.nivo-controlNav a {display:block; cursor:pointer; width:17px; height:22px; background:url(../img/bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left;}
.nivo-controlNav a.active {background-position:0 -22px;}
#home {margin-top:40px;}
#miolo {width:706px; margin-right:26px;}
#image_scroller {width:688px; height:55px; padding:1px 11px; margin:10px 0 20px; background:url(../img/bg-imagescroll.png) no-repeat;}
#image_scroller div {width:686px; height:55px; overflow:hidden;}
#image_scroller p {background:url(../img/tit-marcas.png) no-repeat; width:220px; height:14px; text-indent:-9999px; top:-5px;}
#image_scroller .fade-left {background:url(../img/logo_fadeleft.png) no-repeat; width:20px; height:55px; left:11px;}
#image_scroller .fade-right {background:url(../img/logo_faderight.png) no-repeat; width:20px; height:55px; right:9px;}
.links {width:228px;}
.links a {text-indent:-9999px; display:block;}
.links img {margin-top:5px;}
#icone-clube {width:228px; height:85px; background:url(../img/icone-clube.png); margin-top:8px;}
#icone-clube:hover {background-position:bottom;}
#icone-suporte {width:228px; height:85px; background:url(../img/icone-suporte.png); margin-top:-3px;}
#icone-suporte:hover {background-position:bottom;}
#icone-verde {width:228px; height:85px; background:url(../img/icone-verde.png); margin-top:-4px;}
#icone-verde:hover {background-position:bottom;}
#icone-midia {width:228px; height:54px; background:url(../img/icone-midia.png); margin-top:8px;}
#icone-midia:hover {background-position:bottom;}

/* Conteudo */
#conteudo {margin-top:20px; width:960px; color:#666;}
#conteudo h1 {text-indent:-9999px; height:38px;}
#conteudo h1.tit-institucional {width:152px; background:url(../img/tit-institucional.png);}
#conteudo h1.tit-produtos {width:120px; background:url(../img/tit-produtos.png);}
#conteudo h1.tit-suporte {width:109px; background:url(../img/tit-suporte.png);}
#conteudo h1.tit-ondecomprar {width:183px; background:url(../img/tit-ondecomprar.png);}
#conteudo h1.tit-contato {width:110px; background:url(../img/tit-contato.png);}
#conteudo h1.tit-revendas {width:126px; background:url(../img/tit-revendas.png);}
#conteudo h3 {font-size:16px;}
.aba {font-weight:bold; margin-top:13px; padding:0 10px; color:#000; display:inline-block; font-size:14px;}
.aba.active {color:#000;}
.aba.active a {color: #000; text-decoration:none;}
.aba a {color:#999; text-decoration:underline;}
.aba a:hover {color: #c30;}
.aba a.verde:hover {color: #063;}
.borda {border:1px solid #CCC; width:880px; padding:40px 39px 30px;}
#grid1 {width:612px; margin-right:40px;}
#grid1 h3 {margin-bottom:5px;}
#grid1 p {margin-bottom:20px;}
#grid1 p.arrow {background:url(../img/arrow.png) no-repeat left 2px; font-weight:bold; padding-left:12px;}
#grid1 .destaque {background:#EFEFEF; border:1px solid #CCC; padding:20px; margin-bottom:25px;}
#grid1 .destaque div {padding:15px 0;}
#grid1 .destaque form div {padding:0;}
#grid1 .destaque h2 {width:572px; height:30px; text-indent:-999px; border-bottom:1px solid #999; margin-bottom:20px;}
#grid1 .destaque h2.tit-garantia {background:url(../img/tit-garantia.png);}
#grid1 .destaque h2.tit-revendas {background:url(../img/tit-revendas.png);}
#grid1 .destaque h2.tit-magazines {background:url(../img/tit-magazines.png);}
#grid1 .destaque h2.tit-faleconosco {background:url(../img/tit-faleconosco.png);}
#grid1 .destaque h2.tit-dexpc {background:url(../img/tit-dexpc.png);}
#grid1 .destaque h2.tit-revendadexpc {background:url(../img/tit-revendadexpc.png);}
#grid1 .destaque h2.tit-revendasautorizadas {background:url(../img/tit-revendasautorizadas.png);}
#grid1 .destaque h2.tit-verde {background:url(../img/tit-verde.png);}
#grid1 .destaque p {margin-bottom:20px; font-size:14px;}
#grid1 .destaque a {text-decoration:underline; color:#930;}
#grid1 .destaque a:hover {color:#C30;}
#perguntas li ul {margin-top:5px;}
#perguntas li {margin-bottom:4px; padding-left:16px; cursor:pointer; background:url(../img/mais.png) no-repeat left 3px;}
#perguntas li li {list-style-type:none; margin-bottom:15px; padding-left:5px; background:none; cursor:default;}

#grid2 {width:228px;}
#grid2 img {margin-bottom:10px;}
.aviso {text-align:center; background:url(../img/aviso-topo.png) no-repeat; padding-top:20px; margin-bottom:25px;}
.aviso .bottom {background:url(../img/aviso-bottom.png) no-repeat left bottom; padding-bottom:20px;}
.aviso h3, .aviso p {margin-bottom:5px;}
.aviso strong {display:block; color:#930; padding-top:6px;}
.aviso .bottom strong {padding-top:11px;}
.aviso a {color:#930; text-decoration:underline; font-size:13px;}
.aviso a:hover {color:#C30;}

/* Produtos */
#descricao {width:530px; margin-right:25px; color:#555;}
.coda-nav {width:140px; z-index:50;}
.coda-nav li {border-bottom:1px solid #CCC;}
.coda-nav strong {color:#000;}
.coda-nav strong, .coda-nav a {display:block; padding:5px 0;}
.coda-nav a {color:#666666;}
.coda-nav a:hover {background:#EFEFEF; border-right:1px solid #CCC;}
.coda-nav a.current {background:#EFEFEF; border-right:1px solid #EFEFEF; font-weight:bold;}
.coda-slider {width:389px; height:1200px; padding:20px 0; background:#EFEFEF; border:1px solid #CCC; margin-left:-1px; overflow:hidden; display:block;}
.coda-slider .panel {width:389px; overflow:hidden; display:block;}
.coda-slider h2, .coda-slider h3 {font-size:12px;}
.coda-slider h2 {padding-left:120px; margin-bottom:5px;}
.coda-slider h3 {margin:0 20px 10px 20px;;}
.coda-slider .imagem {top:0; left:20px;}
.coda-slider .processador {padding-left:100px; height:96px; border-bottom:1px solid #999; margin:0 20px 15px 20px;}
.coda-slider li {padding:6px 0; margin:0 20px 6px 20px;}

#descricao.dexbook {width:555px;}
.coda-slider .panel.dexbook {width:414px;}
.coda-slider.dexbook {width:414px;}
.coda-slider .caracteristicas-dexbook li {padding:3px 0; margin-bottom:3px;}

#galeria {width:300px;}
#galeria div img {margin-top:10px;}
#galeria .cores a {margin-right:7px; display:block; width:40px; height:40px; border:1px solid #dfdfdf;}

#galeria .bt-hotsite {width:125px; height:32px; background:url(../img/bt-hotsite.png); text-indent:-9999px; display:block; margin-left:100px;}
#galeria .bt-hotsite:hover {background-position:bottom;}
#galeria .bt-saibamais {width:190px; height:38px; background:url(../img/bt-saibamais.png); text-indent:-9999px; display:block; margin-left:60px;}
#galeria .bt-saibamais:hover {background-position:bottom;}
#galeria .bt-comprar {width:112px; height:34px; background:url(../img/bt-comprar.png);}
#galeria .bt-comprar:hover {background-position:left bottom;}
#galeria .bt-vender {width:112px; height:34px; background:url(../img/bt-vender.png);}
#galeria .bt-vender:hover {background-position:left bottom;}
#galeria .banner-lateral {width:300px; height:608px; display:block; background:url(../img/dexbook_hover.jpg);}
#galeria p {text-align:center;}
#galeria p a {color:#930; text-decoration:underline; font-size:13px;}
#galeria p a:hover {color:#C30;}

/* Rodapé */
#rodape {margin:10px 40px 10px 40px; width:880px;}
#rodape p {color:#777; font-size:11px; text-align:center; padding-top:5px;}
#rodape p.home {padding-top:10px;}

/* Hacks e Bugs */
.aba {*display:inline; *z-index:200;}