@charset "utf-8";
div#portfolio {
	/* background-color: #333; */
	background-image: url("../imagens/background.png");
	border: 1px solid #666;
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0 auto;
	min-height: 472px;
	overflow: hidden;
	position: relative;
	width: 998px;
}
div#portfolio h2 { display: none; }
div#portfolio hr { display: none; }
form#pesquisa {
	color: #666;
	display: block;
	font-size: 0.769em;
	margin: 13px 33px 20px 37px;
	overflow: hidden;
	text-transform: uppercase;
}
form#pesquisa fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
form#pesquisa legend { display: none; }
form#pesquisa em { font-style: normal; }
form#pesquisa label { cursor: pointer; }
form#pesquisa input.text {
	background-color: #222;
	border: 1px solid #666;
	color: #999;
	font-size: 1em;
	margin: 5px 0 0 0;
	text-transform: none;
	width: 181px;
}
form#pesquisa input.text:focus {
	background-color: #111;
	border-color: #999;
}
form#pesquisa input.text:hover {
	background-color: #111;
	border-color: #999;
}
form#pesquisa input.radio { display: none; }
form#pesquisa input.submit {
	background-color: transparent;
	background-image: url("../imagens/pesquisar.gif");
	background-position: top left;
	border: 0;
	cursor: pointer;
	height: 15px;
	margin: 19px 0 0 0;
	overflow: hidden;
	padding: 0;
	text-indent: -9999px;
	text-transform: capitalize;
	width: 11px;
}
form#pesquisa input.submit:focus { background-position: top right; }
form#pesquisa input.submit:hover { background-position: top right; }
form#pesquisa select {
	background-color: #222;
	border: 1px solid #666;
	color: #999;
	cursor: pointer;
	font-size: 1em;
	margin: 5px 0 0 0;
	text-transform: none;
	width: 181px;
}
form#pesquisa select:focus {
	background-color: #111;
	border-color: #999;
}
form#pesquisa select:hover {
	background-color: #111;
	border-color: #999;
}
div#filtros {
	float: left;
	overflow: hidden;
}
div#filtracao {
	float: left;
	margin: 0 11px 0 0;
	overflow: hidden;
	white-space: nowrap;
	width: 181px;
}
/*
Início da POGramação do Jéferson
*/
div#filtro_escolha {
	float: left;
	display: none;
	margin: 0 0 0 11px;
	overflow: hidden;
	white-space: nowrap;
	width: 181px;
}
/*
Fim da POGramação do Jéferson
*/
div#clientes {
	float: left;
	display: none;
	margin: 0 0 0 11px;
	overflow: hidden;
	white-space: nowrap;
	width: 181px;
}
div#categorias {
	float: left;
	display: none;
	margin: 0 0 0 11px;
	overflow: hidden;
	white-space: nowrap;
	width: 181px;
}
div#disposicoes {
	float: right;
	overflow: hidden;
}
div#ordenacao {
	float: left;
	margin: 0 11px 0 0;
	overflow: hidden;
	white-space: nowrap;
	width: 181px;
}
div#disposicao {
	float: left;
	margin: 0 9px;
	overflow: hidden;
	white-space: nowrap;
	width: 87px;
}
div#disposicao br { display: none; }
div#disposicao em {
	display: block;
	padding: 0 2px;
}
div#disposicao label {
	background-color: #222;
	background-position: top left;
	background-repeat: no-repeat;
	border: 1px solid #666;
	display: block;
	float: left;
	height: 15px;
	margin: 5px 2px 0;
	overflow: hidden;
	text-indent: -9999px;
	width: 23px;
}
div#disposicao label:hover {
	background-color: #111;
	background-position: top right;
	border-color: #999;
}
div#disposicao label.ativo {
	background-color: #111;
	background-position: top right;
	border-color: #999;
}
label#oito-trabalhos { background-image: url("../imagens/oito-trabalhos.gif"); }
label#dois-trabalhos { background-image: url("../imagens/dois-trabalhos.gif"); }
label#um-trabalho { background-image: url("../imagens/um-trabalho.gif"); }
div#palavras-chave {
	float: left;
	margin: 0 11px;
	overflow: hidden;
	white-space: nowrap;
	width: 183px;
}
div#pesquisas {
	float: left;
	margin: 0 0 0 8px;
	overflow: hidden;
	width: 11px;
}
div#trabalhos {
	height: 357px;
	margin: 23px 0 14px 0;
	overflow: hidden;
	padding: 0 21px 0 24px;
	position: relative;
}
p#anterior {
	left: 8px;
	margin: -16px 0 0;
	position: absolute;
	top: 50%;
	z-index: 2;
}
p#anterior a {
	background-image: url("../imagens/pagina-anterior.png");
	display: block;
	height: 33px;
	overflow: hidden;
	text-indent: -9999px;
	width: 32px;
}
p#proxima {
	margin: -16px 0 0 0;
	position: absolute;
	right: 7px;
	top: 50%;
	z-index: 2;
}
p#proxima a {
	background-image: url("../imagens/proxima-pagina.png");
	display: block;
	height: 33px;
	overflow: hidden;
	text-indent: -9999px;
	width: 32px;
}
ul#miniaturas {
	list-style: none;
	margin: -3px 0 0 -3px;
	overflow: hidden;
	padding: 0;
	position: relative;
}
ul#miniaturas li { display: inline; }
ul#miniaturas li a {
	background-color: #222;
	border: 1px solid #666;
	display: block;
	float: left;
	height: 175px;
	margin: 3px 0 0 3px;
	overflow: hidden;
	width: 234px;
}
ul#miniaturas li a img {
	/* height: 177px; */
	/* width: 236px; */
	border: 0;
	margin: -1px;
}
ul#miniaturas li a:hover {
	background-color: #111;
	border: 3px solid #999;
	height: 171px;
	width: 230px;
}
ul#miniaturas li a:hover img { margin: -3px; }
ul#previas {
	list-style: none;
	margin: -3px 0 0 -3px;
	overflow: hidden;
	padding: 0;
	position: relative;
}
ul#previas li { display: inline; }
ul#previas li a {
	background-color: #222;
	border: 1px solid #666;
	display: block;
	float: left;
	height: 355px;
	margin: 3px 0 0 3px;
	overflow: hidden;
	width: 473px;
}
ul#previas li a img {
	/* height: 357px; */
	/* width: 476px; */
	border: 0;
	margin: -1px;
}
ul#previas li a:hover {
	background-color: #111;
	border: 3px solid #999;
	height: 351px;
	width: 469px;
}
ul#previas li a:hover img { margin: -3px; }
div#previa {
	height: 357px;
	margin: 0 25px 0 0;
	overflow: auto;
	padding: 0 31px 0 520px;
}
div#previa h3 { display: none; }
div#previa h4 { display: none; }
div#previa h5 { display: none; }
div#previa h3#nome-do-cliente {
	display: block;
	font-size: 0.923em;
	font-weight: normal;
	margin: 0 0 10px 0;
	text-transform: uppercase;
}
div#previa h3#nome-do-cliente big { font-size: 1.417em; }
div#previa.mais-informacoes h3#nome-do-cliente {
	font-size: 1.308em;
	margin: 0;
}
div#previa.mais-informacoes h4#nome-do-trabalho {
	display: block;
	font-size: 0.923em;
	font-weight: normal;
	margin: 0 0 10px 0;
	text-transform: uppercase;
}
div#previa p { margin: 15px 0; }
div#previa p#imagem {
	display: inline;
	margin: 0;
}
div#previa p#imagem a {
	background-color: #222;
	border: 1px solid #666;
	cursor: url("../imagens/zoom-in.cur"), pointer;
	display: block;
	height: 355px;
	left: 24px;
	margin: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 473px;
}
div#previa p#imagem a.link-externo { cursor: pointer; }
div#previa p#imagem a img {
	/* height: 357px; */
	/* width: 476px; */
	border: 0;
	margin: -1px;
}
div#previa p#imagem a:hover {
	border: 3px solid #999;
	height: 351px;
	width: 469px;
	z-index: 1;
}
div#previa p#imagem a:hover img { margin: -3px; }
div#previa p#mais-informacoes {
	display: inline;
	margin: 0;
}
div#previa p#mais-informacoes a {
	background-color: #222;
	background-image: url("../imagens/mais-informacoes-do-trabalho.gif");
	background-position: left center;
	background-repeat: no-repeat;
	border: 1px solid #666;
	display: block;
	height: 15px;
	left: 498px;
	overflow: hidden;
	position: absolute;
	text-indent: -99999px;
	top: 0;
	width: 23px;
}
div#previa p#mais-informacoes a:hover {
	background-color: #111;
	background-position: right center;
	border-color: #999;
	z-index: 1;
}
div#previa.mais-informacoes p#mais-informacoes a { background-image: url("../imagens/mais-informacoes-do-cliente.gif"); }
ul#relacionados {
	list-style: none;
	padding: 0;
	margin: 27px 0 27px -3px;
	overflow: hidden;
}
ul#relacionados li { display: inline; }
ul#relacionados li a {
	background-color: #222;
	border: 1px solid #666;
	float: left;
	height: 86px;
	margin: 3px 0 0 3px;
	overflow: hidden;
	width: 116px;
}
ul#relacionados li a:hover {
	background-color: #111;
	border: 3px solid #999;
	height: 82px;
	width: 112px;
}
ul#relacionados li a.ativo {
	background-color: #111;
	border: 3px solid #999;
	height: 82px;
	width: 112px;
}
ul#relacionados li a img {
	/* height: 88px; */
	/* width: 118px; */
	border: 0;
	margin: -1px;
}
ul#relacionados li a:hover img { margin: -3px; }
ul#relacionados li a.ativo img { margin: -3px; }
form#comentarios { display: none; }
ul#paginacao {
	color: #666;
	float: left;
	font-size: 0.846em;
	list-style: none;
	margin: 0 17px 15px 280px;
	padding: 0;
	text-align: center;
	width: 441px;
}
ul#paginacao li { display: inline; }
ul#paginacao li a {
	color: #666;
	overflow: hidden;
	padding: 3px;
	text-decoration: none;
}
ul#paginacao li a:hover { color: #999; }
ul#paginacao li a.ativo {
	color: #999;
	text-decoration: underline;
}
ul#paginacao li a#anterior-2 span {
	background-image: url("../imagens/pagina-anterior-2.gif");
	background-position: center left;
	background-repeat: no-repeat;
	display: inline-block;
	height: 9px;
	margin: 0 0 -4px;
	overflow: hidden;
	padding: 3px;
	text-indent: -9999px;
	width: 5px;
}
ul#paginacao li a#anterior-2:hover span { background-position: center right; }
ul#paginacao li a#proxima-2 span {
	background-image: url("../imagens/proxima-pagina-2.gif");
	background-position: center left;
	background-repeat: no-repeat;
	display: inline-block;
	height: 9px;
	margin: 0 0 -3px;
	overflow: hidden;
	padding: 3px;
	text-indent: -9999px;
	width: 5px;
}
ul#paginacao li a#proxima-2:hover span { background-position: center right; }
p#status {
	color: #666;
	float: right;
	font-size: 0.846em;
	margin: 0 38px 15px 17px;
	text-align: right;
	width: 202px;
}
/*
form#comentarios {
	font-size: 0.846em;
	margin: 0;
	padding: 0;
}
form#comentarios p { margin: 8px 0 8px 59px; }
form#comentarios fieldset {
	border: 0;
	display: block;
	margin: 0 0 0 59px;
	overflow: hidden;
	padding: 0;
	width: 301px;
}
form#comentarios legend { display: none; }
form#comentarios fieldset br { display: none; }
form#comentarios label { display: none; }
form#comentarios input.text {
	background-color: #222;
	border: 1px solid #666;
	color: #999;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 6px 0;
	width: 299px;
}
form#comentarios input.text:focus {
	background-color: #111;
	border-color: #999;
}
form#comentarios input.text:hover {
	background-color: #111;
	border-color: #999;
}
form#comentarios textarea {
	background-color: #222;
	border: 1px solid #666;
	color: #999;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 0;
	width: 299px;
}
form#comentarios textarea:focus {
	background-color: #111;
	border-color: #999;
}
form#comentarios textarea:hover {
	background-color: #111;
	border-color: #999;
}
form#comentarios input.submit {
	background: #666;
	border: 0;
	color: #222;
	cursor: pointer;
	display: block;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 6px 0;
}
form#comentarios input.submit:focus {
	background-color: #999;
	color: #111;
}
form#comentarios input.submit:hover {
	background-color: #999;
	color: #111;
}
form#comentarios h6 {
	font-size: 1em;
	font-weight: bold;
	margin: 15px 0 0 0;
	text-transform: uppercase;
}
form#comentarios blockquote {
	border-bottom: 1px solid #666;
	margin: 0;
	padding: 0 0 5px 0;
}
form#comentarios blockquote:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}
*/