@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	background-image:url(./img/bg.gif);
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#container {
width:960px;
}
#content_shadow {
width:960px;
float:left;
background-image:url(./img/bg_shadow.png);
background-repeat:repeat-y;
margin-top:20px;
}
#content {
width:900px;
float:left;
margin-left:20px;
background-image:url(./img/bg_page.png);
background-position:top;
background-repeat:repeat-x;
background-color:#ebbde7;
border:1px solid #000000;
padding:9px;
}
#page {
width:878px;
float:left;
border:1px solid #ebbde7;
padding:10px;
}
#left {
width:240px;
float:left;
}
#right {
width:618px;
float:right;
text-align:justify;
}
#footer {
width:878px;
float:left;
margin-top:10px;
padding:10px;
color:#FFFFFF;
}
#footer a{
color:#FFFFFF;
text-decoration:none;
}
#right h1{
width:618px;
float:left;
font-size:18px;
font-weight:bold;
color:#ebbde7;
text-align:left;
border-bottom:1px dashed #ebbde7;
}
#right h2{
width:618px;
float:left;
font-size:14px;
font-weight:bold;
color:#000000;
text-align:left;
}

.nomi td {
border-bottom:1px dashed #ffffff;
}





/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -385px;
left: -140px; /*position where enlarged image should offset horizontally */

}



.thumbnail2{
position: relative;
z-index: 0;
}

.thumbnail2:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -195px;
left: -140px; /*position where enlarged image should offset horizontally */

}

#videoscroll {
width:600px;
float:right;
padding:9px;
text-align: center;
font-size:10px;
height:130px;
background-image:url(./img/pellicola.png);
background-repeat:repeat-x;
/*
overflow-x:scroll;
SCROLLBAR-FACE-COLOR: #a9b2c8;
SCROLLBAR-HIGHLIGHT-COLOR: #a9b2c8;
SCROLLBAR-SHADOW-COLOR: #a9b2c8;  
SCROLLBAR-3DLIGHT-COLOR: #cfd5e5;
SCROLLBAR-ARROW-COLOR: #cfd5e5;  
SCROLLBAR-TRACK-COLOR: #cfd5e5;
SCROLLBAR-DARKSHADOW-COLOR: #cfd5e5;
*/
}
#videoscroll div{
width:90px;
float:left;
padding-left:8px;
margin-top:20px;
}
#videoscroll a{
color:#000000;
text-decoration:none;
}
#videoscroll a:hover{
text-decoration:underline;
}
#videoscroll span{
width:90px;
float:left;
}
#videoshow {
width:618px;
float:right;
border:1px solid #000000;
margin-top:20px;
}
#foto_menu a{
float:left;
background-color:#0065ce;
border:1px dashed #00458c;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
padding:3px;
padding-left:10px;
padding-right:10px;
margin-bottom:10px;
margin-right:5px;
}

.album{
margin-top:20px;
}
.album img{
float:right;
margin:8px;
border:1px solid #de91d3;
}
#foto_menu {
float:left;
width:600px;
}
#foto_menu a{
float:left;
background-color:#de91d3;
border:1px dashed #753167;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
padding:3px;
padding-left:10px;
padding-right:10px;
margin-bottom:10px;
margin-right:5px;
}