header#Desk{
	position: absolute;
	color: #575656;
	padding-top: 15px;
	padding-bottom: 15px;
	display: block;
	width: 100%;
}


#logoDesk{
	width: 100px;
	height: 20px;
	float: left;
}

header#Desk ul{
	width: 100%;

	text-align: right;
}
header#Desk ul li{
	display: inline-block;
	padding: 0px 5px;
}
header#Desk ul li a{
	color: #575656;
}
header#Desk ul li a:hover{
	color: #009ee3;
}
header#Mobile{
	position: fixed;
	background: #009ee3;
	color: #ffffff;
	padding-top: 15px;
	padding-bottom: 15px;
	display: none;
	width: 100%;
}
#logoMob{
	width: 75px;
	height: 30px;
	float: left;
}


#btMenu {
	float: right;
	display: none;
	width: 25px;
	height: 25px;
	background: no-repeat center;
	background-size: contain;
	background-image: url(../img/bt-menu-branco.png);
}
#btMenu.BtFecha {
	background-image: url(../img/bt-fecha-branco.png);
}
#menuMob {
	width: 100%;
	padding: 30px 0px 10px;
	float: left;
	clear: both;
	display: none;
	font-size: 1.2em;
	overflow: hidden;
	text-align: left;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}
#menuMob.MobFechado {
	width: 100%;
	padding: 0px 0px 0px;
	height: 0px;
}
#menuMob li {
	width: 100%;
	padding: 8px 0px;
	display: block;
}
#menuMob a {
	color: #ffffff;
	padding-left: 10px;
}
#menuMob a:hover {
	color: #03f;
}



@media screen and (max-width: 780px) {
header#Desk{
	display: none;
}
header#Mobile{
	display: block;
}
#menuMob {
	display: block;
}
#btMenu {
	display: block;
}
}

@media screen and (max-width: 480px) {

}


@media print {
}