/* Menu lateral  */
#menu {
    position: fixed;
    top: 50px;
     left: 20px;
  }

#navigationMenu li{
 	list-style:none;
	height:39px;
	padding:0px;
	width:40px;
	margin-bottom: 0.5rem;
}
#navigationMenu span{
 	/* Propiedades generales */
	width:0;
	left:38px;
	padding:0;
	position:absolute;
	overflow:hidden;

	/* Propiedades del texto */
	font-size:18px;
	font-weight:bold;
	letter-spacing:0.6px;
	white-space:nowrap;
	line-height:39px;
	
	/* Transicion CSS3: */
	-webkit-transition: 0.25s;
	
	-moz-transition: 0.25s;
	transition: 0.25s;
}
#navigationMenu a{
    background:url("../imagenes/gris.png") no-repeat;
    height:39px;
    width:38px;
    display:block;
    position:relative;
    color:#ffffff;
    text-shadow:1 px 1px 0 #999999;
}
/* Estilo general en hover  */
#navigationMenu a:hover span{ 
    width:auto;  
    padding:0 20px;
    overflow:visible; 
    background-color: #ededed;
    color:#ffffff;
    text-shadow:1px 1px 0 #999999;

}
#navigationMenu a:hover{text-decoration:none;}
/* Boton inicio */
#navigationMenu .home {	background-position:0 0;}
#navigationMenu .home:hover {	background-position:0 -39px;}
#navigationMenu .home span{
	backgro und-color:#ededed;
	color:#fcfcfc;
	text-shadow:1px 1px 0 #999999;
}
/* Boton Bio */
#navigationMenu .about { background-position:-38px 0;}
#navigationMenu .about:hover { background-position:-38px -39px;}
/* Boton historico */
#navigationMenu .history { background-position:-76px 0;}
#navigationMenu .history:hover { background-position:-76px -39px;}
/* Boton de contacto */
#navigationMenu .contact { background-position:-114px 0;}
#navigationMenu .contact:hover { background-position:-114px -39px;}

/* Botones Sociales */
#botonesociales a{
    background:url("../imagenes/socialogos.png") no-repeat;
    height:38px;
    width:38px;
    display:block;
    position:relative;
    color:#ffffff;
    text-shadow:1 px 1px 0 #9 99999; 
}

#botonesociales .corr:hover { background-position:-39px 0;}
#botonesociales .corr { background-position:0 0;}
#botonesociales .tw:hover { background-position:-39px -39px;}
#botonesociales .tw { background-position:0 -39px;}
#botonesociales .fb:hover { background-position:-39px -78px;}
#botonesociales .fb { background-position:0 -78px;}
#botonesociales .ln:hover { background-position:-39px -118px;}
#botonesociales .ln { background-position:0 -118px;}

#bR{
    float: right;
    width: 0.7em;
    font-size: 300%;
    font-family: algerian,courier;
    line-height: 80%;
}
a {
    text-decoration: none;
    color:  #a8a8a8;
}

a:hover {
    background-color:#ededed;
    color:#fcfcfc;
    text-shadow:1px 1px 0 #999999;
}


#historico li {
    list-style: none;
    font-weight: bold;
    font-size: 150%;
}
#mes li {
    font-style: italic;
    font-size: 70%;
}
#postH li {
    font-style: normal;
    font-size: 90%;
}
.hide-email{
    font-size: 150%

}

#posti li {
    list-style: none;
}