@import url("rollovers.css");

body {background:#fff;margin:0;font-family:Arial, Helvetica, sans-serif; font-size:0.75em;color:#000;text-align:center;}
h1 {font-size:1.3em;font-family:Tahoma, Arial, Helvetica, sans-serif;font-weight:bold;margin:0 0 10px 0;text-align:left;}
h2 {font-size:1.1em;font-weight:bold;margin:0;}
a {color:#309;text-decoration:none;}
a:visited {color:#669;}
a:hover {color:#000;text-decoration:underline;}
#contentor {margin:0 auto;width:760px;text-align:left;}
#header {height:100px;margin-bottom:40px;margin-top:30px;overflow:hidden;}
#esquerda {width:300px;margin-right:30px;float:left;}
#direita {background-color:#fff;float:right;width:430px;text-align:justify;padding-top:10px;}
#destaque {background-color:#ebebeb;padding:10px;text-align:justify;}
#destaque p {margin-bottom:5px;margin-top:5px;}
#sub {text-align:justify;clear:both;}
#sub p {margin-bottom:5px;margin-top:5px;}
#sub #arq ul {list-style-image: url(li-red.gif);margin:5px 0 10px 17px;}
#sub #des ul {list-style-image: url(li-grn.gif);margin:5px 0 10px 17px;}
#sub #mmd ul {list-style-image: url(li-blu.gif);margin:5px 0 10px 17px;}
#sub ul {list-style-image: url(li-gry.gif);margin:5px 0 10px 17px;}
#direita p {margin-bottom:5px;margin-top:5px;}
#direita ul {list-style-image: url(li-gry.gif);margin:5px 0 10px 17px;}
#rodape {clear:both;font-size:0.75em;color:#999;margin-top:20px;}
.esq {position:absolute;right:20px;top:0;}
.dir {position:absolute;right:0;top:0;}
.row {border-top:1px solid #ccc;padding-top:3px;}
.data {color:#999;font-size:0.75em;margin-top:2px;margin-bottom:30px;}
.port {padding:2px;border:1px solid #ccc;width:423px;height:316px;}
.portext {width:430px;color:#999;text-align:justify;}
.portext h1 {font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:1em;font-weight:bold;margin:20px 0 10px 0;}
.portext p {margin-bottom:5px;margin-top:5px;}
.portext .s {font-size:0.75em;}
.projrec {margin:10px 0 10px 0;}
div.data span.left {float: left;text-align:left;}
div.data span.right {float: right;text-align: right;font-weight:bold;font-size:1.1em;}
div.main {border-left:5px solid #ccc;margin-bottom:20px;}
div.arq {border-left:5px solid #f00;float:left;margin-bottom:20px;}
div.arq img {margin-right:5px;}
div.des {border-left:5px solid #3c0;float:left;margin-bottom:20px;}
div.des img {margin-right:5px;}
div.mmd {border-left:5px solid #39f;float:left;margin-bottom:20px;}
div.mmd img {margin-right:5px;}
div.row span.left {float: left;text-align:left;}
div.row span.right {float: right;text-align: right;font-weight:bold;font-size:1.2em;}