*{
    font-family: "Trebuchet MS", "Arial";
    font-size: 12px;
    color: #231f20;
    line-height: 13px;
}

body{
    background-color: #fff;
}

em{
    font-style: italic;
}

#header{
    height: 200px;
    background: url(../img/repete_topo.jpg) repeat-x top left;    
}

#header .content{
    width: 830px;
    margin: 0 auto;
}

#header .menu{
    width: 830px;
}

#header .menu a{
    display: block;
    height: 60px;
    float: left;
}
.menu a.quem_somos{
    width: 167px;
    background: url(../img/btn_quem_somos.jpg);
}

.menu a.quem_somos:hover{
    background: url(../img/btn_quem_somos_e.jpg);
}

.menu a.estrutura{
    width: 146px;
    background: url(../img/btn_estrutura.jpg);
}

.menu a.estrutura:hover{
    background: url(../img/btn_estrutura_e.jpg);
}

.menu a.atuacao{
    width: 132px;
    background: url(../img/btn_atuacao.jpg);
}

.menu a.atuacao:hover{
    background: url(../img/btn_atuacao_e.jpg);
}

.menu a.equipe{
    width: 121px;
    background: url(../img/btn_equipe.jpg);
}
.menu a.equipe:hover{
    background: url(../img/btn_equipe_e.jpg);
}

.menu a.cursos{
    width: 125px;
    background: url(../img/btn_cursos.jpg);
}

.menu a.cursos:hover{
    background: url(../img/btn_cursos_e.jpg);
}

.menu a.contato{
    width: 139px;
    background: url(../img/btn_contato.jpg);
}

.menu a.contato:hover{
    background: url(../img/btn_contato_e.jpg);
}

#footer{
    height: 40px;
    background-color: #0077ae;    
}

#footer .f0{
    width: 938px;
    margin: 0 auto;
}

#footer .f2 p{
    text-align: center;
    padding-top: 10px;
}

#footer .f2 *{
    color: #d3c7ae;
    font-style: italic;
}

#footer .f2 p span{
    font-size: 16px;
}

#footer .f3{
    text-align: right;
}

#footer .f3 a{
    margin-top: 10px;
    display: inline-block;
    height: 19px;
    padding-right: 25px;
    color:#fff;
    
}

.f3 a.roberto{
    background: url(../img/ico.gif) right top no-repeat;
    margin-right: 10px;
}

.f3 a.oneweb{
    background: url(../img/oneweb.jpg) right top no-repeat;
}

#footer address{
    color: #fff;
    padding-top: 7px;
    font-size: 11px;
}

#footer .f0 div{
    display: block;
    float: left;
}

#footer .f0 .f1{ width: 40%; }
#footer .f0 .f2{ width: 30%; }
#footer .f0 .f3{ width: 30%; }

#main{
    width: 980px;
    margin: 0 auto;
}

/*index*/
.c1{
    position: relative;
    height: 382px;
    background: url(../img/img_home.jpg) no-repeat top left;
}

.c1 .box{
    position: absolute;
    top: 77px;
    width: 175px;
    height: 160px;
}

.c1 .box .linha{
    border-top: 2px dotted #fff;
    width: 154px;
    height: 18px;
}

.c1 .box p{
    color: #fff;
}

.c1 .box1{
    left: 378px;
}

.c1 .box2{
    left: 575px;
    width: 170px;
}

.c1 .box3{
    left: 775px;
    width: 165px;
}

.c1 .box a{
    position: absolute;
    top: 100px;
    left: 30px;
    display: block;
    height: 45px;
    width: 107px;
    background: url(../img/saiba_mais.png);
}

.c2{
    height: 360px;
    width: 960px;
    margin-left: 20px;
    background: url(../img/dr.jpg) no-repeat right bottom;
    margin-top: 20px;
}

.c2 ul{
    height: 180px;
}

.c2 ul li{
    display: block;
    float: left;
}

.c2 ul li.imagem{
    width: 228px;
}

.c2 ul li.texto1{
    width: 352px;
}

.c2 ul li.texto1 p{
    padding-top: 10px;
}

.c2 ul li.texto2{
    width: 180px;
}

.c2 ul li.texto2 p{
    padding-top: 40px;
}

.c2 ul li.texto2 p span{
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
}
.c2 ul li.texto2 img{
    margin-top: 20px;
}

.c2 .separador{
    height: 38px;
    background: url(../img/separador.gif) repeat-x top left;
    width: 750px;
}

.c3{
    height: 142px;
}

.c3 div{
    display: block;
    float: left;
    width: 280px;
}

/*botoes com sombra*/

a.inscricao1{
    display: block;
    width: 109px;
    height: 45px;
    background: url(../img/btn_inscricoes.jpg) no-repeat top left;
    margin-top: 25px;
}

a.inscricao1:active{
    background: url(../img/btn_inscricoes_s.jpg) no-repeat top left;
}

.c1 .box a:active{
    background: url(../img/saiba_mais_s.png);
}

.contato .submit input:active {
    background: url(../img/btn_enviar_s.jpg);
}

.abc a.btn_download{
    margin-top: 20px;
    background: url(../img/btn_donwload.jpg) no-repeat top left;
    width: 108px;
    height: 44px;
    display: block;
}

.abc a.btn_download:active{
    background: url(../img/btn_donwload_s.jpg) no-repeat top left;
}

a.btn_programacao{
    display: block;
    width: 107px;
    height: 45px;
    background: url(../img/btn_programacao.jpg) no-repeat top left;
}

a.btn_programacao:active{
    background: url(../img/btn_programacao_s.jpg) no-repeat top left;
}

a.inscrevase{
    background: url(../img/inscrevase.jpg) no-repeat top left;
    width: 184px;
    height: 64px;
    display: block;
}

a.inscrevase:active{
    background: url(../img/inscrevase_s.jpg) no-repeat top left;
}

.eventos2 .submit input:active{
    background: transparent url(../img/btn_enviar2_s.jpg) no-repeat top left;
}