/* 
    Documento CSS - Blog José Henrique / 2007
	
	Autor: Henrique E. Araujo
	(MAXMEIO Comunicação Digital)
*/

img, div, li, h2, h3, h4 {
	behavior: url(iepngfix.htc);
}
* {
	margin:0;
	padding:0;
}

html {
    background-image:url(../img/bg_html.jpg);
}

body {
    margin:0;	
	background-image:url(../img/bg_body.jpg);
	background-repeat: repeat-x;
	background-position:top;
	font-family:"Trebuchet MS", Verdana;
}

form label {
    color:#334B64;
	font-size:11px;
	font-weight:bold;
}

form .botao { 
	background-color:#002953;
	color:#FFFFFF;
	font-size:11px;
    border:1px outset #000099;
	padding:5px;
}

form .campo {  
    padding:3px;
	font-size:11px;
	border:1px inset;
	
}
imput name {
font-size:9px;
color:#CCCCCC;}


div#geral {
    width:714px;
    overflow:auto;
	margin:0 auto;
}


div#geral div#topo {
    width:714px;
    height:310px;
}

div#geral div#resto {
    overflow:auto;
	width:695px;
	background-color:#FFFFFF;
	margin-left:9px;
}

div#geral div#resto div#esq {
    float:left;
	width:207px;

}

/*
MENU
*/
div#geral div#resto div#esq div#bgMenu{
	width: 177px;
	background-color: #ffffff;
	margin-left: 18px;
}
div#geral div#resto div#esq div#bgMenu div#accordion h3{
	color: #153B5F;
	font-size: 13px;
	background-image: url(../img/icoMenu.gif);
	background-repeat: no-repeat;
}
div#geral div#resto div#esq div#bgMenu div#accordion h3 a{
	color: #153B5F;
	text-decoration:none;
}
div#geral div#resto div#esq div#bgMenu div#accordion h3 a:hover{
	color: #425E7B;
}
div#geral div#resto div#esq div#bgMenu div#accordion h3.toggler{
	width: 159px;
	height: 27px;
	background-image: url(../img/bgBtMenu.png);
	/*background-image: url(../img/bg_bt.jpg);*/
	background-repeat: no-repeat;
	cursor: pointer;
	padding: 10px 0 0 18px;
}
div#geral div#resto div#esq div#bgMenu div#accordion h3.atStart{
	width: 159px;
	height: 27px;
	background-image: url(../img/bgBtMenu.png);
	background-repeat: no-repeat;
	cursor: pointer;
	padding: 10px 0 0 18px;
}
div#geral div#resto div#esq div#bgMenu div#accordion div.element{
	width: 177px;
	background-color: #F4F4F4;
	background-image: url(../img/bgSubMenu.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

div#geral div#resto div#esq div#bgMenu div#accordion div.element ol.subMenu1{ /*modificar o tamanho caso acrescente um novo bt no submenu*/
	width: 177px;
	height: 252px;
	overflow: hidden;
	background-image: url(../img/bgSubMenuTopo.jpg);
	background-repeat: no-repeat;
	background-position: top;
	
}
div#geral div#resto div#esq div#bgMenu div#accordion div.element ol.subMenu2{/*modificar o tamanho caso acrescente um novo bt no submenu*/
	height: 376px;
	overflow: hidden;
	overflow: hidden;
	background-image: url(../img/bgSubMenuTopo.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
div#geral div#resto div#esq div#bgMenu div#accordion div.element ol.subMenu1 li, div#geral div#resto div#esq div#bgMenu div#accordion div.element ol.subMenu2 li{
	color: #153B5F;
	font-size: 13px;
	background-image: url(../img/icoSubMenu.gif);
	background-repeat: no-repeat;
	background-position: 0 14px;
	margin: 0 8px 0 10px;
	padding: 8px 0 8px 12px;
}
div#geral div#resto div#esq div#bgMenu div#accordion div.element ol.subMenu1 li a, div#geral div#resto div#esq div#bgMenu div#accordion div.element ol.subMenu2 li a{
	text-decoration: none;
	color: #829BB1;
}
div#geral div#resto div#esq div#bgMenu div#accordion div.element ol.subMenu1 li a:hover, div#geral div#resto div#esq div#bgMenu div#accordion div.element ol.subMenu2 li a:hover{
	color: #425E7B;
}
div#geral div#resto div#esq div#bgMenu div#accordion div.element ol.subMenu1 li.sub, div#geral div#resto div#esq div#bgMenu div#accordion div.element ol.subMenu2 li.sub{
	border-bottom: 2px solid #FAFAFA;
}
div#geral div#resto div#esq div#bgMenu div#accordion div.element ol.subMenu1 li.subUltimo, div#geral div#resto div#esq div#bgMenu div#accordion div.element ol.subMenu2 li.subUltimo{
	border-bottom: 0;
}
/*div#geral div#resto div#esq div#bgMenu div#accordion div.element p{
	color: #153B5F;
	font-size: 13px;
	background-image: url(../img/icoSubMenu.gif);
	background-repeat: no-repeat;
	background-position: 0 14px;
	margin: 0 8px 0 10px;
}
div#geral div#resto div#esq div#bgMenu div#accordion div.element p.subMenu{
	border-bottom: 2px solid #FAFAFA;
	padding: 8px 0 8px 12px;
}
div#geral div#resto div#esq div#bgMenu div#accordion div.element p.subMenuUltimo{
	border-bottom: 0;
	margin: 0 8px 0 10px;
	padding: 8px 0 0 12px;
}*/
/*div#geral div#resto div#esq div#bgMenu div#accordion div.element p a{
	text-decoration: none;
	color: #829BB1;
}
div#geral div#resto div#esq div#bgMenu div#accordion div.element p a:hover{
	color: #425E7B;
}*/
/*div#geral div#resto div#esq div#bgMenu div#accordion h3.toggler img, div#geral div#resto div#esq div#bgMenu div#accordion h3.atStart img{
	margin-left: 18px;
	padding: 10px 0 0 18px;
}*/
/*div#geral div#resto div#esq div#bgMenu div#accordion div.element{
	width: 177px;
	background-color: #F4F4F4;
	background-image: url(../img/bgSubMenu.jpg);
	background-repeat: no-repeat;
	background-position: bottom;*/
	/*background-image: url(../img/bgMenu.jpg);
	background-repeat: repeat-y;*/
/*}
div#geral div#resto div#esq div#bgMenu div#accordion div.element p.ultimo{
	width: 177px;
	height: 42px;
	background-image: url(../img/bgSubMenu.jpg);
	background-repeat: no-repeat;
}*/
/*********************************************************************/
/*div#geral div#resto div#esq div#bgMenu div#accordion .toggler {
	color: #222;
	margin: 0;
	height: 48px;
	font-size: 14px;
	font-weight: normal;
	font-family: 'Andale Mono', sans-serif;
	text-align: right;
	cursor: pointer;
}
div#geral div#resto div#esq div#bgMenu div#accordion .toggler h3{
	padding-top: 8px;
	float: right;
}
div#geral div#resto div#esq div#bgMenu div#accordion div.element{
	background-color: #ffffff;
}
div#geral div#resto div#esq div#bgMenu div#accordion div.element p{
	text-align: right;
	padding: 5px;
	font-size: 12px;
}*/
/**********************/

/*	div#geral div#resto div#esq ol{
		margin:0 auto;
		width:171px;
	}
	
	div#geral div#resto div#esq ol li { 
	    list-style:none;
		margin:0px;
		padding:0px;
		text-align:right;
	}*/
 
   

div#geral div#resto div#conteudo { 
	width:488px;
	_width:488px;
	overflow:hidden;
	margin:0 auto;
	padding:0 0 10px 0;
	background-color:#FFFFFF;
	float:left;
}

div#geral div#resto div#conteudo h3 {  
	color:#000066;
	margin:10px 0 8px 0;
	padding:0;
	border:0;
	font-size:20px;
	font-weight:normal;
}

div#geral div#resto div#conteudo div#quemsoueu {
	width:430px;
	padding:10px;
	font-family:"Trebuchet MS", Verdana;
	line-height:1.5;
}

div#geral div#resto div#conteudo div#quemsoueu p { 
	font-size:12px;
	color:#333333;
}

div#geral div#resto div#conteudo ol {
    margin:0;
	padding:0;
	display:none;
}

div#geral div#resto div#conteudo ol li{ 
    padding:5px;
	font-size:11px;
	color:#000066;
}

div#geral div#resto div#conteudo ol li a{  
    color:#000066;
	text-decoration:none;
}

div#geral div#resto div#conteudo ol li a:hover{   
    text-decoration:underline;
}


	div#geral div#resto div#conteudo div#topo_conteudo { 
		margin:0 auto;
	}
	
		div#geral div#resto div#conteudo div#topo_conteudo div#data_hora { 
			width:257px;
			height:34px;
			float:left;
			background-image:url(../img/fundo_Hora.jpg);
			background-position:center;
			background-repeat:no-repeat;
			color:#999999;
			padding-left:40px;
			padding-top:10px;
			font-size:11px;
		}
		
		div#geral div#resto div#conteudo div#topo_conteudo div#acessiblidade { 
			width:185px;
			height:44px;
			float:left;
		}
	
	div#geral div#resto div#conteudo div#post  { 
	    /*background-image:url(../img/bg_conteudo.jpg);
		background-repeat:repeat-y;*/
		width:448px;
		padding-right:30px;
		padding-left:10px;
	}
	
		div#geral div#resto div#conteudo div#post .tituloPost {
			 color: #3886CC;
			 font-family:"Trebuchet MS", Verdana;
			 margin: 30px 0 0 0;
			 font-size: 18px;
			 font-weight: normal;
			 background-image: url(../img/dataTitulo.gif);
			 background-repeat: no-repeat;
			 width: 461px;
			 height: 49px;
		}
		div#geral div#resto div#conteudo div#post .tituloPost .dataPost{
			float: left;
			width: 9%;
			text-align: center;
			color: #0D3151;
		}
		div#geral div#resto div#conteudo div#post .tituloPost .dataPost span{
			font-size: 12px;
			color: #FFFFFF;
		}
		div#geral div#resto div#conteudo div#post .tituloPost .chamada{
			float: left;
			width: 85%;
			margin: 10px 0 0 15px;
		}
		div#geral div#resto div#conteudo div#post h4 {
			 color:#000066;
			 font-family:"Trebuchet MS", Verdana;
			 margin:10px 0 15px 0;
			 padding:0;
			 border:0;
			 font-size:18px;
			 font-weight:normal;
		}
		
		div#geral div#resto div#conteudo div#post p { 
			font-size:12px;
			line-height: 170%;
			color:#000000;
			text-align: justify;
			margin: 9px 0 9px 0;
			
		}
	
	div#geral div#resto div#conteudo div#info { 
	     background-image:url(../img/dados_post.jpg);
		 background-position:center;
		 background-repeat:no-repeat;
		 width:463px;
		 height:39px;
		 margin:20px auto;
		 vertical-align:middle;
		 font-family:Verdana, Arial, Helvetica, sans-serif;
		 font-size:12px;
		 color:#000000;
		 padding-top:7px;
	}
	
		div#geral div#resto div#conteudo div#info ul{ 
			 list-style-type:none;
			 width:430px;
			 margin:0 auto;
			 background-color:#FFFFFF;
			 padding:5px;
		}
		
		div#geral div#resto div#conteudo div#info ul li{ 
			 display:inline;
			 margin:6px, 0, 0, 0;
		} 
		
		div#geral div#resto div#conteudo div#info ul li a{ 
		     text-decoration:underline;
			 color:#0066CC;
		}
		
		
		div#geral div#resto div#conteudo div#info ul li a:hover{ 
			text-decoration:none;
		}
		
div#geral div#resto div#conteudo div#post form{
	margin-left: 20px;
}
div#geral div#resto div#conteudo div#post form input.dados{
	list-style-type: none;
	margin: 5px 0 5px 0;
	padding: 10px;
	width: 400px;
	background-color: #0C436C;
	color: #FFFFFF;
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
	border-left: 2px solid #2C73B2;
	font-size: 11px;
	font-family: "Trebuchet MS", tahoma;
}
div#geral div#resto div#conteudo div#post form textarea{
	padding: 10px;
	width: 400px;
	background-color: #0C436C;
	color: #FFFFFF;
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
	border-left: 2px solid #2C73B2;
	font-size: 11px;
	font-family: "Trebuchet MS", tahoma;
}
div#geral div#resto div#conteudo div#post div#texto a{
	text-decoration: underline;
	color: #3886CC;
}
div#geral div#resto div#conteudo div#post div#texto a:hover{
	text-decoration: none;
}


/* add em 14/07/08 -> Gabriel Lau*/

/*.texto_paginacao { }*/

/*.pagin { width:430px; margin:10px 0;}*/
.texto_paginacao{padding:2px 5px 2px 5px; text-decoration:none; background:#78ACDC; color:#9DD5EC; border: solid 1px #36A8D7;} /* add em 12/0708 (gabriel lau) */
.texto_paginacao:hover{ background:#5799D5; color:#fff; border: solid 1px #3886CC;} /* add em 12/0708 (gabriel lau) */