@charset "UTF-8";
/*-----------------[CUSTOM LANGUAGE SWITCHER]---------------------*/
#custom_switcher{
  margin: 0;
  display: block;
  float: left;
  background-color:transparent;
  border:0px;
}

#custom_switcher ul{
  list-style: none;
}

#custom_switcher ul li a img, #custom_switcher ul li img{
  padding: .5em 1em;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#custom_switcher ul{
  padding: 0px;
}

#custom_switcher li{
  padding-right: 3px;
  padding-left: 3px;
}

#custom_switcher ul li a:hover img, #custom_switcher ul li a:active img{
/*Qui ci potrei mettere un bello sprite o un opacity per "illuminare" le bandiere*/
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  transform: rotate(-10deg);
}

div.language_switcher{
  margin-top: 2px;
  float: left;
  width: auto;
  position:fixed;
  z-index: 1000;
  background: transparent;
  height: auto;
}
/* le bandierine si sovrappongono al testo su schermi piccoli*/
@media only screen and (min-width: 1080px) and (max-width: 1157px) {
  #custom_switcher img{
    width: 35px;
    height: 24px;
  }
}
@media only screen and (max-width: 1079px) {
  #custom_switcher img{
    width: 23px;
    height: 15px;
  }
}