ul.menu-interactivos{

    text-align: center;

    list-style: none;

    padding: 0;

    margin: 0;

}

ul.menu-interactivos li.menu-item{

	display:inline-block;

}

ul.menu-interactivos li.menu-item a{

	display:block;

	padding:15px;

	color:#848588;

}

nav.menu-principal-container{

	background-color:#eee;

}

ul.menu-interactivos li.current_page_item a {

    background-color: #818285;

    color: white;

}

/*sub menu*/

ul.sub-menu {

    display: none;

	padding: 0;

}

.menu-item-has-children:hover ul.sub-menu {

    background: #ffffff;

    display: block;

    max-width: 310px;

    position: absolute;

}

ul.menu-interactivos .sub-menu li {


    display: block !important;

    margin: 0;

    width: 100%;

}

ul.menu-interactivos li ul li a {

    background-color:#FFFFFF !important;

}

ul.menu-interactivos li ul li a:hover {

    background-color:#848588 !important;

}

ul.menu-interactivos .sub-menu li:last-child {

    border-bottom: 1px solid #848588;

}

ul.menu-interactivos li ul.sub-menu li a {

	color:#848588;

    font-size: 16px;

    margin: 0;

	line-height: 18px;

	padding: 8px 15px;

}

ul.menu-interactivos li ul.sub-menu li:hover a {

	background-color:#818285;

	color:#fff;

}

ul.menu-interactivos li ul.sub-menu li.current-menu-item a {

    color: #fff;

}

#footer ul.menu li ul.sub-menu {

    display: none !important;

}

body.page #content .metas ul li {

    background-color: #ccc;

    background-image: none;

    min-height: 60px;

    padding: 10px 0;

}

/* menu mobil */

nav #menu-select, nav label {

	display: none;

}

nav label::before, nav label::after {

	position: absolute;

	content: "";

	display: block;

	height: 20%;

	width: 100%;

	background: #333;

}

nav label::after {

	bottom: 0;

}

nav label span {

	background: #333;

	height: 20%;

	position: absolute;

	top: 40%;

	width: 100%;

	display: block;

}

#menu-select:checked + nav label::after {

	bottom: 23px;

	transform: rotate(-320deg);

}



@media (max-width:991px) {

nav label {

	bottom: 32px;

    color: #fff;

    cursor: pointer;

    display: block;

    font-size: 24px;

    height: 30px;

    right: 15px;

    position: absolute;

    width: 40px;

	-webkit-touch-callout: none;

	-webkit-user-select: none;

	-khtml-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

}

ul.menu-interactivos {

	display: none;

}

#menu-select:checked + ul.menu-interactivos {

	background: #fff ;

    box-shadow: 0 0 2px;

    display: block;

    padding: 10px 0;

    position: absolute;

    right: 10px;

    top: 60px;

    z-index: 999;

}

ul.menu-interactivos li.menu-item {

	display: inherit;

}

ul.menu-interactivos li.menu-item a {

	min-width: 200px;

	border-top: 1px solid #302E72;

	margin: 0;

}

ul.menu-interactivos li.menu-item:last-child a {

    border-bottom: 1px solid #302e72;

}

ul.menu-interactivos li.menu-item a:hover {

	background-color: #302E72;

	text-decoration: none;

}

}