html {
	position: relative;
	min-height: 100%;  
}

.nav_menu{
		width:100%;
		margin: 0 auto;
		transition: all 0.4s;
		z-index: 1000;
}
.menu {
	z-index: 1000;
}
p.legenda {
	margin:0 0 10px;
	font-size:1.2em;
}

/*Configurações Padrões*/
ul.menu, .menu li, .menu a{ 
	margin:0;
	padding:0;
	list-style:none;
	text-decoration:none;
}
ul.menu ul{ 
	position:absolute;
	display:none;
	box-shadow:3px 3px 2px #333;
}
 
/* Configurações nivel 1*/
ul.menu{
	width:100%;
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.2em;
	border-radius:5px;
	padding:0 5px;
	}
.menu li{
	float:left;
	/*width:20%;*/
	position:relative;
}
.menu li a{
	 display:block;
	 padding:0 20px;
	 line-height:45px;
	 height:45px;
	 float:left;
	 transition:all 0.1s linear;
	 font-size:1.0em;
 }
 
/* Configurações nivel 2*/
.menu li:hover > ul.submenu-1{
	display:block;
	top:45px;
	left:0; padding:5px;
	width:180px;
	border-radius:0 0 5px 5px;
	z-index: 1000;
	font-size:1.0em;
	}
.menu ul.submenu-1 a{
	width:200px;
	padding:0 20px;
	border-radius:5px;
	font-size:1.0em;
}
 
/* Configurações nivel 2*/
.menu li:hover > ul.submenu-2{
	display:block;
	top:0;
	left:195px;
	padding:5px;
	width:180px;
	border-radius: 0 5px 5px 5px;
}
.menu ul.submenu-2 a{
	width:200px;
	padding:0 20px;
	border-radius:5px;
	z-index: 1000;
}
 
/* Configurações nivel 3*/
.menu li:hover > ul.submenu-3{
	display:block;
	top:0;
	left:200px;
	padding:5px;
	width:180px;
	border-radius: 0 5px 5px 5px;
}
.menu ul.submenu-3 a{
	width:180px;
	padding:0 20px;
	border-radius:5px;
	z-index: 1000;
}
 
 
/*Configurações de cores*/
 
/*nivel 1*/
.menu{background:#CCC; }
.menu a{ color:#000;}
.menu li:hover > a{
	background:#999;
	color:#fff;
}
 
/*nivel 2*/
.submenu-1{
background:#999;}
.submenu-1 a{color:#fff;}
.submenu-1 li:hover > a{ background:#666; }
 
/*nivel 3*/
.submenu-2{ background:#666;}
.submenu-2 a{color:#fff;}
.submenu-2 li:hover > a{ background:#333; }
 
/*nivel 3*/
.submenu-3{ background:#333;}
.submenu-3 a{color:#fff;}
.submenu-3 li:hover > a{ background:#000;
 }

label[for="bt_menu"]{
	padding: 5px;
	background-color: #222;
	color: #fff;
	font-family: "Arial";
	text-align: center;
	font-size: 30px;
	cursor: poiter;
	width: 50px;
	height: 50px;

}
#bt_menu{
	display: none;
}
label[for="bt_menu"]{
	display: none;
	}
.texto01azul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #003366;
	font-weight: normal;
}
.texto01preto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 6.5pt;
	color: #000000;

}
.texto02pretobold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #000000;
	font-weight: normal;
}
@media(max-width: 900px){
	
	.spk_mostrar{
		display:none;
	}
}
@media(max-width: 768px){
	label[for="bt_menu"]{
	display: block;
	}
	#bt_menu:checked ~ .nav_menu{
		margin-left: 0;
	}
	.spk_mostrar{
		display:none;
	}
	.nav_menu{
		width:100%;
		margin-top: 5px;
		margin-left: 0%;
		transition: all 0.4s;
	}
	.menu ul li{
		width: 100%;
		float: none;
	}
	.menu ul ul{
		position: static;
		overflow: hidden;
		/*max-height: 0;*/
		transition: all .4s;
	}
	ul.menu{ 

		font-size:1.0em;
		}
	.menu li{
		float:left;
		width:20%;
		position:relative;
	}
	.menu li a{ 
		padding:0 5px;
		font-size:0.9em;
	}
	.menu ul.submenu-1 a{
	font-size:1em;
	width:150px;
	}
	.menu ul.submenu-2 a{
	font-size:1em;
	width:150px;
	}
	.menu ul.submenu-3 a{
	font-size:1em;
	width:150px;
	}
}
@media(max-width: 425px){
	label[for="bt_menu"]{
	display: block;
	}
	#bt_menu:checked ~ .nav_menu{
		margin-left: 0;
	}
	.spk_mostrar{
		display:none;
	}
	.nav_menu{
		width:100%;
		margin-top: 5px;
		margin-left: 0%;
		transition: all 0.4s;
	}
	.menu ul li{
		width: 100%;
		float: none;
	}
	.menu ul ul{
		position: static;
		overflow: hidden;
		/*max-height: 0;*/
		transition: all .4s;
	}
	ul.menu{ 

		font-size:1.0em;
		}
	.menu li{
		float:left;
		width:20%;
		position:relative;
	}
	.menu li a{ 
		padding:0 5px;
		font-size:0.7em;
	}
	.menu ul.submenu-1 a{
	font-size:1em;
	width:150px;
	}
	.menu ul.submenu-2 a{
	font-size:1em;
	width:150px;
	}
	.menu ul.submenu-3 a{
	font-size:1em;
	width:150px;
	}
}
@media(max-width: 320px){
	label[for="bt_menu"]{
	display: block;
	}
	#bt_menu:checked ~ .nav_menu{
		margin-left: 0;
	}
	.spk_mostrar{
		display:none;
	}
	.nav_menu{
		width:100%;
		margin-top: 5px;
		margin-left: 0%;
		transition: all 0.4s;
	}
	.menu ul li{
		width: 100%;
		float: none;
	}
	.menu ul ul{
		position: static;
		overflow: hidden;
		/*max-height: 0;*/
		transition: all .4s;
	}
	ul.menu{ 

		font-size:0.8em;
		}
	.menu li{
		float:left;
		width:20%;
		position:relative;
	}
	.menu li a{ 
		padding:0 5px;
		font-size:0.5em;
	}
	.menu ul.submenu-1 a{
	font-size:1em;
	width:150px;
	}
	.menu ul.submenu-2 a{
	font-size:1em;
	width:150px;
	}
	.menu ul.submenu-3 a{
	font-size:1em;
	width:150px;
	}
}