@charset "utf-8";
/* CSS Document */

/* Geral */
body{
	background: #d8e5ff url("../images/bg01.jpg") repeat-x;
	font: normal 11px Verdana;
	text-align: center;
	color: #000000;
}
body #principal {
	width: 96%;
	margin: 0 auto; /* As margens automáticas (juntamente com a largura) centralizam a página */
	text-align: left; /* Isso substitui text-align: center do elemento body. */
}
#esquerda{
	background-image: url(../images/esquerda.png);
	background-repeat: repeat-y;
}
#direita{
	background-image: url(../images/direita.png);
	background-position: right;
	background-repeat: repeat-y;
}
#centro{
	background-color: #FFF;
	margin: 0 10px; /* Lembre-se de que o preenchimento é o espaço dentro da caixa do div e a margem é o espaço fora da caixa do div */
}
/* Geral */

/* Topo */
#topo{
	display: block;
	height: 76px;
	border-bottom: solid 1px Black;
	background: url("../images/fundotopo.jpg") repeat-x;
	padding: 0 10px;
}
#logoTopo{
	display: block;
	width: 215px;
	float: left;
	padding-top: 6px;
}
#textoTopo{
	font: bold 18px Arial;
	line-height: 76px;
	text-align: center;
	color: #333;
}
/* Topo */

/* Rodape */
#rodapeEsq {
	text-align: left;
	width: 96%;
	margin: 0 auto; /* As margens automáticas (juntamente com a largura) centralizam a página */
	line-height: 27px;
	background: url("../images/sombra_lateral_esq.png") no-repeat;
}
#rodapeDir {
	text-align: left;
	background: url("../images/sombra_lateral_dir.png") no-repeat;
	background-position: right;
}
#rodapeCentro{
	font: normal 10px Verdana;
	line-height: 27px;
	text-align: center;
	background: #d8e5ff url("../images/bg04.jpg") repeat-x;
	margin: 0 10px;
	color: #3b3b3b;
}
#sombraRodape{
	text-align: right;
	width: 96%;
	margin: 0 auto; /* As margens automáticas (juntamente com a largura) centralizam a página */
	height: 11px;
	background: #d8e5ff url("../images/base.png") repeat-x;
}
#sombraRodape span{
	display: block;
	float: left;
}
/* Rodape */

.botaoPadrao{
	font-weight: bold;
	display: block;
	height: 26px;
	line-height: 26px;
	background: url("../images/bgbotao01.jpg") repeat-x;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: solid 1px #ccc;
	text-decoration: none;
	padding-left: 10px;
	color: Black;
}
.botaoPadrao:hover{
	background: url("../images/bgbotao01h.jpg") repeat-x;
	color: #004A8F;
}