body {
    width: 100%;
    padding: 0;
    background-color: whitesmoke;
}

ul {
    list-style-type: none;
    margin: 0;
    top: 0;
    bottom: 0;
    padding: 5% 0 0 0;
    width: 15%;
    position: fixed;
    background: linear-gradient(to right, #4B5CA3, whitesmoke);
}

li a {
    background-color: lightgrey;
    display: block;
    margin: 15% 5%;
    padding: 3%;
    color: black;     
    text-decoration: none;
	text-align: center;
    box-shadow: -5px 5px 15px navy;
    transition: all 0.3s;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border: 1px solid grey;
    
    background: grey; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(to bottom right, grey, white, grey); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(to bottom right, grey, white, grey); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(to bottom right, grey, white, grey); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, grey, white, grey);
}


li a:hover:not(.active), li a.active { 
    color: white;
    box-shadow: -2px 2px 2px navy;
    
    background: navy; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(to bottom right, navy, lightblue, navy); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(to bottom right, navy, lightblue, navy); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradientto bottom right, navy, lightblue, navy); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, navy, lightblue, navy); /* Standard syntax */
}

.page {
    background: whitesmoke;
    width: auto;
    height: auto;
    margin-left: 20%;
    padding: 1px 16px;
}

.header {
    display: block;
    margin: auto auto auto auto;
    width: 95%;
    margin-top: 2%;
    border: 2px solid grey;
    box-shadow: -5px 5px 15px grey;
}

.logo {
    width: 30%;
    padding-top: 3%;
    display: block;
    background-color: whitesmoke;
    border-radius: 50%;
}

.tab {
    margin-top: 5%;
    margin-left: 0.5%;
}

.sez1{
    font-size: 20px;
    color: navy;
    padding: 3%;
    width: 33%;
	float: left;
	position: relative;
	border-right: 1px solid lightgrey;
	text-align: center;
    text-shadow: 2px 2px 5px lightblue;
    font-weight: bold;
}

.sez2{
    font-size: 20px;
    color: navy;
    padding: 3%;
    width: 33%;
	float: left;
	position: relative;
	text-align: center;
    text-shadow: 2px 2px 5px lightblue;
    font-weight: bold;
}

hr {
    color: lightgrey;
}

.slide {
    border: 1px solid black;
    margin: 5% auto auto auto;
    width: 90%;
    max-width: 1000px;
    overflow: hidden;
    box-shadow: -5px 5px 15px grey;
}

.testo {
    background: linear-gradient(to bottom, white, whitesmoke);
    border: 1px solid whitesmoke;
    border-radius: 20px;
    margin: 5% 10% 3% 10%;
    padding: 5%;
}

.mySlides {
    width: 100%;
}

.contacts {
    background: linear-gradient(to bottom, white, whitesmoke);
    padding: 5%;
    border-radius: 20px;
    border: 1px solid whitesmoke;
    font-family: 'helvetica';
    font-size: 20px;
    margin-top: 5%;
    word-spacing: 2px;
}

#container:after{
  content:".";
  display:block;
  clear:left;
  visibility:hidden;
    height: 40px;
}

.services {
    width: 100%;
    margin-top: 5%;
    font-size: 20px;
    color: navy;
    text-align: center;
    border-spacing: 15px;
}

td {
    padding: 20px;
    background: gray;
    box-shadow: -5px 5px 5px lightgrey;
    transition: 0.4s;
    border: 2px solid deepskyblue;
    border-radius: 5px;
    color: white;
}

td:hover {
    background: white;
    box-shadow: -1px 1px 5px deepskyblue;
    color: navy;
}

footer {
    color: navy;
    text-align: center;
}

.facebook {
    margin-top: 50%;
    margin-left: 20%;
    width: 7vw;
    height: 7vw;
}

.firma {
    margin-left: 15%;
}

.camper-text {
    
    background: linear-gradient(to bottom, white, whitesmoke);
    border: 1px solid whitesmoke;
    border-radius: 20px;
    margin: 5% 10% 3% 10%;
    padding: 5%;
    width: 80%;
    margin: 10% auto auto auto;
    text-align: center;
    font-size: 30px;
}