/* CSS per screen */

/** LOGO */
#cont_logo {
  margin: 0 auto;
  padding: 0;
  padding-top: 20px;
  height: 80px;
  width: 980px;
  text-align: left;
/*  border: 1px solid #000; */
}
#logo {
  float: left;
  left: 0;
  width: 332px;
  height: 76px;
  /*border: 1px solid #000;*/
}
#cont_logo #box-network {
  float: right;
  margin-right: 5px;
  width: 212px;
  height: 68px;
}
#cont_logo #box-films {
  float: right;
  margin-right: 5px;
  width: 212px;
  height: 68px;
}
#cont_logo #box-festival {
  float: right;
  margin-right: 0;
  width: 212px;
  height: 68px;
}

/** NAVIGAZIONE */
#nav_search {
  margin: 0 auto;
  margin-bottom: 10px;
  margin-left: 0;
  padding: 0;
  height: 25px;
  width: 960px;
}
#nav_search a:link, 
#nav_search a:visited, 
#nav_search a:active, 
#nav_search a:hover {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #707070;
  font-weight: bold;
  text-decoration: none;
}
#nav_search a:hover {
  color: #000000;
}
#nav_search .ul_zero {margin: 0; padding: 0;}
#nav_search li {
  margin: 0 10px 0 0;
  padding: 0;
  list-style-type: none;
  text-align: left; 
  display: inline;
}
/** ricerca in nav */
#nav_search #search {
  float: right;
  right: 0;
  margin-right: 0;
}
#nav_search #search form {
	padding: 0;
	margin: 0;
}
#nav_search #search label {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #707070;
  font-weight: bold;
}
#nav_search #search select {
  border: 1px solid #CCCCCC;
  width: 70px;
  text-align: center;
}
#nav_search #search input {
  border: 1px solid #CCCCCC;
}
#nav_search #search #adv-button {
  background-color: #FF7101;
  color: #FFFFFF;
  font-weight: bold;
  height: 18px;
  margin-right: 0;
  border: 0;
}
#nav_search #search #menu_viewer {
  padding: 0;
  margin: 0;
  width: 320px;
  text-align: right;
/*  border: 1px solid #000; */
}

/* ricerca avanzata */
#adv-search #sx {
  float: left;
  width: 300px;
  height: 105px;
  margin-top: 5px;
  margin-left: 0;
}
#adv-search #dx {
  float: right;
  width: 300px;
  height: 105px;
  margin-top: 5px;
  margin-right: 0;
}
.viewer-search #sx_lib {
  float: left;
  width: 290px;
  height: 105px;
  margin-top: 5px;
  margin-left: 0;
}
.viewer-search #dx_lib {
  float: right;
  width: 290px;
  height: 105px;
  margin-top: 5px;
  margin-right: 0;
}
#adv-search .lab {
  width: 60px;
}
#adv-search_nav {
  background-color: #FFFFFF;
  color: #FFFFFF;
  margin: 0;
  padding: 0;
  font-weight: bolder;
  font-size: 15px;
}
#adv-search_nav a {
  text-decoration: none;
  color: #FFFFFF;
  font-weight: bold;
}
#adv-search form {
  padding: 0;
}
#adv-search_nav .opener {
  height: 100%;
  margin: 0;
  padding-top: 0;
  padding-right: 30px;
  padding-left: 30px;
  padding-bottom: 0;
}

/* ricerca in viewer */
.viewer-search {
  background-color: #DBDBDB;
  margin-top: 0;
  padding: 0 10px 0 10px;
}
.viewer-search #sx {
  float: left;
  width: 290px;
  height: 100px;
  margin-top: 5px;
  margin-left: 0;
  padding-left: 5px;
}
.viewer-search #dx {
  float: right;
  width: 290px;
  height: 100px;
  margin-top: 5px;
  margin-right: 0;
}
.viewer-search .lab {
  width: 80px;
}
.search_sub {
  color: #FFFFFF;
  font-weight: bold;
  background-color: #AB0148;
  width: 60px;
}
.view_version {
  width: 109px;
  height: 18px;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #C5C5C5;
  text-align: center;
  margin-bottom: 4px;
}

/** CONTENITORE */
#contenitore {
  background-color: #FFFFFF;
  margin: 0 auto;
  padding: 10px;
  width: 960px;
  text-align: left;
  border: 1px solid #CCCCCC;
}
#contenitore ul {
  margin-left: 20px;
}
#contenitore li {
  list-style-type: square;
}
#cont_flash {
  float: left;
  width: 633px;
  height: 170px;
  margin-bottom: 0;
  padding: 0;
  /* border: 1px solid #000; */
}
#flash {
  height: 170px;
  color: #FFFFFF;
}
#flash h3, #flash label {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: bold;
}
#flash ul {
  line-height: 11px;
}
#flash #sx {
  float: left;
  width: 240px;
  height: 110px;
  margin-top: 30px;
  margin-left: 30px;
}
#flash #dx {
  float: right;
  width: 300px;
  height: 110px;
  margin-top: 30px;
  margin-right: 20px;
}
#flash #dx a {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}
/*  cont  */
#cont_dx {
  float: right; /* questo elemento deve precedere nell'ordine di origine qualunque elemento accanto al quale deve essere posizionato */
  width: 310px; /* poiché questo elemento è mobile, occorre specificare una larghezza */
  min-height: 150px;
  padding: 0; /* un padding superiore e inferiore creano uno spazio visivo all'interno di questo div */
  /* border: 1px solid #000; */
}
#cont_dx .menu_ar_bottom {
  float: left;
  margin-top: 0;
  margin-left: 4px;
}
#cont_dx .menu_ar_bottom li {
  list-style-type: none;
}
#cont_dx .img_ar {
  float: right;
  margin-right: 4px;
}
#cont_dx .menu_ar {
  background-color: #B6BE99;
  padding: 4px;
  margin-bottom: 12px;
}
#cont_dx .menu_viewer {
  padding: 0;
  margin: 0;
  margin-bottom: 12px;
}
#cont_dx .menu_ar_top {
  margin: 5px auto;
  text-align: center;
}
#cont_dx .menu_ar ul {
  padding: 0;
  margin: 0;
}
#cont_dx .menu_ar ol {
  padding: 0;
  margin: 0;
  border-top: 1px solid #B6BE99;
}
#cont_dx .menu_ar li {
  text-align: center;
  font-weight: bold;
  padding: 0;
  margin: 0;
  margin-bottom: 2px;
  width: 210px;
  background-color: #000000;
  color: #FFFFFF;
}
#cont_dx .menu_ar a {
  color: #FFFFFF;
  text-decoration: none;
}
/* #cont_dx .menu h3 {
  color: #FFFFFF;
  font-size: 14px;
  margin: 2px;
  border: 1px solid #CCCCCC;
} */
#cont_sx {
  float: left; /* questo elemento deve precedere nell'ordine di origine qualunque elemento accanto al quale deve essere posizionato */
  width: 310px; /* poiché questo elemento è mobile, occorre specificare una larghezza */
  margin-top: 10px;
  min-height: 150px;
  padding: 0; /* un padding superiore e inferiore creano uno spazio visivo all'interno di questo div */
  /* border: 1px solid #000; */
}
#cont_sx_list {
  float: left; /* questo elemento deve precedere nell'ordine di origine qualunque elemento accanto al quale deve essere posizionato */
  width: 634px; /* poiché questo elemento è mobile, occorre specificare una larghezza */
  margin-top: 10px;
  min-height: 180px;
  padding: 0; /* un padding superiore e inferiore creano uno spazio visivo all'interno di questo div */
  background-color: #FFFFFF;
}
#cont_sx_foglia {
  float: left; /* questo elemento deve precedere nell'ordine di origine qualunque elemento accanto al quale deve essere posizionato */
  width: 610px; /* poiché questo elemento è mobile, occorre specificare una larghezza */
  margin-top: 0;
  min-height: 180px;
  vertical-align: top;
  padding: 10px; /* un padding superiore e inferiore creano uno spazio visivo all'interno di questo div */
  background-color: #E8ECD1;
  /* border: 1px solid #000; */
}
#title_cont_sx_foglia {
  float: left; /* questo elemento deve precedere nell'ordine di origine qualunque elemento accanto al quale deve essere posizionato */
  width: 630px; /* poiché questo elemento è mobile, occorre specificare una larghezza */
  margin-top: 0;
  vertical-align: top;
  padding: 0; /* un padding superiore e inferiore creano uno spazio visivo all'interno di questo div */
  background-color: #FFFFFF;
  /* border: 1px solid #000; */
}
#cont_sx_foglia #descr {
  float: right;
  width: 430px;
  height: auto;
  min-height: 180px;
  right: 0;
  margin-right: 10px;
/*  border: 1px solid #000; */
}
#cont_sx_foglia #sx {
  float: left;
  left: 0;
  width: 408px;
  padding: 5px 0 5px 0;
}
#cont_sx_foglia #dx {
  float: right;
  right: 0;
  width: 200px;
  padding: 5px 0 5px 0;
}
#cont_sx_foglia #dx ul, #cont_sx_foglia #dx li{
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 100%;
}
#cont_cx {
  float: left; /* questo elemento deve precedere nell'ordine di origine qualunque elemento accanto al quale deve essere posizionato */
  width: 310px; /* poiché questo elemento è mobile, occorre specificare una larghezza */
  min-height: 150px;
  padding: 0; /* un padding superiore e inferiore creano uno spazio visivo all'interno di questo div */
  text-align: left;
  margin-top: 10px;
  margin-left: 14px;
  /* border: 1px solid #000; */
}
#cont_playlist {
  width: 310px;
  /* background-color: #DBDBDB;
  padding: 5px; */
}
#cont_playlist table {
  background-color:#E7EDD1;
  width:310px;
}
#cont_playlist td {
  min-height: 60px;
  padding-top: 5px;
  vertical-align: middle;
  border-bottom: 5px solid #FFFFFF;
}

/** LOGOUT */
#logout {
  background-image: url(/img/bg-ar-nome.jpg);
  background-repeat: no-repeat;
}
#logout_viewer {
  background-image: url(/img/bg-ar-viewer.gif);
  background-repeat: no-repeat;
}
#logout #ar-nome {
  float: left;
  width: auto;
  padding-top: 5px;
  padding-left: 15px;
  color: #C1FF00;
  font-weight: bold;
  font-size: 14px;
}
#ar-logout {
  float: right;
  width: auto;
}
#ar-menu_film {
  float: left;
  width: 120px;
}
#ar-menu_film ul, #ar-menu_film li {
  list-style-type: none;
  margin: 0;
}

/** LOGIN */
#login {
  margin: 0 auto;
  margin-bottom: 12px;
  width: 309px;
  height: 170px;
  background-color: #B6BE99;
/*  border: 1px solid #707070; */
}
/* #login h2 {
  color: #000000;
  font-size: 16px;
  font-weight: bold;
  margin-left: 10px;
} */
#login form {
  margin: 0 auto;
  padding-top: 5px;
  color: #000000;
  width: 289px;
  height: 147px;
}
#login .submit {
  background-color: #E7EDD1;
  width: 60px;
}
#login .lab {
  margin-left: 5px;
  width: 40px;
  font-weight: bold;
}
#banner {
  float: left;
  padding: 0;
  margin: 0;
  width: 880px;
  background-color: #E7EDD1;
}
#banner ul {margin: 0; padding: 0;}
#banner li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: left; 
  display: inline;
}
#footer {
  margin: 0 auto;
  padding: 0;
  width: 980px;
  text-align: left;
  min-height: 50px;
  /* border: 1px solid #000; */
}
/* #footer #indirizzo {
  float: left;
  right: 0;
} */
#footer #credits {
  float: right;
  right: 0;
  margin-top: 20px;
  margin-right: 0;
}
#JQ_output {
  float: right;
  top: 10px;
  min-width: 450px;
}
#JQ_hid_popup {
  position: absolute;
  z-index: 10;
  margin: auto auto;
  padding: 20px 10px 10px 10px;
  width: 400px;
  height: 250px;
  left: 300px;
  top: 150px;
  border: 1px solid #E1005E;
  border-top: 10px solid #E1005E;
  background-color: #FFF;
  visibility: hidden;
}
.clearfloat { /* questa classe deve essere inserita in un elemento div o break e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero i propri elementi mobili di livello inferiore */
  clear:both;
  height:0;
  font-size: 1px;
  line-height: 0;
}