@charset "utf-8";

@font-face {
    font-family: 'ComixRegularCapsRegular';
    src: url('../fontes/comix-webfont.eot');
    src: url('../fontes/comix-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontes/comix-webfont.woff') format('woff'),
         url('../fontes/comix-webfont.ttf') format('truetype'),
         url('../fontes/comix-webfont.svg#ComixRegularCapsRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {background-color:#23753E;}

/* estrutura da página */
#geral {width:960px; position: relative;}
#tudo {width: 960px; margin:0 auto; position: relative;}
#topo {width: 960px; float:left;}
#box-conteudo {width:100%; min-height: 570px; float: left; background:#FFFFB3 url(../imagens/background-box-conteudo.jpg) no-repeat center top; position: relative;}
    #conteudo {width: 960px; float:left; position: relative;}
#rodape {width: 100%; height:250px; position: absolute; top: 478px; left: 0; z-index: 1; background: url(../imagens/background-rodape.png) repeat-x center top; }
/* fim css estrutura da página */

/* css para o topo */

#logomarca {width: 260px; height: 65px; float:left; margin:20px 0 0 20px;}
#twitter {width: 275px; height:62px; float: left; margin: 20px 0 0 12px; padding: 7px 10px 7px 10px; background: url(../imagens/background-twitter.png) no-repeat center top;}
    #twitter h1 {font: 11px arial; color: #174D28; padding: 0 0 5px 0;}
#midia-social {width: 20px; float: left; margin: 21px 0 0 7px;}
    #midia-social ul li {display: block; padding: 0 0 3px 0;}
    
#botao-like {width:90px; float:left; margin: 22px 0 0 15px;}

/* fim css para o topo */

/* css para o conteudo */

#portfolio {width: 551px; height: 331px; float: left; margin: 15px 0 0 20px; padding: 10px 65px 15px 15px; background: url(../imagens/background-portfolio.png) no-repeat center top;}
    #portfolio p.intro {font: 12px 'ComixRegularCapsRegular'; color:#000; letter-spacing: 1px; line-height: 125%;}
    
#ilustracao {width: 329px; height: 494px; position: absolute; z-index: 0; top: 69px; right: 20px;}
#mascote {width: 306px; height: 367px; position: absolute; z-index: 2; top: 170px; right: 12px; *right: 2px;}

/* fim css para o conteúdo */

/* css para o rodapé */

#rodape p {font-family: 'ComixRegularCapsRegular'; color: #fff; letter-spacing: 1px; padding: 0 0 5px 0;}
    #rodape #box-txt-rodape {width: 940px; float: left; margin: 25px 0 0 0; padding: 0 0 0 20px; *margin: 30px 0 0 0; margin: /*\**/30px 0 0 0\9;}
        #rodape p.f19 {font-size: 19px;}
        #rodape p.f14 {font-size: 14px;}

/* fim css para rodapé */

/* css para classses em geral */
.limite {width: 960px; margin: 0 auto;}
.bold {font-weight: bolder; color: #174D28;}