/*-- Menu --*/
#menu-menu-topo{
	display: block; float: right; height: 37px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; margin-right: 10px;
	ul{ height: 37px; background: url(./images/menu-bg.png) no-repeat right top; border: 1px solid #ccc; border-top: 0; border-bottom: 0; }
	li{
		float: left; position: relative;
		a{
			float: left; padding: 11px 10px 11px 11px; background: url(./images/menu-bg.png) no-repeat right top; font-weight: bold; font-size: 75%; color: #666;
			&:hover{ color: #ff0000; text-decoration: none; }
		}
		&.borderless a{ background-position: left top; }
		ul{
			height: auto; position: absolute; display: none; top: 36px; border: 1px solid #ccc; left: -2px; z-index: 10; background: #fff;
			li{
				display: block; float: none;
				a{
					width: 143px; display: block; float: none; padding: 5px 10px 5px 17px !important; background: #fff; font-weight: normal; background: url(./images/menu-arrow-gray.png) no-repeat 7px 10px !important;
					&:hover{ background: url(./images/menu-arrow-red.png) no-repeat 7px 10px !important; }
				}
			}
			li:hover{
				ul{
					display: block; top: -1px; left: 170px;
				}
			}
		}
		&:hover{
			ul{
				display: block;
				ul{ display: none; }
			}
		}
	}
	.hover .sub-menu{
		display: block;
		.sub-menu{ display: none; }
	}
}

#header{
	.redes{
		position: absolute; left: 23px; top: 58px;
		.button{ float: left; margin-right: 10px; }
	}

	.banner{
		margin: 5px 10px 20px;
	}

	#searchform{ float: right; }
}

#flickr{
	width: 580px; margin: 20px 0 0; position: relative;
	h1.flickr{ float: left; width: 55px; height: 18px; background: url(./images/flickr.png) no-repeat; text-indent: -9999px; margin-bottom: 5px; text-indent: -9999px; }
	.elements{
		border: 1px solid #ccc; padding: 0 30px; height: 79px;
		ul{ margin: 0 30px; }
		li{
			float: left; margin: 8px 4px;
			img{ width: 95px; height: 63px; }
		}
	}
	a.next, a.prev{ width: 12px; height: 14px; background: url(./images/nav-left-right.gif) no-repeat; float: left; position: absolute; top: 57px; text-indent: -9999px; z-index: 2000; }
	a.prev{
		background-position: 0 0; left: 12px;
		&:hover{ background-position: 0 -15px; }
	}
	a.next{
		background-position:-15px 0px; right: 12px;
		&:hover{ background-position:-15px -15px; }
	}
}

.banners.index{
	margin: 0 0 0 10px; float: left;
	li{ margin-top: 20px; }
}

#noticias-mais{ margin-top: 15px; }

#rodape{
	background: #f7f5f5; padding: 20px 0; margin-top: 20px;
	.box{
		width: 220px; float: left !important;
		h1{ font-weight: bold; font-size: 125%; color: #222; }
		ul{ margin-bottom: 10px; }
		a{ font-size: 75%; display: block; border-bottom: 1px solid #eae9e9; padding: 5px 0; }
		&.secretarias{ margin-top: 28px; }
	}
	address{ text-align: center; font-size: 75%; }
}

#footer{
	font-size: 90%; margin-top: 10px; height: auto !important;
	#selos{ background: transparent; padding: 0; }
	#menu-menu-rodape{ 
		width: 940px; margin: 0 0 20px; height: 20px;
		li{
			float: left; font-size: 75%; border-right: 1px solid #ccc;
			a{ display: block; padding: 0 7px 0 8px; font-size: 110%; }
			&:last-child{ border: 0; }
		}
	}
}

#servicos{
	.container{ float: left; width: 340px; }
}

.center{ margin: 0 auto; width: 940px; }

.list{
	margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd; min-height: 90px;
	p{ margin: 0; }
	small{
		color: #ff0000; font-weight: bold; text-transform: uppercase; font-size: 70%; line-height: 100%; display: block; margin-bottom: 5px;
		a{ color: #ff0000; font-weight: bold; &:hover{ text-decoration: underline; } }
		span.data{ font-weight: normal; }
	}
	h2 a{ font-size: 100%; line-height: 100%; }
	.artigo{ color: #666; font-size: 75%; }
	.thumb img{ float: left; width: 90px; height: auto; margin-right: 20px; }
}

.filtros{
	margin-bottom: 20px;
	li{
		float: left; font-size: 75%; margin-right: 5px;
	}
	input[type="submit"]{
		background: #ff0000; color: #fff; text-transform: uppercase; font-weight: bold; border: 0; cursor: pointer; padding: 2px 5px;
		&:hover{ background: #F22; }
	}
}

ul.formlist{
	margin-left: 0; font-size: 100%;
	li{ margin-bottom: 10px; clear:both; height:30px;}
	input[type="text"], select, textarea{
		width: 298px; padding: 5px; border: 1px solid #aaa; float:left;
		&:focus{ border: 1px solid #ff0000; outline: 0; }
	}
	select{ width: 309px; }
	input[type="submit"]{
		margin-left:5px; color: #fff; padding: 6px 15px; border: 0; background: #ff0000;
		&:hover{ background: #ff2222; }
	}
	textarea{ height: 100px; margin-bottom:10px;}
	label{ display: block; width: 150px; padding-top: 5px; }
	label.error{margin-left:10px; color:red; width:auto;}
	label.radio{ float: left; }
	em{ color: #ff0000; }
}

.ouvidoria{
	input[type="text"]{ height: 19px; }
	input[type="radio"]{ float: none; margin: 0; height: auto; }
	input[type="submit"]{ float: none; }
}

.anonimo{
	width: 220px;
}

#slider-relative{
	position: relative; width: 397px; float: left;
}