html { height: 100% }
body { background-color: #ffffff; color:#2A2A2A; margin-left:30px; margin-top:0px; margin-bottom:0px; margin-right:0px; font-family: "Trebuchet MS", Arial; font-size:1.0em; height: 100%; background-image:url('../immagini/sf_pattern.gif'); background-repeat:repeat-y; }
/*uguale al works.css-----------------inizio----------------------*/
div, p, ul, h2 { margin: 0px; padding: 0px }
img { border-width: 0px; border: 0px }
ul{list-style-type: none}
#tot{ position:absolute; height:100%; width:970px; background-position: left top }
#menu { float:left; width: 237px }
#logo{ float:left; width:237px; height: 118px }
#Nav{ float:left; width:237px }
#Nav a, #Nav a:visited {text-decoration: none }
#Nav .img { float: left; width: 53px; height: 34px; background-color: #1e1e1e; padding-top: 20px }
#Nav .img a, , #Nav .img a:visited { text-decoration: none }
#Nav .voce{ float:left; width: 174px; height: 34px; margin-right: 10px; line-height: 28px; font-family: "Lucida Grande", Arial, "Lucida Sans Unicode"; font-size: 0.9em; color: #ddd; background-color: #1e1e1e; padding-top: 20px }
#Nav .voce a, #Nav .voce a:visited { color: #ddd; text-decoration: none }
#Nav .voce a:hover{ color: #ddd; text-decoration: none }
#Nav .vuoto{ float:left; width: 237px }
#Cont_centrale { float:left; width:713px; padding-top:0px; padding-left:20px; }
h1 { float: left; font-family: "Lucida Grande", Arial, "Lucida Sans Unicode"; font-size: 1.4em; font-weight: normal; color: #c8c8c8; padding-top: 3px }
.bold { color: #1e1e1e; font-weight: bold; font-family: "Lucida Grande", Arial; line-height: 1.8em; font-size: 1.1em }
/*uguale al works.css-----------------fine----------------------*/
#cont { float: left; width:713px; padding-bottom: 20px; padding-top: 40px; border-bottom: 1px dotted #999 }
#cont p { float: left; width:700px; font-size: 0.8em; color: #666; font-family:Arial; padding: 10px 0px; text-align: justify }
#cont .img_tot { float: left; width:713px; padding: 10px 0px }
#cont .img a{ float: left; width:160px; border: solid 5px #dddddd }
#cont .img a:hover{ float: left; width:160px; border: solid 5px #1e1e1e }
#cont .spazio { float: left; width:10px }
#cont ul { float: left; width: 685px; padding-bottom: 10px; padding-left: 15px }
#cont ul li { list-style: url(../immagini/freccia_lista.gif) outside; color: #333; font-size: 0.8em; font-family: Arial; padding: 2px 0px; text-align: justify }
#cont .riga { float: left; width: 713px; padding: 0px 0px 30px 0px }
#cont .riga_sx { float: left; width: 345px; padding-right: 10px }
#cont .descrizione { float: left; width: 345px; font-family: Arial; color: #707070; font-size: 0.8em }
h2 { float: left; width: 330px; padding-right: 10px; padding-left: 15px; background: url(../immagini/freccia_lista.gif) no-repeat; line-height: 13px; text-transform: uppercase; color: #333; font-size: 0.8em; padding-bottom: 10px; margin-top: 10px }
#cont .reel { float: left; width: 350px; padding: 0px }
#contact_us { float: left; width:197px; height: 194px; padding: 30px 0px 30px 30px; margin-right: 10px; font-size: 0.73em; color: #666; font-family:Arial; background-color: #1e1e1e; line-height: 1.2em }
#contact_us a { color: #666; text-decoration: underline }
#contact_us a:hover { color: #ddd; text-decoration: underline }
#Footer { float: left; width:713px; color:#c8c8c8; font-size:0.7em; font-family: Arial; text-align: right; padding-top: 10px; padding-bottom: 10px }
#Footer a { color: #c8c8c8; text-decoration: underline }
#Footer a:hover { color: #999; text-decoration: underline }
#cont2 { float: left; width:713px; padding-bottom: 20px; padding-top: 40px; border-bottom: 1px dotted #999 }
#cont2 .riga { float: left; width: 713px; padding: 0px 0px 40px 0px }
h3 span { font-family: Arial; color: #707070; font-size: 0.9em; text-transform: lowercase; font-weight: normal }
h3 { float: left; width: 678px; padding-right: 10px; padding-left: 25px; line-height: 18px; text-transform: uppercase; color: #333; background: url(../immagini/menu/play.gif) no-repeat; font-size: 1.0em }
h3 .subtitle { color: #333; text-transform: lowercase; font-weight: normal; font-size: 1.0em }
h3 .tipo { color: #333; text-transform: uppercase; font-weight: normal; font-size: 0.9em; margin-left: 5px }
#cont2 .reel { float: left; width: 480px; padding: 0px; z-index: 2 }
h4 { float: left; color: #1e1e1e; border-bottom: dotted 1px #999; width: 680px; padding-top: 10px; font-family: "Lucida Grande", Arial, "Lucida Sans Unicode"; margin: 0px; text-transform: uppercase; font-size: 0.9em }
.intro { float: left; padding: 10px 0px; width: 680px; font-family: Arial; color: #666; font-size: 0.8em }
#tot_preview { float: left; width: 680px; padding-bottom: 40px }
#tot_preview .preview{ float: left; width: 140px; padding-right: 30px; padding-top: 15px }
#tot_preview .img a{ float: left; width: 130px; border: solid 5px #ddd }
#tot_preview .img a:hover{ float: left; width: 130px; border: solid 5px #333 }
#tot_preview .txt{ float: left; width: 140px; color: #666; padding-top: 5px; font-family: Arial; line-height: 1.05em; height: 55px; font-size: 0.7em }
.nome { color: #999 }
.tit_nome { font-size: 1.1em; color: #333; line-height: 1.2em; font-family: "Lucida Grande", Arial, "Lucida Sans Unicode"; }