/* -------------------------------------------
FOLHA DE ESTILOS - OSTRAS ARTES
Autor:		Serjinho - www.serjinho.net
------------------------------------------- */

* { margin: 0; padding: 0; list-style: none; border: none; }
html, body, div, dl, dt, dd, ul, ol, li { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
pre, form, fieldset, p, blockquote { margin: 0; padding: 0; }
th, td { margin: 0; padding: 0; }
address, th { font-style: normal; font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; }
img, fieldset { border: none; }
ol, ul { list-style: none; }


html, body { width: 100%; height: 100%; margin: 0px; padding: 0px; font: .9em Arial, Helvetica, sans-serif; }

a { text-decoration: none; color: #666; }
	a:hover { text-decoration: underline; }
	
h1 { float: right; margin: 10px 20px 0 0; }
h2 {  font-size: 1em; font-weight: normal; margin: 20px 0 0 60px; }
h3 { text-align: center; }


#bg { background: #7EB5DE url(imagens/bg.jpg) no-repeat top left; }


#caixa2 { display: table; background-color: #fff; border: 10px solid #000; position: absolute; top: 50%; left: 50%; width: 780px; margin-left: -390px; height: 470px; margin-top: -235px; text-align: left; }


#caixa { margin: 30px auto 0 auto; width: 800px; display: table; background-color: #fff; border: 10px solid #000; text-align: left; }
.ie7 #caixa { margin: 30px auto 0 auto; width: 820px; display: table; background-color: #fff; border: 10px solid #000; text-align: left; }
.ie8 #caixa { margin: 30px auto 0 auto; width: 820px; display: table; background-color: #fff; border: 10px solid #000; text-align: left; }


#menu { padding: 60px 0 0 20px; float: left; }
	#menu li { display: inline; padding-right: 20px; }


#conteudo { padding: 20px; display: table; width: 100%; }
.gecko #conteudo { padding: 20px; display: table; width: 96%; }
.ie7 #conteudo { padding: 20px; display: table; width: 96%; }
.ie8 #conteudo { padding: 20px; display: table; width: 96%; }
.opera #conteudo { padding: 20px; display: table; width: 94%; }


	#conteudo .esquerda { float: left; margin: 13px 20px 0 0; }
		#conteudo .esquerda img { margin-bottom: 5px; }
	#conteudo p { padding: 15px; }
	

#galeria { padding-top: 25px; }
	#galeria p { text-align: center; margin: 15px; }
	#galeria ul { padding-left: 10px; }
		#galeria ul li { float: left; margin: 10px; }


.listatrab { font-size: 18px; font-weight: bold; padding-bottom: 20px; }
	.listatrab li { float: left; background-color: #f1f2f2; margin: 10px 10px 0 0; width: 360px; padding: 10px 0; height: 360px; text-align: center; }

.listatrab .tabela { width: 100%; height: 100%; display: table; float: left; background-color: #000; }
.listatrab .cell { vertical-align: middle; display: table-cell; width: 360px; float: left; background-color: #999; }
.listatrab .foto { margin: auto; background-color: #F00; }


#navega { padding: 5px 0 15px 0; }
	#navega .esq { float: left; padding: 0; }
	#navega .dir { float: right; padding: 0; }
	

#contato { width: 300px; float: left; }
	#contato .ok { background-color: #FF9; padding: 10px; text-align: center; color: #F00; }
	#contato p { padding: 15px 0 5px 0; text-align: right; }
		#contato label { width: 80px; float: left; text-align: left; }
		#contato input, #contato textarea { border: 2px solid #000; width: 210px; }
		#contato textarea { height: 80px; font: .9em Arial, Helvetica, sans-serif; }
			#contato .bt { float: right; width: inherit; }

	
div.sitemeter { display: none; }