* {padding:0; margin:0;}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

img {
	border:0;
}

a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

#externa, #principal, #home {
	float:left;
}

#externa {
	width:769px;
}

#principal {
	position:absolute;
	top:0;
	left:50%;
	width:769px;
	margin-left:-384px;
}

/*======= HOME =======*/

#home #col-esq {
	float:left;
	width:260px;
	height:531px;
	background:url(../images/bkg_login_esq.jpg) no-repeat;
}

#home #col-meio {
	float:left;
	width:245px;
	height:531px;
	background:url(../images/bkg_login_meio.jpg) no-repeat;
	z-index:0;
}

	#col-meio #login {
		float:left;
		background:url(../images/bkg_login.gif) no-repeat;
		width:245px;
		height:165px;
		z-index:1;
		margin-top:166px;
	}

		#login #titulos {
			float:left;
			width:100px;
		}
		
			#titulos ul li {
				list-style:none;
				display:block;
				height:20px;
				margin-bottom:26px;
			}
			
			#titulos ul {
				margin:45px 0 0 22px;
			}
			
			#titulos li#lbl-usuario {
				text-indent:-9999px;
				background:url(../images/tit_usuario_pt.gif) no-repeat;
				overflow:hidden;
			}
			
			#titulos li#lbl-senha{
				text-indent:-9999px;
				background:url(../images/tit_senha_pt.gif) no-repeat;
				overflow:hidden;
			}
		
		#login #campos {
			float:right;
			width:139px;
			height:77px;
			margin:48px 0 0 6px;
		}
			
			input {
				border:0;
				width:109px;
				height:17px;
			}
			
			#campos div#txt-usuario {
				margin-bottom:29px;
				display:block;
			}
			
		#login #botao {
			float:left;
			margin:2px 0 0 28px;
			text-align:right;
		}
			#login #botao2 {
			float:left;
			margin:5px 0 0 -70px;
			
		}

#home #col-dir {
	float:right;
	width:264px;
	height:531px;
	background:url(../images/bkg_login_dir.jpg) no-repeat;
}

/*======= INTERNA =======*/

#interna {
	float:left;
	background:transparent url(../images/img_footer.gif) no-repeat center bottom;
	width:100%;
	height:531px;
}

#interna #superior {
	float:left;
	background:url(../images/bkg_header.jpg) no-repeat top;
	width:769px;
	height:113px;
}

	#superior h1 {
		float:left;
		background:url(../images/logo.gif) no-repeat left top;
		position:relative;
		text-indent:-9999px;
		overflow:hidden;
		width:185px;
		height:51px;
		top:24px;
		left:21px;
	}
	
	#superior #links {
		float:right;
		position:relative;
		top:96px;
		right:65px;
		color:#ADBCD3;
	}
	
	#superior #links a {
		text-decoration:none;
		color:#ADBCD3;
	}
	
	#superior #links a:hover {
		text-decoration:underline;
		color:#ADBCD3;
	}
	
#interna #main {
	float:left;
	background:url(../images/bkg_main.jpg) no-repeat;
	width:769px;
}

#interna #main #footer_main {
	position:absolute; 
	top:195px;
	background:url(../images/img_footer.gif) no-repeat;
	width:769px;
	height:336px;
	margin-left:0;
	*margin-left:-258px; /*IE FIX*/
}
	#main #footer {
		float:left;
		background:url(../images/bkg_footer.jpg) no-repeat;
		width:769px;
		height:265px;
		z-index:1;
	}
	
		#footer #img-posto {
			float:left;
			background:url(../images/pic_posto.gif) no-repeat;
			position:relative;
			top:81px;
			left:0;
			width:266px;
			height:184px;
		}
		
		#footer #img-cidade {
			float:right;
			background:url(../images/img_rodape.gif) no-repeat;
			position:relative;
			top:192px;;
			right:1px;
			width:503px;
			height:73px;
		}

	#main #col-esq {
		float:left;
		width:258px;
		z-index:2;
	}
	
	
		#col-esq #busca {
			margin-left:24px;
			_margin-left:38px; /*IE 6 Fix*/
		}
		
			#busca label#lbl-busca {
				float:left;
				background:url(../images/tit_busca_pt.gif) no-repeat left;
				text-indent:-9999px;
				overflow:hidden;
				position:relative;
				width:53px;
				height:19px;
				top:1px;
				left:1px;
			}
			
			#busca #txt-busca {
				float:left;
				background:url(../images/bkg_busca.gif) no-repeat;
				width:122px;
				height:21px;
			}
			
				#txt-busca input {
					width:93px;
					height:17px;
					position:relative;
					top:2px;
					*top:1px; /*IE FIX*/
					left:20px;
					*left:-5px; /*IE FIX*/
					_left:-20px; /*IE 6 FIX*/
				}
	
		#col-esq #menu {
			background:url(../images/bkg_menu.jpg) repeat-y;
			float:left;
			position:relative;
			margin:4px 0 0 24px;
			width:181px;
		}
		
			#menu #menu-sup {
				background:url(../images/bkg_menu_sup.jpg) no-repeat top;
				width:181px;
				height:113px;
			}
			
				#menu-sup #menu-inf {
					float:left;
					background:url(../images/bkg_menu_inf.jpg) no-repeat bottom;
					width:161px;
					padding:10px;
				}
				
					#menu-inf ul{
						padding:0;
						margin:0;
					}
						#menu-inf ul li {
							list-style:none;
							font-family:Verdana, Arial, Helvetica, sans-serif;
							font-size:11px;
							color:#26759B;
							font-weight:bold;
						}
							#menu-inf ul li, #menu-inf ul li a {
								color:#26759B;
								text-decoration:none;
								display:block;
								padding:4px 0;	
							}
								#menu-inf ul li a:hover {
									color:#FFF;
									background-color:#0E7AB4;					
								}						
			
	#main #col-dir {
		float:right;
		width:511px;
		z-index:2;
	}
	
		#col-dir #content {
			background:#FFFFFF url(../images/img_dir_posto.gif) 0 287px no-repeat;
			padding:5px 15px 5px 15px;
			width:434px;
			_width:900x;
			height:300px;
		}
			
			#content #materia {
				height:300px;
				padding-right:15px;
			}
		
				#content #tit_interna {
					font-size:12px;
					font-weight:bold;
					color:#224A7B;
					padding-bottom:9px;
					margin-bottom:7px;
					background:url(../images/tracejado_content.gif) repeat-x left 21px;
					text-transform:uppercase;
					display:block;
				}
				
					#content #tit_interna .titulo {
						font-family:Arial, Helvetica, sans-serif;
						color:#B4B4B4;
						font-size:11px;
						text-transform:none;
						font-weight:normal;
					}
				#content p {
					font-size:11px;
					font-weight:normal;
					color:#666666;
					margin-bottom:12px;
					text-align:justify;
				}
				#content li{
					background:url(../images/ico_bullet3.gif) 0px 5px no-repeat;
					padding-left:10px;
					color:#666;
					text-align:justify;
				}
				#conteudo a{
					font-size:11px;
					font-weight:normal;
					color:#336699;
				}
				#conteudo h2 {
					color:#224A7B;
					font-size:13px;
				}
				.linktop ul li a{
					font-weight:bold;
					margin-bottom:4px;
				}
				.linktop a{
					color:#333;
					font-weight:bold;
					text-decoration:none;
				}
				.linktop a:hover{
					text-decoration:underline;
				}
		
/*======= RODAPÉ =======*/

#rodape {
	float:left;
	width:769px;
	color:#ADADAD;
	text-align:center;
	margin-top:4px;
}

#rodape a, #rodape a:hover {
	color:#ADADAD;
}

/*======= SUBMENU =======*/

#menu-inf ul li .submenu {
	background:url(../images/bkg_submenu.gif) repeat-x top #0A5998;
}

#menu-inf ul li .submenu ul li {
	margin:5px 10px;
}

#menu-inf ul li .submenu ul li a {
	color:#FFF;
	font-weight:normal;
}

#menu-inf ul li .submenu ul li a:hover {	
	background:none;
	text-decoration:underline;
}


#menu-inf ul li .topo {
	background:url(../images/img_submenu_top.gif) no-repeat bottom left;
	width:156px;
	height:7px;
}


#menu-inf ul li .bot {
	background:url(../images/img_submenu_bot.gif) no-repeat top left;
	width:156px;
	height:8px;
}


/*======= UPDATE =======*/

#update {
	margin-top:30px;
	border-top:#CCC 1px solid;
	padding-top:15px;
}

#update h5 {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#B4B4B4;
	width:auto;
	float:left;
	font-weight:bold;
}

#update #btn_topo {
	float:right;
	width:auto;
	margin-right:10px;
}

/*======= UPDATE =======*/

.tabelatt {
	color:#224A7B; 
	font-weight:bold; 
	font-size:11px;
}

.tabelatx {	
	padding:5px;
}

.tabelatx, .tabelatx a {
	color:#666666; 
	text-decoration:none;
}

.tabelatx a:hover {
	text-decoration:underline;
}

/* ======== PÁGINA DE ARQUIVOS ======== */
#periodo{
	width:100%;
	height:35px;
}
#periodo h2{
	float:left;
	margin-top:3px;
	font-size:12px;
	color:#336699;
	font-weight:bold;
}
#periodo label{
	float:right;
}
#periodo label span.campo{
	color:#336699;
	font-size:11px;
	margin:0 9px 0 0;
	font-weight:bold;
}
#periodo label select{
	width:66px;
	font-size:10px;
	color:#555555;
	border:1px solid #CCC;
	padding:1px 1px 1px 2px;
}
.arquivos{
	clear:both;
}
.arquivos h3{
	margin-bottom:10px;
	color:#336699;
	font-size:15px;
	font-weight:bold;
}
.arquivos .data,
.arquivos .icone,
.arquivos .link{
	padding-bottom:8px;
}
.arquivos .data{
	width:56px;
	padding-left:20px;
	color:#336699;
	font-size:11px;
}
.arquivos .icone{
	width:30px;
	padding-left:7px;
}
.arquivos .link{
	width:400px;
}
.arquivos .link a{
	text-decoration:underline;
	color:#336699;
	font-size:11px;
	padding-left:7px;
}
.arquivos .link a:hover{
	text-decoration:none;
}