/**
 * Não sei porquê, mas é necessário para que o menu não abra quando o rato passa sobre um
 * .submenuDD, que nem sequer está visível.
 */
html, body {	height:100%	}


.clearfix,
.clearfix:after
{
	display:block;
	clear:both;
	content:""
}


.cxMenuDD {
	display:table;
}

.cxMenuDD > ul {
	margin:0;
	padding:0;
	list-style:none
}
.cxMenuDD > ul > li {
	position:relative;
	display:inline-block
}


.cxBotaoDD {
	position:relative;
	display:inline-block;
}
.cxBotaoDD:hover > div > .submenuDD {
	visibility:visible
}
.cxBotaoDD:focus-within > div > .submenuDD {
	opacity:1;
	z-index:1
}


.cxMenuDD li:hover .submenuDD {
	visibility:visible
}
.cxMenuDD li:focus-within .submenuDD {
	opacity:1;
	z-index:1
}

.submenuDD {
	position:absolute;
	top:100%;
	left:0;
	width:160%;
	margin:0;
	padding:0;
	transition:opacity linear 0.15s .1s;
	visibility:hidden;
	list-style:none
}
.submenuDD > li > a
{
	display:block;
	transition:all linear 0.15s
}
.submenuDD.direita {
	left:auto;
	right:0
}


@media (min-width:0) {

.submenuDD {
	opacity:0;
	z-index:-1;
	visibility:visible;
}

.cxMenuDD li:hover > .submenuDD {
	opacity:1;
	z-index:1
}

.cxBotaoDD:hover > div > .submenuDD {
	opacity:1;
	z-index:1
}

}