@charset "utf-8";
/* CSS Document */

html, body 
{
    height:100%;
} 

body 
{
	margin:0; 
	padding:0;
	background:#333366;
	color:#000066;
	text-align:center;
}

#tudo 
{ 
	width:760px;
    position:relative;  /*Contexto de posicionamento */
	margin:0 auto;
	text-align:left;
	min-height:100%;
	border:solid #999;
	border-width:0 1px;
}

* html #tudo 
{
     height: 100%;
}

#conteudo 
{
    padding-bottom:40px;
}

#topo 
{
	background-color: #333366;
	border: 2px solid #FFFFFF;
	width:756px;
	height:150px;
	border-bottom:1px dotted #999;
	text-align:center;
	padding-top:1px;
}
	
#saudacao
{
    width:756px;
	background-color: #333366;
	border: 2px solid #FFFFFF;
	overflow: hidden;
	position: absolute;
	top: 138px; 
	left: 0px;
}

#saudacao p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	position: relative;
	bottom: 0; /**/ 
}

#principal 
{
	width:639px;
	float:right;
	padding-top:2px;
	background-color:#FFFFFF;
	color: #000066;
}
	
#topoCampo
{
     width: 634px;
	 height: 30px;
	 margin-left: 2px;
	 background-color:#666666;
}
	
#manchete
{
	/*width: 350px;*/
	background-color: #FFFFFF;
	color: 000066;
}

#tit
{
    margin-top: 0px;
    margin-left: 2px;
	margin-right: 5px;
	width: 452px;
	/*height: 30px;*/
	overflow: hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000066;
}

#foto
{
	height: 180px;
	overflow: hidden;
	margin-left: 2px;
	margin-right: 5px;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
}

#resumo
{
	width: 180px;
	height: 175px;
	overflow: hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	FLOAT: right;
	margin-left: 0px;
	margin-right: 5px;
	position: absolute;
	padding-top: 2px;
	padding-bottom: 5px;
	text-align: justify;
}

#coluna
{
	width: 177px;
	height: 200px;
	left: 580px;
	top: 186px;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000066;
	text-align: left;
	overflow: hidden;
	padding-top: 1px;
	padding-bottom: 0px;
	background-color: #66CCFF;
	background-image: url(/imagens/Small_icons/Xiao%20Icon/49.jpg);
	background-position: left;
	
}

#coluna img
{
     float: left;
	 border: 0px;
}
#geral01
{
	width: 158px;
	height: 150px;
	margin-left: 2px;	
}

#geral01 geral01:hover
{
	color: #FFFFFF;
	text-decoration: underline;
} 

#tit2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left; 
	overflow: hidden;   
}

#fotoResumo
{
    margin-right: 3px;
    height: 115px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: justify;    
	overflow: hidden;
}

#fotoResumo img
{
    margin-right: 5px;
    border: 0px;
	/*float: left;*/
}

#geral02
{
    width: 158px;
	height: 150px;
	margin-left: 161px;
	margin-top: -152px;
}

#geral03
{
    width: 158px;
	height: 150px;
	margin-left: 320px;
	margin-top: -152px;
	position: absolute;
}

#geral04
{
    width: 157px;
	height: 150px;
	margin-left: 479px;
	margin-top: -152px;
	position: absolute;
}

#prf01
{
	width: 158px;
	height: 150px;
	margin-left: 2px;	
}

#prf02
{
	width: 158px;
	height: 150px;
	margin-left: 2px;
	margin-left: 161px;
	margin-top: -152px;
	position: absolute;	
}

#prf03
{
	width: 158px;
	height: 150px;
	margin-left: 2px;
	margin-left: 320px;
	margin-top: -152px;
	position: absolute;	
}

#prf04
{
	width: 157px;
	height: 150px;
	margin-left: 479px;
	margin-top: -152px;
	position: absolute;	
}

#sindicato01
{
	width: 207px;
	height: 150px;
	margin-left: 2px;	 
}

#sindicato02
{
     width: 190px;
	 height: 150px;
	 margin-top: -150px;
	 margin-left: 214px;
}

#sindicato03
{
     width: 232px;
	 height: 149px;
	 margin-top: -150px;
	 margin-left: 406px;
	 background-color: #333366;
	 overflow: auto;
}

#aniver p
{
	margin-left: 4px;
	margin-top: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}

#aniver h5
{
	margin-left: 2px;
	margin-top: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}

/*#video
{
    margin-right: 2px;
    float: right;
}*/

#artigos
{
	padding-top: 5px;
	width: 635px;
	height: 100px;
	margin-left: 1px;
	background-color: #FFFFFF;
	 
}

#artigos li
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style:none;
}

/*#extra01
{
     height: 142px;
	 width: 146px;
	 background-color: yellow;
}

#extra02
{
     height: 142px;
	 width: 144px;
	 background-color: red;
	 margin-left: 147px;
	margin-top: -142px;
	position: absolute;
}

#extra03
{
     height: 142px;
	 width: 146px;
	 background-color: lime;
}

#extra04
{
     height: 142px;
	 width: 144px;
	 background-color: blue;
	 margin-left: 147px;
	margin-top: -142px;
	position: absolute;
}*/
#principal a:link 
{
    color: 000066;
     text-decoration: none;
}

#principal a:visited 
{
     color: #000066;
     text-decoration: none;
}

#principal a:hover
{
    color: #000066;
     text-decoration: underline;
} 

#auxiliar 
{
	width:120px;
	float:left;
	padding-top:0px;
	padding-left:0px;
	background-color: #FFFFFF;
}
	
#auxiliar iframe
{
     margin-top: 3px;
}

#busca2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	float: left;
	
     /*<strong><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"> 
          <label id="busca" > Pesquisar</label>
          </font></strong>*/
	 
}

#rodape 
{
	background:#b0f1b0;
	width:760px;
	height:40px;
	position: absolute;
	bottom: 0; /**/ 
	border-width: 1px 0;
	text-align:center;
}

#rodape p 
{
	margin:0;
	color:#060;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
}

ul 
{
	width:120px;
	margin:0;
	padding:0;
	list-style:none;
}

ul li 
{
    margin:1px 0; 
}

ul li a, ul li a:visited 
{
	height:1%;
	font:12px Arial, Helvetica, sans-serif;
	display:block;
	background:#060;
	color:#fff;
	text-decoration:none;
	padding:2px 10px;
}

ul li a:hover 
{
	background:#9f9;
	color:#060;
}

.clear 
{
    clear:both;
}

#nav li.um 
{
	margin-bottom:8px;
	text-align:center;
}