/**************************************************************
   Galeria de imagens (fotos)
**************************************************************/
div#page { width: 680px; margin: 0 auto; text-align: left; padding-left: 5px; }
.cat, .cat form, .cat img { float: left; height: 22px; }
div#container { padding: 10px 0; }
div#ads { clear: both; padding: 12px 0 0 66px;}
div#footer { text-align: center; clear: both; padding-top: 12px; }

a{ color: #B6B6B6; text-decoration: none; }
a:focus, a:hover, a:active { text-decoration: underline; }
p, li { line-height: 1.3em; }
p a, li a { text-decoration: underline; }

div.content {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float:left;
	width:500px;
}

div.controls { margin-top: 5px; height: 23px; }
div.ss-controls { float: left; }
div.ss-controls span { color: #666666; cursor: pointer; }
div.nav-controls { float: right; }
div.nav-controls a { padding: 5px; }

div.slideshow { clear: both; }
div.slideshow span.image-wrapper { float: left; padding-bottom: 12px; }
div.slideshow a.advance-link { padding: 2px; display: block; border: 1px solid #ccc; }
div.slideshow img { border: none; display: block; }

div.download { float: right; }
div.embox { clear: both; width: 480px; }

div.navigation {
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
	padding: 10px 0 0 10px; /*novo*/
}

ul.thumbs {
	/* clear: both; */
	float: left;
	margin: -10px 0 0 0;
	padding: 0;
	width: 130px;
}

ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 0;
	list-style: none;
}

ul.thumbs li a { padding: 2px; display: block; border: 1px solid #ccc; }
ul.thumbs li.selected a { background: #FA6F3A; }
ul.thumbs a:focus { outline: none; }

ul.thumbs img {
	border: none;
	display: block;
	height: 90px; /*novo*/
	width: 120px; /*novo*/
}
/* div.pagination { clear: both; } */
div.pagination { clear: both; width: 130px; }
div.navigation div.top { margin-bottom: 12px; height: 11px; }
div.navigation div.bottom { margin-top: 12px; }

div.pagination a, div.pagination strong {
	display: block;
	float: left;
	margin: 5px 2px 0 0;
	padding: 4px 5px 2px 4px;
	border: 1px solid #ccc;
}

div.pagination a:hover { background-color: #FA6F3A; color: #FFF; text-decoration: none; }
div.pagination strong { background-color: #1F1F1F; color: #FFF; }

/**********************************************************************************
   Info
     Última alteração: div.pagination em 12-01-2009 por Apici Marketing e Comunicação
**********************************************************************************/