/**********************************************/
/* FORMATAÇÃO GERAl */
/**********************************************/

* { margin:0px; padding:0px; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0C5b5D; background-color: #0C5B5D; }
p { margin-bottom:20px; }
hr { display: none; }
form input { border: 0px; background-color: #c4f0f1;  }
ul { list-style:none; padding-left:0; margin-left:0; }


/**********************************************/
/* FORMATAÇÃO DO LAYOUT */
/**********************************************/

div#global { background-color: #FFFFFF; }


	/**********************************************/
	/* FORMATAÇÃO DO CABEÇALHO */
	/**********************************************/
	
	div#cabecalho {
		background-image: url(../imgs/imagem_canto_topo.jpg);
		background-position:top center;
		background-repeat:repeat-x;	
	}
	
		div#cabecalho div.barraHorizontal {
			position: relative;
			margin: 0px auto;
			
			background-image: url(../imgs/topo.jpg);
			background-position: top center;
			background-repeat: repeat-x;
			
			width: 985px;
			height: 145px;
		}

			div#cabecalho div.barraHorizontal div.logo {
				position: absolute;
				top: 30px;
				left: 40px;
			}
			
				div#cabecalho div.barraHorizontal div.logo h1 {		
					background-image: url(../imgs/logo.png);
					background-repeat: no-repeat;
					background-position: top left;
				}
				
					div#cabecalho div.barraHorizontal div.logo h1 a {
						display: block;
						
						width: 246px;
						height: 77px;
					}
					
						div#cabecalho div.barraHorizontal div.logo h1 a span {
							display: none;
						}
				
				
			
			div#cabecalho div.barraHorizontal div.ovo {
				position: absolute;
				
				background-image: url(../imgs/ovo_topo.png);
				background-repeat: no-repeat;
				background-position: top left;
				
				bottom: 0px;
				right: 50px;
				
				width: 29px;
  				height: 36px;	
			}





	/**********************************************/
	/* FORMATAÇÃO DO CONTEÚDO */
	/**********************************************/
	
	div#conteudo {
		margin: 0px auto;
		margin-top: 20px;
		margin-bottom: 60px;
		
		background-image: url(../imgs/barras_separacao_menu.gif);
		background-repeat: repeat-y;
		background-position: 505px;
		
		overflow: hidden;
		
		width: 900px;
	}
	
		div#posts {
			float: left;
			margin-right: 50px;
			width: 456px;
		}
		
		div#categorias {
			float: left;
			overflow: hidden;
			margin-left: 7px;
			width: 135px;
			
		}
		
		div#destaques {
			float: right;
			width: 235px;
			margin-left: 5px;
			background-color: #FFFFFF;
		}
		
		
		
		
		
	/**********************************************/
	/* FORMATAÇÃO DO RODAPÉ */
	/**********************************************/
	
	div#rodape {
		text-align: left;
		color: #FFFFFF;
		padding-top: 5px;
		background-color: #0C5B5D;
	}