p,body {
    margin:0;
    padding:0
}

body {
    background:#D66C24;
    font-family:arial,verdana
}

a img {
    border:0
}

#page {
    width:770px;
    margin:auto
}

#content {
    position:absolute;
    top:170px;
}

.padrao {
    
    background:url(../images/fundo-menu.gif) #373330 right repeat-y;
    z-index:2
}

.padrao #cima {
    background:url(../images/menu-borda-cima.jpg) right top no-repeat;
    height:35px;
}

#menu #cima {
    width:220px;
}

#informacoes #cima {
    width:290px
}

#inscricoes #cima {
    width:400px
}

#cursos #cima {
    width:350px
}

#contato #cima {
    width:410px
}


.padrao div#cima div#inicio {
    background:url(../images/menu-borda-cima-inicio.jpg) right top no-repeat;
    height:35px;
    width:57px
}

.padrao div#cima div {
    background:url(../images/fundo-menu-cima.jpg) repeat-x;
    height:35px;
    width:49%
}

#informacoes #cima div {
    width:176px
}

#inscricoes #cima div {
    width:286px
}

#cursos #cima div {
    width:240px
}

#contato  #cima div {
    width:296px
}

.padrao div#baixo {
    background:url(../images/menu-borda-baixo.jpg) right top no-repeat;
    height:37px
}

#menu #baixo {
    width:220px
}

#informacoes #baixo {
    width:290px
}

#inscricoes #baixo {
    width:400px
}

#cursos #baixo {
    width:350px
}

#contato #baixo {
    width:410px
}



.padrao div#baixo div#inicio {
    background:url(../images/menu-borda-baixo-inicio.jpg) right top no-repeat;
    height:37px;
    width: 57px
}


.padrao div#baixo div#meio{
    background:url(../images/fundo-menu-baixo.jpg) repeat-x;
    height:37px;
}

#menu #meio {
    width:133px
}

#informacoes #meio {
    width:183px
}

#inscricoes #meio {
    width:288px
}

#contato #meio {
    width:297px
}

#cursos #meio {
    width:252px
}

.content-padrao {
    background:url(../images/fundo-menu-inicio.gif) repeat-y left;
}

#menu ul {
    list-style:none;
    margin:0;
    padding:5px 25px
}

#menu ul li {
    padding:5px 0
}

a {
    color:#B6B6B4;
    text-decoration:none;
    font-weight:bold;
    font-size:18px
}

a:hover {
    color:#FFF
}

#inscricoesAbertas {
    position:absolute;
    top:40px;
    left:220px;
    z-index:1

}

#inscricoesCima {
    background:url(../images/square.gif) no-repeat top;
    width:100px;
    height:64px;
    font-size:17px;
}

#inscricoesAbertas p {
    padding:10px 0 0 0;
    color:#B6B6B4;
    font-weight:bold;
    text-align:center
}

#inscricoesBaixo {
    background:url(../images/square2.gif) no-repeat top;
    width:100px;
    height:64px
}


.left {
    float:left
}

.rigth {
    float:right
}

.clear {
    clear:both
}

#esquerdo {
    width:412px
}

h1 {
    color:#C3C3C1;
    padding:0;
    margin:0 0 25px 0
}

#informacoes p {
    margin:0 0 0 15px;
    padding-bottom:2px;
    color:#fff;
}

#informacoes p span {
    width:100px;
    float:left;
    display:block
    
}


#inscricoes p {
    color:#fff;
    padding:8px 16px
}

#inscricoes p span {
    width:140px;
    float:left
}

#cursos ul {
    list-style:none;
    margin:0
}

#cursos ul li {
    padding:2px 16px;
    color:#fff;
    font-weight:bold
}

#cursos ul li small {
    font-size:60%;
    margin:0 5px;
    font-weight:normal
}

.aviso {
    position:absolute;
    top:-170px;
    left:0;
    width:760px;
    text-align:center;
}

.success {
    background:#abff91;
    padding:5px 10px;
    border:2px solid #569f3f;
    border-top:none;
    color:#1b7300
}

.error {
    background:#ff9d9d;
    padding:5px 10px;
    border:2px solid #a60000;
    border-top:none;
    color:#d20000
}



