/* CSS Document */

html, body{
	background: #003366 url(../gifs/background.png) left top repeat-x;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px
}

#contentor{
	width: 960px;
	margin: 0px auto;
}

#cabecalho{
	background:url(../gifs/cabecalho.png) top left no-repeat;
	height: 190px;
}

#cabecalho1{
	background:url(../gifs/cabecalho1.png) top right no-repeat;
	height: 202px;
}

#conteudo{
	background: url(../gifs/conteudo.png) left top;
	padding: 10px 40px;
	line-height: 22px;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(border-radius.htc);
}

#conteudo h3{
	color: #006699;
}

.clear{ clear: both}

#menu{
	height: 30px; 
	background: url(../gifs/menu.png) left top no-repeat;
}

#menu .topico1 a{ width: 106px; height:30px; display:block; float:left}
#menu .topico1 a:hover{ background: url(../gifs/menu.png) left -30px no-repeat; cursor: pointer}

#menu .topico2 a{ width: 141px; height:30px; display:block; float:left}
#menu .topico2 a:hover{ background: url(../gifs/menu.png) -106px -30px no-repeat; cursor: pointer}

#menu .topico3 a{ width: 186px; height:30px; display:block; float:left}
#menu .topico3 a:hover{ background: url(../gifs/menu.png) -247px -30px no-repeat; cursor: pointer}


#menu .topico4 a{ width: 170px; height:30px; display:block; float:left}
#menu .topico4 a:hover{ background: url(../gifs/menu.png) -433px -30px no-repeat; cursor: pointer}

#menu .topico5 a{ width: 115px; height:30px; display:block; float:left}
#menu .topico5 a:hover{ background: url(../gifs/menu.png) -603px -30px no-repeat; cursor: pointer}

#menu .topico6 a{ width: 133px; height:30px; display:block; float:left}
#menu .topico6 a:hover{ background: url(../gifs/menu.png) -718px -30px no-repeat; cursor: pointer}

#menu .topico7 a{ width: 109px; height:30px; display:block; float:left}
#menu .topico7 a:hover{ background: url(../gifs/menu.png) -851px -30px no-repeat; cursor: pointer}


#rodape{
	background: url(../gifs/rodape.png) left top no-repeat;
	margin: 12px 0px 0px 0px;
	height: 28px;
	padding: 20px 10px 10px 10px ;
	font-size: 10px
}

#rodape ul{
	list-style: none;
	margin: 0px;
	padding: 0px
}

#rodape ul li a{
	display: block;
	padding: 0px 10px 5px 0px;
	float:left;
	color: #333333; 
	text-decoration: none
}

#rodape ul li a:hover{
	color: #FFFFFF; 
	text-decoration: none
}