/* #################################################### Layouts de Content e Typografia #################################################### */

h1.componentheading, h1.componentheading-style1 /* titulo h1 da pagina - estilo geral */
{
	font-size: 1.8em;
	float: left;
	margin: 0px 0px 5px 0px;
	padding: 0px 7px 0px 0px;
}

h2.contentheading /* titulo h2 do artigo e sufixos */
{
	font-size: 1.5em;
	color: #2B4577;
	margin: 0px 0px 3px 0px;
	padding: 15px 0px 5px 0px;
	float:left;
}

.contentdescription
{
	background: url(../images/parede_esquerda.png) 2px top repeat-y ;
	float: left;
	padding: 10px 30px 10px 10px;
	margin-left: 20px;
	overflow:hidden;
	border-left: dashed 2px #999;
}

/* seccao e categoria a que o artigo pertence ######## IMPORTANTE - alteracao de nome de classe ########## */
p.estrutura 
{
	margin: 0;
	float: right;
}
p.estrutura a { font-size:0.85em; }

p.estrutura a:hover { color: #900; background-color: transparent; }

p.estrutura_, .leading p.estrutura  { display: none; } /* faz desaparecer os links da frontpage */

/* icons de artigo pdf print mail */
p.buttonheading {
	text-align: right;
	float: right;
	clear: right;
	padding: 0px;
	margin: 0px;
}

.buttonheading img { border:0; }

p.buttonheading a, p.buttonheading a:link, p.buttonheading a:visited, p.buttonheading a:hover, p.buttonheading a:active, p.buttonheading a:focus
{
	background-color: transparent;
}

p.buttonheading_ { display: none; } /* faz desaparecer os botoes da frontpage */



/* #################################################### FRONTPAGE #################################################### */

/* #################################################### BLOG POSITION #################################################### */

/* classe geral para toda a vizualizacao em BLOG */
.blog 
{
	position: relative;
	margin: 0;
	padding: 0;
}

/* Linha de artigos de INTRO em Blog */
.article_row
{
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0;
	overflow: hidden;
}

/* Coluna de artigos de INTRO em Blog */
.article_column
{
	border: solid 0px #ccc;
	padding: 10px 0;
	margin: 0;
	overflow: hidden;
}

/* numero de colunas */
.cols1
{
	display: block;
	float: none !important;
	margin: 0 !important;
	padding: 0px 25px!important;
	text-align: justify;	
}

.cols2
{ 
	width: 47%;
	text-align: justify;	
	padding: 20px;
}
.cols3 {
	width: 208px;
	padding: 0px;
}

/* ordem das colunas */
.column1
{
	margin: 0px;
	position: relative;
	float: left;
	padding: 0px;
}

.column2
{
	margin: 0px;
	position: relative;
	float: right;
	padding: 0px;
}

.column3
{
	margin: 0px 18px 0px 0px;
	position: relative;
	float: right;
	padding: 0px;
}

/* texto do artigo em blog*/
#main .blog .cols1 .textoartigo { width: 564px;}
#main2 .blog .cols1 .textoartigo { width: 374px;}


.blog .textoartigo
{
	display: block;
	float: left;
	padding: 0px;
	margin: 15px 0px 10px 0px;
	position: relative;
	width: 100%;
}

.blog .cols1 .textoartigo
{

	padding-left: 60px;
}

.article_separator1, .article_separator2, .article_separator3 { display: none; }

.row_separator1, .row_separator2, .row_separator3
{
	display: block;
	overflow: hidden;
	clear: both;
	margin:0px;
}
.row_separator1 { 	height: 25px; }
.row_separator2 { 	height: 20px; }
.row_separator3 { 	height: 15px; }

/* #################################################### BLOG LAYOUT #################################################### */


/* titulo h2 do artigo e link - estilo geral para 2 ou 3 colunas */

.article_column .contentheading 
{
	font-size: 1.1em;
	margin-bottom: 2px;
	padding-top: 0px;
	float:left;
	width: 100%;
	text-align: left;
}

.article_column .contentpagetitle 
{
	font-size: 0.8em;
	padding: 3px 7px 5px 7px;
	border-left: solid 1px #999;
	border-bottom: solid 1px #999;
	width: 100%;
	display:block;
	text-align: left;
}

.article_column a.contentpagetitle:link
{
	background-color: #2B4577;
	background-image: url(../images/parede_direita.png);
	background-repeat:repeat-y;
	background-position: right top;
	color: #fff;
}

.article_column a.contentpagetitle:visited
{
	color: #666;
	background-image: url(../images/parede_direita.png);
	background-repeat:repeat-y;
	background-position: right top;
}

.article_column a.contentpagetitle:hover, .article_column a.contentpagetitle:active, .article_column a.contentpagetitle:focus
{
	background-color: #fe9001;
	background-image: url(../images/parede_direita.png);
	background-repeat:repeat-y;
	background-position: right top;
	color: #000;
}

/* titulo h2 do artigo e link - estilo geral para 1 coluna */
.cols1 .contentheading 
{
	font-size: 1.5em;
	background-image: none;
	margin: 0px 0px 10px 0px;
	padding: 15px 0px 3px 0px;
	float:left;
	width: 100%;
	border-bottom: solid 1px #999;
}

.cols1 .contentpagetitle 
{
	font-size: 1.0em;
	padding: 0px;
	border: none;
	color: #2B4577;
	width: 100%;
	display: block;
}

.cols1 a.contentpagetitle:link
{
	background-color: transparent;
	background-image: none;
	color: #2B4577;
}

.cols1 a.contentpagetitle:visited
{
	color: #666;
	background-image: none;
}

.cols1 a.contentpagetitle:hover, .cols1 a.contentpagetitle:active, .cols1 a.contentpagetitle:focus 
{
	background-color: transparent;
	background-image: none;
	color: #A76105;
}

/* data de criacao */
.blog .createdate {
	color:#000;
	width:42px;
	height: 45px;
	background: url(../images/yj_date_d.gif) left top no-repeat;
	margin: 1px 5px 0px 0px;
	overflow: hidden;
	font-family: Cambria, serif;
	float:left;
	clear: left;
}

.blog .datemonth {
	padding:0px;
	text-align:center;
	color:#fff;
	width:42px;
	height:15px;
	line-height:14px;
	font-size:11px;
	margin:0px;
}

.blog .dateday {
	padding:0px;
	text-align:center;
	color:#000000;
	width:42px;
	height:20px;
	line-height:20px;
	font-size:18px;
	margin:0px;
}

.blog .dateyear {
	padding:0px;
	text-align:center;
	color:#000000;
	width:42px;
	height:15px;
	line-height:8px;
	font-size:9px;
	margin:0px;
}

/* data de modificacao e/ou autor - nao tem sufixo de class*/

.blog .articleinfo {
	height:;
	margin: 3px 5px 10px 0px;
	overflow: hidden;
	float:left;
	display: block;
	width: 76%;
}
/*
.blog .modifydate
{
	color:#666;
	font-size:0.85em;
	margin: 0px;
	padding-bottom: 2px;
	border-bottom: solid 1px #ccc;
	float:left;
	text-align: left;
}
*/
.blog .modifydate { display:none; }

.blog .createdby
{
	color:#666;
	display:block;
	font-size:0.85em;
	padding:0px;
	float:left;
	width: 100%;
}



/* geral blog - LER MAIS */
.blog a.readon
{
	background:url(../images/seta3.png) -4px center no-repeat;
	font-weight:bold;
	padding: 2px 4px 1px 24px;
	display:inline-block;
	font-size:0.9em;
	line-height: 1.2em;
	float:right;
}

.blog a.readon:hover, .blog a.readon:active, .blog a.readon:focus
{
	background:url(../images/seta3.png) left center #FE9001 no-repeat;
	color:#fff;
	padding:2px 4px 1px 24px;
}

/* geral blog - MAIS ARTIGOS E PAGINATION*/

.blog .blog_more
{
	float: left;
	width:49%;
}

#main2 .blog .blog_more { width:100%; }

.maisartigos
{
	font-size:0.9em;
	background: url(../images/parede_topo.png) left top repeat-x #E6E6E6;
	border:solid 1px #999;
	padding: 10px;
	margin: 10px auto;
	display: block;
	float:;
}
.maisartigos h2 {
	font-size:1em;
	font-family: Verdana, Geneva, sans-serif;
}

.maisartigos ul
{
	font-size:0.9em;
	line-height: 1.2em;
	background: url(../images/parede_topo.png) left top repeat-x #E6E6E6;
	border:solid 1px #999;
	padding: 10px;
	margin: 5px 0px 0px 0px;
}

.maisartigos ul li { padding: 4px 0px; }

a.blogsection:link, a.blogsection:visited
{
	background:url(../images/seta4.png) left center no-repeat;
	padding:2px 4px 2px 24px;
	font-weight:bold;
}

a.blogsection:hover, a.blogsection:active, a.blogsection:focus
{
	background:url(../images/seta3.png) left center #FE9001 no-repeat;
	color:#fff;
	padding:2px 4px 2px 24px;
}

/* ############# pagination ###################### */

.blog .blog_more2
{
	float:left;
	width:49%;
	padding:0px;
}
#main2 .blog .blog_more2
{
	width:100%;
	clear: left;
}

p.counter
{
	background: url(../images/parede_topo2.png) left top repeat-x #E6E6E6;
	border:solid 1px #999;
	color:#666;
	font-weight:bold;
	margin:10px 0px 0px 10px;
	padding:5px;
	text-align: center;
}

#main2 p.counter { margin: 0px auto; }

.blog .pagination
{
	border-top:solid 1px #999;
	margin:3px 0px 0px 10px;
	padding: 5px 0;
	text-align: center;
}

#main2 .blog .pagination  { margin-left: 0px; }

ul.pagination
{
	margin:0;
	padding:0;
	text-align:left;
}

ul.pagination li
{
	display:inline;
	padding:2px 5px 0;
	text-align:left;
}

ul.pagination li a { padding:2px; }

ul.pagination li a:hover, ul.pagination li a:active, ul.pagination li a:focus
{
	background-color: transparent;
	color: #900;
}

/* #################################################### FIM BLOG LAYOUT #################################################### */

/* #################################################### BLOG  LEADING LAYOUT - artigos em destaque ################################### */

#main .leading { width: 568px; }

#main2 .leading { width: 378px; }

.leading
{
	background-color: #EDEFF1;
	background-image: url(../images/leading_boneco_01.png);
	background-repeat: no-repeat;
	background-position: -30px top;
	border: solid 1px #2B4577;
	color: #1B2B52;
	margin: 15px 0px;
	padding: 30px 20px 30px 70px;
	position: relative;
	float: left;
}

.blog .leading h2.contentheading 
{
	font-size: 1.4em;
	margin: 0px 0px 0px 30px;
	padding-bottom: 2px;
}

.blog .leading a.contentpagetitle
{
	padding-right: 25px;
	padding-left: 5px;
}

.blog .leading a.contentpagetitle:link
{
	background-image: url(../images/seta6.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.blog .leading a.contentpagetitle:visited { background-image: none; }

.blog .leading a.contentpagetitle:hover, .blog .leading a.contentpagetitle:active, .blog .leading a.contentpagetitle:focus
{
	background:url(../images/seta3.png) right center #FE9001 no-repeat;
	color:#fff;
}

/* data de modificacao e/ou autor - nao tem sufixo de class*/


.blog .leading .createdate {
	margin-left: 40px;
}

.blog .leading .articleinfo {
	border-top: solid 1px #ccc;
	margin: 2px 5px 10px 0px;
	width: 310px;
}

#main2 .blog .leading .articleinfo { width: 290px; margin-right: 0px; }

#main .blog .leading .articleinfo { width: 480px; margin-right: 0px; }

.blog .leading .articleinfo {
	border-top: solid 1px #ccc;
	margin: 2px 5px 10px 0px;
	width: 310px;
}

/* texto do artigo em blog*/
.blog .leading .textoartigo
{
	display: block;
	float: left;
	padding: 0px;
	margin: 25px 0px 20px 0px;
	position: relative;
	width: 100%;
}

/* leading - LER MAIS */
.blog .leading a.readon
{
	padding: 2px 4px 1px 24px;
	display: block;
	font-size:0.9em;
	line-height: 1.2em;
	position:absolute;
	right: 0px;
	bottom: 0px;
}

.blog .leading a.readon:hover, .blog a.readon:active, .blog a.readon:focus
{
	background:url(../images/seta3.png) left center #FE9001 no-repeat;
	color:#fff;
	padding:2px 4px 1px 24px;
}

.blog .leading_separator
{
	background-image: url(../images/filete_h.png);
	background-repeat: no-repeat;
	background-position: -150px bottom;
	height: 10px;
	display: block;
	margin:10px 0px 25px 0px;
	clear: both;
}

/* #################################################### FIM DE BLOG  LEADING LAYOUT - artigos em destaque ################################### */

/* #################################################### ARTIGOS #################################################### */

#page .textoartigo
{
	display:block;
	float: left;
	/*border: dashed 2px #ccc;*/
	padding: 0px;
	margin-top: 20px;
}
#main2 #page .textoartigo { width: 466px; }
#main #page .textoartigo { 	width: 666px; }

/*.contentpaneopen_edit {}  editado em layout.css */

#page .componentheading-style1 { }

#page .contentheading { }

#page a.contentpagetitle:link, #page a.contentpagetitle:visited, #page a.contentpagetitle:hover, #page a.contentpagetitle:active, #page a.contentpagetitle:focus
{
	color: #2B4577;
	background-color: transparent;
}

#page .contentheading-style1
{
	font-size: 1.5em;
	float: left;
	margin: 0px 0px 3px 0px;
	padding: 20px 0px 5px 5px;
	border-left: solid 3px #900;
	color: #2B4577;
}

#page a.contentpagetitle-style1:link, #page a.contentpagetitle-style1:visited, #page a.contentpagetitle-style1:hover, #page a.contentpagetitle-style1:active, #page a.contentpagetitle-style1:focus
{
	color: #2B4577;
	background-color: transparent;
}

/* data de criacao */
#page .createdate {
	color:#000;
	width:42px;
	height: 45px;
	background: url(../images/yj_date_d.gif) left top no-repeat;
	margin: 0px 5px 0px 0px;
	overflow: hidden;
	font-family: Cambria, serif;
	float:left;
	clear: left;
}

#page .datemonth {
	padding:0px;
	text-align:center;
	color:#fff;
	width:42px;
	height:15px;
	line-height:14px;
	font-size:11px;
	margin:0px;
}

#page .dateday {
	padding:0px;
	text-align:center;
	color:#000000;
	width:42px;
	height:20px;
	line-height:20px;
	font-size:18px;
	margin:0px;
}

#page .dateyear {
	padding:0px;
	text-align:center;
	color:#000000;
	width:42px;
	height:15px;
	line-height:8px;
	font-size:9px;
	margin:0px;
}

/* data de modificacao e/ou autor - nao tem sufixo de class*/

#page .articleinfo {
	height: 45px;
	margin: 10px 5px 0px 0px;
	overflow: hidden;
	float:left;
}

#page .modifydate
{
	color:#666;
	display:block;
	font-size:0.85em;
	padding: 0 4px 0 2px;
	border-bottom: solid 1px #ccc;
}

#page .createdby
{
	color:#666;
	display:block;
	font-size:0.85em;
	padding:0 0 0 2px;
}

/* article index e navecao de paginas */
#page table.contenttoc
{
	font-size:0.75em;
	background: url(../images/parede_topo.png) left top repeat-x #E6E6E6;
	border:solid 1px #999;
	padding: 10px;
	margin: 10px 0px 0px 10px;
	position: absolute;
	right: 0px;
	top: 140px;
}

#page table.contenttoc th
{
	color: #900;
	border-bottom:solid 1px #999;
	padding-bottom: 2px;
}

#page table.contenttoc td { padding: 3px 0px 0px 10px; }

#page table.contenttoc td a.active { color: #900; }

#page .pagenavcounter {
	font-size:0.75em;
	font-weight: bold;
	color:#2B4577;
	margin: -18px 0px 0 0;
	position: absolute;
	right: 5px;
	top: 150px;
}

#page div .pagenavbar {
	color:#000;
	font-size:0.75em;
	margin: 0px;
	padding-bottom: 3px;
	border-bottom: dashed 1px #999;
}

#page div .pagenavbar div{
	display: block;
	width: 300px;
	margin: 0px auto;
	text-align: center;
}

/* navegacao entre atigos */

#page .pagenav {
	background: url(../images/parede_topo2.png) left -1px repeat-x;
	background-color:#2B4577;
	width: 100%;
	font-size:0.8em;
	font-weight: normal;
	text-align: center;
	color:#000;
	border: 1px dashed #2B4577;
	margin-top: 25px;
}

#page .pagenav a:link, #page .pagenav a:visited {
	background: transparent;
	color:#000;
}

#breadcrumbs span
{
	color:#fff;
	font-size:0.9em;
	padding:7px;
	font-weight: bold;
}

#page .pagenav a:hover,#page .pagenav a:active,#page .pagenav a:focus
{
	background: transparent;
	color:#fff;
}

/* AVALIAR ARTIGOS */

#votar { display: none; } /* so aparece nas paginas dos artigos */

#page #votar
{
	background: url(../images/parede_topo.png) left top repeat-x #E6E6E6;
	border:solid 1px #999;
	font-size:0.75em;
	margin:0px;
	padding: 5px 15px 5px 5px;
	display:block;
	float: left;
	clear:left;
	color: #900;
}

#page #votar br { display:none; }

#page #votar span.content_rating
{
	margin: 0px;
	padding: 3px 0px 3px 10px;
	display:block;
}

#page #votar span.content_rating img
{
	margin: 0px;
	padding: 0px 3px;
	vertical-align: middle;
}

#page #votar span.content_vote
{
	margin: 0px;
	padding: 3px 0px 3px 10px;
	display:block;
}

#page #votar span.content_vote input
{
	margin: 0px 5px;
	vertical-align: middle;
}

#page #votar span.content_vote .button
{
	font-weight: normal;
	letter-spacing: normal;
	margin: 0px 0px 0px 10px;
	padding: 0px 3px 1px 20px;
}

/* #################################################### FIM DE ARTIGOS #################################################### */

/* #################################################### CATEGORIA EM LISTA #################################################### */


.lista_categoria
{
	float: left;
	margin:20px 0px;
	width: 100%;
}

.filter
{
	float: left;
	margin: 20px 0px 0px 0px;
}

.display
{
	float: left;
	margin: 20px 0px 0px 20px;
	font-size: 0.8em;
}

.display select#limit
{
	text-align: left;
	width: 75px;;
}

table.category
{
	background: url(../images/parede_topo.png) left top repeat-x #F3F3F3;
	border:solid 1px #999;
	font-size: 0.8em;
	font-weight: normal;
	margin: 15px 10px 0px 10px;
	clear: left;
}

#count { width:6%; }

#tableOrdering { width:50%; }

#tableOrdering2 { width:22%; }

#author { width:20%; }

#hits { width:10%; }

th.sectiontableheader
{
	border-right:solid 0px #EEE;
	padding: 5px;
	font-weight: bold;
	background-color: #2B4577;
	color: #fff;
	font-size: 0.9em;
}

th.sectiontableheader a { color: #fff; display: block; }
th.sectiontableheader a:hover, th.sectiontableheader a:active, th.sectiontableheader a:focus { color: #fff; background-color: transparent; }

th.sectiontableheader a img { margin-left: 5px; display: inline; }

table.category td { padding: 5px; }

tr.sectiontableentry1 { background-color: #E3E3F5; }

tr.sectiontableentry2 { background-color: #CFCFF1; }

tr.sectiontableentry0:hover td, tr.sectiontableentry1:hover td, tr.sectiontableentry2:hover td { background-color: #FDA42E; color: #333; }

table.category td a, table.category td a:link, table.category td a:visited 
{
	background-color: transparent;	font-weight: bold;
	padding: 2px 35px 2px 5px;
}

table.category td a:hover, table.category td a:active, table.category td a:focus 
{
	color: #900;
	background:url(../images/seta3.png) right center #FED48D no-repeat;
}

.lista_categoria p.counter, #main2 .lista_categoria p.counter
{
	margin:10px 10px 0px 10px;

}

.lista_categoria .pagination
{
	border-top:solid 1px #999;
	margin: 3px 10px 0px 10px;
	text-align: center;
}


/* #################################################### FIM DE CATEGORIA EM LISTA #################################################### */

/* #################################################### SECCAO EM LISTA #################################################### */

/* imagem de descricao que me parece que tem algo de errado no default.php para categorias */
.image_left
{
	float:left;
	clear: left;
	margin:0 10px 10px 0;
}
.image_right
{
	float:right;
	clear: right;
	margin:0 0 10px 10px;
}
.image_center
{
	margin:10px auto;
}
.wrap_image
{
	text-align: center;
	clear: both;
	width: auto;
}

/* lista as categorias */
.lista_seccao
{
	background: url(../images/parede_topo.png) left top repeat-x #E6E6E6;
	border:solid 1px #999;
	float: left;
	margin:20px 0px;
	width: 100%;
}


.lista_seccao ul
{
	font-size: 0.9em;
	padding: 10px 0px;
	margin: 25px 20px 10px 20px;
	border-top:solid 1px #999;}

.lista_seccao ul li
{
	padding: 4px 0px;
	border-bottom:solid 1px #999;
	margin-bottom: 10px;
}

.lista_seccao ul li a:link, .lista_seccao ul li a:visited
{
	background:url(../images/seta4.png) left center no-repeat;
	padding:2px 4px 2px 24px;
	font-weight:bold;
}

.lista_seccao ul li a:hover, .lista_seccao ul li a:active, .lista_seccao ul li a:focus 
{
	background:url(../images/seta3.png) left center #FE9001 no-repeat;
	color:#fff;
	padding:2px 4px 2px 24px;
}
.lista_seccao .small { 	font-size: 0.8em; }




*/
/* ############################################################################################## */

















/* ################ MUITO IMPORTANTE  -  classe de teste aplicada na linha 116 de artigo default.php  ########################### */
.credo {
	height: 500px !important;
	width: 500px !important;
	background-color:#000 !important;
	overflow: visible !important;
	display: block !important;
	position: relative !important;
	clear: both !important;
	float: none !important;
	background-image: none !important;
}

.blog .leading .small /* se nao tiver aplicacao especifica fica a alterar o texto */
{
	background:#D8D4EC;
	color:#2B4577;
}

/* *{display:none} ######## para ie ########### */
/* comentarios */

.write_comment
{
	font-size: 0.8em;
	margin-top: 10px;

}