﻿/* Bootstrap concept - pre defined sizes */
.ht-200{ height: 200px;}
.ht-300{ height: 300px;}
.ht-400{ height: 400px;}

.guias .conteudo{padding:0;}
.guias .barra-lateral {padding:58px 0 0 0;}
.guias .conteudo p{margin-top:26px; font-size:16px; font-family: OpenSansBold, Arial; letter-spacing:-1px; line-height:19px;}

.guias .tpl-box .lista-guias h2{font-size: 20px; color: #333333; margin-bottom: 15px;}
.guias .tpl-box{
    position:static;
    float:left;
    width:644px;
    height:auto;
    margin-bottom:35px;
    border-top: 1px solid #ccc !important;
    box-shadow: 1px 1px 0px #ABABAB;
    background-image: linear-gradient(bottom, rgb(242,242,242) 29%, rgb(255,255,255) 80%);
    background-image: -o-linear-gradient(bottom, rgb(242,242,242) 29%, rgb(255,255,255) 80%);
    background-image: -moz-linear-gradient(bottom, rgb(242,242,242) 29%, rgb(255,255,255) 80%);
    background-image: -webkit-linear-gradient(bottom, rgb(242,242,242) 29%, rgb(255,255,255) 80%);
    background-image: -ms-linear-gradient(bottom, rgb(242,242,242) 29%, rgb(255,255,255) 80%);
}
.guias .tpl-box .lista-guias{position:static; top:0; padding:20px;}
.guias .tpl-box .lista-guias li a:hover{color:#006796;}
.guias .guias-secao{clear:both; display: inline-block;}
.guias .guias-secao h1{margin-bottom: 25px;}
.guias .tpl-box .lista-guias li{margin-bottom:5px;}
.guias .tpl-box .lista-guias li span{display:inline-block; position: relative; top: 2px; width:6px; height:9px; margin: 0 3px 0 0; background: url(/images/sprite.png) no-repeat -1px -8px;}
.guias .tpl-box .lista-guias li a{font-size:11px; color:#666666; font-family: OpenSansBold, Arial;}
.guias .veja-outros-guias figure.last{margin-right: 0;}
.guias .veja-outros-guias figcaption{font-size: 20px; font-family: OpenSansBold, Arial; color: #333333; position: relative; display: inline; top: -10px; margin-left: 5px;}
.guias .veja-outros-guias h1{color: #333; margin-top: 30px; margin-bottom: 25px;}
.guias .veja-outros-guias figure{float: left; width: 180px; margin-right: 56px; margin-bottom: 30px;}
.guias .guias-secao  > h2{color: #333333; display: block; font-size: 20px; margin-bottom: 10px; padding: 12px 0 0 0; width: 400px; float:left;}
.guias .guias-secao > h2 span{background: url("/images/sprite-icons-super-small.png") no-repeat; display: block; height: 43px; position: relative; margin-right: 10px; top: -11px; width: 42px; float:left;}
.guias .guias-secao span.img-guias-acoes{background-position: -1px -44px;}
.guias .guias-secao span.img-guias-analise-fundamentalista{background-position: -211px -134px;}
.guias .guias-secao span.img-guias-analise-tecnica{background-position: -85px -134px;}
.guias .guias-secao span.img-guias-aposentadoria{background-position: -84px -90px;}
.guias .guias-secao span.img-guias-carreiras{background-position: -169px -133px;}
.guias .guias-secao span.img-guias-carros{background-position: -86px 0;}
.guias .guias-secao span.img-guias-comportamento{background-position: -253px -133px;}
.guias .guias-secao span.img-guias-consumo{background-position: -294px -44px;}
.guias .guias-secao span.img-guias-empreendedorismo{background-position: -169px -43px;}
.guias .guias-secao span.img-guias-imoveis{background-position: -211px 1px;}
.guias .guias-secao span.img-guias-investimentos{background-position: -127px 0;}
.guias .guias-secao span.img-guias-jovens{background-position: 0 -132px;}
.guias .guias-secao span.img-guias-orcamento{background-position: -252px -44px;}
.guias .guias-secao span.img-guias-proventos{background-position: -295px -134px;}
.guias .guias-secao span.img-guias-seguros{background-position: -127px -133px;}
.guias .guias-secao span.img-guias-tecnologia{background-position: -209px -43px;}
.guias .guias-secao span.img-guias-tributos{background-position: -42px -134px;}
.guias .guias-secao span.img-guias-turismo{background-position: -128px -44px;}

.guias .veja-outros-guias ul{list-style:none;}
.guias .veja-outros-guias ul li{float: left; font-family: OpenSansBold, Arial; font-size: 14px; height: 107px; text-align: center; width: 158px; /*letter-spacing: 1px;*/}

.guias .veja-outros-guias ul li span{background: url("/images/sprite-buttons.png") no-repeat; display: block; height: 73px;  width: 68px; margin-left: 43px;}
.guias .veja-outros-guias ul li span{*margin-left:0;}

.guias .veja-outros-guias ul li span.img-acoes{background-position: 0px -277px;}
.guias .veja-outros-guias ul li span.img-carros{background-position: -68px -277px;}
.guias .veja-outros-guias ul li span.img-empreendedorismo{background-position: -340px -277px;}
.guias .veja-outros-guias ul li span.img-investimentos {background-position: -204px -276px}
.guias .veja-outros-guias ul li span.img-analises-financeiras{background-position: -408px -277px;}
.guias .veja-outros-guias ul li span.img-contabilidade{background-position: 0px -347px;}
.guias .veja-outros-guias ul li span.img-financas-pessoais{background-position: -68px -347px;}
.guias .veja-outros-guias ul li span.img-ir {background-position: -408px -348px;}
.guias .veja-outros-guias ul li span.img-aposentadoria{background-position: -135px -347px;}
.guias .veja-outros-guias ul li span.img-derivativos{background-position: -204px -347px;}
.guias .veja-outros-guias ul li span.img-imoveis{background-position: -272px -277px;}
.guias .veja-outros-guias ul li span.img-legislacao{background-position: -476px -277px;}
.guias .veja-outros-guias ul li span.img-cambio{background-position: -272px -347px;}
.guias .veja-outros-guias ul li span.img-economia{background-position: -340px -347px;}
.guias .veja-outros-guias ul li span.img-imposto{background-position: -136px -277px;}
.guias .veja-outros-guias ul li span.img-renda-fixa{background-position: -203px -277px;}

.guias .veja-outros-guias ul li span.img-analise-fundamentalista{background-position: -340px -418px;}
.guias .veja-outros-guias ul li span.img-analise-tecnica{background-position: -135px -418px;}
.guias .veja-outros-guias ul li span.img-carreiras{background-position: -272px -418px;}
.guias .veja-outros-guias ul li span.img-comportamento{background-position: -407px -418px;}
.guias .veja-outros-guias ul li span.img-consumo{background-position: -476px -419px;}
.guias .veja-outros-guias ul li span.img-jovens{background-position: 0 -418px;}
.guias .veja-outros-guias ul li span.img-orcamento{background-position: 0px -492px;}
.guias .veja-outros-guias ul li span.img-proventos{background-position: -203px -491px;}
.guias .veja-outros-guias ul li span.img-seguros{background-position: -204px -418px;}
.guias .veja-outros-guias ul li span.img-tecnologia{background-position: -67px -490px;}
.guias .veja-outros-guias ul li span.img-tributos{background-position: -68px -419px;}
.guias .veja-outros-guias ul li span.img-turismo{background-position: -135px -492px;}
.aprenda .listagem-guias{margin-bottom:50px;}