﻿@charset "UTF-8";
/* CSS Document */

/*/////////////////////*/
/*///// SALUMIFICIO SAN DOMENICO /////*/
/*///////////////////*/


* {margin: 0; padding: 0;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0 none;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

body {display:none;width:100%;margin: 0; padding: 0;font-size:15px; color:#5c5c5c; font-weight:400; font-family: 'Montserrat', sans-serif;}
html{box-sizing: border-box; font-size:100%;}

em{ font-style:italic;}

strong{font-family: 'Montserrat', sans-serif;font-weight:700;}

a:active, a:focus{outline:nonsce;} /* Rimuove il bordo a puntini dai link in stato di focus e active.*/

a img {border: none;}

img{/*max-width: 100% !important;height:100% !important;*/width: auto\0/; /* ie8 */-ms-interpolation-mode: bicubic;}
/*a:link, a:visited {color: #df002c; text-decoration: none} colore link di base */

a{text-decoration:none; color:#b0003a; font-weight:700;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all  0.3s;
    transition: all 0.3s;
}
a:hover {text-decoration:none;color:#000;}
/*div, ul li{transition-property: color;transition-property: background-color;transition-duration: 0.3s; }*/

a:active, a:focus { outline: medium none;}

iframe{width:100%!important;}

H1 {font-size:40px; color:#b0003a; font-family: 'Montserrat', sans-serif; margin:0; padding:0;font-weight:800; text-transform:uppercase;}
H2 {font-size:35px; color:#dbc285;font-family: 'Caveat', cursive;margin:10px 0 15px 0; padding:0; text-align:left;line-height: 30px;}
H3 {font-size:32px;color:#b0003a; margin:25px 0; padding:0;font-family:'Montserrat', sans-serif;font-weight:800; line-height:40px; text-transform:uppercase;}
H4 {font-size:28px; color:#fff; font-family: 'Montserrat', sans-serif; margin:0 0 10px 0; padding:0;font-weight:200; }
H5 {font-size:18px; color:#b0003a;margin:0 0 15px 0;font-weight:800; padding:0;font-family: 'Montserrat', sans-serif; text-transform:uppercase;}
H6 {color:#000; font-size:20px;font-family: 'Montserrat', sans-serif; font-weight:400; margin:0;}

ol, ul { list-style: disc inside none; margin:15px 0;}
li{margin:0 0 10px 0;font-weight:400}

table {border-collapse: separate; border-spacing: 0;}
td{padding:.5rem}

caption, th, td {}

hr{}

p{margin:10px 0;font-weight: 300;}

/* info standard */
.testo9{font-size:9px;}
.testo10{font-size:10px;}
.testo11{font-size:11px;}
.testo12{font-size:12px;}
.testo13{font-size:13px;}
.testo14{font-size:14px;}
.testo15{font-size:15px;}
.testo16{font-size:16px;}
.testo18{font-size:18px;}
.testo20{font-size:20px;}
.testo22{font-size:22px;}
.testo23{font-size:23px;}
.testo24{font-size:24px;}
.testo26{font-size:26px;}
.testo28{font-size:28px;}
.testo30{font-size:30px;}
.testo34{font-size:34px;}

.bianco{color:#FFFFFF;}
.nero{color:#000000;}
.grey{color: #686868;}
.blu{color:#2d4d8e;}
.rosso{color:#acc6d4;}
.spaziato{letter-spacing:0.2em}
.azz{color:#acc6d4}
.arancio{color:#CC0000}
reCa
.personalFontRegular{font-family: 'Montserrat', sans-serif;}
.personalFontBold{font-family: 'Montserrat', sans-serif; text-transform:uppercase;}

.error {font-weight: normal; font-size:15px; font-family: 'Montserrat', sans-serif; color: #CC0000; text-transform:uppercase;}

ul.prodotti li.noRecord {background: none; font-size:15px; font-family: 'Montserrat', sans-serif; color: #333; display:block; width:100%; text-align:center; padding:0; margin:0;}
.messaggio{font-weight: normal; font-size:18px; font-family: 'Montserrat', sans-serif; color: #494949; display:block; padding:25px 0 10px 0;}
.messaggio2{font-weight: normal; font-size:18px; font-family: 'Montserrat', sans-serif; color: #494949; display:block; padding:25px 0 10px 0;}
.messaggio_newsletter_send{font-weight: normal; font-size:14px; font-family: 'Montserrat', sans-serif; color: #494949; display:block; text-align:left;}
.messaggio_contatti{font-size:20px;color:#534c4a; margin:15px 0 10px 0; padding:0;font-family:'Montserrat', sans-serif;font-weight:300; line-height:30px;}


.alert_carrello{font-size:13px;font-family: 'Montserrat', sans-serif; }

.titError{font-size:15px; font-weight:normal; color: #CC0000;}
.noBold {font-weight: normal;}
.noUpper {text-transform:lowercase;}
.barrato, .barrato-big{ text-decoration: line-through;}


ul.colonna{width:100%; display: block; float:none; list-style:none!important; list-style-position:inside!important; margin:20px 20px 0 0!important; padding:0;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	ul.colonna{width:100%; display: inline-block; float:left; list-style:none!important; list-style-position:inside!important; margin:20px 20px 0 0!important; padding:0;}
}
ul.colonna li{text-align:left; list-style:none!important; margin:0 0 10px 0!important; padding:0;list-style-position:inside!important;}


ul.colonna_doppia{width:46%;float:left; list-style:none;  margin:0 0 50px 0; padding:0}
ul.colonna_doppia li{list-style:none;font-size:12px;}
ul.colonna_doppia li.small{width:30%; float:left;}
ul.colonna_doppia li.medium{width:64%; float:left;}

ul.colonna_doppia li div.left{width:35%;}
ul.colonna_doppia li div.right{width:60%;}

ul.due-colonne{width:48%; float:left; list-style:none!important; list-style-position:inside!important; margin:20px 0 0 0!important; padding:0;}
ul.due-colonne li{text-align:left; list-style:none!important;margin:0 0 10px 0!important; padding:0;width:100%; }

DIV.campi{margin:0 0 10px 0;}

/* elimina effetto outline da browser */
*:focus, *:active {outline:none;}
*::-moz-focus-inner {border:0;}

/* tipsy */
.tipsy { font-size: 12px; position: absolute; padding: 8px; z-index: 100000; letter-spacing:0.045em; margin-top:2px; }
.tipsy-inner { background-color: #000; color: #999; max-width: 270px; padding: 5px 10px 4px 10px; text-align: center; }
.tipsy-inner strong { color:#FFFFFF;}

/* Rounded corners */
.tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-top:0; }
/* Uncomment for shadow */
.tipsy-inner { /*box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000;*/ }
.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
/* Rules to colour arrows */
.tipsy-arrow-n { border-bottom-color: #000; }
.tipsy-arrow-s { border-top-color: #000; }
.tipsy-arrow-e { border-left-color: #000; }
.tipsy-arrow-w { border-right-color: #000; }
.tipsy-n .tipsy-arrow { top: 3px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-nw .tipsy-arrow { top: 3px; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
.tipsy-ne .tipsy-arrow { top: 3px; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
.tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }



/* clear box */
.clear { display:blmappock; clear:both;}

.rounded{-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}



section{width:100%; height:100%; display:block; position:relative;}
section.interna{width:100%; height: 100%; display:block;position:inherit;}
/*section:not(#first){padding:100px 0 0 0;}*/


.btn-home{margin:17% auto 0 auto; padding:0; list-style: none; list-style-position: inside;width:75%;width:76%\0/}
.btn-home li{margin:0; padding:0; list-style:none; list-style-position: inside; width:calc(100% / 3 - 3px);  width:33%\0/;display: inline-table;text-align:center;vertical-align:middle;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;}



@media screen and (-webkit-min-device-pixel-ratio:0) {
	.btn-home li{margin:0; padding:0; list-style:none; list-style-position: inside; width:33%;display: inline-table;text-align:center;vertical-align:middle;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;}
}

.btn-home li:hover{-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);}

.btn-home li.montagne{display:none;}
.btn-home li.montagne img{max-width:220%!important;position:relative; left:50%;-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);}
.btn-home li a{display:block;}

/*.btn-home li:nth-child(4){width:1%;}*/

.btn-home li:nth-child(5),.btn-home li:nth-child(6){width: 49%!important;}

.btn-home li img{max-width:100%;}

.btn-home-2{margin:0 auto; padding:0; list-style: none; list-style-position: inside;width:85%;}
.btn-home-2 li{margin:0; padding:0; list-style:none; list-style-position: inside; width:calc(100% / 2 - 3px); display: inline-block;text-align:center;vertical-align:middle;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;}

.btn-home-2 li:hover{-webkit-transform: scaleY(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);}

.btn-home-2 li img{max-width:100%;}


#cont-contenuti{position:absolute;width:80%; height:60%;left:0; top:50%; -webkit-transform:translate(0, -40%);
   -moz-transform: translate(0, -40%);
   -o-transform: translate(0, -40%);
   -ms-transform: translate(0, -40%);transform: translate(0, -40%);padding-left:15%}
.txt{width:45%;float:left;
	color:#000; font-size:13px;
}
.img{width:50%;height:100%;float:right;z-index:-1;position: relative;top: -10%;
	overflow: hidden;
	vertical-align:top;
	text-align:center;}
.img-slider{width:50%;height:100%;float:right;z-index:-1;position: relative;/*top: -10%;*/
	overflow: hidden;
	vertical-align:top;
	text-align:center;
}
.img img{max-width:100%;position:relative; top:50%;-webkit-transform:translate(0, -50%);
   -moz-transform: translate(0, -50%);
   -moz-transform: translate(0, -50%);
   -o-transform: translate(0, -50%);
   -ms-transform: translate(0, -50%);transform: translate(0, -50%);}
.txt-full{width:100%;}


article{max-width:89em; margin:17em auto 0 auto; width:90%;z-index: 9;position: relative;min-height:500px;}



a.scopri{font-size:13px; color:#fff; background:#b0003a; padding:10px; margin:0 0 10px 0; text-transform:uppercase; font-weight:800;display: table;}
a.scopri:hover{background:#dbc285; color:#b0003a;}

header{width:99%;position:absolute;position:relative\0/; top:30px; top:55px\0/;left:inherit\0/left:0;z-index:99;border: 1px solid transparent;margin:0 auto;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	header{width:99%;position:relative;z-index:99;border: 1px solid transparent;margin:0 auto;}
	svg.img{width:180px!important;height: 180px!important;}
}

/***** MENU UTILITIES ***/
#utilities{position:absolute;bottom:0; left:50%;display:table; padding:0;-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);width: 70%;}
#utilities li{display:inline-block;list-style: none;list-style-position: inside;width:calc(100% / 5 - 25px);margin:0 10px;padding:0;text-align: center;}

#utilities li a{display: table; -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all  0.3s;
    transition: all 0.3s;padding:0;filter: url(“data:image/svg+xml;utf8,<svg xmlns=\’http://www.w3.org/2000/svg\’><filter id=\’grayscale\’><feColorMatrix type=\’matrix\’ values=\’0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\’/></filter></svg>#grayscale”); /* Firefox 3.5+, IE10 */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
-webkit-backface-visibility: hidden; /* Fix for transition flickering */}

#utilities li a:hover{padding:0 0 15px 0;filter: none;
-webkit-filter: grayscale(0%);}

#utilities li a.attivo{padding:0;filter: none;
-webkit-filter: grayscale(0%);}

#utilities li img{max-width:100%;}

#scroll{position:absolute; bottom:30px; left:50%; margin-left:-33px;z-index:9;}
.animated {
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
} 
.bounce { 
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes bounce { 
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
	40% {-webkit-transform: translateY(-10px);} 
	60% {-webkit-transform: translateY(-5px);} 
 } 
         
 @keyframes bounce { 
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 
	40% {transform: translateY(-10px);} 
	60% {transform: translateY(-5px);} 
 }
 
 .bounce { 
	-webkit-animation-name: bounce; 
	animation-name: bounce; 
 }


.scroll-fix{background:#fff;z-index:999; -webkit-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.10);-moz-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.10);box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.10);width:100%!important; max-width:inherit; padding:20px 0 10px 0; left:0!important; margin:0; height:80px;}
.scroll-fix .logo{top:-3em;;max-width: 100px;}
.scroll-fix nav ul#menu{top:25px;}
.scroll-fix nav ul.language{top:20px;}


#mappa{width:45%;height:100%;float:right;position:absolute;z-index: -1; right:0; top:00;	z-index: 998;}


.logo{max-width:200px;position: absolute;z-index: 9999;}

@media all and (min-width:1800px){
	
	.logo{left:22em;}
}

/* MENU A TENDINA MULTIPLO */

nav {
	
	padding:0;
	text-align:center;
	position:relative;
	z-index:9999;
	/*margin:0;
	top:15px;*/
	/*max-width:73.10em; float:left;*/
}

nav ul#menu {list-style-position:inside; display:table;margin:0 auto; padding:0;text-align:center; position:relative; top:55px}

nav ul#menu li {
	margin:0 10px;
	padding:0;
	text-align:left;
	display:inline-block;
	vertical-align: middle;
	position: relative;
}


nav ul#menu li a {
	text-decoration:none;
	color:#b0003a; font-weight:800; text-transform:uppercase; text-align:left;  font-size:16px;padding:10px;-webkit-border-radius: 0 0 0px 0px;-moz-border-radius: 0 0 0 0px;border-radius: 0 0 0px 0px;
}

nav ul#menu li.attivo a {
	color: #b0003a; font-weight:800;
}
nav ul#menu li.attivo:before {
	content:""; width:20px; height:3px; background:#fff; display: inline-block; margin:0 15px 0 -35px;
}
nav ul#menu li a:hover{color:#000000;background:#fff; -webkit-box-shadow: 0px 0px 0 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 0 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 0 0px rgba(0,0,0,0.2);-webkit-border-radius: 0 0 0px 0px;-moz-border-radius: 0 0 0 0px;border-radius: 0 0 0px 0px;}

nav ul#menu li a:hover > a.dir {
color:#000000;background:#fff; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}

nav ul#menu ul {
	margin:0;
	padding:15px!important;
	display:inline-block;
	list-style: none;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 28px;
	left: 0;
	z-index:9999;
	background: rgba(255,255,255, 1);
	-webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2);
	-webkit-border-radius: 0px 20px 20px 20px;-moz-border-radius: 0px 20px 20px 20px;border-radius: 0px 20px 20px 20px;
}

nav ul#menu li:hover > ul {
	opacity: 1;
	visibility: visible;
}


nav ul#menu ul li {
	float: none;
	display: block;
	border: 0;
	margin:0 10px 0 0!important;
	padding:0!important;
	text-align:left;
}

nav ul#menu ul a {
	/*width: 130px;*/
	display: block;
	white-space: nowrap;
	float: none;
	text-transform: uppercase;
	color:#b0003a; font-size:18px; font-family: 'Caveat', cursive;
	padding:0!important;
}

nav ul#menu ul a:hover {
	background:none;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
}




/*/// NAVIGAZIONE A TENDINA MENU LANGUAGE///*/
ul.language {
	list-style:none!important;
	list-position: outside!important;
	padding:0;
	line-height:normal;
	letter-spacing:normal;
	text-align:left;
	position:absolute;
	right: 15%;
	top: 50px;
	float:right;
	margin:0;
	z-index:999;
	padding:0;
	border-left:2px solid #CCC;
}


ul.language li:hover > a.dir {color:#dbc285 !important; }



ul.language li:hover ul {
	left: 0px;
	list-style:none!important;
	list-position: outside!important;
	display: block;
}
ul.language li.over ul {
	left: 0px 
}

ul.language li{
	margin:0!important;
	padding:3px 10px!important;
	text-align:left !important;
	background:  url(../images/arrow-lang.png) scroll no-repeat 95% 60%;
	width:auto;
	display:inline-block;
	
}

ul.language li a{
	font-family: 'Caveat', cursive;color:#7d7d7d; font-size:20px;font-weight:400; padding:0 10px 0 0;
	
}
ul.language li a:hover{
	color:#7d7d7d; font-size:20px!important; text-decoration:none; background:none!important;
}

ul.language li ul{
	margin:0;
	padding:0 0 5px 0;
	z-index: 9999; 
	display: none;
	position: absolute; 
	top:27px;	
	background: rgba(255,255,255, 1);
	-webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2);
	-webkit-border-radius: 0px 20px 20px 20px;-moz-border-radius: 0px 20px 20px 20px;border-radius: 0px 20px 20px 20px;
}
ul.language li ul li  {
	background:none!important; padding:0 0 0 10px!important;
}


ul.language li ul li a{font-weight:400!important;}
ul.language li ul li a:hover{
	color:#34363c; font-weight:400!important;
}

ul.language li ul li a.selected{
	color:#34363c;
}


aside{float:left; width:45%;}

.left{float:left;width:50%}
.right{float:right;width:50%}
.barra{border-right:4px solid #beb9b7}
.barraDett{border-right:4px solid #beb9b7}

.right h5{font-size:17px; color:#534c4a;margin:0 0 15px 0;font-weight:400; padding:0;font-family: 'Montserrat', sans-serif; text-transform: lowercase!important;}
.right h5 p:first-letter{text-transform:uppercase;}


.dettRight{width:48%;}
.inputStepper{float:left; margin:10px;}


ul.elenco, .content ul{list-style:disc; list-style-position:inside;margin:30px 0;}
ul.elenco li, ul.elenco-files li, .content ul li{vertical-align:top; list-style-position:inside; font-size:20px;}
ul.elenco-files{list-style:none; list-style-position:inside;margin:40px 0 0 0; padding:0}

ul.elenco-gen{list-style:none; list-style-position:outside;margin:45px 0;}
ul.elenco-gen li{vertical-align:top;list-style:none; list-style-position:outside; padding:0; margin:0;width:calc(100% / 4 - 10px); display:inline-block; position:relative;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	ul.elenco-gen li{vertical-align:top;list-style:none; list-style-position:outside; padding:0; margin:0;width:25%; display:inline-block; position:relative;}
}

.g-recaptcha{float:left;}



.btn{background:#Montserrat; color:#fff;font-size: 20px; font-weight:700;margin:15px 0; padding:10px;-webkit-border-radius: 10px;  -moz-border-radius: 10px; border-radius: 10px; }


.slicknav_menu{display:none;}

div.paragrafi{ position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align:center!important;width:100%;}
div.paragrafi ul{padding:0; margin:30px 0 0 0; list-style:none; list-style-position:inside;}
div.paragrafi ul li{list-style:none; list-style-position:inside; color:#fff; font-size:15px; font-weight:200; text-align:center; margin:0}
div.paragrafi ul li:after{content:url(images/ico-paragrafi.png); display:block; padding:20px 0}
div.paragrafi ul li:last-child:after{content:"";padding:0}

footer{width:90%; margin:60px auto;color:#000; font-size:12px; text-align:center; font-weight:300}
footer a{color:#000; font-weight:400}
footer a:hover{color:#Montserrat;}


#popup-home{max-width:50em;}
#popup-home img{max-width:100%;}

.previous, .next{ color:#b0003a!important; padding:10px; margin:10px 0 25px 0; font-family:'Montserrat', sans-serif; font-weigh:800; font-size:11px; text-transform:uppercase; border:1px solid #b0003a;}

.previousDisab, .nextDisab{border:1px solid #CCC;padding:10px;color:#CCC;margin:10px 0 25px 0; font-family:'Montserrat', sans-serif; font-weigh:800; text-transform: uppercase;  font-size:11px;}

.previous:hover, .next:hover{border:1px solid #dbc285; color:#dbc285!important;}

.previous, .previousDisab,.next, .nextDisab{float:left;}
.previous, .previousDisab{margin-right:10px;}



.separatore{height: 1px; background: #fff;width:70%; margin:20px auto 40px auto;}

a.more{font-size:20px; font-weigth:900; margin:20px auto; display:block; text-align:center; color:#fbcdaf; text-transform:lowercase;}
a.more:hover{color:#fff;}

.tabella td{border-collapse: collapse; border-bottom:1px solid #CCC; padding:3px 0; font-weight: 300}
.tabella td strong{font-weight: 700}


@media all and (max-width:480px){
	ul.colonna_doppia{width:100%;float:none;}
	ul.colonna_doppia li{text-align: center;}
	
	.btn-home li:nth-child(5) img{left:25%!important;-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);}
		
	.img{min-height: inherit!important}
}


@media all and (max-width:1024px) and (orientation: portrait){
	
	.txt{float:none; width:90%!important; margin:0 auto; position:static}
	.img{float:none; width:90%; min-height:250px; top:55%;}
	
	section{position: static;margin: 35px auto!important;}
	.btn-home{margin: 12em auto 50px auto!important;}
	.btn-home li{width:100%!important;text-align:center;overflow: hidden;}
	.btn-home li:nth-child(5) img, .btn-home li:nth-child(6) img{max-width:170%!important;position:relative;}
	
		.btn-home li:nth-child(6) img{left:10%;translate(-10%, 0);
	-moz-transform: translate(-10%, 0);
	-o-transform: translate(-10%, 0);
	-ms-transform: translate(-10%, 0);
	transform: translate(-10%, 0);}

		.txt{float:none; width:95%!important; margin:0 auto; position:static;-webkit-transform: translate(0, 0);
	-moz-transform: translate(0,0);
	-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);}
		.img,.img-slider{float:none; width:95%; min-height:250px;position:static;background-position:center center!important;margin: 0 auto;-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);}

		.btn-home li:hover{-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);}
	
	section#first{background:none!important;}


	#scroll{display:none;}	
	#utilities{display:none;}
	
	section.interna{margin: 12em auto 100px auto !important;}
	h1{font-size:35px;}
	
	.btn-home li.montagne{display:block;}
	
	.btn-home li:nth-child(5) img{left:50%;-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0)!important;}
	
}

@media all and (max-width:768px){
	.btn-home li{width:100%!important;text-align:center;overflow: hidden;}
	.btn-home li:nth-child(5) img, .btn-home li:nth-child(6) img{max-width:170%!important;position:relative;}
	.btn-home li:nth-child(5), .btn-home li:nth-child(6){width:100%!important}
	
	.btn-home{margin:12em auto 100px auto;}
	
	.previous, .previousDisab,.next, .nextDisab{float:none;}
	.previous, .previousDisab{margin:10px 0!important;display:block;}
	.next, .nextDisab{margin:0 0 35px 0!important;display:block;}
	
	.btn-home li:nth-child(5) img{left: 50%;-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
		transform: translate(-50%, 0);}
	.g-recaptcha{transform:scale(0.70);transform-origin:0 0;-webkit-transform:scale(0.70);-webkit-transform-origin:0 0;-moz-transform:scale(0.70);-moz-transform-origin:0 0;-o-transform:scale(0.70);-o-transform-origin:0 0;-ms-transform:scale(0.70);-ms-transform-origin:0 0;}
}

@media all and (max-width:970px){
	nav ul#menu{display:none!important}
	.slicknav_menu { display:block;z-index:9999}
	.logo{left:50%!important;-webkit-transform: translate(-50%,-10%);
	-moz-transform: translate(-50%, -10%);
	-o-transform: translate(-50%,-10%);
	-ms-transform: translate(-50%,-10%);
	transform: translate(-50%,-10%);
	}
	
}
@media all and (max-width:640px){
	.btn-home{margin:10em auto 50px auto!important;}
	.btn-home li:nth-child(5) img{    left: 50%;
    -webkit-transform: translate(-30%, 0);
    -moz-transform: translate(-30%, 0);
    -o-transform: translate(-30%, 0);
    -ms-transform: translate(-30%, 0);
    transform: translate(-50%, 0)!important;
}
}
@media all and (max-width:1024px){

		.btn-home{margin:45% auto 0 auto;}
		.btn-home li{width:calc(100% / 2 - 3px);overflow: hidden;}
		/*.btn-home li:nth-child(4){display:none;}*/
		/*.btn-home li:nth-child(5) img,.btn-home li:nth-child(6) img{max-width:100%;}*/
		.btn-home li:nth-child(6){margin-left:0;}
	.btn-home li:nth-child(5) img,.btn-home li:nth-child(6) img{max-width:150%;}
	
	.scroll-fix .logo{top:-2em;}
	
	.scroll-fix ul.language{top:3px!important}
	
	article{margin:12em auto 0 auto;}

	
	#mappa{width:100%; display:block;float:none;height:350px; margin:50px auto;-webkit-transform: translate(0, 0); position:static;
-moz-transform: translate(0, 0%);
-o-transform: translate(0, 0%);
-ms-transform: translate(0, 0%);
transform: translate(0, 0%);}
	#formBox{width:100%!important;float:none!important;}
	#formBox form{margin:30px auto!important}
	
	header{position:relative; top:0;}
	
	.btn-home li.montagne{display:block;width:100%; overflow: hidden;}
	
	section#first{background:none!important;}
	
	
	ul.language{right:0!important; top:-30px !important;border:0;}
	
	
	
	.left{float:none!important;width:100%!important;text-align:center}
	.right{float:none!important;width:100%!important; text-align:center;margin:20px auto 0 auto;}
	
	
	footer{margin:20px auto; padding:0;}
	
	#formBox{width:100%; margin:0 auto;}
	ul.colonna li{list-style:none; width:100%; display:block; float:none;margin-left:0}
	
	ul.elenco-gen{margin:45px auto;}
	ul.elenco-gen li{width:100%; display:block; margin:0 0 15px 0;}
	
	
	
	ul.colonna{width:100%!important; float:none!important;margin: 0 auto !important;}
	
	section{position: static;margin: 35px auto!important;}
	section.interna{margin: 12em auto 100px auto !important;}
	
	.btn-home{margin:5em auto 100px auto;}
	
	/*.btn-home li:nth-child(5) img{left:50%;}
	.btn-home li:nth-child(6) img{left:10%;}*/

	.txt{float:none; width:95%!important; margin:0 auto; position:static;-webkit-transform: translate(0, 0);
-moz-transform: translate(0,0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);}
	.img, .img-slider{float:none;width:100%;min-height:450px;position:static;margin:35px auto;}
	.img img{ top:inherit!important; -webkit-transform: translate(0, 0)!important;
-moz-transform: translate(0, 0)!important;
-o-transform: translate(0, 0)!important;
-ms-transform: translate(0, 0)!important;
transform: translate(0, 0)!important;}
	
	.btn-home li:nth-child(5) img{left:50%;-webkit-transform: translate(-30%, 0);
	-moz-transform: translate(-30%, 0);
	-o-transform: translate(-30%, 0);
	-ms-transform: translate(-30%, 0);
	transform: translate(-50%, 0);}
	
	.previous, .next{ color:#b0003a!important; padding:10px;font-family:'Montserrat', sans-serif; font-weigh:700; font-size:12px; text-transform:uppercase; border:1px solid #b0003a;}

	.btn-home li:hover{-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);}
	
	#scroll{display:none;}
	#utilities{display:none;}

	h1{font-size:30px;}
	
	#cont-contenuti{padding-left:0!important;position:static;height:auto; -webkit-transform: translate(0, 0)!important;
-moz-transform: translate(0, 0)!important;
-o-transform: translate(0, 0)!important;
-ms-transform: translate(0, 0)!important;
transform: translate(0, 0)!important;}
	
	
}



@media all and (max-width:1100px){
	nav ul#menu li{margin:0 5px;}
	nav ul#menu li a{font-size:14px;padding:5px;}
	nav ul#menu {top:70px;}
	
	.btn-home{width:100%;}
	/*#utilities{width:95%;}*/
	a.scopri{padding:7px;}
	
	.scroll-fix{height:60px;}
	.scroll-fix .logo{max-width:80px;}	
	.scroll-fix nav ul.language{top:10px;}
}



@media all and (max-height:980px){
	.utilities-interna > #utilities{-webkit-transform: translate(-5%, 0);
-moz-transform: translate(-5%, 0);
-o-transform: translate(-5%, 0);
-ms-transform: translate(-5%, 0);
		transform: translate(-5%, 0);width:50%}
	#utilities li{width: calc(100% / 5 - 4px);margin:0;}

	
}
	
@media all and (max-width:1440px) and (max-height:900px){
	
	.utilities-interna > #utilities{-webkit-transform: translate(-5%, 0);
-moz-transform: translate(-5%, 0);
-o-transform: translate(-5%, 0);
-ms-transform: translate(-5%, 0);
transform: translate(-5%, 0);}

	
	
	a.scopri{padding:7px;}
	
	.scroll-fix{height:75px;}	
	.scroll-fix .logo{max-width:80px;}	
	
	.txt{left:3%;top:55%;}
	
	H1{font-size: 30px;}
	H2{font-size: 25px;margin: 0 0 15px 0;}
	.txt{font-size: 12px;}
	p{margin: 0;}
	.tabella{margin:10px 0;}
	.previous, .next{margin-bottom:10px;}

}

@media all and (max-width:1500px){
	header{top:0}
	ul.language{right:1.5em;}
	.txt{left:3%;}
	.logo{max-width: 160px;}
	.logo{left:0.5em;}
	#cont-contenuti{padding-left:2%;width: 96%;margin: 0 auto;}
	
}

@media all and (max-width:1700px){
	nav ul#menu li a{font-size:14px; padding:5px;}
}


.selectable .selected { /*background: #CCC;*/ color: #acc6d4; }
.selectable { list-style-type: none; margin: 0; padding: 0; width:100%; }
.selectable li { margin: 0 0; padding: 0.4em 0; font-size:13px; min-height:35px; border-bottom: 2px dotted #EBEBEB; color:#222; }
.selectable li:first-child { /*border-top: 2px solid #EBEBEB;*/}
.selectable li img{margin:0 10px;}

.selectable li label{padding: 0.4em; height:35px; width:98%;}


						
#formBox{min-height:700px;text-align: left;display:block;width:49%;float:left;}

#cookiesDir h3{margin:15px 0 5px 0;}
#cookiesDir ul
{
    list-style: initial;
    list-style-position: inside;
    padding: 10px;
}
