body {
    margin:0px;
}

/* per i link */
a.lightbox, a.lightbox > img {
    /*display:inline-block;*/
    border:0px;
    margin:0px;
    padding:0px;
}

#Lightbox {
    position:absolute;
    /*background:rgba(0,0,0,0.5);*/
    background:url('/lightbox/opacity-lighter.png');
    text-align:center;
    z-index:10000; /* il lightbox ha z-index = 10000 */
    max-width:100%;
}

#Lightbox .contenitore {
    position:relative;
    display:inline-block;
    background-color:white;
    padding:5px;
    margin-top:20px; /* nota: è stato spostato nel js. al momento è 20px + scroll browser */

    /*max-height:80%;*/
    /*min-width:132px;
    min-height:132px;*/
}
#Lightbox .contenitore img {
    margin:0 auto;
    border:0px;
}

#Lightbox .contenitore .caricamento{
    border:solid 10px white;
    border-radius:8px;
    margin:50px;
}
#Lightbox .contenitore .immagine{
    max-width:100%;
    display:block;
}

#Lightbox .contenitore > .metaSinistra {
    position:absolute;
    z-index:10001;
    display:block;
    top:0; bottom:0;
    left:0; width:60px;
    background:url('/lightbox/opacity-empty.png') center repeat;
}
#Lightbox .contenitore > .metaDestra {
    position:absolute;
    z-index:10001;
    display:block;
    top:0; bottom:0;
    width:60px; right:0;
    background:url('/lightbox/opacity-empty.png') center repeat;
}
#Lightbox .contenitore > .metaSinistra:hover {
    background-color:white;
    background-image: url('/lightbox/prev.png');
    background-repeat: no-repeat;
    background-position: left center;
    /* IE8 ignora la prossima riga */
    background:url('/lightbox/opacity-empty.png') center repeat,
               url('/lightbox/prev.png') left center no-repeat;
    cursor:pointer;
}
#Lightbox .contenitore > .metaDestra:hover {
    background-color:white;
    background-image: url('/lightbox/next.png');
    background-repeat: no-repeat;
    background-position: right center;
    /* IE8 ignora la prossima riga */
    background:url('/lightbox/opacity-empty.png') center repeat,
               url('/lightbox/next.png') right center no-repeat;
    cursor:pointer;
    /*background-color:rgba(250,250,250,0.5);*/
}

/*#Lightbox .contenitore > .descrizioneFooter {
    text-align:left;
}*/

.animazione_contenitore {
    animation:animazione_contenitore 1000ms forwards; -webkit-animation:animazione_contenitore 1000ms forwards;
}
@keyframes animazione_contenitore{
    0% { max-width:10%; }
    100% { max-width: 80%; }
}@-webkit-keyframes animazione_contenitore{
    0% { max-width:10%; }
    100% { max-width: 80%; }
}