@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
body{background: #000000;font-family:Arial, Helvetica, sans-serif;font-size: 12px;background: url(../img/sfondo_home.jpg) 300px 50px no-repeat #000000;width: 6400px;position:relative;}
#topbar {width: 1280px;height: 3.8em;position:fixed;z-index:10; /* Prevents certain problems with form controls */}
#topbar #copre {position:absolute;left: 20px;top: 10px;width:600px;height:50px;display: none;}
#content {padding-top: 50px;}
#logo,
#avvisi,
#trailer,
#download,
#sinossi,
#regia,
#cast,
#produzione,
#optical_1,
#optical_2,
#optical_3,
#photogallery,
#press,
#links,
#contatti,
#news,
#fine{float:left;}
#musicPlayer{display:none;}
p.azero{position:absolute;width:200px;top:524px;left:300px;}
p.azero a{color:#999;text-decoration:none;font-size:10px;}
p.locandina{position:absolute;width:200px;top:524px;left:300px;}
/*_______________________________________________________HOME ________________________________________________*/
#logo{width:300px;height:472px;background: url(../img/logo.jpg) left top no-repeat;}
#logo div{margin-top:215px;color:#fff;text-align: center;}
#logo p{margin-bottom:10px;line-height: 14px;}
#logo p.titolo{font-size: 15px;font-weight: bold;margin-bottom:5px;}
a{outline:none;}
a:hover{color:#a41c30;}
a img{border:0;}
/*_______________________________________________________HOME ________________________________________________*/
#avvisi{width:430px;height:482px;margin-right: 1300px;}
#avvisi span.top{display:block;background:url(../img/sfondo_avvisi_top.png) 0 0 no-repeat;height:28px;margin-top:220px;}
#avvisi span.bottom{display:block;background:url(../img/sfondo_avvisi_bottom.png) 0 0 no-repeat;height:28px;}
#avvisi div{background:url(../img/sfondo_avvisi.png) 0 0 repeat-y;padding-left:30px;padding-right:20px;}
#avvisi h1{font-size:25px;margin-top:-10px;}
#avvisi h2{color:#000;}
#avvisi div p{text-align:right;}
#avvisi div a{color:#000;text-decoration:none;}
/*_______________________________________________________TRAILER ________________________________________________*/
#trailer{width: 229px;text-align: right;padding-top:90px;ppadding-left: 10px; }
h1.trailer{float:right;padding-bottom: 5px;}
/*_______________________________________________________DOWNLOAD ________________________________________________*/
#download{width: 260px;margin: 0 20px;padding-top:190px;padding-left: 10px;}
#download h1{margin-bottom: 15px;}
#download p{background:#FFFFFF;font-size: 12px;margin-bottom: 10px;padding: 5px 5px;}
#download p.primo{background:#FFFFFF;font-size: 13px;margin-top: 5px;margin-bottom: 15px;padding: 10px 5px;}
#download a{font-family:Arial, Helvetica, sans-serif;font-size: 14px;font-weight:bold;color:#000;text-decoration:none;}
#download a:hover{color:#a41c30;}
#download p.no_link{font-weight: bold;color:#CCCCCC;}
/*_______________________________________________________SINOSSI ________________________________________________*/
#sinossi{width: 260px;height: 417px;overflow:auto;padding: 15px 20px 40px 20px;background:url(../img/pattern_righe_rosse.jpg);}
#sinossi a{text-decoration: underline;color:#000;}
#sinossi a:hover{text-decoration: none;color:#000;}
#sinossi h1, #sinossi h2{display:inline;font-size: 125%;background:#fff;padding: 4px 88px 11px 6px;}
#sinossi h2{padding: 4px 20px 11px 6px;}
#sinossi p{background:#FFFFFF;font-size: 13px;margin: 15px 0;padding: 5px;}
#sinossi ul{list-style: none;background: #fff;padding:5px;}
#sinossi ul li{margin-top: 5px;}
/*_______________________________________________________REGIA ________________________________________________*/
#regia{background:url(../img/sfondo_regia.jpg) 0 0 no-repeat;width: 275px;overflow:auto;height: 397px;padding: 35px 25px 40px 15px;}
#regia h1{display:inline;padding-top:10px;}
#regia p{background:#FFFFFF;color: #CC0000;font-size: 13px;margin-top: 10px;padding: 10px 5px;}
/*_______________________________________________________CAST________________________________________________*/
#cast{width: 250px;overflow:auto;height: 432px;background:url(../img/pattern_righe_nere.jpg);padding: 10px 25px 30px 15px; overflow-x:hidden;}
#cast div{background:#FFFFFF;margin-top: 15px;}
#cast h1{display:inline;font-size: 22px;}
#cast p{background:#FFFFFF;padding: 5px;}
#cast a{font-family:Arial, Helvetica, sans-serif;font-size: 12px;color:#000;text-decoration:none;display:block;}
#cast a:hover{color:#a41c30;}
/*_______________________________________________________PRODUZIONE________________________________________________*/
#produzione{width: 270px;overflow:auto;height: 400px;padding: 30px 10px 42px 10px;background:url(../img/sfondo_produzione.jpg) 0 0 repeat-x #877340;}
#produzione h2{font-size: 125%;background:#fff;margin-top: 15px;padding: 4px 20px 2px 6px;}
#produzione h2 a{font-size: 100%;color:#000;text-decoration: none;}
#produzione p{background:#FFFFFF;padding: 5px;margin-top: 10px;}
#produzione p a{display: block;text-align: right;background:url(../img/torna_su.gif) center right no-repeat;text-decoration:none;}
#produzione p a:hover{background:url(../img/torna_su_over.gif) center right no-repeat;}
#produzione p a span{visibility: hidden;}
#produzione ul{display:block;background:#FFFFFF;padding: 5px;list-style: none;}
#produzione ul a{color:#000;font-size: 13px;text-transform: uppercase;}
/*_______________________________________________________OPTICAL  ________________________________________________*/
#optical_1 {width:160px;height:472px;}
#optical_2 {width:130px;height:472px;}
#optical_3 {width:168px;height:472px;}
/*_______________________________________________________PHOTOGALLERY	________________________________________________*/
#photogallery{width: 458px;overflow:hidden;padding:10px;padding-top: 52px;height: 410px;background:url(../img/sfondo_gallery.gif) 0 0 no-repeat;}
#photogallery h1{padding-right: 100px;display:inline;color: #a41c30;}
/*
-----------------------------------------------
Spry Demos CSS Rules
Version:  12 Apr 2006 (0.2b)
----------------------------------------------- */
/* Layout Rules
----------------------------------------------- */
#wrap {width: 458px;overflow:hidden;}
/* Gallery and Playback Controls
----------------------------------------------- */
#controls {width:92px;float:left;overflow:hidden;padding-left: 8px;}
#transport {list-style: none;}
#transport li {display:block;}
#transport li a{display:block;text-decoration:none;padding: 2px;}
#transport li a.next{background:url(../img/gallery_next.gif) 0 0 no-repeat;}
#transport li a.previous{background:url(../img/gallery_previous.gif) 0 0 no-repeat;}
#transport li a.next:hover{background:url(../img/gallery_next_on.gif) 0 0 no-repeat;}
#transport li a.previous:hover{background:url(../img/gallery_previous_on.gif) 0 0 no-repeat;}
a.next span, a.previous span{visibility:hidden;}
#previews {padding:4px 2px;margin:0;width: 270px;clear:both;background: #fff;overflow:hidden;}
#thumbnails {clear: both;}
#thumbnails div {position: relative;width: 34px;height: 27px;margin: 2px;float: left;display:inline;}
#thumbnails img {width: 34px;height: 27px;position: absolute;border: solid 1px #000;}
#picture {width: 357px;height: 275px;float:left;}
#mainImageOutline {margin: 0 auto;padding: 0;background-color: white;padding: 10px; overflow: hidden; }
#mainImage {width: 100%;height: 100%;}
.selectedThumbnail {  border: solid 1px #e47f00 !important; }
.inFocus {  border: solid 1px #fc0 !important; }
/*_______________________________________________________PRESS	________________________________________________*/
#press{width: 240px;overflow:auto;height: 452px;padding: 10px;background:#a11c32;}
#press h1{padding-right: 50px;display:inline;}
#press ul{padding: 5px;background:#fff;display:block;list-style: none;}
#press ul li{margin-bottom: 10px;} 
#press ul li a{background:url(../img/icona_pdf.jpg) top right no-repeat;color:#000;font-size: 13px;font-weight: bold;display:block;padding: 0 35px 10px 5px;}
/*_______________________________________________________NEWS ________________________________________________*/
#news{background:url(../img/sfondo_regia.jpg) 0 0 no-repeat;width: 275px;overflow:auto;height: 397px;padding: 35px 25px 40px 15px;}
#news h1{display:inline;padding-right:40px;}
#news p{background:#fff;color: #000;font-size: 13px;margin-top: 10px;padding: 10px 5px;}
/*_______________________________________________________LINKS________________________________________________*/
#links{width: 223px;overflow:hidden;height: 462px;padding: 10px;}
#links h1{display:inline;padding-right: 60px;}
#links ul{background:#FFFFFF;margin: 5px 0;padding: 10px 10px 10px 3px;list-style:none;}
#links ul li{margin-bottom: 8px;}
#links ul li a{color: #000;font-size: 14px;font-weight:bold;}
#links ul li a:hover{color:#a41c30;}
/*_______________________________________________________CONTATTI________________________________________________*/
#contatti{width: 286px;overflow:hidden;height: 456px;padding: 65px 35px 0 35px;background:url(../img/sfondo_contatti.jpg) 0 0 no-repeat;}
#contatti h1{display:inline;}
#contatti p{background:#FFFFFF;margin: 5px 0;padding: 10px 10px 20px 3px;font-size: 12px;font-weight:normal;line-height: 20px;}
#contatti p.indirizzo{font-weight:bold;font-size: 14px;}
#contatti p.pIva{color:#666;background:#000;margin-top:18px;font-size:90%;padding:0;}
#contatti a{color: #000;font-size: 14px;font-weight:bold;}
#contatti a:hover{color:#a41c30;}
#fine{width: 170px;height: 473px;background:url(../img/sfondo_fine.gif) 0 0 no-repeat;}
/* These are standard sIFR styles... do not modify */
.sIFR-flash {visibility: visible !important;margin: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h2,
.sIFR-hasFlash #avvisi h1,
.sIFR-hasFlash #regia h1,
.sIFR-hasFlash #cast h1,
.sIFR-hasFlash h1.trailer,
.sIFR-hasFlash #photogallery h1,
.sIFR-hasFlash #download h1{visibility: hidden;}

