﻿/* CSS específico para a Home */
#flash-cartao-saber-crescer {
width:555px;
float:left;
margin:0 15px 0 0 }
#encontre-perto-simuladores {
width:400px;
float:left }
#flash-cartao { margin:10px 0px 0px 0px }
#flash-raspar {
padding:20px 0 10px;
text-align:center;
clear:both }
#flash-home { text-align:center }
.banner-aviso {
float:left;
clear:both;
width:980px;
padding:10px 0;
text-align:center }
/* Encontre perto de vc */
#encontre-perto-vc {
width:396px;
height:182px;
padding:1px 0 0;
background:transparent url(../img/home/bg_encontrepertovc.png) no-repeat center }
#encontre-perto-vc h2 {
width:261px;
height:20px;
background:transparent url(../img/home/txt_localizepertovc.png) no-repeat center;
margin:45px 0 0 18px;
text-indent:-5000px }
#encontre-perto-vc p {
margin:10px 0 0 20px;
color:#474747;
font-size:1.2em;
line-height:1.4em }
#encontre-perto-vc .busca-loja {
width:123px;
height:26px;
background:transparent url(../img/home/bg_inputbuscalojas.png) no-repeat center;
float:left;
margin:12px 0 0 20px;
display:inline }
#encontre-perto-vc .busca-loja input {
background:transparent;
border:none;
padding:6px 2px 0 8px;
width:112px;
font-size:12px }
#encontre-perto-vc .btnbuscarloja {
float:left;
margin: 12px 0 0 5px;
display:inline }
#encontre-perto-vc .btnvertodas {
float:left;
text-indent:-5000px;
width:126px;
height:16px;
background:transparent url(../img/home/btn_vertodaslojas.png) no-repeat center;
margin: 17px 0 0 5px;
display:inline }
/* Simuladores */
#simuladores {
width:392px;
height:213px;
padding:1px 0 0;
background:transparent url(../img/home/bg_simuladores.jpg) no-repeat center;
position:relative }
#simuladores h2 {
margin:19px 0 0 19px;
background:transparent url(../img/home/h2_simuladores.png) no-repeat center;
width:113px;
height:15px;
text-indent:-5000px }
#simuladores .veja-simuladores {
background:transparent url(../img/home/btn_vejatodossimuladores.png) no-repeat center;
float:right;
text-indent:-5000px;
width:147px;
height:19px;
margin:-13px 0 0 5px }
#simuladores p {
margin:32px 0 0 20px;
font-size:1.3em;
color:#000 }
#simuladores p.selecione {
color:#234e74;
font:normal 1.5em Arial, Sans-serif;
margin:21px 0 0 20px }
#simuladores .simulador {
margin:14px 30px 0 20px;
width:232px }
#simuladores .btncontinuar {
position:absolute;
right:23px;
bottom:12px }
/* Saber para crescer */
#saber-para-crescer { margin:20px 0 0 }
#saber-para-crescer h2 {
width:302px;
height:28px;
background:transparent url(../img/home/h2_acompanhesaber.png) no-repeat center;
text-indent:-5000px }
#saber-para-crescer ul { margin:0 0 0 8px }
#saber-para-crescer ul li {
overflow:hidden;
padding:10px 0;
border-bottom:solid 1px #dededa }
#saber-para-crescer p.data {
color:#f29453;
font-size:1.1em;
width:62px;
padding:1px 0 0 4px;
float:left }
#saber-para-crescer p.texto {
color:#616160;
font-size:1.2em;
width:477px;
float:left }
#saber-para-crescer p.texto a {
color:#f29453;
margin:0 5px }
#saber-para-crescer .btnleiaposts {
width:97px;
height:14px;
text-indent:-5000px;
float:left;
background:transparent url(../img/home/btn_leiatodosposts.png) no-repeat center;
margin:10px 21px 0 385px;
display:inline }
#saber-para-crescer .btnrss {
width:35px;
height:14px;
text-indent:-5000px;
float:left;
background:transparent url(../img/home/btn_rss.png) no-repeat center;
margin:10px 0 0 }
#saber-para-crescer h3 {
width:301px;
height:28px;
background:url(../img/saber-para-crescer/acompanhe-saber-crescer-trans.png) no-repeat left top;
text-indent:-5000px }
.saiba-mais-home h3 {
font-size:20px;
color:#0f2c43;
margin:10px 0px 10px 15px;
background:transparent url(../img/home/tit-chamada-videos.png) no-repeat left top;
text-indent: -99999px;
width: 408px;
height: 25px; }
.saiba-mais-home p {
color:#000000;
font-size:13px;
margin:0 0 15px 16px; }
.saiba-mais-home ul {
float:left;
margin:0px 0px 0px 0px }
.saiba-mais-home ul li {
display:inline;
padding:0 30px 0 16px }
.saiba-mais-home ul li a { text-decoration:none }