/**************************
***** CSS PORTAL TIBIA ****
~~~~ por Felippe Nardi ~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~
Use livremente para estudos
**************************/

* {
	margin:0;
	padding:0;
	text-decoration:none;
}

body {
	text-align:center;
	background:#AAAA8C;
	background-position:50% 0%;
}

* font, p, li, ul, table, h1 {
	font-family:Verdana;
	font-size:10px;
	line-height:15px;
	
}

.artigo {
	text-align:justify;
}

.artigo p {
	text-align:justify;
	font-size:12px;
	line-height:20px;
}


/***********************
~~~~~~ DIV GERAL ~~~~~~~
***********************/

#geral {
	text-align:left;
	margin: 10px auto 10px;
	width:768px;
	background:#F8F8F1 url(img/lay/fundo_epaminondas.png) no-repeat;
	border:#000 solid 1px;
	float:none;
	}

#geral #menu {
	width:130px;
	padding:5px;
	float:left;
}
#geral #menu .categoria {
	_width:130px;
	background: #EFEFEF;
	border:1px solid #666;
	border-top:none;
	line-height:15px;
	_line-height:px;
	padding:4px;
}
#geral #menu .categoria img {
	margin-bottom:10px;
	
}
#geral #menu .topo {
	margin-top:5px;
}
#geral #menu .categoria ul {
	padding-left:15px;
	list-style-image: url(img/lay/point_green.gif);
	_list-style-image: url(img/lay/point_green_ie.gif);
}

/***********************
~~~~ MENU ESQUERDO ~~~~~
***********************/

#geral .esquerda {
	margin-top:30px;
}

/***********************
~~~~~~~ CONTEUDO ~~~~~~~
***********************/

#geral #conteudo {
	float:left;
	margin:5px;
}

#geral #conteudo {
	float:left;
	margin:5px;
}

#geral #conteudo .normal {width:476px;}
#geral #conteudo .maior {width:600px;}


/***********************
~~~~~ MENU DIREITO ~~~~~
***********************/

#geral .direita {
	
}

/***********************
~~~~~~~~ RODAPE ~~~~~~~~
***********************/
#rodape {
	margin-top:10px;
	clear:both;
	_width:768px;
	padding:5px;
	background:#000;
	text-align:center;
	font-size:10px;
	font-family:Verdana;
	color:#CCC;
}

/***********************
~~~ ESTILO DE FONTES ~~~
***********************/
.categoria {
	font-family: Verdana;
	font-size:10px;
	padding:3px 3px 3px 3px;
}
.categoria a {
	font-family: Verdana;
	font-size:10px;
}
.categoria .noticia h1 a {
	font-family: Verdana;
	font-size:10px;
	color:#000;
}
.categoria h1 a {
	font-family: Verdana;
	font-size:10px;
	color:#000;
}
.categoria li a {
	color:#000;
}

.categoria a:hover {
	/*background:#F8F8F8;*/
}
.icon {
	margin:5px 0px 12px 0px;	
}
.icon img {
	margin-right:3px;
}
.icon a {
	color:#9F0000;
	font-family: Verdana;
	font-size:10px;
}
.icon a:hover {
	background:#F8F8F8;
}

#conteudo a {
	font-family: Verdana;
	font-size:10px;
}
#conteudo p a {
	color:#9F0000;
}
#conteudo table a {
	color:#9F0000;
}
cite {
	font-family:Verdana;
	color:#999;
	font-size:10px;
	font-style:normal;
}
cite a {
	font-weight:bolder;
	font-family:Verdana;
	color:#999;
	font-size:10px;
	font-style:normal;
}
/***********************
~~~ BANNERS ADSENSE ~~~
***********************/
#conteudo .ad_bloco {
	float:left;
	padding-right:10px;
	padding-bottom:10px;
}

/***********************
~~~~~~~~ INDEX ~~~~~~~~~
***********************/

#conteudo .esquerda {
	float:left;
	width:285px;
	padding:10px 5px 5px 5px;
	border:solid 1px #666;
	border-left:none;
	border-bottom:none;
	margin-top:5px;
}
#conteudo .noticia h1 {
	color:#CC0033;
	font-size:11px;
}
#conteudo .noticia h2 {
	color:#000000;	
	font-size:11px;
}
#conteudo .noticia h3 {
	color:#000000;	
	font-size:10px;
}
#conteudo .artigo h4 {
	color:#666666;	
	font-size:17px;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px solid #777777;
	margin-bottom:15px;
}

#conteudo img {
	margin-right:5px;
}

.noticia {
	
}

.noticia p {
	color:#2C2C2C;
}

#conteudo .direita {
	float:right;
	width:173px;
}

#conteudo .global {
	color:#CC0033;
}
#conteudo .local {
	color:#004E9E;
}
#conteudo .outros {
	color:#F36100;
}
#conteudo hr {
	padding:0px;
	margin:0px;
	height:0px;
	border-width:1;
	/*background: transparent url(linha.jpg) center no-repeat;*/
}

#conteudo #tabela_um {
	border:1px solid #D7D7D7;
	margin:10px 0px 10px 0px;
}
#conteudo #tabela_um td {
	padding:5px;
}
#conteudo #tabela_um .header {
	background:#EEEEEE;
}
#conteudo #tabela_um .impar {
	background:#F7F7F7;
}
#conteudo #tabela_um .par {
	background:#EEEEEE;
}
#conteudo #tabela_um .aprovar {
	background:#F9F5D5;
}
#conteudo #tabela_um .vermelho {
	background:#FFDEDD;
}

#conteudo #screenshots div {
	text-align:center;
	padding:5px;
	width:120px;
	border:solid 1px #B3B397;
	background:#DBDBCE;
	margin:5px;
}
/*
#conteudo h1 {
	font-family:Verdana;
	font-size:13px;
	color:#CC0033;
}*/
#conteudo h2 {
	font-family:Verdana;
	font-size:11px;
	color:#000;
}

	#conteudo .titulo {
		font-family:Verdana;
		font-size:16px;
		color:#CC0033;
		line-height:20px;
	}
	#conteudo .manchete {
		font-family:Verdana;
		font-size:15px;
		color:#000;
		line-height:20px;
	}

#conteudo .img_noticia {
	text-align:center;
	margin:10px;
	font-family:Verdana;
	color:#333;
	font-size:10px;
	font-style:normal;
}
#conteudo .img_noticia img {
	border:1px solid #999999;
	background:#CCC;
	padding:5px;
}
#conteudo .img_simples img {
	padding:5px 15px 5px 15px;
}

#quote {
	padding:4% 5% 4% 10%;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:17px;
	background:url(img/lay/quotes.jpg) no-repeat;
}

#quote_grande {
	padding:4% 10% 4% 10%;
	font-size:17px;	
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#8A8A8A;
	line-height:35px;
	background:url(img/lay/quotes.jpg) no-repeat;
}


#conteudo .aviso {
	text-align:center;
	padding:10px;
	margin:10px 10px 10px 10px;
	background:#FFF9CE;
	border:1px solid #FFF088;
}

/***********************
~~~~~~~ CONTADOR ~~~~~~~
***********************/

#contador {
	padding:5px 2px 2px 2px;
	width:125px;
	background:#CC0033;
	line-height:20px;
	text-align:center;
}

#contador .p1 {
	font-size:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#FFF;
}

#contador_in {
	display:block;
	margin-top:5px;
	background-color:#FFFFFF;
	border:1px solid white;
	padding:10px 0 5px 0;
}

#contador_in:hover {
	background:#FFE6EC;
}

#contador_in a {
	display:block;
	color:#000000;
}

#contador_in span {
	font-size:30px;
}

#contador_in p {
	font-size:13px;
}