<style>
	body {
		padding: 0;
		margin: 0;
	}
	html, body, #map {
		height: 100%;
		width: 100%;
		padding: 0;
		margin: 0;
	}    

.titolosidebar {
	color: white;
	font-variant: small-caps;
	font-size: 25px;
	font-family: calibri;
}

.sottotitolosidebar {
	color: white;
	font-size: 20px;
	font-family: calibri;
}

.testosidebar {
	color: #b3b3b3;
	font-family: calibri;
	font-size: 15px;
}

.tabella-scroll{
    width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch; /* scroll fluido su iPhone */
}

#tabellaPercorsi{
    width:100%;
    min-width:700px;   /* oppure 650-800 px a seconda del contenuto */
    border-collapse:collapse;
}

.video-thumb {
    position: relative;
    display: inline-block;
    max-width: 100%;
    cursor: pointer;
}

.video-thumb img {
    display: block;
    width: 100%;
    height: auto;
}

.video-thumb::after {
    content: "▶";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 36px;
    color: white;
    background: rgba(0,0,0,0.55);
    border-radius: 50%;
    transition: all .2s;
}

.video-thumb:hover::after {
    background: rgba(220,0,0,0.9);
    transform: translate(-50%, -50%) scale(1.08);
}
</style>