BODY
{
    FONT-SIZE: 18px;
    COLOR: 967F71;
    LINE-HEIGHT: 15pt;
    FONT-FAMILY: 'Arial Narrow';
    SCROLLBAR-BASE-COLOR: #FFFFFF;
    SCROLLBAR-ARROW-COLOR: 663300;
    SCROLLBAR-FACE-COLOR: #FFFFFF;      
    SCROLLBAR-DARKSHADOW-COLOR: 663300;
    SCROLLBAR-SHADOW-COLOR: #FFFFFF;           
    TEXT-ALIGN: justify;
    MARGIN-LEFT: 0,5%; 
    MARGIN-RIGHT: 0,5%;
    MARGIN-BOTTOM:20px;
    BACKGROUND-ATTACHMENT: fixed;
    BACKGROUND-REPEAT: repeat;
    BACKGROUND-POSITION: 35% center;
 }
TABLE
{
    FONT-SIZE: 11px;
    FONT-COLOR: #967F71;
    FONT-FAMILY: 'Arial Narrow';
    TEXT-ALIGN: justify;
    WIDTH: 100%;
    ALIGN: center;
}
TABLE.piede
{
    WIDTH: 100%;
    ALIGN:center;
    FONT-SIZE:13px;
    COLOR: #967F71;
    MARGIN-TOP: 10px;
}

TR.titolo
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    TEXT-ALIGN: center;
    COLSPAN: 5;
}
TR.piede
{
    FONT-SIZE: 14px;
    TEXT-ALIGN: justify;
    COLSPAN: 5;
}
DIV.percorso
{
    FONT-SIZE: 12px;
    TEXT-ALIGN: justify;
    COLOR: 967F71;
    MARGIN-LEFT: 3%;
    FONT-WEIGHT: bold;
    font-variant:small-caps;
}
DIV.titolo
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 20px;
    TEXT-ALIGN: center;
    COLOR: 967F71;
}
DIV.descrizione
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 18px;
    TEXT-ALIGN: justify;
    COLOR: 967F71;
    MARGIN-LEFT: 10px;
    MARGIN-RIGHT: 0px;
    LINE-HEIGHT: 30px;
}
DIV.testo
{
    FONT-SIZE:18px;
    LINE-HEIGHT: 30px;
    MARGIN-LEFT: 12px;
    COLOR: 967F71;
    MARGIN-RIGHT: 0px;
    TEXT-ALIGN: justify;
}
.zoom_o, .zoom2_o {
    width: 320px;
    height:200px;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    border:0;
    MARGIN-TOP: 3%; 
    MARGIN-RIGHT:0%; 
    MARGIN-LEFT: 0%; 
    MARGIN-BOTTOM:0%;
}

.zoom_v, .zoom2_v {
    width: 200px;
    height:320px;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    border:0;
    MARGIN-TOP: 3%; 
    MARGIN-RIGHT:0%; 
    MARGIN-LEFT: 0%; 
    MARGIN-BOTTOM:0%;
}

.zoom_o img, .zoom_v img, .zoom2_o img, .zoom2_v img{
    width: 100%;
    height:100%;
    border-radius: 6px;
    transition: transform;
    transition-duration: 2s;
}

.zoom_o:hover img, .zoom_v:hover img {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    transform: scale(1.5);
}
.zoom2_o:hover img, .zoom2_v:hover img {
    MARGIN-TOP: -3%; 
    vertical-align:top;
    width: 100%;
    height:96%;
    border-radius: 6px;
    transform: scale(0.9);
}

.fronte{
    display: inline-block;
    width: 320px;
    height:200px;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    border:0;
    MARGIN-TOP: 3%; 
    MARGIN-RIGHT:0%; 
    MARGIN-LEFT: 0%; 
    MARGIN-BOTTOM:0%;
}
.retro{
    display: none;
    width: 320px;
    height:200px;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    border:0;
    MARGIN-TOP: 3%; 
    MARGIN-RIGHT:0%; 
    MARGIN-LEFT: 0%; 
    MARGIN-BOTTOM:0%;
}
.fronte img, .retro img{
    width: 100%;
    height: 100%;
    border-radius: 6px;
    transition: display 2s ease-in-out;
}
IMG.creazioni{
   width: 290px;
   height:160px;
   border: 0;
   MARGIN-TOP: 4%; 
   border-radius: 6px;
}
#cambioimmagine {
}
#cambioimmagine:hover .fronte {
     display: none;
}
#cambioimmagine:hover .retro {
     display: inline-block;
 }

.video{
    width: 200px;
    height: 320px;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    border:0;
    MARGIN-TOP: 3%; 
    MARGIN-RIGHT:0%; 
    MARGIN-LEFT: 0%; 
    MARGIN-BOTTOM:0%;
}

A
{
    TEXT-DECORATION: none;
}
A:link
{
    COLOR: #967F71;
}
A:visited
{
    COLOR:  #967F71;
}
A:hover
{
    COLOR: #615147;
}
A:active
{
    COLOR: #615147;
}
