/* ------------------------------------- */
/*           = Global Reset =            */
/*Zerando valores de margem e espacamento*/
/*pra zerar diferencas entre os browsers */
/* ------------------------------------- */
* {
padding:0;
margin:0;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address, table { margin:1em 5%; }


/* links */
a{
	color:#4C53E0;
}
a:focus, a:hover, a:active{
	color:#EB8518;
}

img{
	border:none;
}
/* setting the base font size to 90% allows even scaling by the user while keeping font-size 'xx-small' legible */
body {
	background:#fff url(img/fundo.gif) repeat fixed top left;
	font-size:90%;
	font:.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
/* ------------------------------------- */

/* ------------------------------------- */
/*           = Div Externa =             */
/* ------------------------------------- */
#externa{
	width:94%;
	height:100%;
	min-width:40em;
    max-width:70em;
	margin-left:4em;
}
/* ------------------------------------- */


/* ------------------------------------- */
/*          = Div Superior =             */
/* ------------------------------------- */
#barrasuperior{
	height:10em;
	float:left;
	margin:.2em 0 0 1.6em;
	width:94%;
	border-bottom:#000 groove;
}
/* ------------------------------------- */

h2{
	font-variant:small-caps;
	text-align:center;
	font-size:3em;
}

h3{
	font-variant:small-caps;
	text-align:center;
	font-size:1.8em;
}

.homeSVB{
	float:left;
}

/* ------------------------------------- */
/*         = Menu Superior =             */
/* ------------------------------------- */
#menu{
	float:right;
	width:13em;
	color:#E9D5FB;
}

#menu ul{
	list-style:none;
	/*background-color:#B9F486;/*#b33;*/
	background-color:#b0c59a;
}

#menu ul li{
	display:block;
	padding:.2em 0;
	border-bottom:1px groove #fff
}

#menu ul li a{
	text-decoration:none;
	padding:0 0 0 .8em;
}

/* ------------------------------------- */

/* ------------------------------------- */
/*         = Div Principal =             */
/* ------------------------------------- */
#principal{
	float:left;
	width:75%;
	margin-top:2em;
	padding-bottom:5em;
}

h4{
	font-variant:small-caps;
	font-size:1.2em;
	border-bottom:#000 dotted thin;
}

/* ------------------------------------- */
/*          = Data Evento =              */
/* ------------------------------------- */
.data-evento{
	float:left;
	margin-left:.8em;
	background:url(img/fundoCalendario.jpg) no-repeat;
	width:80px;
	height:70px;
}

.mesEvento{
	text-decoration:underline;
	text-transform:uppercase;
	margin-left:.6em;
}

.anoEvento{
	text-decoration:underline;
}

.diaEvento{
	display:block;
	margin-left:1em;
	font:2em Arial, Helvetica, sans-serif;
}

.horaEvento{
	margin-left:1.2em;
}

/* ------------------------------------- */
/*        = Endereco Evento =            */
/* ------------------------------------- */
.enderecoEvento{
	padding:0 2em;
	margin-left:6em;
}

/* ------------------------------------- */
/*         = Entrada Evento =            */
/* ------------------------------------- */
.entradaEvento{
	padding:0 2em;
	margin-left:6em;
}

/* ------------------------------------- */
/*         = Titulo Evento =             */
/* ------------------------------------- */
.tituloEvento{
	padding:2em 0 0 0;
}

/* ------------------------------------- */
/*        = Tela de Contato =            */
/* ------------------------------------- */
#formContato{
	border:1px dotted #b0c59a;
	margin-left:2em;
}

.labelContato{
	float:left;
	width:80px;
 	margin-left:.6em;
}

.campoContato{
	margin:1em 0 0 1em;
	font:1em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#formContato br{
	clear:left;
}

.botaoContato{
	margin:1em;
	background-color:#b0c59a;
	border-style:groove;
}

#msgErro{
	margin-left: 4em;
	color:#f00;
}

#msgErro p{
	text-align:center;
}

/* ------------------------------------- */
/*             = Tabela =                */
/* ------------------------------------- */
/*
table{
	border-collapse:collapse;
}

th, td{
	text-align:center;
	border-width:1px 0px;
}

td{
	padding:.8em;
	border-style:dotted;
}

.justificado{
	text-align:justify;
}

.data{
	border:1px solid #000;
}

.fundo{
	background-color:#f7fAe3;
}

/* ------------------------------------- */
/*           = Novidades =               */
/* ------------------------------------- */

/*
.novas{
	border-bottom:1px #000 dashed;
	border-right:1px #000 dashed;
	padding:2em 2em 1em;
}

.alerta{
	color:#f00;
}

.listaLimpa{
	list-style-type:none;
}
/* ------------------------------------- */

/* ------------------------------------- */
/*         = Div Rodape =             */
/* ------------------------------------- */
#rodape{
	clear:both;
	border-top:1px dotted black;
	width:90%;
	margin:0 2em;
}

#rodape p{
	padding:0 2em;
	text-align:center;
}

/* ------------------------------------- */