@charset "utf-8";
/* CSS Document */

.swal2-html-container ul {
	/*list-style: none;*/
	text-align: left;
}

.swal2-html-container ul li {
	padding-bottom: 5px;
}

*, *:before, *:after {
	box-sizing: border-box;
}

.highlight {
	font-weight: bold;
}

body {
	padding: 0;
	margin: 0;
	background-color: #f9f9f9;
	background-image: url(../img/new-graphic/bg_body.png) !important;
	background-repeat: repeat;
	font-family: 'Merriweather', serif;
	color: #58554f;
	-webkit-text-size-adjust: 100%;
	font-size: 15px
}

a {
	text-decoration: none;
	outline: none;
	color: #AF322E
}

img {
	border: none;
}

.clear {
	clear: both;
}

.visible {
	display: block;
}

.invisible {
	display: none;
}

.row {
	width: 100%;
	float: left
}

.mt0 {
	margin-top: 0 !important
}

.mobile-pag {
	display: none;
}

.desktop-pag {
	display: block;
}

h1 {
	color: #b7b5ae;
	font-family: "Merriweather", serif;
	font-size: 30px;
	font-weight: 400;
	line-height: 30px;
	margin: 0;
	padding: 0;
}

#wrapper {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.bnr-arc {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 5;
}

a#navigazione {
	display: none;
}

#header {
	width: 100%;
	height: auto;
	background-color: #d7d6d1;
	position: relative;
	background-image: url(../img/new-graphic/bg_header.png);
	background-repeat: repeat;
	padding-bottom: 10px;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.6);
	z-index: 4
}

#logo {
	float: left;
	margin: 1em 0;
}

.albero-denas {
	position: relative;
	z-index: 100;
	height: 100%;
	position: absolute;
	padding: 5px 0 0 5px;
}

#login-container .open {
	display: none;
}

#login-container .admin-area {
	display: none;
}

.bentornato {
	border-bottom: 1px solid #af322e;
	font-size: 13px;
	font-variant: small-caps;
	margin-top: 0;
	position: relative;
	width: 220px;
}

.username-logged {
	color: #af322e;
	font-size: 13px;
	position: relative;
	text-transform: lowercase;
}

.impersonando {
	border-bottom: 1px solid #af322e;
	color: #58554f;
	font-size: 13px;
	font-variant: small-caps;
	margin-top: 0;
	position: relative;
	width: 220px;
}

.impersonato {
	color: #af322e;
	font-size: 13px;
	position: relative;
	width: 220px;
	text-transform: lowercase;
}

.admin, .catalogo-online {
	margin: 10px 12px 0 0;
	float: left;
}

.admin a {
	display: block;
	padding: 4px 8px;
	color: #fff;
	background-color: #F26229;
	font-size: 15px;
	border-radius: 5px
}

.admin a:hover {
	background-color: #E05A26;
}

.catalogo-online a {
	display: block;
	padding: 4px 8px;
	color: #fff;
	background-color: #219738;
	font-size: 15px;
	border-radius: 5px
}

.catalogo-online a:hover {
	background-color: #1D8731;
}

.logout {
	margin: 10px 0px 0 0;
	float: left;
}

.logout a {
	display: block;
	padding: 4px 8px;
	color: #fff;
	background-color: #E51C26;
	font-size: 15px;
	border-radius: 5px
}

.logout a:hover {
	background-color: #D31B21;
}

.top-lang {
	width: 100%;
	height: 35px;
	background-color: #87847c;
	position: relative;
	background-image: url(../img/new-graphic/obliquelines.png);
	background-repeat: repeat;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
	position: relative;
	z-index: 999;
}

.top-lang:after {
	position: absolute;
	content: "";
	bottom: 5px;
	z-index: 30;
	left: 0;
	width: 100%;
	height: 1px;
	background: linear-gradient( to right, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
	/* The rectangle in which to repeat.
	   It can be fully wide in this case */
	background-size: 12px 1px;
}

#cont-flag {
	float: right;
	position: relative
}

#cont-flag>ul {
	font-family: "Roboto", sans-serif;
	height: 35px;
	list-style: outside none none;
	margin: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	transition: all 0.3s ease 0s;
	width: 120px;
}

#cont-flag ul li {
	display: table;
	height: 35px;
	padding-right: 10px
}

#cont-flag ul li a.flag {
	background-size: 80px auto;
	color: #fff;
	display: table-cell;
	font-size: 15px;
	height: 35px;
	line-height: 15px;
	text-transform: uppercase;
	vertical-align: middle;
	padding: 0 8px
}

#cont-flag ul li a.flag span {
	background-image: url("../img/flags.png");
	background-repeat: no-repeat;
	background-size: 500% 15px;
	float: left;
	height: 15px;
	margin-right: 5px;
	width: 18px;
}

a#spagnolo span {
	background-position: 0 0;
}

a#inglese span {
	background-position: 26% 0;
}

a#francese span {
	background-position: 53% 0;
}

a#tedesco span {
	background-position: 79% 0;
}

a#italiano span {
	background-position: 105% 0;
}

#toggle:checked+.toggle-class::after {
	content: "";
}

#toggle, .toggle-class {
	display: none;
}

.toggle-class {
	cursor: pointer;
	display: block;
	float: right;
	height: 35px;
	left: 0;
	margin-bottom: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

.toggle-class::before {
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 10px solid #c3c2be;
	animation: updown 0.3s ease;
	content: "";
	height: 0;
	margin-top: -5px;
	position: absolute;
	right: 0;
	top: 50%;
	width: 0;
	transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	-webkit-transition: all ease 0.3s;
}

#toggle:checked~ul li {
	background-color: #87847c;
	background-image: url("../img/new-graphic/obliquelines.png");
	background-repeat: repeat;
	border-bottom: 1px solid #c3c2be;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
	display: block;
	opacity: 1;
	width: 100%;
}

#toggle:checked~ul li:first-child {
	background-color: transparent;
	background-image: none;
	border: medium none;
	box-shadow: none
}

#toggle:checked~ul li:last-child {
	border: medium none;
}

#toggle:checked~ul {
	display: block;
	height: auto;
	opacity: 1;
	overflow: visible;
	z-index: 3;
}

#toggle:checked~.toggle-class::before {
	animation: updown 0.3s ease;
	content: ''
}

@keyframes updown {
	0% {
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-top: 10px solid #c3c2be;
		border-bottom: 0 solid transparent;
	}
	50% {
		border-left: 0px solid transparent;
		border-right: 0px solid transparent;
		border-top: 10px solid #c3c2be;
		border-bottom: 0 solid transparent;
	}
	100% {
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-top: 0px solid transparent;
		border-bottom: 10px solid #c3c2be;
	}
}

.toggle-class {
	z-index: 4;
}

.clearfix::before, .clearfix::after {
	content: "";
	display: table;
}

.clearfix::after {
	clear: both;
}

#nav-cont {
	width: 100%;
	height: 50px;
	background-image: url(../img/new-graphic/obliquelines.png);
	background-color: #AF322E;
	background-repeat: repeat;
	position: relative;
	z-index: 1;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
}

#nav-cont:before {
	position: absolute;
	content: "";
	top: 5px;
	z-index: 30;
	left: 0;
	width: 100%;
	height: 1px;
	background: linear-gradient( to right, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
	/* The rectangle in which to repeat.
	   It can be fully wide in this case */
	background-size: 12px 1px;
}

#nav-cont:after {
	position: absolute;
	content: "";
	bottom: 5px;
	z-index: 30;
	left: 0;
	width: 100%;
	height: 1px;
	background: linear-gradient( to right, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
	/* The rectangle in which to repeat.
	   It can be fully wide in this case */
	background-size: 12px 1px;
}

#navbar {
	width: 100%;
	height: 50px;
	float: right;
	position: relative;
	z-index: 1;
}

ul#menu {
	display: block;
	float: left;
	list-style: outside none none;
	margin: 0;
	padding: 0;
	width: 100%;
}

ul#menu li {
	display: table;
	float: left;
	height: 50px;
	padding: 0 8px;
}

ul#menu li a {
	color: #fff;
	display: table-cell;
	font-size: 1em;
	text-shadow: 1px 1px #333;
	text-transform: uppercase;
	vertical-align: middle;
}

ul#menu li.social-box {
	float: right
}

ul#menu li.social-box a {
	width: 35px;
	height: 50px;
	padding: 0;
	background-position: center;
}

ul#menu li.social-box a.fb {
	background-image: url(../img/new-graphic/fb-icon.png);
	background-repeat: no-repeat
}

ul#menu li.social-box a.in {
	background-image: url(../img/new-graphic/in-icon.png);
	background-repeat: no-repeat
}

ul#menu li.social-box a.insta {
	background-image: url(../img/new-graphic/instagram-icon.png);
	background-repeat: no-repeat
}

ul#menu li.social-box a.youtube {
	background-image: url(../img/new-graphic/youtube-icon.png);
	background-repeat: no-repeat;
	background-size: 25px;
}

ul#menu li.app-link {
	float: right;
}

ul#menu li a.app-link {
	padding: 0;
	width: auto;
	margin-right: 5px;
	height: auto;
	margin-top: 10px;
	padding-top: 5px;
	padding-right: 9px;
}

ul#menu li a.app-link img {
	height: 30px
}

ul#menu li a:hover {}

.content {
	position: relative;
	width: 100%;
	float: left
}

.content::after {
	background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)) repeat scroll 0 0 / 12px 1px;
	top: 5px;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 3;
}

#news {
	margin: 15px 0 0;
	width: 100%;
	float: left;
	text-align: left
}

.news-body ul {
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}

.news-body ul li {
	width: 100%;
}

#catalogo {
	margin: 40px 0;
	width: 100%;
	float: left;
	padding: 30px;
	background-color: #dab250;
	background-image: url(../img/new-graphic/orizontallines.png);
	background-repeat: repeat;
	border: 1px solid #c6c4be;
	border-radius: 5px;
}

#contatti {
	background-color: #c2dce7;
	float: left;
	width: 100%;
}

#contatti h2 {
	color: #6d8691;
	font-size: 24px;
	font-weight: 400;
	margin: 0 0 15px;
	text-transform: capitalize;
}

#contatti p {
	color: #6d8691;
	font-size: 16px;
	margin: 0;
	font-family: "Roboto", sans-serif;
}

#contatti ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: "Roboto", sans-serif;
}

#contatti ul li {
	float: left;
	width: 50%;
}

#contatti ul li a {
	color: #6d8691;
	font-size: 16px;
}

#mascotte {
	background-image: url("../img/new-graphic/illustration-footer.png");
	background-repeat: no-repeat;
	background-size: contain;
	bottom: 0;
	left: 0;
	position: absolute;
	top: -25px;
	width: 45%;
}

#mascotte>img {
	vertical-align: top;
	display: none
}

#contatti .sx {
	float: right;
	padding: 15px 0 15px 20px;
	width: 32%;
}

#contatti .dx {
	float: right;
	padding: 15px 0 15px 15px;
	text-align: right;
	width: 43%;
}

.whatsapp img {
	float: left;
	margin-right: 10px;
}

.whatsapp p {
	line-height: 25px
}

#news-cont {
	height: 222px !important;
	margin-top: 0.8em;
}

/*video {
	display:none;
}*/

/* Reset max-height when in full screen mode */

video:-webkit-full-screen {
	max-height: 100%;
}

video:-moz-full-screen {
	max-height: 100%;
}

button#fullscreenvid {
	border: none;
	background-color: transparent;
	width: 100%;
	height: 100%;
	padding: 0;
}

/*azienda*/

.euronatale-container {
	position: relative;
}

.euronatale-container p {
	margin: 45px 0 0;
	text-align: justify;
	width: 79%;
}

#mascotte-azienda {
	bottom: -6px;
	margin: 0;
	position: absolute;
	right: -10px;
	width: 23%;
}

#mascotte-azienda img {
	width: 100%;
	height: 100%;
}

#wrap-minigallery {
	float: left;
	margin-top: 40px;
	width: 100%;
}

#minigallery-container {
	width: 100%;
	float: left
}

#minigallery {
	float: left;
	margin-top: 25px;
	width: 100%;
}

#minigallery .item {
	padding: 0 10px;
}

#minigallery .item>a {
	border-radius: 5px;
	display: block;
	float: left;
	overflow: hidden;
	vertical-align: top;
	width: 100%;
}

#minigallery .item img {
	float: left;
	width: 100%;
}

/*catalogo*/

#wrap-catalogo {
	width: 100%;
	float: left;
	position: relative
}

.catalogo p {
	color: #5E0002;
	font-size: 1em;
	line-height: 1.3em;
	text-align: justify;
	margin: 0;
}

#mascotte-catalogo {
	bottom: 0;
	left: -7px;
	margin: 0;
	position: absolute;
	width: 23%;
}

#mascotte-catalogo img {
	width: 100%;
	height: 100%;
}

.wrap-ordini {
	margin-top: 0 !important
}

#ordini-online {
	float: left;
	width: 100%;
}

#ordini-online>#ordini {
	float: left;
	margin-top: 10px;
	width: 100%;
}

#ordini-online p {
	margin: 0;
}

#cat {
	background-color: #ffffff;
	float: right;
	margin-bottom: 0;
	margin-top: 25px;
	padding: 20px;
	position: relative;
	width: 75%;
}

.content-right>#desk {
	float: left;
	padding-left: 31%;
	width: 100%;
}

#desk>#ord {
	padding-left: 10px;
}

.arrow-cat {
	position: absolute;
	width: 22px;
	height: 24px;
	left: -22px;
	bottom: 20px;
	background-image: url(../img/freccia-catalogo.png);
	background-repeat: no-repeat;
}

.form-login {
	margin: 10px 0;
}

#catalogo .form-login {
	float: left;
	width: 100%;
}

label {
	font-size: 16px;
	color: #af322e;
	padding: 0;
	margin: 0 0 5px 0;
	float: left;
	clear: left;
}

.input-login {
	width: 100%;
	height: 35px;
	background-color: #eeeeee;
	line-height: 35px;
	margin: 0 0 20px;
	border: 1px solid transparent;
	outline: none;
	font-size: 14px;
	padding-left: 5px;
	color: #333333;
}

.input-login:hover {
	border: 1px solid #ffcc00;
}

.input-login:focus {
	border: 1px solid #ffcc00;
}

input.btn-log {
	border: none;
	padding: 0.5em 1em;
	background-color: #E38B00;
	color: #ffffff;
	font-size: 20px;
	text-transform: uppercase;
	cursor: pointer;
	height: auto;
	width: auto;
}

input.btn-log:hover {
	background-color: #F1A933;
	border: none;
}

input.btn-log:focus {
	background-color: #F1A933;
	border: none;
}

a.ordini-online {
	color: #af322e;
	text-transform: uppercase;
	background-image: url(../img/new-graphic/arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}

a.ordini-online:hover {
	text-decoration: underline;
}

.form-login .button {
	width: 48%;
	margin-top: 0.65em;
}

#catalogo .form-login .button {
	margin: 0;
	padding: 0;
	width: 100%;
}

/*contatti*/

#wrap-form {
	width: 100%;
	float: left;
}

#form {
	width: 100%;
	position: relative;
	margin-top: 25px;
	float: left
}

.btnHover:hover {
	background-color: #F1A933;
}

.input {
	width: 50%;
	float: left;
	margin-bottom: 20px;
	padding: 0 10px;
	position: relative
}

input.destinazione:read-only, input.destinazione:read-only input.destinazione:read-only:hover, input.destinazione:read-only:focus, input.destinazione:disabled:hover, input.destinazione:disabled:focus, select.destinazione:disabled:hover, select.destinazione:disabled:focus, select.destinazione:disabled {
	border: 1px solid #c6c4be;
	cursor: default;
	color: #333333;
	opacity: 1;
	background-color: #d7d6d1;
}

.input100 {
	width: 100%;
}

.input75 {
	width: 75%;
}

.input40 {
	width: 40%;
}

.input35 {
	width: 35%;
}

.input25 {
	width: 25%;
}

.input15 {
	width: 15%;
}

.input10 {
	width: 10%;
}

.input5 {
	width: 5%;
}

.ui-datepicker-trigger {
	bottom: 1.5px;
	position: absolute;
	right: 11px;
}

/*.input label {
	color:#fff;
}*/

label.error {
	display: block;
	float: right;
	font-size: 11px;
	width: auto;
	color: #F00;
	margin: 0;
}

input {
	width: 100%;
	height: 35px;
	background-color: #eeeeee;
	line-height: 35px;
	margin: 0;
	border: 1px solid transparent;
	outline: none;
	font-size: 14px;
	padding-left: 5px;
	color: #333333;
}

input:hover {
	border: 1px solid #af322e;
}

input:focus {
	border: 1px solid #af322e;
}

select.destinazione {
	width: 100%;
	height: 35px;
	background-color: #eeeeee;
	line-height: 35px;
	margin: 0;
	border: 1px solid transparent;
	outline: none;
	font-size: 14px;
	padding-left: 5px;
	color: #333333;
}

select.destinazione:hover {
	border: 1px solid #af322e;
}

select.destinazione:focus {
	border: 1px solid #af322e;
}

textarea {
	width: 100%;
	height: 100px;
	resize: none;
	background-color: #eeeeee;
	border: 1px solid transparent;
	outline: none;
	font-size: 14px;
	padding-left: 5px;
	color: #333333;
}

textarea:hover {
	border: 1px solid #af322e;
}

textarea:focus {
	border: 1px solid #af322e;
}

input.btn {
	background-color: #af322e;
	background-image: url("../img/new-graphic/obliquelines.png");
	background-repeat: repeat;
	border-image-repeat: repeat repeat;
	border-image-slice: 34% 34% 34% 34% fill;
	border-image-source: url("../img/new-graphic/borderImageDashed.png");
	border-image-width: 17px 18px 17px 18px;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 16px;
	height: auto;
	line-height: 16px;
	padding: 15px;
	text-align: center;
	text-transform: uppercase;
}

input.btn:hover {
	background-color: #F1A933;
}

input#privacy, input.forPrivacy {
	border-radius: none;
	width: auto;
	height: auto;
	margin: 0px 5px 0 0;
	outline: none;
	box-shadow: none;
}

#wrap-contatti {
	width: 100%;
	float: left;
}

.contatti {
	width: 100%;
	float: left;
	margin-top: 10px
}

.contatti-txt {
	margin-bottom: 20px;
}

.contatti-txt h2 {
	color: #af322e;
	font-family: "Merriweather", serif;
	font-size: 20px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

.contatti-txt p {
	margin: 0;
	padding: 0;
}

/*dove siamo*/

#wrap-dovesiamo, #wrap-richiestadati {
	float: left;
	width: 100%;
	margin-top: 40px;
}

#dovesiamo {
	margin-top: 0.68em;
	height: 550px;
	position: relative;
}

#map-extra {
	background-color: #d7d6d1;
	bottom: 0;
	padding: 8px;
	position: absolute;
	right: 0;
	width: 100%;
	z-index: 100;
}

#dovesiamo #map {
	float: left;
	margin-top: 25px;
}

#map-extra p {
	margin: 0;
	float: left;
}

a.google {
	display: block;
	width: 60px;
	height: 23px;
	background-image: url(../img/google_white.png);
	background-repeat: no-repeat;
	float: left;
	margin-top: 4px;
	margin-left: 8px;
}

.tree-balloon {
	width: 71px;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 999999;
}

.tree-balloon img {
	width: 100%;
	height: 100%;
}

#map p {
	color: #5E0002;
	font-size: 0.8em;
	margin: 0;
}

#map h2 {
	color: #EC9D20;
	font-size: 0.9em;
	margin: 0;
}

/*rassegna stampa*/

#wrap-rassegna {
	width: 100%;
	float: left;
	margin-top: 40px
}

#articoli {
	float: left;
	margin-top: 25px;
}

#articoli .row {
	display: flex;
	flex-wrap: wrap;
}

.cont-articolo {
	float: left;
	height: auto;
	margin: 0 0 2em;
	padding: 0 15px;
	width: 50%;
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
}

.cont-articolo.video .miniatura {
	height: 0;
	width: 70%;
	overflow: hidden;
	padding-bottom: 29%;
	padding-top: 30px;
	position: relative;
	float: none;
}

.cont-articolo.video .miniatura iframe {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.cont-articolo.video .informazioni-articolo {
	margin-top: 20px;
}

.miniatura {
	width: 30%;
	height: auto;
	float: left;
}

.miniatura img {
	width: 100%;
	height: 100%;
}

.informazioni-articolo {
	width: 70%;
	height: auto;
	float: left;
	padding-left: 15px
}

.informazioni-articolo h1 {
	font-size: 22px;
	margin: 0;
	padding: 0;
	color: #af322e
}

.informazioni-articolo p {
	margin: 0 0 5px;
	padding: 0;
	text-align: justify;
}

.informazioni-articolo p a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

.informazioni-articolo p a:hover {
	text-decoration: underline;
}

.informazioni-articolo .btn {
	float: right;
	margin: 5px 0 0 10px;
}

.informazioni-articolo .btn a {
	display: block;
	padding: 10px;
	background-color: #EC9D20;
	text-decoration: none;
	color: #fff;
	font-size: 14px;
}

.informazioni-articolo .btn a:hover {
	background-color: #F1A933;
}

/*rete vendita*/

#rete-vendita {
	margin-top: 25px;
	width: 100%;
	float: left;
}

#lista-zone {
	float: left;
	padding-right: 80px;
	position: relative;
	width: 40%;
}

.distribuzione {
	float: left;
	width: 60%;
	height: 500px;
}

.italia-map {
	float: left;
	height: 100%;
	position: relative;
	width: 63%;
}

#mappa-generale {
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 21;
}

#piemonte-on {
	width: 109px;
	height: 125px;
	background-image: url(../img/new-graphic/italia/piemonte-off.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: 15px;
	left: 0px;
	display: block;
	z-index: 10;
	cursor: pointer;
}

#piemonte-on span.bg_fade {
	width: 109px;
	height: 125px;
	background-image: url(../img/new-graphic/italia/piemonte-on.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 15;
	display: block;
}

#piemonte-active {
	width: 109px;
	height: 125px;
	background-image: url(../img/new-graphic/italia/piemonte-on.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: 15px;
	left: 0;
	z-index: -1;
	display: block;
}

#lombardia-on {
	width: 84px;
	height: 87px;
	background-image: url(../img/new-graphic/italia/lomabrdia-off.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: 15px;
	left: 62px;
	display: block;
	z-index: 10;
	cursor: pointer;
}

#lombardia-on span.bg_fade {
	width: 84px;
	height: 87px;
	background-image: url(../img/new-graphic/italia/lomabrdia-on.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 15;
	display: block;
}

#lombardia-active {
	width: 84px;
	height: 87px;
	background-image: url(../img/new-graphic/italia/lomabrdia-on.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: 15px;
	left: 62px;
	z-index: -1;
	display: block;
}

#triveneto-on {
	width: 106px;
	height: 104px;
	background-image: url(../img/new-graphic/italia/triveneto-off.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: 0px;
	left: 129px;
	display: block;
	z-index: 10;
	cursor: pointer;
}

#triveneto-on span.bg_fade {
	width: 106px;
	height: 104px;
	background-image: url(../img/new-graphic/italia/triveneto-on.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 15;
	display: block;
}

#triveneto-active {
	width: 106px;
	height: 104px;
	background-image: url(../img/new-graphic/italia/triveneto-on.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: 0px;
	left: 129px;
	z-index: -1;
	display: block;
}

#emilia-on {
	width: 111px;
	height: 71px;
	background-image: url(../img/new-graphic/italia/emilia-off.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: 84px;
	left: 81px;
	display: block;
	z-index: 10;
	cursor: pointer;
}

#emilia-on span.bg_fade {
	width: 111px;
	height: 71px;
	background-image: url(../img/new-graphic/italia/emilia-on.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 15;
	display: block;
}

#emilia-active {
	width: 111px;
	height: 71px;
	background-image: url(../img/new-graphic/italia/emilia-on.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: 84px;
	left: 81px;
	z-index: -1;
	display: block;
}

#toscana-on {
	width: 82px;
	height: 103px;
	background-image: url(../img/new-graphic/italia/toscana-off.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: 114px;
	left: 93px;
	display: block;
	z-index: -1;
	cursor: pointer;
}

#toscana-on span.bg_fade {
	width: 82px;
	height: 103px;
	background-image: url(../img/new-graphic/italia/toscana-on.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	display: block;
}

#toscana-active {
	width: 82px;
	height: 103px;
	background-image: url(../img/new-graphic/italia/toscana-on.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: 114px;
	left: 93px;
	z-index: -1;
	display: block;
}

#centro-italia-on {
	width: 105px;
	height: 126px;
	background-image: url(../img/new-graphic/italia/centro-italia-off.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: 149px;
	left: 158px;
	display: block;
	z-index: 10;
	cursor: pointer;
}

#centro-italia-on span.bg_fade {
	width: 105px;
	height: 126px;
	background-image: url(../img/new-graphic/italia/centro-italia-on.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 15;
	display: block;
}

#centro-italia-active {
	width: 105px;
	height: 126px;
	background-image: url(../img/new-graphic/italia/centro-italia-on.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: 149px;
	left: 158px;
	z-index: -1;
	display: block;
}

#lazio-on {
	width: 92px;
	height: 83px;
	background-image: url(../img/new-graphic/italia/lazio-off.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: 200px;
	left: 140px;
	display: block;
	z-index: 10;
	cursor: pointer;
}

#lazio-on span.bg_fade {
	width: 92px;
	height: 83px;
	background-image: url(../img/new-graphic/italia/lazio-on.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	z-index: 15;
}

#lazio-active {
	width: 92px;
	height: 83px;
	background-image: url(../img/new-graphic/italia/lazio-on.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: 200px;
	left: 140px;
	display: block;
	z-index: -1;
}

#campania-on {
	width: 74px;
	height: 76px;
	background-image: url(../img/new-graphic/italia/campania-off.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: 271px;
	left: 215px;
	display: block;
	z-index: 10;
	cursor: pointer;
}

#campania-on span.bg_fade {
	width: 74px;
	height: 76px;
	background-image: url(../img/new-graphic/italia/campania-on.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 15;
	display: block;
}

#campania-active {
	width: 74px;
	height: 76px;
	background-image: url(../img/new-graphic/italia/campania-on.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: 271px;
	left: 215px;
	z-index: -1;
	display: block;
}

#puglia-on {
	width: 122px;
	height: 102px;
	background-image: url(../img/new-graphic/italia/puglia-off.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: 252px;
	left: 258px;
	display: block;
	z-index: 10;
	cursor: pointer;
}

#puglia-on span.bg_fade {
	width: 122px;
	height: 102px;
	background-image: url(../img/new-graphic/italia/puglia-on.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 15;
	display: block;
}

#puglia-active {
	width: 122px;
	height: 102px;
	background-image: url(../img/new-graphic/italia/puglia-on.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: 252px;
	left: 258px;
	z-index: -1;
	display: block;
}

#calabria-on {
	width: 64px;
	height: 106px;
	background-image: url(../img/new-graphic/italia/calabria-off.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: 337px;
	left: 273px;
	display: block;
	z-index: 10;
	cursor: pointer;
}

#calabria-on span.bg_fade {
	width: 64px;
	height: 106px;
	background-image: url(../img/new-graphic/italia/calabria-on.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 15;
	display: block;
}

#calabria-active {
	width: 64px;
	height: 106px;
	background-image: url(../img/new-graphic/italia/calabria-on.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: 337px;
	left: 273px;
	z-index: -1;
	display: block;
}

#sicilia-on {
	width: 125px;
	height: 126px;
	background-image: url(../img/new-graphic/italia/sicilia-off.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: 422px;
	left: 157px;
	display: block;
	z-index: 10;
	cursor: pointer;
}

#sicilia-on span.bg_fade {
	width: 125px;
	height: 126px;
	background-image: url(../img/new-graphic/italia/sicilia-on.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 15;
	display: block;
}

#sicilia-active {
	width: 125px;
	height: 126px;
	background-image: url(../img/new-graphic/italia/sicilia-on.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: 422px;
	left: 157px;
	z-index: -1;
	display: block;
}

#sardegna-on {
	width: 61px;
	height: 113px;
	background-image: url(../img/new-graphic/italia/sardegna-off.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: 262px;
	left: 18px;
	display: block;
	z-index: 10;
	cursor: pointer;
}

#sardegna-on span.bg_fade {
	width: 61px;
	height: 113px;
	background-image: url(../img/new-graphic/italia/sardegna-on.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 15;
	display: block;
}

#sardegna-active {
	width: 61px;
	height: 113px;
	background-image: url(../img/new-graphic/italia/sardegna-on.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: 262px;
	left: 18px;
	z-index: -1;
	display: block;
}

.estero-map {
	float: left;
	height: 100%;
	position: relative;
	width: 37%;
}

#mappa-estero {
	display: block;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 20;
	height: 100%
}

#francia-on {
	width: 142px;
	height: 143px;
	background-image: url(../img/new-graphic/italia/francia-off.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: 12px;
	left: 5px;
	display: block;
	z-index: 10;
	cursor: pointer;
}

#francia-on span.bg_fade {
	width: 142px;
	height: 143px;
	background-image: url(../img/new-graphic/italia/francia-on.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 15;
	display: block;
}

#francia-active {
	width: 142px;
	height: 143px;
	background-image: url(../img/new-graphic/italia/francia-on.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: 12px;
	left: -273px;
	z-index: -1;
	display: block;
}

#spagna-on {
	width: 164px;
	height: 124px;
	background-image: url(../img/new-graphic/italia/spagna-off.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: 192px;
	left: 5px;
	display: block;
	z-index: 10;
	cursor: pointer;
}

#spagna-on span.bg_fade {
	width: 164px;
	height: 124px;
	background-image: url(../img/new-graphic/italia/spagna-on.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 15;
	display: block;
}

#spagna-active {
	width: 164px;
	height: 124px;
	background-image: url(../img/new-graphic/italia/spagna-on.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: 192px;
	left: -273px;
	z-index: -1;
	display: block;
}

p#vtip {
	display: none;
	position: absolute;
	padding: 5px;
	left: 5px;
	font-size: 0.8em;
	background-color: #770016;
	z-index: 9999;
	color: #dd8726;
}

/* ----- INIZIO LISTA ZONE ACCORDION ----- */

.zona-btn {
	border-bottom: 1px dashed #a8a59f;
	padding: 10px 0;
	position: relative;
}

.zona-btn a {
	color: #58554f;
	display: block;
	width: 100%;
}

.zona-btn a:hover {
	text-decoration: none;
	color: #af322e;
}

.active a {
	text-decoration: none;
	color: #af322e;
}

.zona-content {
	border-bottom: 1px dashed #a8a59f;
	border-top: 1px solid #d7d6d1;
	display: none;
	float: left;
	margin-top: -1px;
	padding: 0 0 13px;
	position: relative;
	width: 100%;
	z-index: 30;
}

.dati-content {
	float: left;
	position: relative;
	width: 100%;
	height: auto;
}

.settore {
	background-color: #af322e;
	color: #fff;
	float: left;
	line-height: 25px;
	padding-left: 7px;
	position: relative;
	width: 100%;
}

.nome-rappresentante {
	color: #333;
	font-weight: bold;
	line-height: 24px;
}

.dati-rappresentante {
	color: #280108;
	font-size: 12px;
	margin-bottom: 3px;
}

.tel {
	font-size: 12px;
	line-height: 16px;
	color: #280108;
	float: left;
}

.tel-rappresentante {
	color: #280108;
	float: left;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	margin-left: 15px;
	width: auto;
}

.tel-rappresentante2 {
	color: #280108;
	float: left;
	clear: left;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	margin-left: 40px;
	width: auto;
}

.separator {
	border-top: 1px solid #C8C8C8;
	float: left;
	margin: 10px 0;
	position: relative;
	width: 100%;
}

/*catalogo online */

/* ----- INIZIO LISTA PORODOTTI ACCORDION ----- */

#menuPrd {
	display: none;
}

#filtriM {
	display: none;
}

#lista-prodotti {
	background-color: #dab250;
	background-image: url("../img/new-graphic/orizontallines.png");
	background-repeat: repeat;
	border: 1px solid #c6c4be;
	border-radius: 5px;
	float: left;
	height: 80px;
	left: 0;
	margin: 0;
	overflow: hidden;
	padding: 25px 0px;
	position: absolute;
	top: 0;
	width: 30%;
	z-index: 30
}

.lista-content.overflowS {
	overflow-y: scroll
}

.page-catalogue {
	float: left;
	height: 20px;
	text-align: right;
	width: 100%;
}

.lista-btn {
	background-color: #8F0E1B;
	border-bottom: 2px solid #5E0002;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	padding: 10px;
	position: relative;
}

.shopping-cart.btn, .filtri, .lista-cat {
	display: none;
}

.lista-btn a {
	width: 100%;
	color: #fcb315;
	text-decoration: none;
	display: block;
}

.lista-btn a:hover {
	text-decoration: none;
	color: #fcb315;
}

.active a {}

.lista-content {
	float: left;
	margin: 23px 0 0;
	position: relative;
	width: 100%;
	height: 100%;
	padding: 0 30px
}

ul.sub-cat {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: block !important;
}

ul.sub-cat li {
	display: block;
	line-height: 20px;
	width: 100%;
}

ul.sub-cat li a {
	color: #624d39;
	display: block;
	font-size: 15px;
	line-height: 20px;
	padding: 4px 10px;
	text-decoration: none;
	text-transform: uppercase;
	width: 100%;
}

ul.sub-cat li a:hover {
	background-color: #af322e;
	color: #fff;
	text-decoration: none;
}

ul.sub-cat li a.active {
	background-color: #624d39;
	color: #fff;
	text-decoration: none;
}

.content-right {
	float: right;
	position: relative;
	width: 100%;
}

.content-right #cont-btn {
	margin-top: 0.68em;
	margin-left: 10px;
}

.content-right #cont-btn .button {
	margin-right: 2%;
}

.content-right a.btn p {
	line-height: 1.1em;
}

a.btn span#login {
	display: block;
	background-position: -180px 0;
}

a.btn span#accesso {
	display: block;
	background-position: -225px 0;
}

a.btn span#carrello {
	display: block;
	background-position: -270px 0;
}

.box-scontistica {
	color: #88857f;
	float: left;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
	width: 100%;
}

#cerca {
	float: left;
	margin-left: 32%;
	width: 40%;
	padding-top: 20px;
}

#cerca.nologin {
	margin: 0;
	padding: 10px 0;
}

#cerca input {
	background-color: #dedede;
	width: 70%;
	float: left;
}

#cerca .cercaBtn {
	width: 20%;
	float: left;
	margin-left: 10px;
	height: 35px;
	padding: 0px;
	background-image: none;
	border-image: none;
}

#cerca .cercaBtn p {
	line-height: 5px;
}

#sb-search {
	display: none;
}

.prodotto-dettaglio {
	float: left;
	height: auto;
	padding: 10px;
	width: 25%;
}

.prodotto-dettaglio-cont {
	float: left;
	height: auto;
	padding: 10px;
	position: relative;
	width: 100%;
	border-radius: 5px;
	border: 1px solid #624D39;
}

.prodotto-dettaglio.cercato .prodotto-dettaglio-cont {
	background-color: #dab250;
}

.prodotto-dettaglio-cont:hover {
	background-color: #d7d6d1;
	border: 1px solid #c6c4be;
}

.prodotto-dett {}

.increaseQuantity {
	width: 26px;
	height: 26px;
	background-color: #AF322E;
	background-image: url(../img/plus.png);
	background-position: center;
	background-repeat: no-repeat;
	bottom: 27px;
	cursor: pointer;
	height: 26px;
	right: 15px;
	position: absolute;
	width: 26px;
	z-index: 3;
}

.riepilogo-pezzi .increaseQuantity {
	top: 0;
}

.increaseQuantity:hover, .decreaseQuantityCartone:hover, .decreaseQuantity:hover, .increaseQuantityCartone:hover {
	background-color: #F1A933;
}

.decreaseQuantity {
	background-color: #AF322E;
	background-image: url(../img/minus.png);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	bottom: 27px;
	cursor: pointer;
	height: 26px;
	left: 0;
	position: absolute;
	width: 26px;
	z-index: 3;
}

.decreaseQuantityCartone {
	background-color: #AF322E;
	background-image: url("../img/minus-cart.png");
	background-position: center center;
	background-repeat: no-repeat;
	bottom: 0;
	cursor: pointer;
	height: 26px;
	left: 0;
	position: absolute;
	width: 26px;
	z-index: 3;
}

.increaseQuantityCartone {
	background-color: #AF322E;
	background-image: url("../img/plus-cart.png");
	background-position: center center;
	background-repeat: no-repeat;
	bottom: 0;
	cursor: pointer;
	height: 26px;
	position: absolute;
	right: 15px;
	width: 26px;
}

span.prodotto-inner {
	padding-right: 7px;
	font-style: italic;
	font-size: 14px;
	font-weight: normal;
	color: #AF322E;
	text-align: left;
	clear: left;
}

span.prodotto-box {
	clear: left;
	color: #AF322E;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	text-align: left;
}

.prodotto-codice {
	color: #AF322E;
	display: block;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	width: 100%;
	margin-bottom: 3px;
}

p.prodotto-desc {
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	line-height: 100%;
	word-break: break-all;
	text-transform: lowercase;
	margin: 10px 0 0;
}

.box-prezzo-strike {
	float: right;
	margin-top: 5px;
}

.prodotto-prezzo-strike {
	text-decoration: line-through;
	text-align: right;
	display: block;
}

.prezzo-riservato {
	float: left;
	margin-top: 5px;
	position: relative;
}

.quantita {
	border: 0 none;
	float: left;
	padding-right: 15px;
	position: relative;
	clear: both;
	margin-top: 10px;
	width: 50%;
}

.box-prezzo-strike, .prezzo-riservato {
	width: 33%;
}

input.quantita {
	border: medium none;
	height: 53px;
	line-height: 56px;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
}

.prodotto-img {
	display: table;
	float: left;
	height: auto;
	padding-right: 10px;
	width: 20%;
	margin-bottom: 10px
}

.prodotto-img a {
	border: 1px solid #af322e;
	border-radius: 3px;
	display: table-cell;
	height: 112px;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}

.prodotto-img a img {
	vertical-align: middle;
}

.prodotto-img a:hover {
	cursor: pointer;
}

.lab {
	font-size: 12px;
	margin-bottom: 2px;
	text-align: center;
	width: 100%;
}

span.valuta {
	font-size: 16px;
	line-height: 32px;
	position: absolute;
}

span.valutaR {
	font-size: 16px;
	line-height: 34px;
	position: absolute;
}

input.prezzo-netto {
	height: 30px;
	margin-left: 6%;
	width: 83%;
	padding: 0px;
	line-height: 30px;
}

.cod {
	width: 18px;
	height: 18px;
	background-color: #AF322E;
	border-radius: 50%;
	line-height: 18px;
	color: #fff;
	text-align: center;
	margin-top: -2px;
	font-size: 12px;
}

.prodotto-prezzo {
	display: block;
	float: left;
	font-size: 17px;
	font-weight: bold;
	width: 100%;
}

#filtra {
	float: left;
	margin: 30px 0 15px;
	width: 100%;
}

.sel-ordina {
	float: left;
	width: 33.3%;
	padding-right: 15px;
}

.sel-ordina:nth-child(3) {
	padding-right: 0;
}

select {
	width: 100%;
	margin: 0;
	border: 1px solid transparent;
	outline: none;
	font-size: 14px;
	padding: 4px;
	color: #333333;
	margin: 0 20px 5px 0;
	background-color: #eee;
}

select:hover {
	border: 1px solid #ffcc00;
}

#cart {
	display: block;
	position: absolute;
	right: 0px;
	top: 0;
}

#cart .button {
	padding: 0
}

#cart .btn {
	padding: 1px 25px
}

.aggiuingi-carrello {
	float: left;
	margin-top: 32px;
	width: 50%;
}

.aggiuingi-carrello a {
	color: #FFFFFF;
	display: block;
	padding: 10px 10px 10px;
	text-transform: uppercase;
	background-color: #E38B00;
	text-align: center;
}

.aggiuingi-carrello a.aggiunto {
	background-color: #aaa !important;
}

.aggiuingi-carrello a.aggiunto:hover {
	background-color: #aaa;
	cursor: default !important;
}

.aggiuingi-carrello a:hover {
	background-color: #F1A933;
}

.paginazione {
	float: left;
	padding-top: 30px;
	position: relative;
	text-align: right;
	width: 100%;
}

ul.pagine {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

ul.pagine li {
	float: left;
	height: 23px;
	margin: 5px;
	width: 23px;
}

ul.pagine li a {
	background-color: #af322e;
	border-radius: 2px;
	color: #ffffff;
	float: left;
	font-size: 14px;
	height: 100%;
	line-height: 23px;
	text-align: center;
	text-decoration: none;
	width: 100%;
}

ul.pagine li a.selected {
	background-color: #d6af4e;
}

#mobile {
	display: none;
}

/*richiesta dati */

#richiestadati {
	margin-top: 25px;
	float: left;
	width: 100%
}

#info {
	float: left;
	margin: 10px 0 20px;
	width: 100%;
}

#info p {
	font-size: 18px;
	margin: 0
}

/*riepilogo ordine */

.pr-generale {
	float: right;
	margin: -36px 0 0;
	width: 30%;
}

.pr-generale label {
	width: 100%;
	margin-left: 30px;
}

.pr-generale span {
	color: #FFFFFF;
	float: left;
	font-size: 18px;
	margin: 10px 0 0 7px;
}

.pr-generale .input {
	float: right;
	margin-bottom: 0;
	margin-right: 0;
	width: 91%;
}

input#setPrezzoNettoAll {
	float: left;
}

.pulsanti-riepilogo a:hover {
	background-color: #F1A933;
}

.bar-riepilogo-cont {
	width: 100%;
	position: relative;
	float: left;
	background-color: #fff;
	margin-bottom: 5px;
}

.bar-riepilogo-titles {
	background-color: #dab250;
	border-radius: 5px 5px 0 0;
	float: left;
	margin: 10px 0 5px;
	position: relative;
	text-align: center;
	width: 100%;
}

.bar-codice, .bar-desc, .bar-prezzo, .bar-qtà, .bar-sconto, .bar-imponibile, .bar-inner, .bar-unitaMisura, .bar-box {
	border-right: 1px solid #fff;
	color: #624d39;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: bold;
	height: 35px;
	line-height: 35px;
	position: relative;
	text-align: center;
	width: 10%;
}

.bar-codice {
	width: 12%;
}

.bar-desc {
	width: 30%;
	text-align: left;
	padding-left: 10px;
}

.bar-imponibile {
	width: 9%;
}

.bar-sconto {
	width: 20%;
}

.bar-qtà {
	width: 15%;
}

.bar-inner, .bar-unitaMisura, .bar-box {
	width: 4%;
}

.riepilogo-delete {
	display: table;
	float: right;
	height: 35px;
	width: 15px;
}

.riepilogo-delete a {
	background-image: url("../img/delete.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 16px auto;
	display: table-cell;
	height: 20px;
	position: relative;
	right: 5px;
	vertical-align: middle;
	width: 20px;
}

.img-riepilogo {
	border: 0;
	display: block;
	position: relative;
	float: left;
	margin: 2px;
	height: 30px;
}

.riepilogo-codice, .riepilogo-desc, .riepilogo-unitaMisura, .riepilogo-sconti, .riepilogo-pezzi, .riepilogo-prezzo, .riepilogo-imponibile, .riepilogo-inner, .riepilogo-box {
	font-size: 16px;
	text-align: left;
	position: relative;
	float: left;
	display: block;
	width: 10%;
	border-right: 1px solid #ccc;
	text-align: center;
	height: 35px;
}

.riepilogo-codice {
	width: 12%;
	line-height: 14px !important;
	word-break: break-all;
}

.qnt {
	margin: 5px auto;
	position: relative;
	width: 100%;
}

.riepilogo-codice, .riepilogo-unitaMisura, .riepilogo-inner, .riepilogo-box, .riepilogo-pezzi {
	line-height: 35px;
}

.riepilogo-desc {
	font-size: 11px;
	line-height: 12px;
	padding: 12px 0;
	width: 30%;
	text-align: left;
	padding-left: 10px;
}

.riepilogo-unitaMisura, .riepilogo-inner, .riepilogo-box {
	width: 4%;
}

.riepilogo-prezzo {
	width: 20%;
}

.riepilogo-prezzo .box-prezzo-strike {
	margin-top: 0;
}

.riepilogo-prezzo .label-prezzo-strike {
	margin-bottom: 0;
}

.riepilogo-pezzi {
	width: 15%;
	padding-left: 10px;
	padding-right: 10px;
}

.riepilogo-imponibile {
	font-weight: bold;
	width: 9%;
	text-align: right;
	padding-right: 10px;
	padding-top: 8px;
}

.riepilogo-prezzo .prezzoScontato, .riepilogo-prezzo .prezzoListino {
	width: 46%;
	padding: 0 2%;
	float: left;
}

.riepilogo-sconti input.prezzo-netto {
	background-color: #ebebeb;
	height: 30px;
	width: 50%;
}

.riepilogo-pezzi .decreaseQuantityCartone {
	top: 0;
}

.riepilogo-pezzi .decreaseQuantity {
	left: 27px;
	top: 0;
}

.riepilogo-pezzi .increaseQuantity {
	right: 27px;
	top: 0;
}

.riepilogo-pezzi .increaseQuantityCartone {
	right: 0;
	top: 0;
}

.pr {
	font-size: 12px;
	font-weight: normal;
	float: left;
}

.dato-pr {
	float: left;
	clear: left;
	padding-left: 2%;
}

input.pezzi {
	background-color: #EBEBEB;
	border: 0 solid rgba(0, 0, 0, 0);
	box-shadow: 1px 1px 1px #555555 inset;
	height: 26px;
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.totale {
	border-right: 1px solid #ccc;
	float: left;
	line-height: 35px;
	padding-right: 10px;
	text-align: right;
	width: 89%;
}

.prezzo-totale {
	float: left;
	font-size: 16px;
	font-weight: bold;
	line-height: 35px;
	padding-right: 10px;
	text-align: right;
	width: 9%;
}

.new {
	width: 100%;
	float: left;
	background-color: #d7d6d1;
	border-radius: 5px;
	border: 1px solid #c6c4be;
	padding: 20px 30px;
	margin: 20px 0 10px;
}

.new .wrap-title h1 {
	background-color: #d7d6d1;
	background-image: none;
	color: #58554f;
	font-size: 25px;
}

.new-cont {}

#rete-vendita #info p {
	margin: 0;
	font-size: 18px;
}

.form {
	width: 100%;
	float: left;
	margin-bottom: 15px;
}

.form input {
	width: 100%;
}

#preview {
	position: absolute;
	background: #5E0002;
	padding: 5px;
	display: none;
	color: #fff;
}

.fr {
	width: 20px;
	height: 12px;
	display: none;
	background-image: url(../img/new-graphic/arrow_filtri.png);
	background-repeat: no-repeat;
	position: absolute;
	left: 16px;
	bottom: -17px;
}

.titolo-mob {
	display: none;
}

.sinistra {
	width: 50%;
	float: left;
}

.destra {
	width: 50%;
	float: left;
}

.destra div {
	float: right;
}

.destra div a {
	background-color: #E38B00;
	border: medium none;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 20px;
	height: auto;
	padding: 0.5em 1em;
	text-transform: uppercase;
	float: right;
}

.destra div a:hover {
	background-color: #F1A933;
}

#fancybox-overlay {
	position: fixed !important;
	background: none repeat scroll 0 0 transparent !important;
	opacity: 1.0 !important;
}

#fancybox-outer {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
	display: table;
	margin: 0 auto;
	position: relative;
}

#fancybox-title {
	bottom: 0;
	float: left;
	position: absolute;
	right: 0;
	width: 100% !important;
	padding: 0;
	top: 0;
}

#fancybox-wrap {
	text-align: center !important;
}

#fancybox-close {
	position: fixed !important;
	top: 15px;
	right: 15px;
	width: 30px;
	height: 30px;
	background: transparent url(../img/new-graphic/fancybox/close.png) 0 0 !important;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-close:hover {
	background: transparent url(../img/new-graphic/fancybox/close.png) 0 -30px !important;
}

#fancybox-title-over.sfondo div.IMG {
	color: #af322e;
	margin-top: 10px;
}

.center {
	width: 100%;
	margin: 0 auto;
	position: relative;
	max-width: 1280px;
	padding: 0 15px
}

#sx {
	float: left;
	padding: 0 15px 0 0;
	width: 65%;
	margin-top: 40px;
	border-right: 1px solid #b7b5ae;
}

#dx {
	width: 35%;
	float: left;
	padding: 0 0 0 15px;
	border-left: 1px solid #b7b5ae;
	margin-left: -1px;
	margin-top: 40px
}

#cont-slides {
	width: 100%;
	float: left;
	background-color: #d7d6d1;
	border-radius: 5px;
	border: 1px solid #c6c4be;
	padding: 5px
}

.slide {
	height: auto;
	position: relative
}

.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}

.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}

.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}

.rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
}

.rslides_nav {
	cursor: pointer;
	height: 50px;
	margin-top: -25px;
	position: absolute;
	top: 50%;
	width: 50px;
	z-index: 2;
	background: rgba(0, 0, 0, 0) url("../img/new-graphic/arrows.png") no-repeat scroll 0 0;
}

.rslides_nav.prev {
	left: 0;
	background-position: left top
}

.rslides_nav.next {
	right: 0;
	background-position: right top
}

#cont-news, #wrap-news {
	width: 100%;
	text-align: center
}

.news-body h2 {
	color: #af322e;
	font-size: 20px;
	line-height: 20px;
	font-weight: 500;
	margin: 0 0 10px;
	padding: 0;
}

.news-body p {
	font-size: 16px;
	line-height: 18px;
	margin: 0;
}

.wrap-icon {
	width: 100%;
	float: left;
	margin: 0 0 25px;
	position: relative;
}

.wrap-icon:before {
	width: 100%;
	height: 30px;
	background-image: url(../img/new-graphic/obliquelines.png);
	background-repeat: repeat;
	background-color: #317d9d;
	position: absolute;
	top: 50%;
	margin-top: -15px;
	left: 0;
	z-index: 1;
	content: ''
}

.arrow-left {
	background: rgba(0, 0, 0, 0) url("../img/new-graphic/bg_body.png") repeat scroll 0 0;
	border-bottom: 15px solid transparent;
	border-left: 10px solid #f9f9f9;
	border-top: 15px solid transparent;
	height: 0;
	left: 0;
	margin-top: -15px;
	position: absolute;
	top: 50%;
	width: 0;
	z-index: 3;
}

.arrow-right {
	background: rgba(0, 0, 0, 0) url("../img/new-graphic/bg_body.png") repeat scroll 0 0;
	border-bottom: 15px solid transparent;
	border-right: 10px solid #f9f9f9;
	border-top: 15px solid transparent;
	height: 0;
	right: 0;
	margin-top: -15px;
	position: absolute;
	top: 50%;
	width: 0;
	z-index: 3;
}

.cont-icon {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: #8ebed2;
	border: 2px solid #fff;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
	margin: 0 auto;
	position: relative;
	z-index: 2
}

.cont-icon img {
	margin: 13px auto;
	width: 50px;
	display: block;
}

#about-showroom {
	float: left;
	margin-top: 40px;
	width: 100%;
}

#cont-showroom {
	float: left;
	width: 100%;
	position: relative
}

#showroom {
	width: 100%;
	text-align: center
}

#showroom p {
	font-size: 20px;
	font-weight: 400;
	line-height: 22px;
	margin: 25px 0;
	text-align: justify;
	padding: 0 100px;
	position: relative
}

#showroom p::before {
	background-image: url("../img/new-graphic/snowflake.png");
	background-repeat: no-repeat;
	content: "";
	height: 50px;
	left: 0;
	margin-top: -25px;
	position: absolute;
	top: 50%;
	width: 50px;
}

#showroom p:after {
	background-image: url("../img/new-graphic/snowflake.png");
	background-repeat: no-repeat;
	content: "";
	height: 50px;
	right: 0;
	margin-top: -25px;
	position: absolute;
	top: 50%;
	width: 50px;
}

.wrap-title h1 {
	background-color: #f9f9f9;
	background-image: url("../img/new-graphic/bg_body.png");
	display: inline-block;
	padding: 0 20px;
	position: relative;
	width: auto;
	z-index: 2;
	text-transform: uppercase
}

.wrap-title h1::before {
	background-color: #b7b5ae;
	border-radius: 50%;
	content: "";
	float: left;
	height: 5px;
	left: 4px;
	margin-top: -2px;
	position: absolute;
	top: 50%;
	width: 5px;
}

.wrap-title h1::after {
	background-color: #b7b5ae;
	border-radius: 50%;
	content: "";
	float: right;
	height: 5px;
	margin-top: -2px;
	position: absolute;
	right: 4px;
	top: 50%;
	width: 5px;
}

.wrap-title {
	width: 100%;
	position: relative;
	float: left;
	text-align: center
}

.wrap-title:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #b7b5ae;
	top: 50%;
	margin-top: 0.5px;
	left: 0;
}

#cont-btn {
	width: 100%;
	float: left;
	position: relative
}

#cont-btn:before {
	content: '';
	position: absolute;
	width: 50%;
	height: 1px;
	background-color: #b7b5ae;
	top: 50%;
	margin-top: 0.5px;
	left: 0;
}

#cont-btn:after {
	content: '';
	position: absolute;
	width: 50%;
	height: 1px;
	background-color: #b7b5ae;
	top: 50%;
	margin-top: 0.5px;
	right: 0;
}

.button {
	background-color: #f9f9f9;
	background-image: url("../img/new-graphic/bg_body.png");
	display: table;
	margin: 0 auto;
	padding: 0 10px;
	position: relative;
	z-index: 2;
}

#articoli .button {
	width: 100%;
}

.pulsanti-riepilogo {
	float: left;
	margin: 40px 0 15px;
	padding: 0;
	width: 100%;
}

#desk .button, #mobile .button {
	float: left;
	margin-bottom: 15px;
	width: 50%;
}

a.btn {
	display: block;
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	padding: 20px 25px;
	border-image-slice: 34% 34% 34% 34% fill;
	border-image-width: 17px 18px 17px 18px;
	U border-image-outset: 0 0 0 0;
	border-image-repeat: repeat repeat;
	border-image-source: url(../img/new-graphic/borderImageDashed.png);
	background-color: #af322e;
	background-image: url(../img/new-graphic/obliquelines.png);
	background-repeat: repeat;
	border-radius: 5px;
	text-align: center
}

#articoli a.btn {
	padding: 15px;
	font-size: 14px
}

#desk .btn, #mobile .btn {
	padding: 1px;
}

.aggiuingi-carrello .btn {
	padding: 12px;
	width: 100%;
}

.pulsanti-riepilogo .btn {
	float: left;
	margin: 0 15px 15px 0;
	padding: 15px 25px;
	width: auto;
}

#video {
	width: 100%;
	float: left;
	margin-top: 40px;
	text-align: center
}

.contenuti-video, .euronatale-container, .dovesiamo-container, .catalogo {
	background-color: #d7d6d1;
	border: 1px solid #c6c4be;
	background-image: url(../img/new-graphic/vertical-lines.png);
	background-repeat: repeat;
	border-radius: 5px;
	float: left;
	padding: 30px;
	width: 100%;
}

.contenuti-video iframe {
	width: 100%;
	margin-top: 20px;
	min-height: 400px
}

.contenuti-video .wrap-title h1, .euronatale-container .wrap-title h1, .dovesiamo-container .wrap-title h1, .catalogo .wrap-title h1 {
	background-color: #d7d6d1;
	background-image: url(../img/new-graphic/vertical-lines.png);
	color: #58554f;
	font-size: 25px
}

#catalogo .wrap-title h1, #lista-prodotti .wrap-title h1, #jPanelMenu-menu .wrap-title h1 {
	background-color: #dab250;
	background-image: url("../img/new-graphic/orizontallines.png");
	color: #58554f;
	font-size: 25px;
}

#catalogo .wrap-title h1::before, #catalogo .wrap-title h1::after, #catalogo .wrap-title::before, #lista-prodotti .wrap-title h1:before, #lista-prodotti .wrap-title h1:after, #lista-prodotti .wrap-title:before, #jPanelMenu-menu .wrap-title h1:before, #jPanelMenu-menu .wrap-title h1:after, #jPanelMenu-menu .wrap-title:before {
	background-color: #58554f;
}

#lista-prodotti .wrap-title h1 .arrow {
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 10px solid #58554f;
	display: block;
	float: right;
	height: 0;
	margin: 10px 0 0 9px;
	transition: all 0.3s ease 0s;
	width: 0;
}

#lista-prodotti .wrap-title {
	float: none;
	margin: 0 auto;
	width: 80%;
}

#lista-prodotti .wrap-title h1 {
	cursor: pointer
}

#catalogo .cont-icon {
	background-color: transparent;
	border: medium none;
	border-radius: 0;
	box-shadow: none;
	display: table;
	height: auto;
	margin: 0 auto;
	width: auto;
}

#catalogo .cont-icon img {
	margin: 0 0 15px;
	width: 40px;
}

#catalogo .button {
	background-color: #dab250;
	background-image: url("../img/new-graphic/orizontallines.png");
	width: 100%;
	padding: 0px;
}

#catalogo a.btn {
	background-color: #624d39;
	width: 100%;
	margin: 20px 0 0
}

#lavora {
	float: left;
	position: relative;
	width: 100%;
}

#lavora .cont-icon img {
	width: 40px;
	margin: 20px auto
}

#lavora p {
	font-size: 18px;
	margin: 10px 0 0;
	width: 100%;
	float: left;
}

#lavora p a {
	color: #58554f;
	font-weight: bold;
}

#lavora p a:hover {
	text-decoration: underline;
}

#logo img {
	width: 100%;
	height: 100%;
}

.right {
	float: right;
}

#footer {
	float: left;
	position: relative;
	width: 100%;
	border-bottom: 50px solid #e6e6e6;
	padding-top: 80px;
	margin-bottom: 65px;
}

.copyright {
	bottom: -50px;
	position: absolute;
	text-align: center;
	width: 100%;
}

.credits {
	bottom: -40px;
	opacity: 0.8;
	position: absolute;
	right: 20px;
	width: 40px;
}

.credits img {
	width: 100%;
}

.credits:hover {
	opacity: 1;
}

#login-container {
	display: block;
	overflow: hidden;
	position: absolute;
	right: 15px;
	top: 10px;
	width: 220px;
}

.fancybox-overlay {
	background-attachment: scroll !important;
	background-clip: border-box !important;
	background-color: #5e0002 !important;
	background-image: url("../img/new-graphic/obliquelines.png") !important;
	background-origin: padding-box !important;
	background-position: 0 0 !important;
	background-repeat: repeat;
	background-size: auto auto !important;
	opacity: 1 !important;
	position: fixed !important;
}

.fancybox-wrap {
	text-align: center !important;
}

.fancybox-outer {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
	display: inline-block;
	height: auto !important;
	margin: 0 auto;
	position: relative;
	width: auto !important;
}

.fancybox-inner {
	float: left;
}

.fancybox-close {
	background: transparent url("../img/new-graphic/fancybox/close.png") repeat scroll 0 0 !important;
	cursor: pointer;
	height: 30px;
	position: fixed !important;
	right: 15px;
	top: 15px;
	width: 30px;
	z-index: 1103;
}

.form-container, .zone, .richiestadati-container, #wrap-login {
	width: 100%;
	float: left;
	background-color: #d7d6d1;
	border-radius: 5px;
	border: 1px solid #c6c4be;
	padding: 20px 30px
}

#wrap-login {
	width: 350px;
	margin: 100px auto;
	float: none
}

.form-container .wrap-title h1, .zone .wrap-title h1, .richiestadati-container .wrap-title h1, #wrap-login .wrap-title h1 {
	background-color: #d7d6d1;
	color: #58554f;
	font-size: 25px;
	background-image: none;
}

.form-login .input {
	width: 100%;
	padding: 0
}

.jPanelMenu-panel {
	background: transparent none repeat scroll 0 0 !important;
}

#wrap-riepilogo {
	float: left;
	width: 100%;
}

.cookie-box p {
	font-size: 16px;
	margin-top: 5px;
}

.cookie-box h2 {
	font-size: 20px;
	margin: 35px 0 0;
}

.cookie-box ul.wide-list li {
	font-size: 16px;
	font-weight: 700;
	width: 100% !important;
}

.cookie-box table {
	border-collapse: separate;
	border-spacing: 0;
	margin: 10px 0;
	vertical-align: middle;
	width: 100%;
}

.cookie-box caption, th, td {
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	padding: 10px;
}

.cookie-box table tr:nth-child(2n) {
	background-color: #D7D6D1;
}

.cookie-box table a, .cookie-box a {
	text-decoration: underline;
}

.show-fancy-product {
	background-color: #624d39;
	background-image: url("../img/new-graphic/obliquelines.png");
	background-repeat: repeat;
	border-image-repeat: repeat repeat;
	border-image-slice: 34% 34% 34% 34% fill;
	border-image-source: url("../img/new-graphic/borderImageDashed.png");
	border-image-width: 17px 18px 17px 18px;
	border-radius: 5px;
	cursor: pointer;
	display: block;
	float: right;
	height: 50px;
	position: absolute;
	width: 50px;
	bottom: 10px;
	right: 10px;
	z-index: 1000000;
}

.show-fancy-product::before {
	background-image: url("../img/cart_icon_mobile.png");
	background-position: center center;
	background-repeat: no-repeat;
	content: "";
	height: 50px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

#fancybox-title-over.sfondo {
	bottom: 0;
	height: 100%;
	padding: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.nologin-wrap {
	bottom: 0;
	left: 0;
	position: absolute;
	width: 100%;
}

.wrap-fancy-product {
	background-color: #624d39;
	background-image: url("../img/new-graphic/obliquelines.png");
	border-radius: 5px;
	bottom: 10px;
	clear: both;
	color: #fff;
	display: none;
	float: right;
	padding: 15px 60px 10px 10px;
	position: absolute;
	right: 10px;
	width: 50%;
	z-index: 1;
}

/* POPUP */

.popup-overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .7);
	transition: all ease .3s;
	-moz-transition: all ease .3s;
	-ms-transition: all ease .3s;
	-o-transition: all ease .3s;
	-webkit-transition: all ease .3s;
}

.popup-overlay .close {
	width: 40px;
	height: 40px;
	background-image: url(../img/close-icon-popup.png);
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	top: 10px;
	right: 10px;
	opacity: .5;
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 500px;
	z-index: 3000;
}

.popup-overlay .close:hover {
	opacity: 1
}

.popup-overlay.show {
	opacity: 1;
	z-index: 99999;
}

.popup-overlay.show .popup-wrapper {
	transform: scale(1) translate(-50%, -50%);
	-moz-transform: scale(1) translate(-50%, -50%);
	-ms-transform: scale(1) translate(-50%, -50%);
	-o-transform: scale(1) translate(-50%, -50%);
	-webkit-transform: scale(1) translate(-50%, -50%);
}

.popup-wrapper {
	left: 50%;
	max-width: 640px;
	position: absolute;
	top: 50%;
	width: 100%;
	padding: 0 20px;
	transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	transition: all ease .5s;
	-moz-transition: all ease .5s;
	-ms-transition: all ease .5s;
	-o-transition: all ease .5s;
	-webkit-transition: all ease .5s;
}

.popup-box {
	background-color: #fff;
	border: 1px solid #c6c4be;
	border-radius: 5px;
	height: 234px;
	width: 100%;
}

.popup-overlay.hide, .popup-overlay {
	opacity: 0;
	z-index: 0;
}

.popup-overlay.hide .popup-wrapper, .popup-overlay .popup-wrapper {
	transform: scale(0) translate(-50%, -50%);
	-moz-transform: scale(0) translate(-50%, -50%);
	-ms-transform: scale(0) translate(-50%, -50%);
	-o-transform: scale(0) translate(-50%, -50%);
	-webkit-transform: scale(0) translate(-50%, -50%);
}

.info-popup {
	float: right;
	padding: 16px;
	width: 235px;
}

.popup-box .btn {
	clear: both;
	margin: 0 auto;
	max-width: 315px;
	width: 90%;
	margin-top: 190px;
}

.homi.popup-box {
	background-image: url(../img/homi_2018.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 256px;
	background-size: cover;
}

.garden.popup-box {
	background-image: url(../img/myplant_2018.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 256px;
	background-size: cover;
}

.homi_2019.popup-box {
	background-image: url(../img/homi_2020.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 256px;
	background-size: cover;
}

#catalogo.popup-box {
	margin-top: 20px;
	padding: 15px;
}

#catalogo.popup-box .btn {
	float: none;
	margin: 0 auto;
	width: 90%;
}

.popup-box p {
	float: left;
	font-size: 24px;
	text-align: center;
	width: 100%;
	margin: 0 0 20px
}

#catalogo.popup-box .cont-icon {
	background-color: #dab250;
	background-image: url("../img/new-graphic/orizontallines.png");
	color: #58554f;
	padding: 0 25px
}

#catalogo.popup-box .cont-icon::after {
	background-color: #58554f;
	border-radius: 50%;
	content: "";
	float: right;
	height: 5px;
	margin-top: -2px;
	position: absolute;
	right: 4px;
	top: 50%;
	width: 5px;
}

#catalogo.popup-box .cont-icon::before {
	background-color: #58554f;
	border-radius: 50%;
	content: "";
	float: left;
	height: 5px;
	left: 4px;
	margin-top: -2px;
	position: absolute;
	top: 50%;
	width: 5px;
}

.popup-minimized {
	background-color: #f9f9f9;
	border-top: 2px solid #af322e;
	bottom: 0;
	left: 0;
	padding: 10px 20px;
	position: fixed;
	width: 100%;
	z-index: 9999;
	min-height: 65px;
	transition: all ease .5s;
	-moz-transition: all ease .5s;
	-ms-transition: all ease .5s;
	-o-transition: all ease .5s;
	-webkit-transition: all ease .5s;
}

.popup-minimized p {
	margin: 0;
	padding: 5px 0;
}

.popup-minimized .center p:first-child {
	/*border-bottom: 1px solid #58554f;
  margin-bottom: 3px;
  padding-bottom: 3px;*/
}

.popup-minimized .button {
	position: absolute;
	right: 0;
	top: 4px;
}

.popup-minimized .btn {
	background-image: none;
	border: medium none;
	padding: 8px 15px;
}

.popup-minimized.hide {
	bottom: -100%;
}

.popup-minimized.show {
	bottom: 0px;
}

@media only screen and (max-width: 1280px) {
	#mascotte-azienda {
		right: -8px;
	}
}

@media only screen and (max-width: 1150px) {
	#mascotte {
		top: 0;
		background-position: left bottom
	}
	.wrap-fancy-product {
		width: 60%;
	}
}

@media only screen and (max-width: 1024px) {
	.prodotto-dettaglio {
		width: 33.3%;
	}
	.bar-riepilogo-titles {
		display: none;
	}
	.bar-riepilogo-cont {
		margin: 20px 0;
	}
	#rete-vendita .bar-riepilogo-cont:last-child {
		margin: 0;
	}
	.riepilogo-delete a {
		margin: 7px;
	}
	.img-riepilogo {
		border: 0;
		display: block;
		position: relative;
		float: left;
		margin: 5px 10px 5px 70px;
		height: 30px;
	}
	.riepilogo-box {
		width: 33.3%;
		border-right: none;
		border-bottom: 1px solid #ccc;
		height: 40px;
		line-height: 20px;
	}
	.riepilogo-codice {
		border-bottom: 1px solid #CCCCCC;
		border-right: 1px solid #ccc;
		width: 50%;
		height: 40px;
		line-height: 40px;
		text-align: left;
	}
	.riepilogo-desc {
		border-bottom: 1px solid #CCCCCC;
		border-right: medium none;
		width: 50%;
		height: 40px;
		line-height: 15px;
	}
	.riepilogo-unitaMisura {
		width: 33.3%;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		height: 40px;
		line-height: 20px;
	}
	.riepilogo-sconti {
		width: 49.8%;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		height: 40px;
		line-height: 40px;
	}
	.riepilogo-pezzi {
		width: 49.8%;
		border-right: none;
		border-bottom: 1px solid #ccc;
		height: 40px;
		line-height: 40px;
	}
	.riepilogo-prezzo {
		width: 35%;
		border-right: 1px solid #ccc;
		height: 40px;
		line-height: 19px;
		text-align: center;
		padding: 0;
	}
	.riepilogo-imponibile {
		width: 35%;
		border-right: 1px solid #ccc;
		height: 40px;
		line-height: 20px;
	}
	.riepilogo-inner {
		width: 33.3%;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		height: 40px;
		line-height: 20px;
	}
	.riepilogo-delete {
		width: 29%;
		float: left;
	}
	.qnt {
		margin: 7px auto;
		position: relative;
		width: 50%;
	}
	.riepilogo-sconti input.prezzo-netto {
		line-height: 20px;
		margin-top: 5px;
	}
	input.pezzi {
		line-height: 20px;
	}
	.totale {
		width: 50%;
	}
	.prezzo-totale {
		width: 50%;
	}
	.titolo-mob {
		display: block;
		font-size: 12px;
		font-weight: normal;
	}
	.wrap-fancy-product {
		width: 100%;
		bottom: 0;
		right: 0;
		padding: 15px 70px 10px 10px;
	}
}

@media only screen and (min-width: 993px) {
	#jPanelMenu-menu {
		display: none !important
	}
	ul#menu {
		display: block !important;
	}
}

@media only screen and (max-width: 992px) {
	#nav-cont .center {
		padding: 0
	}
	.bnr-arc {
		width: 30%;
	}
	.bnr-arc img {
		width: 100%;
	}
	a#navigazione {
		color: #fff;
		display: block;
		float: left;
		font-size: 20px;
		height: 50px;
		line-height: 50px;
		margin-left: 20PX;
		text-shadow: 1px 1px #333;
	}
	a#navigazione span#nav {
		background-color: #fff;
		display: block;
		float: left;
		height: 2px;
		line-height: 2px;
		margin: 23px 10px 25px 0;
		position: relative;
		width: 30px;
	}
	a#navigazione span#nav:before {
		background-color: #fff;
		content: '';
		height: 2px;
		position: absolute;
		width: 30px;
		left: 0;
		top: 10px;
	}
	a#navigazione span#nav:after {
		background-color: #fff;
		content: '';
		height: 2px;
		position: absolute;
		width: 30px;
		left: 0;
		bottom: 10px;
	}
	ul#menu {
		background-color: #af322e;
		background-image: url("../img/new-graphic/obliquelines.png");
		background-repeat: repeat;
		display: none;
		left: 0;
		list-style: outside none none;
		margin: 0;
		padding: 0 15px;
		position: absolute;
		top: 48px;
		width: 100%;
	}
	ul#menu li {
		border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
		float: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	ul#menu li:last-child {
		border-bottom: none;
	}
	ul#menu li a {
		text-align: center;
	}
	ul#menu li a:hover {
		background-color: rgba(255, 255, 255, 0.2);
	}
	ul#menu li.social-box a {
		background-position: center center;
		width: 0%;
	}
	ul#menu li.social-box a.app-link {
		background-position: center center;
		width: 0%;
	}
	#sx {
		border-right: none;
		padding: 0;
		width: 100%;
	}
	#dx {
		padding: 0;
		width: 100%;
		border: none
	}
	.news-body ul li {
		padding: 0 10px 0 0;
	}
	#catalogo .button {
		width: 100%;
	}
	#catalogo .wrap-btn-mob {
		display: table;
		margin: 0 auto;
	}
	#catalogo a.btn {
		float: left;
		margin: 20px 10px 0;
		width: 224px
	}
	#mascotte {
		width: 36%;
		z-index: 1;
	}
	#contatti .sx {
		float: right;
		padding: 15px 0;
		width: 100%;
		position: relative;
		z-index: 2
	}
	#contatti h2 {
		text-align: center;
	}
	#contatti ul {
		display: table;
		margin: 0 auto;
		width: auto;
	}
	#contatti ul li {
		text-align: center;
		width: 33.3%;
	}
	#contatti .dx {
		padding: 15px 0;
		text-align: center;
		width: 100%;
		position: relative;
		z-index: 2
	}
	#mascotte-azienda {
		right: -11px;
	}
	.cont-articolo {
		width: 100%;
	}
	.miniatura {
		width: 20%;
	}
	.informazioni-articolo {
		width: 80%;
	}
	.contatti-txt {
		float: left;
		width: 50%;
	}
	.distribuzione {
		display: none;
	}
	#lista-zone {
		padding-right: 0;
		width: 100%;
	}
	#catalogo .form-login .input {
		padding: 0 10px;
		width: 50%;
	}
	#catalogo .form-login .btn {
		margin: 0 auto;
		width: 50%;
	}
	#ordini-online p {
		text-align: center;
	}
	#catalogo .form-login .wrap-btn-mob {
		width: 100%;
	}
	#catalogo .form-login a.btn {
		clear: none;
		float: left;
		margin: 20px 2% 0;
		width: 45%;
	}
	.lista-btn, #desk {
		display: none;
	}
	#mobile, #filtriM {
		display: block;
	}
	#ord {
		margin-bottom: 3px;
	}
	.content-right {
		width: 100%;
		padding: 0;
		float: left
	}
	#cart {
		display: none;
	}
	.box-scontistica {
		margin-top: 15px;
		padding: 20px 0 0;
		position: relative;
		width: 100%;
	}
	.lista-content {
		background-color: transparent;
		margin-bottom: 0;
		padding: 0;
		position: relative;
		width: 100%;
	}
	.btn.shopping-cart {
		float: right;
		height: 50px;
		padding: 0;
		position: relative;
		width: 50px;
		display: block
	}
	.btn.shopping-cart::before {
		background-image: url("../img/cart_icon_mobile.png");
		background-position: center center;
		background-repeat: no-repeat;
		content: "";
		height: 50px;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}
	a span.notifiche {
		background-color: #E38B00;
		border-radius: 50% 50% 50% 50%;
		color: #FFFFFF;
		display: block;
		font-size: 12px;
		font-weight: bold;
		height: 15px;
		line-height: 14px;
		padding: 2px;
		position: absolute;
		right: -5px;
		text-align: center;
		top: -5px;
		width: 15px;
	}
	.categorie-cat.btn {
		float: left;
		height: 50px;
		padding: 0;
		position: relative;
		width: 55px;
		z-index: 3;
	}
	.categorie-cat.btn::before {
		background-image: url("../img/categorie_icon.png");
		background-position: center center;
		background-repeat: no-repeat;
		content: "";
		height: 50px;
		left: 0;
		position: absolute;
		top: 0;
		width: 55px;
	}
	.lista-cat {
		display: block;
		float: left;
		padding-right: 20px;
	}
	.lista-cat span {
		display: block;
		font-size: 20px;
		line-height: 50px;
		margin-left: 65px;
	}
	#filtriM {
		float: left
	}
	.filtri.btn {
		display: block;
		width: 50px;
		height: 50px;
		float: left;
		position: relative;
	}
	.filtri.btn::before {
		background-image: url(../img/filtra.png);
		background-repeat: no-repeat;
		background-position: center;
		content: "";
		height: 50px;
		left: 0;
		position: absolute;
		top: 0;
		width: 50px;
	}
	.filtri.btn.active {
		margin-top: 15px;
	}
	#cerca {
		float: left;
		margin-left: 10px;
		width: 100%;
		display: none;
	}
	#filtra {
		float: left;
		margin: 0.68em 0 0.68em 0.68em;
		display: none;
	}
	.cont-filtri {
		clear: left;
		float: left;
		padding: 15px;
		width: 100%;
		position: relative;
		background-color: #af322e;
		background-image: url("../img/new-graphic/obliquelines.png");
		background-repeat: repeat;
		border-image-repeat: repeat repeat;
		border-radius: 5px;
		margin-top: 15px;
	}
	#lista-prodotti {
		display: none
	}
	ul.sub-cat {
		display: none !important;
	}
	ul#menuPrd {
		display: none;
	}
	ul#jPanelMenu-menu {
		list-style: none;
		padding: 0;
		margin: 0;
		background-color: #dab250;
		background-image: url("../img/new-graphic/orizontallines.png");
		background-repeat: repeat;
	}
	ul#jPanelMenu-menu li {
		display: block;
		width: 100%;
		float: left
	}
	ul#jPanelMenu-menu li.wrap-title {
		padding: 10px 0;
	}
	ul#jPanelMenu-menu li a {
		color: #58554f;
		display: block;
		font-size: 15px;
		padding: 5px 7px;
		text-decoration: none;
		text-transform: uppercase;
		width: 100%;
	}
	ul#jPanelMenu-menu li a:hover {
		background-color: #af322e;
		color: #fff;
		text-decoration: none;
	}
	.desktop-pag {
		display: none;
	}
	.mobile-pag {
		display: block;
	}
}

@media only screen and (max-width: 830px) {
	.prodotto-dettaglio {
		width: 50%;
	}
}

@media only screen and (min-width: 770px) {
	#login-container {
		height: auto !important;
		width: 40% !important;
	}

	.bentornato {
		width: 100% !important;
		text-align: right !important;
	}

	.username-logged {
		text-align: right !important;
	}

	.impersonando {
		width: 100% !important;
		text-align: right !important;
	}

	.impersonato {
		width: 100% !important;
		text-align: right !important;
	}
}

@media only screen and (min-width: 1000px) {
	#login-container {
		height: auto !important;
		width: 30% !important;
	}

	.bentornato {
		width: 100% !important;
		text-align: right !important;
	}

	.username-logged {
		text-align: right !important;
	}

	.impersonando {
		width: 100% !important;
		text-align: right !important;
	}

	.impersonato {
		width: 100% !important;
		text-align: right !important;
	}
}

@media only screen and (max-width: 768px) {
	#login-container {
		background-color: #af322e;
		background-image: url("../img/new-graphic/obliquelines.png");
		background-repeat: repeat;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) inset;
		height: 0;
		overflow: hidden;
		padding-top: 50px;
		position: absolute;
		right: 0;
		top: -85px;
		transition: all 0.3s ease 0s;
		width: 100%;
		z-index: 3000;
		-webkit-transition: all ease 0.3s;
		-moz-transition: all ease 0.3s;
		-o-transition: all ease 0.3s;
		-ms-transition: all ease 0.3s;
	}
	#login-container:before {
		position: absolute;
		content: "";
		top: 5px;
		z-index: 30;
		left: 0;
		width: 100%;
		height: 1px;
		background: linear-gradient( to right, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
		/* The rectangle in which to repeat.
		   It can be fully wide in this case */
		background-size: 12px 1px;
	}
	#login-container:after {
		position: absolute;
		content: "";
		bottom: 5px;
		z-index: 30;
		left: 0;
		width: 100%;
		height: 1px;
		background: linear-gradient( to right, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
		/* The rectangle in which to repeat.
		   It can be fully wide in this case */
		background-size: 12px 1px;
	}
	#login-container .open {
		display: block;
		position: absolute;
		right: 15px;
		top: 21px;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-top: 10px solid #fff;
		height: 0;
		width: 0;
		cursor: pointer
	}
	#login-container .admin-area {
		background-image: url("../img/new-graphic/user.png");
		background-position: 0 0;
		background-repeat: no-repeat;
		color: #fff;
		display: block;
		font-size: 16px;
		left: 15px;
		overflow: visible;
		padding: 0 0 0 25px;
		position: absolute;
		top: 14px;
	}
	.bentornato {
		color: #ffffff;
		font-size: 14px;
		padding: 0 15px;
		width: 100%;
	}
	.username-logged {
		margin: 0;
		color: #fff;
		padding: 0 15px;
	}
	.impersonando, .impersonato {
		color: #fff;
		padding-left: 15px
	}
	.admin {
		float: left;
		margin: 10px 10px 0 15px;
	}
	#mascotte-azienda {
		right: -9px;
	}
	.input {
		padding: 0;
		width: 100%;
	}
	#mascotte-catalogo {
		left: -5px;
	}
	.qnt {
		width: 90%;
	}
	#header.with-login {
		padding-top: 50px;
	}
	.popup-minimized p {
		font-size: 0.8em;
	}
	.popup-minimized {
		padding: 5px 0;
	}
	.popup-minimized .button {
		padding: 5px 0 0;
		position: relative;
		right: 0;
		top: 0;
		width: 100%;
	}
}

@media only screen and (max-width: 650px) {
	#catalogo .form-login .input {
		padding: 0;
		width: 100%;
	}
	#catalogo .form-login .btn {
		width: 100%;
	}
	#catalogo .form-login a.btn {
		margin: 20px 0 0;
		width: 100%;
	}
	.sel-ordina {
		float: left;
		margin-bottom: 10px;
		padding-right: 0;
		width: 100%;
	}
	.sel-ordina:nth-child(3) {
		margin: 0;
	}
}

@media only screen and (max-width: 620px) {
	.albero-denas {
		width: 130px;
		padding-top: 0
	}
	.albero-denas>img {
		width: 100%;
	}
	.contenuti-video iframe {
		width: 80%;
	}
	.news-body ul li {
		padding: 0;
	}
	#catalogo a.btn {
		margin: 20px 0px 15px;
		width: 100%
	}
	#mascotte {
		width: 50%;
	}
	#mascotte-azienda {
		display: none
	}
	.euronatale-container p {
		width: 100%;
	}
	.contatti-txt {
		width: 100%;
	}
	#mascotte-catalogo, .arrow-cat {
		display: none;
	}
	#cat {
		width: 100%;
	}
	#mobile .button {
		padding: 0;
		width: 100%;
	}
	.pulsanti-riepilogo .btn {
		width: 100%;
	}
	.miniatura {
		width: 100%;
		text-align: center;
	}
	.miniatura img {
		width: 50%;
		margin: 0 auto;
	}
	.informazioni-articolo {
		width: 100%;
	}
}

@media only screen and (max-width: 580px) {
	.prodotto-dettaglio {
		width: 100%;
	}
}

@media only screen and (max-width: 480px) {
	.bnr-arc {
		display: none
	}
	#showroom p {
		padding: 0 70px;
	}
	.contenuti-video iframe {
		width: 100%;
	}
	.miniatura {
		display: table;
		float: none;
		margin: 0 auto;
		width: 50%;
	}
	.informazioni-articolo time {
		text-align: center;
	}
	.informazioni-articolo {
		padding: 15px 0;
		text-align: center;
		width: 100%;
	}
	#articoli .button {
		width: auto;
	}
	.lista-cat {
		float: none;
		padding-right: 0;
		width: 100%;
	}
	.btn.shopping-cart {
		float: left;
		margin-right: 15px;
		margin-top: 15px;
	}
	#filtriM {
		margin-top: 15px
	}
	.filtri.btn.active {
		margin-top: 0;
	}
}

@media only screen and (max-width: 420px) {
	.albero-denas {
		padding-left: 0;
		width: 115px;
		padding-top: 13px;
	}
	#contatti ul li {
		width: 50%;
	}
	#wrap-login {
		width: 100%;
		margin: 40px 0;
		0
	}
	.img-riepilogo {
		margin: 5px 10px 5px 0;
	}
	#catalogo.popup-box p {
		font-size: 22px;
	}
}

@media only screen and (max-width: 380px) {
	.albero-denas {
		padding-top: 30px;
		width: 90px;
	}
	#articoli .button {
		width: 100%;
	}
	#articoli a.btn {
		width: 100%;
		margin: 0 0 10px;
	}
	.prodotto-img {
		float: none;
		padding-right: 0px;
		margin: 0 auto;
	}
	.prodotto-dett {
		width: 100%;
		text-align: center;
	}
	p.prodotto-desc {
		text-align: center;
	}
	.copyright {
		padding-left: 10px;
		text-align: left;
	}
	.credits {
		right: 10px;
	}
	.popup-box p {
		margin: 0 0 12px;
	}
	.popup-box .btn {
		font-size: 14px;
	}
}

@media only screen and (max-width: 320px) {
	.center {
		width: 320px;
	}
}

#loader {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.95);
	z-index: 1000;
	text-align: center;
	line-height: 100%;
}

#loader .textLoad {
	width: 100%;
	/* height: 150px; */
	/* margin-top: 300px; */
	/* margin-left: -150px; */
	left: 0;
	borde-radius: 20px;
	border: 2 x solid #999;
	position: absolute;
	font-family: Roboto, Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: 100;
	line-height: 25px;
	color: #ddd;
	/* top: 72px; */
	bottom: 0;
	display: block;
}

.cssload-loader-inner {
	bottom: 0;
	height: 250px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 243px;
	padding: 0 40px 81px 40px;
}

.headerLoginButtonContainer {
	float: left;
	position: relative;
	/*right: 100px;*/
	top: 10px;
	margin-right: 20px;
	text-shadow: 1px 1px #333;
	text-transform: uppercase;
}

.headerLoginButtonContainer a {
	color: #fff;
}

/*.headerLoginButtonContainer a:hover {
	color: #AF322E;
}*/