*
{
    margin: 0;
    padding: 0;
}

body 
{
    background: #f1f1f1;
    font-family: Sans-Serif;
}

a
{
    text-decoration: none;
    color: #333;
}

.w100
{
    width: 100%; 
}

.contenedor
{
    width: 1024px;
}

.centrado
{
    margin: 0 auto;
    display: block;
}

.menu 
{
 /* Menu centrado */
 float:left;
 left:50%;
 list-style-type:none;
 margin:0 auto;
 padding:0;
 position:relative;
}

.menu li 
{
 /* Estilo item */
 margin: .5em 1em .5em 1em;
 overflow: hidden;
 
 /* Menu centrado */
 float:left;
 position:relative;
 right:50%;
}

/* Items del menu */
.menu li a
{
 /* Estilo item */
 height: 2em;
 line-height: 2em;
 padding: .5em 2em .5em 2em;
 background: #fff;
}

.menu li:hover a
{
    /* Estilo item */
    background: #00b0f0;
    color: #fff;
}

.menu li:hover ul li a
{
    /* Estilo item */
    background: rgba(0,0,0,0);
    color: #333;
    padding-left: 1em;
}

/* Definir estilo de los items del submenu y ocultarlos */
.menu li ul li
{
    /* Estilo item */
    height: 0;
    line-height: 1.5em;
    background: #fff;
    padding: 0;
    margin: .25em .5em .25em .5em;
    overflow: hidden;
     
     /* Override menu centrado */
     float:none;
     position:relative;
     right:0;
     
     /* Animacion */
     -moz-transition-duration:.3s;
     -webkit-transition-duration:.3s;
     -o-transition-duration:.3s;
     transition-duration:.3s;
}

.menu li ul li:hover
{
    /* Estilo item */
    border-left: 5px solid #00b0f0;
}

/* Mostrar items del submenu*/
.menu li:hover ul li
{
    /* Mostrar item */
     min-height: 2em;
     display: block;
     float: none;
}