@charset "utf-8";
/* CSS Document */
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: none;
}

li {
    float: left;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 5px 8px;
    text-decoration: none;
	margin:10px;
	border-radius: 100px 100px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/* Change the link color to #111 (black) on hover */
li a:hover {
    
	box-shadow: 0 5px 10px 0 #000, 0 4px 10px 0 #006;
	margin:11px;
}
/*

li #h:hover {
    
	box-shadow: 0 5px 5px 0 #1D7994, 0 4px 0px 0 #1D7994;
	margin:11px;
}

li #f:hover {
    
	box-shadow: 0 5px 5px 0 #FC3, 0 4px 0px 0 #FC3;
	margin:11px;
}
li #e:hover {
    
	box-shadow: 0 5px 5px 0 #60C, 0 4px 0px 0 #60C;
	margin:11px;
}
li #p:hover {
    
	box-shadow: 0 5px 5px 0 #A43500, 0 4px 0px 0 #A43500;
	margin:11px;
}
li #s:hover {
    
	box-shadow: 0 5px 5px 0 #0A1BF1, 0 4px 0px 0 #0A1BF1;
	margin:11px;
}
li #a:hover {
    
	box-shadow: 0 5px 10px 0 #633232, 0 4px 0px 0 #633232;
	margin:11px;
}

*/
#inicio{
	background-color:#AB1B1B;
}

#h{
	background-color:#60B5F8;
}
#f{
	background-color:#F4ED47;
	color:#000;
}
#e{
	background-color:#AA59FE;
}
#p{
	background-color:#DF812A;
}
#s{
	background-color:#2D67C8;
}
#a{
	background-color:#86693F;
}