/* FORMATAÇÃO CSS */

body {
	background-image: url(fundo.jpg);
	background-repeat: no-repeat;
}

p {
	font: 12px verdana;
	color: #000;
	line-height: 18px;
}

img {
	border: 0;
}

#container {
	width: 900px;
	margin: auto;
	background-color: #fff;
}

#topo01 {
	width: 900px;
	height: 119px;
	background-image: url(topo01.jpg);
}

#topo02 {
	width: 900px;
	height: 243px;
	background-image: url(topo02.jpg);
}

/******************** MENU *********************/

#menu {
	width: 900px;
	height: 51px;
	background-image: url(menu.jpg);
}

.menuhor {
	font: bold 14px arial;
	text-align: center;
	padding-top: 17px;
	color: #b8e293;
}

.menuhor li {
	list-style: none;
	display: inline;
}

.menuhor li a {
	color: #fff;
	text-decoration: none;
	padding: 3px 18px;
}

.menuhor li a:hover {
	color: #fffe03;
}

/******************** LEFT *********************/

#left {
	width: 295px;
	float: left;
	padding: 10px 0 10px 15px;
}

#left h2 {
	width: 271px;
	height: 42px;
	background-image: url(bg-h2.jpg);
	font: 18px arial;
	padding: 12px 0 0 10px;
	color: #064b84;
}

.menu-atividades {
	width: 280px;
	font: 12px verdana;
	color: #0565b1;
	padding: 10px 0 10px 0;
}

.menu-atividades li {
	list-style: none;
	background-color: #edf6fa;
	margin-bottom: 7px;
	padding: 3px;
}

.menu-atividades li a {
	color: #064b84;
	text-decoration: none;
}

.menu-atividades li a:hover {
	color: #064b84;
	text-decoration: underline;
}

.destaques {
	width: 271px;
	padding: 10px 0 10px 0;
}

.destaques h3 {
	font: 12px verdana;
	color: #064b84;
}

.destaques ul {
	font: 11px Verdana;
	color: #666;
	line-height: 17px;
	margin-top: 10px;
}

.destaques li {
	margin-left: 10px;
	list-style: url(li.jpg);
}

.destaques a {
	color: #666;
	text-decoration: none;
}

.destaques a:hover {
	color: #666;
	text-decoration: underline;
}

/******************** RIGHT *********************/

#right {
	width: 555px;
	float: right;
	padding: 10px 15px 10px 0;
}

.itens-left {
	width: 544px;
	height: 325px;
	background-image: url(itens-left.jpg);
}

#right h1 {
	font: 18px arial;
	color: #064b84;
	margin: 20px 0 10px 0;
}

.chamadas {
	width: 167px;
	float: left;
	padding: 10px 18px 0 0;
}

.chamadas p {
	margin-top: 3px;
}

.chamadas strong {
	color: #064b84;
}

.chamadas a {
	color: #666;
	text-decoration: none;
}

.chamadas a:hover {
	color: #666;
	text-decoration: underline;
}

/******************** CONT-DENTRO *********************/

#cont-dentro {
	width: 900px;
	float: left;
}

#cont-dentro h1 {
	font: 30px arial;
	color: #064b84;
	padding: 15px 0 0 15px;
}

#cont-dentro p {
	padding: 15px 15px 0 15px;
}

/* FOTOS */

.fotos {
	width: 600px;
	margin-top: 15px;
}

.fotos img {
	width: 80px;
	height: 60px;
	margin: 5px;
	border: 2px solid #00ccff;
}

/******************** RODAPE *********************/

#rodape {
	width: 900px;
	height: 104px;
	background-image: url(rodape.jpg);
	clear: both;
	text-align: center;
}

address {
	font: 11px Verdana;
	color: #666;
	line-height: 17px;
	padding-top: 20px;
}

address a {
	color: #666;
	text-decoration: none;
}

address a:hover {
	color: #666;
	text-decoration: underline;
}

/******************** MENU-ROD *********************/

.menu-rod {
	font: 11px verdana;
	text-align: center;
	padding-top: 17px;
}

.menu-rod li {
	list-style: none;
	display: inline;
}

.menu-rod li a {
	color: #666;
	text-decoration: none;
}

.menu-rod li a:hover {
	color: #666;
	text-decoration: underline;
}