/* Design e CSS criados por Ivan Jerônimo - Esfera Comunicação Visual */
/* www.ivanjeronimo.com.br */

body {
	background-image: url(imagens/);
	background-color: White;
	color: #FFFFFF;
	text-align: center;
}
	
h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 150%;
	color: #999999;
	font-weight: bold;
	}
	
p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 95%;
}

table {
	width: 98%;
}

td {
	text-align: center;
	;
}



/* Estas três classes são para as cores de links:*/
a:link {
	color: #669999;
	text-decoration: none;
}

a:visited {
	color: #336666;
	text-decoration: none;
}

a:hover, a:active {  
	color: #99CCCC;
	}
	
	
	/* Esta classe muda a cor do link, para destacá-los:*/
	
a .link_destaque {
	color:#6699CC;
}	

a:visited .link_destaque {
	color: #336699;
}

a:hover .link_destaque {
	color: #99CCFF;
	text-decoration:none;
}
		
/* Estas duas classes controlam o thumbnail front*/

div.thumbf {
	height: 150px;
	text-align: center;
	width: 19.9%;
}

div.thumbf p {
	width: 94%;
}

div.thumbf img {
	border: 1px #666666 solid;
	margin-bottom: -15px
}	

/* Estas duas classes controlam os thumbnails*/

div.thumb {
	height: 150px;
	float: left;
	width: 19.9%;
}

div.thumb p {
	width: 94%;
}

div.thumb img {
	border: 1px #666666 solid;
	margin-bottom: -15px
}

div.spacer {
	clear: both;
  }

/* Estas duas classes controlam os thumbnails dos links - classe "spacer" está junto com as de thumbnails*/


div.thumb_link {
	height: 100px;
	float: left;
	width: 19.9%;
}

div.thumb_link p {
	width: 94%;
}

div.thumb_link img {
	border: 1px #666666 solid;
	margin-bottom: -10px
}

/* Estas classes configuram os botões "previous" e "next" nas páginas de imagens grandes:*/



.previous {
	font-size: 48px;	
	font-weight: bold;
	margin-right: 20px;	
}

.next {
	font-size: 48px;	
	font-weight: bold;
	margin-left: 20px;
}

.caixa_imagemGde { 
	margin: 30px 0;
	min-width:770px;
	text-align:center;
}


.caixa_imagemGde img {
	vertical-align:middle;
}
	
/* Estas quatro classes são para o formulário de contato*/

.formulario {
	font-weight: bold;
	text-align: center;
}

.linha {
	margin:0px auto;
	width: 480px;
	clear: both;
	padding-top: 10px;
	}
	
.linha span.label {
	float: left;
	width: 100px;
	text-align: right;
	color: #999999;

  }

.linha span.formw {
	float: right;
	width: 335px;
	text-align: left;

  } 

/* Esta classe é para as informações sobre as obras nas páginas com imagens grandes. Um dia podemos precisar*/
.fichaTec {
	color: #999999;
}

/* Esta é para o rodapé com copyright etc*/
.credito {
	color: #999999;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 60%;
}

/* Esta ajusta o texto para ser alinhado à esquerda. Está aplicado na home e na página de links*/
.homelink {
	text-align: left;
}


/* Esta ajusta as imagens do índice para ser alinhada ao centro. Está aplicado na home*/
.homeimage {
	text-align: center;
}

/* Esta é para o navegador com os links*/
.linkSec {
	font-family: "Times New Roman", Times, serif;
	font-size: 80%;
	font-weight: bold;
	white-space: nowrap
	}
	
.new {
	text-transform: uppercase;
	color: #CC3300;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;


}
.imagemGde {
	margin-bottom: 8px;
	border: 1px solid #666666;
}