/* ######### Definizione di un carattere speciale ######### */
@font-face {
   font-family: 'CartoGothicStdBook';
   src: url('../../fonts/CartoGothicStd-Book-webfont.eot');
   src: url('../../fonts/CartoGothicStd-Book-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/CartoGothicStd-Book-webfont.woff') format('woff'), url('../../fonts/CartoGothicStd-Book-webfont.ttf') format('truetype'), url('../../fonts/CartoGothicStd-Book-webfont.svg#CartoGothicStdBook') format('svg');
   font-weight: normal;
   font-style: normal;
}
/* ########################################################### */



/* ######### Caratteri e dimensioni dei caratteri in generale (body) e per determinati elementi ######### */
body, input, select, .lnkbtnfont, .small-select option {
   font-family: 'CartoGothicStdBook',Tahoma,Helvetica,Arial,sans-serif;
   font-size: 13px;
}


/* ######### Stile della pagina nel suo complesso ######### */
* {
   margin: 0;
}

html, body {
   height: 100%;
}

body {
   margin: 0 auto;
   padding: 0;
   text-align: center;
   color: #000000;
   background: url(../../Image/Sfondo.jpg);
}

form {
   /* consigliato per le pagine ASP.NET per il footer a fondo pagina */
   height: 100%;
}
/* ########################################################### */


/* ######### Footer a fondo pagina ######### */
.footer, .push {
   height: 30px; /* allineare con il valore margin negativo di #container */
   clear: both;
}
/* ########################################################### */


/* ######### Stili generici ######### */
.center {
   text-align: center;
}
/* ########################################################### */


/* ######### Tutti i collegamenti, se non altrimenti definiti ######### */
a:link, a:visited, .link {
   color: #3366CC;
   text-decoration: none;
}

a:hover {
   color: #b22222;
}
/* ########################################################### */


/* ######### Contenitore di tutta la pagina ######### */
#container {
   min-width: 1000px; /*  max-width: 1200px;	*/
   text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body. */
   min-height: 100%;
   height: auto !important;
   height: 100%;
   margin: 0 auto -30px; /* i margini auto (insieme a una larghezza) centrano la pagina; l'ultimo valore è per il footer a fondo pagina, da allineare con il valore height di .footer, .push */
}
/* ########################################################### */


/* ######### Stile per l'intestazione: logo del sistema bibliotecario ######### */
#header {
   /* intestazione */
   margin: 0;
   height: 90px; /*        questo "overflow: hidden" serve per non far comparire la barra orizzontale quando       il contenuto dell apagina supera l'altezza dello schermo.    */
   overflow: hidden;
   background-image: url('../../Image/decorazioni/header_sfondo.jpg');
   background-repeat: repeat-x;
}

   #header #divBanner {
      /* banner contenuto nell'intestazione */
      height: 100%;
      background-repeat: no-repeat;
      border-bottom: solid 1px #aaa;
      width: 100%;
      margin: 0 auto;
      text-align: center;
   }

.divLineaHeader {
   /* striscia sotto l'intestazione */
   background-image: url('../../Image/decorazioni/linea_header.jpg');
   background-repeat: repeat-x;
   height: 5px;
}
/* ########################################################### */



/* ######### Contenuto principale della pagina ######### */
#mainContent {
   width: 970px;
   margin: 0 auto;
}
/* ########################################################### */



/* ######### Box per IE6 che dice di aggiornare il browser ######### */
#divUpgrade {
   background-color: #FFF9D4;
   border: solid 1px #ccc;
   width: 100%;
   text-align: center;
   font-size: larger;
}
/* ########################################################### */



.titolo-pagina {
   font-size: 1.4em;
   font-weight: normal;
   color: #cd2322;
}

.titolo-pagina2 {
   /* usato nei servizi ai lettori */
   color: #FF6347;
   font-style: italic;
   font-size: 1.5em;
}

.titolo-pagina3 {
   /* usato nelle pagine di ricerca */
   float: left;
   color: #cd2322;
   font-size: 1.5em;
   font-weight: normal;
   margin-top: 10px;
   width: 165px;
}


/* stile per le immagini di Servizi Lettori, Bollettino Novità, News */

/* Elementi delle maschere di ricerca */
.canali {
   background-color: #FFFFCC;
   border: inset 1px #ccc;
}

.divAlfabeto {
   height: 60px;
   padding: 10px;
   text-align: center;
   border: 1px solid #BBBBBB;
   background-image: url('../../Image/decorazioni/sfumato.png');
}

.divSelezioneLeft {
   float: left;
   margin: 20px 0 10px 0;
}

.divSelezioneRight {
   float: right;
   margin: 20px 0 10px 0;
}

.divAiuto img {
   vertical-align: middle;
   margin-right: 2px;
}

.divAiuto a {
   font-size: 95%;
   font-style: italic;
}



/* ######### Classi di stile per il menù Opac ######### */
#divMenu {
   /* contenitore del menù */
   position: relative;
   top: -22px;
   left: 100px;
   width: 750px; /* margini per tenere centrato il menù */
   margin: 0 auto 25px;
}

.menu-opac {
   /* lista principale */
   position: relative;
   margin: 0;
   padding: 0;
   color: #000;
}

   .menu-opac li {
      /* ogni singola voce */
      display: inline;
   }

   .menu-opac img {
      /* nessun bordo sulle immagini */
      border: none;
      vertical-align: middle;
   }

   .menu-opac a {
      /* ogni singolo collegamento non selezionato */
      height: 0;
      padding: 2px 10px;
      text-decoration: none;
      color: #666;
   }

      .menu-opac a:hover {
         /* ogni singolo collegamento al passaggio del mouse (solo primo livello, il secondo viene sovrascritto) */
         background-color: #EEE;
         color: #000;
      }

   .menu-opac li.active a {
      /* voce di primo livello selezionata */
      color: navy;
      background-color: #fff;
      border: 1px solid #aaa;
      border-bottom: 1px solid #fff; /* bordo basso bianco per sovrapporsi al bordo del div contenente l'intestazione */
      border-bottom-width: 5px;
   }

   .menu-opac ul {
      /* lista di secondo livello */
      visibility: hidden;
      position: absolute;
      left: 0;
      top: 2em;
      margin: 0;
      padding: 0;
   }

   .menu-opac li.active ul {
      /* secondo livello visibile se voce di primo livello selezionata */
      visibility: visible;
   }

      .menu-opac li.active ul li {
         /* ogni voce di secondo livello ha un bordo a sinistra */
         border-left: solid 2px #aaa;
      }

         .menu-opac li.active ul li:first-child {
            /* la prima voce di secondo livello non ha il bordo a sinistra */
            border: none;
         }

         .menu-opac li.active ul li a {
            /* ogni singolo collegamento al secondo livello figlio di una voce selezionata */
            border: none;
            color: #000;
            background-color: transparent;
         }

         .menu-opac li.active ul li.active a {
            /* voce selezionata di secondo livello */
            font-weight: bold;
            color: #b22222;
         }

         .menu-opac li.active ul li a:hover {
            /* voce di secondo livello sottolineata al passaggio del mouse */
            text-decoration: underline;
         }
/* ########################################################### */



/* ######### Classi per la Digital Library ######### */
.title_box_dl {
   /* box con i titoletti delle sezioni */
   height: 30px;
   background: url('../../Image/decorazioni/bg_left.jpg') repeat-x center;
   text-align: left;
   font-size: 13px;
   font-weight: bold;
   color: #000;
   line-height: 30px;
   border: solid 1px #ccc;
}

   .title_box_dl span {
      /* titoletto */
      float: left;
      margin-left: 10px;
   }

   .title_box_dl a {
      /* titoletto cliccabile */
   }

      .title_box_dl a.menu {
         /* voce di menù al posto del titoletto*/
         font-weight: normal;
      }

.title_box_sel_dl {
   /* box selezionato (es. Edicola: Siti dei quotidiani) */
   border: solid 2px #f7be7b;
}

.left_content_dl {
   /* box laterale sinistro */
   width: 196px;
   float: left;
}

.left_content_text_dl {
   /* testo nel box a sinistra */
   background-color: White;
   text-align: justify;
   padding: 10px;
   border: solid 1px #ccc;
}

.left_content_text_nopad {
   /* testo nel box a sinistra */
   background-color: White;
   text-align: justify;
   border: solid 1px #ccc;
}

#main_content_dl {
   /* contenuto principale */
   margin-left: 215px;
}

   #main_content_dl #liTX {
      border-top: solid 2px #b32222;
   }

   #main_content_dl #liIM {
      border-top: solid 2px #5ea15d;
   }

   #main_content_dl #liVI {
      border-top: solid 2px #ff6a00;
   }

   #main_content_dl #liAU {
      border-top: solid 2px #7590ff;
   }

   #main_content_dl #liOA {
      border-top: solid 2px #EC8A8A;
   }

/* Ricerca ebook */
.ricercaEbook, .ricercaEbook input, .ricercaEbook select {
   font-size: 12px;
}

   .ricercaEbook label {
      display: inline-block;
      width: 50px;
      vertical-align: middle;
   }

   .ricercaEbook input[type=text], .ricercaEbook select {
      margin-top: 2px;
      margin-bottom: 1px;
   }

#divInfoEB {
   padding: 5px;
   background-color: #fff;
   border: solid 1px #A6C9E2;
   border-radius: 5px;
   box-shadow: 1px 1px 6px #888888;
}
/* Edicola: Testate */
.testate {
   float: left;
   width: 175px;
   height: 710px; /* questa altezza è impossibile da calcolare al volo */
   margin-right: 7px;
   border: solid 1px #ccc;
   background-color: White;
}

   .testate div {
      font-weight: bold;
      border-bottom: solid 1px #ccc;
   }

   .testate ul {
      list-style-type: none;
      padding: 0;
      margin-left: 15px;
   }

      .testate ul li {
         margin-bottom: 5px;
      }

.title_testate img {
   margin-top: 6px;
   margin-right: 6px;
   float: right;
}
/* Edicola: Abbonamenti */
ul.left_menu_dl {
   width: 196px;
   padding: 0px;
   margin: 0px;
   list-style: none;
}

   ul.left_menu_dl li {
      margin: 0 0 1px;
      list-style: none;
   }

      ul.left_menu_dl li.odd a, ul.left_menu_dl li.even a {
         width: 169px;
         height: 25px;
         display: block;
         border-bottom: 1px #FFFFFF solid;
         text-decoration: none;
         color: #504b4b;
         padding: 0 0 0 27px;
         line-height: 25px;
      }

      ul.left_menu_dl li.odd a {
         background-color: #e5e5e5;
         background-position: 10px 5px;
         background-image: url('../../Image/frecce/row_orange.png');
         background-repeat: no-repeat;
      }

      ul.left_menu_dl li.even a {
         background-color: #eee6e6;
         background-position: 10px 5px;
         background-image: url('../../Image/frecce/row_orange.png');
         background-repeat: no-repeat;
      }

         ul.left_menu_dl li.even a:hover, ul.left_menu_dl li.odd a:hover, ul.left_menu_dl li.selected a {
            color: #FFFFFF;
            background-color: #aaaaaa;
            background-image: url('../../Image/frecce/row_red.png');
         }

.edicola_dl div {
   /* box per i singoli giornali */
   float: left;
   width: 100px;
   height: 165px;
   text-align: center;
   font-size: 11px;
   margin: 0 15px 0 10px;
}

   .edicola_dl div img {
      /* immagien con la copertina del giornale */
      border: solid 1px #000;
      width: 80px;
      height: 100px;
   }

#ulRaccolte {
   list-style: none;
   padding-left: 0;
}

   #ulRaccolte li.DTX, li.DIM, li.DVI, li.DAU {
      background-repeat: no-repeat;
      padding-left: 30px;
      margin-bottom: 10px;
   }

   #ulRaccolte li.DTX {
      background-image: url("../../Image/decorazioni/TX_ban.png");
      background-position: -5px 0; /* trucco perché l'immagine ha un po' di spazio vuoto a sinistra */
   }

   #ulRaccolte li.DIM {
      background-image: url("../../Image/decorazioni/IM_ban.png");
   }

   #ulRaccolte li.DVI {
      background-image: url("../../Image/decorazioni/VI_ban.png");
   }

   #ulRaccolte li.DAU {
      background-image: url("../../Image/decorazioni/AU_ban.png");
   }

   #ulRaccolte ul {
      padding-left: 20px;
   }

.divRicercaDL {
   padding: 5px;
   border: solid 1px #ccc;
   background-color: #ddd;
}

#divRicercaPerio.divRicercaDL {
   box-shadow: 0 15px 70px -25px rgba(0,0,0,.9);
}

#divRicerca.divRicercaDL {
   box-shadow: 0 15px 50px -15px rgba(0,0,0,.9);
}

.divRicercaDL img {
   vertical-align: middle;
   margin-right: 5px;
}

.divRicercaDL, .divRicercaDL select, .divRicercaDL input {
   font-size: 12px;
}

.divDL {
   width: 214px;
   min-height: 240px;
   font-size: 12px;
   display: inline-block;
   *display: inline; /* risolve il problema di IE7 e modalità compatibilità: non riconosce display: inline-block */
   zoom: 1; /* risolve il problema di IE7 e modalità compatibilità: non riconosce display: inline-block */
   vertical-align: top;
   background-repeat: no-repeat;
   background-position: top right;
   padding-top: 5px;
   margin-bottom: 20px;
   margin-right: 35px;
   padding: 0;
}

   .divDL a {
      font-size: 13px;
   }

   .divDL img {
      width: 214px;
      border: none;
      box-shadow: 0 15px 70px -20px rgba(0,0,0,.9);
   }


#divRisultatiDL hr.separatore {
   border: dotted 1px #ccc;
   margin-bottom: 20px;
}

.divDLTX {
   /*background-image: url('../../Image/decorazioni/TX_ban.png');*/
}

.divDLIM {
   /*background-image: url('../../Image/decorazioni/IM_ban.png');*/
}

.divDLVI {
   /*background-image: url('../../Image/decorazioni/VI_ban.png');*/
}

.divDLAU {
   /*background-image: url('../../Image/decorazioni/AU_ban.png');*/
}

.treeview li.leaf {
   position: relative;
}

.pagerDL {
   border: solid 1px #F7BE7B;
   border-left: none;
   border-right: none;
   padding: 10px;
   margin-bottom: 15px;
}

   .pagerDL div {
      text-align: center;
   }

      .pagerDL div a, .pagerDL div span {
         padding-left: 7px;
      }

#hCat {
   font-size: 19px;
   margin: 15px 0 10px;
}

#divTestate input {
   width: 15px;
   margin-right: 1px;
   font-size: 13px;
}

#divDescrizioCat {
   padding: 5px 0 15px 0;
   text-align: justify;
}

.stileDL #divTitolo {
   font-size: 16px;
   color: Navy;
   font-weight: bold;
}

.stileDLboxDett {
   padding: 3px 5px;
   border: solid 1px #ccc;
   background-color: #eee;
   margin-bottom: 5px;
   height: 30px;
}

   .stileDLboxDett #lbParole {
      float: left;
      display: inline-block;
      max-width: 650px;
      margin-top: 7px;
   }

   .stileDLboxDett #divTornaRisultati {
      font-size: 12px;
      margin-top: 7px;
      float: right;
   }

#divFaceCntDL {
   text-align: left;
}

   #divFaceCntDL span.count {
      font-size: 12px;
      color: #7f7f7f;
      margin-left: 5px;
   }

   #divFaceCntDL li.selected a, #divFaceCntDL li.selected .countsel {
      background-color: #3366CC;
      color: #fff;
   }

   #divFaceCntDL li.selected .countsel {
      font-size: 12px;
   }

#divFacetPag {
   font-size: 12px;
   border: solid 1px #ccc;
   padding: 5px 15px 5px 5px;
}

   #divFacetPag a {
      margin-left: 15px;
   }

/* ########################################################### */


/* ######### Digital Library: Ebook ######### */
.vetrina {
   width: 720px;
}

.vetrina1 {
   width: 760px;
}

.vetrina .divVetrina div {
   float: left;
}

.vetrina .divVetrina img {
   width: 57px;
   height: 86px;
   float: left;
   border: none;
   margin-right: 3px;
   background-color: #ccc;
}

.vetrina1 .divVetrina img {
   width: 60px;
}

#slider {
   /* div */
   width: 720px;
   height: 300px; /* important to be same as image height */
   overflow: hidden; /* important */
   position: relative;
   top: 10px;
   background-color: #444;
}

#slider1, #slider2 {
   width: 754px;
}

   #slider.altslide, #slider1.altslide, #slider2.altslide {
      top: 2px;
      height: 172px;
   }

#sliderContent, #sliderContent1, #sliderContent2 {
   /* ul */
   margin: 0;
   padding: 0;
}

.sliderImage {
   /* li */
   float: left;
   position: relative;
   display: none;
}

   .sliderImage span {
      position: absolute;
      left: 200px;
      display: none;
      width: 490px;
      padding: 10px 13px;
      font: 11px/15px Arial, Helvetica, sans-serif;
      text-align: justify;
      color: #fff;
   }

      .sliderImage span strong {
         font-size: 14px;
      }

   .sliderImage img {
      width: 200px;
      height: 300px;
      border: none;
      background-color: #ccc;
   }

   .sliderImage a {
      color: yellow;
   }


/* Slider dell'Home Page che mostra: descrizione, le novità, i più letti */
#navSliderHome {
   float: right;
}

#navSliderHomeOLD a {
   font-size: 0; /* per non mostrare i numerini scritti dentro */
   text-decoration: none;
   display: inline-block; /* fondamentale in IE per creare dei quadratini quando non si scrivono dentro i numeri */
   padding: 4px; /* crea dei quadratini */
   margin: 0 4px; /* distanza tra i quadratini */
   border: 1px solid #ccc;
   background-color: #fc0;
}

#navSliderHome a {
   font-size: 10px;
   text-decoration: none;
   display: inline-block; /* fondamentale in IE per creare dei quadratini quando non si scrivono dentro i numeri */
   padding: 1px 3px; /* crea dei quadratini */
   margin: 0 3px; /* distanza tra i quadratini */
   border: 1px solid #ccc;
   background-color: #ffec9d;
}

   #navSliderHome a.activeSlide {
      background-color: #ea0;
   }

   #navSliderHome a:focus {
      outline: none; /* non mostra il righino intorno ai collegamenti quando vengono selezionati */
   }


/* Vetrina alternativa per l'home page */
.sliderHome {
   /* div */
   width: 754px;
   height: 170px;
   overflow: hidden; /* important */
   position: relative;
   top: 5px;
   background-color: #444;
}

   .sliderHome img {
      float: left;
      width: 110px;
      border: none;
   }

   .sliderHome div.sliderDsc {
      float: left;
      width: 620px;
      padding: 10px;
      font: 11px/15px Arial, Helvetica, sans-serif;
      text-align: justify;
      color: #fff;
   }

   .sliderHome div strong {
      font-size: 14px;
   }

.top {
   top: 0;
   left: 0;
}

.bottom {
   bottom: 0;
   left: 0;
}

.tabella_loc, .tabella_loc th, .tabella_loc td {
   /* bordi da indicare per la tabella, per l'header e per le singole celle */
   border: solid 1px #e8edff;
}

   .tabella_loc th {
      color: #000;
      background-color: #d7cebd;
   }

   .tabella_loc tr {
      background-color: #ffffff;
   }
/* ########################################################### */



/* ######### Digital Library: Raccolte digitali ######### */
.menu_documenti_dl {
   height: 2em;
   padding: 0;
   margin: 0; /* serve altrimenti ci sono errori con IE7 */
   margin-bottom: 7px;
   list-style: none;
}

   .menu_documenti_dl li {
      float: left;
   }

   .menu_documenti_dl a {
      float: left;
      width: 187px;
      height: 2em;
      line-height: 2em;
      text-decoration: none;
      text-align: center;
      border-left: solid 1px #ccc;
   }

   .menu_documenti_dl li:first-child a {
      border-left: none;
   }

   .menu_documenti_dl a:link, .menu_documenti_dl a:visited {
      background: #666;
      color: #FFF;
   }

   .menu_documenti_dl a:hover, .menu_documenti_dl a:focus, .menu_documenti_dl a:active {
      background: #CCC;
      color: #000;
   }

   .menu_documenti_dl li.active a:link, .menu_documenti_dl li.active a:visited, .menu_documenti_dl li.active a:hover, .menu_documenti_dl li.active a:focus, .menu_documenti_dl li.active a:active, .menu_documenti_dl .selected a {
      background: #EEE;
      color: #000;
   }

.scheda_dl th {
   text-align: left;
}

.downris {
   position: absolute;
   right: 0;
   border: none;
   margin-right: 10px;
   vertical-align: middle;
}
/* ########################################################### */




/* Link memorizza */
.memorizza {
   font-size: 95%;
   font-style: italic;
   width: 110px;
   margin: 0;
   border: solid 1px #ccc;
   border-left: none;
   border-top: none;
}


/* le seguenti due regole di stile fanno apparire allo steso modo */
.strumenti-ris input, .strumenti-ris a {
   background-color: #D8E1E6;
   border-color: #E7ECEF #8DAAC9 #8DAAC9 #E7ECEF;
   border-style: solid;
   border-width: 1px;
   color: #507CAB;
   font-size: 95%;
   cursor: pointer;
}

   .strumenti-ris input.selected, .strumenti-ris a.selected {
      border-color: #0094FF;
   }

.strumenti-ris input {
   height: 18px;
   padding-bottom: 2px;
}

.strumenti-ris a {
   text-decoration: none;
   padding-top: 2px;
   padding-bottom: 3px;
   padding-left: 4px;
   padding-right: 4px;
}

.strumenti-ris select {
   height: 18px;
   font-size: 12px;
}

span.legend {
   position: relative;
   top: 5px;
   left: 10px;
   padding: 3px;
   background-color: white;
}



.modalita {
   background-color: #f0f8ff;
   color: #666666;
}



/* ########################################################### */
/* ######### STILI NELLE RICERCHE ######### */
/* ######### Box con i canali di ricerca e i filtri (base e avanzata) ######### */
.divRicerca {
   margin: 0 55px;
}
/* ######### Box con le opzioni, ordinamenti... ######### */
.divOpzioni {
   margin: 15px 0 10px 0;
}
/* ######### Filtri nella ricerca avanzata ######### */
span.filtri {
   /* Etichetta "Filtri" */
   color: Navy;
   position: relative;
   top: 5px;
   left: 10px;
   padding: 3px;
   background-color: white;
   background: url(../../Image/Sfondo.jpg);
}

.divFiltri {
   border: solid 1px #ccc;
   padding: 10px;
   margin-bottom: 15px;
   width: 97%; /* serve per Internet Explorer 7 */
}

   .divFiltri span, .divFiltri label, .divFiltri input {
      display: block;
      float: left;
      margin-right: 5px;
      margin-bottom: 4px;
   }

   .divFiltri span, .divFiltri label {
      background-color: #f0f8ff;
      border: solid 1px #ccc;
      padding: 2px 0 0 2px;
      height: 16px;
      width: 135px;
   }
/* ########################################################### */




.divRisultati {
   float: left;
   margin-left: 25px;
}


#gvRisultati .sommario, #gvRisultati .recensione, #gvRisultati .anteprima {
   font-style: italic;
   text-decoration: none;
}


/* stili per la riga di paginazione della tabella dei risultati */
.pager {
   background-color: #dcdcdc;
}

   .pager a, .pager span {
      color: Navy;
      margin: 0 0.2em;
      text-decoration: none;
      font-weight: normal;
   }

   .pager span {
      color: Black;
      font-weight: bold;
   }

   .pager a:hover {
      text-decoration: underline;
   }

   .pager a.prev, .pager a.first {
      margin-right: 0.7em;
   }

   .pager a.next, .pager a.last {
      margin-left: 0.7em;
   }




/* stili per le righe dei risultati della tabella dei risultati */
a.risultati {
   color: navy;
   text-decoration: none;
   font-weight: bold;
}

   a.risultati:hover {
      color: #b22222;
   }

   a.risultati.mlol {
      color: #b22222;
   }


.input {
   height: 16px;
   border: solid 1px #ccc;
}


/* ##################################################################### */
/* Stili per i tasti di ricerca nella Ricerca Base */
.tasti-ricerca {
   /* tasti di ricerca nella Ricerca Base */
   float: right;
   height: 35px;
}

   .tasti-ricerca input {
      /* questo stile serve per far rimanere fermo il tasto "Annulla" quando compare l'immagine di attesa durante la ricerca */
      vertical-align: top;
   }

.button {
   height: 25px;
   cursor: pointer;
   background: url('Image/button_bg.png') repeat-x;
   background-position: top;
   color: #666666;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
}

   .button:hover {
      background: url('Image/button_bg_2.png') repeat-x;
      background-position: top;
   }

.cerca {
   color: #cd2322;
}
/* ##################################################################### */



.small-select {
   height: 21px;
   border: solid 1px #bfbfbf;
}

   .small-select optgroup {
      font-size: 12px;
   }

.azioni {
   color: navy;
}

.tastiblu {
   color: Navy;
   font-weight: bold;
   background-color: #b0c4de;
}

.tastigrigi {
   color: Navy;
   font-weight: bold;
   background-color: #dcdcdc;
}

.tgdisabled {
   color: #fff;
}


.strumenti-ris {
   margin-top: 25px;
   color: navy;
}

   .strumenti-ris div {
      float: left;
      padding-right: 5px;
   }


/* 
  Stile per risolvere il problema dei linkbutton che generano codice 
  JavaScript non accessibile: la soluzione consiste nell'utilizzare 
  un normale <asp:Button /> ed applicargli la seguente classe di stile
  che fa sembrare il bottone un collegamento.
  Si rimanda poi allo stile specifico del bottone per quanto riguarda
  dimensione del carattere e colori.
*/
.linkbutton {
   margin: 0;
   padding: 0;
   overflow: visible; /* per risolvere il problema del padding eccessivo in IE */
   border-width: 0;
   text-align: left;
   cursor: pointer;
   background-color: transparent;
}

   .linkbutton:hover {
      color: #b22222;
   }


.linkbuttonBlu {
   color: #3366CC;
   margin: 0;
   padding: 0;
   overflow: visible; /* per risolvere il problema del padding eccessivo in IE */
   border-width: 0;
   text-align: left;
   cursor: pointer;
   background-color: transparent;
}

/*
   Classe per i menù dei servizi: lettori e biblioteche
*/
.divServizi {
   padding: 5px;
   width: 960px;
}

   /**
   Stile per l'immagine decorativa a sinistra.
*/
   .divServizi img.imgServizi {
      float: left;
      border: 1px solid #ccc;
   }

   /**
   Stile per il contenitore a destra.
*/
   .divServizi div.destra {
      margin-left: 15px;
   }

      /**
   Stile per i contenitori delle singole voci tasto+testo.
*/
      .divServizi div.destra div.servizio {
         margin: 0 0 18px 0;
      }

         .divServizi div.destra div.servizio:last-child {
            margin: 0;
         }


   .divServizi .avvisi {
      margin: 10px;
   }

      .divServizi .avvisi img {
         vertical-align: middle;
         margin-right: 10px;
      }

      .divServizi .avvisi a {
         color: #b22222;
      }

   /**
   Stile per il testo esplicativo a fianco al tasto.
*/
   .divServizi div.destra div.servizio span {
      margin-left: 10px;
      color: Navy;
      font-weight: bold;
      display: inline-block;
      vertical-align: middle;
      width: 600px;
   }

/**
   Stile per i moduli di iscrizione.
*/
.modIscr {
}

   /**
   Stile per i campi obbligatori.
*/
   .modIscr .obb {
      background-color: #FFFACD;
      font-weight: bold;
      margin-bottom: 2px;
   }

   /**
   Stile per i campi facoltativi.
*/
   .modIscr .fac {
      background-color: #F5FFFA;
      font-weight: bold;
      margin-bottom: 2px;
   }

/* per i campi password cambio il font perché quello scelto produce caratteri strani */
.pwd {
   font-family: Arial;
}

/*
   Stile per i bottoni e i collegamenti che devono sembrare bottoni
   per i servizi ai lettori.
*/
.linkServizi {
   background-color: #b0c4de;
   border-color: white;
   border-style: outset;
   border-width: 2px;
   color: #000080;
   font-size: 95%;
   cursor: pointer;
   text-align: center;
   font-weight: bold;
   height: 15px;
   width: 165px;
   padding-top: 1px;
   text-decoration: none;
}

a:link.linkServizi, a:visited.linkServizi, a:active.linkServizi {
   color: #000080;
}


/*
   Stile per i collegamenti che devono sembrare bottoni
   come in linkServizi.
*/
.linkServizi2 {
   height: 100%;
   width: 100%;
}

/*

*/
.linktastiblu {
   background-color: #b0c4de;
   border-color: white;
   border-style: outset;
   border-width: 2px;
   color: #000080;
   cursor: default; /* deve sembrare un tasto */
   text-align: center;
   font-weight: bold;
   padding: 1px 3px;
   text-decoration: none;
}


.underline {
   text-decoration: underline;
}


.divExtra1 {
   width: 100%;
   height: 100%;
   padding-top: 4px;
}


.divBtnContent {
   background-color: #FFEACA;
   padding: 4px;
   margin-bottom: 5px;
   border: 1px solid #ccc;
   text-align: center;
}

.btnContent {
   margin: 0;
   padding: 0;
   overflow: visible;
   border-width: 0;
   text-align: center;
   cursor: pointer;
   background-color: transparent;
}

#divVoto {
   margin-bottom: 5px;
   background-color: #FFEACA;
   padding: 4px;
   margin-top: 5px;
   margin-bottom: 5px;
   border: 1px solid #ccc;
   text-align: center;
}

   #divVoto #divStelleVoto {
      display: inline;
      margin-bottom: 5px;
      background-color: #FFEACA;
      cursor: pointer;
   }

#divAddSocial {
   height: 15px;
   padding: 3px 0;
   border: 1px solid #dedede;
   background-color: #FFEACA;
}

.boxcontent {
   text-align: left;
   margin-bottom: 5px;
   border: 1px solid #dedede;
   padding: 3px 5px;
}

/* lista nella pagina dell'esame titolo con i collegamenti a recensioni, sommari, ricerca editore */
#divCont a {
   background-image: url(../../Image/p_verde.gif);
   background-repeat: no-repeat;
   background-position: center left;
   padding-left: 12px;
}

#divCont .header {
   text-align: center;
   font-weight: bold;
}

/**************** TABS ****************/
/* tabs nelle ricerche OPAC del catalogo */
ul.tabs {
   font-size: 100%;
   margin: 0;
   padding: 0 0 3px 0;
   border-bottom: solid 1px #bbb;
   text-align: center;
}

   /* stile generico per le tab */
   ul.tabs li, ul.tabsNoJS li {
      display: inline;
   }

   ul.tabs a, ul.tabs label, ul.tabs a, ul.tabs input {
      /* vale sia per le tab con collegamenti sia per le tab con radio button, usate ad esempio in RicercaPerIndici */
      padding: 3px 6px; /*font-weight: bold;*/
      text-decoration: none;
      background: #eee url(../../Image/decorazioni/slide_bg.png) repeat-x top;
      color: #333;
      border: 1px solid #bbb;
      border-bottom: none;
      cursor: pointer;
   }

      ul.tabs a:focus {
         outline: none;
      }

      ul.tabs a:hover, ul.tabs label:hover, ul.tabs input:hover {
         color: #b73233;
         border: 1px solid #aaa;
         border-bottom: none;
         background: #f2f2f2;
      }


      /* trucco per nascondere i pallini dei radiobutton */
      /*
ul.tabs input
{
   position: absolute;
   left: -9999px;
}
*/



      /* stile specifico per la tab selezionata */
      ul.tabs .active a, ul.tabs .active label, ul.tabs input.active {
         color: #cd2322;
         background: #fff;
         border-bottom: 1px solid #fff;
         border-bottom: none;
         padding-bottom: 4px;
      }


      ul.tabs input, ul.tabs input.active {
         padding: 2px 5px;
      }

div.tabs {
   clear: both;
   margin: 0;
   padding: 8px;
   height: auto;
   min-height: 80px;
   margin-bottom: 15px;
   border: solid 1px #bbb;
   border-bottom: none;
   border-top: none;
   background-color: white;
   display: none;
}





#divAvvisi {
   text-align: center;
}

   #divAvvisi img {
      vertical-align: middle;
   }

   #divAvvisi span {
      margin: 10px 0 0 0;
      color: #b22222;
      font-weight: bold;
   }



.button-lista {
   color: Navy;
   width: 40px;
   height: 20px;
   font-size: 98%;
   cursor: pointer;
   background-color: #f0f8ff;
   border: inset 1px #bfbfbf;
   vertical-align: top;
}


.divSx1 {
   /* questa classe la uso solo quando devo mostrare la pagina divisa in due parti: ad es. Esame + Contenuti */
   width: 765px;
   min-width: 150px;
}

.divSx2 {
   /* questa classe la uso solo quando devo mostrare la pagina divisa in due parti: ad es. Esame + Contenuti */
   width: 100%;
}

.divEsame, .divContenuti {
}

#divRisCont .imgthumb {
   /* miniature delle immagini nei "Contenuti" */
   width: 100px;
   vertical-align: middle;
}

.divEsameTitolo {
   margin: 0 auto;
   width: 975px; /* la stessa larghezza della somma degli elementi in home page */
}

.divTitolo {
   font-size: 1em;
   font-weight: bold;
   color: #000080;
   margin: 8px 0 3px 0;
}

.divMadre {
   font-size: 1em; /* color: #3366CC;*/
   color: #3366CC;
   margin: 0px 2px 3px 0;
}


.divExtra2 {
   min-height: 380px; /* un po' meno dell'altezza dell'immagine con la piega */
   margin-left: 765px;
   width: 180px;
   padding: 10px;
   overflow: visible;
   background-image: url(../../Image/decorazioni/box_piega.jpg);
   background-repeat: no-repeat;
}

   .divExtra2 .extraTit {
      margin-left: 40px;
      font-weight: bold;
   }

   .divExtra2 hr {
      width: 70%;
      text-align: left;
      margin: 0 0 10px 0;
   }

.divCover {
   width: 154px;
   margin: 20px 0 0 10px;
}

#divCopertina input {
   cursor: url(../../Image/decorazioni/zoom.png), url(../../Image/decorazioni/zoom.ico), pointer;
}

.divShadowboxCover {
   text-align: center;
   width: 100%;
   height: 100%;
}

.tbEsameTitolo th {
   text-align: right;
   vertical-align: top;
   width: 150px;
}

.tbEsameTitolo td {
   text-align: left;
   vertical-align: top;
}

.tbEsameTitoloDL th {
   text-align: left;
   vertical-align: top;
   width: 150px;
}


.borderGray {
   border: solid 1px #cccccc;
}


.divLegami {
   /* Utilizzato nell'Esame Titolo per i legami titolo, autore, soggetti, consistenza, localizzazioni in SBN, ... */
   margin: 5px 10px 20px 0;
}

/* Usato nell'Esame Titolo per le intestazioni dei legami titolo, autore, soggetti, consistenza, localizzazioni in SBN, 
   e anche nella sezione "Contenuti"  */
.divLegamiHeader {
   font-weight: bold;
   background-color: #FFDEAD;
}

.divLegamiHeaderDove {
   font-weight: bold;
   border-bottom: 1px solid #ccc;
   margin-bottom: 5px;
}

/* stili per le pagine degli "Altri cataloghi" */
.altricat-sx {
   float: left;
   width: 520px;
}

.altricat-dx {
   float: right;
   width: 450px;
   text-align: justify;
}

.altricat-tit {
   font-size: 14px;
   font-style: italic;
   font-weight: bold;
   color: #000099;
}

.altricat-strutt {
   background-color: #f0e68c;
   font-size: 10px;
   width: 52px;
   vertical-align: top;
}

.schedabiblio_small {
   float: left;
   width: 415px;
   background-color: #fff;
   padding: 5px;
   border: solid 1px #ccc;
}

/* classe per la scheda biblioteca */
.schedabiblio {
   background-color: #fff;
   padding: 5px;
   border: solid 1px #ccc;
}

.schedabiblio_tab {
   /* classe per i div delle varie tab */
   height: 360px;
   padding: 10px;
   background-color: #fffff2;
   line-height: 20px;
   overflow: auto;
}

/* "Chiedi al bibliotecario" in "Scheda biblioteca" */
.schedabiblio_chiedi label {
   display: inline-block;
   width: 55px;
}

.schedabiblio_chiedi input[type=text] {
   border: solid 1px #ccc;
}


/* Stili nella pagina dell'elenco biblioteche */
.elencobiblio {
   list-style-type: circle;
   padding: 0;
}

   .elencobiblio li {
      display: block;
      margin: 3px 0;
   }

      .elencobiblio li:before {
         content: counter(item) ". ";
         counter-increment: item;
      }

.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 un elemento mobile. */
   clear: both;
   height: 0;
   font-size: 0px;
   line-height: 0px;
}

.flrlft {
   float: left;
}

.fltrt {
   float: right;
}

.hidden {
   display: none;
}

/* Per rendere le righe "hr" compatibili con firefox:
sostituire le righe "hr" con un div e applicare questo stile,
solo il bordo superiore rimane visibile creando un linea simile
ad "hr"
*/
.divHr {
   border-left: 0px solid #B4B4B4;
   border-right: 0px solid #B4B4B4;
   border-top: 1px solid #B4B4B4;
   border-bottom: 0px solid #B4B4B4;
   left: 5px;
   width: 598px;
   position: absolute;
   top: 8px;
   height: 10px;
}

.parole_over:hover {
   background-color: #ccc;
}

.infoDiv {
   background-image: url(../../Image/decorazioni/info_bkgr.png);
   background-position: top;
   background-repeat: repeat-x;
   background-color: #fff;
}

.chkSelTutti {
   background-color: #FFFF80;
   border: outset 1px red;
   width: 15px;
   height: 15px;
}

.copertina {
   border: 2px #ccc outset;
   display: inline-block;
}

#divHomeLeft {
   /*    background-image: url(../../Image/decorazioni/box_sfumato_sx.jpg);    background-repeat: no-repeat;    */
   width: 196px;
   float: left;
   overflow: hidden;
}

#divHomeRight {
   background-image: url(../../Image/decorazioni/box_sfumato.jpg);
   background-repeat: no-repeat;
   width: 190px;
   overflow: hidden;
}

.divHomeCentro {
   float: left;
   width: 760px;
   margin-left: 10px;
}

#divHomeWelcome {
   /*    background-image: url(../../Image/decorazioni/home-welcome.gif);    background-repeat: no-repeat;    width: 165px;    height: 175px;    margin-top: 10px;    */
}

   #divHomeWelcome #divWelcome {
      font-size: 12px;
      padding: 3px 0 0 3px;
   }

   #divHomeWelcome #divLogo {
      text-align: center; /*margin-top: 5px;*/
   }

      #divHomeWelcome #divLogo a {
         font-size: 13px;
         font-weight: bold;
         text-decoration: none;
         outline: none;
      }

      #divHomeWelcome #divLogo img {
         border: 0;
      }


/* si tratta dei div nell'home page contenenti i collegamenti all'edicola, agli ebook e alla digital library */
.divHomeShape {
   width: 140px;
   height: 55px;
   padding: 10px 0 0 15px;
   margin-bottom: 3px;
   background-image: url(../../opcNet3/Image/shape4.gif);
   background-repeat: no-repeat;
   font-weight: bold;
   font-size: 14px;
   line-height: 12px;
}

   .divHomeShape span {
      display: block;
      margin-top: 5px;
      font-weight: normal;
      font-size: 11px;
   }

   .divHomeShape a {
      color: #7990c4;
   }

/* 
   Per simulare il bordino Groove in firefox ed Explorer
*/
.standardDiv {
   border-style: solid;
   border-width: 1px;
   border-color: #ACA899;
}


/*
   Stile per omogeneizzare le tabelle.
*/
.tabella, .tabella th, .tabella tr td {
   border: solid 1px #CCCCCC;
   white-space: nowrap;
}

   .tabella tr {
      background-color: #ffffff;
   }

      .tabella tr.row {
         background-color: white;
      }

      .tabella tr.alt {
         background-color: #f5f5f5;
      }

      .tabella tr.selectedrow td {
         background-color: #F0FFFF;
      }

      .tabella tr.head {
         background-color: #ffdead;
      }

      .tabella tr.pager {
         background-color: #cccccc;
      }

      .tabella tr.footer {
         background-color: #faebd7;
      }


/* Stili per la tabella dei risultati */
.risultato_opac {
   border: solid 1px #CCCCCC;
   vertical-align: bottom;
}

   .risultato_opac th {
      font-weight: normal;
      border: none;
      border-bottom: solid 1px #CCCCCC;
   }

   .risultato_opac td {
      border: none;
      border-bottom: solid 1px #CCCCCC;
   }

   .risultato_opac .header {
      background-color: #EFFBFF;
   }

   .risultato_opac .pager {
      background-color: #E8E8E4;
   }



/* ######### Stile per i raggruppamenti / raffinamenti nella pagina dei risultati ######### */
#divFacet {
   /* intero blocco sulla destra della pagina */
   float: left;
   width: 190px;
   margin-left: 10px;
}

   #divFacet div.raffina, #divFacet div.blocco .header {
      /* stile per l'header di "Raffina la ricerca" e dei singoli gruppi */
      width: 190px;
      height: 19px;
      text-align: center;
      display: table-cell;
      vertical-align: middle;
      color: #000080;
      border-top: solid 1px #cccccc;
   }

   #divFacet div.raffina {
      /* stile per l'header di "Raffina la ricerca" */
      font-weight: bold;
      background-color: #E8E8E4;
   }

   #divFacet div.blocco {
      /* stile per ogni singolo blocco contenente sia l'intestazione sia le voci cliccabili */
      background-color: #F0EEF1;
      clear: both;
   }

      #divFacet div.blocco .header {
         /* stile per l'header dei singoli gruppi */
         background-color: #effbff;
         border-bottom: solid 1px #cccccc;
      }

      #divFacet div.blocco ul {
         list-style: none;
         margin: 0;
         padding: 0 7px;
      }

         #divFacet div.blocco ul li {
            padding: 0;
            clear: both;
            position: relative;
         }

      #divFacet div.blocco a {
         /* collegamenti */
         padding: 3px 0 0 0;
         display: block;
         position: relative;
         color: #3366CC;
         cursor: pointer; /* serve per IE7 */
      }

         #divFacet div.blocco a span.count, #divFacet div.blocco a span.countsel {
            /* span con il conteggio */
            float: right;
            font-size: 12px;
            color: #7f7f7f;
         }

         #divFacet div.blocco a:hover, #divFacet div.blocco a:hover span.count, #divFacetAppl .facetappl a:hover, #divFacet div.blocco li.selected a, #divFacet div.blocco li.selected span.countsel {
            /* collegamenti al passaggio del mouse e quando sono stati selezionati */
            background-color: #3366CC;
            color: #fff;
         }


         #divFacet div.blocco a.showallfacet {
            /* mostra tutti */
            display: inline-block;
            width: 180px;
            text-align: right;
            font-size: 12px;
            font-style: italic;
         }

         #divFacet div.blocco a:hover.showallfacet {
            background: none;
            color: inherit;
            text-decoration: underline;
         }

      #divFacet div.blocco span.ellipsis {
         display: inline-block;
         width: 135px;
      }

/* Raffinamenti applicati */
#divFacetAppl {
   height: 100%; /* serve per IE7 */
   padding: 10px;
   margin-top: 15px;
   margin-bottom: 5px;
   border-top: solid 1px #ccc;
   border-bottom: solid 1px #ccc;
   background-color: #e8e8e4;
}

   #divFacetAppl .appl1 {
      /* box con la scritta "Raffinamenti applicati" */
      float: left;
      width: 140px;
   }

   #divFacetAppl .appl2 {
      /* box con i raffinamenti applicati cliccabili */
      float: left;
      width: 80%;
   }

   #divFacetAppl .facetappl {
      /* filtri applicati */
      display: inline-block;
      margin-right: 5px;
      margin-bottom: 3px;
   }

      #divFacetAppl .facetappl a {
         /* collegamento con l'immagine "elimina" come sfondo */
         color: #3366CC;
         display: inline-block;
         background-image: url(../../Image/decorazioni/elimina.png);
         background-repeat: no-repeat;
         background-position: right;
         padding-right: 15px;
      }

#divFaceCntDL li.selected a {
   display: inline-block;
   background-image: url(../../Image/decorazioni/elimina.png);
   background-repeat: no-repeat;
   background-position: right;
   padding-right: 15px;
}

/* Stili nella pagina "Mostra tutti" */
.facetHeader {
   padding: 5px;
   height: 22px;
   background-color: #e8e8e4;
   border: solid 1px #ccc;
   border-left: none;
   border-right: none;
}

   .facetHeader .facetDesc {
      float: left;
      font-size: 18px;
      margin-right: 15px;
      color: #b22222;
   }

   .facetHeader .facetType {
      float: left;
      margin-top: 5px;
      width: 350px;
   }

      .facetHeader .facetType a, .facetHeader .facetPagination a {
         margin: 0 7px;
      }

         .facetHeader .facetType a.facetTypeSel {
            color: Gray;
            text-decoration: underline;
            font-weight: bold;
         }

   .facetHeader .facetPagination {
      margin-top: 5px;
   }

.facetAllCol1 {
   float: left;
   width: 480px;
   border-right: solid 1px #ccc;
}

.facetAllCol2 {
   float: left;
   width: 480px;
}
/* ########################################################### */




#divNews {
   padding: 10px;
}

   #divNews .int {
      margin: 10px 0 20px 0;
      border-top: solid 1px #ccc;
   }

      #divNews .int img {
         float: right;
      }

   #divNews .data {
      font-weight: bold;
   }

   #divNews .luogo {
   }

   #divNews .testo {
      margin: 0 0 20px 20px;
      max-height: 250px;
      overflow-y: scroll;
   }

   #divNews a {
      text-decoration: underline;
   }




tr.row {
   background-color: white;
}

tr.altrow {
   background-color: #f5f5f5;
}

tr.selectedrow td {
   background-color: #bbffb2;
}

#divAreaBenvenuto {
   float: left;
   width: 740px;
   height: 155px;
   padding: 15px;
   color: Navy;
   text-align: justify;
}

#divLogin {
   position: relative;
   float: right;
   width: 185px;
   height: 180px;
   padding-top: 3px;
}



/* ##################################################################### */
/* Tabs: I libri più letti -  Ultimi arrivi */
#divPiuLetti {
   margin: 0 auto;
   text-align: center;
}

   #divPiuLetti div, .ultimi div {
      float: left;
   }

.ultimi img {
   margin-left: 18px;
   margin-right: 15px;
}

   .piuLetti img.vet, .ultimi img.vet, .divDummy {
      float: left;
      width: 85px;
      height: 125px;
      display: inline-block;
   }

#divPiuLetti div {
   /* si tratta del div con i numeri in verticale */
   margin: 0 3px 0 12px;
   font-size: 12px;
}

   #divPiuLetti div span {
      display: block;
      width: 15px;
      margin-bottom: 2px;
      text-align: center;
   }

      #divPiuLetti div span.selected {
         border: 1px solid black;
      }



/* VECCHI STILI DA RIVEDERE */
#divHelpOpac {
   display: none;
   width: 755px;
   border: 2px #ccc solid;
   background-color: White;
   padding: 10px;
   text-align: justify;
   overflow: scroll;
}

   #divHelpOpac .headHelp {
      font-weight: bold;
      margin-bottom: 20px;
   }
/* VECCHI STILI DA RIVEDERE */




.helpOpac, .helpOpac div {
   text-align: justify;
   font-size: 13px;
}


   .helpOpac #divHeadHelp h1 {
      margin: 0;
      font-size: 22px;
   }




/* stile per le tabelle dell'Opac */
.tabellaopac {
   color: #000;
   border: solid 1px gainsboro;
   border-collapse: collapse;
}

   .tabellaopac td, .tabellaopac th {
      /*white-space: nowrap;*/
      border-collapse: collapse;
      border: solid 1px gainsboro;
   }

      .tabellaopac td.wrap, .tabellaopac th.wrap {
         white-space: normal;
      }

   .tabellaopac tr.noborder td {
      border: none;
   }

.tabelladati tr, .tabelladati tr.row {
   background-color: #fff;
   height: 10px;
}

.tabellaopac tr.row {
   border: solid 1px #dcdcdc;
}

.tabellaopac tr.altrow {
   background-color: #f5f5f5;
}

.tabellaopac tr.headerrow {
   background-color: #effbff;
}

.tabellaopac .nobold th {
   font-weight: normal;
}

.tabellaopac tr.pagerrow {
   background-color: #e8e8e4;
}

   .tabellaopac tr.pagerrow span, .tabellaopac tr.pagerrow a {
      color: Navy;
      margin: 0 0.2em;
      text-decoration: none;
      font-weight: normal;
   }

   .tabellaopac tr.pagerrow span {
      /* il numero selezionato */
      color: #000;
      font-weight: bold;
   }

.tabellaopac tr.footerrow {
   background-color: #faebd7;
}


.dummyImgLarge {
   display: block;
   position: relative;
   background-color: #eee;
   background-repeat: no-repeat;
   color: #5f5e5e;
   width: 150px;
   height: 220px;
}

   .dummyImgLarge div {
      position: relative;
      height: 100%;
   }

   .dummyImgLarge .titolo {
      display: block;
      position: absolute;
      width: 88%;
      top: 23px;
      left: 0;
      font-size: 1.1em;
      font-weight: bold;
      padding: 0 5% 0 4%;
      text-align: center;
   }

   .dummyImgLarge .autore {
      display: block;
      position: absolute;
      width: 88%;
      bottom: 17px;
      left: 0;
      padding: 0 5% 0 4%;
      text-align: center;
   }

.dummyImgMedium {
   display: block;
   width: 110px;
   height: 173px;
   color: #5f5e5e;
   background-color: #eee;
   background-repeat: no-repeat;
   overflow: hidden;
   background-size: 110px 170px;
}

   .dummyImgMedium .dummyTit {
      display: block;
      position: relative;
      height: 100%;
   }

      .dummyImgMedium .dummyTit span {
         position: absolute;
         display: block;
         width: 85%;
         left: 0;
         padding: 0 6%;
         font-size: 0.8em;
         font-weight: bold;
         text-align: center;
         line-height: 10px;
         white-space: pre-line;
      }

         .dummyImgMedium .dummyTit span.titolo {
            top: 25px;
         }

         .dummyImgMedium .dummyTit span.autore {
            bottom: 10px;
            font-weight: normal;
         }

.dummyImgSmall {
   display: block;
   width: 85px;
   height: 125px;
   color: #5f5e5e;
   background-color: #eee;
   background-repeat: no-repeat;
   overflow: hidden;
}

   .dummyImgSmall .dummyTit {
      display: block;
      position: relative;
      height: 100%;
   }

      .dummyImgSmall .dummyTit span {
         position: absolute;
         display: block;
         width: 85%;
         left: 0;
         padding: 0 6%;
         font-size: 0.7em;
         font-weight: bold;
         text-align: center;
         line-height: 10px;
         white-space: pre-line;
      }

         .dummyImgSmall .dummyTit span.titolo {
            top: 15px;
         }

         .dummyImgSmall .dummyTit span.autore {
            bottom: 5px;
            font-weight: normal;
         }


.dummyImgXSmall {
   display: block;
   width: 60px;
   height: 85px;
   color: #5f5e5e;
   background-color: #eee;
   background-repeat: no-repeat;
   overflow: hidden;
   background-size: 57px 90px;
}

   .dummyImgXSmall .dummyTit {
      display: block;
      position: relative;
      height: 100%;
   }

      .dummyImgXSmall .dummyTit span {
         position: absolute;
         display: block;
         width: 85%;
         left: 0;
         padding: 0 6%;
         font-size: 0.7em;
         font-weight: bold;
         text-align: center;
         line-height: 10px;
         white-space: pre-line;
      }

         .dummyImgXSmall .dummyTit span.titolo {
            top: 15px;
         }

         .dummyImgXSmall .dummyTit span.autore {
            bottom: 5px;
            font-weight: normal;
         }


.WSCanali input {
   vertical-align: middle;
   margin-right: 3px;
   padding: 1px;
   background-color: #ccc;
}

.leggitutto {
   font-size: 11px;
   text-decoration: dotted;
   white-space: nowrap;
   color: Blue;
   border-bottom: dotted 1px #ccc;
   cursor: pointer;
}

.ellipsis {
   /* per troncare il testo e mettere i puntini di sospensione */
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   -o-text-overflow: ellipsis;
   -ms-text-overflow: ellipsis;
}

#divOpcDL {
   /* in Home Page */
   border: solid 1px #ccc;
   border-radius: 10px;
   box-shadow: 5px 5px 4px #888888;
   width: 185px;
   margin-top: 10px;
}

   #divOpcDL div {
      text-align: center;
   }

   #divOpcDL img {
      border: none;
   }


#divOpcEbookDL {
   position: relative;
   width: 185px;
   height: 240px;
   margin: 0 auto;
   margin-bottom: 30px;
}

   #divOpcEbookDL .textebook {
      position: absolute;
      z-index: 1000;
      bottom: 30px;
      font-size: 30px;
      color: #fff;
      font-style: italic;
      text-shadow: 3px 2px 2px #000;
      left: 48px;
   }


   #divOpcEbookDL img {
      margin-left: 15px;
      width: 150px;
      height: 220px;
   }

.boxHomeDL {
   margin-bottom: 20px;
}

hr.dashed {
   margin-top: 10px;
   border: 1px dashed #ccc;
}

.cover-shadow {
   box-shadow: 4px 4px 3px #888;
}

#divTipoMatDove {
   /* box con l'icona del tipo materiale nella cheda "Dove" dell'esame titolo */
   float: right;
   margin-right: 15px;
   margin-top: 5px;
   text-align: center;
}

   #divTipoMatDove span {
      color: navy;
      font-size: 11px;
   }

#divColloc {
   font-size: 13px;
   text-align: left;
}

#divGvColloc {
   /* icona attesa nello sfondo del div con le collocazioni (scheda DOVE esame titolo) */
   background-image: url(../../Image/loading/loading_small.gif);
   background-repeat: no-repeat;
   background-position: 50% 50%;
   min-height: 50px;
}

.altre_img {
   /* per le foto in Digital Library, per l'etichetta che indica che ce ne sono più di una */
   display: inline-block;
   text-align: center;
   width: 100%;
   font-style: italic;
}

/* box per la pubblicizzazione delle applicazioni mobili */
#divMobile {
   text-align: center;
}

.overlay {
   /* per applicare lo sfondo non cliccabile con la presenza di finestre di dialogo */
   background-color: #000;
   opacity: 0.3;
   filter: Alpha(Opacity=30);
   position: fixed;
   width: 100%;
   height: 100%;
   z-index: 1000;
}

.middle {
   vertical-align: middle;
}

.left {
   float: left;
}

.right {
   float: right;
}


/* Overwrite JQuery UI */
.ui-widget-overlay {
   background: #000;
}

.ui-widget {
   font-family: inherit;
}


/* MediaLibrary */
.mlol-res {
   padding: 5px 15px;
   z-index: 300;
   background-color: white;
   border: solid 1px #ccc;
   border-radius: 5px;
}

   .mlol-res img {
      vertical-align: middle;
   }

#divMlol img {
   /* i vari loghi dentro il box apposito nell'esame titolo */
   vertical-align: middle;
   margin-right: 10px;
}


/* Privacy policy e Cookie Policy*/
h2.policy {
   font-size: 16px;
   color: #f9423a;
}

.opac-nome-policy {
   font-weight: bold;
   color: firebrick;
}

.opac-url-policy {
   font-weight: bold;
   color: mediumblue;
}


/* Responsive */
/*#container {
   width: 100%;
   min-width: 0;
}

#header {
   width: 100%;
}

#mainContent {
   width: 100%;
}

img {
   max-width: 100%;
}*/