.dj-main {
	padding: 0 !important;
	margin: 0 !important;
	height: 40px;
	z-index: 500;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
}
.dj-main li a.dj-up_a span {
	display: block;
	--width: 37px;
	--height: 26px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 6px;
}
.dj-main li a.dj-up_a:hover {
	background-color: rgba(0,0,0,0.3);
	width: 100%;
	height: 40px;
	display: block;
}
.dj-main li.azulMenuAssista,
.dj-main li.azulMenuAssista li {
	background-color: #0093b6;
}
.dj-main li.azulMenuAssista a.dj-up_a span {
	background-image: url(../icones/icone_menu_webtv.png);
	width: 42px;
	height: 28px;
	top: 5px;
}
.dj-main li.verdeMenuLeia,
.dj-main li.verdeMenuLeia li {
	background-color: #017d5c;
}
.dj-main li.verdeMenuLeia a.dj-up_a span {
	background-image: url(../icones/icone_menu_leia.png);
	width: 29px;
	height: 26px;
}
.dj-main li.verdeMenuOuca,
.dj-main li.verdeMenuOuca li {
	background-color: #99a310;
}
.dj-main li.verdeMenuOuca a.dj-up_a span {
	background-image: url(../icones/icone_menu_ouca.png);
	width: 29px;
	height: 30px;
	top: 4px;
}
.dj-main li.vermelhoMenuInteraja,
.dj-main li.vermelhoMenuInteraja li {
	background-color: #e4604b;
}
.dj-main li.vermelhoMenuInteraja a.dj-up_a span {
	background-image: url(../icones/icone_menu_interaja.png);
	width: 37px;
	height: 23px;
	top: 7px;
}
.dj-main li.laranjaMenuEstude,
.dj-main li.laranjaMenuEstude li {
	background-color: #ef9a0d;
}
.dj-main li.laranjaMenuEstude a.dj-up_a span {
	background-image: url(../icones/icone_menu_estude.png);
	width: 27px;
	height: 28px;
	top: 5px;
}
.dj-main li.azulMenuMultirio,
.dj-main li.azulMenuMultirio li {
	background-color: #004178;
}
.dj-main li.azulMenuMultirio a.dj-up_a span {
	background-image: url(../icones/icone_menu_multirio.png);
	width: 22px;
	height: 18px;
	top: 10px;
}
.dj-main li.dj-up {
	float: left;
	width: 16.6666%;
	height: 40px;
	padding: 0 !important;
	margin: 0 !important;
	display: block;
}
.dj-main img {
	border: 0;
	margin: 0;
	vertical-align: middle;
}
.dj-main li:hover {
	position: relative;
	z-index: 200;
}
.dj-main li:hover ul.dj-submenu {
	left: 0px;
	top: 40px;
	width: 200%;
	height: 40%;
	z-index: 300;
}
.dj-main li.last:hover ul.dj-submenu {
	left: -100%;
}
.dj-main li:hover ul.dj-submenu li {
	display: block;
	height: auto;
	position: relative;
	float: left;
	width: 100%;
	font-weight: normal;
}
.dj-main li:hover ul.dj-submenu li a {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	padding: 7px 20px 7px 20px;
}
.dj-main li:hover ul.dj-submenu li a:hover {
	background-color: rgba(0,0,0,0.3);
}
.dj-main li:hover li:hover ul,
.dj-main li:hover li:hover li:hover ul,
.dj-main li:hover li:hover li:hover li:hover ul,
.dj-main li:hover li:hover li:hover li:hover li:hover ul {
	left: 100%;
	top: 0px;
	width: 100%;
	z-index: 400;
	height: 100%;
}
.dj-main ul,
.dj-main li:hover ul ul,
.dj-main li:hover li:hover ul ul,
.dj-main li:hover li:hover li:hover ul ul,
.dj-main li:hover li:hover li:hover li:hover ul ul {
	position: absolute;
	left: -9999px;
	top: -9999px;
	width: 0;
	height: 0;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}

/* Mobile version - Samuel Levy */
/* Menu */
@media (max-width: 700px) {
  .dj-main{
      position: relative;
      z-index:99999;
  }
  .dj-main li:hover ul.dj-submenu{
      width: 98vw;
      position: fixed;
      left: 0;
      margin: 0 0 0 1% !important;
  }

  .dj-main li.last:hover ul.dj-submenu{
      left: 0;
  }
}