@import url("reset.css");

body{
    background:#9b7e4e;
    color:#767676;
    font-family:Arial, Helvetica, sans-serif;
    text-align:center;
}

#wrapper_topo{
    background:url(../imagens/teenbanc/bg_cont.jpg) top center no-repeat;
    width:100%;
    display:-moz-inline-box;
    display:inline-block;
}

#geral{
    background:transparent;
    width:910px;
    text-align:left;
    font-size:11px;
    display:-moz-inline-box;
    display:inline-block;
}

#topo{
    width:900px;
    height:278px;
}

#topo_botao{
    width:133px;
    height:24px;
    margin-left:390px;
}

#topo_links{
    width:135px;
    margin-left:30px;
    margin-top:139px;
    float:left;
}

#wrapper{
    background:url(../imagens/teenbanc/bg_cont_meio.jpg) top no-repeat;
    width:100%;
    display:-moz-inline-box;
    display:inline-block;
}

#conteudo{
    background:transparent;
    width:900px;
    display:-moz-inline-box;
    display:inline-block;
}

#conteudo_esq{
    background:transparent;
    width:670px;
    float:left;
    display:-moz-inline-box;
    display:inline-block;
}

#banners{
    width:592px;
    height:185px;
    margin-top:26px;
    margin-left:62px;
}

#wrapper_internas{
    background:url(../imagens/teenbanc/bg_cont_internas.jpg) top no-repeat;
    width:100%;
    display:-moz-inline-box;
    display:inline-block;
}

#conteudo_internas{
    background:transparent;
    width:900px;
    height:770px;
    display:-moz-inline-box;
    display:inline-block;
}

#titulo_interna{
    width:592px;
    height:40px;
    float:left;
    margin-left:62px;
    margin-top:10px;
    color:#80c604;
    font-size:18px;
    text-transform:uppercase;
}

#esquerda{
    width:210px;
    display:-moz-inline-box;
    display:inline-block;
    float:left;
}

#palavra{
    background: url(../imagens/teenbanc/bg_palavra.jpg);
    width:210px;
    min-height:300px;
    margin-left:60px;
    margin-top:20px;
}

#palavra .palavra_titulo{
    padding-left:15px;
    color:#bcc00f;
    font-family:Times;
    font-size:18px;
}

#palavra .palavra_conteudo{
    width:185px;
    padding-top:3px;
    padding-left:15px;
    color:#bfba8b;
    font-size:11px;
}

#palavra_rodape{
    width:210px;
    margin-left:60px;
}

#palavra a, a:active, a:visited, a:hover{
    color:#bfba8b;
    text-decoration:none;
    font-weight:normal
}

#testemunho{
    background: url(../imagens/teenbanc/bg_testemunho.jpg);
    width:210px;
    min-height:155px;
    margin-left:60px;
    margin-top:5px;
}

#testemunho .testemunho_conteudo{
    width:185px;
    min-height:80px;
    padding-top:40px;
    padding-left:15px;
    color:#ffffff;
    font-size:11px;
}

#testemunho .testemunho_rodape{
    padding-left:5px;
}

#testemunho a, a:active, a:visited, a:hover{
    color:#ffffff;
    text-decoration:none;
    font-weight:normal
}

#meio{
    background:transparent;
    width:385px;
    margin-left:62px;
    margin-top:13px;
    _margin-left:13px;
    float:left;
}

#fotos_news{
    background:url(../imagens/teenbanc/bg_fotosnews.jpg);
    width:380px;
    height:200px;
}

#fotos_news .fotos{
    width:190px;
    height:200px;
    float:left;
}

#fotos_news .fotos .foto{
    background:aqua;
    width:150px;
    height:100px;
    margin-left:20px;
    margin-top:35px;
}

#fotos_news .fotos .titulo{
    width:150px;
    margin-left:20px;
    margin-top:6px;
    font-weight:normal;
    font-size:12px;
    color:white;
}

#fotos_news .fotos .link{
    width:150px;
    margin-left:20px;
    margin-top:6px;
}

#fotos_news .fotos .mais{
    width:45px;
    margin-left:110px;
    margin-top:4px;
}

#fotos_news .fotos a, a:active, a:visited, a:hover{
    color:#ffb400;
    text-decoration:none;
    font-weight:normal;
}

#fotos_news .news{
    width:190px;
    height:200px;
    margin-left:190px;
}

#fotos_news .news .titulo{
    width:170px;
    margin-left:20px;
    padding-top:37px;
}

#fotos_news .news .titulo a, a:active, a:visited, a:hover{
    color:#ffffff;
    text-decoration:none;
    font-weight:normal;
}

/** PROXIMOS EVENTOS **/

#eventos{
    background:url(../imagens/teenbanc/bg_eventos.jpg);
    width:380px;
    height:205px;
}

#eventos .evento1{
    width:150px;
    height:160px;
    margin-left:28px;
    padding-top:43px;
}

#eventos .evento1 .data{
    width:150px;
    margin-top:-6px;
    color:#584623;
    font-style:italic;
    font-weight:bold;
    font-family:georgia;
    font-size:14px;
    text-align:center;
}

#eventos .evento1 .foto{
    width:150px;
    margin-top:3px;
    text-align:center;
}

#eventos .evento1 .titulo{
    width:150px;
    font-size:11px;
    color:#5f4e2c;
    font-family:arial;
    text-align:center;
    line-height:150%;
    margin-top:4px;
}

#eventos .evento1 a, a:active, a:visited, a:hover{
    color:#5f4e2c;
    text-decoration:none;
    font-weight:normal;
}

#eventos .evento2{
    width:150px;
    height:160px;
    margin-left:190px;
    margin-top:-203px;
    padding-top:43px;
}

#eventos .evento2 .data{
    width:150px;
    margin-top:-6px;
    color:#584623;
    font-style:italic;
    font-weight:bold;
    font-family:georgia;
    font-size:14px;
    text-align:center;
}

#eventos .evento2 .foto{
    width:150px;
    margin-top:3px;
    text-align:center;
}

#eventos .evento2 .titulo{
    width:150px;
    font-size:11px;
    color:#584623;
    font-family:arial;
    text-align:center;
    line-height:150%;
    margin-top:4px;
}

#eventos .evento2 a, a:active, a:visited, a:hover{
    color:#5f4e2c;
    text-decoration:none;
    font-weight:normal;
}

#convite{
    background:url(../imagens/teenbanc/bg_convite.jpg);
    width:380px;
    height:140px;
    margin-top:-10px;
}

#convite .texto{
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    float:left;
    width:180px;
    padding-top:47px;
    padding-left:8px;
}

#convite .caixas{
    width:135px;
    margin-top:-79px;
    float:left;
    padding-left:235px;
}

#convite .bt_convite{
    width:156px;
    height:23px;
    float:left;
    margin-top:8px;
    margin-left:-15px;
    cursor:pointer;
    border-style:none;
    background:url(../imagens/teenbanc/bt_convite.jpg);
}

#rodape{
    background:url(../imagens/teenbanc/bg_rodape.jpg);
    width:390px;
    height:50px;
    margin-left:50px;
    margin-top:20px;
    margin-bottom:15px;
    _margin-left:50px;
}



/********************  AGENDA  ************************/

#sidebar{
    width:204px;
    margin-left:18px;
    margin-top:36px;
    display:-moz-inline-box;
    display:inline-block;
    float:left;
    color:#333333;
}

#sidebar #agenda{
    background:transparent;
    width:194px;
    float:left;
}

#sidebar #agenda .tit_agenda{
    background:url(../imagens/teenbanc/tit_sidebar_agenda.jpg) no-repeat;
    width:194px;
    height: 45px;
    float:left;
}

#sidebar #agenda .cont_agenda{
    width:185px;
    margin-left: 5px;
    float:left;
}

#sidebar #agenda .bt_todasagendas{
    width:194px;
    float:left;
}

#sidebar .dados{
    width:194px;
    float:left;
    color: #333333;
    margin-left: 5px;
    margin-top: -8px;
}


#sidebar #agenda .fundo{
    background:url(../imagens/teenbanc/bg_sidebar_agenda_dia.jpg) top no-repeat;
    width:40px;
    height:31px;
    float:left;
}

#sidebar #agenda .dia{
    text-align:center;
    font-size:14px;
    font-weight:bold;
    margin-top:2px;
    color:#7f5432;
}

#sidebar #agenda .mes{
    text-align:center;
    font-size:10px;
    font-weight:bold;
    margin-top:-14px;
    color:#7f5432;
}

#sidebar #agenda .dados{
    width:190px;
    font-size:11px;
    margin-left:3px;
    color:#333333;
}

#sidebar #agenda .dados a,a:active,a:visited,a:hover{
    color:#333333;
    text-decoration:none;
    font-weight:normal;
}

#sidebar #agenda .dadosdestaque{
    width:190px;
    height:31px;
    font-size:11px;
    font-weight:bold;
    color:#7f5432;
}

#sidebar #agenda .dadosdestaque a,a:active,a:visited,a:hover{
    color:#7f5432;
    text-decoration:none;
    font-weight:bold;
}

/********************  INTERNA  ************************/

#twitter {
    width:193px;
    color: #444444;
    float:left;
}

/********************  INTERNA  ************************/

#internas{
    width:592px;
    height:700px;
    float:left;
    margin-left:62px;
    margin-top:15px;
    margin-right:16px;
}

#internas_footer{
    width:630px;
    margin-left:17px;
}

#internas li{
    background:url(../imagens/principal/seta_eventos.jpg) left no-repeat;
    background-position:0px 5px;
    padding:0px 0px 0px 10px;
}

#internas h1{
    width:550px;
    color:#584623;
    font-size:18px;
    padding-bottom:3px;
    margin-bottom:3px;
    border-bottom:1px solid #584623;
    text-transform:uppercase;
}

#internas h2{
    color:#584623;
    display:inline;
    font-size:14px;
}

#internas h3{
    padding-bottom:3px;
    margin-bottom:3px;
    border-bottom:1px solid #ccc;
}

#internas a,a:active,a:visited,a:hover{
    color: #584623;
    text-decoration:none;
    font-weight:bold;
}