/* 
####################################################################################
#                                                                                  #
#                           MR Site Fácil - Versão 1.1 ß                           #
#             © 2008 - Murilo Rocha * Murilo Rocha Internet & Serviços             #
#                   www.murilorocha.com - murilo@murilorocha.com                   #
#             ========================================================             #
#                                                                                  #              
# Arquivo: estilos.css                                                             #               
#                                                                                  #
# Responsável pelo gerenciamento dos estilos de exibição em tela do website        #
#                                                                                  #
####################################################################################
*/
/* Gerais - Começo */
/* Corpo da página */
body {
  background-color: #a76fc6;
  font-family: verdana, arial, helvetica, sans-serif;
  text-align: center;
  margin: 0px;
  padding-top: 20px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 20px;
  border: 0px;
}
/* Imagens */
img {
border: 0px;
}
/* Títulos Nível 1 */
h1 {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
/* Links - Normal */
a{
	color: #840084;
	text-decoration: none;
}
/* Links - Ativo */
a:hover{
  color: #b900b9;
	text-decoration: underline;
}
/* Formulários */
form{
	margin: 0px;
	padding: 0px;
	border: 0px;
}
/* Gerais - Fim */
/* Box - Página - Começo */
/* Corpo da página */
div#corpo {
  width: 750px;
	background-color: #efcbec;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	border: 0px;
  position: static;
	z-index: 0;
}
/* Barra de cima */
div#cima {
	width: 750px;
	height: 200px;
	background: #c28cd7;
	text-align: left;
	padding: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
}
/* Barra lateral esquerda */
div#esquerda {
  width: 200px;
	padding: 0px;
	margin: 0px;
  float: left;
  overflow: hidden;
}
/* Barra centro-direita */
div#centrodireita {
  width: 548px;
	min-height: 500px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	margin: 0px;
	float: left;
}
/* Barra de rodapé */
div#baixo {
    width: 750px;
	height: 30px;
	background: #CC9FD6;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	clear: both;
}
/* Box conteúdo */
div#conteudo{
	font-size: 11px;
	font-weight: normal;
	padding: 0px;
    margin-top: 0px;
	margin-left: 10px;
	margin-right: 20px;
	margin-bottom: 5px;
	text-align: justify;
	line-height: 16px;
}
/* Anúncios Google - Rodapé */
div#ads
{
	width: 728px;
	height:90px;
	margin: 20px auto;
    clear: both;
}
/* Google Friend Connect - Menu Lateral */
div.googleFriendConnect
{
	width:180px;
	border:1px solid #973DA0;
	margin: 0 auto;
	background: #EFCBEC;
}
/* Box - Página - Fim */
/* Box - Menu - Começo */
/* Fundo e alinhamento */
ul.menu {
	padding: 0px;
	width: 180px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
	text-align: left;
}
/* Botões do menu - Alinhamento */
li.menu {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
/* Botão do menu - Normal */ 
a.menu {
	color: #ffffff;
	background: #973da0;
	padding: 3px 0px 4px;
	width: 180px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 11px;
	display: block;
	text-indent: 5px;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
  	border: 0px;
}
/* Margen baixo menu - Navegadores compatíveis com CSS2 */
a.menu[class] {
	margin-bottom: 1px;
}
/* Botão do menu - Ativado */
a.menu:hover {
	color: #ffffff;
	background: #af4abb;
	text-decoration: none;
}
/* Box - Menu - Fim */
/* Imagens - Página - Começo */
/* Logotipo */
img#logotipo {
  color: #ffffff;
  margin: 0px;
  padding: 0px;
  width: 750px;
  height: 200px;
}
/* Imagens - Página - Fim */
/* Títulos - Página - Começo */
/* Nível 1 */
h1.geral{
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}
/* Nível 2 */
h2.geral{
  color: #7d3599;
  font-size: 13px;
  font-weight: bold;
  margin-top: 0px;
	margin-left: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
  padding: 0px;
  text-align: center;
}
/* Nível 3 */
h3.geral{
  color: #aa5cc7;
  font-size: 12px;
  font-weight: bold;
  margin-top: 0px;
	margin-left: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
  padding: 0px;
  text-align: left;
}
/* Nível 4 */ 
h4.geral{
  color: #aa5cc7;
  font-size: 12px;
  font-weight: bold;
  margin-top: 0px;
	margin-left: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
  padding: 0px;
  text-align: left;
}
/* Nível 4 - Centralizado */
h4.geralcentralizado{
  color: #aa5cc7;
  font-size: 11px;
  font-weight: bold;
  margin-top: 0px;
	margin-left: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
  padding: 0px;
  text-align: center;
}
/* Nível 5 */
h5.geral{
  color: #aa5cc7;
  font-size: 11px;
  font-weight: bold;
  margin-top: 0px;
	margin-left: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
  padding: 0px;
  text-align: left;
}
/* Link - Nível 2 - Normal */ 
a.titulo{
color: #840084;
text-decoration: none;
}
/* Link - Nível 2 - Ativo */
a.titulo:hover {
color: #b900b9;
text-decoration: underline;
}
/* Títulos - Página - Fim */
/* Textos - Página - Começo*/
/* Copyright - Rodapé */
p.copy {
	font-size: 9px;
	font-weight: bold;
	color: #371845;
	padding-top: 8px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
  margin: 0px;
	text-align: center;
}
/* Geral */
p.geral {
	font-size: 11px;
	font-weight: normal;
	color: #3e1b4b;
	padding: 0px;
  margin-top: 0px;
	margin-left: 10px;
	margin-right: 20px;
	margin-bottom: 5px;
	text-align: justify;
	line-height: 16px;
}
/* Mini painel */
p.minipainel {
	font-size: 10px;
	font-weight: normal;
	color: #3e1b4b;
  	padding-top: 5px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 20px;
	margin-bottom: 20px;
	text-align: left;
	line-height: 16px;
	border-top: 1px solid #800080;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
}
/* Continuar lendo */
p.continuar {
  font-size: 10px;
	text-align: right;
  padding: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 20px;
	margin-bottom: 5px;
}
/* Geral pequeno */
p.geralpequeno {
	font-size: 10px;
	font-weight: normal;
	color: #3e1b4b;
	padding: 0px;
  margin-top: 0px;
	margin-left: 10px;
	margin-right: 20px;
	margin-bottom: 20px;
	text-align: justify;
	line-height: 16px;
}
/* Texto das galerias */
p.galeriadescricao {
	font-size: 11px;
	font-weight: normal;
	color: #3e1b4b;
	padding: 0px;
  margin-top: 0px;
	margin-left: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	text-align: justify;
}
/* Textos - Página - Fim */
/* Paginação de resultados - Começo */
/* Caixa - Links */
ul.paginacao {
	font-size: 10px;
	color: #3e1b4b;
  padding: 0px;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 20px;
	margin-bottom: 0px;
	clear: both;
}
/* Ítens - Links */
li.paginacao {
	height: 13px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	padding: 0px;
	list-style-type: none;
	display: block;
  float:left;
}
/* Paginação de resultados - Fim */
/* Estilos gerais formulário - Começo */
/* Caixa - Ativa */
input.emuso, textarea.emuso, select.emuso {
	font-size: 11px;
	color: #3e1b4b;
	background-color: #dcafef;
	border: 1px solid #5e1a7b;
}
/* Caixa - Inativa */
input.semuso, textarea.semuso, select.semuso {
	font-size: 11px;
	color: #3e1b4b;
	background-color: #d7a7eb;
	border: 1px solid #5e1a7b;
}
/* Botão de envio */
input.botao {
  margin: 0px;
	padding: 0px;
	font-size: 11px;
	color: #e2bef1;
	background: #712093;
	border: 2px outset #712093;
}
/* Legenda - Campo */
label.legenda {
	font-size: 11px;
	font-weight: normal;
  color: #3e1b4b;
	margin: 0px;
	padding: 0px;
}
/* Estilos gerais formulário - Fim */
/* Boxes comentários e contato - Começo */
/* Caixa */
fieldset.comentario,fieldset.contato {
	border: 1px solid #800080;
	padding: 10px;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 20px;
	margin-bottom: 0px;
	text-align: left;
}
/* Legenda - Formulário */
legend.comentario,legend.contato {
	font-size: 11px;
	font-weight: bold;
	color: #800080;
}
/* Campos de texto */
input#nomecomentarista,input#emailcomentarista,input#urlcomentarista,input#nomecontato,input#emailcontato,input#assuntocontato{
  width: 465px;
	height: 15px;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	padding: 0px;
}
/* Pergunta de Segurança */
input#respostacontato{
  width: 28px;
	height: 15px;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	padding: 0px;
}
/* Caixa de texto */
textarea#comentariocomentarista,textarea#mensagemcontato{
  font-family: verdana, arial, helvetica, sans-serif;
  width: 465px;
	height: 150px;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	padding: 0px;
}
/* Botão */
input#enviar,input#limpar{
	width: 100px;
	height: 20px;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	padding: 0px;
}
/* Caixa exibição comentário */
div.comentario{
	background: #ecbde8;
	margin-top: 10px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 30px;
	padding: 5px;
}
/* Boxes comentários e contato - Fim */
/* Galeria de Imagens - Começo */
/* Miniaturas */
img.miniatura{
font-size: 11px;
float:left;
margin-top: 0px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 20px;
padding: 0px;
}
/* Box descrição */
div.descricao{
height: 100px;
margin-top: 0px;
margin-left: 10px;
margin-right: 20px;
margin-bottom: 0px;
padding: 0px;
clear: both;
}
/* Caixa - Imagens */
ul.galeria {
	padding: 0px;
	margin-top: 0px;
  margin-left: 10px;
  margin-right: 0px;
  margin-bottom: 0px;
	clear: both;
}
/* Imagens */
li.galeria {
  width: 100px;
	margin: 12px;
	padding: 3px;
	list-style-type: none;
	display: block;
  float:left;
}
/* Galeria de Imagens - Fim */
/* Destaques do texto - Começo */
/* Destaque simples */
b.destaque{
	color: #734F70;
}
/* Alertas */
b.alerta {
color: #ff0000
}
/* Destaques do texto - Fim */
/* Box Centralizado - Começo */
/* Corpo */
div#boxcentral {
	position:absolute;
	left: 50%;
	top: 50%;
	padding: 0px;
	height: 440px;
	width: 750px;
	margin-top: -220px;
	margin-left: -375px;
	text-align: center;
  background-color:  #efcbec;
	border: 0px;
}
/* Barra de cima */
div#topoboxcentral {
	width: 750px;
	height: 200px;
	background: #c28cd7;
	text-align: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	padding: 0px;
}
/* Títulos - Nível 2 */
h2#boxcentral{
  color: #7d3599;
  font-size: 30px;
  font-weight: bold;
  margin-top: 0px;
	margin-left: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
  padding: 0px;
  text-align: center;
}
/* Texto */
p.boxcentral {
	font-size: 11px;
	font-weight: normal;
	color: #3e1b4b;
	padding: 0px;
  margin-top: 0px;
	margin-left: 10px;
	margin-right: 20px;
	margin-bottom: 5px;
	text-align: center;
	line-height: 16px;
}
/* Box Centralizado - Fim */
/* Estilos - RSS - Começo */
/* Container RSS */
p#rss{
  margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	padding: 0px;
	text-align: center;
}
/* Link normal */
a.rss{
  color: #d76b0b;
  font-size: 11px;
	font-weight: bold;
  text-decoration:none;
}
/* Link ativo */
a.rss:hover{
 color: #ff8000;
 text-decoration:underline;
}
/* Estilos - RSS - Fim */
/* Estilos - Mapa do website - Começo */
/* Box */
ul.mapa {
	padding: 0px;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
  text-align: left;
}
/* Ítens */
li.mapa {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
/* Títulos - Nível 3 */
h3.mapa{
  color: #aa5cc7;
  font-size: 11px;
  font-weight: bold;
  margin-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
  padding: 0px;
}
/* Links */
a.mapa{
  font-size: 11px;
	line-height: 20px;
	margin: 0px;
 	padding: 0px;
}
/* Estilos - Mapa do website - Fim */