/* CSS Document */

body {
	margin: 0; 
	background-color: #1C1C1C;
	}
img{ 
	border:0; 
	}
a{
	/*Quitar los espacios en blanco en el div*/
	font-size:0; 
	margin: 0; 
	padding: 0;  
	border: 0; 
	text-decoration: none;
}

#Portada {
       	position: absolute;
		/*nos posicionamos en el centro del navegador*/
		left:50%;
		/*determinamos una anchura*/
		width:1320px;
		/*indicamos que el margen izquierdo, es la mitad de la anchura*/
		margin-left:-660px;
}

#wrapper {
    text-align:left; 
    position:absolute; 
    top:200px;
    left:50%;
	width:1320px;
	margin-left:-660px;
}
#content {
	clear:both; 
	position:relative; 
	width:100%; 
	margin:25px 0;
}


/***************************************************************/

ul.sidenav {
  /* el rectángulo contenedor */
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0 none;
  width:240px; 
  /*border: 1px solid #40FF00;*/
}
li {display: inline; /*controla los espacios en tre items*/
}

ul.sidenav li a {
  /* el enlace de cada item */
  display:inline-block;
  text-decoration: none;
  /*border: 1px solid #40FF00;*/
  padding-top: 5px;
}
ul.sidenav li a:hover {
  background:url('imagen/Blanco.png') 0 0 repeat;
}
ul.sidenav li span {
  /* el contenido permanece oculto por defecto */
  display:  none;
}
ul.sidenav li a:hover span {
  /* el contenido se muestra al pasar el cursor encima */
  display:inline-block;
}