@charset "utf-8";
/* CSS Document */

/* pull-down mainmenu css */
.mainmenu{
	width: 40%;
	padding: 0px;
	height: 100%;
	margin: 0px;
	position: relative;
	left: 40%; /*POSICION DEL MENU DENTRO DE LA TABLA*/
	top: 25%; /*POSICIONAMIENTO VERTICAL DEL MENU ENTERO*/
	right: 0px;
	bottom: 0px;
	z-index: 1;
	box-sizing: border-box;
}
.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: 0px;
	margin-left: 0;
	box-sizing: border-box;
}

.mainmenu a, .mainmenu a:visited {
	font-family: RobotoCondensed-Regular;
	font-size: 22px;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
	color: #000;
	text-decoration: none;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	height: auto;
	width: 100%;
	margin: 0px;
	padding: 15px; /*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:20em;	
	font-weight: normal;
	border-width: 1px;
	margin: 0;
}

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

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

.mainmenu li ul  {
	margin: 0;
}
.mainmenu li ul ul {
	margin: -2.8em 0 0 13.5em;
}

.mainmenu li::before {
	background-image: none; /*SE QUITA EL ICONO AL LADO IZQUIERDO AUN CUANDO EN LOS ESTILOS GENERALES DE UL Y LI SI TENGAN*/
}

.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-color:transparent; /*FONDO DE LOS BOTONES*/
}

.mainmenu li:hover a,.mainmenu li:hover a:visited,.mainmenu li:hover a:hover,.mainmenu li a:hover{
	color: #28A745; /*SE MODIFICA EL COLOR DEL HOVER*/
	text-decoration: underline;
}
.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:#808080;
}
.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: #FFFFFF;
	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: #808080;
}
.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: #808080;
}


/* end of mainmenu css */



