/*
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }
*/
@font-face {
    font-family: 'future-earth';
    src: url('../fonts/future-earth.woff') format('woff'),
		 url('../fonts/future-earth.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
	font-family: "Open Sans", sans-serif;
	overflow-x: hidden !important;
	margin: 0;
    padding: 0;
	background:#FEFFFF}

ul,h1,h2,h3 {
	padding: 0;
	margin: 0;
	list-style: none}

h1,h2,h3 {line-height: 20px}


.cookies-modal, .privacy-modal {padding-bottom: 85px}


/* ===== linea separatrice generica; se aumento il font-size, aumentare anche il margin-top indicato nel before e nell'after ====== */

.line0000 {
  font-size: 18px;
  margin: 15px auto 10px;
  max-width: 240px;
  text-align: center;
  position: relative}
  
.line0000:before, .line0000:after {
  display: block;
  width: 40%;
  content: " ";
  margin-top: 13px;
  border: 1px solid}
  
.line0000:before {float:left}
.line0000:after {float:right}

/* =========== aspetto del bottone collassato per aprire il menù e del bottone collassato per chiudere il menù ====*/
.fa-bars {font-size: 19px; padding: 2px 4px 2px 4px; color: #010000;}
.glyphicon-remove {font-size: 18px; padding: 1px 3px 0 3px; color: #010000}

/* ========= padding fisso iniziale in alto, se esiste il modulo0005 e se voglio che sia fisso (vedi il suo valore di height), ===*/
/* ========= e pure il menù. Il secondo padding è da mettere all'inizio delle sezioni eventualmente richiamate da voci         ===*/
/* ========= di menù che siano all'interno della stessa pagina HTML                                                            ===*/
.padding-fisso-top {padding-top: 69px;}
.padding-fisso {padding-top: 152px;}

/* ========== per testi semplicemente da evidenziare ========== */
.evidenza {color: #010000; font-weight: bold}
.modal-content .evidenza {color: #010000; font-weight: bold} /* per la finestra modale della privacy */


/* ========== effetti DI BASE per tutti i links ========== */
a { 
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s}

a:visited, a:hover, a:focus {
text-decoration: none;
outline: none}

/* ========== colore che devono avere i links a siti internet o su testi all'interno di testi descrittivi ========== */
.link0000:link, .link0000:visited {
color: #8585FD;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s}

/* ========== bottone scrollToTop ========== */
.scrollToTop {
position: fixed;
right: 36px;
bottom: 19px;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
display: none;
font-size: 32px;
line-height: 45px;
font-weight: bold;
width: 48px;
height: 48px;
text-align: center;
text-decoration: none;
z-index: 9999;
color: #010000;
border: 1px solid #010000; 
background: rgba(255, 255, 255, 0.45);    
}

.scrollToTop:hover,
.scrollToTop:focus {
text-decoration: none;
outline: none}


/* ========== se nei placeholder il testo non ci sta a causa del restringimento della finestra del browser,  ========== */
/* ========== allora viene troncato e vengono messi 3 puntini(con IE 10 però non funziona)                   ========== */
/* ========== Poi, non appena si entra in un campo, il placeholder deve essere nascosto                      ========== */
input::-webkit-input-placeholder {text-overflow:ellipsis;}	/* Chrome/Opera/Safari */
input:-moz-placeholder {text-overflow:ellipsis;}			/* Firefox fino alla vers. 18 */
input::-moz-placeholder {text-overflow:ellipsis;}			/* Firefox 19+ */
input:-ms-input-placeholder {text-overflow:ellipsis;}		/* IE 10+ */
[placeholder] {text-overflow:ellipsis;}

:focus::-webkit-input-placeholder {color: transparent}
:focus::-moz-placeholder          {color: transparent}
:focus:-moz-placeholder           {color: transparent}
:focus:-ms-input-placeholder      {color: transparent}


/* ========== spaziatori ========== */
.spacer12, .spacer15, .spacer20, .spacer40, .spacer55 {
display: inline; float: left; background: #FEFFFF; width: 100%}

.spacer12 {height: 12px}
.spacer15 {height: 15px}
.spacer20 {height: 20px}
.spacer40 {height: 40px}
.spacer55 {height: 55px}



/* ========== modulo0002 (gif del preloader) ========== */
.modulo0002 {
position: fixed;
top:0;
left:0;
right:0;
bottom:0;
background:#FEFFFF; 
z-index:99999}

.modulo0002A {
width:200px;
height:200px;
position:absolute;
left:50%; /* centra in orizzontale */
top:50%; /* centra in verticale */
background-image:url(../../images/loader.gif); 
background-repeat:no-repeat;
background-position:center;
margin:-100px 0 0 -100px; /* larghezza e altezza diviso 2 */
}


/* ========== modulo0003 ========== */
.modulo0003 {
float: left;
display: inline;
width: 100%}


/* ========== modulo0005 ========== */
.modulo0005 {
display: inline;
float: left;
width: 100%;
height: 40px;
padding: 10px 30px 0 35px;
color: #EEEEEE;
background: #555555;
font-size: 13px}

.mobile0005, .mail0005 {margin-right: 15px;}
.mobile0005 i, .mail0005 i {margin-right: 10px;}

.mail0005 > a {color: #EEEEEE}

@media (max-width: 585px) {.mail0005 {display:none}}		/* 585px per Chrome */
@media (max-width: 435px) {.mobile0005 {display:none}}		/* 435px per Chrome */

.social0005 {float: right; text-align: center}

.social0005 a {
color: #FEFFFF;
display: inline-block;
width: 26px;
height: 26px;
font-size: 14px;
border-radius: 12px}

.social0005 a:hover {
width: 28px;
height: 26px;
color: #FEFFFF}

.facebook0005:hover {background: #4460ae}
.twitter0005:hover {background: #3cf}
.pinterest0005:hover {background: #c21f25}
.linkedin0005:hover {background: #007FA3}
.instagram0005:hover {background: #cd4378}
.gplus0005:hover {background: #c21f25}
.youtube0005:hover {background: #c21f25}
.email0005:hover {background: #ee4532}


/* ========== modulo0008 ========== */
.modulo0008 {position: relative; 
padding: 0;
background: #FEFFFF}

.modulo0008 .container {
display: inline-block;
margin: 20px 0 0 20px;  /* margini intorno all'hamburger o alla "x" */
position: relative;
height: 50px;
overflow: hidden;
width:100%
}

/* posizione e dimensione del contenitore che contiene l'hamburger e la "x" */
.nav-toggle{
display: block;
position: absolute;
margin-top:-3px;
width: 32px;
height: 16px;
cursor: pointer;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
z-index: 2}

/* aspetto delle tre lineette dell'hamburger */
.nav-toggle span{
display: block;
width: 100%;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
position: absolute;
-webkit-transition: .5s ease-in-out;
transition: .5s ease-in-out}

/* posizionamento, in verticale, di ciascuna delle cinque lineette dell'hamburger e loro colore */
.nav-toggle span:nth-child(1){top: 4px;
background: #FEFFFF;	
height: 4px;
-webkit-transform-origin: left center;
transform-origin: left center}

.nav-toggle span:nth-child(2){top: 8px;
background: #010000;
height: 6px;	
-webkit-transform-origin: left center;
transform-origin: left center}

.nav-toggle span:nth-child(3){top: 14px;
background: #FEFFFF;
height: 4px;
-webkit-transform-origin: left center;
transform-origin: left center}

.nav-toggle span:nth-child(4){top: 18px;
background: #010000;
height: 6px;	
-webkit-transform-origin: left center;
transform-origin: left center}

.nav-toggle span:nth-child(5){top: 24px;
background: #FEFFFF;
height: 4px;
-webkit-transform-origin: left center;
transform-origin: left center}

/* aspetto e posizionamento della "x" di chiusura (la seconda, la quarta e la quinta lineetta dell'hamburger vengono nascoste */
.nav-toggle.open span:nth-child(1){
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 3px;left: 4px}

.nav-toggle.open span:nth-child(2){opacity: 0}

.nav-toggle.open span:nth-child(3){
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 25px; left: 4px}

.nav-toggle.open span:nth-child(4){opacity: 0}
.nav-toggle.open span:nth-child(5){opacity: 0}

/* eventuale contenuto a DX nella barra */
.nav-toggle-right {text-align: right; margin: 4px 35px 0 0; color:#FEFFFF}

/* attivazione dello sfondo quando si apre il menù */
.nav-layer{
position: absolute;
top: 16px;
left: 16px;
z-index: -1;
border-radius: 50%;
-webkit-transition: 3s;
transition: 3s;
-webkit-transform: scale3d(0, 0, 0);
transform: scale3d(0, 0, 0);
	background-image: url('../../images/9001.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-size:cover;
/* background: #010000;  */
/* background: -webkit-linear-gradient(to left, #3494e6, #ec6ead); */
/* background: linear-gradient(to left, #3494e6, #ec6ead) }  */
}

.nav-layer.open{
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}

/* contenitore delle voci del menù */
.menu0008 {
width: 100%;
position: fixed;
left: 0; top: 170px; /* spazio iniziale in alto sopra tutte le voci del menù a seconda del n. di voci del menù stesso */
-webkit-transition: ease-in-out 0.25s;
transition: ease-in-out 0.25s;
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s;
visibility: hidden;
opacity: 0}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)   /* test per verificare se si sta usando IE > 10 o IE Edge */
{.menu0008{top:10px !important}}	/* !important disattiva i 4 breakpoints che seguono, che servono solo con Chrome. */

@media (max-height: 760px) {.menu0008 {top: 110px}}	/* regolare con Chrome questi 4 breakpoints a seconda del numero delle voci del menù */
@media (max-height: 480px) {.menu0008 {top: 80px}}
@media (max-height: 280px) {.menu0008 {top: 60px}}
@media (max-height: 220px) {.menu0008 {top: 50px}}

/* effetto all'attivazione del menù */
.menu0008.open{
visibility: visible;
opacity: 1;
-webkit-transition: ease-in-out 0.5s;
transition: ease-in-out 0.5s;
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
z-index: 1}	 

/* aspetto delle voci del menù */	
.menu0008 a {color: #FEFFFF;  		 	/* colore delle voci del menù */
text-decoration: none}
.menu0008 ul{list-style: none}
.menu0008 a:hover {color:#FEFFFF}		/* colore delle voci del menù quando ci si passa sopra */
.menu0008 li:hover{
border-left: 3px solid #FEFFFF;
border-right: 3px solid #FEFFFF}

.menu0008 {
font-family: "future-earth", "Open Sans", sans-serif;
font-size: 3.5vh;
line-height:8vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: -50}

@media (max-width: 360px) {.menu0008 {font-size: 2vh}} /* serve per IE */



/* ========== modulo0010 ========== */
.modulo0010 {
padding: 0; 
background-repeat:no-repeat; 
background-size:cover}

.modulo0010A {
height:48vw; 
background: rgba(255, 255, 255, 1)}

.modulo0010B {
background-repeat:no-repeat;
background-size:cover;
height:48vw; 
background: rgba(255, 255, 255, 0)}

.modulo0010C {
background-repeat:no-repeat;
background-size:100%;
height:50vw; 
background: rgba(255, 255, 255, 0)}



/* ========== modulo0015 ========== */
#modulo0015 { 
display: table;
position: relative;
width: 100%;
max-width: 100%;
max-height:4000px;
margin:0 auto 0 auto;
/* reset box-sizing (to boostrap friendly) */
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-o-box-sizing: content-box;
box-sizing: content-box}

#modulo0015 .ws_images {
position: relative;
left:0;
top:0;
height:100%;
max-height:4000px;
max-width: 100%;
vertical-align: top;
border:none}

#modulo0015 .ws_images ul {
position:relative;
width: 10000%; 
height:100%;
left:0;
list-style:none;
margin:0;
padding:0;
border-spacing:0;
overflow: visible;
/*table-layout:fixed;*/
}

#modulo0015 .ws_images ul li{
position: relative;
width:1%;
height:100%;
line-height:0; /*opera*/
overflow: hidden;
float:left;
padding:0 !important;
margin:0 !important}

#modulo0015 .ws_images ul a {
width:100%;
height:100%;
max-height:4000px;
display:block;
color:transparent}

#modulo0015 img {max-width: none !important}

#modulo0015 .ws_images > div > img {max-height:4000px}

#modulo0015 .ws_images iframe {position: absolute;z-index: -1}

#modulo0015 .ws_images .ws_list img,
#modulo0015 .ws_images > div > img {
width:100%;
border:none 0;
max-width: none;
padding:0;
margin:0}

.title0015 {
display: block;
margin: 16vw 0px 1vw 0px;
font-size: 2.3vw;
text-align:center;
letter-spacing: 0.5px;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
color:#FEFFFF;
background: none;
opacity: 1}

.descr0015 {
display: block;
font-size: 1.3vw;
font-family: "future-earth", "Open Sans", sans-serif;
text-align:center;
letter-spacing: 0.5px;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
color: #FEFFFF;
background: none;
opacity: 1}


#modulo0015 .ws-title > div {display: inline-block !important}

/* prevent some of users reset styles */
#modulo0015 .ws_effect {
position: static;
width: 100%;
height: 100%}

#modulo0015.ws_gestures {
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABwSURBVEjH7ZJBEsAgCAMT/v/n9NCOSqe2oD2yNx1JggB4BCEFWyFASP2KMQE7ywWhe/tTRGCGogLk02tFctiW/SUgaMyQG4PdPzDn31rQbMb8FiAXgvsEJNax1yVlVGAjA93apP3HFhZTGIqiKH7iADB6HxPlHdNVAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE0LTA3LTA3VDEzOjQ5OjEwKzAyOjAwm7WiFAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNC0wNy0wN1QxMzo0OToxMCswMjowMOroGqgAAAAASUVORK5CYII="), move;
}
#modulo0015.ws_gestures.ws_grabbing {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABaSURBVEjH7ZMxCkAhDEOT8u9/5TpJ+xWkFse8IYutJgEB8RCHL1qCc90BEFnT6QH7mwgFHBUf8wJyS1TDLuc3vmighx37LZdIth3E5hKj9n6O0HRh+oJCiFcMxRUUDxR1CTMAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMDctMDdUMTM6NDk6MzgrMDI6MDDqf+sOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTA3LTA3VDEzOjQ5OjM4KzAyOjAwmyJTsgAAAABJRU5ErkJggg=="), move;
}

/* bullets */
#modulo0015 .ws_bullets { 
float: left;
position:relative;
bottom:30px;
left:50%;
z-index:10}

#modulo0015 .ws_bullets div {
position:relative;
float:left;
left:-50%;
font-size: 0}

#modulo0015 .ws_bullets a { 
position: relative;
display: inline-block;
margin: 0 3px;
padding: 8px;
width: 0;
border-radius: 50%;
background: rgba(0, 0, 0, 0);
-webkit-box-shadow: inset 0 0 0 1px #FEFFFF;
box-shadow: inset 0 0 0 1px #FEFFFF}

/* compatibilità con gli stili Joomla */
#modulo0015 .ws_bullets a {line-height: 0;}

#modulo0015 .ws_bullets a:hover { 
background: #FEFFFF;
opacity: 0.7}

#modulo0015 .ws_bullets a.ws_selbull {
background: #FEFFFF;
-webkit-box-shadow: none;
box-shadow: none}

/* arrows */
#modulo0015 a.ws_next,
#modulo0015 a.ws_prev {
position:absolute;
z-index:10;
overflow: hidden;
width: 15%;
height: 100%;
top: 0;
opacity: .5}
	
#modulo0015 a.ws_next {
left: 85%;
cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAqFBMVEUAAAAAAAAAAAAAAADp6emampoODg4BAQEAAAAAAAC+vr4AAAAnJycAAAAAAADz8/Px8fHs7OzW1tYAAAAAAAAAAAAAAADZ2dmcnJx/f39eXl4AAADT09OJiYnNzc24uLhubm5VVVVTU1PQ0NCRkZGEhIQnJyciIiLu7u7i4uJwcHBhYWE6OjoAAADl5eXExMTBwcHBwcGpqamjo6OVlZV8fHwhISH19fVy7acrAAAAN3RSTlMAAR4E+rM+PA0b2gZPKCX+/vzvMhEIN/G0l3QL7KTn2Ypxb+q3o15L/PiUhW0T+ePi3s/IinVTJyfCOgAAAXxJREFUOMuNlel2gjAQhUMWIAiIBBBwq1Zt3bq3ef83q4JtVs7J/ZnznQy5M3MBilBIExZcxRIaIjAgr6RVS6IcZxnOI9JWtPRs3AjG9ZRLmtYxHJnXFT7BXBMmfqFdiuBmzi2abyBSyqbNhFs1aVKpPEoXGR9Qtkj/7/RgM+aDGjfQu4PFWtS1VV8X9w/0pXfkx/3pVX+RX/aFiTg77Ons4q80knTFy1jy7zO5Hs10Ese3K2nNhbYQgBsZqWRNAUCV3Le3amQjpxUCYascLRIr2YaAEtU1O0koSCKukamFjBLAcr0TuxT15LtkLwMB5gNkuH8RBgUgyMzufoVdJ5iwM7OCk28riA3uAaJu5s9YLs3yIS5+lB9j2PMsONUeSqxc2HPCcK2F2fGPW2ot1IZixXruaWkMhTlmJsdrqg/uR+IJTh5cfRXwOb3An6V1FUApL9dhe9rpzuZ+6bqu7gEgIsUkxSAj15ByjT3nIHWPZjPsoRr2UA5759/HL+WBz8c5CVTZAAAAAElFTkSuQmCC') 20 20, move;
}
#modulo0015 a.ws_prev {
left: 0;
cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAApVBMVEUAAAAAAAAAAAAAAAAJCQkAAACampomJiYAAADp6ekAAAAAAADt7e0DAwPz8/Px8fHW1tYAAAAAAAAAAAAAAADZ2dnT09O8vLyIiIh/f39eXl4AAADOzs4AAAC+vr6cnJy4uLhubm5VVVVTU1Pq6uri4uKRkZEmJibo6OjBwcGcnJyFhYVwcHBhYWE7OzsAAADExMSpqamjo6OVlZV8fHwhISH19fXdUOd4AAAANnRSTlMAAR4EPg2zThv5JQb8Ov7+7zIIKRPx7Nmll3Q35wvbtNiKcW/7+LZd+eC1oZSGbRHjz8iKdVMz+8v0AAABgklEQVQ4y42V6XKCMBSFQxJCQHZQtirUtVq1e97/0TqKQ7N2cv7BfHMvdzsAQcilRRZhHGUFdREwyMlp15JV6ieJn65I29Hc0XEz6PVzxmnee3Cmhisx8Zkkn+BSCorgZsE0WmwgEtIGzZZpFTYBlx4FdcIMSupgiunAJmZGxQ10HmC5Dtk/Ctfl4wOxXEdaX/Y7riKcj4mJxD39wDK4ctWRe/Lc8yXOcx3gFB9cP71bSNprOADgnnvXUwBQN9dxKBv4aXYIuK2Wg2ehs60LKNFyz2LHCAVFZcGxqgBZyjXMe9NzLM1A9DI9ba8mjvkRwMlf/Ow+VPdbnWiCeXB4gF+xBuRT7w7uuHSvsZpaKOaITWSaie1Z4eW48HWstIcSZkESKo+wmkgmjlBZiioayegoLsW4Ziqprpm6uMONdIpPeXHVUxhwuaSHnXwKIFeO6/1yOKdcE3Fue67WBsBZSmzk6gAJJhWaTcrW9uyNVLXmk2jNp8maZbOHotlD3uytfx+/dM7Mf8Z6jgIAAAAASUVORK5CYII=') 20 20, move;
}


#modulo0015 .ws_bulframe span {
visibility: visible;
opacity: 1;
position: absolute;
width: 0; 
height: 0; 
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #FEFFFF;
bottom:-6px;
margin-left:-2px;
left:64px}

#modulo0015 .ws-title {
position: absolute;
background: none;
font: 2.4em 'Slabo 27px', serif;
color:#FEFFFF;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
bottom: auto;
top: auto;
opacity: 1;
text-align: center;
width: 100%;
padding-left: 2%;
padding-right: 2%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
z-index: 10}

#modulo0015 .ws-title div {
margin-top: 0.5em;
font-size: 0.542em}

#modulo0015 .ws_images > ul {
animation: wsBasic 12.6s infinite;
-moz-animation: wsBasic 12.6s infinite;
-webkit-animation: wsBasic 12.6s infinite}

@keyframes wsBasic{0%{left:-0%} 18.25%{left:-0%} 33.33%{left:-100%} 51.59%{left:-100%} 66.67%{left:-200%} 84.92%{left:-200%} }
@-moz-keyframes wsBasic{0%{left:-0%} 18.25%{left:-0%} 33.33%{left:-100%} 51.59%{left:-100%} 66.67%{left:-200%} 84.92%{left:-200%} }
@-webkit-keyframes wsBasic{0%{left:-0%} 18.25%{left:-0%} 33.33%{left:-100%} 51.59%{left:-100%} 66.67%{left:-200%} 84.92%{left:-200%} }

#modulo0015 .ws_bullets a img {
text-indent:0;
display:block;
bottom:15px;
left:-64px;
visibility:hidden;
position:absolute;
   border: 1px solid #FEFFFF;
max-width:none}

#modulo0015 .ws_bullets a:hover img {
visibility:visible}

#modulo0015 .ws_bulframe div div {
height:48px;
overflow:visible;
position:relative}

#modulo0015 .ws_bulframe div {
left:0;
overflow:hidden;
position:relative;
width:128px;
background:#FEFFFF}

#modulo0015 .ws_bullets .ws_bulframe {
display:none;
bottom:17px;
margin-left:2px;
overflow:visible;
position:absolute;
cursor:pointer;
border: 1px solid #FEFFFF}

#modulo0015 .ws_bulframe div div {height: auto}

@media all and (max-width:760px) {#modulo0015 .ws_fullscreen {display: block;}}

@media all and (max-width:400px){
#modulo0015 .ws_controls,
#modulo0015 .ws_bullets
{display: none}
}


/* ========== modulo0018 ========== */
.modulo0018 {
padding: 0;
display: inline;
float: left;
width: 100%;
margin-bottom: 0}

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

.modulo0018A {
padding: 0 35px 0 35px;
position: absolute;
top: 12vw;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3)}

.image0018 {	
display: inline-block;
margin-bottom: 1vw;
width: 50vw}

.title0018 {	
color: #FEFFFF;
letter-spacing: 0.5px;
font-size: 2vw;
margin-bottom: 1vw}

.descr0018 {
color: #FEFFFF;
letter-spacing: 0.5px;
font-size: 1.3vw;
margin-bottom: 1.9vw}

.btn0018 {
color: #010000;
border: 1px solid #010000;
display: inline-block;
padding: 4px 10px;
font-size: 16px;
text-shadow: none;
border-radius: 0 4px}

@media(max-width:400px){.title0018, .descr0018 {display: none}}


/* ========== modulo0020 ========== */
#modulo0020 {
padding: 0;
float: left;
width: 100%;
position:relative;
overflow: hidden}

#show0020{display: none}

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

.image0020A {
position: absolute;
-webkit-animation: image0020A 5s forwards;  /* animation-name + animation-duration + animation-fill-mode */	
animation: image0020A 5s forwards
}

@-webkit-keyframes image0020A {from {top:16vw; left:50vw; width:0; height:0} to {top: 12vw; left:35vw; width:30.6vw; height:17vw}} 	
@keyframes image0020A {from {top:16vw; left:50vw; width:0; height:0} to {top: 12vw; left:35vw; width:30.6vw; height:17vw}} 

@media (max-width: 991px) {
@-webkit-keyframes image0020A {from {top:16vw; left:50vw; width:0; height:0} to {top: 17vw; left:35vw; width:30.6vw; height:17vw}} 	
@keyframes image0020A {from {top:16vw; left:50vw; width:0; height:0} to {top: 17vw; left:35vw; width:30.6vw; height:17vw}} 
}




.image0020B {
position: absolute;
-webkit-animation: image0020B 5s forwards;  	
animation: image0020B 5s forwards;
-webkit-animation-delay: 5s;
animation-delay: 5s;
}

@-webkit-keyframes image0020B {from {top:35vw; left:50vw; width:0; height:0} to {top: 35vw; left:28vw; width:43.2vw; height:4.8vw}} 	
@keyframes image0020B {from {top:35vw; left:50vw; width:0; height:0} to {top: 35vw; left:28vw; width:43.2vw; height:4.8vw}} 

@media (max-width: 991px) {
@-webkit-keyframes image0020B {from {top:16vw; left:50vw; width:0; height:0} to {top: 39vw; left:28vw; width:43.2.6vw; height:4.8vw}} 	
@keyframes image0020B {from {top:35vw; left:50vw; width:0; height:0} to {top: 39vw; left:28vw; width:43.2vw; height:4.8vw}} 
}



.image0020C {
position: absolute;
-webkit-animation: image0020C 5s forwards;  	
animation: image0020C 5s forwards;
-webkit-animation-delay: 8s;
animation-delay: 8s;
}

@-webkit-keyframes image0020C {from {top:45vw; left:50vw; width:0; height:0} to {top: 44vw; left:27.5vw; width:43.2vw; height:4.2vw}} 	
@keyframes image0020C {from {top:45vw; left:50vw; width:0; height:0} to {top: 44vw; left:27.5vw; width:43.2vw; height:4.2vw}} 

@media (max-width: 991px) {
@-webkit-keyframes image0020C {from {top:16vw; left:50vw; width:0; height:0} to {top: 48vw; left:35vw; width:43.2vw; height:4.2vw}} 	
@keyframes image0020C {from {top:45vw; left:50vw; width:0; height:0} to {top: 48vw; left:27.5vw; width:43.2vw; height:4.2vw}} 
}

/* ========== modulo0021 ========== */
.modulo0021 {
display: inline;
float: left;
width: 100%;
padding: 0}

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


/* ========== modulo0023 ========== */
.modulo0023 {
display: inline;
padding: 10px 35px 10px 35px;
float: left;
width: 100%;
text-align: center;    /* vale solo per l'eventuale btn0023 */
background: #FEFFFF}

.modulo0023 img {width: 100%; height: 100%; padding: 10px 0 10px 0}

.title0023 {
padding: 0 0 10px 0;
letter-spacing: 0.5px;
font-size: 20px;
line-height: 21px;
text-align: center;
color: #262626;
background: #FEFFFF;
height: auto}

@media (max-width: 480px) {.title0023 {font-size: 16px;}}

.descr0023 {
padding: 0 0 10px 0;
letter-spacing: 0.5px;
font-size: 14px;
text-align: justify;
color: #7A7A7A;
background: #FEFFFF}

.btn0023 {
color: #7A7A7A;
border: 1px solid #7A7A7A;
display: inline-block;
margin: 0 0 10px 0;
padding: 4px 10px;
font-size: 16px;
text-shadow: none;
border-radius: 0 4px}

@media (max-width: 991px) {
.spacer0023 {
display: inline; 
float: left;
width: 100%;
height: 0}}


/* ========== modulo0024 ========== */
.modulo0024 {
padding: 10px 50px 10px 50px;
display: inline;
float: left;
width: 100%;
text-align: center;    /* vale solo per l'eventuale btn0024 */
background: #FEFFFF}

.modulo0024A {margin: 0 -15px 0 -15px;}
.modulo0024A img {width: 100%; height: 100%; padding: 10px 0}

.title0024 {
padding: 0 5px 10px 5px;
letter-spacing: 0.5px;
font-size: 20px;
line-height: 21px;
text-align: center;
color: #262626;
background: #FEFFFF;
height: auto}

@media (max-width: 480px) {.title0024 {font-size: 16px}}

.descr0024 {
padding: 0 10px 10px 10px;
letter-spacing: 0.5px;
font-size: 14px;
text-align: justify;
color: #7A7A7A;
background: #FEFFFF;
height: auto}

@media (max-width: 767px) {.descr0024 {padding: 0 0 10px 0}}

.btn0024 {
color: #7A7A7A;
border: 1px solid #7A7A7A;
display: inline-block;
margin: 0 0 10px 0;
padding: 4px 10px;
font-size: 16px;
text-shadow: none;
border-radius: 0 4px}

/* ========== modulo0025 ========== */
.modulo0025 {padding: 0 20px 0 20px; background:#FEFFFF}

.single-box0025 {
background: #FEFFFF;
border: solid 1px #1a1a1a;
margin-bottom: 30px;
padding: 15px}

.title0025 {
letter-spacing: 0.5px;
font-size: 20px;
line-height: 21px;
text-align: left;
color: #262626;
background: #FEFFFF;
margin: 0 0 10px 0}

.descr0025 {
letter-spacing: 0.5px;
font-size: 14px;
text-align: justify;
color: #7A7A7A;
background: #FEFFFF;
height: auto}

.owl-wrapper {display: none; position: relative}

.owl-wrapper-outer {overflow: hidden; position: relative; width: 100%}

.owl-item {float: left}

.owl-controls {text-align: center}

/* mouse grab icon - solo con chrome */
.grabbing {cursor:url(../../images/grabbing.png) 8 8, move}

.owl-page {cursor: pointer; display: inline-block}

.owl-page span{
display: block;
margin: 5px 3px;
width: 18px;
height: 18px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
filter: Alpha(Opacity=20);/*IE7 fix*/
opacity: .2;
background: #010000}

.owl-theme .owl-page.active span, .owl-page:hover span{
filter: Alpha(Opacity=100); /*IE7 fix*/
opacity: 1}


/* ========== modulo0026 ========== */
.modulo0026 {
float: left;
width: 100%;
padding: 0 35px;
background: #FEFFFF;
text-align: center}

.title0026 {
font-family: "future-earth";
color: #010000;
letter-spacing: 0.5px;
font-size: 15px;
line-height: 32px;
margin-bottom: 10px}

.line0026 {
display: inline-block;
height: 2px;
width: 100px;
margin-bottom: 10px}

.descr0026 {
letter-spacing: 0.5px;
text-align: center;
color: #010000;
font-size: 15px;
line-height: 25px;
font-weight: bold}

@media (max-width: 480px) {
.title0026 {font-size: 15px; line-height: 28px;}
.descr0026 {line-height: 20px;}
}


/* ========== modulo0027 ========== */
.modulo0027 {
display: inline;
float: left;
width: 100%;
padding: 20px 30px;
background: #010000;
color: #FEFFFF;
letter-spacing: 0.5px;
font-size: 16px;
font-family: "future-earth";
text-align: center}

.modulo0027 img {max-width: 100%}

@media (max-width: 480px) {.modulo0027 {font-size: 15px;}}


/* ========== modulo0030 ========== */
.modulo0030 {
padding: 20px 35px 20px 35px;
display: inline;
float: left;
width: 100%;
background: #010000}

.modulo0030A {background: #010000}

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

.title0030 {
padding: 10px 0 0 0;
margin-left: -5px;
letter-spacing: 0.5px;
font-size: 20px;
line-height: 21px;
text-align: left;
color: #FEFFFF}

.descr0030 {
padding: 0;
margin-left: -5px;
letter-spacing: 0.5px;
font-size: 14px;
text-align: left;
color: #FEFFFF}
@media (max-width: 767px) {.descr0030 {padding-top:10px}}

@media (max-width: 991px) {.title0030, .descr0030 {margin-left: 0;}}
@media (max-width: 480px) {.title0030 {font-size: 16px;}}


/* ========== modulo0031 ========== */
.modulo0031 {
padding: 20px 35px 20px 35px;
display: inline;
float: left;
width: 100%;
background: #010000}

.modulo0031A {background: #010000}

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

.title0031 {
padding: 10px 25px 0 0;
margin-right: -30px;
letter-spacing: 0.5px;
font-size: 20px;
line-height: 21px;
text-align: right;
color: #FEFFFF}

.descr0031 {
padding: 0 25px 0 0;
margin-right: -30px;
letter-spacing: 0.5px;
font-size: 14px;
text-align: right;
color: #FEFFFF}
@media (max-width: 767px) {.descr0031 {padding-top:10px}}

@media (max-width: 991px) {
.title0031, .descr0031 {margin-right: -25px;}
.descr0031 {padding-bottom: 10px;}}

@media (max-width: 480px) {.title0031 {font-size: 16px;}}


/* ========== modulo0034 ========== */
.modulo0034 {
padding: 20px 25px 10px 25px;
display: inline;
float: left;
width: 100%;
background: #FEFFFF}

.modulo0034A {
padding: 0 0 0 10px;
background: #FEFFFF}

.icon0034 {
text-align: center;
font-size: 40px}

.icon0034 .circled {
background: transparent;
width: 60px;
height: 60px;
border-radius: 50%;
padding-top: 10px;   /* width (o height) - font-size della .icon0034 / 2 */
margin-bottom: 10px;
border: 0.5px solid}

.title0034 {
letter-spacing: 0.5px;
font-size: 20px;
text-align: center;
color: #262626;
padding: 0 0 10px 0}

@media (max-width: 480px) {.title0034 {font-size: 16px;}}

.descr0034 {
padding: 0 10px 10px 0;
letter-spacing: 0.5px;
font-size: 14px;
text-align: justify;
color: #7A7A7A}


/* ========== modulo0035 ========== */
.modulo0035 {
padding: 20px 25px 10px 25px;
display: inline;
float: left;
width: 100%;
background: #FEFFFF}

.modulo0035A {
padding: 0 0 0 10px;
background: #FEFFFF}

.modulo0035B {
float: left;
padding-left: 55px;
position: relative}

.icon0035 {
left: 0;
font-size: 40px;
position: absolute}

@media (max-width: 310px) {
.modulo0035B {padding-left: 0;}
.icon0035 {position: relative; display: block; text-align: center; padding-bottom: 12px}}

.title0035 {
letter-spacing: 0.5px;
font-size: 20px;
color: #262626;
padding: 0 10px 10px 0}

@media (max-width: 480px) {.title0035 {font-size: 16px;}}

.descr0035 {
letter-spacing: 0.5px;
font-size: 14px;
text-align: justify;
color: #7A7A7A;
padding: 0 10px 10px 0}


/* ========== modulo0036 ========== */
.modulo0036 {
padding: 20px 25px 10px 25px;
display: inline;
float: left;
width: 100%;
background: #FEFFFF;   
/* background-image: url('../../images/8015.jpg') */
}

.modulo0036A {
padding: 5px 15px 5px 15px;
background: #FEFFFF}

.modulo0036SX, .modulo0036DX {
margin: 0 -15px}

.border0036SX {border-right: 0.5px solid rgba(0, 0, 0, 0.2)} 
.border0036DX {border-left: 0.5px solid rgba(0, 0, 0, 0.2)} 

.title0036SX {
padding: 0 115px 0 10px;
letter-spacing: 0.5px;
font-size: 20px;
color: #262626;
text-align: right}

.title0036DX {
padding: 0 10px 0 115px;
letter-spacing: 0.5px;
font-size: 20px;
color: #262626;
text-align: left}

.descr0036SX {
padding: 5px 115px 5px 10px;
letter-spacing: 0.5px;
font-size: 14px;
text-align: justify;
color: #7A7A7A}

.descr0036DX {
padding: 5px 10px 5px 115px;
letter-spacing: 0.5px;
font-size: 14px;
text-align: justify;
color: #7A7A7A}

.icon0036SX {
font-size: 40px;
position: relative;
float:right;
padding-right: 30px;
text-align: center}

.icon0036DX {
font-size: 40px;
position: relative;
float:left;
padding-left: 30px;
text-align: center}

.icon0036SX .circled, .icon0036DX .circled {
width: 60px;
height: 60px;
border-radius: 50%;
padding: 10px 0 0 0;   /* primo padding: width (o height) - font-size / 2 */
border: 0.5px solid;
margin: 8px 0 0 0}

.line0036SX, .line0036DX {
margin: 10px 0 10px 0;
height: 0.5px;
border: 0.5px solid rgba(0, 0, 0, 0.1);
display: inline;
float: left;
width: 100%}

@media (max-width: 767px) {
.border0036SX, .border0036DX {border:0}
.title0036SX, .descr0036SX {padding: 0 80px 0 0}
.title0036DX, .descr0036DX {padding: 0 15px 0 95px}
.icon0036SX {padding-right: 0}
.icon0036DX {padding-left: 15px}
.line0036DX {display:none}
.modulo0036SX {padding-bottom: 10px; margin: 0 0 10px 0; border-bottom: 0.5px solid rgba(0, 0, 0, 0.2)}
}

@media (max-width: 480px) {.title0036SX, .title0036DX {font-size: 16px;}}

@media (max-width: 310px) {
.icon0036SX, .icon0036DX {float:none; padding: 0 0 12px 5px}
.title0036SX, .title0036DX {padding: 0 15px 0 15px; text-align: center}
.descr0036SX, .descr0036DX {padding: 5px 10px 8px 10px}}


/* ========== modulo0040 ========== */
.modulo0040 {
padding: 20px 35px 10px 35px;
display: inline;
float: left;
width: 100%;
background: #FEFFFF}

.title0040 {
padding: 0 0 10px 0;
letter-spacing: 0.5px;
font-size: 20px;
text-align: left;
color: #262626}

.descr0040 {
padding: 0 0 10px 0;
font-size: 14px;
text-align: justify;
color: #7A7A7A}


/* ========== modulo0041 ========== */
.modulo0041 {
padding: 20px 35px 10px 35px;
display: inline;
float: left;
width: 100%;
background: #FEFFFF}

.title0041 {
padding: 0 0 10px 0;
letter-spacing: 0.5px;
font-size: 20px;
text-align: left;
color: #262626}

.descr0041 {
font-size: 14px;
text-align: justify;
color: #7A7A7A;
margin: 0 0 10px -20px}


/* ========== modulo0050 ========== */
.modulo0050 {
padding: 20px 35px 20px 35px;
display: inline;
float: left;
width: 100%;
background: #FEFFFF}

.modulo0050A {
background: #DBDADA;
text-align: center}

.img-title0050 { 
font-size: 16px;
font-weight: 700;
color: #FEFFFF}

.img-subtitle0050 {
font-size: 14px;
color: #FEFFFF}

.inline-title0050 {
padding: 0 50px 7px 0;
font-size: 20px;
line-height: 24px;
color: #262626}

@media (max-width: 767px) {.inline-title0050 {padding: 0 0 7px 0;}}

.inline-subtitle0050 {
font-size: 16px;
color: #262626;
margin-bottom: 15px}

.inline-descr0050 {
letter-spacing: 0;
text-align: justify;
color: #262626;
font-size: 15px;
margin-bottom: 20px}

.btn0050 {
color: #7A7A7A;
border: 1px solid #7A7A7A;
display: inline-block;
padding: 4px 10px;
font-size: 16px;
text-shadow: none;
border-radius: 0 4px}

.spacer0050A, spacer0050B, spacer0050C, spacer0050D {     
display: inline; 
float: left;
width: 100%;
height: 0}

@media (max-width: 767px) {
.spacer0050A {height: 40px}
.spacer0050B {height: 15px}
}

@media (max-width: 767px) {.spacer0050C {margin-bottom: 20px}}

@media (max-width: 992px) {.spacer0050D {margin-bottom: 20px}}

/* ========== modulo0051 ========== */
.modulo0051 {
padding: 20px 35px 20px 35px;
display: inline;
float: left;
width: 100%;
background: #FEFFFF}

.modulo0051A {background: transparent}

.filters0051 {
letter-spacing: 1px;
font-size: 15px;
text-align: center;
padding: 5px 0 5px 0;
list-style: none;
background: #DBDADA}

.filters0051 > li {
display: inline-block;
margin: 2px 30px 0 0}

.filters0051 > li:last-child {
margin: 2px 0 0 0}

.filters0051 > li > a {color: #FEFFFF}
.filters0051 > li > a:hover {color:#999999}
.filters0051 > li > a.current {color: #010000; cursor: default}

.grid0051 {position: relative; width: 100%}

.single-item0051, .grid-sizer0051 {width: 25%}

.single-item0051.large-item0051, .single-item0051.full-item0051 {width: 50%}

.single-item0051 a {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
overflow: hidden}

.item-over0051 .single-item0051:hover a:after {
background: rgba(255, 255, 255, 0.7);
}

.single-item0051:hover .area-didasc0051 {
opacity: 1;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)}

.single-item0051 a:after {
position: absolute;
display: block;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
-moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
-o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000)}

.single-item0051 img {width: 100%; height: auto}

.area-didasc0051 {
position: absolute;
top: 100%;
width: 100%;
opacity: 0;
overflow: hidden;
z-index: 10;
text-align: center;
-webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
-moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
-o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000)}

.title0051 {
font-size: 16px;
color: #010000;
letter-spacing: 1px}

.descr0051 {
font-size: 12px;
color: #111111;
letter-spacing: 1px}

@media (max-width: 992px) {
.single-item0051, .grid-sizer0051 {width: 33.3333%}
.single-item0051.large-item0051,
.single-item0051.full-item0051 {width: 66.6666%}
}

@media (max-width: 570px) {
.filters0051 li {display: block; margin: 0 0 10px 0}
.filters0051 li:first-child {margin: 5px 0 5px 0}
.filters0051 li:last-child {margin: 0 0 5px 0}
.single-item0051, .grid-sizer0051 {width: 50%}
.single-item0051.large-item0051, .single-item0051.full-item0051 {width: 100%}
}

@media (max-width: 500px) {.single-item0051, .grid-sizer0051 {width: 100%}}


/* ========== modulo0052 ========== */
.modulo0052 {
padding: 20px 35px 20px 35px;
display: inline;
float: left;
width: 100%;
background: #FEFFFF}

.modulo0052A {background: transparent}

.filters0052 {
letter-spacing: 1px;
font-size: 15px;
text-align: center;
padding: 5px 0 5px 0;
list-style: none;
background: #DBDADA}

.filters0052 > li {
display: inline-block;
margin: 2px 30px 0 0}

.filters0052 > li > a {color: #FEFFFF}
.filters0052 > li > a:hover {color:#999999}
.filters0052 > li > a.current {color: #010000; cursor: default}
.grid0052 {position: relative; width: 100%}
.single-item0052, .grid-sizer0052 {width: 25%}
.single-item0052.large-item0052, .single-item0052.full-item0052 {width: 50%}
.single-item0052 a {position: absolute; top: 0; bottom: 0; right: 0; left: 0; overflow: hidden}

.item-over0052 .single-item0052:hover a:after {background: rgba(255, 255, 255, 0.7)}

.single-item0052:hover .area-didasc0052 {
opacity: 1;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)}

.single-item0052 a:after {
position: absolute;
display: block;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
-moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
-o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000)}

.single-item0052 img {width: 100%; height: auto}

.area-didasc0052 {
position: absolute;
top: 100%;
width: 100%;
opacity: 0;
overflow: hidden;
z-index: 10;
text-align: center;
-webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
-moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
-o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000)}

.title0052 {
font-size: 16px;
color: #010000;
letter-spacing: 1px}

.descr0052 {
font-size: 12px;
color: #111111;
letter-spacing: 1px}

@media (max-width: 767px) {
.single-item0052, .grid-sizer0052 {width: 33.3333%;}
.single-item0052.large-item0052, .single-item0052.full-item0052 {width: 100%}}

@media (max-width: 767px) {
.filters0052 li {
display: block;
margin: 0 10px 10px 0}

.filters0052 li:first-child {
margin-top: 5px}

.filters0052 li:last-child {
margin-bottom: 5px}

.single-item0052, .grid-sizer0052 {width: 50%}

.single-item0052.large-item0052,
.single-item0052.full-item0052 {width: 100%}
}

@media (max-width: 500px) {.single-item0052, .grid-sizer0052 {width: 100%}}


/* ========== modulo0053 ========== */
.modulo0053 {
padding: 0;
display: inline;
float: left;
width: 100%;
background: #FEFFFF}

.intestazione0053 {
padding: 7px 0 7px 0;
letter-spacing: 0.5px;
font-size: 15px;
text-align: center;
color: #262626;
background: #DBDADA}

.modulo0053A {margin: 0 -15px 0 -15px;}
.modulo0053A img {width: 100%; height: auto}

.single-item0053 a {
position: absolute;
top: 0; bottom: 0; right: 0; left: 0;
overflow: hidden}

.single-item0053:hover .area-didasc0053 {
opacity: 1; top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)}

.item-over0053 .single-item0053:hover a:after {
background: rgba(255, 255, 255, 0.7)}

.single-item0053 a:after {
position: absolute;
display: block;
content: "";
top: 0; left: 0; width: 100%; height: 100%;
-webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
-moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
-o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000)}

.didascalia {display:none}

.area-didasc0053 {
position: absolute;
top: 100%;
width: 100%;
opacity: 0;
overflow: hidden;
z-index: 10;
text-align: center;
-webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
-moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
-o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000)}

.title0053 {font-size: 16px; color: #010000; letter-spacing: 1px}
.descr0053 {font-size: 12px; color: #111111; letter-spacing: 1px}

@media (max-width: 400px) {.title0053 {font-size: 3.5vw;} .descr0053 {font-size: 3vw}}


/* ========== modulo0054 ========== */
.modulo0054 {
padding: 20px 35px 10px 35px;
display: inline;
float: left;
width: 100%;
background: #FEFFFF}

.intestazione0054 {
padding: 7px 0 7px 0;
letter-spacing: 0.5px;
font-size: 15px;
text-align: center;
color: #262626;
background: #DBDADA}

.modulo0054A {
margin: 0 -15px 0 -15px;
background: #FEFFFF}

.modulo0054A img {width: 100%; height: auto; padding-bottom: 10px}

.title0054 {
margin: 0 10px 0 10px;
padding: 0 0 10px 0;
letter-spacing: 0.5px;
font-size: 20px;
line-height: 21px;
text-align: center;
color: #262626}

@media (max-width: 480px) {.title0054 {font-size: 16px}}

.descr0054 {
margin: 0 10px 0 10px;
padding: 0 0 10px 0;
letter-spacing: 0.5px;
font-size: 14px;
text-align: justify;
color: #7A7A7A;
height: auto}

@media (max-width: 767px) {.title0054, .descr0054 {margin: 0}}

.single-item0054 a {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
overflow: hidden}

.area-didasc0054 {
position: absolute;
top: 100%;
width: 100%;
opacity: 0;
overflow: hidden;
z-index: 10;
text-align: center;
-webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
-moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
-o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000)}

.single-item0054:hover .area-didasc0054 {opacity: 1; top: 35%}

.item-over0054 .single-item0054:hover a:after {
background: rgba(255, 255, 255, 0.7)}

.single-item0054 a:after {
position: absolute;
display: block;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
-moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
-o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000)}

.didascalia {display:none}

.title-didasc0054 {font-size: 16px; color: #010000; letter-spacing: 1px}
.descr-didasc0054 {font-size: 12px; color: #111111; letter-spacing: 1px}

/* ========== modulo0055 ========== */
.modulo0055 {
padding: 20px 20px 10px 20px;
display: inline;
float: left;
width: 100%;
background: #FEFFFF}

.intestazione0055 {
padding: 7px 0 7px 0;
margin: 0 15px 0 15px;
letter-spacing: 0.5px;
font-size: 15px;
text-align: center;
color: #262626;
background: #DBDADA}

.title0055 {
margin: 10px 10px 0 10px;
padding: 0 0 10px 0;
letter-spacing: 0.5px;
font-size: 20px;
line-height: 21px;
text-align: center;
color: #262626}

@media (max-width: 480px) {.title0055 {font-size: 16px}}

.descr0055 {
margin: 0;
padding: 0 0 10px 0;
letter-spacing: 0.5px;
font-size: 14px;
text-align: justify;
color: #7A7A7A;
height: auto}

@media (max-width: 767px) {.descr0055 {margin: 0}}


/* ========== modulo0056 ========== */
.modulo0056 {
padding: 20px 35px 10px 35px;
display: inline;
float: left;
width: 100%;
background: #FEFFFF}

.intestazione0056 {
padding: 7px 0 7px 0;
letter-spacing: 0.5px;
font-size: 15px;
text-align: center;
color: #262626;
background: #DBDADA}

.modulo0056A {margin: 0 -15px}

.title0056 {
margin: 10px 10px 0 10px;
padding: 0 0 10px 0;
letter-spacing: 0.5px;
font-size: 20px;
line-height: 21px;
text-align: center;
color: #262626}

@media (max-width: 480px) {.title0056 {font-size: 16px}}

.descr0056 {
margin: 0 10px 0 10px;
padding: 0 0 10px 0;
letter-spacing: 0.5px;
font-size: 14px;
text-align: justify;
color: #7A7A7A;
height: auto}

@media (max-width: 767px) {.descr0056 {margin: 0}}


/* ========== modulo0058 ========== */
.modulo0058 {
padding: 20px 35px 10px 35px;
display: inline;
float: left;
width: 100%;
background: #FEFFFF}

.modulo0058A {background: #FEFFFF}

.modulo0058 img {width: 100%; height: 100%; padding-bottom: 10px}

.title0058 {
padding: 10px 0 10px 0;
margin-left: -5px;
letter-spacing: 0.5px;
font-size: 20px;
line-height: 21px;
text-align: left;
color: #262626}

.descr0058 {
padding: 0 0 10px 0;
margin-left: -5px;
letter-spacing: 0.5px;
font-size: 14px;
text-align: left;
color: #010000}

@media (max-width: 991px) {.title0058, .descr0058 {margin-left: 0}}

@media (max-width: 480px) {.title0058 {font-size: 16px}}

.single-item0058 a {
position: absolute;
top: 0;
bottom: 0;
right: 15px;
left: 15px;
overflow: hidden}

.single-item0058:hover .area-didasc0058 {
opacity: 1;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)}

.item-over0058 .single-item0058:hover a:after {background: rgba(255, 255, 255, 0.7)}

.single-item0058 a:after {
position: absolute;
display: block;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
-moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
-o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000)}

.didascalia {display:none}

.area-didasc0058 {
position: absolute;
top: 100%;
width: 100%;
opacity: 0;
overflow: hidden;
z-index: 10;
text-align: center;
-webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
-moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
-o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000)}

.title-didasc0058 {
font-size: 16px;
color: #010000;
letter-spacing: 1px}

.descr-didasc0058 {
font-size: 12px;
color: #111111;
letter-spacing: 1px}


/* ========== modulo0065 ========== */
.modulo0065 {width: 100%; height: 100%;}


/* ========== modulo0066 ========== */
.modulo0066 {position:relative}

.modulo0066A {
position: absolute;
top: 40%; 
left: 0;
width: 100%; 
text-align: center}

.title0066 {
color: #FEFFFF;
letter-spacing: 0.5px;
font-size: 2vw;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
margin-bottom: 1vw}

.descr0066 {
color: #FEFFFF;
letter-spacing: 0.5px;
font-size: 1.3vw;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
margin: 0 50px 1.9vw 50px}

.btn0066 {
color: #FEFFFF;
border: 1px solid #FEFFFF;
padding: 4px 10px;
font-size: 16px;
text-shadow: none;
border-radius: 0 4px}

@media(max-width:400px){.title0066, .descr0066 {display: none}}

/* ========== modulo0070 ========== */
.modulo0070 {
padding: 0;
display: inline;
float: left;
width: 100%;
background: #010000}

.intestazione0070 {
padding: 7px 0 7px 0;
letter-spacing: 0.5px;
font-size: 15px;
text-align: center;
color: #262626;
background: #DBDADA}

.modulo0070A {background: #010000}

/* jssor slider arrow navigator skin 05 css 
.jssora05l                  (normal)
.jssora05r                  (normal)
.jssora05l:hover            (normal mouseover)
.jssora05r:hover            (normal mouseover)
.jssora05l.jssora05ldn      (mousedown)
.jssora05r.jssora05rdn      (mousedown)
.jssora05l.jssora05lds      (disabled)
.jssora05r.jssora05rds      (disabled)
*/

.jssora05l, .jssora05r {
display: block;
position: absolute;
width: 40px; height: 40px; /* size of arrow element */
cursor: pointer;
background: url('../../images/jssor/arrows.png') no-repeat;
overflow: hidden}

.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05l.jssora05ldn { background-position: -250px -40px; }
.jssora05r.jssora05rdn { background-position: -310px -40px; }
.jssora05l.jssora05lds { background-position: -10px -40px; opacity: .3; pointer-events: none}
.jssora05r.jssora05rds { background-position: -70px -40px; opacity: .3; pointer-events: none}
 
/* jssor slider thumbnail navigator skin 01 css 
.jssort01 .p            (normal)
.jssort01 .p:hover      (normal mouseover)
.jssort01 .p.pav        (active)
.jssort01 .p.pdn        (mousedown)
*/

.jssort01 .p {
position: absolute;
top: 0;
left: 0;
width: 72px;
height: 72px}

.jssort01 .t {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none}

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

.jssort01 .c {
position: absolute;
top: 0px;
left: 0px;
width: 68px;
height: 68px;
border: #000 2px solid;
box-sizing: content-box;
background: url('../../images/jssor/evidenza.png') -800px -800px no-repeat}

.jssort01 .pav .c {
top: 2px;
left: 2px;
width: 68px;
height: 68px;
border: #000 0px solid; 
background-position: 50% 50%}

.jssort01 .p:hover .c {
top: 0px; 
left: 0px;
width: 70px;
height: 70px;
border: #fff 1px solid;
background-position: 50% 50%}

.jssort01 .p.pdn .c {
background-position: 50% 50%;
width: 68px;
height: 68px;
border: #010000 2px solid}


/* ========== modulo0080 ========== */
.modulo0080 {
padding: 0 20px 0 20px;
display: inline;
float: left;
width: 100%;
background: #FEFFFF}

.modulo0080 .panel-default {border-color: #FEFFFF}		/* BSOW */

.panel-group, .panel-group .panel {			/* BSOW */
border-radius: 0; margin: 0}

.area-title0080 {
background: #DBDADA;
overflow:hidden}

.title0080 > a {
font-size: 15px;
letter-spacing: 0.5px;
color: #010000;
display: block;
padding: 10px 15px}

.title0080 > a:hover, .title0080 > a:focus{text-decoration: none; outline: none}

.title0080 > a span {float: right; font-size: 20px; padding-left: 15px}

.content0080 {display: inline-block; padding: 10px 0 3px 0}

.content0080 .modulo0010,
.content0080 .modulo0015,
.content0080 .modulo0018,
.content0080 .modulo0020,
.content0080 .modulo0021,
.content0080 .modulo0023,
.content0080 .modulo0024,
.content0080 .modulo0026,
.content0080 .modulo0030,
.content0080 .modulo0031,
.content0080 .modulo0034,
.content0080 .modulo0035,
.content0080 .modulo0036,
.content0080 .modulo0040,
.content0080 .modulo0041,
.content0080 .modulo0050,
.content0080 .modulo0052,
.content0080 .modulo0053,
.content0080 .modulo0054,
.content0080 .modulo0055,
.content0080 .modulo0056,
.content0080 .modulo0058,
.content0080 .modulo0065,
.content0080 .modulo0066,
.content0080 .modulo0070,
.content0080 .modulo0090,
.content0080 .modulo0102
{padding: 0}


/* ========== modulo0085 ========== */
.modulo0085 {
padding: 0 35px 0 35px;
display: inline;
float: left;
width: 100%;
background: #FEFFFF}

.descr0085 {
margin-top: 10px;
text-align: justify;
font-size: 15px;
line-height: 25px;
color: #262626;
background: #FEFFFF}

.tab-content .modulo0010,
.tab-content .modulo0015,
.tab-content .modulo0018,
.tab-content .modulo0020,
.tab-content .modulo0021,
.tab-content .modulo0023,
.tab-content .modulo0024,
.tab-content .modulo0026,
.tab-content .modulo0030,
.tab-content .modulo0031,
.tab-content .modulo0034,
.tab-content .modulo0035,
.tab-content .modulo0036,
.tab-content .modulo0040,
.tab-content .modulo0041,
.tab-content .modulo0050,
.tab-content .modulo0052,
.tab-content .modulo0053,
.tab-content .modulo0054,
.tab-content .modulo0055,
.tab-content .modulo0056,
.tab-content .modulo0058,
.tab-content .modulo0065,
.tab-content .modulo0066,
.tab-content .modulo0070,
.tab-content .modulo0090,
.tab-content .modulo0102
{padding: 0}


/* ========== modulo0086 ========== */
.modulo0086 {
padding: 0 55px 0 50px;
float: left;
width: 100%;
background: #FEFFFF}

.modulo0086A {
padding: 0;
-moz-border-radius: 4px;
border-radius: 4px;
border:1px solid #DDDDDD;
/* -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); */
/* -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175); */
/* box-shadow: 0 6px 12px rgba(0,0,0,.175); */
/* opacity: 0.97; */
/* filter: alpha(opacity=97);   */
background: #FEFFFF}

.tab-menu0086 {padding: 0}

.list-group, .list-group > a {margin-bottom: 0;} 			/* BSOW */
  
.tab0086 {
z-index: 10;
text-align: left;
font-size: 15px;
line-height: 18px;
color: #262626 !important;
background: #FEFFFF;
min-width: 105px;
/* overflow: hidden; */
}

.descr0086 {
padding: 10px 0 0 10px;
text-align: justify;
font-size: 15px;
line-height: 20px;
color: #262626;
background: #FEFFFF;
overflow: hidden}

.descr0086:not(.active){display: none;}

@media (max-width: 500px) {.descr0086 {padding-left: 12px}}
@media (max-width: 480px) {.descr0086 {padding-left: 20px}}
@media (max-width: 430px) {.descr0086 {padding-left: 30px}}
@media (max-width: 410px) {.descr0086 {padding-left: 35px}}
@media (max-width: 370px) {.descr0086 {padding-left: 40px}}

@media (max-width: 340px) {
.tab0086 {font-size: 12px; overflow: hidden; padding-left: 10px}
.descr0086 {padding-left: 48px; font-size: 4vw}
}

@media (max-width: 300px) {
.tab0086 {font-size: 12px; min-width: 90px; overflow: hidden; padding-left: 5px}
.descr0086 {padding-left: 45px; font-size: 4vw}
}



/* ========== modulo0090 ========== */
.modulo0090 {
padding: 0 35px 0 35px;
display: inline;
float: left;
width: 100%;
background: #FEFFFF}

.area-title0090 {background: #DBDADA}

.title0090 {
margin-left: 6px;
font-size: 16px;
color: #010000}

.area-descr0090 {
background: #FEFFFF;
margin: 0}

.descr0090 {
padding: 4px 0;
margin:0;
font-size: 15px;
border-bottom: 1px dotted #555555}

.descr0090 img {margin-right: 10px}

@media (max-width: 280px) {.descr0090 img {display: none}}

.area-footer0090 {
padding: 10px 15px;
background: #DBDADA;
border-top: 1px solid #DBDADA;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px}


/* ========== modulo0102 ========== */
.modulo0102 {
padding: 20px 35px 20px 35px;
display: inline;
float: left;
width: 100%;
background: #FEFFFF}

.modulo0102A, .modulo0102B {
background: #FEFFFF}

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

.title0102 {
letter-spacing: 0.5px;
font-size: 20px;
line-height: 23px;
text-align: left;
color: #262626;
margin-top: 15px}

.descr0102 {
padding: 0;
letter-spacing: 0.5px;
font-size: 14px;
text-align: justify;
color: #7A7A7A}

@media (max-width: 991px) {.descr0102 {margin-top: 15px}}

.line0102 {
display: inline-block;
height: 2px;
width: 40px;
margin: 0 0 12px 0}


/* ========== modulo0310 ========== */
.modulo0310{
display: inline;
float: left;
width: 100%;
margin-bottom: -5px}


/* ========== modulo0312 ========== */
#modulo0312 { 
width: 100%; height: 450px}

/* ========== modulo0320 ========== */
.modulo0320 {
display: inline;
float: left;
width: 100%;
padding: 20px 35px;
background: #FEFFFF;
color: #010000}

.form-control {margin-bottom: 20px;}     /* BSOW */

.fileUpload {
position: relative;
overflow: hidden;
margin: 0}
	
.fileUpload input.upload {
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 0;
font-size: 50px;
cursor: pointer;
opacity: 0}

.btn0320, .btn0320A {
padding: 6px 15px;
font-size: 15px;
border-radius: 4px;
border: 1px solid #CCCCCC;
color: #010000;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s}

.btn0320A {background: #FEFFFF}	/* per il tasto "Carica" nel form */

.nota0320, .descr0320 {padding: 0; font-size: 14px; color: #010000}
.intro0320 {color: #010000; font-size: 20px; margin-bottom: 5px}

.phone0320 {margin-right: 17px}
.fax0320 {margin-right: 14px}
.mobile0320 {margin-right: 21px}
.mail0320 {margin-right: 15px}

.link0320:link, .link0320:visited {font-size: 14px; color: #8585FD}

.link0320:hover {text-decoration: none; outline: none}

.social0320 a {
display: inline-block;
float: left;
background: #FEFFFF;
border: 1px solid #CCCCCC;
color: #010000;
width: 26px;
height: 26px;
font-size: 14px;
text-align: center;
margin: 8px 5px 0 0;
padding: 3px 0 0 0;
border-radius: 4px}

.social0320 a:hover {color: #FEFFFF;}

.facebook0320:hover {background: #4460ae; border: 1px solid #4460ae}
.twitter0320:hover {background: #3cf; border: 1px solid #3cf}
.pinterest0320:hover {background: #c21f25; border: 1px solid #c21f25}
.linkedin0320:hover {background: #007FA3; border: 1px solid #007FA3}
.instagram0320:hover {background: #cd4378; border: 1px solid #cd4378}
.gplus0320:hover {background: #c21f25; border: 1px solid #c21f25}
.youtube0320:hover {background: #c21f25; border: 1px solid #c21f25}


/* ========== modulo0325 ========== */
.modulo0325 {
display: inline;
float: left;
width: 100%;
padding: 60px 20px;
/* background-attachment: fixed; disabilitato per problemi con l'ipad */
background-image: url("../../images/8800-01.jpg");
background-repeat: repeat;
background-size: cover;
text-align: center}

.title0325 {	
color: #FEFFFF;
letter-spacing: 0.5px;
font-size: 28px;
margin-bottom: 20px}

@media (max-width: 480px) {.title0325 {font-size: 5.5vw;}}

.descr0325 {
padding: 0 0 20px 0;
font-size: 14px;
color: #FEFFFF}

.recaptcha0325 {
transform: scale(0.8, 0.8); transform-origin: 0 0;
-webkit-transform: scale(0.8, 0.8); -webkit-transform-origin: 0 0}

@media (max-width: 480px) {
.recaptcha0325 {
transform: scale(0.64, 0.64); transform-origin: 0 0;
-webkit-transform: scale(0.69, 0.69); -webkit-transform-origin: 0 0}}

.btn0325 {
padding: 6px 10px;
font-size: 15px;
border-radius: 4px;
border: 1px solid #010000;
color: #010000;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s}

.modulo0325 .spacer20 {background: transparent}


/* ========== modulo0705 ========== */
.modulo0705 {
display: inline;
float: left;
padding: 16px 110px 0 35px;
width: 100%;
height: 90px;
text-align:left;
line-height: 20px;
background: #010000}

.title0705 {
font-size: 14px;
color: #FEFFFF}

.descr0705, .descr0705 > a {font-size: 12px; color: #FEFFFF}

@media (max-width: 540px) {
.modulo0705 {padding: 23px 110px 0 35px}
.title0705, .descr0705, .descr0705 > a {font-size: 2.2vw; line-height: 3.2vw;}}


/* ========== modulo0007 ========== */
.modulo0007 {
display: inline;
float: left;
width: 100%;
position: relative;
padding: 0 35px 0 20px;	
background: #FEFFFF;				/* CSS0017 */
border: 0; border-bottom: 1px solid #010000;
}

@media (max-width: 769px) {		/* CSS0002 */
.modulo0007 {padding: 0;}
.brand0007 {margin-left: 20px}}

.brand0007 {
float: left;
padding: 10px 0 0 15px;				/* CSS0008 */
}

.brand0007:hover, .brand0007:focus {text-decoration: none; outline: none}




/* ========== background parallax ========== */
.bg-parallax {
background-attachment: fixed;
background-position: center center;
background-size: cover;
background: transparent;
/* min-height: 100%; */
}

/* CSS0010 */
@media (max-width: 380px){             
.brand0007 {width: 60%; height: 60%; padding-top: 25px}}
@media (max-width: 310px){
.brand0007 {width: 50%; height: 50%; padding-top: 27px}}

.active01 {margin-top:7px; color:#6666FF; font-size: 14px}

/* ------ START BSOW ------- */

.navbar ul.nav > li > a {
text-decoration: none;
font-weight: normal;
border-top: solid 2px transparent}				/* CSS0007 */

.navbar ul.nav > li > a:hover {
border-top: solid 2px}							/* CSS0007 */

.navbar ul.nav > li.active > a,
.navbar ul.nav > li.open > a {
text-decoration: none;
border-top: solid 2px}							/* CSS0007 */

.navbar-default {
font-size: 15px;  
background: #FEFFFF; border-color: #FEFFFF;		/* CSS0012 */
margin-bottom: 0}

.navbar-default .navbar-nav > li > a {color: #010000}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
color: #FEFFFF; background: transparent}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
background: transparent}

@media (min-width: 770px) {				/* CSS0004 */
.navbar-nav {
float: left;
margin: 0;
padding: 8px 0 8px 0; }						/* CSS0006 */
.navbar-nav > li {float: left}
.navbar-nav.navbar-right:last-child {
margin-right: -15px}
}

.dropdown-menu {
z-index: 1000;
border: 1px solid #cccccc;
border-radius: 0;
padding: 0;
-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.175);
-moz-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.175);
-o-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.175);
-ms-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.175);
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.175)}

/* ========== aspetto del bottone collassato con le 3 icon-bar o con una icona o con un testo ========== */
.navbar-toggle, .navbar-text {
position: relative;
float: right;
background-image: none;
background: #FEFFFF;
border: 1px solid #010000 !important; 
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-color: #010000;
margin: 12px 35px 12px 0;					/* CSS0009 */	
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s}

.navbar-default .navbar-toggle {
border: 1px solid #010000;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0}

.navbar-text {
margin-top: 12px; margin-bottom: 13px;		/* CSS0009 */
font-size: 14px;							/* CSS0015 */
padding: 10.5px 15px;						/* CSS0016 */
color: #010000}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 335px}     						/* CSS0005 */


@media (max-width: 769px) {				/* CSS0001 */
.navbar-header {float: none}
.navbar-left,.navbar-right {float: none !important}
.navbar-toggle {display: block}
.navbar-collapse {border-top: 0; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1)}
.navbar-fixed-top {top: 0; border-width: 0 0 1px}
.navbar-collapse.collapse {display: none!important}
.navbar-nav {float: none!important; margin-top: 0; margin-bottom: 0}
.navbar-nav>li {float: none}
.navbar-nav>li>a {padding-top: 10px; padding-bottom: 10px}
.collapse.in{display:block !important}
}

/* ------ END BSOW ------- */


/* CSS0013 
@media (min-width: 769px) {
.navbar-nav {width: 83%; text-align: center}
.navbar-nav > li {float: none; display: inline-block}
.navbar-nav {margin: 0 0 0 10px}
}
*/


/* CSS0014 
@media (min-width: 769px) {
.navbar-nav {width: 100%; text-align: center}
.navbar-nav > li {float: none; display: inline-block}
.navbar-nav {margin: 0 0 0 10px}
}
*/

.sub-title0007 {
font-size: 8px;
color: red;
margin-top: 9px;
padding-bottom: 9px;
border-bottom: dotted 1px #555555}

.sub-menu0007 {
padding: 0px 20px 10px 20px;
background: #FEFFFF}

.sub-menu0007 img {padding: 10px 0}

.sub-menu0007 ul {margin: 0; padding: 0}

.sub-menu0007 ul li {
list-style-type: none;
border-bottom: solid 1px #eeeeee;
padding: 4px 0}

.sub-menu0007 ul li a {
position: relative;
color: #010000;
font-size: 14px;
left: 0;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
-ms-transition: all 0.7s ease-out;
transition: all 0.7s ease-out}

.sub-menu0007 ul li a:hover {
text-decoration: none;
background: none;
left: 2px; 
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
-ms-transition: all 0.7s ease-out;
transition: all 0.7s ease-out}

/* Yamm menù - http://geedmo.github.com/yamm3  */

.yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown {position: static}
.yamm .nav.navbar-right .dropdown-menu {left: auto; right: 0}
.yamm .dropdown.layout0007C .dropdown-menu {left: 15px;right: 0}
.yamm .dropdown.layout0007S1 .dropdown-menu {left: auto; right: auto}
.yamm .dropdown.layout0007D1 .dropdown-menu {left: auto; right: -15px}									/* CSS0011 */

@media (max-width: 769px) {					/* CSS0003 */
.yamm .dropdown.layout0007D1 .dropdown-menu {right: 0}
}

/* ------ per finestre modali con BOOTSTRAP (la centratura non è prevista con bootstrp vers. 3.3.6 ------- */

.vertical-alignment {
display:table;
height: 100%;
width: 100%;
pointer-events:none;
margin-left: 7.5px}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)   /* test per verificare se si sta usando IE > 10 o IE Edge */
{.vertical-alignment {padding:0 25px 0 7.5px; margin:0}}

.vertical-align-center {    /* To center vertically */
display: table-cell;
vertical-align: middle;
pointer-events:none}

.modal-content { 		    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
width:inherit;
max-width:inherit;			/* For Bootstrap 4 - to avoid the modal window stretching full width */
height:inherit;			    /* To center horizontally */
margin: 0 auto;
pointer-events:all}