html, body {
    height:100%;
} 

html, body{
    margin:0px;
    padding:0px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px%;
    color:#333;
}

ul {
    margin:5px 25px;
    list-style-type:circle;
}

h1 {
    font-size:18px;
    color:#8B4513;
    border-bottom: 2px solid #e2e2e2;
    display:block;
    margin-bottom:15px;
}

h2 {
    font-size:15px;
    color: #8B4513;
    display:block;
    padding:5px 0;
    text-decoration:underline;
}


h3 {
    font-size:12px;
    color: #8B4513;
    display:block;
    padding:5px 0;
    text-decoration:none;
}

h4   {
    color:#8B4513;
    font-size:13px;
    font-weight:bold;
    background:url(imgs/bg1.jpg);
    height:20px;
    padding-top:3px;
    margin:0 0 15px 0;

}

body {
    height: 100%;
    background:url(imgs/bg-shadow.jpg) 50% 50% repeat-y;
}


* html #tudo {
    height: 100%;
}

#tudo {
    background: transparent url(imgs/twocol.jpg) repeat scroll 20% 0;
    width: 790px;
    position:relative;
    margin:0 auto;
    text-align:left;
    min-height:500px;
    border:1px solid #fff;
    border-top:none;
    border-bottom:none;
}

#conteudo {
    /*padding-bottom:60px;*/
    padding-bottom:115px;
}

#topo {
    height:80px;
    color:#FFF;
    background:url(imgs/topo.jpg) 0 0 repeat-x;
    padding-top:70px;
    padding-left:50px;
}

#topo h1.topo {
    color:#FFF;
    text-decoration:none;
    margin:0;
    padding:0;
    border-bottom: none;
    display:block;
}

#principal {
    width:75%;
    text-align:justify;
    line-height:12pt;
    color:#565656;
    margin-left:20%;
    margin-top:15px;
    padding:0 0 0 20px;
    line-height: 150%;
	min-height:500px;
}
/*#principal a {
	color: #305BCF;
}*/

#principal a:hover {
	color: #630;
	text-decoration: underline;*/
}

#bc {
    color:#305BCF;
    margin:0 0 10px 0;
}
#bc a {
    color:#91C8FF;
    text-decoration:none;
}
#bc a:hover {
    text-decoration:underline;
}

#menu {
    float:left;
    width:20%;
    background:#e9e8e8;
    margin-bottom:50px;
}
#menuList {
    list-style:none;
    margin:0px;
    padding:0px;
}
#menuList li {
    position:relative;
    list-style:none;
    padding:0;
    margin:0;
}
#menuList li ul {
    position: absolute;
    left: 159px;
    top: 0;
    display:none;
    margin:0;
    padding:0;
    z-index:3;
}
#menuList ul li a {
    padding:5px;
    display:block;
    border-bottom:1px solid #CCC;
    text-decoration:none;
    color: #8B4513;
    text-align:center;
    background:#E2E2E2;
    width:120px;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

#menuList li:hover ul { display: block; }

#menuList li a{
    padding:5px;
    display:block;
    border-bottom:1px solid #CCC;
    text-decoration:none;
    color:#8B4513;
    text-align:center;
    background:#E2E2E2;
}
#menuList li a:hover {
    background:#D8D8D8;
    text-decoration:underline;
}

.selected {
    background:#D8D8D8;
}

.clear {
    clear:both;
}
#rodape {
    border-top:2px solid #8B4513;
    width:100%;
    background:#FFF;
    height:95px;
    padding:15px 0 0 0;
    position: absolute;
	background-position:center;
	background-repeat:no-repeat;
}
.invisivel {
	width: .1em;
	height: .1em;
	overflow: hidden;
	position: absolute;
}

#mapa {
	display: block;
	width: 750px;
	height: 80px;
	background-image:url(imgs/logo_p.png);
	margin: 0 auto;
	position: absolute;
	list-style:none;
}

#pizza {
	display: block;
	width: 95px;
	height: 80px;
	overflow: hidden;
	position: absolute;
	left: 12px;
	top: 0px;
	background:transparent url(nada.jpg) no-repeat;
}
#napead {
	display: block;
	width: 80px;
	height: 80px;
	overflow: hidden;
	position: absolute;
	left: 488px;
	top: 0px;
	background:transparent url(nada.jpg) no-repeat;
}
#sead {
	display: block;
	width: 82px;
	height: 80px;
	overflow: hidden;
	position: absolute;
	left: 600px;
	top: 0px;
	background:transparent url(nada.jpg) no-repeat;
}
#uab {
	display: block;
	width: 76px;
	height: 80px;
	overflow: hidden;
	position: absolute;
	left: 714px;
	top: 0px;
	background:transparent url(nada.jpg) no-repeat;
}
table.border {
    border-left:1px solid #CCC;
    border-bottom: 1px solid #CCC;
    padding:0px;
    margin:0px;
}
table.border tr td {
    border-right:1px solid #CCC;
    border-top: 1px solid #CCC;
    padding:5px;
    margin:0px;
}
table th {
    border-right:1px solid #CCC;
    border-top: 1px solid #CCC;
    padding:5px 5px 5px 20px;
    margin:0px;
    background:#0F3;
    cursor:pointer;
    background-color:#7fa1a5;
    color:#FFF;
}
th.headerSortDown {
    background: url(down.jpg) 3px 50% no-repeat #7fa1a5;

}
th.headerSortUp { 
    background: url(up.jpg) 3px 50% no-repeat #7fa1a5;
}

.even {
    background-color:#F2F2F2;
}
table.border tr.hl {
    /*background-color:#e4e4e4;*/
    background-color:#b2d6da;
}
table.border tr td.titulo {
    font-size:12px;
}
a img {
    border:none;
}
a:link
{
    text-decoration:none;
    color:#8B4513;
}
a:visited
{
    text-decoration:none;
    color:#8B4513;
}
a:hover
{
    text-decoration:none;
    color:#8B4513;
}
a:active
{
    text-decoration:none;
    color:#8B4513;
}
div.figura {
    margin: 0.5em;
    padding: 0.5em;
}
div.figura p {
    text-align: center;
    padding-right: 0;
    font-weight: bold;
    font-size: smaller;
    display: block;
    text-indent: 0;
}