html {
    	margin: 0;
   		padding: 0;
    	width: 100%;
    	height: 100%;
		overflow:hidden;
	}
	a {
		margin:0;
		padding:0;
		border: 0;
	}
	body {
		border: 12px solid #e9e4cd;
	}	
	.tabella {
		background-image:url('/../images/index_sfondoBASE.jpg');
		background-repeat:no-repeat;
		background-position: center;
		background-size: cover;
		display:table;
		/* background:red; */
		margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, Gecko */
        box-sizing: border-box;   
	}

	#rigalogo {
		display:table-row;
		margin: 0;
        padding: 0;
		width: 100%;
        height:50%;
		/* background:#46A7D0; */
	}
	#cellalogo, #cellalogosezioni {
		display:table-cell;
		padding:10px;
		/* border: 5px solid blue; */
	}
	#cellalogo {
		/* background: url("images/index_LOGO.png") 50% 50% no-repeat;
		background-size: contain; */
	}
	#cellalogosezioni {
		/* background: url("images/index_LOGO_sezioni.png") 50% 50% no-repeat;
		background-size: contain; */
	}
	#rigacentro {
		display:table-row;
		margin: 0;
        padding: 0;
		width: 100%;
        height: 1%;
		background:#46A7D0;
	}
	#cellacentro {
		display:table-cell;
		padding:10px;
		/* border: 5px solid blue;
		background:#46A7D0; */
	}
	.riga {
		display:table-row;
		margin: 0;
        padding: 0;
		width: 100%;
        height: 50%;
		
	}
	.cella {
		position:relative;
		display:table-cell;
		padding:10px;
		/* border: 5px solid blue; */

	}
	#bottone-logo {
		display:block;
		width:100%;
		height:100%;
		margin:20px;
		/* background:#77C04A; */
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, Gecko */
        box-sizing: border-box;
		/* border: 5px solid #196F00; */
	}
	ul {
  		list-style-type: none;
		width:100%;
		height:100%;
		max-height: 330px;
		max-width: 1000px;
 		overflow: hidden;
		transform: translate(-50%, 0);
	   	left: 50%;
		bottom: 0;
		position:absolute;
		/* border: 5px solid green; */
	}

	li {
		display: table-cell;
   	 	float:left;
		width: 32%;
    	height: 100%;
    	margin: 0 auto;
   		/* border: 1px solid #00f; */
	}
	.btnsez-pc1, .btnsez-pc2, .btnsez-pc3, .btnsez-mobile1, .btnsez-mobile2, .btnsez-mobile3 {
	    background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: contain;
	}
	#scrittaVideo {
		position:absolute;
		width:30%;
		height:38%;
 		overflow: hidden;
		transform: translate(-170%, 0); /* -120% */
	   	left: 50%;
		top: 0;
		margin: 0 auto;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: contain;
	}
	#linguettaTop {
		position:absolute;
		width:30%;
		height:38%;
 		overflow: hidden;
		transform: translate(-50%, 0);
	   	left: 50%;
		top: 0;
		margin: 0 auto;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: contain;
	}
	#bgvid, #bgvid2, #bgvid3 { 
		position: fixed;
		left: 0;
		top:0;
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
		z-index: -100; 
	}
	.imgbottonivuoti {
		width:100%;
		height:100%;
		
	}
	#sfondofix {
		display:hidden;
		position:absolute;
		height:0;
		width:0;
		left:-2000px;
		top:-2000px;
	}

	#indexmenumobile {
		display:none;
	}


	@media (max-width: 660px) {
		
		li {
			display: table-cell;
			width: 31%;
		}
		ul {
			margin-left:2%;
		}
	}
	@media (min-width: 2560px) {
		
	.tabella {
		background-image:none;
		background-color:red;
		display:table;
		/* background:red; */
		margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, Gecko */
        box-sizing: border-box;   
	}
	ul {
		max-height: 600px;
		max-width: 2000px;
		/* border: 5px solid green; */
	}
	li {
		display: table-cell;
   	 	float:left;
		width: 32%;
    	height: 100%;
    	margin: 0 auto;
   		/* border: 1px solid #00f; */
	}
		
	}

	@media (max-aspect-ratio: 16/10) {
	#bgvid, #bgvid2, #bgvid3 {
	   	position:absolute;		
	  	margin: 0;
	   	transform: translate(-50%, -50%);
	   	top: 50%;
	   	left: 50%;
	}
	#scrittaVideo {
		transform: translate(-60%, 0);
	   	left: 20%;
		height:30%;
	}
}
	@media (min-aspect-ratio: 16/9) {
	#bgvid, #bgvid2, #bgvid3 {
		width:100%;
		height: auto;
	}	
}
	@media (max-aspect-ratio: 16/9) {
	#bgvid, #bgvid2, #bgvid3 {
		width:auto;
		height: 100%;
	}	
}
/* BROWSER FIX */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	ul {
  		list-style-type: none;
		width:100%;
		height:260px;
		max-height: 330px;
		max-width: 1000px;
 		overflow: hidden;
		transform: translate(-50%, 0);
	   	left: 50%;
		bottom: 0;
		position:absolute;
		/* border: 5px solid green; */
	}
	#sfondofix {
		display:block;
		position:absolute;
		height:100%;
		width:100%;
		z-index:1;
	}
	body {
		background-image:none;
		border: 12px solid #e9e4cd;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: contain;
	}
	video {
		display:none;
		visibility:hidden;
	}
	#bgvid, #bgvid2, #bgvid3 {
		display:none;
		visibility:hidden;
	}
}
/* RESPONSIVE ------------------------------------------------------------- */

/* IPHONE 5 */
/* verticale */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { 
	
    #indexmenupc {
		display:none;
	}
	#indexmenumobile, #indexmenumobilediv {
		display:block;
		width:100%;
		height:100%;
		posiotion:relative;
	}
	.btnsez-mobileSez {
     	display:block;
		width:310px;
		height:310px;
		margin:0 auto;
		margin-top:10px;
		position:relative;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: contain;
	}
	ul {
  		list-style-type: none;
		width:100%;
		height:100%;
		max-height: 330px;
		max-width: 1000px;
 		overflow: hidden;
		transform: translate(-50%, 0);
	   	left: 50%;
		bottom: 20%;
		position:absolute;
		/* border: 5px solid green; */
	}
	li {
		display: table-cell;
   	 	float:left;
		width: 32%;
    	height: 100%;
    	margin: 0 auto;
   		/* border: 1px solid #00f; */
	}
	#rigacentro {
		display:none;
	}
	#cellacentro {
		display:none;
	}
	#cellalogo {
		/* background: url("images/index_LOGO_mobile.png") 50% 50% no-repeat;
		background-size: contain; */
		display:none;
	}
	#cellalogosezioni {
		/* background: url("images/index_LOGO_sezioni_mobile.png") 50% 50% no-repeat;
		background-size: contain; */
		display:none;
	}
	#rigalogo {
		display:table-row;
		margin: 0;
        padding: 0;
		width: 100%;
        height:30%;
		/* background:#46A7D0; */
	}
	.riga {
        height: 100%;
	}
	#linguettaTop {
		position:absolute;
		width:30%;
		height:38%;
 		overflow: hidden;
		transform: translate(-50%, -8%);
	   	left: 50%;
		top: 0;
		margin: 0 auto;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: contain;
	}
}
/* orizzontale */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) {
	
	#rigalogo {
		display:table-row;
		margin: 0;
		margin-top:0;
        padding: 0;
		width: 100%;
        height:30%;
		/* background:#46A7D0; */
	}
	.riga {
        height: 65%;
	}
	#indexmenupc {
		display:none;
	}
	#indexmenumobile {
	    display:block;
	}
	#indexmenumobilediv {
		display:block;
		width:95%;
		height:100%;
		margin: 0 auto;
		posiotion:relative;
	}
	.btnsez-mobileSez {
     	display:block;
		float:left;
		width:200px;
		height:200px;
		margin:0 auto;
		margin-top:10px;
		margin-left:8%;
		position:relative;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: contain;
	}
	#rigacentro {
		display:none;
	}
	#cellacentro {
		display:none;
	}
	#rigalogo {
		display:none;
	}
	#cellalogo {
		/* background: url("images/index_LOGO_mobile.png") 50% 50% no-repeat;
		background-size: contain; */
		display:none;
	}
	#cellalogosezioni {
		/* background: url("images/index_LOGO_sezioni_mobile.png") 50% 50% no-repeat;
		background-size: contain; */
		display:none;
	}
	ul {
  		list-style-type: none;
		width:100%;
		height:100%;
		max-height: 330px;
		max-width: 1000px;
 		overflow: hidden;
		transform: translate(-50%, 0);
	   	left: 50%;
		bottom: 2%;
		position:absolute;
		/* border: 5px solid green; */
	}
	li {
		display: table-cell;
   	 	float:left;
		width: 32%;
    	height: 70%;
    	margin: 0 auto;
   		/* border: 1px solid #00f; */
	}

}

/* IPHONE 6 PLUS
 verticale 
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) {

	#indexmenupc {
		display:none;
	}
	
}
 orizzontale
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) {
	
	#indexmenupc {
		display:none;
	}
	#indexmenumobile {
	    display:block;
	}
} */