@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);

/*------------------------------------------------
>> Reset
------------------------------------------------*/

h1,h2,h3,h4,h5,h6,pre,form,body,html,blockquote,fieldset,input, ul {
	margin: 0; padding: 0;
}
img { border: 0; }

/*------------------------------------------------
>> Geral
------------------------------------------------*/

body {
	/*background: #FFF;*/
	background: #FFF url("figuras/fundo.gif");
	font: 14px/20px Roboto Condensed, sans-serif;
	color: #333333;
}
.texto {
	font: 14px Roboto Condensed, sans-serif;
	padding: 3px;
}

/*------------------------------------------------
>> Grade - Linhas e Colunas
------------------------------------------------*/

.row { /*background: #CCC;*/ width: 100%; max-width: 980px; min-width: 727px; margin: 0 auto; }
.row .row { min-width: 0px; }

.column, .columns { /*background: #CCC;*/ margin-left: 4.4%; float: left; min-height: 1px; position: relative; }
.column:first-child, .columns:first-child { margin-left: 0px; }

.row .one.columns    { width: 4.3%;   }
.row .two.columns    { width: 13%;    }
.row .three.columns  { width: 21.68%; }
.row .four.columns   { width: 30.4%;  }
.row .five.columns   { width: 39.1%;  }
.row .six.columns    { width: 47.8%;  }
.row .seven.columns  { width: 56.5%;  }
.row .eight.columns  { width: 65.2%;  }
.row .nine.columns   { width: 73.9%;  }
.row .ten.columns    { width: 82.6%;  }
.row .eleven.columns { width: 91.3%;  }
.row .twelve.columns { width: 100%;   }

img, object, embed { max-width: 100%; }
img { -ms-interpolation-mode: bicubic; }
 
.row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; }
.row:after, .clearfix:after { clear: both; }
.row, .clearfix { zoom: 1; }

/*------------------------------------------------
>> Topo
------------------------------------------------*/

#topo {
	background: url("figuras/topo.png");
	width: 100%;
	height: 100px;
	position: relative;
	z-index: 200;
}
#topo h1 {
	background: url(figuras/logo.png) no-repeat;
	float: left;
	width: 188px;
	height: 61px;
	margin-top: 19px;
}

/*------------------------------------------------
>> Menu
------------------------------------------------*/

ul#menu {
	font: 14px Roboto Condensed, sans-serif;
	padding: 0;
	margin-top: 39px;
	list-style-type: none;
	float: right;
}
ul#menu li {
	color: #000;
	display: block;
	float: left;
	margin: 0;
	padding-left: 10px;
}
ul#menu li a {
	/*background: #f0f0f0;*/
	color: #666;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	padding: 10px;
}
/*ul#menu li:last-child {
	padding-right: 30px;
}*/
ul#menu li a:hover {
	color: #9966CC;
}

/*------------------------------------------------
>> Destaque
------------------------------------------------*/

#destaque {
	background: url("figuras/destaque-fundo.jpg") top;
	width: 100%;
	height: 355px;
	margin-top: -5px;
	position: relative;
	z-index: 100;
}
#destaque .luz {
	background: url("figuras/destaque-luz.png") top center no-repeat;
	width: 980px;
	height: 350px;
	margin: 0 auto;
	position: relative;
	z-index: 110;
}

/*------------------------------------------------
>> Outros destaques / Outros itens
------------------------------------------------*/

#outros-destaques  {
	background: #FFFFFF;
	padding: 20px 0 40px 0;
}
#outros-destaques h2, #outros-itens h2 {
	font: 22px Roboto Condensed, sans-serif;
	letter-spacing: -1px;
	margin: 10px 0 15px 0;
}
/*#outros-destaques a {
	background: #775e7e;
	color: #FFF;
	text-decoration: none;
	display: table;
	padding: 10px;	
	margin: 20px 0 0 0;
}
#outros-destaques a:hover {
	background: #a490aa;
	color: #FFF;
}*/
#outros-itens img {
	/*margin-top: -15px;*/
}
#outros-itens {
	padding: 10px 0 20px 0;
}
#outros-itens h3 {
	color: #a490aa;
	font: 17px Roboto Condensed, sans-serif;
	margin-bottom: 16px;
}
#outros-itens a {
	color: #775e7e;
	text-decoration: none;
}
#outros-itens a:hover {
	background: #a490aa;
	color: #FFF;
}
/*#outros-itens a {
	background: #f0f0f0;
	color: #775e7e;
	text-decoration: none;
	display: table;
	padding: 10px;	
	margin: 20px 0 0 0;
}
#outros-itens a:hover {
	background: #a490aa;
	color: #FFF;
}*/

.separador {
	width: 100%;
	border-bottom: 3px #a490aa solid;
}
.conteudo-destaques {
	background: #fff;
	padding: 0 20px;
}
.conteudo {
	background: #fff;
	padding: 20px;
}
.conteudo ul {
	margin: 0;
	padding-left: 20px;
}
.conteudo li {
	list-style-type: square;
	margin-bottom: 10px;
}

/*------------------------------------------------
>> Notícias
------------------------------------------------*/

#noticias {
	width: 680px;
	margin: 0 auto;
}
#noticias h3 {
	color: #000000;
	font: 15px Roboto Condensed, sans-serif;
	margin-bottom: 15px;
}
#noticias .noticia-item {
	/*background: #f0f0f0;*/
	float: left;
	display: block;
	width: 330px;
}

/*------------------------------------------------
>> Conteúdo
------------------------------------------------*/

#topico {
	background: url(figuras/topico.jpg) top repeat-x;
	width: 100%;
	height: 100px;
	margin-top: -5px;
}
#topico h2 {
	color: #FFFFFF;
	font: 40px/100px Roboto Condensed, sans-serif;
	display: block;
	width: 980px;
	margin: 0 auto;
	letter-spacing: -1px;
}
#conteudo {
	/*background: #FFFFFF;*/
	width: 980px;
	min-height: 420px;
	padding: 25px 0;
	margin: 0 auto;
	text-align: justify;
}
#conteudo h3 {
	color: #000000;
	font: 20px Roboto Condensed, sans-serif;
	margin-bottom: 15px;
}
#conteudo fieldset {
	background: #FFFFFF;
	border: #FFFFFF 1px solid;
	padding: 10px 15px;
	margin-top: 10px;
}
#conteudo ul {
	margin-left: 15px;
}
#conteudo .separador {
	border-bottom: #999999 1px dotted;
	margin: 25px 0;
}
#conteudo a {
	color: #94829b;
	text-decoration: none;
}
.contorno {
	width: 50%;
	border: 1px solid #999999;
	padding: 15px;
	text-align: center;
	margin: 0 auto;
}

/*------------------------------------------------
>> Rodapé
------------------------------------------------*/

#rodape {
	color: #666666;
	font: 13px/19px Roboto Condensed, sans-serif;
	background: #e4dde6;
	width: 100%;
	height: 130px;
	margin-top: 20px;
}
#rodape .logo {
	margin: 32px 0 8px 0;
}
#rodape .selo {
	text-align: right;
}
#rodape a {
	color: #333333 !important;
	text-decoration: none !important;
}

.clear {
	clear: both;
}