/* 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 */


/* 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 */



}