@charset "utf-8";
h2{ color: #000;}
/*hul*/
div.hulgal{ 
  clear: both; border-bottom: #ccc solid 1px;
  margin: 5px 0; padding: 0; position: relative; padding: 5px 0;
}
.hul-prev, .hul-next {  width: 15px; margin: 0; padding: 50px 0; position: absolute; top: 0; cursor: pointer;}
div.hul-prev{ left: 0;}
div.hul-next{ right: 0;}
div.hul-body{ 
  position: relative; margin: 0 20px 0 15px; height: 110px; padding: 0;
  overflow: hidden; width: auto;
}
div.hul-viewport{ height: 170px; padding: 0; margin: 0;}
ul.hul-ul{ list-style: none; margin: 0; padding: 0;}
ul.hul-ul li.hul-item{ 
  position: relative; display: block; text-align: center; float: left; 
  height: 100px; width: 100px; margin: 0; padding: 5px; overflow: hidden; padding: 5px;
}
li.hul-item div.hul-img{ 
  width: 100px; height: 100px; overflow:hidden; text-align: center; background-color: #ccc; position: relative;
  border-radius: 5px; border: #000 1px solid;
}

.hul-img a div.preview{ top: 0; left: 0;}

/*thumbnails*/
ul.thumbnail{ list-style: none; margin: 0; padding: 0;}
ul.thumbnail li{ 
  position: relative; display: block; text-align: center; float: left; 
  height: 50px; width: 50px; margin: 0; padding: 5px; overflow: hidden; padding: 5px;
}
ul.thumbnail li div.thumnail{ 
  width: 50px; height: 50px; overflow:hidden; text-align: center; background-color: #ccc; position: relative;
  border-radius: 5px; border: #000 1px solid;
}
#fotografia div.foto{text-align: center;}
#fotografia div.legend{ position: absolute; bottom: -15px; right: 0; padding: 2px 5px; color: #666;}