#del_upload_image{
	position:absolute;
	top:0px;
	right:0px;
	width:50px;
	height:50px;
	background-color: #A2A2A2;
	background-color: rgba(0,0,0,0.1);
	margin:0px;
	padding:0px;
	border-left: solid 1px #323232;
	border-left: solid 1px rgba(0,0,0,0.1);
	border-bottom: solid 1px #323232;
	border-bottom: solid 1px rgba(0,0,0,0.1);
	background-image:url("../imm/close_icon.png");
	background-size:30px;
	background-repeat: no-repeat;
	background-position: center;
}
#image{
	position:relative;
	display: inline-block;
	vertical_align: top;
	width:160px;
	height:160px;
	margin-right:20px;
	margin-top: 20px;
	overflow:hidden;
	border: solid 1px #323232;
	border: solid 1px rgba(0,0,0,0.1);
}

.icon{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background-color: #A2A2A2;
	background-color: rgba(0,0,0,0.1);
	background-image:url("../imm/add_icon.png");
	background-size:60px;
	background-repeat: no-repeat;
	background-position: center;
}

#image:active .icon{
	background-color: #828282;
	background-color: rgba(0,0,0,0.4);
}

.carica{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background-color: rgba(0,0,0,0.1);
}

.carica_line{
	position:relative;
	display: inline-block;
	width:8px;
	height:5px;
	border-radius:1px;
	margin:auto;
	margin-left:2px;
	margin-right:2px;
	background-color: rgba(0,0,0,0.2);
	border: solid 1px rgba(0,0,0,0.2); 
}

.block_click{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
}

.notizia{
	width:calc(100% - 40px);
	position:relative;
	float:left;
	margin-top:20px;
	margin-left:20px;
	background-color:rgba(255,255,255,1);
	color:rgba(0,0,0,1);
	border-radius: 4px;
}

.label_notizia{
	padding-top:20px;
	padding-bottom:10px;
	font-size:1em;
	color:#A2A2A2;
	font-family: "AvenirNext-Bold";
	border-bottom: 1px solid rgba(0,0,0,0.1);
	text-align:left;
}

.contenuto_notizia p{
	font-size:1em;
	font-family: "AvenirNext-Regular";
	text-align:left;
	margin-top:10px;
	margin-bottom:20px;
	margin-right:20px;
	color: #323232;
}

.opzioni{
	position: relative;
	display: inline-block;
	width: 40px;
	height: 40px;
	margin: 5px;
	vertical-align: middle;
	opacity: 0.5;
	background-size: 30px;
	background-position:center;
	background-repeat: no-repeat;
	top: 40px;

	-o-transition: opacity .3s ease-out, top .3s ease-out;
	-ms-transition: opacity .3s ease-out, top .3s ease-out;
	-moz-transition: opacity .3s ease-out, top .3s ease-out;
	-webkit-transition: opacity .3s ease-out, top .3s ease-out;
	transition: opacity .3s ease-out, top .3s ease-out;
}

.opzioni:hover{
	opacity: 1;

	-o-transition: opacity .3s ease-out;
	-ms-transition: opacity .3s ease-out;
	-moz-transition: opacity .3s ease-out;
	-webkit-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out;
}

.opzioni_cont.attivo .opzioni{
	top: 0px;

	-o-transition: top .3s ease-out;
	-ms-transition: top .3s ease-out;
	-moz-transition: top .3s ease-out;
	-webkit-transition: top .3s ease-out;
	transition: top .3s ease-out;
}

.modifica{
	background-image: url("../imm/pencil_icon.png");
}

.elimina{
	background-image: url("../imm/trash_icon.png");
}

.active_icon{
	background-image: url("../imm/active_icon.png");
}

.unactive_icon{
	background-image: url("../imm/unactive_icon.png");
}

.tutto{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:95%;
	margin-left: 5%;
	width: calc(100% - 20px);
	margin-left: calc(20px);
}

.intero{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:100%;
	margin:0px;
}

.meta{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:50%;
	margin:0px;
}

.terzo{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:33.33%;
	margin:0px;
}

.due_terzo{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:66%;
	margin:0px;
}

.quarto{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:25%;
	margin:0px;
}

.tre_quarto{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:75%;
	margin:0px;
}

.quinto{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:20%;
	margin:0px;
}

.quatro_quinto{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:80%;
	margin:0px;
}

.contenitore_elementi{
	display: inline-block;
	width: 100%;
}

.contenitore_elementi_di_tipo{
	display: inline-block;
	width: 100%;
	background-color: rgba(255,255,255,0.5);
	padding-bottom: 20px;
}

.img_prodotto{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:25%;
	margin: 0px;
	background-image: url("../../imm/no_img_thumb.jpg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 10px 0px 0px 10px;
}

.cont_prodotto{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:75%;
	margin: 0px;
}

.dati_prodotto{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:75%;
	margin: 0px;
}

.opzioni_cont{
	position: absolute;
	display: inline-block;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	text-align: right;
	border-radius: 10px;
	background-color: #A2A2A2;
	background-color: rgba(66,114,145,0.8);
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	
	-o-transition: visibility .3s ease-out, opacity .3s ease-out;
	-ms-transition: visibility .3s ease-out, opacity .3s ease-out;
	-moz-transition: visibility .3s ease-out, opacity .3s ease-out;
	-webkit-transition: visibility .3s ease-out, opacity .3s ease-out;
	transition: visibility .3s ease-out, opacity .3s ease-out;
}

.opzioni_cont.attivo{
	opacity: 1;
	visibility: visible;
	
	-o-transition: visibility .3s ease-out, opacity .3s ease-out;
	-ms-transition: visibility .3s ease-out, opacity .3s ease-out;
	-moz-transition: visibility .3s ease-out, opacity .3s ease-out;
	-webkit-transition: visibility .3s ease-out, opacity .3s ease-out;
	transition: visibility .3s ease-out, opacity .3s ease-out;
}

.prodotto_div{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:23%;
	margin-left: 5%;
	margin-top: 5%;
	width: calc( ( 100% - 20px ) / 3 - 20px);
	margin-left: calc(20px);
	margin-top: calc(20px);
	border-radius: 10px;
	background-color: #FFFFFF;
	opacity: 1;

	-o-transition: background-color 1.8s ease-out, opacity 0.6s ease-out;
	-ms-transition: background-color 1.8s ease-out, opacity 0.6s ease-out;
	-moz-transition: background-color 1.8s ease-out, opacity 0.6s ease-out;
	-webkit-transition: background-color 1.8s ease-out, opacity 0.6s ease-out;
	transition: background-color 1.8s ease-out, opacity 0.6s ease-out;
}

.elemento_div{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:23%;
	margin-left: 5%;
	margin-top: 5%;
	width: calc( ( 100% - 20px ) / 3 - 20px);
	margin-left: calc(20px);
	margin-top: calc(20px);
	border-radius: 10px;
	background-color: #FFFFFF;
	opacity: 1;

	-o-transition: background-color 1.8s ease-out, opacity 0.6s ease-out;
	-ms-transition: background-color 1.8s ease-out, opacity 0.6s ease-out;
	-moz-transition: background-color 1.8s ease-out, opacity 0.6s ease-out;
	-webkit-transition: background-color 1.8s ease-out, opacity 0.6s ease-out;
	transition: background-color 1.8s ease-out, opacity 0.6s ease-out;
}

.att_segno{
	position: absolute;
	display: block;
	width: 10px;
	height: 100%;
	top: 0px;
	right: 0px;
	border-radius: 0px 10px 10px 0px;
}

.att_segno.active{
	background-color: #22FFFF;
}

.att_segno.unactive{
	background-color: #FF2222;
}

.prodotto_new{
	background-color: #00FFFF;
	opacity: 0;
}

.prodotto_add{
	background-color: #53C18E;
	background-image: url("../imm/add_icon.png");
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: center;
	
	-o-transition: background-color .2s ease-out;
	-ms-transition: background-color .2s ease-out;
	-moz-transition: background-color .2s ease-out;
	-webkit-transition: background-color .2s ease-out;
	transition: background-color .2s ease-out;
}

.prodotto_add:hover{
	background-color: #1DED8D;
	
	-o-transition: background-color .2s ease-out;
	-ms-transition: background-color .2s ease-out;
	-moz-transition: background-color .2s ease-out;
	-webkit-transition: background-color .2s ease-out;
	transition: background-color .2s ease-out;
}

.elemento_tipo_titolo{
	position: relative;
	font-family:"AvenirNext-Italic";
	padding: 20px;
	padding-left: 82px;
	color: #323232;
	font-size: 1.4em;
	margin-top: 10px;
	/*background-color: #FFFFFF;*/
	background-color: rgba(255,255,255,0.9);
	border-bottom: solid 1px #323232;
	border-bottom: solid 1px rgba(0,0,0,0.25);

	background-position: 20px, 31px;
	background-size: 42px, 42px;
	background-repeat: no-repeat;
	
	-o-transition: color .2s ease-out;
	-ms-transition: color .2s ease-out;
	-moz-transition: color .2s ease-out;
	-webkit-transition: color .2s ease-out;
	transition: color .2s ease-out;
	
	-o-transition: background-color .2s ease-out;
	-ms-transition: background-color .2s ease-out;
	-moz-transition: background-color .2s ease-out;
	-webkit-transition: background-color .2s ease-out;
	transition: background-color .2s ease-out;
}

.elemento_tipo_titolo:hover{
	color: #FFFFFF;
	background-color: #CA9C41;
	
	-o-transition: color .2s ease-out;
	-ms-transition: color .2s ease-out;
	-moz-transition: color .2s ease-out;
	-webkit-transition: color .2s ease-out;
	transition: color .2s ease-out;
	
	-o-transition: background-color .2s ease-out;
	-ms-transition: background-color .2s ease-out;
	-moz-transition: background-color .2s ease-out;
	-webkit-transition: background-color .2s ease-out;
	transition: background-color .2s ease-out;
}

.linea_bottom{
	position: absolute;
	bottom: 0px;
	left: 20px;
	right: 20px;
	height: 1px;
	background-color: #A2A2A2;
}

.tit_prodotto{
	margin-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 1.2em;
	font-family: "AvenirNext-Bold";
	color: #323232;
}

.desc_prodotto{
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 0.8em;
	font-family: "AvenirNext-Italic";
	color: #A2A2A2;
}

.icona_img{
	position:relative;
	width:100px;
	margin-left:10px;
	margin-top:10px;
	float:left;
	border: solid 1px rgba(0,0,0,0.1);
}

.gallery_div{
	position: relative;
	display:inline-block;
	width: 140px;
	height: 140px;
	margin-top: 15px;
	margin-left: 15px;
	border: solid 1px #B4B4B4;
	/*background-image: url("../../imm/no_img_thumb.jpg");*/
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: top;
	overflow: hidden;
	border-radius: 15px;
	transform: scale(1);
	
	-o-transition: color .3s ease-out, background-color .3s ease-out, background-position .3s ease-out, transform .3s ease-out;
	-ms-transition: color .3s ease-out, background-color .3s ease-out, background-position .3s ease-out, transform .3s ease-out;
	-moz-transition: color .3s ease-out, background-color .3s ease-out, background-position .3s ease-out, transform .3s ease-out;
	-webkit-transition: color .3s ease-out, background-color .3s ease-out, background-position .3s ease-out, transform .3s ease-out;
	transition: color .3s ease-out, background-color .3s ease-out, background-position .3s ease-out, transform .3s ease-out
}

.gallery_div:hover{
	transform: scale(1.1);
}
.gallery_div.att{
	border: solid 2px #02E232;
	margin-top: 13px;
	margin-left: 13px;
}

.gallery_div.selectable{
	cursor: pointer;
	cursor: hand;
}

.gallery_div .opzioni{
	position: absolute;
	right: 0px;
	left: auto;
	border-radius: 5px;
	top: -50px;
	background-color: #E21212;
	background-color: rgba(224, 18, 18, 0.6);
}

.gallery_div:hover .opzioni{
	top: 0px;

	/*-o-transition: opacity .3s ease-out, top .3s ease-out;
	-ms-transition: opacity .3s ease-out, top .3s ease-out;
	-moz-transition: opacity .3s ease-out, top .3s ease-out;
	-webkit-transition: opacity .3s ease-out, top .3s ease-out;
	transition: opacity .3s ease-out, top .3s ease-out;*/
}

.gallery_div.add{
	overflow: hidden;
	background-image: url("../../imm/icons/icon_add.svg");
	background-size: 50px;
}

#gallery_form{
	position:absolute;
	width:100%;
	height:100%;
}
#fileToUpload{
	position:relative;
	width:100%;
	height:200%;
	top:-50%;
	cursor: hand;
	cursor: pointer;
}

.titolo_insert{
	position:relative;
	width:calc(100% - 60px);
	margin-top:20px;
	margin-left:20px;
	padding-left:20px;
	padding-bottom:20px;
	float:left;
	background-color: rgba(255,255,255,1);
	border-radius:4px;
}

.copertina_set{
	position:absolute;
	display: inline-block;
	padding: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin:0px;
	bottom: 0px;
	right: 0px;
	background-color:#D2D2D2;
	cursor: pointer; 
	cursor: hand;
	color: #A2A2A2;
}

.copertina_set:hover{
	background-color:#F2F2F2;
}

.copertina_set.active{
	color: #020202;
}

.prima_set{
	position:absolute;
	display: inline-block;
	padding: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin:0px;
	top: 0px;
	right: 0px;
	background-color:#D2D2D2;
	cursor: pointer; 
	cursor: hand;
	color: #A2A2A2;
}

.prima_set:hover{
	background-color:#F2F2F2;
}

.prima_set.active{
	color: #020202;
}

.dopo_set{
	position:absolute;
	display: inline-block;
	padding: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin:0px;
	top: 40px;
	right: 0px;
	background-color:#D2D2D2;
	cursor: pointer; 
	cursor: hand;
	color: #A2A2A2;
}

.dopo_set:hover{
	background-color:#F2F2F2;
}

.dopo_set.active{
	color: #020202;
}

.car{
	position:fixed;
	display:none;
	width: 100%;
	height: 100%;
	background-color: #323232;
	background-color: rgba(0,0,0,0.6);
	top:0px;
	left:0px;
	background-image: url("../../imm/carica_image.gif");
	background-size: 50px;
	background-position: center;
	background-repeat: no-repeat;
	z-index:100;
}

.car.active{
	display:block;
}

.confirm_full{
	position:fixed;
	display:none;
	width: 100%;
	height: 100%;
	background-color: #323232;
	background-color: rgba(0,0,0,0.6);
	top:0px;
	left:0px;
	text-align: center;
	z-index:100;
}

.confirm_full.active{
	display:block;
}



.popup{
	position:fixed;
	display:block;
	width: 100%;
	height: 100%;
	text-align: center;
	top:0px;
	left:0px;
	overflow-y: auto;
	z-index: 100;
	
	/*closed*/
	visibility: hidden;
	
	-o-transition: visibility .3s ease-out;
	-ms-transition: visibility .3s ease-out;
	-moz-transition: visibility .3s ease-out;
	-webkit-transition: visibility .3s ease-out;
	transition: visibility .3s ease-out;
}

.popup_back{
	position:fixed;
	display:block;
	width: 100%;
	height: 100%;
	background-color: #001e57;
	background-color: rgba(0,30,39,0.8);
	top:0px;
	left:0px;
	
	/*closed*/
	opacity: 0;
	
	-o-transition: opacity .3s ease-out;
	-ms-transition: opacity .3s ease-out;
	-moz-transition: opacity .3s ease-out;
	-webkit-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out;
}

.popup_car{
	position:absolute;
	display:none;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	background-color: rgba(255,255,255,0.4);
	border-radius: 10px;
	top:0px;
	left:0px;
	background-image: url("../../imm/carica_image.gif");
	background-size: 50px;
	background-position: center;
	background-repeat: no-repeat;
}

.popup_car.active{
	display:block;
}

.popup_align{
	position:relative;
	display:inline-block;
	width: 1%;
	height: 100%;
	border-radius: 10px;
	vertical-align: middle;
}

.popup_cont{
	position:relative;
	display:inline-block;
	width: 90%;
	max-width: 600px;
	vertical-align: middle;
	background-color: #F2F2F2;
    border-radius: 15px;
	box-shadow: 0 0 8px 0 #00000080;
	margin-top: 50px;
	margin-bottom: 50px;
	
	/*closed*/
	margin-top: 100px;
	opacity: 0;
	
	-o-transition: margin-top .3s ease-out, opacity .3s ease-out;
	-ms-transition: margin-top .3s ease-out, opacity .3s ease-out;
	-moz-transition: margin-top .3s ease-out, opacity .3s ease-out;
	-webkit-transition: margin-top .3s ease-out, opacity .3s ease-out;
	transition: margin-top .3s ease-out, opacity .3s ease-out;
}

.popup_title{
	color: #555555;
	font-size: 1em;
	font-weight: 700;
	padding: 20px;
	border-bottom: solid 1px #F2F2F216;
	vertical-align: middle;
}

.popup_cont_mid{
	display: inline-block;
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: middle;
}

.popup_cont_mid.popup_cont_mid_gal{
	height: calc(100% - 160px);
	overflow: auto;
}


.popup_cont_footer{
	display: inline-block;
	position: relative;
	width: 100%;
	border-top: solid 1px #F2F2F216;
	vertical-align: middle;
}

.button_page{
	position: relative;
	display: inline-block;
	width: 90%;
	width: calc(100% - 40px);
	padding-top: 15px;
	padding-bottom: 15px;
	border-radius: 5px;
	text-align: center;
	font-family: "AvenirNext-Bold";
	letter-spacing: 0.1em;
	text-transform: "uppercase";
}

.button_popup{
	position: relative;
	margin: 10px;
	display: inline-block;
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	color: #FFFFFF;
	border-radius: 5px;
	font-family: "AvenirNext-Regular";
	letter-spacing: 0.1em;
}

.button_popup_galery{
	position: relative;
	margin: 10px;
	display: inline-block;
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	color: #FFFFFF;
	border-radius: 5px;
	font-family: "AvenirNext-Regular";
}

.popup_galery{
	position:fixed;
	display:block;
	width: 100%;
	height: 100%;
	text-align: center;
	top:0px;
	left:0px;
	overflow-y: auto;
	z-index: 110;
	
	/*closed*/
	visibility: hidden;
	
	-o-transition: visibility .3s ease-out;
	-ms-transition: visibility .3s ease-out;
	-moz-transition: visibility .3s ease-out;
	-webkit-transition: visibility .3s ease-out;
	transition: visibility .3s ease-out;
}

.popup_back_galery{
	position:fixed;
	display:block;
	width: 100%;
	height: 100%;
	background-color: #001e57;
	background-color: rgba(0,30,39,0.8);
	top:0px;
	left:0px;
	
	/*closed*/
	opacity: 0;
	
	-o-transition: opacity .3s ease-out;
	-ms-transition: opacity .3s ease-out;
	-moz-transition: opacity .3s ease-out;
	-webkit-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out;
}

.popup_car_galery{
	position:absolute;
	display:none;
	width: 100%;
	height: 100%;
	background-color: #F2F2F2;
	background-color: rgba(242,242,242,0.6);
	border-radius: 10px;
	top:0px;
	left:0px;
	background-image: url("../imm/car_bianco.gif");
	background-size: 50px;
	background-position: center;
	background-repeat: no-repeat;
}

.popup_car_galery.active{
	display:block;
}

.popup_cont_galery{
	max-width: 90%;
	height: 90%;
	margin-top: 10%;
	margin-bottom: 5%;
	height: calc(100% - 50px);
	margin-top: calc(100px);
	margin-bottom: calc(25px);
	/*closed*/
	margin-top: 100px;
	opacity: 0;
	transform: scale(0.25);
	
	-o-transition: margin-top .3s ease-out, opacity .3s ease-out, transform .3s ease-out;
	-ms-transition: margin-top .3s ease-out, opacity .3s ease-out, transform .3s ease-out;
	-moz-transition: margin-top .3s ease-out, opacity .3s ease-out, transform .3s ease-out;
	-webkit-transition: margin-top .3s ease-out, opacity .3s ease-out, transform .3s ease-out;
	transition: margin-top .3s ease-out, opacity .3s ease-out, transform .3s ease-out;
	
	-o-transition: opacity .3s ease-out, transform .3s ease-out;
	-ms-transition: opacity .3s ease-out, transform .3s ease-out;
	-moz-transition: opacity .3s ease-out, transform .3s ease-out;
	-webkit-transition: opacity .3s ease-out, transform .3s ease-out;
	transition: opacity .3s ease-out, transform .3s ease-out;
}

.opened_popup{
	visibility: visible;
	
	-o-transition: visibility .3s ease-out;
	-ms-transition: visibility .3s ease-out;
	-moz-transition: visibility .3s ease-out;
	-webkit-transition: visibility .3s ease-out;
	transition: visibility .3s ease-out;
}

.opened_popup .popup_back{
	opacity: 1;
	
	-o-transition: opacity .3s ease-out;
	-ms-transition: opacity .3s ease-out;
	-moz-transition: opacity .3s ease-out;
	-webkit-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out;
}

.opened_popup .popup_back_galery{
	opacity: 1;
	
	-o-transition: opacity .3s ease-out;
	-ms-transition: opacity .3s ease-out;
	-moz-transition: opacity .3s ease-out;
	-webkit-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out;
}

.opened_popup .popup_cont{
	margin-top: 50px;
	opacity: 1;
	transform: scale(1);
}

.opened_popup .popup_cont_galery{
	margin-top: 5%;
	margin-top: calc(25px);
	opacity: 1;
	transform: scale(1);
}

#table_menu{
	position:relative;
	display: block;
	background-color:rgba(255,255,255,0.8);
	width:100%;
}

.menu_riga{
	position: relative;
	display: inline-block;
	width: 100%;
	text-align: left;
	color: #0F68A3;
}

.menu_riga:visited{
	color: #0F68A3;
}

.menu_riga img{
	position: relative;
	width: 30px;
	margin: 5px;
	vertical-align: middle;
}
.menu_riga span{
	position: relative;
	margin: 5px;
	vertical-align: middle;
	font-family: "AvenirNext-Regular";
}

.menu_riga:hover{
	background-color: #0F68A3;
	color: #FFFFFF;
}

.button_popup_galery.disattivo{
	background-color: #F2F2F2;
	border: solid 1px #A2A2A2;
	color: #A2A2A2;
}

.button_popup_galery.disattivo:hover{
	background-color: #F2F2F2;
	border: solid 1px #A2A2A2;
	color: #A2A2A2;
	cursor: not-allowed;
}

.label_input{
	text-align: left;
	font-family: "AvenirNext-Regular";
	color: #828282;
	font-size: 0.8em;
	letter-spacing: 0.2em;
	padding: 5px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 5px;
}

.cont_textinput{
	position: relative;
	display: inline-block;
	width: 100%;
	text-align: center;
}

.textinput{
	display: inline-block;
	width: calc(100% - 60px);
	padding: 10px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 5px;
	border: none;
	font-family: "AvenirNext-Regular";
	background-color: rgba(202,156,65,0.1);
	border-bottom: solid 1px #CA9C41;
	border-left: solid 1px #CA9C41;
	font-size:1em;
	resize: vertical;
}

select.textinput{
	width: calc(100% - 40px);
	padding-left: 10px;
	padding-right: 10px;
	height: 40px;
}

.textinput[type=checkbox]{
	width: calc(100% - 40px);
	padding: 0x;
	margin: 0;
}

.textinput:focus {
	outline: none !important;
	box-shadow: 0 0 4px rgba(86,55,64,0);
	border-bottom: solid 2px #CA9C41;
}

.textinputselect{
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	height: 30px;
	border: none;
	font-family: "AvenirNext-Regular";
	background-color: rgba(255,255,255,0);
	border-bottom: solid 1px #CA9C41;
	border-left: solid 1px #CA9C41;
	font-size:1em;
}

.textinputselect:hover{
	outline: none !important;
	box-shadow: 0 0 4px rgba(86,55,64,0);
	border-bottom: solid 2px #CA9C41;
}

.textinput_color_grey{
	background-color: #F2F2F2;
}

.categoria_prodotto_prodotto{
	position: relative;
	display: inline-block;
	padding: 5px;
	margin: 5px;
	padding-left: 10px;
	margin-left: 25px;
	border-radius: 20px 0px 0px 20px;
	border-left: solid 1px #1D42ED;
	border-bottom: solid 1px #1D42ED;
}

.categoria_prodotto_prodotto:hover{
	padding-left: 25px;
	margin-left: 10px;
	border-left: solid 1px #ED1D24;
}

.ing_cont{
	text-align: left;
}

.elemnto_imm{
	position: relative;
	display: inline-block;
	width: 20%;
	margin-left: 2%;
	margin-top: 2%;
	width: calc( (  ( 100% - 10px) / 4 ) - 12px);
	margin-left: calc(10px);
	margin-top: calc(10px);
	background-color: #A2A2A2;
	background-image: url("../imm/add_icon.png");
	background-size: 60px;
	background-position: center;
	background-repeat: no-repeat;
	border: solid 1px #E2E2E2;
	vertical-align: top;
} 

.prodotto_imm{
	position: relative;
	display: inline-block;
	width: 20%;
	margin-left: 2%;
	margin-top: 2%;
	width: calc( (  ( 100% - 10px) / 4 ) - 12px);
	margin-left: calc(10px);
	margin-top: calc(10px);
	
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	border: solid 1px #E2E2E2;

	overflow: hidden;
	vertical-align: top;
}

.prodotto_imm .opzioni{
	position: absolute;
	right: 0px;
	left: auto;
	border-radius: 5px;
	top: -50px;
	background-color: #E21212;
	background-color: rgba(224, 18, 18, 0.6);
}

.prodotto_imm:hover .opzioni{
	top: 0px;

	/*-o-transition: opacity .3s ease-out, top .3s ease-out;
	-ms-transition: opacity .3s ease-out, top .3s ease-out;
	-moz-transition: opacity .3s ease-out, top .3s ease-out;
	-webkit-transition: opacity .3s ease-out, top .3s ease-out;
	transition: opacity .3s ease-out, top .3s ease-out;*/
}

.media{
	position: relative;
	display: inline-block;
	width: 19%;
	margin-top: 3%;
	margin-left: 3%;
	width: calc( ( (100% - 20px) / 4 ) - 20px);
	margin-left: calc(20px);
	margin-top: calc(20px);
	overflow: hidden;
	background-color: #FFFFFF;

	background-image: url("../../no_img_thumb.jpg");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.media.video{
	background-color: #000000;
}

.media .opzioni{
	position: absolute;
	right: 0px;
	left: auto;
	border-radius: 5px;
	top: -50px;
	background-color: #E21212;
	background-color: rgba(224, 18, 18, 0.6);
}

.media:hover .opzioni{
	top: 0px;

	/*-o-transition: opacity .3s ease-out, top .3s ease-out;
	-ms-transition: opacity .3s ease-out, top .3s ease-out;
	-moz-transition: opacity .3s ease-out, top .3s ease-out;
	-webkit-transition: opacity .3s ease-out, top .3s ease-out;
	transition: opacity .3s ease-out, top .3s ease-out;*/
}

.selettore_lingue_cont{
	padding-top: 10px;
    padding-bottom: 7px;
    border-bottom: solid 1px #323232;
    text-align: left;
    padding-left: 10px;
}

.selettore_lingue{
	padding: 5px;
	padding-top: 0px;
	border-bottom: solid 0px #323232;
}

.selettore_lingue.active{
	border-bottom: solid 2px #323232;
	color:#323232;
}

.selettore_lingue.active:visited{
	border-bottom: solid 2px #323232;
	color:#323232;
}

.loading_div{
	position:fixed;
	display:block;
	z-index: 1000;
	top:0px;
	left:0px;
	width: 100%;
	height: 100%;
	background-color: #202022;
}

.text_load{
	opacity: 0.2;
	-o-transition: opacity .3s ease-out;
	-ms-transition: opacity .3s ease-out;
	-moz-transition: opacity .3s ease-out;
	-webkit-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out;
}

.text_load.active{
	opacity: 0.6;
	-o-transition: opacity .3s ease-out;
	-ms-transition: opacity .3s ease-out;
	-moz-transition: opacity .3s ease-out;
	-webkit-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out;
}

.loading_div .loading_align{
	position: relative;
	display: inline-block;
	height: 100%;
	width: 1px;
	vertical-align: middle;
}

.loading_div .loading_car{
	position: relative;
	display: inline-block;
	width: 25px;
	height: 25px;
	vertical-align: middle;
	margin: 5px;
	background-color:#C12026;
	
	opacity: 0.2;
	
	/* -- transition is the magic sauce for animation -- */
	-o-transition: opacity .3s ease-out;
	-ms-transition: opacity .3s ease-out;
	-moz-transition: opacity .3s ease-out;
	-webkit-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out;
}

.loading_div .loading_car2{
	-ms-transform: rotate(0deg); /* IE 9 */
	-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
	transform: rotate(0deg);
}

.loading_div .loading_car.active{
	opacity: 1;
	-ms-transform: rotate(90deg); /* IE 9 */
	-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
	transform: rotate(90deg);
	
	/* -- transition is the magic sauce for animation -- */
	-o-transition: all .6s ease-out;
	-ms-transition: all .6s ease-out;
	-moz-transition: all .6s ease-out;
	-webkit-transition: all .6s ease-out;
	transition: all .6s ease-out;
}

@media screen and (max-width: 1300px){

}

@media screen and (max-width: 800px){
	.media{
		width: 27%;
		width: calc( ( (100% - 20px) / 3 ) - 20px);
	}
	.prodotto_div{
		width:40%;
		width: calc((100% - 20px) / 2 - 20px);
	}
	.elemento_div{
		width:40%;
		width: calc((100% - 20px) / 2 - 20px);
	}
	.categoria_prodotto_div{
		width:40%;
		width: calc((100% - 20px) / 2 - 20px);
	}
	.gallery_div{
		width: 120px;
		height: 120px;
	}

	.gallery_div.add{
		background-size: 50px;
	}
}

@media screen and (max-width: 700px){
	.meta{
		width:100%;
	}

	.terzo{
		width:100%;
	}

	.due_terzo{
		width:100%;
	}
}

@media screen and (max-width: 600px){
	.media{
		width: 44%;
		width: calc( ( (100% - 20px) / 2 ) - 20px);
	}
}

@media screen and (max-width: 500px){
	
	.quarto{
		width:100%;
	}

	.tre_quarto{
		width:100%;
	}
	.prodotto_div{
		width:90%;
		width: calc(100% - 40px);
	}
	.elemento_div{
		width:90%;
		width: calc(100% - 40px);
	}
	.categoria_prodotto_div{
		width:90%;
		width: calc(100% - 40px);
	}

	.elemnto_imm{
		width: 28%;
		width: calc( (  ( 100% - 10px) / 3 ) - 12px);
	}
	.prodotto_imm{
		width: 28%;
		width: calc( (  ( 100% - 10px) / 3 ) - 12px);
	}
}

@media screen and (max-width: 400px){
	.media{
		width: 94%;
		width: calc(100% - 40px);
	}
	.elemnto_imm{
		width: 45%;
		width: calc( (  ( 100% - 10px) / 2 ) - 12px);
	}
	.prodotto_imm{
		width: 45%;
		width: calc( (  ( 100% - 10px) / 2 ) - 12px);
	}
}