@import "./animation.css";
body { padding:0; font-family:sans-serif; font-size:medium;  background-color:#443a2a; }

#wrapper {max-width:480px; margin:0 auto;background:  #443a2a url(../images/sfondobase.jpg) repeat 50% 100%;}
}



header { color:#ffffff; background:  #443a2a url(../images/sfondobase.jpg) repeat 50% 100%; padding:0.2em 0em 0.1em 0; text-align:center;}
.language {margin-left:80%; margin-bottom:0.5em; text-align:center; font-size:x-small; padding:0; }
.language img {border:0; }
.language a:link, .language a:visited {color:#ffffff; }
.title { font-family:sans-serif; font-weight:bold; font-size:x-large;  letter-spacing: .2em; text-align:center; color:#ffffff;}

.description { color:#ffffff; background-color:#FBAA38;  border-top:0.3em solid #443a2a; border-bottom:0.3em solid #443a2a; margin-bottom:10px;}
h1 {font-size:100%; padding-left:4px;}
.prefinale {color:#ffffff; background-color:#FBAA38; padding:0.3em 0.2em 1em 0.2em; font-size:80%;text-align:center;border-top:0.3em solid #443a2a;}
.prefinale a:link, .prefinale a:visited { color:#443a2a; text-decoration:underline; }
.finale { font-size:small; color:#443a2a; background-color:#FBAA38;padding:0.5em 0.5em 1em 0; text-align:center;}
.finale a:link, .finale a:visited { color:#fff; padding:0.2em; }
.finale a:focus,.finale a:hover { color:#ffffff; background-color:#443a2a; }

.testo  {  font-size:small; line-height:1.0em; margin-bottom:1em; }
.foto a:link, .foto a:visited  {  color:#fcaf40; background-color:#ffffff; text-decoration:none; }
#container { padding: 0.5em 0.5em 0em 0.5em;   line-height:1.8em; margin-top:10px; }
.foto {text-align:center; }
.foto span {font-size:small; font-weight:bold;}

#navigazione {margin-bottom:10px;  padding-left:4px; text-align:center;}
#navigazione .form-button {
width:200px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.2em;
  padding: 0.3em 1em;
  border-width: 1px;
  background-color: #ffaa21;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ecc381), color-stop(100%, #de9623));
  background-image: -moz-linear-gradient(#ecc381, #de9623);
  background-image: linear-gradient(#ecc381, #de9623);
  border-color: #b87c1c;
  text-shadow: #a16300 0px 1px 1px;
  -moz-box-shadow: rgba(255, 255, 255, 0.565) 0 0 0.1em 1px inset;
  -webkit-box-shadow: rgba(255, 255, 255, 0.565) 0 0 0.1em 1px inset;
  -o-box-shadow: rgba(255, 255, 255, 0.565) 0 0 0.1em 1px inset;
  box-shadow: rgba(255, 255, 255, 0.565) 0 0 0.1em 1px inset;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  -o-background-clip: padding-box;
  -ms-background-clip: padding-box;
  -khtml-background-clip: padding-box;
  background-clip: padding-box; 
text-decoration:none;
color: #443a2a; 
margin-right:6px;}
 #navigazione  .form-button  a:link, .form-button a:visited {
    color: #443a2a;
 }
 #navigazione  .form-button:hover, .form-button:focus {
    background-color: #ffa412;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eabc73), color-stop(100%, #d28e20));
    background-image: -moz-linear-gradient(#eabc73, #d28e20);
    background-image: linear-gradient(#eabc73, #d28e20);
    border-color: #ab731a;
    text-shadow: #915900 0px 1px 1px; }
 #navigazione    .form-button:hover, .form-button:hover:visited, .form-button:focus, .form-button:focus:visited {
      color: white; }
 #navigazione  .form-button:active {
    background-color: #ffa412;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #db9421), color-stop(40%, #df9b2c), color-stop(85%, #df9b2c), color-stop(100%, #e4a94b));
    background-image: -moz-linear-gradient(#db9421, #df9b2c 40%, #df9b2c 85%, #e4a94b);
    background-image: linear-gradient(#db9421, #df9b2c 40%, #df9b2c 85%, #e4a94b);
    border-color: #9d6a18;
    text-shadow: #825000 0px -1px -1px;
    -moz-box-shadow: #b87c1c 0 0.08em 0.1em 1px inset;
    -webkit-box-shadow: #b87c1c 0 0.08em 0.1em 1px inset;
    -o-box-shadow: #b87c1c 0 0.08em 0.1em 1px inset;
    box-shadow: #b87c1c 0 0.08em 0.1em 1px inset; }
    .form-button:active, .form-button:active:visited {
      color: white; }
.work {
  overflow: hidden;
  zoom: 1;
}
.work ul.works {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  zoom: 1;
}
.work ul.works li {
  width: 30%;
  float: left;
  margin: 1.6%;
}
.work ul.works li a {
  display: block;
  width: 92%;
  padding: 4%;
  background: #fff;
  border: 1px solid #d5d1c2;
  display: block;
}
.work ul.works li a:hover {
  box-shadow: 0 0 4px 0 #d5d1c2;
  -webkit-box-shadow: 0 0 4px 0 #d5d1c2;
  -moz-box-shadow: 0 0 4px 0 #d5d1c2;
}
.work ul.works li img {
  width: 100%;
  display: block;
}