*, html, body		{margin: 0; padding: 0;}

body			{background: #FFF; color: #333; font: 12px Tahoma, Arial, Helvetica, sans-serif; margin: 20px 0 0px;}

p			{margin-bottom: 1.5em;}

a:link, a:visited	{color: #36C; font-weight: bold; text-decoration: none;}
a:hover, a:active	{color: #08C; text-decoration: underline;}

h1 			{color: #036; font-size: 22px; margin-bottom: 20px;}
h2			{font-size: 18px; margin-bottom: 10px;}
h3			{color: #036; font-size: 18px; margin-bottom: 10px;}
h4			{color: #036; font-size: 16px; margin-bottom: 10px;}
h5			{color: #036; font-size: 14px; margin-bottom: 10px;}
h6			{color: #036; font-size: 12px; margin-bottom: 10px;}

img			{border: none;}

blockquote		{margin-left: 20px;}

.clear			{clear: both;}

#tudo			{width: 980px; margin: auto;}


/* cabecalho */

#header			{height: 140px;}

#header h1 a		{display: block; width: 250px; height: 130px; text-indent: -100000px;
			background: url(../images/logo.gif) no-repeat center center; float: left;}

			/* aumente o width se resolver fazer banners mais largos, mas nao maiores que 700px! */
#header .banner		{width: 500px; height: 100px; float: right;}

#header .banner img	{border: none;}

#header .data		{width: 500px; float: right; margin-top: 10px; text-align: right; font-weight: bold; font-size: 11px;}


/* menu */

#menu			{width: 150px; float: left;}

#menu p			{color:	#039; margin: 10px 0 3px; font-weight: bold;}

#menu ul		{width: 152px; border-top: 1px #ADD8E6 solid; font-size: 11px;}

#menu ul li 		{background: #e6f3f7; border-bottom: 1px #ADD8E6 solid; border-left: 2px #ADD8E6 solid;
			display: block; letter-spacing: 0.5px; list-style-type: none;}

#menu ul a:link,
#menu ul a:visited 	{color: #000; display: block; padding: 2px 2px 2px 4px; font-weight: normal; text-decoration: none;}

#menu ul li.item a,
#menu ul a:hover 	{background-color: #ADD8E6; color: #000; font-weight: bold;}

#menu ul li:hover	{border-left: 2px #fee32c solid;}


/* conteudo */

#conteudo		{width: 820px; margin-top: 20px; float: right;}

#conteudo.interna	{width: 800px; margin-left: 20px;}

#conteudo.home		{margin-top: 25px;}

#conteudo #coluna1,
#conteudo #coluna2,
#conteudo #coluna3	{float: left; margin-left: 15px; padding: 0 5px;}

#conteudo #coluna1	{width: 390px;}
#conteudo #coluna2	{width: 180px;}
#conteudo #coluna3	{width: 160px;}

#conteudo #links	{width: 820px; margin-top: 50px; float: left;}


/* rodape */

#rodape			{background: #e6f3f7; margin-top: 40px; padding: 15px;
			border-top: 1px #ADD8E6 solid; text-align: center; font-size: 11px;}

#rodape p		{margin-bottom: 0.4em; color: #000;}



/* elementos do site */

.noticia		{text-align: left;}

.quem 			{border: 1px #CCC solid; height: 60px; margin-right: 5px; padding: 3px; width: 80px;}

.tabela 		{border: 2px #666 solid; font-size: 12px; line-height: 100%; width: 100%;}

.tabela td 		{border-bottom: 1px #666 solid; padding: 6px; text-align: center; vertical-align: middle;}

.tabela .tel 		{border-left: 1px #666 solid; font-weight: bold;}

.titulo 		{background-color: none; color: #039; font: bold 12px Verdana, sans-serif;
			letter-spacing: 0.5px; margin-bottom: 5px; margin-top: 30px; text-align: left;}

.destaque 		{background-color: #059; border: 1px #009 solid; margin-bottom: 10px; padding: 5px; text-align: justify;}

#coluna1 b		{color: #039; font-size: 10px;}

#coluna1 h2		{font-size: 16px; color: #036; margin-top: 30px;}

#coluna1 .anteriores	{font-size: 11px; margin-bottom: 0.3em;}

#coluna2 .destaque	{border: none; margin-top: 20px; font-size: 11px;}

#coluna2 .jornal	{display: block; margin: -10px auto 0;}

#tempoagora_custom_3dias{margin: 0 auto 30px; display: block;}

#links img		{margin: 10px;}