.mobile-container 

{
  width: 356px;
  margin: auto;
  background-color: #FFF;
  color: #003300;
font-family: "Georgia, Times New Roman, Lato";
font-size:17px;

}

.topnav {
  overflow: hidden;
  background-color: #000099;
  position: relative;
  width:100%;
}

.topnav #myLinks {
  display: none;
}

/*Style the topnav links*/
.topnav a {
 color: white;
  padding: 0.875em 1em;
  text-decoration: none;
  font-size: 105%;
  display: block;
  cursor: pointer;
   ouline:none;
  border:none;
  text-align:left;
 
}

/*Style the dropdown button*/
.dropdown-btn {
  color: white;
  padding: 0.875em 1em;
  text-decoration: none;
  font-size: 105%;
  display: block;
  cursor: pointer;
  ouline:none;
  border:none;
  text-align:left;
  width:100%;
}

/*On mouse-over*/
.topnav a:hover, .dropdown-btn:hover{
  background: #0080FF;
  color:#FFF;
}


.topnav a.icon {
  background-color: #000099;
  display: block;
  position: absolute;
  right: 0.25em;
  top: 0.7em;
}

.topnav a.icon:hover {
  background-color: #FFF;
  color: #000099;
  display:block;
   position: absolute;
   right:0.25em;
   top: 0.7em;
}

.active{
  background-color: #000099;
  color: red;
}


/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
  display: none;
  background-color:#000;
  padding-left:1em;
  font-style:normal;

}

/* Optional: Style the caret down icon */
.fa-caret-down {
  float: right;
  padding-right: 3em;
}

/* Some media queries for responsiveness */
@media screen and (max-height: 450px) {
  .topnav {padding-top: 15px;}
  .topnav a {font-size: 18px;}
.mobile-container 
  width: 540px;
}

.center
{
text-align:center;
}
.cor {
  color: #2A4F62;
}

h2
{
font-size: 120%;
font-weight::normal;
margin-top:2em;
color:#2A4F62
}

hr
{
width:100%;
height:0.25em;
background-color:#EF9F13;
color:#EF9F13;
margin:2em  0;
}

p
{
text-align:justify;
font-size:105%;
line-height:1.5em;
}

img.centro
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#box1
{
positition:relative;
margin: 0  0.4em  0  0;
width:4em;
height:2.2em;
background-color: #FFF;
float: left; 
font-family:Times New Roman;
font-weight::normal;
font-size:230%;
color:#6E6E6E;
text-align:center;
vertical-align:middle;
border:0.1em solid white;
}

a.normal:link, a.normal:active, a.normal:visited
{
font-size:100%;
color:#000;
font-weight:bold;
}
a.normal:hover{text-decoration:underline; color:red
}


div.fixed {
  position: fixed;
  bottom: 1.75em;
  right:3em;
}

hr.fino{
color:#808080;
background-color:#808080;
height:0.125em;
margin:0.25em 0;
}

div.arq {
font-family:Times New Roman;
font-size:1em;
font-weight:bold;
color:#808080;
text-align:center;
}

a.arq{
color:#808080;
}
a.arq:hover{color:#C00000;}

table.noticias{
width:100%;border:3px solid royalblue;
margin:0.5em 0;
}
img {
display:block;
margin:0 auto;
}