/*css padrão */

.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0; list-style: none;}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
* html .galleria li div span{width:400px} /* MSIE bug */

span.caption{color:#999; width: 700px; display: block; padding: 2px 0 2px 0;}



/* css do layout */
.demo{position:relative;margin-top:2em; float: none; width:100%;}
.gallery_demo{float:left;left:26px;margin:0 auto;position:relative;top:177px;width:180px; *top:280px}
.gallery_demo li{width:67px;height:50px;border:3px double #ccc;margin: 0 2px; list-style: none;}
	
#main_image{float:left;left:54px;position:relative;top:59px;width:700px;}
#main_image img{margin-bottom:10px;}

.nav{clear:both;left:445px;letter-spacing:3px;padding-bottom:5px;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;top:77px;width:300px;}
.nav img{ padding:0 10px;}

.cont-galeria{
	float:left;
	width:100%;
	margin-top:200px;
	*margin-top:300px;
}
.box-galeria{
	float:left;
	width:800px;
	height:210px;
}
.box-galeria h2{
	font-size:15px;
}
.infiniteCarousel {
  width: 930px;
  position: relative;
}
.infiniteCarousel .wrapper {
  width: 845px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height: 16em;
  margin: 0 40px;
  position: absolute;
  top: 0;
}
.infiniteCarousel ul a img {
  border: 5px solid #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}
.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 10px;
  height: 150px;
  width: 150px;
  margin-right:53px;
}
.infiniteCarousel ul li.empty ,.infiniteCarousel ul li.cloned{
	margin-right:0;
}
.infiniteCarousel ul li a img {
  display:block;
}
.infiniteCarousel .arrow {
  display: block;
  height: 36px;
  width: 37px;
  background: url(../img/arrow.png) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 37px;
  cursor: pointer;
}
.infiniteCarousel .forward {
  background-position: 0 0;
  right: 0;
}
.infiniteCarousel .back {
  background-position: 0 -72px;
  left: 0;
}
.infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}
.infiniteCarousel .back:hover {
  background-position: 0 -108px;
}