/* Estilos generales */
.mainmenu{
	width: 100%;
	padding: 0px;
	height: 100%;
	margin: 0px;
	position: relative;
	left: 50%; /*SE MUEVE MENU LEFT OR RIGHT*/
	top: 30%;
	right: 0px;
	bottom: 0px;
	box-sizing:border-box;
	/*background-color:#FF0206;*/
}
.mainmenu ul {
	float: left;
	width: 100%;
	list-style: none;
	line-height: 1;
	color: #FFFFFF;
	background: transparent;
	padding: 0px;
	border: 1px none #CCC;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1px;
	margin-left: 0;
}

.mainmenu a, .mainmenu a:visited {
	font-family: OpenSans-Regular;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
	color: #FFFFFF;
	text-decoration: none;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	height: auto;
	width: 100%;
	margin: 0px;
	padding: 10px; /*SE LE OTORGA PADDING A TODO EL MENU*/
	box-sizing:border-box;
	display:block;
}
.mainmenu ul ul a{
	width:100%;
	height:auto;
}
.mainmenu ul a{
	width:100%;
}


.mainmenu li  {
	float:left;
	margin:0;
	padding:0px;
}

.mainmenu ul li {
	float:left; 
	position:relative;
}

.mainmenu ul li a {
	white-space:nowrap;
}

/*SE MOVIO AQUI*/	
.mainmenu li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width:19em;	
	background: #FFFFFF;
	font-weight: normal;
	border-width: 1px;
	margin: 0;
}

/*SE MOVIO AQUI*/	
.mainmenu li li {
	width:15em ;
	height: auto;
}

/*SE MOVIO AQUI*/
.mainmenu li li a{
	width: 15em;
	text-align: left;
}

.mainmenu li ul  {
	margin: 0;
}
.mainmenu li ul ul {
	margin: -2.8em 0 0 13.5em;
}
.ul_ch, 
.mainmenu li:hover ul ul,
.mainmenu li li:hover ul ul,
.mainmenu li li li:hover ul ul,
.mainmenu li li li li:hover ul ul,
.mainmenu li li li li li:hover ul ul
{
	left: -999em;
}
.mainmenu li:hover ul,
.mainmenu li li:hover ul,
.mainmenu li li li:hover ul,
.mainmenu li li li li:hover ul,
.mainmenu li li li li li:hover ul
{
	left: auto;
}
.mainmenu li:hover>ul.ul_ch   
{
	left: auto;
}

.mainmenu li:hover{
	background: #252636;
}

.mainmenu li:hover a,.mainmenu li:hover a:visited,.mainmenu li:hover a:hover,.mainmenu li a:hover{
	color:#FFC107;
	background-color:#0A2342;
}
.mainmenu li:hover li a, .mainmenu li li:hover li a, 
.mainmenu li li li:hover li a, .mainmenu li li li li:hover li a,
.mainmenu li:hover li a:visited, .mainmenu li li:hover li a:visited, 
.mainmenu li li li:hover li a:visited, .mainmenu li li li li:hover li a:visited
{
	color:#000000;
}
.mainmenu li li:hover, .mainmenu li li li:hover, 
.mainmenu li li li li:hover , .mainmenu li li li li li:hover , .mainmenu li li li li li li:hover 
{
	background: #C0C0C0;
	z-index:9999;
}
.mainmenu li li:hover a,.mainmenu li li li:hover a, 
.mainmenu li li li li:hover a, .mainmenu li li li li li:hover a
{
	color: #000000; 
}

.mainmenu ul ul a, .mainmenu ul ul a:visited,
.mainmenu li li a, .mainmenu li li a:visited
{
	color: #000000;
}
.mainmenu ul ul a:hover,
.mainmenu li:hover li:hover a,.mainmenu li:hover li:hover a:visited ,
.mainmenu li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover a:visited,
.mainmenu li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover a:visited ,
.mainmenu li:hover li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover li:hover a:visited,
.mainmenu li:hover li:hover li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover li:hover li:hover a:visited{
	color: #000000;
}
.mainmenu li:hover li:hover li a,.mainmenu li:hover li:hover li a:visited ,
.mainmenu li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li a:visited,
.mainmenu li:hover li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li:hover li a:visited,
.mainmenu li:hover li:hover li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li:hover li:hover li a:visited{
	color: #000000;
}


/* end of mainmenu css */

/* Estilos responsivos */
@media screen and (max-width: 768px) {
    .mainmenu {
        left: 0;
        top: 0;
        width: 100%;
    }

    .mainmenu ul {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .mainmenu li {
        float: none;
        width: 100%;
    }

    .mainmenu a, .mainmenu a:visited {
        font-size: 14px;
        padding: 15px;
    }

    .mainmenu li ul {
        position: static;
        width: 100%;
    }

    .mainmenu li:hover ul {
        left: 0;
        width: 100%;
    }

    .mainmenu ul ul {
        margin: 0;
    }

    .mainmenu li ul ul {
        margin: 0;
    }

    .mainmenu li li {
        width: 100%;
    }

    .mainmenu li li a {
        width: 100%;
        text-align: left;
    }

    .mainmenu li:hover {
        background: #FF8000;
    }

    .mainmenu li:hover li a,
    .mainmenu li:hover li a:visited,
    .mainmenu li:hover li:hover a,
    .mainmenu li:hover li:hover a:visited {
        color: #000000;
    }
}