#body{
		width:100%;
		margin:0px;
	}
	
/* caratteristiche DIV principale. Gestisce la dimensione pagina */
	#div-principale{ 
		margin: 0 auto; 
		width: 100%;
		padding: 0px;
    display: inline-block;
		font-family:arial;
	}
	
/* Contenitore del menu top */
	#div-menutop {
		top:0px;
		margin: 0 auto; 
		color: black;
		text-align: center;
		padding: 0px;
		z-index: 20;
		width:100%;
		background-color:#FFFFFF;
	}

/* Logo pagina in alto a sinistra */
	#pic-LogoTop{
		display: none; 
		top:0px;
    width: 15%;
		z-index: 10;
		float:left;
	}
	
	#pic-LogoTop img{ 
    width: 100%;
    height: auto;
		padding: 2px;
	}

/* Aspetto dei bottoni nel menu top */	
	.button-menutop-class, .button-menutop-class-selected{
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		height:30px;
		width: 120px;
    padding: 0px 0px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
		-webkit-transition-duration: 0.5s; /* Safari */
    transition-duration: 0.5s;
	}
	
	.button-menutop-class{
		background-color: #FFFFFF;
    color: black; 
    border: solid 0px;
	}
	
	.button-menutop-class-selected{
		background-color: #a8a8b7; 
    color: white;
		border: solid 0px red;
	}
/* Aspetto dei bottoni nel menu top */		
	.button-menutop-class:hover,.button-menutop-class-selected:hover {
		background-color: #007FFF; 
		color:white;
		box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
	}
	
/* ----------------------------------------------------------------------- */
/* ------------------- CSS PER DIV QUADRATI SU CORPO --------------------- */
/* ----------------------------------------------------------------------- */
div.boximg {
    margin: 1px;
    float: left;
    width: 24%;
		min-width: 160px;
    border: 1px solid #cccccc;
		/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}	

div.boximg:hover {
		opacity: 0.7;
    filter: alpha(opacity=40); /* For IE8 and earlier */
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

div.boximg img {
    width: 100%;
    height: auto;
}

div.boximgdesc {
    padding: 5px;
    text-align: center;
		background-color: white;
		color: black;
}
/* ----------------------------------------------------------------------- */

/* ----------------------------------------------------------------------- */
/* ------------------------------ CSS PER FORM  -------------------------- */
/* ----------------------------------------------------------------------- */

input[type=text], input[type=password], textarea, select {
    width: 100%;
    padding: 10px 20px;
    margin: 3px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

input[type=submit], .DivTitoloGreen, .DivTitoloRed, .DivTitoloBlue {
    width: 50%;
    background-color: #777777;
    color: white;
    padding: 10px 20px;
    margin: 0px 0;
    border: none;
    border-radius: 2px;
    cursor: pointer;
}

input[type=submit]{
		box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
	
input[type=submit]:hover {
    background-color: #aaaaaa;
}

/* ----------------------------------------------------------------------- */

/* ----------------------------------------------------------------------- */
/* ----------------- CSS PER  CONTATTI E ASSISTENZA ---------------------- */
/* ----------------------------------------------------------------------- */
.DivMaster{
	width: 50%;	
	min-width: 350px;
  padding: 10px ;
	background-color: #ffffff;
	float: left;
}

.DivMasterAssistenza{
	width: 50%;	
	min-width: 360px;	
  padding: 10px;
	background-color: #ffffff;
	margin-right: auto;  
	margin-left: auto
}

.DivContenitore{
	border: 1px solid;
	border-radius: 5px;
  background-color: #f2f2f2;
	padding: 10px ;
	/*height:55vh;
	min-height: 360px;
	max-height: 420px;*/
}

.DivContenitoreRed{
	border: 1px solid;
	border-radius: 5px;
  background-color: #ff2626;
	padding: 10px;
}

.DivTitoloBlue{
  width: 100%;
	text-align: center;
	background-color: #006cd9;
	font-style: arial;
	font-size: 20px;
}

.DivTitoloRed{	
  width: 100%;
	text-align: center;
	background-color: #ff4c4d;
	font-style: arial;
	font-size: 20px;
}

.DivTitoloGreen{	
  width: 100%;
	text-align: center;
	background-color: #4CAF50;
	font-style: arial;
	font-size: 20px;
}

.ImgContenitore{
	padding: 0px 0px 10px 0px;
	width: 100%;
}
/* ----------------------------------------------------------------------- */
	.imgYoutube{
		width:19%;
		min-width: 100px;
		position: inline-block;
		float:left;
	}
	
div.video-link {
    margin: 1px;
    float: left;
    width: 24%;
		min-width: 200px;
    border: 1px solid #cccccc;
		/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}	

div.video-link:hover {
		opacity: 0.7;
    filter: alpha(opacity=40); /* For IE8 and earlier */
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

div.video-link img {
    width: 100%;
    height: auto;
}

div.video-desc {
    padding: 5px;
    text-align: center;
		background-color: white;
		color: black;
}

#iframeMappa{
    padding: 5px;
	width: 100%; 
	height: 100%;
	min-height: 300px;
	frameborder: 0;
}
	
		/* Barra verticale sottomenu */

	
	#div-conentuto-modificabile{
		margin: 0px 0px;	
    padding: 0px 0px;
	}
	
	#div-piede{
		width: 100%;
		margin-top: 25px;
	}