/*MENU LINEAL*/

#mobilemenu {
width:100%;
height:33px;
background:#451010;
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: #451010;
        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: #451010;
    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: #451010;
    }

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



        /* 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);
}