/* inizio dissolvenza pagine */

body {
animation: fadein 6s;
-moz-animation: fadein 6s; /* Firefox */
-webkit-animation: fadein 6s; /* Safari and Chrome */
-o-animation: fadein 6s; /* Opera */
}

@keyframes fadein {
from { opacity:0; }
to { opacity:1; }
}

@-moz-keyframes fadein { /* Firefox */
from { opacity:0; }
to { opacity:1; }
}

@-webkit-keyframes fadein { /* Safari and Chrome */
from { opacity:0; }
to { opacity:1; }
}

@-o-keyframes fadein { /* Opera */
from { opacity:0; }
to { opacity: 1; }
}

/* fine dissolvenza pagine */

/* inizio classe tabelle e celle parallelo */

table.parallelo001 td { width: 100%; height: auto; background: url(parallelo001.jpg) center center; background-attachment: fixed; background-size: cover; }
table.parallelo002 td { width: 100%; height: auto; background: url(parallelo002.jpg) center center; background-attachment: fixed; background-size: cover; }
table.parallelo003 td { width: 100%; height: auto; background: url(parallelo003.jpg) center center; background-attachment: fixed; background-size: cover; }
table.parallelo004 td { width: 100%; height: auto; background: url(parallelo004.jpg) center center; background-attachment: fixed; background-size: cover; }
table.parallelo005 td { width: 100%; height: auto; background: url(parallelo005.jpg) center center; background-attachment: fixed; background-size: cover; }
table.parallelo006 td { width: 100%; height: auto; background: url(parallelo006.jpg) center center; background-attachment: fixed; background-size: cover; }
table.parallelo007 td { width: 100%; height: auto; background: url(parallelo007.jpg) center center; background-attachment: fixed; background-size: cover; }
table.parallelo008 td { width: 100%; height: auto; background: url(parallelo008.jpg) center center; background-attachment: fixed; background-size: cover; }
table.parallelo009 td { width: 100%; height: auto; background: url(parallelo009.jpg) center center; background-attachment: fixed; background-size: cover; }
table.parallelo010 td { width: 100%; height: auto; background: url(parallelo010.jpg) center center; background-attachment: fixed; background-size: cover; }


td.parallelo001 { width: 100%; height: auto; background: url(parallelo001.jpg) center center; background-attachment: fixed; background-size: cover; }
td.parallelo002 { width: 100%; height: auto; background: url(parallelo002.jpg) center center; background-attachment: fixed; background-size: cover; }
td.parallelo003 { width: 100%; height: auto; background: url(parallelo003.jpg) center center; background-attachment: fixed; background-size: cover; }
td.parallelo004 { width: 100%; height: auto; background: url(parallelo004.jpg) center center; background-attachment: fixed; background-size: cover; }
td.parallelo005 { width: 100%; height: auto; background: url(parallelo005.jpg) center center; background-attachment: fixed; background-size: cover; }
td.parallelo006 { width: 100%; height: auto; background: url(parallelo006.jpg) center center; background-attachment: fixed; background-size: cover; }
td.parallelo007 { width: 100%; height: auto; background: url(parallelo007.jpg) center center; background-attachment: fixed; background-size: cover; }
td.parallelo008 { width: 100%; height: auto; background: url(parallelo008.jpg) center center; background-attachment: fixed; background-size: cover; }
td.parallelo009 { width: 100%; height: auto; background: url(parallelo009.jpg) center center; background-attachment: fixed; background-size: cover; }
td.parallelo010 { width: 100%; height: auto; background: url(parallelo010.jpg) center center; background-attachment: fixed; background-size: cover; }

/* fine classe tabelle e celle parallelo */


/** inizio box scorrevole corto medio e lungo **/

.boxscorrevolecorto {
    width: 100%;
    line-height: 1.2em;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}
.boxscorrevolecorto p {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 15s linear infinite;
}
.boxscorrevolecorto:hover p {
    animation-play-state: paused
}
.boxscorrevolecorto img {
min-width: 0.1em;
max-width: 15em;
width: auto;
height: auto;
min-height: 10.5em; /* altezza massima delle foto - modificabile */
max-height: 10.5em; /* altezza massima delle foto - modificabile */
display: inline-block;
border: 0px;
}

@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}


.boxscorrevolemedio {
    width: 100%;
    line-height: 1.2em;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}
.boxscorrevolemedio p {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 55s linear infinite;
}
.boxscorrevolemedio:hover p {
    animation-play-state: paused
}
.boxscorrevolemedio img {
min-width: 0.1em;
max-width: 15em;
width: auto;
height: auto;
min-height: 10.5em; /* altezza massima delle foto - modificabile */
max-height: 10.5em; /* altezza massima delle foto - modificabile */
display: inline-block;
border: 0px;
}

@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}


.boxscorrevolelungo {
    width: 100%;
    line-height: 1.2em;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}
.boxscorrevolelungo p {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 110s linear infinite;
}
.boxscorrevolelungo:hover p {
    animation-play-state: paused
}
.boxscorrevolelungo img {
min-width: 0.1em;
max-width: 15em;
width: auto;
height: auto;
min-height: 10.5em; /* altezza massima delle foto - modificabile */
max-height: 10.5em; /* altezza massima delle foto - modificabile */
display: inline-block;
border: 0px;
}

@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}

/** fine box scorrevole corto medio e lungo **/





/** inizio panorama con 10 alternative di foto con larghezza variabile **/

/* Safari and Chrome */
@-webkit-keyframes panorama001 {
	from { background-position: 0 0; }
	to { background-position: -2000em 0; }
	}
/* Firefox */
@keyframes panorama001 {
	from { background-position: 0 0; }
	to { background-position: -2000em 0; }
}
table.panorama001 td { 
	width: 100%; 
	height: 15em; 
	background-image: url(panorama001.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	background-size: cover;
	-webkit-animation: panorama001 700s linear infinite; /* Safari and Chrome */
	animation: panorama001 700s linear infinite;
}
td.panorama001 { 
	width: 100%; 
	height: 15em; 
	background-image: url(panorama001.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	background-size: cover;
	-webkit-animation: panorama001 700s linear infinite; /* Safari and Chrome */
	animation: panorama001 700s linear infinite;
}

/* Safari and Chrome */
@-webkit-keyframes panorama002 {
	from { background-position: 0 0; }
	to { background-position: -2000em 0; }
	}
/* Firefox */
@keyframes panorama002 {
	from { background-position: 0 0; }
	to { background-position: -2000em 0; }
}
table.panorama002 td { 
	width: 100%; 
	height: 15em; 
	background-image: url(panorama002.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	background-size: cover;
	-webkit-animation: panorama002 700s linear infinite; /* Safari and Chrome */
	animation: panorama002 700s linear infinite;
}
td.panorama002 { 
	width: 100%; 
	height: 15em; 
	background-image: url(panorama002.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	background-size: cover;
	-webkit-animation: panorama002 700s linear infinite; /* Safari and Chrome */
	animation: panorama002 700s linear infinite;
}

/* Safari and Chrome */
@-webkit-keyframes panorama003 {
	from { background-position: 0 0; }
	to { background-position: -2000em 0; }
	}
/* Firefox */
@keyframes panorama003 {
	from { background-position: 0 0; }
	to { background-position: -2000em 0; }
}
table.panorama003 td { 
	width: 100%; 
	height: 15em; 
	background-image: url(panorama003.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	background-size: cover;
	-webkit-animation: panorama003 700s linear infinite; /* Safari and Chrome */
	animation: panorama003 700s linear infinite;
}
td.panorama003 { 
	width: 100%; 
	height: 15em; 
	background-image: url(panorama003.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	background-size: cover;
	-webkit-animation: panorama003 700s linear infinite; /* Safari and Chrome */
	animation: panorama003 700s linear infinite;
}

/* Safari and Chrome */
@-webkit-keyframes panorama004 {
	from { background-position: 0 0; }
	to { background-position: -2000em 0; }
	}
/* Firefox */
@keyframes panorama004 {
	from { background-position: 0 0; }
	to { background-position: -2000em 0; }
}
table.panorama004 td { 
	width: 100%; 
	height: 15em; 
	background-image: url(panorama004.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	background-size: cover;
	-webkit-animation: panorama004 700s linear infinite; /* Safari and Chrome */
	animation: panorama004 700s linear infinite;
}
td.panorama004 { 
	width: 100%; 
	height: 15em; 
	background-image: url(panorama004.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	background-size: cover;
	-webkit-animation: panorama004 700s linear infinite; /* Safari and Chrome */
	animation: panorama004 700s linear infinite;
}

/* Safari and Chrome */
@-webkit-keyframes panorama005 {
	from { background-position: 0 0; }
	to { background-position: -2000em 0; }
	}
/* Firefox */
@keyframes panorama005 {
	from { background-position: 0 0; }
	to { background-position: -2000em 0; }
}
table.panorama005 td { 
	width: 100%; 
	height: 15em; 
	background-image: url(panorama005.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	background-size: cover;
	-webkit-animation: panorama005 700s linear infinite; /* Safari and Chrome */
	animation: panorama005 700s linear infinite;
}
td.panorama005 { 
	width: 100%; 
	height: 15em; 
	background-image: url(panorama005.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	background-size: cover;
	-webkit-animation: panorama005 700s linear infinite; /* Safari and Chrome */
	animation: panorama005 700s linear infinite;
}

/* Safari and Chrome */
@-webkit-keyframes panorama006 {
	from { background-position: 0 0; }
	to { background-position: -2000em 0; }
	}
/* Firefox */
@keyframes panorama006 {
	from { background-position: 0 0; }
	to { background-position: -2000em 0; }
}
table.panorama006 td { 
	width: 100%; 
	height: 15em; 
	background-image: url(panorama006.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	background-size: cover;
	-webkit-animation: panorama006 700s linear infinite; /* Safari and Chrome */
	animation: panorama006 700s linear infinite;
}
td.panorama006 { 
	width: 100%; 
	height: 15em; 
	background-image: url(panorama006.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	background-size: cover;
	-webkit-animation: panorama006 700s linear infinite; /* Safari and Chrome */
	animation: panorama006 700s linear infinite;
}

/* Safari and Chrome */
@-webkit-keyframes panorama007 {
	from { background-position: 0 0; }
	to { background-position: -2000em 0; }
	}
/* Firefox */
@keyframes panorama007 {
	from { background-position: 0 0; }
	to { background-position: -2000em 0; }
}
table.panorama007 td { 
	width: 100%; 
	height: 15em; 
	background-image: url(panorama007.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	background-size: cover;
	-webkit-animation: panorama007 700s linear infinite; /* Safari and Chrome */
	animation: panorama007 700s linear infinite;
}
td.panorama007 { 
	width: 100%; 
	height: 15em; 
	background-image: url(panorama007.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	background-size: cover;
	-webkit-animation: panorama007 700s linear infinite; /* Safari and Chrome */
	animation: panorama007 700s linear infinite;
}

/* Safari and Chrome */
@-webkit-keyframes panorama008 {
	from { background-position: 0 0; }
	to { background-position: -2000em 0; }
	}
/* Firefox */
@keyframes panorama008 {
	from { background-position: 0 0; }
	to { background-position: -2000em 0; }
}
table.panorama008 td { 
	width: 100%; 
	height: 15em; 
	background-image: url(panorama008.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	background-size: cover;
	-webkit-animation: panorama008 700s linear infinite; /* Safari and Chrome */
	animation: panorama008 700s linear infinite;
}
td.panorama008 { 
	width: 100%; 
	height: 15em; 
	background-image: url(panorama008.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	background-size: cover;
	-webkit-animation: panorama008 700s linear infinite; /* Safari and Chrome */
	animation: panorama008 700s linear infinite;
}

/* Safari and Chrome */
@-webkit-keyframes panorama009 {
	from { background-position: 0 0; }
	to { background-position: -2000em 0; }
	}
/* Firefox */
@keyframes panorama009 {
	from { background-position: 0 0; }
	to { background-position: -2000em 0; }
}
table.panorama009 td { 
	width: 100%; 
	height: 15em; 
	background-image: url(panorama009.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	background-size: cover;
	-webkit-animation: panorama009 700s linear infinite; /* Safari and Chrome */
	animation: panorama009 700s linear infinite;
}
td.panorama009 { 
	width: 100%; 
	height: 15em; 
	background-image: url(panorama009.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	background-size: cover;
	-webkit-animation: panorama009 700s linear infinite; /* Safari and Chrome */
	animation: panorama009 700s linear infinite;
}

/* Safari and Chrome */
@-webkit-keyframes panorama010 {
	from { background-position: 0 0; }
	to { background-position: -2000em 0; }
	}
/* Firefox */
@keyframes panorama010 {
	from { background-position: 0 0; }
	to { background-position: -2000em 0; }
}
table.panorama010 td { 
	width: 100%; 
	height: 15em; 
	background-image: url(panorama010.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	background-size: cover;
	-webkit-animation: panorama010 700s linear infinite; /* Safari and Chrome */
	animation: panorama010 700s linear infinite;
}
td.panorama010 { 
	width: 100%; 
	height: 15em; 
	background-image: url(panorama010.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	background-size: cover;
	-webkit-animation: panorama010 700s linear infinite; /* Safari and Chrome */
	animation: panorama010 700s linear infinite;
}

/** fine panorama con 10 alternative di foto con larghezza variabile **/







/* CSS per mobile - On screens that are 992px wide or less, the background color is blue */
@media screen and (max-width: 992px) {

/** inizio css per layout generale **/

html, body {
font-size: 1.2em !important;
}
#contenitoresito {
font-size: 1.2em !important;
}
#contenitoresito #contenutosito {
font-size: 1.2em !important;
}
#footersito {
font-size: 1.2em !important;
}

/** fine css per layout generale **/

/** inizio css per testo e link in header e footer **/

p.logodestra {
font-size: 1.3em !important;
text-align: left;
position: relative;
bottom: -35px;
overflow: auto;   /* per menu trascinabile */
white-space: nowrap;   /* per menu trascinabile */
padding: 1px;   /* per menu trascinabile */
}

p.menusinistro {
font-size: 1.3em !important;
overflow: auto;   /* per menu trascinabile */
white-space: nowrap;   /* per menu trascinabile */
padding: 1px;   /* per menu trascinabile */
}

p.menudestro {
font-size: 1.3em !important;
}

#footersito td {
display:block;   /* per piede sito mobile allineamento celle in verticale */
min-width: 100%;   /* per piede sito mobile allineamento celle in verticale */
}

p.footersinistro {
font-size: 1.2em !important;
position: relative;   /* per piede sito mobile */
text-align: center;   /* per piede sito mobile */
line-height: 2.1em;   /* per piede sito mobile */
}

p.footerdestro {
font-size: 1.2em !important;
position: relative;   /* per piede sito mobile */
text-align: center;   /* per piede sito mobile */
line-height: 2.1em;   /* per piede sito mobile */
}

/** fine css per testo e link in header e footer **/



/** inizio larghezza foto e immagini destra e sinistra per tutto il sito **/

img.logo {
display:block;
width:100%;     /* modifica999 */
height: auto;
float: left; 
padding: 0px 0px 0px 0;
padding-top: 30px;
padding-bottom: 30px;
border: 0px;
border-bottom: 3px solid;
border-image: url(lineamenumobile.gif) 4 repeat;
}

img.destra {
display:block;
min-width: 33%;
max-width: 100% !important;
width: 100% !important;
height: auto;
text-align: center;
margin-top: 0px;
margin-bottom: 30px;
margin-right: 0px;
margin-left: 0px;
border: 0px;
}

img.sinistra {
display:block;
min-width: 33%;
max-width: 100% !important;
width: 100% !important;
height: auto;
text-align: center;
margin-top: 0px;
margin-bottom: 30px;
margin-right: 0px;
margin-left: 0px;
border: 0px;

}

/** fine larghezza foto e immagini destra e sinistra per tutto il sito **/



/** inizio css per gallery zoom **/

.lineagallery {
font-size: 0.1em !important;
}

img.fotothumb {
font-size: 0.5em !important;
}

img.iconathumb {
font-size: 0.5em !important;
}

a.categoriathumb {
font-size: 0.8em !important;
}
a.categoriathumb:hover {
font-size: 0.8em !important;
}

.spaziothumb {
font-size: 1.1em !important;
}

/** fine css per gallery zoom **/


/** inizio elimina icone del menu logo sound **/

img.iconemenulogo {
display: none;
visibility: hidden;
}

/** fine elimina icone del menu logo sound **/





/** inizio css per banner cookies **/

#band-cookies{
font-size: 1.2em !important;
}

#band-cookies p{
font-size: 1.2em !important;
}

#band-cookies-info,
#band-cookies-ok{
font-size: 1.5em !important;
padding-top: 60px;
padding-bottom: 60px;
}

#band-cookies-close{
font-size: 1.5em !important;
}

/** fine css per banner cookies **/


/* inizio classe tabelle e celle cadente */

table.cadente td {
padding: 0px;
vertical-align: top;
display:block;
min-width: 100%;
padding-top: 15px;
padding-bottom: 15px;
}

table.cadente p {
padding-top: 0.2em !important;
padding-bottom: 0.2em !important;
line-height: 1.2em;
}

td.cadente {
padding: 0px;
display:block;
min-width: 100%;
padding-top: 15px;
padding-bottom: 15px;
}

td.cadente p {
padding-top: 0.2em !important;
padding-bottom: 0.2em !important;
line-height: 1.2em;
}

/* fine classe tabelle e celle cadente */




}




/* CSS per computer - On screens that are 600px wide or less, the background color is olive */
@media screen and (max-width: 978px) {


/** inizio css per layout generale **/

html, body {
font-size: 1.1em !important;
}
#contenitoresito {
font-size: 1.1em !important;
}
#contenitoresito #contenutosito {
font-size: 1.1em !important;
}
#footersito {
font-size: 1.1em !important;
}

/** fine css per layout generale **/

/** inizio css per testo e link in header e footer **/

p.logodestra {
font-size: 0.9em !important;
position: static;
text-align: right;
overflow: hidden;
}

p.menusinistro {
font-size: 0.85em !important;
overflow: hidden;
}

p.menudestro {
font-size: 0.85em !important;
}

#footersito td {
display: table-cell;   /* per piede sito mobile allineamento celle in orizzontale */
min-width: 100%;   /* per piede sito mobile allineamento celle in orizzontale */
}

p.footersinistro {
font-size: 0.8em !important;
position: relative;   /* per piede sito mobile */
text-align: left;   /* per piede sito mobile */
line-height: 1.2em;   /* per piede sito mobile */
}

p.footerdestro {
font-size: 0.8em !important;
position: relative;   /* per piede sito mobile */
text-align: right;   /* per piede sito mobile */
line-height: 1.2em;   /* per piede sito mobile */
}

/** fine css per testo e link in header e footer **/


/** inizio larghezza foto e immagini destra e sinistra per tutto il sito **/

img.logo {
display:block;
width:35%;     /* modifica999 */
height: auto;
float: left; 
padding: 0px 0px 0px 0;
border: 0px;
}

img.destra {
display:block;
min-width: 33%;   /* modifica999 - per mantenere la larghezza minima reale mettere 0.1em */
max-width: 33% !important;
width:auto !important;
height: auto;
text-align: center;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
margin-left: 3%;
float: right;
border: 0px;
}

img.sinistra {
display:block;
min-width: 33%;  /* modifica999 - per mantenere la larghezza minima reale mettere 0.1em */
max-width: 33% !important;
width:auto !important;
height: auto;
text-align: center;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 3%;
margin-left: 0px;
float: left;
border: 0px;
}

/** fine larghezza foto e immagini destra e sinistra per tutto il sito **/



/** inizio css per gallery zoom **/

.lineagallery {
font-size: 0.1em !important;
}

img.fotothumb {
font-size: 0.7em !important;
}

img.iconathumb {
font-size: 0.7em !important;
}

a.categoriathumb {
font-size: 0.8em !important;
}
a.categoriathumb:hover {
font-size: 0.8em !important;
}

.spaziothumb {
font-size: 1.1em !important;
}

/** fine css per gallery zoom **/


/** inizio riattiva icone del menu logo sound **/

img.iconemenulogo {
display: inline-block;
visibility: visible;
}

/** fine riattiva icone del menu logo sound **/





/** inizio css per banner cookies **/

#band-cookies{
font-size: 0.85em !important;
}

#band-cookies p{
font-size: 0.85em !important;
}

#band-cookies-info,
#band-cookies-ok{
font-size: 1.0em !important;
padding-top: 0px;
padding-bottom: 0px;
}

#band-cookies-close{
font-size: 0.85em !important;
}

/** fine css per banner cookies **/


/* inizio classe tabelle e celle cadente */

table.cadente td {
padding: 0px;
vertical-align: top;
display: table-cell;
min-width: 100%;
}

table.cadente p {
padding-top: 0.2em !important;
padding-bottom: 0.2em !important;
line-height: 1.2em;
}

td.cadente {
padding: 0px;
display: table-cell;
min-width: 100%;
}

td.cadente p {
padding-top: 0.2em !important;
padding-bottom: 0.2em !important;
line-height: 1.2em;
}

/* fine classe tabelle e celle cadente */



}