/* CSS Document */

body {
	background: #FFF url(imagens/bg_blog.jpg) fixed repeat-x;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

body, h1, h2, h3, h4, h5, h6, form, ul, li { margin:0px; padding:0px; list-style:none; }

/********************************************************
/* CABEÇALHOS
/********************************************************/
h2 {
	visibility: hidden;
	display: none;	
}

h1 {
	color: #006699;
}

hr {
	visibility: hidden;
	display: none;	
}

/********************************************************
/* LISTAS
/********************************************************/
ul#listArtigo li {	
	list-style: url(imagens/icone_artigo.gif);		
	margin-left: 10px;
}

ul#listCategoria li {	
	list-style: url(imagens/seta.gif);		
	margin-left: 10px;
}

/********************************************************
/* FORMULARIOS
/********************************************************/
fieldset {
	border: 1px #ccc solid;
	padding: 5px 5px 5px 5px;
}

legend {
	font-weight: bold;
	color: #006699;
}
/********************************************************
/* TEXTOS
/********************************************************/
.txt-cinza {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 10px;
}

.txt-cinza-big {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 12px;
}

.txt-azul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #006699;
	font-size: 12px;
}

.txt-frase {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 14px;
}

/********************************************************
/* LINKS
/********************************************************/
a:active { 
	FONT-SIZE: 12px; 
	COLOR: #666; 
	TEXT-DECORATION: none; 
	font-weight:normal; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif 
}

a:link { 
	FONT-SIZE: 12px; 
	COLOR: #666; 
	TEXT-DECORATION: none; 
	font-weight:normal; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif 
}

a:visited { 
	FONT-SIZE: 12px; 
	COLOR: #666; 
	TEXT-DECORATION: none; 
	font-weight:normal; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif 
}

a:hover { 
	FONT-SIZE: 12px; 
	COLOR: #666; 
	TEXT-DECORATION: underline; 
	font-weight: normal; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif 
}

a.link_menu_rodape:active { 
	FONT-SIZE: 10px; 
	COLOR: #666; 
	TEXT-DECORATION: none; 
	font-weight:normal; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif 
}

a.link_menu_rodape:link { 
	FONT-SIZE: 10px; 
	COLOR: #666; 
	TEXT-DECORATION: none; 
	font-weight:normal; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif 
}

a.link_menu_rodape:visited { 
	FONT-SIZE: 10px; 
	COLOR: #666; 
	TEXT-DECORATION: none; 
	font-weight:normal; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif 
}

a.link_menu_rodape:hover { 
	FONT-SIZE: 10px; 
	COLOR: #666; 
	TEXT-DECORATION: underline; 
	font-weight: normal; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif 
}

a.link_titulo_blog:active { 
	FONT-SIZE: 20px; 
	COLOR: #006699;; 
	TEXT-DECORATION: none; 
	font-weight:normal; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif 
}

a.link_titulo_blog:link { 
	FONT-SIZE: 20px; 
	COLOR: #006699; 
	TEXT-DECORATION: none; 
	font-weight:normal; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif 
}

a.link_titulo_blog:visited { 
	FONT-SIZE: 20px; 
	COLOR: #006699; 
	TEXT-DECORATION: none; 
	font-weight:normal; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif 
}

a.link_titulo_blog:hover { 
	FONT-SIZE: 20px; 
	COLOR: #006699; 
	TEXT-DECORATION: underline; 
	font-weight: normal; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif 
}


/********************************************************
/* HOME PAGE
/********************************************************/

.hp #container {
	width: 756px;
	text-align: left; 
	margin: 0 auto;
}

.hp #hpTop {
	float: left;
	width: 756px;
	height: 208px;
	background: url(imagens/layout_blog_topo.jpg) top left no-repeat;
}

.hp #hpMenu {
	float: left;
	width: 756px;
	height: 32px;
	background: url(imagens/layout_bg_menu.gif) top left no-repeat;
}

.hp #hpMenu-01 {
	float: left;
	width: 10px;
	height: 25px;
	margin-top: 3px;	
}

.hp #hpMenu-02 {
	float: left;
	width: 400px;
	height: 25px;
	margin-top: 1px;	
}

.hp #hpMenu-03 {
	float: left;
	width: 335px;
	height: 25px;
	margin-top: 3px;
	text-align: right;
}

.hp #hpMiddle {
	float: left;
	width: 756px;
	background: #FFFFFF url(imagens/layout_bg_conteudo.gif) top left repeat-y;
}

.hp #hpMiddle-01 {
	float: left;
	width: 10px;
	height: 500px;
}

.hp #hpMiddle-02 {
	float: left;
	width: 200px;
}

.hp #hpMiddle-02-frase {
	float: left;
	width: 200px;
	margin-top: 10px;
}

.hp #hpMiddle-02-frase-01 {
	float: left;
	width: 189px;
	height: 12px;
	background: url(imagens/layout_bg_frase-01.gif) top left no-repeat;
}

.hp #hpMiddle-02-frase-02 {
	float: left;
	width: 189px;
	background: #EEE;
}

.hp #hpMiddle-02-frase-02 div {
	margin-left: 3px;
	margin-right: 3px;
}

.hp #hpMiddle-02-frase-03 {
	float: left;
	width: 189px;
	height: 28px;
	background: url(imagens/layout_bg_frase-02.gif) top left no-repeat;
}

.hp #hpMiddle-02-busca {
	float: left;
	width: 200px;
	margin-top: 10px;
}

.hp #hpMiddle-02-busca-01 {
	float: left;
	width: 200px;
	height: 35px;
	background: url(imagens/layout_bg_busca.gif) top left no-repeat;
}

.hp #hpMiddle-02-busca-02 {
	float: left;
	width: 200px;
	margin-top: 10px;
}

.hp #hpMiddle-02-busca-02-01 {
	margin-left: 10px;
	text-align: center;
}

.hp #hpMiddle-02-categoria {
	float: left;
	width: 200px;
	margin-top: 10px;
}

.hp #hpMiddle-02-categoria-01 {
	float: left;
	width: 200px;
	height: 35px;
	background: url(imagens/layout_bg_categoria.gif) top left no-repeat;
}

.hp #hpMiddle-02-categoria-02 {
	float: left;
	width: 200px;
}

.hp #hpMiddle-02-categoria-02-01 {
	margin-left: 10px;
	text-align: left;
	line-height: 130%;
	margin-top: 10px;
}

.hp #hpMiddle-02-postrecentes {
	float: left;
	width: 200px;
	margin-top: 10px;
}

.hp #hpMiddle-02-postrecentes-01 {
	float: left;
	width: 200px;
	height: 35px;
	background: url(imagens/layout_bg_postrecentes.gif) top left no-repeat;
}

.hp #hpMiddle-02-postrecentes-02 {
	float: left;
	width: 200px;
}

.hp #hpMiddle-02-postrecentes-02-01 {
	margin-left: 10px;
	text-align: left;
	line-height: 130%;
	margin-top: 10px;
}

.hp #hpMiddle-02-banners {
	float: left;
	width: 200px;
	margin-top: 10px;
}

.hp #hpMiddle-03 {
	float: left;
	width: 540px;
}

.hp #hpMiddle-03-01 {
	margin: 5px;
	line-height: 150%;
}

.hp #hpMiddle-03-01-tamLetra {
	text-align: right;
}

.hp .hpMiddle-03-01-linha {
	margin-top: 10px;
	margin-bottom: 10px;
	height: 5px;
	background: url(imagens/layout_bg_linha.gif) top center no-repeat;
}

.hp #hpMiddle-03-01-paginacao {
	text-align: right;
}

.hp #hpMiddle-03-01-breadcrumbs {
	margin-bottom: 10px;
}

.hp .hpMiddle-03-01-comentario {
	float: left;
	width: 499px;
}

.hp .hpMiddle-03-01-comentario-01 {
	float: left;
	width: 499px;
	height: 10px;
	background: url(imagens/layout_bg_QdComent-01.gif) top left no-repeat;
}

.hp .hpMiddle-03-01-comentario-02 {
	float: left;
	width: 499px;
	background: #eee;
}

.hp .hpMiddle-03-01-comentario-02 p {
	margin: 5px;
}

.hp .hpMiddle-03-01-comentario-03 {
	float: left;
	width: 499px;
	height: 28px;
	background: url(imagens/layout_bg_QdComent-02.gif) top left no-repeat;
}

.hp #hpMiddle-03-01-msg {
	border: 1px solid #ccc;
	background: #eee;
	margin: 10px;
	padding: 5px;
	text-align: center;
}

.hp #hpRodape {
	float: left;
	width: 756px;
	height: 84px;
	background: url(imagens/layout_bg_rodape.gif) top left no-repeat;
}

.hp #hpRodape-01 {
	float: left;
	width: 400px;
	height: 20px;
	margin-top: 50px;
}

.hp #hpRodape-02 {
	float: right;
	width: 300px;
	height: 20px;
	margin-top: 40px;
	text-align: right;
}

.hp #hpClearFloat {
	clear: left;
	width: 756px;
	height: 1px;
}
