@charset "utf-8";
span, img, div, li {	behavior: url(iepngfix.htc);}
/*======================================================
						MAXMEIO
		------------------------------------------
		Desenvolvimento: 	Gabriel (OKATSURA) Lau
		Data: 	05/2008				
======================================================*/
	
	/*
		Layout do Site (estrutura):
			• Div #TUDO -- área total do site
			• Div #TOPO -- local onde fica a logomarca do site
			• Div #MENU -- local com um menu em ULLI simples
			• Div #PRINCIPAL -- área onde se estrutura as colunas do site
			• Div #ESQ -- coluna da esquerda (¬¬)
			• Div #CONTEUDO -- coluna do meio, onde fica o conteudo do site...
			• Div #DIR -- coluna da direita (¬¬)
			• Div #RODAPE -- (¬¬)
	*/
	
/*==============================
		Estrutura inicial
================================*/


body{background:#000 url(../imgs/bg_conteudo.jpg); margin: 0;  padding:0; font-family: tahoma, verdana;	font-size: 11px;}

#topo {
	width: 100%;
	height: 190px;
	margin: 0 auto 0 auto;
	background: url(../imgs/bg_topo.jpg) repeat-x;
	text-align:center;
	padding: 30px 0 0 0;
}
#topo a img{border:0;}
/*
#logomarca {	
	text-align:center;	padding: 30px 0 0 0;	
}
#logomarca a img{	border:0;}*/

#menu{
	height:25px;	
	clear:both;
	margin: /*35px*/10px auto 25px auto;
	width:760px;	
	padding: 0; 
}

#principal {	
	width: 760px;	
	margin: 0 auto 0 auto;	
	clear:both; display:block;
	padding: 0 0 30px 0;
}
#rodape {
	clear:both;
	height: 97px;
	width: 100%;
	margin: 0  auto 0 auto;
	padding:0;
	background: url(../imgs/rodape_large.jpg) top center ;
}
#rodape div{ height: 97px; padding:0; width: 778px; margin: 0 auto 0 auto; background: url(../imgs/rodape_large.jpg) top center no-repeat ;}

/*=========================
			DIVERSOS
===========================*/

.tit{ margin: 0 0 20px 0; font-size:30px; color:#fff; text-align:left; }
.tit.cont img{float:left; width:63px;}
.tit.cont div{ float: left; width:285px;border-bottom:1px solid #ffd702;}

#esq, #dir, #conteudo {
	float: left; /*border: 1px solid #ccc;*/
} 

/*=========================
			MENU
===========================*/

	#menu ul{  display:block; padding:0px; margin:0px;}	
	#menu ul li{  display:block; float:left; list-style:none;}	
	#menu ul li a{  display:block;}
	#menu ul li a img{  border:0px;}
	#menu ul li.separador{padding: 0 19px 0 19px; width:5px; height:5px;}

/*==============================
		COLUNA ESQUERDA
================================*/
#esq {
	width: 180px;
	margin: /*-10px*/0 0 0 0;
	text-align: center;
	height:280px;
}

#esq .foto{ text-align: center;}
#esq .legenda{
	text-align: center;
	color:#fff;
	margin: 0 auto 10px auto;
	width:150px;
	font-size:12px;
}

#esq .btn{ background:url(../imgs/bg_btn2.gif) no-repeat; padding: 4px 0 4px 0;  margin: 5px auto 0 auto; width:95px; height:22px;}
#esq .btn a span{color: #ffd702; }
#esq .btn a{ font-size:10px; display:block; font-family:arial; text-decoration:none; color: #fff;  }
#esq .btn a:hover{ color: #ffd702}
#esq .btn a:hover span{color: #fff;  }

/*==============================		
	  COLUNA MEIO — Conteudo
================================*/

#conteudo {
	width: 348px; margin: 0; display:block;
}
#conteudo #destaque{height: 120px;	padding: 0;}
#conteudo #destaque #img_destaque{ width: 154px; height: 116px; float: left;}
#conteudo #destaque #noticia_destaque{
	width: 170px;
	height:116px;
	float: left;
	margin: 0 0 0 15px;
	color: #fff;
	line-height: 15px;
	font-family: arial;
	font-size: 12px;
	text-align: justify;
}
#conteudo #destaque #noticia_destaque h1{
	font-size:12px;
	font-weight:bold;
	margin: 0px;
}
#conteudo #destaque #noticia_destaque span{ font-size:11px; }

#conteudo #novidades {	clear: both;  }
#conteudo #novidades ul {padding:0; margin:0;}
#conteudo #novidades  ul li{
	padding: 7px; list-style: none;	height:10px; font-size:11px; line-height:12px;
	background: url(../imgs/bg_noticias.png) bottom left no-repeat;	font-family: arial;
}
#conteudo #novidades  ul li .data{ color:#6DA3D2; }
#conteudo #novidades  ul li a{color:#fff;text-decoration: none;}
#conteudo #pgs_interna{padding: 10px 0 10px 0; font-size:12px; color:#fff; line-height:18px; font-family:arial; clear:both;}
#conteudo #pgs_interna a{color:#fff;}
#conteudo #pgs_interna h1{
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}

/*==============================
		COLUNA DIREITA
================================*/

#dir {
	width: 228px; text-align: center; margin:0;
}
#dir #calendario{width: 200px; margin: 0 auto 0 auto; color:#fff; text-align:center; border: 0; /*background:url(../imgs/divisor_agenda.gif) left no-repeat;*/}
#dir #calendario a{display:block; height:21px; line-height:21px;text-decoration:none; color:#fff; }
#dir #calendario a img{border:0; padding: 5px 0 2px 0;}

#dir #calendario #menu_calendario{ height: 21px; }

#dir #calendario #menu_calendario td{ border:1px solid #24527A; background:#3E6A8F; line-height:21px; height: 21px; }
#dir #calendario #menu_calendario #nome_mes{ font-weight:bold;}

#dir #calendario #semana td{border:1px solid #3D698E; background:#3A648A;width:15px; height:21px;}

#dir #calendario .diasSemana{background:url(../imgs/divisor_agenda.png) left center no-repeat; line-height:21px; }
#dir #calendario .diasSemana a:hover{ background:#E3B311; line-height:21px;}
#dir #calendario .diasSemana td{width:21px; height:21px; border:1px solid #557C9D; background:#3E6A8F; font-size:12px;}

		
/*  noticias paginacao  */

.texto_paginacao{ padding: 2px 5px 2px 5px; border:1px solid #3D698E;}
/*.texto_paginacao img{ padding: 2px 0 0 0;}*/