﻿/* CSS Home */ 
* { padding: 0; margin: 0; border: 0; font-family: Verdana; font-size: 11px; color: #000; }
*html { overflow-x: hidden; }
ul { list-style: none; }
li { color: #5b5b5b; }
a { text-decoration: none; } 
a:hover { text-decoration: underline; }  

#principal { background: url(../_img/bg-home-topo.jpg) no-repeat; }
#corpo { background: url(../_img/bg-base-grande.jpg) no-repeat 0 bottom; width: 1003px; padding-bottom:30px; }

/* Logos */
#logo { padding: 0px 0 0 22px; } 
h1 { background: url(../_img/logo-click-conta.png) no-repeat; width: 138px; height: 45px; text-indent: -5000px; float: left; margin: 35px 0 0 0px; }
*html h1 { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_img/logo-click-conta.png', sizingMethod='crop'); }
h1 a { width: 100%; height: 100%; display: block; outline: none; position: relative; z-index: 9999; }
h2 { background: url(../_img/logo-bradesco.png) no-repeat; width: 175px; height: 45px; text-indent: -5000px; float: left; margin: 26px 0 0 10px;  }
*html h2 { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_img/logo-bradesco.png', sizingMethod='crop'); }
h2 a { width: 100%; height: 100%; display: block; outline: none; position: relative; z-index: 9999; }

/* Click Vip */
#click_vip { width: 98px; height: 131px; background: url(../_img/img-click-pulseiras.png) no-repeat; padding-left: 110px; margin-left: 325px; margin-top: -40px; *margin-top: 10px; }
*html #click_vip { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_img/img-click-pulseiras.png', sizingMethod='crop'); }
#click_vip h3 { background: url(../_img/tit-click-vip.gif) no-repeat; width: 92px; height: 22px; text-indent: -5000px; }
#click_vip p { color: #695a5a; padding-top: 33px; font-size: 10px; }
#click_vip a { background: url(../_img/btn-click-vip-acessar.gif) no-repeat; width: 69px; height: 16px; display: block; text-indent: -5000px; margin-top: 6px; }

/* Click Vip Logado */
.click_vip_logado { width: 155px; height: 131px; margin: -30px 0 0 365px; padding-left: 20px; }

.click_vip_logado p a span {text-decoration:underline; cursor:pointer;}
*+html #click_vip_logado { padding-top: 10px; margin-top: 0; }
* html #click_vip_logado { margin-top: 10px; height: 165px;  }
.click_vip_logado h3 { background: url(../_img/tit-click-vip.gif) no-repeat; width: 92px; height: 22px; text-indent: -5000px; }
.click_vip_logado strong { display: block; color: #695a5a; margin-top: 40px; }
.click_vip_logado span { background: url(../_img/bg-click-vip-logado.png) no-repeat; width: 162px; height: 21px; display: block; color: #695a5a; font-size: 10px; padding: 3px 0 0 20px; margin: 5px 0 0 -20px; }
*html #click_vip_logado span  { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_img/bg-click-vip-logado.png', sizingMethod='crop'); }
.click_vip_logado .vip-opcoes { float: left; margin-top: 5px; }
.click_vip_logado .vip-opcoes a { color: #695a5a; font-size: 10px; text-decoration: underline; }
.click_vip_logado .vip-opcoes a:hover { text-decoration: none; }
.click_vip_logado .btn-sair { background: url(../_img/btn-sair.gif) no-repeat; display: block; width: 44px; height: 16px; text-indent: -5000px; float: left; margin: 15px 0 0 20px; }

/* Conteúdo */
#conteudo { width: 780px; clear: both; margin-left: 24px; *margin-top: -53px; }
#conteudo:after { content: "."; display: block; clear: both; visibility: hidden; } /* Firefox only: pseudo-elemento criado para englobar o conteudo dos floats. */

/* Esquerda */
#abrir-conta {width: 192px; height: 83px; margin: 15px 0 15px -5px; outline: none; }
#cont-esquerda { width: 200px; float: left; *margin-top: 40px; }

#cont-esquerda .bem-vindo { color: #695a5a; font-size: 10px; font-weight: normal; padding: 2px 0 0 15px; }
#cont-esquerda .btn-click-conta { background: url(../_img/btn-abrir-conta.gif) no-repeat; width: 192px; height: 83px; text-indent: -5000px; display: block; margin: 15px 0 15px -5px; outline: none; }
#cont-esquerda .btn-produtos-servicos { background: url(../_img/btn-produtos-servicos.gif) no-repeat; width: 163px; height: 21px; text-indent: -5000px; display: block; margin: 3px 0 0 10px; outline: none; }
#cont-esquerda .voce-sabia { background: url(../_img/bg-sabia-topo.png) no-repeat; width: 185px; padding-top: 60px; margin-top: 10px; }
*html #cont-esquerda .voce-sabia { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_img/bg-sabia-topo.png', sizingMethod='crop'); }
#cont-esquerda .voce-sabia p { font-size: 10px; font-weight: bold; color: #fff; padding: 0 15px 5px 15px; }
#cont-esquerda .base-voce-sabia { background: url(../_img/bg-sabia-base.gif) no-repeat; width: 185px; height: 40px; position: relative; }
#cont-esquerda .base-voce-sabia a { background: url(../_img/btn-proxima.gif) no-repeat; width: 69px; height: 16px; position: absolute; text-indent: -5000px; bottom: 20px; right: 16px; }

#cont-esquerda .voce-linkado-cont { background: url(../_img/bg-voce-linkado-cont.png) no-repeat; width: 188px;margin-top:0px; position: static; }
*html #cont-esquerda .voce-linkado-cont { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_img/bg-voce-linkado-cont.png', sizingMethod='crop'); }	 
#cont-esquerda .voce-linkado-cont h3{ background: url(../_img/tit-voce-linkado.png) no-repeat; width: 121px; height: 31px; text-indent: -5000px; margin-top: 15px; } 
*html #cont-esquerda .voce-linkado-cont h3 { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_img/tit-voce-linkado.png', sizingMethod='crop'); }
#cont-esquerda .voce-linkado-base { background: url(../_img/bg-voce-linkado-base.png) no-repeat; width: 188px; height: 31px; }
*html #cont-esquerda .voce-linkado-base { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_img/bg-voce-linkado-base.png', sizingMethod='crop'); }

.voce-linkado-cont ul { width: 170px; }
.voce-linkado-cont li { width: 170px; margin-left: 6px; padding: 12px 0; border-bottom: 1px solid #c4c4c4; border-top: 1px solid #ececec; min-height: 80px; }
.voce-linkado-cont li.first { border-top: 0; }
.voce-linkado-cont li.last { border-bottom: 0; padding-bottom: 0; }
.voce-linkado-cont img { float: left; padding: 4px 0 0 4px; }
.voce-linkado-cont strong { display: block; color: #3f3f3f; padding-bottom: 3px; }
.voce-linkado-cont p { color: #3f3f3f; font-size: 10px; }
.voce-linkado-cont p.img { background: url(../_img/bg-voce-linkado-img.gif) no-repeat; float: left; width: 64px; height: 79px; margin-right: 5px; }
.voce-linkado-cont a.texto { display: block; position: relative; }
/*.voce-linkado-cont p.first { float: left; width: 100px; padding-left: 5px; position: static; }
.voce-linkado-cont p.first a { position: relative; }
.voce-linkado-cont p.text { clear: left;*margin-top:-10px; position: static; }
.voce-linkado-cont p.text a { position: relative; font-size: 11px; }*/
.voce-linkado-cont p.acessem { font-weight: bold; }
.voce-linkado-cont p.acessem a { color: #e06469; font-size: 10px; position: relative; }

/* Conteúdo Meio */
#cont-meio { width: 339px; float: left; *margin-top: 40px; }

#cont-meio .simule-sonhos { position: relative; }
.simule-sonhos h3 { background: url(../_img/tit-simule-sonhos.gif) no-repeat; width: 247px; height: 74px; text-indent: -5000px; position: absolute; top: -20px; left: 10px; z-index: 0; }
.simule-sonhos p { width: 144px; position: absolute; top: 134px; right: 20px; font-weight: bold; font-size: 10px; }
.simule-sonhos span { font-size: 10px; }
.simule-sonhos a { background: url(../_img/btn-simular.gif) no-repeat; width: 69; height: 16px; display: block; text-indent: -5000px; margin: 10px 0 0 25px; }
#dest-guitarra{ z-index: 1; position: relative; top: 20px; }
#home-destaque{margin-left:-13px; }

#cont-meio .enquetes { position: relative; margin-top: 50px; right:10px; }
.enquetes h3 { background: url(../_img/tit-enquetes.gif) no-repeat; width: 127px; height: 33px; text-indent: -5000px; }
.enquetes #dest-hamburguer { position: absolute; top: -5px; right: 15px; }
.enquetes .pos-enquete { margin: 10px 0 0 48px; }
.enquetes p { width: 130px; font-size: 10px; padding-bottom: 10px; }
.enquetes strong { font-size: 10px; }
.enquetes ul { margin: 10px 0 10px 15px; }
.enquetes ul li { padding: 3px 0; *padding: 0; color: #3f3f3f; font-size: 10px; }
.enquetes ul li input { margin-right: 3px; *margin: 0; }
.enquetes .btn-ok { background: url(../_img/btn-ok.gif) no-repeat; width: 34px; height: 16px; display: inline-block; text-indent: -5000px; margin-left: 40px; }

#cont-meio .se-liga { background: #ededed url(../_img/bg-se-liga.gif) no-repeat; width: 329px; margin-top: 40px;*margin-top: 48px;_margin-top: 38px; position: relative; right:7px; }
.se-liga h3 { background: url(../_img/tit-se-liga.gif) no-repeat; width: 130px; height: 34px; text-indent: -5000px; position: absolute; top: -25px;  }
.se-liga ul { padding: 5px; }
.se-liga li { background: url(../_img/ico-seta.gif) no-repeat 0 15px; width: 295px; margin: 0 auto; padding: 12px 0; padding-left: 10px; font-size: 10px; }
.se-liga strong { font-size: 10px; }

/* Conteúdo Direita */
#cont-direita { width: 224px; float: left;}

#cont-direita #click_vip { width: 98px; height: 131px; background: url(../_img/img-click-pulseiras.png) no-repeat; padding-left: 110px; margin: -40px 0 0 -14px; *margin-top: 10px; }
*html #cont-direita #click_vip { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_img/img-click-pulseiras.png', sizingMethod='crop'); }
#cont-direita .click_vip_logado { margin: -30px 0 0 26px; *margin-top: 12px; }

#cont-direita .games { position: relative; margin-top:40px; *margin-top:40px;}
*html #cont-direita .games { margin-top: 40px; }
.games h3 { width: 133px; height: 34px; text-indent: -5000px; position: absolute; top: 66px; right: 25px; }
.games ul { width: 190px; margin: 9px 0 0 20px; display: table; }
.games li { padding: 11px 0; display: block; clear: left; }
.games img { float: left; }
.games p { float: left; width: 128px; padding-left: 8px; color: #3f3f3f; font-size: 10px; }
.games strong { display: block; font-size: 10px; }
.games a { background: url(../_img/btn-jogar.gif) no-repeat; width: 69px; height: 16px; display: block; text-indent: -5000px; margin-top: 10px; margin-left: 130px; }

#cont-direita .downloads { position: relative; }
.downloads #dest-bola-basquete { position: absolute; z-index: 1; }
.downloads h3 { width: 128px; height: 36px; text-indent: -5000px; position: absolute; top: 40px; right: 5px; }
.downloads .pos-downloads { padding: 90px 0 0 20px; margin-top:5px; }
.downloads p { font-size: 10px; width:190px;}
.downloads ul { margin: 10px 0; display: table; }
.downloads li { float: left; width: 87px; padding-right: 15px; }
.downloads img { float: left; }
.downloads span { color: #df363d; font-weight: bold; font-size: 10px;margin-left:12px; }
.downloads a { clear: both; background: url(../_img/btn-ver-mais.gif) no-repeat; width: 69px; height: 16px; display: block; text-indent: -5000px; margin: 0 auto; }

#dest-wap { margin: 40px 0 0 20px;}

#abrir-conta {width: 192px; height: 83px; margin: 15px 0 15px -5px; outline: none; }

/* Popup Saída */
#popup-saida { padding: 0; margin: 0; }
#popup-saida .popup { background: url(../_img/bg-pop-saida.jpg) no-repeat; width: 581px; height: 477px; }
#popup-saida .popup .clique { position: relative; top: 195px; left: 180px; }
#popup-saida .popup .clique img { border: 0; }
#popup-saida .popup p { width: 308px; font-family: Tahoma; font-size: 11px; color: #000000; position: relative; top: 230px; left: 21px; }
