/* FORMATAÇÃO CSS */

body {
	
}

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(../imagens/topo01.jpg);
}

#topo02 {
	width: 900px;
	height: 243px;
	background-image: url(../imagens/topo02.jpg);
}

/******************** MENU *********************/

#menu {
	width: 900px;
	height: 51px;
	background-image: url(../imagens/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: 620px;
	float: left;
	padding: 10px 0 10px 15px;
}


#left h1 {
	font: 18px arial;
	color: #003333;
}

#left p {
	font: 12px arial;
	color: #666;
	float: left;
	
}


.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: 575px;
	float: right;
	padding: 10px 15px 10px 0;
}

.itens-left {
	width: 544px;
	height: 325px;
	background-image: url(../imagens/itens-left.jpg);
}

#right h1 {
	font: 18px arial;
	color: #003333;
	margin: 20px 0 10px 0;
}

.chamadas {
	width: 500px;
	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: 500px;
	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 {
	
	margin-top: 15px;
	border-style: none;
        margin-bottom: 5px; 
        margin-left: 500px; 
}

.fotos img {
	width: 80px;
	height: 60px;
	margin: 5px;
	border: 2px solid #00ccff;
}



/******************** RODAPE *********************/

#rodape {
	width: 900px;
	height: 104px;
	background-image: url(../imagens/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;
}

/******************** content *********************/
/*-------------------------comandos do bot?o-------------------------*/
#basic-accordian{
	width:520px;/*tamanho do div que esta con todo o conteudo do menu*/
	margin-top: 5px;
	float: left;
}

.accordion_headings{
	color: #4a1212; /*cor da fonte dos bot?es*/
	cursor:pointer; /*tipo do cursos quando passa o mouse em cima dos links*/
	text-align:center;/*centraliza os textos*/
	font: bold 12px arial;
	float:left;
	margin: 1px 1px 0 0;
}

.accordion_headings:hover{
	color: #4a1212;
	text-decoration: underline;
	float:left;
}

.accordion_child{
	float:left;
}

.accordion_child img {
	float:right;
	margin: 0 10px 0 10px;
}

.accordion_child p{
	font: 11px verdana;
	color: #666;
	line-height: 17px;
}

.accordion_child h2 {
	font: 18px arial;
	color: #064b84;
}

.header_highlight{
	float:left;
	color:#4a1212;/*cor dos bot?es ativo*/
}

.tab_container {
	width: 520px;
}

.tab_container *{
	float:left;
	width: 100px;
	height:30px;
}

.text_accordion {
	width: 520px;
	float: left;
}

#test1-content {
	width: 560px;
	float: left;
	padding: 0 0 0 10px;
}

#test2-content {
	width: 520px;
	float: left;
	padding: 0 0 0 10px;
}

#test3-content {
	width: 520px;
	float: left;
	padding: 0 0 0 10px;
}

#test4-content {
	width: 520px;
	float: left;
	padding: 0 0 0 10px;
}

#test5-content {
	width: 520px;
	float: left;
	padding: 0 0 0 10px;
}



table.bordasimples {
	border-collapse: collapse;
	/*margin-left: 10px;*/
	float: left;
	
}

table.bordasimples tr td {border:1px solid #003333;
	font: 11px verdana;
	color: #666;
	line-height: 17px;


}

