﻿* {margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#626161}
a, a img, fieldset {border:none}
a {text-decoration:none}
a:hover {text-decoration:underline}
ul, li {list-style-type:none}
input, textarea, select, option {color:#f0bed9}
input:focus, select:focus, textarea:focus {outline:0}
.noBorder {border:none!important}

body {background:url(/images/bkgBody.jpg) no-repeat center top}

#geral {width:1000px;margin:0 auto}

/*Header*/
#header {float:left;clear:both;width:100%}
#header .menu {float:left;width:100%}
.menu ul {float:left;width:625px;height:138px;margin:3px 0 0 185px}
.menu li {float:left;height:138px}
.menu li.menuClubinho {background:url(/images/imgMenuClubinho.gif) no-repeat 0 0;width:82px;margin:0 31px 0 0}
.menu li.menuProdutos {background:url(/images/imgMenuProdutos.gif) no-repeat 0 0;width:82px;margin:10px 35px 0 0}
.menu li.logo {margin:2px 45px 0 0}
.menu li.menuDicas {background:url(/images/imgMenuDicas.gif) no-repeat 0 0;width:82px;margin:10px 29px 0 0}
.menu li.menuContato {background:url(/images/imgMenuContato.gif) no-repeat 0 0;width:83px}

.menu li.menuClubinho a, .menu li.menuDicas a, .menu li.menuProdutos a {display:block;width:82px;height:77px}
.menu li.menuContato a {display:block;width:83px;height:77px}

/*Conteúdo*/
#contentSite {float:left;clear:both;width:100%;height:437px}

#block {background:#000;display:none;position:fixed;top:0;left:0;width:100%;height:100%;filter:alpha(opacity=60);opacity:0.6}
div.fechar {position:absolute; right:140px; top:35px; text-align:center;}
div.fechar p {float:left; margin-right:5px; color:#DA5CA0;}
div.fechar img {float:left;}
div.fechar:hover {cursor:pointer;}

/*Home*/
.joanita {float:left;width:176px;margin:62px 0 0 34px}

.homeDownloads {float:left;width:85px;margin:124px 170px 0 0; position:relative;}
.homeDownloads a {display:block;height:42px}

.centro {float:left;width:66px;margin:78px 246px 0 0; position:relative;}
.centro .homeDicas {display:block;width:42px;height:59px;margin:0 0 154px 6px}
.centro .homeJornal {display:block;width:66px;height:47px}

.bot_jornal {position:absolute; bottom:-20px; left:15px;}
.bot_dicas {position:absolute; bottom:80px; right:85px;}
.bot_down {position:absolute; bottom:30px; left:30px;}

.homeJogos {position:relative;top:-30px;float:left;width:130px}
.homeJogos .homePinte {display:block;width:75px;height:74px}
.homeJogos .homeVestindo {display:block;width:95px;height:87px;margin:0 0 0 33px}

/*Interas*/
.moldura {background:url(/images/bkgMoldura.png) no-repeat 0 0;position:absolute;top:103px;left:50%;width:910px;height:513px;margin:0 0 0 -455px}

.topoMoldura {float:left;width:100%;height:135px}
.topoMoldura .coracao {float:left;padding:8px 36px 0 17px}

.menuLateral {background:url(/images/bkgMenu.png) no-repeat 8px 0;float:left;width:175px;height:223px;margin:0 20px 0 0}
.menuLateral ul {margin:25px 0 0 38px}
.menuLateral li {line-height:30px}
.menuLateral li a {color:#ffd4eb}
.menuLateral li.select {font-weight:bold;color:#fff}

.conteudo {float:left;width:715px}

.breadcrumbs {float:left;width:714px}
.breadcrumbs ul {margin:63px 0 0 0}
.breadcrumbs li {float:left;margin:0 7px 0 0;color:#cc98d0}
.breadcrumbs li a {color:#9a40a0}

h1 {float:left;width:714px;margin:12px 0 0 0}

/*Jogos*/
.jogos {float:left;width:100%}
.jogos p {width:550px;margin:0 0 15px 0;line-height:17px}
.jogos .logoJogo {margin:0 58px 0 0}
.jogos .jogue1 {display:block;width:117px;height:45px;position:relative;top:-21px;left:26px}
.jogos .jogue2 {display:block;width:117px;height:45px;position:relative;top:-66px;left:332px}

/*Downloads*/
.downloads {background:url(/images/bkgDownload.gif) no-repeat 531px 37px;height:513px}
.download {float:left;width:100%}

.listaDown {float:left;width:318px}
.listaDown p {width:280px;line-height:21px}
.listaDown ul {width:280px;margin:20px 0 0 0}
.listaDown li {line-height:21px}

.imgDownload {position:relative;top:-40px;float:left;width:393px}
.imgDownload a {display:block;width:118px;height:45px;position:relative;top:-27px;left:79px}

/*Clubinho*/
.clubinho {background:url(/images/bkgClubinho.png) no-repeat 550px 79px;height:513px}
.contentClubinho {float:left;width:100%}
.contentClubinho p {width:425px;margin:0 0 15px 0;line-height:21px}
.contentClubinho p.menor {width:326px}

/*Jornal*/
.jornal {background:url(/images/bkgJornal.gif) no-repeat 501px 167px;height:513px}
.jornalTxt {float:left;width:309px}
.jornalTxt p {width:287px;margin:0 0 15px 0;line-height:21px}
.jornalTxt a img {margin:10px 0 0 5px}
.ultimaVersao {position:relative;top:-53px;float:left;width:404px}
.ultimaVersao a {display:block;position:relative;top:-34px;left:104px;width:118px;height:45px}

/*Edições Anteriores*/
.edAnteriores {float:left;width:639px}
.edicoes {float:left;width:192px;height:116px;margin:0 21px 0 0}
.edicoes .thumb {float:left;margin:30px 10px 0 0}
.edicoes p {padding:48px 0 0;font-weight:bold;color:#da5ca0}
.edicoes a {float:left;display:block;width:118px;height:45px;position:relative;top:-24px;left:29px}
.voltarJornal {float:left;width:523px;padding:35px 116px 0 0;text-align:right}
.voltarJornal a {color:#da5ca0}

/*Sobre Joanita*/
.sobreJoanita {background:url(/images/bkgSobreJoanita.png) no-repeat 620px 83px;height:513px}
.joanitaTxt {width:420px;height:300px;overflow-x:hidden;overflow-y:scroll}
.joanitaTxt p {width:400px;margin:0 0 15px 0;line-height:21px}

/*Dicas*/
.contentDicas {background:url(/images/bkgDicas.gif) no-repeat 21px 178px;float:left;height:513px}
.dicas {position:relative;top:-30px;float:left;width:714px;padding:0 0 0 196px}
.dicas p {width:637px;margin:0 0 3px 0;line-height:17px}
.dicas p.intro {position:relative;top:-15px}
.dicas .divDicas {background:url(/images/bkgContetnDicas.gif) no-repeat 0 0;float:left;width:465px;height:270px}
.dicas .scrollDicas {float:left;width:441px;height:255px;margin:8px 0 0 12px;overflow-x:hidden;overflow-y:scroll}
.dicas .dicaDetalhe {float:left;width:420px;margin:0 0 3px 0;padding:8px 0 18px 0;border-bottom:1px solid #e0c0d5}
.dicas .dicaDetalhe img {float:left;margin:0 15px 0 13px}
.dicas .dicaDetalhe h2 {float:left;width:280px;margin:1px 0 0 0;font-size:13px;color:#d6589c;line-height:17px}
.dicas .dicaDetalhe p {float:left;width:290px;margin:0}

/*Contato*/
.contato {float:left;position:relative;top:-45px;width:100%}
.contato p {width:591px;margin:0 0 15px 196px;line-height:21px}

.form {float:left;width:478px}
.form dl {float:left;width:465px;margin:0 0 0 13px}
.form dt {float:left;width:173px;height:27px;padding:3px 10px 0 0;text-align:right;color:#da5ca0;font-weight:bold}
.form dd span, .form dt span {position:relative;top:-2px;font-size:9px}
.form dd {float:left;width:245px;height:36px}
.form dd.textarea {height:82px}
.form dd.textarea textarea {background:#da5ca0;width:237px;height:52px;padding:3px;border:1px solid #da5ca0}
.form dd input {background:#da5ca0;width:237px;height:12px;padding:3px;border:1px solid #da5ca0}
.form dd input.cidade {width:130px}
.form dd.inputCidade {width:141px}
.form dt.txtEstado {width:47px}
.form dd.selectEstado {width:35px!important}
.form dd .estado {background:#da5ca0;width:46px;border:1px solid #da5ca0}
.form dd.botoes {text-align:right}
.form .enviar, .form .limpar {background:url(/images/bkgBotao.gif) no-repeat 0 0;width:65px;height:22px;margin:0 0 0 6px;color:#fff;font-weight:bold;text-transform:uppercase;border:none}

.dados {background:url(/images/bkgInfoContato.gif) no-repeat 0 0;float:left;width:321px;height:195px}
.dados p {width:275px;margin:19px 0 18px 23px;color:#9a40a0;line-height:17px}
.dados ul {width:275px;margin:0 0 0 23px}
.dados li, .dados li strong {color:#9a40a0;line-height:17px}
.dados li a {font-weight:bold;color:#9a40a0}

.mensagens {float:left;width:441px}
.mensagens p {width:auto;margin:0 0 25px 198px;color:#da5ca0;font-weight:bold}
.mensagens .voltar {background:url(/images/bkgBotao.gif) no-repeat 0 0;float:right;width:65px;height:22px;color:#fff;font-weight:bold;text-transform:uppercase;border:none}

/*Div's jogos*/
#pinte, #vestindo {display:none;position:fixed;top:50%;left:50%;width:787px;height:509px;margin:-250px 0 0 -390px}

/*Footer*/
#footer {float:left;position:relative;clear:both;width:100%;padding:0 0 20px 0;z-index:99}
#footer ul {width:100%;height:23px;margin:0 auto}
#footer li {float:left;width:50%}
#footer li a {margin:0 0 0 58px}
#footer li .enken {float:right;margin:0 16px 0 0}
