/*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:280px}
.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 */

/*width base eh 350 - eh a legenda, o bloquinho de fundo da legenda*/
span.caption{color:#fff; width: 0px; background-color: #000000; display: block; padding: 2px 0 2px 0;}



/* css do layout */
*{margin:0;padding:0}
/* body{padding:20px;background:red;text-align:center;background:red;color:red;font:12px Verdana;} */

h1,h2{font:bold 80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
a{color:black;text-decoration:none;outline:none;}
a:hover{color:#67a;}
/*width base eh 100%*/
.demo{position:relative;margin-top:2em; float: none; width: 50%;}
/* 762 quadradinhos, fila, em quadrado, ou o que e aonde se encontra*/
.gallery_demo{width:400px;margin:0 auto;}
/*tamanho dos quadradinhos */
.gallery_demo li{width:27px;height:50px;border:0px double #ccc;margin: 2px 1px; list-style: none;}
	
/*width base 350 */
#main_image{margin:0 auto 0 auto;height:320px;width:350px;}
#main_image img{margin-bottom:10px;}

.nav{padding-bottom:5px;padding-left:80px;clear:both;font:9px 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}