.finto { }
/* GRAFICA E COLORI */
/* generale  */
body {font:100% Verdana, Helvetica, sans-serif; color:#575757; background: #FFF; line-height: 160%;}
@media screen and (min-width:769px){
    body{
        font-size:70%;
        background: #FFF url(/img/layout/bgBody.jpg) no-repeat 0 0;
    } 
}

a img, img a {border:none;}
.reddottext a:link, .reddottext a:visited{text-decoration:underline;}
a:link, a:visited, .subNavAnchor a:link, .subNavAnchor a:visited, .elencoLink a:link, .elencoLink a:visited, 
.riquadro a:link, .riquadro a:visited {color:#565656; text-decoration:none;}
a:hover, .subNavAnchor a:hover, .elencoLink a:hover, .riquadro a:hover { color:#CF1307; text-decoration:underline;}
a:active {color:#CF1307;}
acronym {cursor:help;}
/*#biblioAgraria #corpo, #biblioVeterinaria #corpo, #biblioLFG #corpo  {background-image: none;}*/
#related {background:#FFF}
@media screen and (min-width:769px){
    #related {background:#FFF url(/img/layout/bgRelated.gif) no-repeat 0 0;}
}
.related-paragraph{text-align:center;}
.float-sm-right,.float-sm-left{display:block;margin-bottom:10px;}
.hide-sm{display:none;}
@media screen and (min-width:769px){
    .float-sm-right{float:right!important;margin-left:10px;}
    .float-sm-left{float:left!important;margin-right:10px;}
    .hide-sm{display:inline-block;}
}



/* tabelle  */
table {margin:0 0 20px 0px; border-collapse:collapse; width:100%; table-layout: fixed; word-break: break-word; }
.table--outerwrapper{display: table;table-layout: fixed;width: 100%;}
.table--wrapper {width: 100%;overflow-x: auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
.table--wrapper table {min-width:768px;}
caption {border:1px solid #CCC; border-bottom:0; text-align:left; text-transform:uppercase; padding:5px; margin:10px 0 0 0; font-weight:bold; background-color:#EBEBEB;}
caption a {display:block;}
th {margin:0;  border:1px solid #CCC; padding:5px; background-color:#EBEBEB; }
td {border:1px solid #CCC; margin:0; padding:5px; vertical-align:middle;}
td.CurriculumDocenti, td.CurriculumEdizioni, td.PianostudiDocenti, td.PianostudiEdizioni 
{background-color:#FCFCFC;}
tr {margin:0;  border:1px solid #CCC; padding:5px;}
td a:link, td a:visited {color:#575757;}
td.ElencoInsegnamento, td.ElencoDocenti, td.CurriculumInsegnamento, td.CurriculumDocenti, 
td.PianostudiInsegnamento, td.PianostudiDocenti { text-transform:lowercase; }
td.ElencoInsegnamento:first-letter {text-transform:uppercase;}
td.CurriculumInsegnamento:first-letter {text-transform:uppercase;}
td.PianostudiInsegnamento:first-letter {text-transform:uppercase;}
html>body .ElencoInsegnamento a:first-letter,  html>body .CurriculumInsegnamento a:first-letter, html>body 
.PianostudiInsegnamento a:first-letter {text-transform:uppercase;} /*Qs serve solo per Mozilla*/
td.ElencoInsegnamento a, td.ElencoEdizioni a, td.ElencoDocenti a, td.CurriculumInsegnamento a, 
td.CurriculumEdizioni a, td.CurriculumDocenti a, td.PianostudiInsegnamento a, td.PianostudiEdizioni a, 
td.PianostudiDocenti a  { text-decoration:underline; }
td.ElencoDocenti a, td.CurriculumDocenti a, td.PianostudiDocenti a { text-transform: capitalize; }
.subnav2 li.subnavend {border-bottom: 1px solid #0B59A0; }



.tornasu { text-align:right; text-decoration: underline;visibility:hidden;}
@media screen and (min-width:769px){
  .tornasu{visibility:visible;}
}


/* testata */
#head {color:#575757; background:#EBEBEB url(/img/layout/bgHead.jpg) no-repeat 100% 0; position:relative; display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; -ms-flex-align:center; align-items:center; } 
p#linkUniversita {margin:0;position:static;-ms-flex-order:2;order:2;}

#head h1 {color:#757C82; margin:0; padding:0;} 
#head h1 a, #head h1 a:hover {color:#757C82; text-decoration:none} 
p#payoff {} 
#homepage p#payoff {padding:0 80px 10px 10px;} 
#head a, #head a img {padding:0; margin:0; display:block;} 
p#data {text-align:right; padding:5px; margin:0;}

#head img{
    zoom:60%;
}
@media screen and (min-width:769px){
  #head img{
    zoom:100%;  
  }
}


/* navigazione  */
.collapsible-menu{ width:100%; -ms-flex-order:4; order:4; }
.collapsible-menu.show{ display:block; }
@media screen and (min-width:769px){
  .collapsible-menu{ display:-ms-flexbox!important; display:flex!important; -ms-flex-order:initial; order:initial; }
}

/*offcanvas buttons (open, close)*/ 
#offcanvasbutton{
    background:#CD050F;    
}


#offcanvasbutton>button{
    border:none;
    background:transparent none;
    cursor:pointer;
    position:relative;
    color:#fff;
    font-size:1em;
    padding:10px 30px;
    line-height:1;
        
    }
#offcanvasbutton>button::before{
    content:"";
    display:inline-block;
    width:20px;
    height:20px;
    border-top:4px solid #fff;
    border-left:4px solid #fff;
    -webkit-transform:rotate(-45deg);
            transform:rotate(-45deg);
    vertical-align:middle;    
}


#closeoffcanvas{
    border:none;
    background:none;
    line-height:1;
    float:right;
    cursor:pointer;
    font-size:1em;
}

#closeoffcanvas::after{
    content:"\00d7";
    display:inline-block;
    font-size:40px;
    line-height:1;
    vertical-align:middle;
    padding-bottom: 3px;    
}

@media screen and (min-width:769px){
  #offcanvasbutton{ display:none;}
  #closeoffcanvas{ display:none;}  
}

/*collapse behavior*/ 
@media screen and (max-width:768px){
  .collapsible-menu {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.8s;  
  }
  .collapsible-menu.show {
    max-height:400px;
  }
}                                      

@media screen and (prefers-reduced-motion: reduce) {  
  .collapsible-menu{transition: none;}
}

/*Hamburger*/
.hamburger{ 
    border:none; 
    background:none;
    color:#fff;
    cursor:pointer;
    -ms-flex-order:2;
        order:2;
    text-transform:uppercase;
    position: relative;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    transition: .5s ease-in-out; 
    padding:0 40px 0 0;
    margin-right:20px;
    margin-left:auto;
    height:50px;
    }
    
    
.hamburger  span {
    display: block;
    position: absolute;
    height: 2px;
    width: 30px;
    background:#fff;
    opacity: 1;
    right: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    transition: .25s ease-in-out;
}      
    
 .hamburger span:nth-child(1) {
  top: 17px;
}

 .hamburger span:nth-child(2), .hamburger span:nth-child(3) {
  top: 25px;
}

 .hamburger span:nth-child(4) {
  top: 33px;
}

 .hamburger.closed span:nth-child(1) {
  top: 25px;
  width: 0;
  right: 0;
}

 .hamburger.closed span:nth-child(2) {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

 .hamburger.closed span:nth-child(3) {

  -webkit-transform: rotate(-45deg);

          transform: rotate(-45deg);
}

 .hamburger.closed span:nth-child(4) {
  top: 25px;
  width: 0%;
  right: 0%;
}
    
@media screen and (min-width:769px){
    .hamburger{ display:none;}
}

#nav{background:#CD050F;min-height:50px;}
 /* navigazione sezioni */
#mainnav { background:#CD050F ; text-transform:uppercase; color:#FFF; font-weight:bold;line-height: normal; font-family: Arial, Helvetica, sans-serif;-ms-flex-pack:start;justify-content:flex-start;}
@media screen and (min-width:769px){
   #mainnav{ font-size: 1.2em; -ms-flex-pack:end;justify-content:flex-end;} 
} 
 
 #mainnav ul {margin:0; padding:0;background-color:#CD050F;list-style-type:none;}     
 #mainnav li {margin:0;position:relative; }
 #mainnav a {text-decoration:none; display:block; color:#FFF;padding:15px 5px 15px 25px;} 
@media  screen and  (min-width:769px){
 #mainnav li:hover::before{
    position:absolute;
    content:"";
    width:10px;
    height:10px;
    top:0;
    left:calc(50% - 10px);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;   
    border-top: 10px solid #fff;     
 }
}   

 /* navigazione tools */
 #tools {background:#CD050F; color:#FFF; font-weight:bold; font-size: 1em; text-align: left; line-height: normal}
@media screen and (min-width:769px){
   #tools{background:#9A141B url(/img/layout/bgMainNav.jpg) repeat-y 100% 0;margin:0; } 
} 
#tools ul {margin:0;padding:0;list-style-type:none} 
 #tools li {margin:0; }
 #tools a {text-decoration:none; display:block; color:#FFF;padding:15px 5px 15px 25px;position:relative; }
 #tools a#special { text-transform: uppercase; }

@media screen and (min-width:769px){
   #mainnav ul, #tools ul{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;text-align:right;} 
} 

@media  screen and  (min-width:769px){
    #mainnav a, #tools a{
        padding:20px 5px 15px 5px;
    } 
 }

/*language menu*/ 
#languagemenu{ -ms-flex-order:1; order:1;margin:0 0 0 20px;}
@media screen and (min-width:769px){
   #languagemenu{position:static;background:#9A141B;-ms-flex:0 0 52.1px;flex:0 0 52.1px;-ms-flex-order:3;order:3;margin:0;} 
}
#languagemenu ul{list-style-type:none;margin:0; padding:15px 0 15px 0}
#languagemenu li{display:inline-block;}
#languagemenu a{text-decoration:none; color:#FFF;display:inline-block;border-left:1px solid #fff;padding:0 5px; }
#languagemenu li:first-of-type a{border-left:none;}
 
 /*stili minisiti Biblioteche di Facoltà */
 #biblioBLFG #subnav { background: transparent url(/img/layout/bgSubnavBiblioGLF.jpg) no-repeat 0 0; }
 #biblioBLFG  .cont h1 {  padding-top:0px;position: static; font-family: Arial, Helvetica, sans-serif;}
 #biblioBLFG  .cont h2#sottotitolo { padding-top: 20px; }
 #biblioBLFG #bread ul {margin:0; padding:120px 10px 20px 0;}
 #biblioBLFG #pagebody { background: transparent url(/img/layout/bannerMinisitoBGLF.jpg) no-repeat 0 0; }

 #biblioBSCPOL #subnav { background: transparent url(/img/layout/bgSubnavBSCPOL.jpg) no-repeat 0 0; }
 #biblioBSCPOL  .cont h1 {  padding-top:0px;position: static; font-family: Arial, Helvetica, sans-serif;}
 #biblioBSCPOL  .cont h2#sottotitolo { padding-top: 20px; }
 #biblioBSCPOL #bread ul {margin:0; padding:120px 10px 20px 0;}
 #biblioBSCPOL #pagebody { background: transparent url(/img/layout/bannerMinisitoBSCPOL.jpg) no-repeat 0 0; }

 #biblioBFIL #subnav { background: transparent url(/img/layout/bgSubnavBiblioFilosofia.jpg) no-repeat 0 0; }
 #biblioBFIL  .cont h1 {  padding-top:0px;position: static; font-family: Arial, Helvetica, sans-serif;}
 #biblioBFIL  .cont h2#sottotitolo { padding-top: 20px; }
 #biblioBFIL #bread ul {margin:0; padding:120px 10px 20px 0;}
 #biblioBFIL #pagebody { background: transparent url(/img/layout/BannerMinisitoFilosofia.jpg) no-repeat 0 0; }

 #biblioBSTORIA #subnav { background: transparent url(/img/layout/bgSubnavBiblioBSTORIA.jpg) no-repeat 0 0; }
 #biblioBSTORIA  .cont h1 {  padding-top:0px;position: static; font-family: Arial, Helvetica, sans-serif;}
 #biblioBSTORIA  .cont h2#sottotitolo { padding-top: 20px; }
 #biblioBSTORIA #bread ul {margin:0; padding:120px 10px 20px 0;}
 #biblioBSTORIA #pagebody { background: transparent url(/img/layout/bannerMinisitoBSTORIA.jpg) no-repeat 0 0; }

 #biblioBFILOLOGIA #subnav { background: transparent url(/img/layout/bgSubnavBiblioBFILOLOGIA.jpg) no-repeat 0 0; }
 #biblioBFILOLOGIA  .cont h1 {  padding-top:0px;position: static; font-family: Arial, Helvetica, sans-serif;}
 #biblioBFILOLOGIA  .cont h2#sottotitolo { padding-top: 20px; }
 #biblioBFILOLOGIA #bread ul {margin:0; padding:120px 10px 20px 0;}
 #biblioBFILOLOGIA #pagebody { background: transparent url(/img/layout/bannerMinisitoBFILOLOGIA.jpg) no-repeat 0 0; }

 #biblioBARTE #subnav { background: transparent url(/img/layout/bgSubnavBiblioBARTE.jpg) no-repeat 0 0; }
 #biblioBARTE  .cont h1 {  padding-top:0px;position: static; font-family: Arial, Helvetica, sans-serif;}
 #biblioBARTE  .cont h2#sottotitolo { padding-top: 20px; }
 #biblioBARTE #bread ul {margin:0; padding:120px 10px 20px 0;}
 #biblioBARTE #pagebody { background: transparent url(/img/layout/BannerMinisitoBARTE.jpg) no-repeat 0 0; }

 #biblioBAPICE #subnav { background: transparent url(/img/layout/bgSubnavBiblioBAPICE.jpg) no-repeat 0 0; }
 #biblioBAPICE  .cont h1 {  margin-top:10px; padding-top:0px;position: static; font-family: Arial, Helvetica, sans-serif;}
 #biblioBAPICE  .cont h2#sottotitolo { padding-top: 20px; }
 #biblioBAPICE #bread ul {margin:0; padding:120px 10px 20px 0;}
 #biblioBAPICE #pagebody { background: transparent url(/img/layout/bannerMinisitoBAPICE.jpg) no-repeat 0 0; }

 #biblioBMEDLIN #subnav { background: transparent url(/img/layout/bgSubnavBiblioMediazione.jpg) no-repeat 0 0; }
 #biblioBMEDLIN  .cont h1 {  padding-top:0px;position: static; font-family: Arial, Helvetica, sans-serif;}
 #biblioBMEDLIN  .cont h2#sottotitolo { padding-top: 20px; }
 #biblioBMEDLIN #bread ul {margin:0; padding:120px 10px 20px 0;}
 #biblioBMEDLIN #pagebody { background: transparent url(/img/layout/BannerMinisitoMediazione.jpg) no-repeat 0 0; }

 #biblioBBIO #subnav { background: transparent url(/img/layout/bgSubnavBiologica.jpg) no-repeat 0 0; }
 #biblioBBIO  .cont h1 {  padding-top:0px;position: static; font-family: Arial, Helvetica, sans-serif;}
 #biblioBBIO  .cont h2#sottotitolo { padding-top: 20px; }
 #biblioBBIO #bread ul {margin:0; padding:120px 10px 20px 0;}
 #biblioBBIO #pagebody { background: transparent url(/img/layout/bannerMinisitoBBiologica.jpg) no-repeat 0 0; }

 #biblioBFISICA #subnav { background: transparent url(/img/layout/bgSubnavBiblioFisica.jpg) no-repeat 0 0; }
 #biblioBFISICA  .cont h1 {  padding-top:0px;position: static; font-family: Arial, Helvetica, sans-serif;}
 #biblioBFISICA  .cont h2#sottotitolo { padding-top: 20px; }
 #biblioBFISICA #bread ul {margin:0; padding:120px 10px 20px 0;}
 #biblioBFISICA #pagebody { background: transparent url(/img/layout/bannerMinisitoFisica.jpg) no-repeat 0 0; }

 #biblioBSTERRA #subnav { background: transparent url(/img/layout/bgSubnavScienzeTerra.jpg) no-repeat 0 0; }
 #biblioBSTERRA  .cont h1 {  padding-top:0px;position: static; font-family: Arial, Helvetica, sans-serif;}
 #biblioBSTERRA  .cont h2#sottotitolo { padding-top: 20px; }
 #biblioBSTERRA #bread ul {margin:0; padding:120px 10px 20px 0;}
 #biblioBSTERRA #pagebody { background: transparent url(/img/layout/BannerMinisitoScienzeTerra.jpg) no-repeat 0 0; }

 #biblioBFARM #subnav { background: transparent url(/img/layout/bgSubnavBiblioFarmacia.jpg) no-repeat 0 0; }
 #biblioBFARM  .cont h1 {  padding-top:0px;position: static; font-family: Arial, Helvetica, sans-serif;}
 #biblioBFARM  .cont h2#sottotitolo { padding-top: 20px; }
 #biblioBFARM #bread ul {margin:0; padding:120px 10px 20px 0;}
 #biblioBFARM #pagebody { background: transparent url(/img/layout/bannerMinisitoFarmacia.jpg) no-repeat 0 0; }

 #biblioSBIM #subnav { background: transparent url(/img/layout/bgSubnavSbim.jpg) no-repeat 0 0; }
 #biblioSBIM .cont h1 {  padding-top:0px;position: static; font-family: Arial, Helvetica, sans-serif;}
 #biblioSBIM .cont h2#sottotitolo { padding-top: 20px; }
 #biblioSBIM #bread ul {margin:0; padding:120px 10px 20px 0;}
 #biblioSBIM #pagebody { background: transparent url(/img/layout/BannerMinisitoSbim.jpg) no-repeat 0 0; }

 #biblioBSPAOLO #subnav { background: transparent url(/img/layout/bgSubnavSanpaolo.jpg) no-repeat 0 0; }
 #biblioBSPAOLO  .cont h1 {  padding-top:0px;position: static; font-family: Arial, Helvetica, sans-serif;}
 #biblioBSPAOLO  .cont h2#sottotitolo { padding-top: 20px; }
 #biblioBSPAOLO #bread ul {margin:0; padding:120px 10px 20px 0;}
 #biblioBSPAOLO #pagebody { background: transparent url(/img/layout/BannerMinisitoSanpaolo.jpg) no-repeat 0 0; }

 #biblioBFARMACO #subnav { background: transparent url(/img/layout/bgSubnavFarmacologia.jpg) no-repeat 0 0; }
 #biblioBFARMACO  .cont h1 {  padding-top:0px;position: static; font-family: Arial, Helvetica, sans-serif;}
 #biblioBFARMACO  .cont h2#sottotitolo { padding-top: 20px; }
 #biblioBFARMACO #bread ul {margin:0; padding:120px 10px 20px 0;}
 #biblioBFARMACO #pagebody { background: transparent url(/img/layout/BannerMinisitoFarmacologia.jpg) no-repeat 0 0; }
 
 #biblioBCITTASTUDI #subnav { background: transparent url(/img/layout/bg_Subnavcittastudi.jpg) no-repeat 0 0; }
 #biblioBCITTASTUDI  .cont h1 {  padding-top:0px;position: static; font-family: Arial, Helvetica, sans-serif;}
 #biblioBCITTASTUDI  .cont h2#sottotitolo { padding-top: 20px; }
 #biblioBCITTASTUDI #bread ul {margin:0; padding:120px 10px 20px 0;}
 #biblioBCITTASTUDI #pagebody { background: transparent url(/img/layout/bannercittastudi.jpg) no-repeat 0 0; }

 #biblioBMALLIANI #subnav { background: transparent url(/img/layout/bgSubnavMalliani.jpg) no-repeat 0 0; }
 #biblioBMALLIANI  .cont h1 {  padding-top:0px;position: static; font-family: Arial, Helvetica, sans-serif;}
 #biblioBMALLIANI  .cont h2#sottotitolo { padding-top: 20px; }
 #biblioBMALLIANI #bread ul {margin:0; padding:120px 10px 20px 0;}
 #biblioBMALLIANI #pagebody { background: transparent url(/img/layout/BannerMinisitoMalliani.jpg) no-repeat 0 0; }

 #biblioBCENTRALE #subnav { background: transparent url(/img/layout/bgSubnavPoloCentrale.jpg) no-repeat 0 0; }
 #biblioBCENTRALE  .cont h1 {  padding-top:0px;position: static; font-family: Arial, Helvetica, sans-serif;}
 #biblioBCENTRALE  .cont h2#sottotitolo { padding-top: 20px; }
 #biblioBCENTRALE #bread ul {margin:0; padding:120px 10px 20px 0;}
 #biblioBCENTRALE #pagebody { background: transparent url(/img/layout/BannerMinisitoPoloCentrale.jpg) no-repeat 0 0; }

 #biblioBCHIMICA #subnav { background: transparent url(/img/layout/bgSubnavChimica.jpg) no-repeat 0 0; }
 #biblioBCHIMICA  .cont h1 {  padding-top:0px;position: static; font-family: Arial, Helvetica, sans-serif;}
 #biblioBCHIMICA  .cont h2#sottotitolo { padding-top: 20px; }
 #biblioBCHIMICA #bread ul {margin:0; padding:120px 10px 20px 0;}
 #biblioBCHIMICA #pagebody { background: transparent url(/img/layout/bannerMinisitoChimica.jpg) no-repeat 0 0; }

 #biblioBMAT #subnav { background: transparent url(/img/layout/bgSubnavMatematica.jpg) no-repeat 0 0; }
 #biblioBMAT  .cont h1 {  padding-top:0px;position: static; font-family: Arial, Helvetica, sans-serif;}
 #biblioBMAT  .cont h2#sottotitolo { padding-top: 20px; }
 #biblioBMAT #bread ul {margin:0; padding:120px 10px 20px 0;}
 #biblioBMAT #pagebody { background: transparent url(/img/layout/bannerMinisitoBMatematica.jpg) no-repeat 0 0; }

 #biblioBLINGUE #subnav { background: transparent url(/img/layout/bannerSubnavBLINGUE.jpg) no-repeat 0 0; }
 #biblioBLINGUE .cont h1 {  padding-top:0px;position: static; font-family: Arial, Helvetica, sans-serif;}
 #biblioBLINGUE .cont h2#sottotitolo { padding-top: 20px; }
 #biblioBLINGUE #bread ul {margin:0; padding:120px 10px 20px 0;}
 #biblioBLINGUE #pagebody { background: transparent url(/img/layout/bannerMinisitoBLINGUE.jpg) no-repeat 0 0; }
 
.nav--section{
    font-size:1em;
    padding:0 5px;
} 

@media  screen and  (min-width:769px){
  .nav--section{
     display:none;  
  } 
}
 
 /* navigazione contestuale*/ 
 #subnav{ box-shadow: 1px 0px 0px 0px #ccc; }
 #subnav ul {padding:0; margin:0 5px 0 5px; list-style-type:none; }
 #subnav li {}
 #subnav li a {
    text-decoration:none; 
    padding:5px 5px 5px 0px; 
    display:block;
    }
    
 #subnav2 a::before{
    content:"";
    width: 0; 
    height: 0; 
    display:inline-block;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #565656; 
    margin-right:5px;   
 }    
        
 #subnav2 a:hover::before{color: #CF1307;border-left:5px solid #CD050F;} 
 #homepage #subnav a:hover { background-color: transparent; padding:0; }
 .subnav2 li { background-color:#FFF;}
  /* navigazione contestuale immagini sezioni */ 
 #bibliodigitale #subnav { background: transparent url(/img/layout/bgSubnavBibliodigitale.jpg) no-repeat 0 0; }
 #cataloghi #subnav { background: transparent url(/img/layout/bgSubnavCataloghi.jpg) no-repeat 0 0; }
 #biblio #subnav { background: transparent url(/img/layout/bgSubnavBiblio.jpg) no-repeat 0 0; }
 #tesi #subnav { background: transparent url(/img/layout/bgSubnavTesi.jpg) no-repeat 0 0; }
 #strumenti #subnav { background: transparent url(/img/layout/bgSubnavStrumenti.jpg) no-repeat 0 0; }
 #sistema #subnav { background: transparent url(/img/layout/bgSubnavSistema.jpg) no-repeat 0 0; }
 #staff #subnav { background: transparent url(/img/layout/bgSubnavStaff.jpg) no-repeat 0 0; }
 #contatti #subnav { background: transparent url(/img/layout/bgSubnavContatti.jpg) no-repeat 0 0; }
 #mappa #subnav { background: transparent url(/img/layout/bgSubnavmappa.jpg) no-repeat 0 0; }
 #news #subnav { background: transparent url(/img/layout/bgSubnavNews.jpg) no-repeat 0 0; } 
 #archivi #subnav { background: transparent url(/img/layout/bg_SubnavArchivi.jpg) no-repeat 0 0; } 
 
/*offcanvas*/
@media  screen and  (max-width:768px){
    body.masked{ overflow-y:hidden;}
    body.masked::after{content:"";display:block; height:1000vh;width:100%; position:absolute; z-index:110;background:rgba(0,0,0,.6); top:0;left:0;}
    .sidebar-offcanvas {transition: all .35s ease-out; position: fixed;height:100vh;top: 0; z-index:112;background:#fff; width:100%;left:-330px;  } 
    .sidebar-offcanvas.active{ left:0;}
}  
 
 /* ritorno */
 #back {clear:right;display:none}
 @media  screen and  (min-width:769px){
     #back {display:block;}
 }
 
 #back ul {margin-bottom:10px; }
  #back li a{color: #CF1307;padding:5px 5px 5px 15px;position:relative;display:block;}
  #back li a:hover{text-decoration: underline;}
  #back li a:before,
  #back li a:after{
    content:"";
    position:absolute;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: none;
    border-right: 5px solid #CF1307;
    top:9px;
   }
   #back li a:before{left:0px}
   #back li a:after{left:4px}
   
   
   
 
 /* breadcrumbs  */
 #bread {font-weight: bold; font-size: 1em;}
 #bread ul {margin:0; padding:5px 10px;}
 
@media screen and (max-width:768px){#bread ul{ padding-bottom:0!important}} 
 
 #bread li {
    display:inline; 
    margin:0 4px 0 0; 
    padding:0 3px 0 0px;
    }
    
#bread li::before{
    content:"";
    width: 0; 
    height: 0;
    display:inline-block; 
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #CD050F; 
    margin-right:5px; 
}    
    

/*breadcrumbs mobile*/
.bread--mobile-section{
    padding:0 5px;
    font-size:1em;
}

#bread--mobile{
    display:block;
    clear:both;
    margin-bottom:1em;
}

#bread--mobile ul{
    color:#fff;
    background:#9A141B;
    margin:0;    
}

#bread--mobile li{
  padding:0 5px;
}

#bread--mobile li:hover{
    background:#CD050F;
}

#bread--mobile a{
    color:#fff;
}

#bread--mobile a::before{
  content:"";
  display:inline-block;
  width: 0; 
  height: 0; 
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent; 
  border-left:none;
  border-right:5px solid #fff;
  margin-right:5px;
}

#bread--mobile a:hover::before{
    border-left:none;
}

#bread--mobile li:last-of-type{
 background:#CD050F;
 font-weight:bold;
}

#bread--mobile li span{
    display:block;
    padding:5px; 
}

#bread--mobile li span::before{
    content:"";
    display:inline-block;
    width: 0; 
    height: 0; 
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #fff;
    margin-right:5px;
}

@media screen and (min-width:769px){
  #bread--mobile{
      display:none;
  }
}

 /* selected  */
 #mainnav .select a {font-weight:bold; color:#FFF;text-decoration: underline; }
 #tools .select a {font-weight:bold; color:#FFF; text-decoration: underline; }
 .select, a.select {font-weight:bold; color:#CF1307;}
 #mainnav .select::before,
 #tools .select::before{
    content:"";
    width:10px;
    height:10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position:absolute;
    left:0;
    top:calc(50% - 10px);
    border-left: 10px solid #fff;   
 }  
 
@media  screen and  (min-width:769px){
 #mainnav .select::before,
 #tools .select::before{
    top:0;
    left:calc(50% - 10px);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;   
    border-top: 10px solid #fff;     
 }
}

 /* navigazione contestuale pagina */
.subNav3 ul {margin:0 0 10px 0; padding:0;  border-bottom:1px solid #CCC;}
.cont .subNav3 ul li { margin:0 5px 0 0; padding:3px 20px 3px 15px; background:#FFF url(../img/layout/frecciareddx.gif) no-repeat left 50%;}
.cont .subNav3 li.select {background:#FFF url(/img/layout/frecciagraygiu.gif) no-repeat left 50%;}
/* navigazione nella pagina (ancore) */
.cont ul.subNavAnchor  {margin:0 0 15px 0; padding:5px; list-style- type:none;  border-bottom:1px solid #CCC; display:none;}
@media screen and (min-width:769px){
    .cont ul.subNavAnchor{display:block;}
}
.cont ul.subNavAnchor  li {padding:0 20px 3px 0px; }
    
.cont ul.subNavAnchor  li::before{
    content:"";
    display:inline-block;
    width: 0; 
    height: 0; 
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;   
    border-top: 5px solid #CD050F;
    margin-right:10px;    
    background:transparent;  
    }  
 
/* link in evidenza */
 #subnav .linkEvidenziato a:hover {background-color:#FFF;  padding:0;}
 .linkEvidenziato {display:inline; margin:0 4px 0 0; padding:0 3px 0 15px; background:transparent url(/img/layout/frecciareddx.gif) no-repeat 0 2px;}
/* benvenuto */
#benvenuto { display: none; }
#benvenuto h2  { margin:0; color:#CF1307; font-size:1em; text-transform: none; font-size: 2em; }
.boxSecondariHP h2  { margin:0; color:#CF1307; font-size:1em; }
.boxSecondariHP { width: 180px; margin: 0 10px; padding: 5px 0 5px 0; }

/* stili del corpo contenuti  */

.cont{ padding:0 20px;}
 /* header */
 .cont h1 {font-size:1.8em; margin:0; padding:10px 0; font-weight:bold; margin-top: 40px; margin-bottom:20px; font-family: Arial, Helvetica, sans-serif;}
 .cont h2 { color:#CF1307; font-size:1.2em; margin:10px 0; padding:0; font-weight:bold;  font-family: Arial, Helvetica, sans-serif;}
h2#sottotitolo { padding-top: 120px; }
  .cont h3 {font-size:1.2em; margin:10px 0 0 0; border-bottom:1px solid #CCC;}
 #homepage .cont h3, .cont .notizie h3 {border-bottom:0;}
 .cont h4 {font-size:1em; margin:0;}
 .scheda h2 {margin-top:0;}
 .notizie h2 {margin:0; border:0; color:#CF1307; font-size:1.8em;}
 .notizie h3 {padding:0; font-size:1em; margin:5px 0 5px 0;}
 .riquadro h2 {margin:0; padding: 5px 10px; color:#CF1307; font-size:1.2em; background-color: #EFEFEF; border-top: 5px solid #737373; }
 .riquadro h3 { padding:5px 10px; margin:5px 0 0 0; font-size:1em; border:0;}
 
 /* liste */
    .cont ul, .box ul {margin:0 0 15px 0; padding:5px; list-style-type:none;}
    .box li {padding:0 20px 3px 10px;;}
    .cont ul li {padding:0 20px 3px 20px;}   
    .cont ul li::before{
      content: "";
      display: inline-block;
      width: 6px;
      height: 7px;
      background: #c5c1c2;
      vertical-align: middle;
      margin-right:10px;     
    }
    .cont li p {margin:5px 0 10px 0;}
    .cont .linkcategorie li, .cont .elencoLink li {
        padding:0 20px 3px 0px;
        }
        
.cont .linkcategorie li::before, .cont .elencoLink li::before{
    content:"";
    display:inline-block;
    width: 0; 
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #CD050F;    
    margin-right:8px; 
    vertical-align:middle;
    background:transparent;
}

    .riquadro ul { margin-bottom:0; border-bottom: 1px solid #CECECE; }
    .riquadro ul li { margin:0; padding: 0 0 0 25px; }
    .cont ul li.altre {background:#FFF url(/img/icone/altre.gif) no-repeat left center;}
    .cont ul li.doc {background:#FFF url(/img/icone/ico_doc.gif) no-repeat left center;}
    .cont ul li.pdf {background:#FFF url(/img/icone/ico_pdf.gif) no-repeat left center;}
    .cont ul li.ppt {background:#FFF url(/img/icone/ico_ppt.gif) no-repeat left center;}
    .cont ul li.rtf {background:#FFF url(/img/icone/ico_rtf.gif) no-repeat left center;}
    .cont ul li.txt {background:#FFF url(/img/icone/ico_txt.gif) no-repeat left center;}
    .cont ul li.web {background:#FFF url(/img/icone/htm.gif) no-repeat left center;}
    .cont ul li.xls {background:#FFF url(/img/icone/ico_xls.gif) no-repeat left center;}
    .cont ul li.zip {background:#FFF url(/img/icone/ico_zip.gif) no-repeat left center;}
    .cont ul li.documento {background:#fff;}
    li.fake{display:none; visibility: hidden;} 
    #related .elencoLink li {padding:0 20px 3px 0;}
    #related .elencoLink li::before{
      content: "";
      display: inline-block;
      width: 6px;
      height: 6px;
      background: #CF1307;
      border-radius: 500px;
      vertical-align: middle;
      margin-right: 5px;
    }

/*mappa*/
.cont ul.noindent, .cont .noindent ul, .cont .noindent li {margin: 0; padding: 0; color: red; background-image: none;} 
.cont .firstLevel li { padding: 1px 0 1px 20px; font-weight: bold; } 
.cont .secondLevel li { background-color: #FFF; margin-left: -20px; padding: 5px 20px 5px 35px; font-weight: normal;  background:#FFF url(/img/layout/bulletgray.gif) no-repeat 20px 10px; } 
.cont .firstLevel li a:link {text-decoration: none;}

 /* altri */
 .cont p {margin-top:5px;}
 .cont p a,.cont td a, .cont th a{word-wrap: break-word;word-break: break-all;}
.cont { padding-left: 20px; }
 .riquadro p {margin: 3px 10px;}
 .label {font-weight:bold;}
 .highlight {background-color:#EBEBEB; padding:5px 10px;}
 .highlight p {margin:5px 0 5px 0;}
 .linkApprofondimento a {margin:10px 0 0 0; padding:3px 25px 3px 5px; font-weight:bold; border:1px solid #CCC; background:#FFF url(/img/layout/frecciareddx.gif) no-repeat right center; width:50%;  line-height:1.5em; display:block; }
 p.linkApprofondimento {margin-bottom:25px;}
 .scheda {border:10px solid #E8E8E8; margin:10px 0;}
 .riquadro  { margin:10px 0; border: 1px solid #CECECE;}
 .notizie  {padding-top: 10px; }
#homepage .cont .notizie { padding-top: 30px; }
 .notizie p {padding:0 0 5px 0; margin:0;}
 .notizie .article img{display:none;}
 .notizie .article img.show-md{display:inline-block;} 
 @media screen and (min-width:769px){
     .notizie .article img{display:inline-block!important;}
 } 
 .tipologia { text-transform: uppercase;  color:#CF1307; padding: 15px 0 0 0; font-size: .8em;}
 .scheda table {margin:0; border:2px solid #D3D3D8;}
 .scheda caption {background-color:#FFF;}
 .scheda th {background-color:#FFF;}
 #pagebody {}
 .sottotitolo{font-size:1.1em; border-top: 1px dashed #ccc;; color:#666;} 
.align-center{text-align:center}
.showmore{display:none;margin:20px auto;border:none;background:#CD050F;color:#fff;text-transform:uppercase;padding:10px 20px;cursor:pointer;}

.showmore:hover{background:#9A141B}
.par-title--collapsible{display:block;position:relative;padding-right:40px;color:#CF1307!important;text-decoration:none!important;}
.par-title--collapsible::after{
    content:"";
    display:block;
    width:16px;
    height:16px;
    border-bottom:5px solid #575757;
    border-right:5px solid #575757; 
    position:absolute;
    top:0;
    right:10px;
    
    
    transition: .5s ease-in-out;     
    -webkit-transform:rotate(45deg);
            transform:rotate(45deg);   
    
}
.par-title--collapsible.open::after{
    -webkit-transform:rotate(225deg);
            transform:rotate(225deg);   
}

@media  screen and  (min-width:769px){
  .par-title--collapsible::after{
    display:none;
  }
}

.panel--collapsible{display:none;}
.panel--collapsible.open{display:block;}

@media  screen and  (min-width:769px){
    .panel--collapsible{display:block!important;}
}

/* form */
fieldset { border: 0; margin: 0; padding: 0;}
form { margin: 0;  border-bottom: 1px solid #CCC;}
label { text-align: left; margin-right: 0.5em; display: block; }
input { margin: 0; padding: 0; }
.button { border: 1px solid #CCC;  }
.annulla  { border: 1px solid #CCC; background-color: #EBEBEB; padding: 3px; }
 /*ricerca nel sito*/
#form { text-align: left; background-color: #F2F2F2; border: solid #F2F2F2; border-width: 1px 0 0 0;}
#form h2 { margin: 0; padding: 5px 5px; color: #535354; font-size: 1em; }
#home.inglese #form h2 {  font-size: 1em; margin: 0; padding: 5px 5px; color: #535354; border: 0; }/*s*/
#form fieldset { margin: 0; padding:5px 0 0 0; }
#form fieldset p { margin: 0; padding: 12px 5px 10px 25px; background: transparent url(/img/layout/bulletFrecciaGrigia.gif) no-repeat 5px 50%; display: block; border-bottom: 4px solid #FFF; }/*s*/
#form input.search {color:#707070;width:80%;}
#form input{font-size:1.2em; }
#form .button{font-size:1em;padding:3px 10px;vertical-align:top}
@media  screen and  (min-width:769px){
  #form .button{
    padding:1px 3px 2px 3px;
  }  
  #form input.search,#form .button{
    font-size:inherit;
  }  
  #form input.search {
    width: 110px;    
  }
}
#form input.searchbutton { margin: 0; padding: 0; }
.searchBox { margin: 0; padding: 10px 5px 8px 25px;  background: transparent url(/img/layout/bgSearchBox.gif) no-repeat 5px 15px; border-bottom: 1px dotted #CCC;}

 /*ricerca nei tabber*/
.tabSearch { text-align: left; background-color: #FFF; }
.tabSearch h2 { margin: 0; padding: 5px 5px; color: #535354; font-size: 1em; }
.tabSearch fieldset { margin: 0; padding:5px 0 0 0; }
.tabSearch input.search { width: 200px; }
.tabSearch input.searchbutton { margin: 20px 0 10px 0; padding: 0 0 2px 0; display: block; background: transparent url(/img/layout/bgSearchButton.gif) no-repeat 0 0;  min-height: 32px; height: auto !important; height: 32px; border: 0;  min-width: 88px; width: auto !important; width: 88px; font-weight: bold; color: #5A5A5A;}
.tabSearch .searchBox { margin: 0; padding: 10px 5px 8px 10px;  background-image: none; border-bottom: 0;}
.tabSearch form { border: 0}

/*autenticazione*/
 .login fieldset {border:1px solid #CCC; margin:0; padding:5px;}
 .login legend {font-weight:bold;}
 .login label {font-weight:bold;}
 .login .errore {font-weight:bold; color:#CF1307;}

/* colonna destra */ 
 /* box generico */
 .box {border:1px solid #CCC; border-bottom: 1px dotted #CCC; margin:15px 0; background-color: #F2F2F2;}
 .box h2 {margin:0; padding:5px; font-size:1em; text-transform:uppercase; color: #362E2C;}
 div.rosso h2 {border-top: 4px solid #CD0510;} 
 div.grigio h2 {border-top: 4px solid #5F5F5F;} 
 .box p {margin:0; padding:5px;}
 .box p a:link, .box p a:visited  { text-decoration: underline; } 
 .box ul {margin:0;}
 /* box riferimenti */
 #riferimenti h2 {background:transparent url(/img/layout/bgRiferimenti.jpg) no-repeat right bottom; padding-bottom:65px; border-bottom:0;}
 #riferimenti p {border-bottom:1px solid #CCC; padding:5px 0; margin:0 5px;}
 #riferimenti p.ultimo {border-bottom:0;}
 #riferimenti a, #riferimenti a:visited {color:#CF1307; font-weight:bold;}
/* footer */
#footer { color:#575757; font-size:.8em; text-align: center; background-color: #fff;}
#footer p.firma {text-transform:uppercase; margin:1em 0 0 0; padding:1em 0 0 0; border-top:1px dotted #999; font-weight:bold; letter-spacing:.13em}
#footer p, #footer address {margin:.3em 0 0 0; padding:0;}
#footer ul {padding:0; margin:0;}
#footer li {display:inline; margin:0; margin-right:6px; padding:4px 6px 4px 0; color:#333;}
#footer li a {color:#575757;}
#footer li a:hover {color:#575757;}
#footer .wrap { padding:10px; width:95%;}
address {font-style:normal;}

/*AGGIUNTE DA BHUMAN*/
.errore {color:#C00; font-weight:bold; padding:0 0 10px 0; margin:0;}
.errore a:link, .errore a:visited {color:#C00;}
/* trattamento testi in maiuscolo provenienti da w4 */
.textNoCaps {text-transform:lowercase;}
.textNoCaps:first-letter {text-transform:uppercase;}
html>body .textNoCaps a:first-letter {text-transform:uppercase;} /*Qs serve solo per Mozilla*/
.menuNoCaps {text-transform:lowercase;}
.menuNoCaps:first-letter {text-transform:uppercase;}
.menuNoCaps:hover {text-decoration:none;}

/* Pagina corrente nei risultati della ricerca */
a.pageSelected, a.pageSelected:hover {font-weight:bold; padding:1px 2px; border:solid 1px #ccc; text-decoration:none;} 
.capitalize {text-transform: capitalize;}
/*Note tabelle BHUMAN*/
.nota {font-size: 10px;}
#footer .wrap_2_1_2_elencoInsegnamenti {padding:10px; width:95%;}
.dataagg{font-size: 10px; font-style: italic; padding-top: 4px; text-align: left;}
.boxlogo {margin:20px 0; text-align:center;}
 
/* paragrafo con immagine */
.alignleft{ float: left; padding: 5px 10px 5px 0; }
.alignright{ float: right; padding: 5px 0px 5px 10px; }
div.clear { clear: both; }
 
li.englishVersion{background:transparent url(/img/icone/english_flag.gif) no-repeat left 5px;position:absolute;right:0;padding-left:15px;padding-top:5px;}


/* elencoalfabetico ANG */
.elencoalfa ul {
 margin-left: 0;
 padding-left: 0;
 display: inline;
 } 
.elencoalfa ul li {
 margin-left: 0;
 padding: 2px;
 list-style: none;
 display: inline;
 }

 /* Banner Explora */
#head_explora {
  width: 100%;
  margin: 0;
}

/* form ricerca explora */
#boxexplora {
  padding-top: 200px;
}

#boxexplora form {
  padding: 10px;
  border: 1px #666 solid;
  background-color: #003366;
  opacity: 0.9;
  color: #fff;
  margin: 0;
  max-width: 100%;
}

#boxexplora h2 {
  color: #fff;
  border-bottom: 1px #fff dotted;
}

#boxexplora a {
  color: #fff;
}

#boxexplora form input[type=radio]:not(old) {
  display: inline-block;
  margin-left: 10px;
  line-height: 1.5em;
  width: 10%;
  margin: 0;
}

#boxexplora form label {
  display: inline-block;
  font-size: 10pt;
  width: 90%;
  margin: 0;
}

#search_sba {
  padding: 3px;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}

#boxexplora .button {
  width: 70px;
  font-size: 10pt;
  font-weight: bold;
  background-color: #9a141b;
  color: #FFF;
  border: 1px #FFF solid;
  padding: 4px;
  margin-bottom: 10px;
}

@media screen and (min-width:769px) {
  #head_explora {
    height: 206px;
  }

  #boxexplora {
    padding-top: 20px;
  }

  #boxexplora form {
    margin: 0px 20px;
    max-width: 510px;
  }

  #boxexplora form input[type=radio]:not(old) {
    width: auto;
  }

  #boxexplora form input[type="radio"]+label {
    width: auto;
  }

  #boxexplora form label {
    padding-left: 4px;
  }

  #radio_catalogo {
    padding-left: 5px;
  }

  #search_sba {
    width: auto;
  }
}


/* tabber */
/* #tabber { background:#FFF url(/img/layout/bgBenvenuto.jpg) no-repeat top left; display:block;} */
#tabber h2  { margin:0; color:#CF1307; font-size:1.5em; text-transform: uppercase; font-weight: bold;}
/*--------------------------------------------------
  Regola richiesta per nascondere il contenuto non attivo delle tab.
  --------------------------------------------------*/
 #homepage #subnav .tabberlive .tabbertabhide { display:none; }
/*--------------------------------------------------
  Classe .tabber = prima l'interfaccia sia creata  Classe .tabberlive = dopo che l'interfaccia è stata creata
  --------------------------------------------------*/
 #homepage #subnav .tabber {}
 #homepage #subnav .tabberlive {margin-top:15px;}
/*--------------------------------------------------
  ul.tabbernav = la lista di navigazione delle tab
  li.tabbernav = il list item con la tab attiva
  --------------------------------------------------*/
 #homepage #subnav ul.tabbernav
{margin: 0; padding: 3px 0 2px 5px; border-bottom: 1px solid #C9C9C9;}
 #homepage #subnav ul.tabbernav li
{ list-style: none; margin: 0; display: inline; }
 #homepage #subnav ul.tabbernav li a
{ padding: 5px 7px; margin-right: 5px; border-bottom: none; background: #D3D3D3 url(/img/layout/bgTab.gif) no-repeat right 0; text-decoration: none; border-left: 1px solid #C9C9C9;}
#subnav ul.tabbernav li a { display:inline; }
 #homepage #subnav ul.tabbernav li a:link { color: #000; }
 #homepage #subnav ul.tabbernav li a:visited { color: #667; }
 #homepage #subnav ul.tabbernav li a:hover { color: #000; background: #AAE; background: #D3D3D3 url(/img/layout/bgTab.gif) no-repeat right 0; padding: 5px 7px; }
#subnav ul.tabbernav  a:hover { color: #CF1307; display:inline; }
 #homepage #subnav ul.tabbernav li.tabberactive a
{ background-color: #fff; border-bottom: 1px solid #fff; }
 #homepage #subnav ul.tabbernav li.tabberactive a:hover
{ color: #000; border-bottom: 1px solid white;  background: #FFF url(/img/layout/bgTab.gif) no-repeat right 0;}
/*--------------------------------------------------
  Classe .tabbertab = il contenuto delle tab
  --------------------------------------------------*/
 #homepage #subnav .tabberlive .tabbertab {  padding:5px; background: #FFF url(/img/layout/bgTabber.gif) no-repeat left 0;
 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */
 /* height:200px; */
 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */
 /* overflow:auto; */
}
/* If desired, hide the heading since a heading is provided by the tab */
 #homepage #subnav .tabberlive .tabbertab h2 { display:none; }
 #homepage #subnav .tabberlive .tabbertab h3 {  display:none; }
/* Example of using an ID to set different styles for the tabs on the page */
 #homepage #subnav .tabberlive#tab1 { }
 #homepage #subnav .tabberlive#tab2 { }
 #homepage #subnav .tabberlive#tab2 .tabbertab {  height:200px;  overflow:auto; }

/*--link e-book  --*/
#homepage #subnav .tabbertab a:hover{background:none; color:#CF1307; text-decoration: underline;}
#homepage #subnav .tabbertab a:link, #homepage #subnav .tabbertab a:visited{ position: static; display: inline; width: auto; height: auto; margin: 0; padding: 0; background: none;}
 
/* ---AMAZON SCROLLER-- */
.amazon_scroller {
padding: 0px;
margin: 0px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-khtml-border-radius: 10px;
}
.amazon_scroller .amazon_scroller_nav {
position: absolute;
}
.amazon_scroller .amazon_scroller_nav li {
cursor: pointer;
position: absolute;
}
.amazon_scroller .amazon_scroller_mask {
position: absolute;
margin-left: 30px;
margin-right: 30px;
overflow: hidden;
}
.amazon_scroller ul {
padding: 0px;
margin: 0px;
float: left;
}
.amazon_scroller ul li {
padding: 0px;
margin: 0px;
margin-left: 5px;
margin-right: 5px;
list-style: none;
float: left;
text-align: center;
display: inline;
background:white;
}
.amazon_scroller ul li a {
text-decoration: none;
}
.amazon_scroller ul li a amazon_scroller_title {
overflow: hidden;
}
.amazon_scroller ul li a:hover {
text-decoration: underline;
}
.amazon_scroller ul li a img {
border: none;
}
#amazon_scroller {
border: 0px solid rgb(204, 204, 204); 
padding: 10px; 
width: 480px; 
height: 80px; 
position: relative;
}
.cont ul li.previous, .cont ul li.next {
width: 25px;
height: 35px !important;
background: #ccc;
padding-top: 20px;
  transition: background-color 0.5s ease;
}
.cont ul li.previous:hover, .cont ul li.next:hover{
background: #cf1307;
}
.cont ul li.previous{
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
} 
.cont ul li.next{
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}