.txtprincipal {
	font-family: Arial, Plain, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.txttitulo {
	font-family: Arial, Plain, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-transform: uppercase;
	text-decoration: none;
}
.titulo {
	font-family: Arial, Plain, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #0096D6;
	text-transform: uppercase;
	text-decoration: none;
}
.titulo2 {
	font-family: Arial, Plain, sans-serif;
	font-size: 11px;
	color: #0096D6;
	text-decoration: none;
}
/* classes nivel 1*/
.menu1 {
	font-family: Arial, Plain, sans-serif;
	font-size: 12px;
	color: #0065A3;
	text-transform: uppercase;
	text-decoration: none;
}
.menu1:hover {
	font-family: Arial, Plain, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
}
.menu2 {
	font-family: Arial, Plain, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
}
.menu2:hover {
	font-family: Arial, Plain, sans-serif;
	font-size: 12px;
	color: #cce1ed;
	text-transform: uppercase;
	text-decoration: none;
}
/* classes nivel 2 -- 1ª versão*/
.submenu1 {
	font-family: Arial, Plain, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color:  #4b5767;
	text-transform: uppercase;
	text-decoration: none;
}
.submenu1:hover {
	font-family: Arial, Plain, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #0065A3;
	text-transform: uppercase;
	text-decoration: none;
}
.submenu2 {
	font-family: Arial, Plain, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #0065A3;
	text-transform: uppercase;
	text-decoration: none;
}
.submenu2:hover {
	font-family: Arial, Plain, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #4b5767;
	text-transform: uppercase;
	text-decoration: none;
}
/* classes nivel 2 --  2ª versão*/
.nivel2 {
	font-family: Arial, Plain, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color:    #0065A3;
	text-transform: uppercase;
	text-decoration: none;
}
.nivel2:hover {
	font-family: Arial, Plain, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color:    #80b2d1;
	text-transform: uppercase;
	text-decoration: none;
}
.nivel2sel {
	font-family: Arial, Plain, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color:     #80b2d1;
	text-transform: uppercase;
	text-decoration: none;
}
/* classes nivel 3*/
.nivel3 {
	font-family: Arial, Plain, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color:    #4b5767;
	text-transform: uppercase;
	text-decoration: none;
}
.nivel3:hover {
	font-family: Arial, Plain, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color:    #939aa4;
	text-transform: uppercase;
	text-decoration: none;
}
.nivel3sel {
	font-family: Arial, Plain, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color:   #939aa4;
	text-transform: uppercase;
	text-decoration: none;
}
/* classes nivel 4*/
.nivel4 {
	font-family: Arial, Plain, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color:    #939aa4;;
	text-decoration: none;
}
.nivel4:hover {
	font-family: Arial, Plain, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color:    #000000;
	text-decoration: none;
}
.nivel4sel {
	font-family: Arial, Plain, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color:    #000000;
	text-decoration: none;
}
/* ----------------------------------------------- */
/* classes menu horizontal*/
.txt_11_cinza {
	font-family: Arial, Plain, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color:    #4b5767;;
	text-decoration: none;
}
.txt_11_cinza:hover {
	font-family: Arial, Plain, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color:    #b3b3b3;
	text-decoration: none;
}
.txt_11_cinza_sel  {
	font-family: Arial, Plain, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color:    #b3b3b3;
	text-decoration: none;
}
.txt_10_azul_esc {
	font-family: Arial, Plain, sans-serif;
	font-size: 10px;
	color: #0065A3;
 	font-weight: normal;
	text-decoration: none;
}
.txt_10_azul_esc:hover {
	font-family: Arial, Plain, sans-serif;
	font-size: 10px;
	color: #0096d6;
        font-weight: normal;
	text-decoration: none;
}
.txt_10_azul_claro {
	font-family: Arial, Plain, sans-serif;
	font-size: 10px;
	color: #0096d6;
 	font-weight: normal;
	text-decoration: none;
}
.txt_10_azul_claro:hover {
	font-family: Arial, Plain, sans-serif;
	font-size: 10px;
	color: #0065A3;
        font-weight: normal;
	text-decoration: none;
}
/* ----------------------------------------------- */


.tituloazulclaro {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #CCE1ED;
	text-transform: uppercase;
	text-decoration: none;
}
.tituloazulforte {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #1974ac;
	text-transform: uppercase;
	text-decoration: none;
}
.titulocinza {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #707785;
	text-decoration: none;
}
.titulocinza:hover {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
.branco {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}
.txtaux {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: none
}
.txtauxlink {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: none
}
.txtauxlink:hover {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #1974ac;
	text-decoration: none
}
.txtauxm {
	font-family: Arial;
	font-size: 9px;
	font-weight: normal;
	color: #333333;
	text-transform: uppercase;
	text-decoration: none;
}
.txtauxm:hover {
	font-family: Arial;
	font-size: 9px;
	font-weight: normal;
	color: #1974ac;
	text-transform: uppercase;
	text-decoration: none;
}
.legenda {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
.notas {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
.notas:hover {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #1974ac;
	text-decoration: none;
}
.lermais:link {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.lermais:visited {
	text-decoration: none;
	color: #707785;
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
}
.lermais:hover {
	text-decoration: none;
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #1974ac;
}
.data {
	font-family: Arial, Plain, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #707785;
	text-decoration: none;
}
.mentalfactory{
	FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR: #999999; LINE-HEIGHT: normal; FONT-FAMILY: verdana; TEXT-DECORATION: none;
}
.mentalfactory:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR: #333333; LINE-HEIGHT: normal; FONT-FAMILY: verdana; TEXT-DECORATION: none;
}
.copyright { 
    font-family: Verdana; font-size: 9px; font-style: normal; font-weight: normal; color: #666666; text-decoration: none;
}
.linha {
	border-bottom-color:#B6BFCA; 
	border-bottom-width:1px; 
	border-bottom-style: solid;
}
div.caixa-campanha {
	padding: 8px;
	width: 155px; 
	background-color: #f2f4f6; 
	margin: 3px;
    text-align: left;
}
div.caixa-local {
	padding: 8px; 
	width: 155px; 
	background-color: #d3dae0; 
	margin: 3px; 
	text-align: left;
}
div.marca {
/*  border-top-width: 1px;
  border-top-color: #ff0000;
  border-top-style: solid; */

  border-bottom-width: 1px;
  border-bottom-color: #E7EBEF;
  border-bottom-style: solid;

  border-right-width: 1px;
  border-right-color: #E7EBEF;
  border-right-style: solid;

  border-left-width: 1px;
  border-left-color: #E7EBEF;
  border-left-style: solid;
}
/* --------------------------------------------
                  menu drop
-----------------------------------------------*/
ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 200px;
	border-bottom: 0px solid #ccc; /*1px solid #ccc;  -  fecha o menu com uma linha horizontal no fundo de cada item */
	}
ul li { /* posicionar os sub-menus de modo absoluto em relação a eles, itens. */
	position: relative;
	}
li ul { /* cada sub-menu ao lado direito do seu elemento pai (item) quando passarmos o mouse sobre ele, item*/
	position: absolute;
	left: 149px; /*“left” e “top” posicionamos de modo absoluto cada sub-menu ao lado de seu item pai */
	top: 0;
	display: none;
}
ul li a { /* formatação dos items */
	display: block; /* importante para garantirmos que cada link ocupará toda a a largura definida para o item da lista */
	text-decoration: none;
	color: #777;
	background: #fff;
	padding: 5px;
	border: 0px solid #ccc; /*1px solid #ccc;*/
	border-bottom: 0;
	}

/* Fix IE. Hide from IE Mac \
IE Win interpreta as quebras de linha entre os itens de lista, como espaços vazios e assim para o IE os itens do menu
não se assentam um sobre o outro.
*/
 * html ul li  { float: left; height: 1%;}
 * html ul li a { height: 1%; }
/* End
Podemos aplicar o Holly Hack acima, que esconde estas regras CSS de todos os browsers menos do IE Win. Perfeito. Você deve ter
notado a declaração height: 1% que foi definida. Lamentavelmente (outra vez!) a propriedade float usada no hack faz aparecer outro bug
no IE, que requer a declaração de um valor para height a fim de fazer os links elementos nível de bloco.
*/

li:hover ul, li.over ul {
	display: block; }