/*MENU LINEAL*/

#mobilemenu {
width:100%;
height:33px;
background:#000;
margin-left:auto;
margin-right:auto;
padding-top:15px;
padding-bottom:8px;
text-align:center;
vertical-align:top;
color:white;
font-size:15pt;
}

ul.menu_color
{
	list-style:none;
	color:white;
	font-family:arial;
	font-size:13pt;
	padding:0px;
	margin:0px;
}
ul.menu_color li
{
	display:block;
	position:relative;
	padding:0px;
	margin:0px;
	background:#111111;
	width:300px;
	padding-top:10px;
	padding-bottom:10px;
    padding-left:10px;
}

ul.menu_color li:hover
{
	background:#333333;
}


ul.menu_color ul {
	display:none;
	list-style:none;
	padding:0px;
	margin:0px;
	padding-top:15px;
}

ul.menu_color ul li {
	width:290px;
	background:#333333;

}

ul.menu_color ul li:hover {
	width:290px;
		background:#444444;
}


ul.menu_color ul li ul li {
	width:300px;
	background:#444444;
}

ul.menu_color ul li ul li:hover {
	width:300px;
	background:#555555;

}


/*
ul.menu_color li:hover > ul
{
	display:block;
}
*/


/*-----*/


	/*Este color es el del wrap del menu*/
        .main-navigation {
            list-style: none;
            padding: 0;
            margin: 0;
			margin-bottom: -3px;
            background: #000;
            	color:white;
	font-family:arial;
	font-size:13pt;


        }
/*Este color es de cada uno de los li del menu*/
            .main-navigation li {
                display: block;
                position: relative;
                float: left;
                background: #000;
            }

         .sub-navigation {
            list-style: none;
            padding: 0;
            margin: 0;
            background: #000;
        }



        /* This hides the dropdowns */


        .tmenu ul {
            display: none;
        }

        .main-navigation li a {
            display: block;
            padding: 1em;
            text-decoration: none;
            white-space: nowrap;
            color: #fff;
        }

            .main-navigation li a:hover {
                background: #333333;
            }

        /* Display the dropdown */


        .tmenu:hover > ul {
            display: block;
            position: absolute;
        }

        .tmenu:hover li {
            float: none;
        }

        .tmenu:hover a {
            background: #333333;
        }

        .tmenu:hover li a:hover {
            background: #2c3e50;
        }

        .main-navigation li ul li {
            border-top: 0;
        }

        /* Displays second level dropdowns to the right of the first level dropdown */


        .main-navigation ul ul {
            left: 100%;
            top: 0;
        }

        /* Simple clearfix */



        .main-navigation:before,
        .main-navigation:after {
            content: " "; /* 1 */
            display: table; /* 2 */
        }

        .main-navigation:after {
            clear: both;
        }
		
/*-------------*/

                /* Este es el CSS de la barra que dice MENU */
        .MenuBoton {
	font-family:arial;
	font-size:13pt;
    color: white;
    text-align:center;
    display: inline-block;
    background-color: #000000;
    text-decoration: none;

    vertical-align:top;
    
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}