@charset "utf-8";
/* CSS Document */
body{
	width:100%;
	margin:0;
	background:#f3f3f3;
}
#tudo{
	width:100%;
}
#logo{
	width:990px;
	margin:0 auto;
}
#topo{
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
	left:0;
	top:0;
	z-index:999;
	overflow:hidden;
	background:#EDEDED;
	border-bottom: solid 5px #009;
}
#centro{
	position:relative;
	width:990px;
	margin:0 auto;
}
#centro_textos{
	width:660px;
	height:300px;
	overflow: auto;
	float:left;
}
#centro_prog{
	position:relative;
	width:990px;
	margin:0 auto;
	margin-top:10px;
}
#site-dentro {
	position: relative;
	width: 660px;
	height: 300px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}

#fotos{
	position: absolute;
	width:870px;
	height:301px;
	right: 0;
	overflow: hidden;
	z-index: 10;
	background:#009;
	box-shadow: 2px 2px 4px #666;
}

             /*MENU*/
#menu{
	width:230px;
	float:left;
}
ul.nav { /*para tirar margin, padding e bolinha do marcador*/
	list-style: none; /*tira a bolinha de marcador*/
	width: 230px;
	margin: 0;
	padding: 0;
}
ul.nav li a { /*menus*/
	font-family: "Century Gothic";
	font-size: 15px;
	margin: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	background:#000099;
	color: #e4e5e5;
	width: 205px;
	display: block;
	padding: 15px 30px 7px 15px;
	border-radius: 8px 0 0 8px;
	text-decoration: none;
	-webkit-box-shadow: -2px 2px 4px #666;
	-moz-box-shadow: -2px 2px 4px #666;
	-o-box-shadow: -2px 2px 4px #666;
}
ul.nav li a:hover {/*menus a hora que passar o mouse*/
	margin-left: -15px;
	width: 220px;
	background:#000099;
	color:#e4e5e5;
	padding: 15px 30px 7px 15px;
}
.pagina-ativa {/*o jeito que os menus irão ficar quando estiverem selecionados*/
	font-family: "Century Gothic";
	font-size: 15px;
	margin: 0px 0px 0px -15px;
	background:#000099;
	color:#e4e5e5;
	width: 220px;
	display: block;
	padding: 15px 30px 7px 15px; 
	border-radius: 8px 0 0 8px; /*deixar as bordas arredondadas */
	text-decoration: none;
	-webkit-box-shadow: -2px 2px 4px #666;
	-moz-box-shadow: -2px 2px 4px #666;
	-o-box-shadow: -2px 2px 4px #666;
}
              /*FIM MENU*/


#prog_serv{
	width:330px;
	height:130px;
	float:left;
	background:url(../imagens/fd_prog_serv.png);
}
#prog_aten{
	width:330px;
	height:130px;
	float:left;
	background:url(../imagens/fd_prog_aten.png);
}
#prog{
	width:330px;
	height:130px;
	float:left;
	background:url(../imagens/fd_prog.png);
}
#prog_cur{
	width:280px;
	height:110px;
	float:left;
	margin-left:25px;
	background:url(../imagens/fd_cur.png) no-repeat;
}
#textos{
	width:330px;
	float:left;
	margin:0 auto;
}
#acesso {
	position: relative;
	margin: 0 auto;
	padding-left:40px;
	padding-bottom:20px;
	border-top: 1px dotted #cccccc;
	width: 950px;
	padding-top:10px;
	height:80px;
}

#acesso img {
	margin: 5px;
	border: 0;
}
#faixa_inferior{
	width:100%;
	background:#DEDEDE;
	height:50px;
	border-top:solid 5px #009;
}
#rodapé{
	width:990px;
	margin:0 auto;
}
#midia{
	width:300px;
	float:right;
}