#menu 
{ 
		width: 100%; 
        margin: 0 auto; 
        padding: 15px 0 0 0;
		list-style: none;
		background: #000; 
        background: -moz-linear-gradient(#000, #141414); 
        background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #000),color-stop(1, #141414)); 
        background: -webkit-linear-gradient(#000, #141414); 
        background: -o-linear-gradient(#000, #141414); 
        background: -ms-linear-gradient(#7000, #141414); 
        background: linear-gradient(#000, #141414); 
        -moz-border-radius: 30px; /*margenes de menu de los ladosd*/
        border-radius: 30px; /*margenes de menu de los ladosd*/
        -moz-box-shadow: 0 2px 3px #d1d2d3; /*margenes de menu de los ladosd*/
        -webkit-box-shadow: 0 0 0 #d1d2d3; /*margenes de menu de los ladosd*/
        box-shadow: 0 8px 8px #6b6868; /*sombre del menu*/
		
} 
#menu al 
{ 
        float: top; 
        padding: 0 0 10px 0; 
        position: relative; 
} 

#menu li 
{ 
        float: left; 		
		padding: 0 0 10px 0; 
        position: relative; 
        margin: 0 auto; 
		text-align:center;
} 

#menu a /*para dar formato al texto del menu*/
{ 
 
        margin: 0 auto; 
        float: left; 
        height: 20px; 
        padding: 0 10px; 
		color: #ffffff;
		text-align:center;
        text-transform: uppercase; 
        font: arial 12px/20px Bold, Helvetica; 
        text-decoration: none; 
        
		
} 

#menu li:hover > a /* cambiar el texto al selecionarlo del menu y submenu*/
{ 
        color: #ffffff; 
} 

/**html #menu li a:hover /* IE6 
{ 
        color: #ffffff; 
} */

#menu li:hover > ul 
{ 
        display: block; 
} 

/* Sub-menu */ 

#menu ul /*colores y formas del sub menu*/
{ 
    list-style: none; 
    margin: 0 auto; 
	padding: 0; 
    display: none; 
    position: absolute; 
    top: 30px; 
    left: 0; 
    z-index: #000; 
    background: #000; 
    background: -moz-linear-gradient(#000, #141414); 
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #000),color-stop(1, #141414)); 
    background: -webkit-linear-gradient(#000, #141414); 
    background: -o-linear-gradient(#000, #141414); 
    background: -ms-linear-gradient(#000, #141414); 
    background: linear-gradient(#000, #141414); 
    -moz-border-radius: 0; 
    border-radius: 0; 
} 

#menu ul li /* las lineas de separacion de los submenus*/
{ 
    float: none; 
    margin: 0; 
    padding: 0; 
    display: block; 
    -moz-box-shadow: 0 1px 0 #a3e2ff, 0 2px 0 #a3e2ff; 
    -webkit-box-shadow: 0 1px 0 #a3e2ff, 0 2px 0 #a3e2ff; 
    box-shadow: 0 1px 0 #a3e2ff, 0 2px 0 #a3e2ff; 
} 

#menu ul li:last-child 
{ 
    -moz-box-shadow: none; 
    -webkit-box-shadow: none; 
    box-shadow: none; 
} 

#menu ul a 
{ 
    padding: 10px; 
        height: auto; 
    line-height: 1; 
    display: block; 
    white-space: nowrap; 
    float: none; 
        text-transform: none; 
} 

*html #menu ul a /* IE6 */ 
{ 
        height: 15px; 
        width: 150px; 
} 

*:first-child+html #menu ul a /* IE7 */ 
{ 
        height: 15px; 
        width: 150px; 
} 

#menu ul a:hover /*dale color y forma al seleccionar el submenu*/
{ 
    background: #848788; 
        background: -moz-linear-gradient(#848788,  #848788); 
        background: -webkit-gradient(linear, left top, left bottom, from(#848788), to(#848788)); 
        background: -webkit-linear-gradient(#848788,  #848788); 
        background: -o-linear-gradient(#848788,  #848788); 
        background: -ms-linear-gradient(#848788,  #848788); 
        background: linear-gradient(#848788,  #848788); 
} 

#menu ul li:first-child a 
{ 
    -moz-border-radius: 5px 5px 0 0; 
    border-radius: 5px 5px 0 0; 
} 

#menu ul li:first-child a:after /* triangulo que ca debajo del menu principal*/
{ 
    content: ''; 
    position: absolute; 
    left: 50px; 
    top: -15px; 
    width: 0; 
    height: 0; 
    border-left: 5px solid transparent; 
    border-right: 5px solid transparent; 
    border-bottom: 10px solid #ffffff; 
} 

#menu ul li:first-child a:hover:after 
{ 
    border-bottom-color: #05c105; 
} 

#menu ul li:last-child a 
{ 
    -moz-border-radius: 0 0 5px 5px; 
    border-radius: 0 0 5px 5px; 
} 

/* Clear floated elements */ 
#menu:after 
{ 
        visibility: hidden; 
        display: block; 
        font-size: 0; 
        content: " "; 
        clear: both; 
        height: 0; 
} 

* html #menu             { zoom: 1; } /* IE6 */ 
*:first-child+html #menu { zoom: 1; } /* IE7 */