#wrapper {width:80% ;margin:10px 10% 35px}
ul#gallery-bar, li#gallery-bar, #gallery-bar a  {margin: 0; padding: 0;}
ul#gallery-bar  { padding:5px 0; display:block  ;width:100% ; }
 

#gallery-bar  { text-align:center;
}
#gallery-bar li {max-width:5.8%; margin-left:auto;margin-right:auto;
  display: inline-block;list-style: none; 
}
#gallery-bar a {border:0; margin:0; padding:0;
  display: inline-block;list-style: none; 
}

#gallery-bar a img {border:0; margin:0; padding:0;
  float: left; list-style: none; border:0; max-width:100%; width:100%; opacity:1.0;
filter:alpha(opacity=100);-webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;    
    transition: opacity 0.3s ease-in-out;
}

#gallery-bar a:hover img { opacity:0.5;
filter:alpha(opacity=50);
}

#gallery-bar .rslides_here a { border:0; margin:0; padding:0;
  
}

#gallery-bar a { border:0; border-bottom:6px solid #ccc;
}
#gallery-bar a.selez {   border:0;  border-bottom:6px solid  #A60B16;
 }
   

#maingallery img {-ms-interpolation-mode:bicubic; max-width:100%; margin:0}
  



#avanti{  padding:1px; cursor: pointer;  opacity:0;top:40%;
filter:alpha(opacity=0); -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;display: block;
    -o-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;    
    transition: opacity 0.3s ease-in-out;
 }
  #indietro{  padding:1px ; cursor: pointer;  opacity:0; display: block; top:40%;
filter:alpha(opacity=0);  -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;    
    transition: opacity 0.5s ease-in-out;
 }
 
  #avanti img{   opacity:0.8;
filter:alpha(opacity=80); -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;    
    transition: opacity 0.3s ease-in-out; 
 }
  #indietro img{   opacity:0.8;
filter:alpha(opacity=80); -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;    
    transition: opacity 0.3s ease-in-out; 
 }
 
 #avanti:hover img{  opacity:1.0;
filter:alpha(opacity=100)
 }
  #indietro:hover img{  opacity:1.0;
filter:alpha(opacity=100)   
 }
 
  #control:hover #avanti{ opacity:1.0;
filter:alpha(opacity=100)
 }
 
  #control:hover  #indietro{  opacity:1.0;
filter:alpha(opacity=100)
 }
 @media screen and (max-width: 600px) {
#wrapper {width:96% ;margin:10px 2%}
  }