/* ------------------------------------------------------------------*/
/* -------------------- Sezione top menu orizzontale ----------------*/
/* ------------------------------------------------------------------*/
	/* Testo bottoni top menu */
	#span-button1:after{ content: "Home";	}
	#span-button2:after{ content: "Prodotti";	}
	#span-button3:after{ content: "Contatti";	}
	#span-button4:after{ content: "Assistenza";	}
	#span-button5:after{ content: "";	}
	#span-button6:after{ content: "";	}
	#span-button7:after{ content: "";	}
	#span-button8:after{ content: "Area Privata";	}
	
	/* Bottoni non utilizzati */
	#button5{display:none;}
	#button6{display:none;}
	#button7{display:none;}
	
	/* Colori bottoni top menu (su hover) */
	#button8:hover {
		background-color: #FF5C26; 
		color:black;
	}
	#button4:hover {
		background-color: #2DB300; 
		color:black;
	}

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

/* ----------------------------------------------------------------------- */
/* ---------------           CSS PER ARTICOLI         -------------------- */
/* ----------------------------------------------------------------------- */
	#div-menuarticolo{
		min-width: 230px;
	}

	.button-menu-class, .Menu-titolo{
			background-color: #FFFFFF; 
			height:40px;
			/*min-width: 230px;*/
			width: 100%;
		border: none;
		color: black;
		padding: 0px 0px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 0px 0px;
		cursor: pointer;
			-webkit-transition-duration: 0.5s; /* Safari */
		transition-duration: 0.5s;
	}

	.button-menu-class: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);
	}
		
	.Menu-titolo{
		background-color: #00238c;
    font-size: 20px;
		color: white;
		padding: 6px;
	}
	
	#ol-conentuto-modificabile{
		margin: 0px 0px;
		/*text-align:centre;*/
		/*padding: 0px ;20px 0px 30px;*/

	}
	#div-articolo{width: 100%; }

	#div-menuarticolo{
		width: 20%; 
		min-width: 230px;
		border: solid 1px black;
		float: left;
	}
	
	#div-conentuto{
		float: left;
		width: 70%;
		margin: 0px 0px;	
    padding: 0px 0px;
		
	}
	
	.img-articolo-left{
		float:left; 
		width: 15%; 
		padding: 10px; 
		margin: 10px;
	}
	
	.img-articolo-right{
		float:right; 
		width: 15%; 
		padding: 10px; 
		margin: 10px;
	}
/* ----------------------------------------------------------------------- */





/* Smartphones (portrait and landscape) ----------- 
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

}*/

/* Desktops and laptops ----------- */
@media only screen  and (max-width : 600px) {

}

@media only screen  and (min-width : 1224px) {

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3) and (orientation : landscape){
/*@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1.3){*/
	#div-menutop{
		position:relative;
		z-index: 20;
		width:100%;
		background-color:#ffffff;
	}
	
	#pic-LogoTop{
		display: inline-block; 
		width: 40%;
	}	
	.w3-dropdown-hover{
		width: 19%;
	}
	.button-menutop-class, .button-menutop-class-selected{
		background-color: #4C4CFF; 
		color: white;
		width: 100%;
		height: 12%
	}
	
	.button-menutop-class-selected{
		background-color: #aaaaaa;
	}
	
	#button5{display:none; }
	#button6{display:none; }
	#button7{display:none; }
	
	div.boximg {
		width: 49%;
	}
	.boximgdesc{
		font-size: 30px;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3) and (orientation : portrait){
/*@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1.3){*/
	#div-menutop{
		position:relative;
		z-index: 20;
		width:100%;
		background-color:#FFFFFF;
	}
	
	.w3-dropdown-content{
		width: 100%;
		font-size: 32px;
	}
	
	.w3-dropdown-content {display:none;}
	
	.button-menutop-class, .button-menutop-class-selected{
		background-color: #4C4CFF; 
		color: white;
		height:6%;
		width: 100%;
		font-size: 32px;
		margin: 2px 2px;
	}
	
	.button-menutop-class-selected{
		background-color: #aaaaaa;
	}
	
	.w3-dropdown-hover{width:100%;}
	.w3-dropdown-content{width:100%;}
	
	#pic-LogoTop{ 
		display:inline;
		height:20%;
		width: 100%;
		float:left;
	}
	div.boximg {
		width: 98%;
	}
	.boximgdesc{
		font-size: 42px;
	}
	
	.DivMaster{
		width: 100%;	
	}
	td{
		
		font-size: 40px;
	}
	
	.DivMasterAssistenza{
		width: 100%;	
	}
	
	.DivTitoloRed{	
		width: 100%;
		font-size: 40px;
	}
	
	.DivTitoloGreen{	
		width: 100%;
		font-size: 40px;
	}
	
	#registrazione{
		display:none;
	}
}