<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import "tipography.css";

/*-------------------------------------------------------------
 DIMENSOES, TIPOS LETRA E CORES DO LAYOUT
CORES BASE:
AZUL LINKS: #506DA6
LARANJA LINKS HOVER: #F27D00
LARGURA TOTAL: 760px
-------------------------------------------------------------*/
body {
	text-align: center;
	background-color: #FFFFFF;//#506DA6;
}

/* LAYOUT */
#WRAPPER {
	width: 60%;;
	margin: 30px auto;;
	text-align: left;;
	border: 1px solid #506DA6;;
	padding: 5px;
	background-color: #FFFFFF;
}

#HEADER {
	width: 100%;;
	height:140px;;
	clear: both;;
	font-size: 1.6em;;
	padding-bottom: 10px;
	
	
}

#LOGO {
	width: 22%;;
	height:100%;;
	float: left;;
	color: #fff;;
	text-align: center;;
	padding: .2em 0;;
	margin: 0;
	
	
}
#LOGO img{
	width: 100%;;
	height:65%;
	
}
#LOGO p{
	color: #000000;;
	text-align: center;;
	font-weight:bold;
	
	
}
#LOGO a{
	font-size: 0.7em;;
	}

#TITLE  {
	width: 77%;;
	height:100%;;
	float: right;;
	color: #fff;;
	text-align: left;;
	padding: .2em 0;;
	margin: 0;
	background: url(../header_rnd.php) no-repeat center top;
	padding: 0 px 0;
	//opacity:0.5;
	//filter:alpha(opacity=50);

}
#TITLE  h4{
	//background: url(../header_rnd.php) no-repeat center top;
	margin: 0;
	
	background-color:rgba(0,0,0,0.3);
	//opacity:1;
	//filter:alpha(opacity=100);
}

#MENU  {
	width: 77%;;
	float: right;;
	color: #fff;;
	text-align: left;;
	padding: .2em 0;;
	margin: 0;
	padding: 5px 0;
}

#CONTAINER {
	clear: both;;
	padding: 5px 0;
}

#CONTENT {
	width: 75%;;
	float: right;;
	padding: 0 10px;;
	font-size: 1.3em;;
	margin: 10px 0;
	
}


#DESC {
	color: #506DA6;;
	text-align: right;;
	font-style: italic;
}

#MAPA {
	text-align: center;;
	margin: 1em 0;
}

#MAPA img {
	
}

#MESSAGES {
	font-size: 1.2em;;
	margin: 0 20px;
}

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

#MESSAGES ul li {
	list-style: none;;
	list-style: none;;
	background: url(img/bullet.png) no-repeat top left;;
	padding: 0 10px 0 20px;;
	margin-top: .5em;
}

#MESSAGES ul.links li {
	float: left;;
	clear: none;;
	width: 30%;;
	background: 0;;
	padding: 0 .2em;;
	margin: 0;;
	font-size: .8em
}

#NAV {
	
	width: 17%;;
	float: left;;
	padding: 0 5px;;
	font-size: 1.2em;
}

#NAV fieldset {
	padding: 10px 5px;;
	border: 0;;
	border-top: 2px dashed #506DA6;;
	margin: 20px 0;
}

#NAV legend {
	font-size: 1.1em;;
	color: #506DA6;;
	background: #fff;
}

ul.menu {
	list-style: none;;
	margin: 0;
}

ul.menu li {
	float: left;;
	list-style: none;;
	margin: .2em 0;;
	width: 100%;
}

ul.menu label {
	float: left;;
	display: block;;
	width: 65px;;
	margin-right: 5px;;
	text-align: right;;
	padding-top: 2px;
}

ul.menu .field {
	float: left;;
	width: 155px;;
	clear: right;;
	font-size: .9em;
}

#NAV #legenda {
	line-height: 1em;
}

#NAV #legenda ul {
	list-style: none;;
	font-style: italic;;
	margin: 0;;
	padding: 0;
}

#NAV #legenda ul li {
	
}

#NAV #legenda ul ul {
	margin-left: 8em;;
	font-size: .85em;
}

#NAV #legenda ul ul li {
	font-weight: normal;
}

#NAV #legenda ul li img {
	vertical-align: middle;;
	margin: 0 .5em
}

#FOOTER {
	width: 100%;;
	clear: both;;
	font-size: 1.4em;;
	text-align: left;;
	padding: 5px 0;;
	margin: 0;;
	border-top: 2px dashed #506DA6;
}

#FOOTER #credits {
	float: left;;
	width: 60%;;
	font-size: .8em;;
	font-style: italic;
}

#FOOTER ul {
	list-style: none;;
	margin: 0;;
	float: right;
}

#FOOTER ul li {
	list-style: none;;
	margin-left: 1em;
}

#FOOTER ul li a {
	float: left;;
	text-align: center;
}

#FOOTER a.button {
	color: #fff;;
	background: #506DA6;;
	padding-left: 1em;;
	padding-right: 1em;
}

#FOOTER a.button:hover,#FOOTER a.button:active {
	color: #506DA6;;
	background: #eef;
}

#logoesf {
	background: url(logoesf.gif);;
	height: 30px;;
	width: 136px;
}

ul#login {
	width: 230px;
}

ul#login li {
	background: none;
}

ul#login li .button {
	color: #fff;;
	background: #506DA6;;
	border: 1px solid #506DA6;
}

.clear {
	clear: both;
}

.field {
	font-size: 1em;;
	border: 1px solid #506DA6;;
	background: #eef;;
	padding: .1em 0
	}
fieldset {
	padding: 10px 5px;;
	border: 0;;
	border-top: 2px dashed #506DA6;
}
legend {
	font-size: 1.3em;;
	color: #506DA6;;
	background: #fff;;
	padding: 0 .2em
}
#COMMANDS .button {
	color: #fff;;
	background: #506DA6;;
	padding-left: 1em;;
	padding-right: 1em;
}

#COMMANDS .button:hover,#COMMANDS .button:active {
	color: #506DA6;;
	background: #eef;
}
#COMMANDS p {
	float: left;
	width: 50%;
}
ol li { 
margin-left:10px; 

} 
#ScheduleTable td{
	padding-left: 1em;
	padding-right: 1em;
	text-align: center;
}
#preliminary {
	text-align: right;
	color: #C11B17;
}
/* HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH MENU HHHHHHHHHHHHHHHHHHHHHHHHHH */

ul.menubar{
  margin: 0px;
  padding: 0px;
  background: #FFFFFF; /* IE6 Bug */
  font-size: 70%;
  float: center;
  
}
 
ul.menubar .submenu{
  margin: 0px;
  padding: 0px;
  list-style: none;
  background: #FFFFFF;
  /*border: 1px solid  #506DA6;*/
  float:left;
   }
 
ul.menubar ul.menu{
  display: none;
  position: absolute;
  margin: 0px;
  border: 1px solid  #506DA6;
}
 
ul.menubar a{
  padding: 5px;
  display:block;
  text-decoration: none;
  color:  #506DA6;
  padding: 5px;
}

ul.menu, ul.menu ul{
  margin: 0;
  padding: 0;
  /*border-bottom: 1px solid #ccc;*/
  width: 100px; /* Width of Menu Items */
  background: #FFFFFF; /* IE6 Bug */
}
 
ul.menu li{
  
  list-style: none;
  border: 0px;
}
 
ul.menu li a{
  display: block;
  text-decoration: none;
  /*border: 1px solid #ccc;*/
  border-bottom: 0px;
  /*color: #777;*/
  padding: 2px 2px 2px 2px;
}
 
ul.menu li sup{
  font-weight:bold;
  font-size:7px;
  color: red;
}
 
/* Fix IE. Hide from IE Mac \*/
* html ul.menu li { float: left; height: 1%; }
* html ul.menu li a { height: 1%; }
/* End */
 
ul.menu ul{
  position: absolute;
  display: none;
  left: 149px; /* Set 1px less than menu width */
  top: 0px;
}
 
ul.menu li.submenu ul { display: none; } /* Hide sub-menus initially */
 
ul.menu li.submenu { background: transparent url(arrow.gif) right center no-repeat; }
 
ul.menu li a:hover { color: #FFFFFF;background:#506DA6 }
 
#icon{
width:16px;
height:16px;
}
.credits{
text-align:right;
font-size:0.9em;

}
</pre></body></html>