@import url("reset.css");

/*********
 * Grids *
 *********/

.c960px,
    #container { width:960px; }
.c690px { width:690px; float:left; display:inline; }
.c680px,
    #conteudo { width:680px; float:left; }
.c620px { width:620px; float:left; display:inline; }
.c600px { width:600px; float:left; display:inline; }
.c520px { width:520px; float:left; display:inline; }
.c480px { width:480px; float:left; display:inline; }
.c470px { width:470px; float:left; display:inline; }
.c460px,
    #home #barraEsquerda { width:460px; float:left; display:inline; }
.c450px { width:450px; float:left; display:inline; }
.c440px,
    #menuPrincipal,
    #overblogDestaque { width:440px; float:left; display:inline; }
.c380px { width:380px; float:left; display:inline; }
.c370px,
    #boxComentario { width:370px; float:left; display:inline; }
.c360px { width:360px; float:left; display:inline; }
.c315px,
    #barraUsuario { width:315px; float:left; display:inline; }
.c300px { width:300px; float:left; display:inline; }
.c260px { width:260px; float:left; display:inline; }
.c250px { width:250px; float:left; display:inline; }
.c230px { width:230px; float:left; display:inline; }
.c220px,
    #menuBusca,
    #barraLateral,
    #menuRodape { width:220px; float:left; display:inline; }
#barraPatrocinio  { width:340px; float:left; display:inline; }
.c210px { width:210px; float:left; display:inline; }
.c200px,
    #barraDireita,
    #barraPerfil,
    #menuInstitucional { width:200px; float:left; display:inline; }
#barraAjuda { width:80px; float:left; display:inline; }
.c190px { width:190px; float:left; display:inline; }
.c180px { width:180px; float:left; display:inline; }
.c160px { width:160px; float:left; display:inline; }
.c150px { width:150px; float:left; display:inline; }
.c140px { width:140px; float:left; display:inline; }
.c120px { width:120px; float:left; display:inline; }
.c110px { width:110px; float:left; display:inline; }
.c100px { width:100px; float:left; display:inline; }
.c80px  { width:80px;  float:left; display:inline; }
.c70px  { width:70px;  float:left; display:inline; }
.c60px,
    .comentario .avatar,
    #comente .avatarComentar { width:60px;  float:left; display:inline; }
.c40px  { width:40px;  float:left; display:inline; }

.me10px,
    #menuPrincipal,
    #conteudo,
    #menuRodape { margin-left:10px; }
.md10px,
    #barraPatrocinio,
    #menuBusca,
    #barraLateral,
    #comente .avatarComentar { margin-right:10px; }
.mb10px,
    .destaque { margin-bottom:10px; }
.mt10px { margin-top:10px; }
.ms10px { margin:0 10px; }

.me15px { margin-left:15px; }
.md15px { margin-right:15px; }
.mb15px { margin-bottom:15px; }
.mt15px { margin-top:15px; }
.ms15px { margin:0 15px; }

.me20px,
    #overblog .conteudoExtra,
	#guia .conteudoExtra,
	#agenda .conteudoExtra,
	#blogs .conteudoExtra,	{ margin-left:20px; }
.md20px,
    #menuRodape,
    #home #barraEsquerda,
    .comentario .avatar { margin-right:20px; }
.mb20px,
    #overblogDestaque,
    .breadcrumbs,
    .imagem,
    h1.tituloArea,
    .boxBusca,
    .paginacao,
    #perfil h1,
    #perfil .item h2 { margin-bottom:20px; }
.mt20px { margin-top:20px; }
.ms20px { margin:0 20px; }

.me40px { margin-left:40px; }
.md40px,
    #barraUsuario,
    #barraAjuda,
    #menuPrincipal,
    #menuInstitucional { margin-right:40px; }
.mb40px,
    .resultados .item,
    .ferramentasPerfil { margin-bottom:40px; }
.mt40px { margin-top:40px; }
.ms40px { margin:0 40px; }

.mb15px { margin-bottom:15px; }
.mb10px { margin-bottom:10px; }
.mb5px { margin-bottom:5px; }

.pt2px { padding-top:2px; }
.pt3px { padding-top:3px; }
.pt4px { padding-top:4px; }
.pt5px { padding-top:5px; }
.pt6px { padding-top:6px; }
.pt7px { padding-top:7px; }
.pt8px { padding-top:8px; }
.pt9px { padding-top:9px; }

.pd20px { padding:20px; }

.lh1p2 { line-height:1.2; }
.lh1p5 { line-height:1.5; }

/**************
 * Tipografia *
 **************/

.fs24px { font-size:24px; }
.fs16px { font-size:16px; }
.fs14px { font-size:14px; }
.fs13px { font-size:13px; line-height: 16px;}
.fs12px { font-size:12px; }
.fs11px { font-size:11px; }
.fs10px { font-size:10px; }
.fs0px  { font-size:9px;  }

.ffTrebuchet,
    body,
    h2 span,
    #menuGeral #menuBusca input,
    #filtros input,
    #tags h2,
	#compartilhar h2,
    #boxComentario .textarea textarea,
    h1.tituloArea,
    #perfil h1.tituloArea,
    .colaboracoes h3 span,
    h1 span,
    .formulario button,
    .overfeedsInfo a,
    .secaoVerde h1,
    .resultados .item h2 span.area,
    .listaGrande li a,
    .assinatura .extra,
    h1.tituloAreaAlt,
    #perfil h1.tituloAreaAlt,
	.mais	{ font-family:"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; }
.ffGeorgia,
    h1,
    h2,
    h5,
    #cabecalho #barraUsuario ul li.saudacao,
    #overblogDestaque .destaque .titulo,
    .assinatura,
    .imagem .caption,
    .maisConteudo a,
    .feedArea a,
    #perfil h1,
    .colaboracoes h3,
    #agenda .periodo,
    .downloads .botao,
    .downloads .botao a,
    .secaoAzul .subTitulo,
    .assinaturaEquipe,
    .feedAreaBig a,
    .secaoVerde h2.subTituloArea,
    .overfeedsInfo,
    .overfeedsUrl,
    .textoResultados,
    .subTituloGeral,
    .listaGrande li,
    h1 span.sub,
    .tituloColab a,
    #forum .topicos .item .itemTitulo,
    h1.tituloAreaAlt span.extra { font-family:Georgia, "Times New Roman", Times, serif; }

/***********
 * Helpers *
 ***********/

.center,
    #container { margin:0 auto; }

.noFloat { float:none !important; }
    
.noMargin { margin:0 !important; }

.noBorder { border:none !important; }

.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }

.clearContainer { overflow:hidden; zoom:1; }

.hidden { display:none; }

/*.rounded5px,
    #menuGeral,
    #meuPainel,
    .boxBusca,
    .paginacao,
    .notificacao,
    .secaoAzul,
    .secaoVerde,
    .overfeedAdd,
    #forum .cabecalho { border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; }*/