body{
margin: 0px;
padding: 0px;
text-align: center;
font-family: calibri,verdana;
background: url(layout/main_background.jpg) repeat-x;
}
ul#primary-nav{
margin: 0px;
padding-left: 0px;
}
ul#primary-nav li
{
float: left;
display: inline;
}
ul#primary-nav li a{
font: bold 18px calibri;
letter-spacing: 2px;
color: black;
vertical-align: middle;
text-align: center;
text-decoration: none;
background: url(layout/btn_1.jpg) repeat-x;
display: block;
width: 160px;
height: 27px;
padding-top: 3px;
}
ul#primary-nav li a:hover
{
background: url(layout/btn_2.jpg) repeat-x;
}
hr{
color: white;
}
h1{
margin: 0px;
font: bold 20px calibri;
color: white;
text-align: center;
}
h2{
margin: 0px 0px 20px 0px;
font: bold 18px calibri;
color: white;
text-align: center;
}
h3{
margin: 0px 0px 10px 0px;
font: bold 16px calibri;
text-decoration: underline;
color: white;
}
h4{
margin: 0px 0px 5px 0px;
font: 16px calibri;
color: white;
}
a{
color:#FFFFFF;
}
a:hover{
color:#FF0000;
}
address{
font: 16px calibri,verdana;
font-weight: none;
color: #D0D0D0;
}
#MAIN{
margin: 0px auto;
width: 900px;
text-align: left;
}
#TOPO{
margin: 0px;
width: 900px;
height: 150px;
text-indent: -9000px;
background: url(layout/banner.jpg) no-repeat;
}
#MENU{
margin: 0px;
width: 900px;
height: 30px;
cursor: pointer;
text-align: left;
background: #0067D7 url(layout/btn_1.jpg) repeat-x;
}
#SCREEN{
margin: 0px;
width: 900px;
height: auto;
overflow: auto;
overflow-x: hidden;
background: #0067D7 url(layout/bg_screen.png) no-repeat;
}
#BODY{
margin: 20px 0px 0px 75px;
width: 750px;
}
#TITLE{
margin-bottom: 20px;
}
#BOTTOM{
width: 900px;
height: 65px;
text-align: center;
background: url(layout/bottom.png) repeat-x;
}
#PRJT{
float: left;
margin: 10px 0px 20px 40px;
width: 350px;
height: 292px;
}
.P{
margin: 0px;
font: 12px calibri;
color: white;
text-align: justify;
}
.P2{
margin: 0px;
font: 12px calibri;
color: white;
text-align: right;
}
.PRJT{
background: url("images/prjt.jpg") left no-repeat;
}
.PRJT:hover{
background: url("images/prjt.jpg") right no-repeat;
}
.botao {
cursor: pointer;
margin: 2px 0px 3px 0px;
padding: 2px 3px 2px 3px;
width: 50px;
background-color: white;
border: white 2px solid;
font: bold 13px calibri;
text-align: center;
color: black;
text-decoration: none;     
}
.botao:hover{
background-color: #0061D7;
color: red;
}

