<style type="text/css">




/*------ reset ----*/
* {
  margin: 0;
  padding: 0;
  outline: 0;
}

/*------ quadro geral para alinhar no centro do browser ----*/
.tudo {
  width: 800px;
  border: 3px solid #999999;
  margin: 0 auto;
  align: center;
}

/*------ bloco cabecalho e logo tipo ----*/
.topo {
  width: 800px;
  height: 100px;
  color: white;
  background-color: #000080;
}

/*------ logo tipo ----*/
.logo {

  width: 799px;
  height: 99px;
  margin: 0;
  border: 0;
}

/*------ bloco meio (menu e  infos)----*/
.meio {
  width: 798px;
  padding: 0;
}

.meio_cli {
  width: 798px;
  padding: 0;
  background-image: url(./IMAGE/sist1.JPG);
}

.meio_sis {
  width: 798px;
  padding: 0;
  background-image: url(./IMAGE/sist2.JPG);
}

/*------ bloco menu ----*/
.menu {
  width: 160px;
  padding: 10px;
  background-color: #cccccc;
  float: left;
}

/*------ bloco infos ----*/
.infos {
  width: 590px;
  padding: 10px;
  float: left;
}

/*------ bloco rodape ----*/
.rodape {
  width: 650px;
  height: 20px;
  padding: 0 10px;
  background-color: #999999;
  clear: both;
}

.rodape p {
  line-height: 20px;
  color: #00008B;
  Font-family: Times New Roman, Arial;
}

/*------ estilo do menu ----*/
.style8 {
  Font-family: Verdana, Arial, Helvetica, Lucida Console, Tahoma, sans-serif;
  font-size: 14px;
  text-decoration: none;
  font-weight: normal;
}
.style8 a:link {
  text-decoration: none;
  color: #00008B;
}
.style8 a:active {
  color: #993333;
}
.style8 a:hover {
  color: #993333;
  font-weight: bolder;
}
.style8 a:visited{
  text-decoration: none;
  color: #00008B;
}

/*-
 a:link........define o estilo do link no estado inicial;
 a:visited...define o estilo do link visitado;
 a:hover.....define o estilo do link quando passa-se o mouse sobre ele;
 a:active....define o estilo do link ativo (o que foi "clicado").
 -*/
/*------ fim estilo do menu ----*/

/*------ estilo do contato ----*/__--
.style6 {
  Font-family: Verdana, Arial, Helvetica, Lucida Console, Tahoma, sans-serif;
  font-size: 13px;
  text-decoration: underline;
  font-weight: normal;
}
.style6 a:link {
  text-decoration: underline;
  color: #000099;
}
.style6 a:active {
  color: #993333;
}
.style6 a:hover {
  color: #993333;
  font-weight: bolder;
}
.style6 a:visited{
    color: #000099;
}
/*------ fim estilo do contato ----*/

/*------ estilo volta topo ----*/
.style7 {
  Font-family: Arial, Verdana, Helvetica, Lucida Console, Tahoma, sans-serif;
  font-size: 13px;

}
.style7 a:link {
  text-decoration: none;
  color: #FF0000;
}
.style7 a:active {
  color: #FF0000;
  font-weight: bolder;
}
.style7 a:hover {
  color: #FF0000;
  font-weight: bolder;
}

.style7 a:visited{
  color: #FF0000;
  font-weight: bolder;
}

/*------ fim estilo volta topo ----*/


/*------ Fotos   ----*/
.fotocorre {
  max-width: 100px;
  max-height: 100px;
}

/*------Fim  Fotos   ----*/


/*------ textos ----*/
.texto01 {
  Font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 23pt;
  font-weight: lighter;
  text-align: center;
  color: #00008B;
}

.texto02 {
  Font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11pt;
  font-weight: lighter;
  color: #3366CC;
}

.texto04 {
  Font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: lighter;
  color: #000000;
}

.texto06 {
  Font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: lighter;
  color: #FF0000;
}

.texto09 {
  Font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: lighter;
  color: #00008B;
}

.texto10 {
  Font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bolder;
  color: #000000;
}

.texto12 {
  Font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bolder;
  color: #3366CC;
}


.texto13 {
  Font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12pt;
  font-weight: bolder;
  color: #000000;
}

/*------ deslocamentos ----*/

.lado22 {
  margin-left: 22px;
}

.lado32 {
  margin-left: 32px;
}

.lado62 {
  text-align: center;
}
.lado400 {
  margin-left: 400px;
}

.lado380 {
  margin-left: 380px;
} 


/*------ fim ----*/
/*------ fim ----*/
/*------ fim ----*/

#topo h1 {
  margin: 0;
  color: red;
  Font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
  font-size: 15px;
}

#menu2 {
  float: right;
  width: 150px;
  padding: 10px;
  background-color: #ffffff;
}

.style5 a:link {
  text-decoration: underline;
  color: "#993333";
}

.style5 a:visited {
  text-decoration: underline;
  color: "#993333";
}

.style5 a:hover {
  text-decoration: none;
  color: "#00008B";
  font-weight: bolder;
}

.style5 a:active {
  text-decoration: underline;
  color: "#993333";
}

.style5 {
  Font-family: Arial, Verdana, Helvetica, Lucida Console, Tahoma, sans-serif;
  font-size: 12px;
}

.texto03 {
  color: #000000;
  Font-family: Times New Roman, Verdana, Arial, Helvetica, ;
  font-size: 14pt;
  font-weight: bold;
}

.texto05 {
  color: #00008B;
  Font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11pt;
  font-weight: lighter;
}

.texto08 {
  color: #000000;
  Font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: lighter;
}

</style>

