<style style="text/css">
a:link {  color: #003399; text-decoration: none}
a:visited {color: #003399; text-decoration: none}
a:hover {  }
.normal { font-family: Verdana, Arial, Helvetica, sans-serif; line-height: normal; font-size: 8pt; font-style: normal}
.normalsmall { font-family: Verdana, Arial, Helvetica, sans-serif; line-height: normal; font-size: 7pt; font-style: normal}
.normal2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: normal;
	font-size: 11pt;
	font-style: normal;
}
.normal3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: normal;
	font-size: 10pt;
	font-style: normal;
}
.normal4 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: normal;
	font-size: 12pt;
	font-style: normal;
}
.invisible { font-family: Verdana, Arial, Helvetica, sans-serif; line-height: normal; color: #FFFFFF; font-size: 1pt}
.button {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; background-color: #CCE6FF; font-weight: bold}
.title {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13pt; font-weight: bold; text-align: center}
.titulo { font-family: Verdana, Arial, Helvetica, sans-serif; line-height: normal; font-size: 10pt; font-style: normal ; font-weight: bold}
h1{ font-family: Verdana, Arial, Helvetica, sans-serif; line-height: normal; font-size: 8pt; font-style: normal}
h3 { font-family: Verdana, Arial, Helvetica, sans-serif; line-height: normal; font-size: 6.5pt; font-style: normal; position: absolute; visibility: hidden; z-index: 1;}

.scroll-left {
 height: 50px;	
 overflow: hidden;
 position: relative;
 background: #0e4e89;
 color: white;
 border: 1px solid #000065;
}
.scroll-left p {
 position: absolute;
 font-family: sans-serif;
 font-weight: bold;
 letter-spacing: 2px;
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 50px;
 text-align: center;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);	
 transform:translateX(100%);
 /* Apply animation to this element */	
 -moz-animation: scroll-left 15s linear infinite;
 -webkit-animation: scroll-left 15s linear infinite;
 animation: scroll-left 15s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes scroll-left {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll-left {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes scroll-left {
 0%   { 
 -moz-transform: translateX(100%); /* Browser bug fix */
 -webkit-transform: translateX(100%); /* Browser bug fix */
 transform: translateX(100%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); /* Browser bug fix */
 -webkit-transform: translateX(-100%); /* Browser bug fix */
 transform: translateX(-100%); 
 }
 

ul {
  text-align: left;
  display: inline;
  margin: 0;
  padding: 15px 4px 17px 0;
  list-style: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
ul li {
  font: bold 12px/18px sans-serif;
  display: inline-block;
  margin-right: -4px;
  position: relative;
  padding: 15px 20px;
  background: #fff;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
ul li:hover {
  background: #555;
  color: #fff;
}
ul li ul {
  padding: 0;
  position: absolute;
  top: 48px;
  left: 0;
  width: 150px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}
ul li ul li { 
  background: #555; 
  display: block; 
  color: #fff;
  text-shadow: 0 -1px 0 #000;
}
ul li ul li:hover { background: #666; }
ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}

</style>
