* { margin: 0; border: 0; padding: 0; }

html, body {
	background: #000 url(../imagens/bg.jpg) no-repeat fixed center center;
	scrollbar-face-color: #333;
	scrollbar-track-color: #333;
	scrollbar-arrow-color: #000;
	scrollbar-highlight-color: #333;
	scrollbar-3dlight-color: #000;
	scrollbar-darkshadow-color: #333;
	scrollbar-shadow-color: #000;
}

body, td, div, p { font: 11px Verdana, Arial; color: #9a9a9a; }
body { text-align: center; overflow: auto; }

#AreaSite {
	position: absolute;
	background: #000;
	text-align: left;
	margin-left: -385px; left: 50%; width: 770px;
	margin-top: -220px; top: 50%; height: 440px;
	zborder: 1px solid #222;
}

#InternoSite { 
	margin: 20px 40px;
	zborder: 1px solid #084D31;
}

#Interno { margin: 10px; }

#Topo { height: 60px; }

#Topo2 { height: 40px; }

#Email {
	clear: both;
	margin-top: 10px;
	text-align: right;
	font: normal 9px Verdana, Arial; color: #8a8a8a;
}

#Email a		{ font: 11px Verdana, Arial; text-decoration: none; color: #8a8a8a; }
#Email a:hover	{ text-decoration: none; color: #8a8a8a; border-bottom: 1px dashed #8a8a8a; }

#Miolo {
	width: 690px; height: 320px;
	zborder: 1px dashed #B5C8C6;
}

#MioloEsquerdo {
	float: left;
	width: 580px; height: 320px;
	zborder: 1px dashed #B5C111;
	zbackground: #fff;
}

#MioloDireito {
	float: right;
	width: 80px; height: 320px;
	zborder: 1px dashed #B55556;
}

#ContatoNome	{ background: #333 url(../imagens/ContatoNome.gif) no-repeat; left center; padding-left: 60px; }
#ContatoEmail	{ background: #333 url(../imagens/ContatoEmail.gif) no-repeat left center; padding-left: 60px; }
#ContatoTel		{ background: #333 url(../imagens/ContatoTel.gif) no-repeat left center; padding-left: 60px; }
#ContatoAssunto	{ background: #333 url(../imagens/ContatoAssunto.gif) no-repeat left center; padding-left: 60px; }
#ContatoMensagem{ background: #333 url(../imagens/ContatoMensagem.gif) no-repeat left top; padding: 20px 5px 5px 5px; }

#Rodape {
	clear: both;
	font: normal 10px Verdana, Arial;
	border-top: 1px solid #e9e9e9;
	margin: 10px 0 0 0;
	padding: 2px 5px;
	height: 18px;
}

#Rodape a		{ text-decoration: none; color: #555; }
#Rodape a:hover	{ text-decoration: none; color: #555; border-bottom: 1px dashed #555; }

#Credito {
	position: absolute;
	writing-mode: tb-rl;
	bottom: 2px; right: 2px;
	font: bold 10px Verdana, Arial; color: #333;
}

#Credito a			{ text-decoration: none; color: #333; }
#Credito a:hover	{ text-decoration: none; color: #888; }

#Branco {
	background: transparent;
	border: 0;
}

#Botao { background: #333; color: #999; width: 80px; }

#BarraPaginacao {
	zborder: 1px dashed #B55556; width: 75px; 
	position: absolute;
	bottom: 50px; right: 40px;
	clear: both;
	text-align: center; display: block;
}

h1 { font: bold 16px verdana, arial; color: #993366; word-spacing: 2px; letter-spacing: 0px; text-align: right; }
h2 { font: bold 12px verdana, arial; letter-spacing: 0px; line-height: 150%; }
h3 { font: bold 10px verdana, arial; text-align: right; }
h4 { font: italic 10px verdana, arial; color: #993366; }

p {
	margin: 20px 0;
	text-align: justify;
}

p:first-letter {
	font: 5em georgia, verdana; color: #993366;
	margin: 0 4px 0 15px;
	float: left;
}

a		{ text-decoration: none; color: #999; }
a:hover	{ text-decoration: none; color: #993366; }

input, textarea, select {
	font: normal 10px verdana, arial;
	color: #999;
	text-align: middle;
	background: #f3f3f3;
	zborder-bottom: 1px solid #ebebeb;
	zborder-right: 1px solid #ebebeb;
	zborder-top: 1px solid #fafafa;
	zborder-left: 1px solid #fafafa;
	padding: 1px;  margin: 0 0 1px 0;
}

input { vertical-align: middle; }

textarea { overflow: auto; }

hr {
	width: 80%; height: 1px;
	margin: 10px;
	text-align: center; color: #e9e9e9;
	clear: both;
}

table	{ border-collapse: collapse; }

/* ======== Menu ========== */

#Menu {
	font: 11px Verdana, Arial;
	position: absolute;
	bottom: 25px;
	text-align: center;
	margin-left: -385px; left: 50%;
	width: 770px; zheight: 34px;
	zborder: 1px solid #B5C8C6;
}

#Menu ul li { 
	display: inline;
	width: auto; zheight: 40px;
}

#Menu ul li a {
	margin: 0 19px;
	text-decoration: none; color: #999;
	width: auto; zheight: 20px;
}

#Menu ul li a:hover {
	border: 0px;
	text-decoration: none; color: #fff;
}

#Menu ul li.selec a {
	font: bold 11px Verdana, Arial;
	cursor: default;
	color: #fff;
}

#Menu ul li.selec a:hover {
	color: #fff;
}

/* ======== Menu ========== */

/* ======== MenuCapa ========== */
.MenuCapa {
	width: auto; height: 105px;
	text-align: center;
	margin-top: 80px;
	zborder: 1px solid #fafafa;
}

ul.MenuCapa { list-style: none; }

ul.MenuCapa li { display: inline; }

ul.MenuCapa li a {
	width: 105px; height: 105px;
	float: left;
	margin-right: 40px;
	text-decoration: none;
}

ul.MenuCapa li.fim a {
	width: 105px; height: 105px;
	float: left;
	margin-right: 0px;
	text-decoration: none;
}

/* ul.MenuCapa li a.fig { background-image: url(../imagensUpload/Anel.jpg);	} Esta formatação é feita dinamicamente dentro do programa */

ul.MenuCapa li a:hover {
	background-position: 0px -105px;
}

ul.MenuCapa li.fim a:hover {
	background-position: 0px -105px;
}

ul.MenuCapa li.selec a  {
	border: 1px #cecece solid;
	background-position: 0px -105px;
	cursor: default;
}

/* ======== Fim MenuCapa ========== */