
/* --------- BODY --------- */

html,body{margin: 0;padding:0}

/* 
body{font-family: Arial, Helvetica, sans-serif; font-size: 80%; color:#FFFFFF; text-align: center; background: #000000 url("../images/bg_body.gif"); background-repeat: repeat-x;}


body_image{font-family: Arial, Helvetica, sans-serif; font-size: 80%; color:#FFFFFF; text-align: center; background: #000000 url("../images/bkg_avatar.jpg"); background-repeat:no-repeat; background-attachment:fixed; background-position:top; }
*/

* { margin: 0; padding: 0;}

a:link { text-decoration: none; font-weight:bold;}

a:visited { text-decoration: none; font-weight:bold;}

a:hover { text-decoration: underline; font-weight:bold;}

#container{width: 1000px; margin: 0 auto; text-align: left; border: #CCFF00 solid 0px;}
#containersx{height: 650px; width:18px; float: left; background-image:url("../images/elementorosso.png")}

.clearfloat { clear:both; margin:0; padding:0}

	

/* --------- PAGE --------- */

#pagehead{ position: relative; padding: 0px; margin:0; height: 167px; width:974px; float: left; background-image:url("../images/header.png")}
#page {float: left; padding-left: 20px; padding-top: 5px; width:954px; background-image:url("../images/bk_container_trans.png")}

#left_home {width:325px; float:left; margin:30px 0 0 0; padding:0;}
#right_home {width:582px; float:left; margin:30px 0 0 27px; padding:0}



/* --------- MENU ---------*/

#menu{ position: relative; z-index: 10; top: 119px; left: 21px; width: 934px; height: 48px; margin: 0px; padding-top: 0px; background-image:url("../images/menu_barra.gif")}
#menu ul{width: 934px; line-height: 3px; list-style-type: none; margin: 0; padding: 0;}
#menu li{margin: 0; padding: 0; height: 48px;}
#menu li, div#menu a{ float: left; border-bottom: 0px}
#menu a{ text-indent: -9000px; text-decoration: none; padding: 48px 0 0 0; overflow: hidden; height: 0 !important; height /**/:48px}

li#home, li#home a{ background-image:url("../images/menu_bt_home.gif"); width: 138px;}
li#film, li#film a{ background-image:url("../images/menu_bt_film.gif"); width: 113px;}
li#archivio, li#archivio a{ background-image:url("../images/menu_bt_library.gif"); width: 189px;}
li#comingsoon, li#comingsoon a{ background-image:url("../images/menu_bt_comingsoon.gif"); width: 189px;}
li#download, li#download a{ background-image:url("../images/menu_bt_download.gif"); width: 164px;}
li#newsletter, li#newsletter a{ background-image:url("../images/menu_bt_newsletter.gif"); width: 178px;}
li#contatti, li#contatti a{ background-image:url("../images/menu_bt_contatti.gif"); width: 152px;}

#menu li, #menu a:hover{background-position: 0 -48px}

body#home li#home a, body#film li#film a, body#comingsoon li#comingsoon a, body#download li#download a, body#newsletter li#newsletter a, body#contatti li#contatti a, body#archivio li#archivio a{background-position: 0 -48px;}


/* --------- BOX --------- */

#box1 {width:325px;  float:left; padding:0; background-color:#070707; background-image:url("../images/bkg_box.gif"); background-repeat:repeat-x}
#box_title_archivio {width:325px; height: 53px; float:left; padding:0; background-color:#070707; background-image:url("../images/title_archivio.jpg"); background-repeat: no-repeat}
#box2 {width:325px; float:left; padding:0; margin-top: 15px; background-color:#070707; background-image:url("../images/bkg_box.gif"); background-repeat:repeat-x}
#box_title_insala {width:325px; height: 53px; float:left; padding:0; background-color:#070707; background-image:url("../images/title_insala.jpg"); background-repeat: no-repeat}
#box_title_comingsoon {width:325px; height: 53px; float:left; padding:0; background-color:#070707; background-image:url("../images/title_comingsoon.jpg"); background-repeat: no-repeat}
#box_title_notitle {width:325px; height: 26px; float:left; padding:0; background-color:#070707; background-image:url("../images/title_notitle.jpg"); background-repeat: no-repeat}
#banner2 {width:325px; float:left; padding:0; margin-top: 15px;}
#boxbanner{width: 300px; float:left; margin: 5px 0 14px 14px;}



/* --------- HOME --------- */

#boxvetrina {width:576px; border:#4e4c4f solid 3px; position:relative;}
/* #boxvetrina_video {position:absolute; top: 15px; left: 275px; width:250px; height:150; background-color:#333333;} */
#boxvetrina_video2 {position:absolute; top: 11px; left: 320px; width:250px; height:150;}


/* --------- BOX AL CINEMA  --------- */

#alcinema_video {width:297px; background-color:#c7051f; margin: 0 0 0 12px; padding: 3px 0 0 3px;}
#alcinema_info_head {width:325px; height: 23px; background-image:url("../images/alcinema_info_head.jpg");}
#alcinema_info_main {width:285px; background-image:url("../images/alcinema_info_main.gif"); padding: 0 20px 0 20px; color:#7b7b7b}
#alcinema_info_bottom {width:325px; height: 23px; background-image:url("../images/alcinema_info_bottom.jpg");}
.titolo_alcinema { font-size:14px; color:#FFFFFF; font-weight:bold; line-height: 20px}
.titolo_alcinema a {color:#FFFFFF;}

/* --------- BOX ARCHIVIO  --------- */

.archivio ul{ width: 318px; float:left; margin: 5px 0 0 14px;}
.archivio li {float: left; display: inline; width: 83px; height: 118px; background-color:#333333; margin: 0 19px 19px 0; border:#3a3939 solid 2px}


/* --------- BOX LIBRARY  --------- */

.library ul{ width: 553px; float:left; margin: 5px 0 0 0;}
.library li {float: left; display: inline; width: 110px; height: 158px; background-color:#333333; margin: 0 0 19px 19px; border:#3a3939 solid 2px}


/* --------- PAGE SCHEDA --------- */

#left_scheda {width:338px; float:left; margin:30px 0 0 0; padding:0;}
#right_scheda {width:553px; float:left; margin:30px 0 0 44px; padding:0;}
#locandina {width:332px; height:472px; border:#252527 solid 3px;}
#button_sito {width:338px; height:30px; margin:30px 0 0 0;}
#partnersbox {width:338px; margin:30px 0 0 0;}
.partners ul{margin:0; width:338px; float:left;  background-image:url("../images/box_partners_bkg.gif");}
.partners li{display: inline; float: left; width:138px; height:60px; margin:10px 0 10px 18px; background-color:#333333; border:#666666 solid 2px}
#partners_head {width:338px; height:31px; background-image:url("../images/box_partners_head.gif"); background-repeat:no-repeat;}




/* --------- FILMS LISTA --------- */

#barra_insala {width:553px; height:27px; float:left;  background-image:url("../images/barra_insala.jpg"); margin-bottom:6px;}
#barra_prossimamente {width:553px; height:27px; float:left;  background-image:url("../images/barra_prossimamente.jpg"); margin-bottom:6px;}
.box_elencoscheda {width:553px; height:auto !important; min-height:188px; float:left; background: #000000 url("../images/bkg_elencoscheda.gif"); background-repeat:no-repeat;}
.locandina_elencoscheda {width:110px; height:158px; float:left; border:#666666 solid 2px; margin: 25px 0 15px 25px;}
.titolo_elencoscheda {width:350px; height:auto !important; min-height:24px; float:left; padding:3px 10px 3px 10px; margin: 25px 0 0 20px; background: #850715 url("../images/titolo_elencoscheda.gif"); background-repeat:no-repeat; font-size:20px; font-family: Arial, Helvetica, sans-serif; line-height:24px; color:#ccd1d7; font-weight:bold;}
.regista_elencoscheda {width:330px; height:auto !important; min-height:19px; float:left; padding:5px 10px 3px 30px; margin: 12px 0 0 20px;  background: #414141 url("../images/ico_regista.gif"); background-repeat:no-repeat;}
.cast_elencoscheda {width:330px; height:auto !important; min-height:30px; float:left; padding:5px 10px 3px 30px; margin: 12px 0 0 20px;}
.data_elencoscheda {width:180px; height:22px; float:left; padding:3px 0 0 30px; font-size:16px; font-weight:bold; margin: 12px 0 0 20px;  background-image:url("../images/ico_calendario.gif"); background-repeat:no-repeat;}
.vai_elencoscheda {width:148px; height:22px; float:right; margin: 12px 25px 0 10px;}
.riga_dotted {width:553px; margin: 5px 0 15px 0; float:left; border-bottom: #555555 dotted 1px; float:left;}






#partners_footer {width:338px; height:31px; float:left; background-image:url("../images/box_partners_foot.gif"); background-repeat:no-repeat;}

#barratitolo {width:523px; height:auto !important; min-height:54px; padding:5px 10px 5px 20px; margin-bottom:10px;background-image:url("../images/barra_titolo.gif");}
.titolofilm {font-size:24px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; line-height:28px}
.titolooriginale {font-size:14px; font-family: Arial, Helvetica, sans-serif; font-style:italic; font-weight:bold; line-height:28px; color:#838383}

#datifilm_ico {width:24px; height:19px; background-image:url("../images/ico_datifilm.gif"); float:left; margin: 0 15px 0 20px}
#datifilm {width:474px; height:auto !important; min-height:45px; float:left; font-size:14px; color:#838383;}

#bacchetta_sinossi {width:513px; height:18px; float:left; margin: 30px 0 5px 20px; background-image:url("../images/bacchetta_sinossi.gif"); }
#sinossifilm_ico {width:24px; height:19px; background-image:url("../images/ico_sinossifilm.gif"); float:left; margin: 0 15px 0 20px}
#sinossifilm {width:454px; height:auto !important; min-height:85px; float:left; font-size:14px; color:#b2b2b2; background-color:#181818; padding:10px}

#data_scheda {width:523px; height:22px; float:right; text-align:right; padding:3px 20px 0 0; font-size:16px; font-weight:bold; margin: 0 0 10px 0;}

#mediatrailer {width:538px; height:323px; background-image:url("../images/mediatrailer.jpg"); float:left; margin-top:30px; padding: 45px 0 0 15px;}

#boxgallery {width:553px; height:172px; background-image:url("../images/boxgallery.jpg"); float:left; margin-top:30px;}

#boxdownload {width:260px; height:95px; background-image:url("../images/boxdownload.jpg"); float:left; margin:20px 30px 0 0;}
#boxdownload_pressbook {width:120px; height:34px; float:left; margin:45px 20px 0 0;}
#boxdownload_manifesto {width:120px; height:34px; float:left; margin:45px 0 0 0;}
#boxshare {width:260px; height:95px; background-image:url("../images/boxshare.jpg"); float:left; margin:20px 0px 0 0;}
.share_social ul{margin: 51px 0 0 0; width:135px; height: 21px; float:left;}
.share_social li{display: inline; width:21px; height:21px; margin-left:10px}

	

/* --------- FOOTER --------- */

#footerarea{width:974px; height: 162px; float:left; margin:0 0 10px 18px; background-image:url("../images/bk_container_trans.png");}
#footer{margin: 30px 0 0 20px; width:934px; padding: 0 0 0 0; height: 103px; background-image:url("../images/footer.png")}
#footer_menu{margin: 25px 0 0 187px; width:550px; height: 20px; color:#616161; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:12px; float:left}
.footer_social ul{margin: 23px 0 0 25px; width:135px; height: 21px; float:left}
.footer_social li{display: inline; float: right; width:21px; height:21px; margin-left:10px;}
#footer_menu a:link, #footer_menu a:visited {color:#616161}
#footer_int{width:700px; height:15px; padding-top:5px; float:left; margin:5px 0 10px 18px; font-size:11px; color:#E4E4E4;}
#footer_logic{width:175px; height:20px; float:right; margin:5px 18px 10px 0; }


/* --------- NEWS --------- */

#barratitolo_news {width:360px; height:auto !important; min-height:30px; padding:5px 10px 5px 10px; margin-bottom:5px; background-image:url("../images/barra_titolo_news.gif"); font-size:14px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; line-height:28px; text-align: left;}
#testo_news_pop { padding:0 10px 10px 10px;text-align: left;}
#testo_news_pop a:link {color:#a3081b}


.submenu ul{ width: 550px; height:50px float:left; margin: 10px 0 0 14px;}
.submenu li {float: left; display: inline; width: 50px; height: 48px; background-color:#333333; margin: 0 19px 19px 0;}


/* --------- FORM SEARCH --------- */

#form_ricerca {position:relative; width:515px; height:46px; float:left; background: url("../images/boxsearch.png") no-repeat; margin:10px 0 15px 20px}
.inputlist{ display: block; width:250px; height: 20px; float:left; border: 1px #8c8c8c solid; margin:13px 5px 0 20px; font: 12px Verdana;}
.inputsearch{ display: block; width:200px; height: 18px; float:left; border: 1px #8c8c8c solid; margin:13px 5px 0 2px; font: 12px Verdana; }
button#cerca_bt{ position:absolute; left:460px; top:4px; width: 40px; text-align:center; height:40px !important; height /**/:40px; background: url("../images/buttonsearch.png") no-repeat; overflow: hidden; border: 0px solid; cursor: pointer}
.formSearchSelect { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; height: 15px; width: 120px; border: 0px solid; margin: 0px 0px 0px 2px;}

#box_nosearch {width:553px; height:188px; float:left; background: #000000 url("../images/bkg_elencoscheda.gif"); background-repeat:no-repeat; text-align:center;}

#box_nosearch a:link { color:#a3081b}



/* --------- FORM SEARCH HEADER--------- */

#form_ricerca_header {position:absolute; left:630px; width:270px; height:46px; background: url("../images/boxsearch_header.png") no-repeat; margin:0}
.inputsearch_header{ display: block; width:200px; height: 18px; float:left; border: 1px #8c8c8c solid; margin:13px 5px 0 20px; font: 12px Verdana; }
button#cerca_bt_header{ position:absolute; left:210px; top:4px; width: 40px; text-align:center; height:40px !important; height /**/:40px; background: url("../images/buttonsearch.png") no-repeat; overflow: hidden; border: 0px solid; cursor: pointer}






#newsletter {Font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#FFFFFF; padding:20px;}
.input_newsletter {width: 200px; float: left; border: solid 0px; height: 20px;}
.ok {float:right; width: 50px; margin-left:10x; height: 20px; background-color: #CCCCCC;}

.partecipa {float:left; width: 150px; margin-left:10x; height: 20px; background-color: #CCCCCC;}

#contatti_page {Font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#FFFFFF; padding:20px;}


/* --------- BANNER FLASH --------- */

#banner_flash {position:absolute; z-index: 15; left: 272px; width:718px; height:202px;}



ul.jcarousel-skin-tango {float: left;list-style: none;margin: 0; padding: 10px;width: 400px;background-color: white;}
ul.jcarousel-skin-tango li {margin: 0; padding: 5px;float: left;position: relative;width: 120px;height: 77px;}
ul.jcarousel-skin-tango li img {width: 104px; height: 66px;border: 1px solid #ddd;padding: 5px;background: #f0f0f0;position: absolute;left: 0; top: 0;-ms-interpolation-mode: bicubic; }
ul.jcarousel-skin-tango li img.hover {margin-top:15px; background-color:#00FFCC; border: none;}

