body{background-color:#66ffcc;}

li a:hover{
	color:white;
}

a{
	text-decoration:none;
	color:black;
	font-weight: bold;

}
h1{
	margin-left:2%;
	letter-spacing: 10px;
	font-family:Verdana;
}

#inici{
	width:100%;
}

h2{
	margin-left:2%;
	letter-spacing: 10px;
	font-family:Verdana;
}
h3{
	font-size:30px;
	padding-top:0%;
	padding-left:0%;
	text-shadow: 3px 2px black;
	font-family:Verdana;
}

h4{
	padding-left:0%;
	color:red;
}
h5:hover{color:white;}
h5{color:orange;}
nav{
	width:100%;
	margin:0%;
	padding:auto;
	background-color:darkgrey;

}

li{padding-top:10px;}

#navhoritzontal{
	background-color:darkgrey;
	padding-top:1%;
	padding-bottom:1%;
	padding-left:13%;
	padding-right:2%;
	display:inline-block;
	font-family:Verdana;
}

#vertical{
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	float:left;
	width:15%;
	background-color:darkgrey;
	margin-top:2.5%;
	margin-left:1%;
	margin-right:0%;
	padding:2%;
	padding-top:1%;
	padding-left:1%;
	color:black;
	text-align:center;
	font-family:Verdana;

}
#navvertical{
	clear:both;
	display:block;
	margin-top:5%;
	margin-bottom:5%;
}

section{
	float:left;
	width:75%;
	margin-left:2%;
	margin-right:0%;
	padding:2%;
	padding-top:1%;
	padding-left:0%;
	color:black;
	text-align:justify;
}
article{
	padding:2%;
	padding-top:1%;
	padding-left:1%;
	background-color:#424242;
	margin:2%;
	margin-left:0.2%;
	text-align:justify;
	color:white;
}
footer{
	width:100%;
	text-align:center;
	background-color:grey;
	clear:both;

}
img{
	overflow:auto;

}