* { margin:0; padding:0 }

a { 
	color:#999;
	outline:none;
	text-decoration:none }
	
#container a:hover {
	color:#FFF;
	background:#111 }
	
p { margin-bottom:15px }

body {
	background-color:#000;
	background-repeat:no-repeat;
	background-position:430px 0;
	color:#000;
	font:12px Arial }

#all {
	width:100%;
	background-image:url(img/bgbodytop.jpg);
	background-repeat:no-repeat;
	float:left }

#header { 	
	position:relative;
	height:240px }

#header h1 {
	position:absolute;
	top:45px; left:30px; }
	
#header h1,
#header h1 a {
	text-indent:-1000000px;
	overflow:hidden;
	display:block;
	width:446px;
	height:104px }

#header h1 a { background:url(img/logo.gif) }
#header h1 a:hover { background:url(img/logo.gif) bottom; }

#header #menu { 
	width:100%;
	padding:15px 0;
	height:25px;
	background: rgba(0,0,0, .6);
	position:absolute;
	bottom:0; left:0 }

#header #menu ul { 
	padding:0 15px;
	list-style:none }

#header #menu ul li { float:left }

#header #menu ul li a { 
	border-right:1px solid #222;
	padding:0 13px;
	font-family: 'Josefin Sans Std Light', serif;
	font-size: 18px;
	color:#FFF;
	text-decoration:none;
	letter-spacing:-1px;
	text-transform:uppercase;
	text-shadow:1px 1px 1px #000 }

#header #menu ul li.last a { border:0 }

#header #menu ul li a:hover { 
	color:#CC0000;
	text-shadow:0px 0px 10px #CC0000 }

#container { 
	/*background:url(img/bgcontainer.jpg) no-repeat center center;*/
	color:#666;
	padding:20px 30px;
	float:left;
	width:940px }

#container .detail p {
	font-size:15px;
	line-height:19px }	
	
#c1,
.detail {
	float:left;
	width:640px }

#c2,
#submenu{
	float:right;
	background:url(img/bgline-c2.jpg) no-repeat left top;
	padding-left:20px;
	width:260px }

#sobre,
#legislacao,
#arquivos.detail,
#depoimentos.detail,
#prevencao.detail,
#fale.detail { width:940px }

h2 {
	clear:both;
	margin-bottom:5px;
	font-family:'Josefin Sans Std Light', serif;
	font-size:35px;
	color:#CC0000;
	letter-spacing:-2px;
	font-weight:normal;
	text-transform:lowercase;
	text-shadow:0px 1px 1px #000 }
	
h2 span { color:#666 }

h2 a { 
	background:none !important; 
	color:#CC0000 }
	
h2 #search { float:right }
	
input.text,
select,
textarea {
	outline:none;
	padding:8px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	color:#999;
	background:#222;
	border:1px inset #333;
	font:12px Arial }
	
input.button {
	cursor:pointer;
	outline:none;
	padding:5px 10px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	color:#FFF;
	background:#CC0000;
	border:1px outset #CC0000;
	font:15px Arial }
	
input.button:hover {
	background:#990000;
	border:1px outset #990000}
	
input.button:active {
	background:#660000;
	border:1px outset #660000}
	
#search { margin-bottom:10px }
	
#search input.text { 
	padding:8px 8px 8px 35px;
	background:#222 url(img/bginput-search.gif) no-repeat 5px center  }
	
#legislacao a { border-bottom:1px dotted #999 }

#legislacao p.intro {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background:#111;
	border:1px solid #222;
	padding:15px;
	font-style:italic }

#legislacao p.inicio,
#legislacao p.final { padding:0 }

#legislacao p.titulo,
#legislacao p.capitulo,
#legislacao p.secao { 
	padding:0;
	font-size:12px;
	color:#FFF }
	
#legislacao p.descricao {
	font-size:16px;
	color:#FFF }
	
#legislacao p.artigo { padding-left:40px }

#legislacao p { padding-left:80px  }

	
/* NOTÍCIAS e FOTOS ------------------------------------------------------------------ */	
#noticias .principal {
	font-size:15px;
	margin-right:25px;
	float:left;
	width:345px }
	
#noticias .principal img,
#noticias .arquivo img {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px }
	
#noticias .principal img,
#noticias .arquivo { margin:10px 0 10px 10px  }
	
#noticias .arquivo {
	width:300px;
	float:right }
	
#noticias .arquivo .legenda {	
	padding:10px 0;
	float:left;
	width:300px;
	border-bottom:1px solid #222;
	text-align:center;
	color:#999 }
	
#noticias .principal p { 
	padding-top:5px;
	line-height:19px }
	
#noticias .titulo,
#arquivos.detail .titulo {
	line-height:33px !important;
	letter-spacing:-2px !important;
	margin-bottom:5px;
	font:30px Arial, serif }
	
#noticias.detail  .titulo {
	line-height:47px !important;
	letter-spacing:-1px;
	font:50px Arial, serif }
	
#noticias .data,
#arquivos .data,
ul.mais li .data,
ul.fotos li  .data { color:#CC0000 }

#noticias .mais,
#banners {
	width:270px;
	float:left }

#noticias .mais ul,
ul.mais ,
#arquivos ul,
#agenda ul,
#parceiros ul,
ul.fotos,
#depoimentos ul { 
	clear:both;
	list-style:none }

#noticias .mais ul li {
	height:55px;
	margin-bottom:15px;
	width:125px;
	float:left }
	
#noticias .mais ul li.c1 { margin-right:20px }

#noticias .mais ul li a,
#arquivos ul li a,
ul.fotos li   a,
ul.mais li a { font-weight:bold }
	
#noticias .mais ul li .data,
#arquivos ul li .data,
ul.fotos li  .data,
ul.mais li .data { font-size:11px }

#noticias .post { padding-top:15px }

ul.mais li { margin-bottom:10px }

#arquivos ul li, 
ul.fotos li  { 
	width:260px;
	margin-bottom:15px;
	float:left }

#arquivos ul li a img,	
ul.fotos li  a img { 	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	float:left;
	margin-right:10px }
	
#arquivos.detail h2 { 
	padding-bottom:5px;
	margin-bottom:15px;
	border-bottom:2px solid #333 }

#arquivos.detail ul li,
#arquivos.detail ul li img { width:150px }

#arquivos.detail ul li img { margin-bottom:5px }

#arquivos.detail ul li { 
	height:160px;
	margin-right:47px }

#arquivos.detail ul li.last { margin:0 }

#arquivos.detail .tipo {
	color:#CC0000;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	font-size:9px;	
	padding:3px 5px;
	background:#222 }

#arquivos.detail .foto { color:#FFF }

#arquivos .arquivo { 
	width:640px;
	float:right;
	margin:0 0 30px 30px }

#agenda {
	margin-right:25px;
	float:left;
	width:345px }
	
#agenda ul li  { 
	padding:5px 0;
	float:left;
	width:345px }
	
#agenda ul li .data {
	font-size:15px;
	font-weight:bold;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	float:left;
	color:#FFF;
	background:#CC0000;
	margin-right:10px;
	width:40px;
	padding:5px }
	
#agenda ul li p { 
	width:285px;
	float:left }
	
#agenda ul li strong { color:#999 }

#banners { padding:10px 0 }
	
#banners img {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px }
	
#parceiros ul li  { 
	padding:10px 0;
	float:left;
	margin-right:20px }	
	
#depoimentos .depoimento { font-style:italic }

#depoimentos table tr td {
	background:url(img/bgdepoimento.jpg) no-repeat left 5px;
	font-style:italic;
	padding:20px 20px 20px 30px }

#depoimentos table tr td .autor {
	margin-top:10px;
	float:right }

#depoimentos .autor {
	font-style:normal;
	font-weight:bold;
	color:#999 }
	
#notfound { font-size:15px }
	
#notfound ul {
	list-style:square;
	margin-left:40px }
	
#notfound ul li { margin-bottom:5px }

ul.submenu { 
	list-style:square;
	margin-left:20px }

ul.submenu li { margin-bottom:5px }

ul.submenu li a { 
	font:15px Arial, serif;
	color:#CC0000;
	text-shadow:0px 1px 1px #000  }
	
#fale table { 
	padding:10px 0;
	border-top:1px solid #222;
	border-bottom:1px solid #222 }

#fale table tr td { padding:5px }
	
#fale table tr td.label { text-align:right }

#buscar ul {
	list-style:none;
	margin-left:20px }
	
#buscar ul li {
	width:100%;
	float:left;
	margin-bottom:5px }
	
#buscar ul li img {
	margin-right:10px;
	float:left;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px }
	
#crack img { 
	margin:5px 0 20px 20px }
	
#footer {
	background:url(img/bgfooter.jpg) no-repeat left top;
	float:left;
	font-size:11px;
	color:#666;
	padding:50px 30px;
	width:940px }
	
#footer p.copy { float:left }
	
#footer a.dev {
	text-indent:-1000000px;
	float:right;
	width:62px;
	height:9px;
	background:url(img/logo-flexpoint.gif) left top }
	
#footer a.dev:hover { background:url(img/logo-flexpoint.gif) left bottom }