body
{
	font-size: 12px;
	font-family: Arial, Times;
	background-color: Transparent;
}

body.MainPage
{
	background-image: url(../images/layout/background.jpg);
}

body.ContentPage
{
	background-color: Transparent;
	top: 0;
	left: 0;
}

body.ExternalPage
{
	background-color: #537A53;
}

div.MainZone
{
	height: 100%;
	width: 100%;
	border-top-style: solid;
	border-top-color: #999999;
	border-top-width: 1;
}

div.SwapperZone
{
	width: 200;
	height: 100%;
	float: left;
	overflow: hidden;
	padding-right: 0;
	background-color: #689261;
}

div.ContentsZone
{
	float: left;
	height: 100%;
	width: 550;
	padding-left: 0;
}

div.FooterZone
{
}

div.Title
{
	width: 100%;
	color: #FFFFFF;
	background-color: #689261; /*#CC920A; */
	text-align: center;		
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
}

div.SubTitle
{
	color: #467040;
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	padding-top: 10;
	padding-bottom: 10;
}

div.SubSubTitle
{
	color: #000000;
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	padding-top: 10;
	padding-left: 10;
}

div.NormalText
{
	width: 100%;
	padding-top: 10;
	padding-bottom: 10;
	padding-left: 10;
	padding-right: 10;
	font-size: 11px;
	font-family: Arial, Times;
}

div.WarningBlock
{
	width: 100%;
	padding-top: 10;
	padding-bottom: 10;
	padding-left: 10;
	padding-right: 10;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

div.BlankSpace
{
	padding-bottom: 10;
}

div.CenteredImage
{
	width: 100%;
	text-align: center;
	padding-bottom: 10;
}

div.CenteredContents
{
	text-align: center;
	padding-bottom: 10;
	width: 100%;
}

div.VideoPlayer
{
	border-style: outset;
	text-align: center;
	border-color: #E3FFE6; /*#537A53; */
	border-collapse: separate;
	border-width: 5;
	width: 0;
	overflow: visible;
}

table.PictureTable
{
	width: 100%;
	padding-bottom: 10;
	text-align: center;
}

td.PictureCell
{
	float: left;
	text-align: center;
	font-size: 11px;
}

td.PictureCell2 { width: 50%; }
td.PictureCell3 { width: 33%; }
td.PictureCell4 { width: 25%; }

div.SubTitleCorposSociais
{
	color: #467040;
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
	margin-top: 30;
	margin-bottom: 10;
	margin-left: 50;
	margin-right: 50;
	border-style: groove;
}

div.AddressTitle
{
	padding-left: 10;
	padding-right: 10;
	font-weight: bold;
}

div.AddressText
{
	padding-left: 10;
	padding-right: 10;
	font-weight: normal;
}

div.CreditsText
{
	padding-right: 9;
	font-size: 10;
	text-align: right;
	font-style: italic;
}

/* Estilos para as imagens dos gestos associados ao menu (INÍCIO) */
div.SignImage
{
	float: left;
	text-align: center;
}

div.SignActividades   { width: 80; }
div.SignULGP          { width: 60; }
div.SignUAFIP         { width: 60; }
div.SignServicoSocial { width:100; }
div.SignInterpretes   { width: 90; }
div.SignEstrutura     { width: 85; }
div.SignEventos       { width: 65; }
div.SignLegislacao    { width: 85; }
div.SignLinks         { width: 60; }
div.SignOpiniao       { width: 65; }

/* Estilos para as imagens dos gestos associados ao menu (FIM) */

/* Estilos para tabelas de borders (INICIO)*/
td.BorderBottom
{
	text-align: left;
	color: #000000;
	font-weight: bold;
	text-align: left;
	font-size: 9px;
	border-bottom-style: solid;
	border-bottom-width: 1;
	border-bottom-color: #000000;
}
td.SemBorderBottom
{
	text-align: left;
	color: #000000;
	font-weight: bold;
	text-align: left;
	font-size: 9px;
}

td.SemBorderCenter
{
	text-align: center;
	color: #000000;
	font-weight: normal;
	text-align: left;
	font-size: 10px;
}
/* Estilos para tabelas de borders (FIM) */

/* Estilos para tabelas de preços (INÍCIO) */
div.PriceTable
{
	width: 100%;
	text-align: center;
	padding-top: 5;
	padding-bottom: 5;
}

table.PriceTable
{
	width: 98%;
}

td.PriceTitle
{
	border-width: 1;
	border-style: solid;
	border-color: #000000;
	color: #000000;
	/*background-color: #BBBBBB;*/
	font-weight: bold;
	text-align: left;
	font-size: 10px;
}

td.PriceValue
{
	border-width: 1;
	border-style: solid;
	border-color: #000000;
	color: #000000;
	text-align: right;
	font-size: 9px;
	white-space: nowrap;
}

td.PriceText
{
	border-width: 1;
	border-style: solid;
	border-color: #000000;
	color: #000000;
	text-align: left;
	font-size: 10px;
}

td.PriceContext
{
	border-width: 1;
	border-style: solid;
	border-color: #000000;
	color: #000000;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	white-space: nowrap;
}

/* Estilos para tabelas de preços (FIM) */

table.LinkContentTable
{
	border-color: Black;
	margin-left: 20px;
	margin-right: 20px;
}

tr.LinkContentRowMouseOver
{
	background-color: #D1E9AD;
	cursor: hand;
}

div.LinkContentRowMouseOut
{
	background-color: Transparent;
	cursor: hand;
}

td.LinkContentImage
{
	text-align: center;
	padding: 5 3 3 3;
	width: 50px;
	font-size: 9px;
}

td.LinkContentDescription
{
	font-size: 12px;
	padding-left: 10px;
	width: 420px;
}

div.SubTitleLinks
{
	color: #467040;
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
	margin-top: 30;
	margin-bottom: 10;
	margin-left: 50;
	margin-right: 50;
	border-style: groove;
}


/* ESTILO DE SETAS BARRA VERTICAL*/

div#hold	{ 
	position:relative; overflow:visible;
	width:280px; height:200px; 
  z-index:100; 
	}
	
div.content { 
	position:absolute; visibility:visible;
	left:0px; top:0px; 
	z-index:1; 
	}

div#scrollbar { 
 position:relative; left:258px; top:10px;
  width:11px; height:160px; 
  font-size:1px; z-index:1;
  }
  
div#track { 
  position:absolute; left:271px; top:2px;
  width:11px; height:226px;
  background: url("../Common/HTML/images/nav/track.gif") #336 repeat;
  z-index:1;
  }
  
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#ceced6;
  z-index:1;
  }  
  
div#up { position:absolute; left:271px; top:-10px; z-index:2; border: none;}  
div#down { position:absolute; left:271px; bottom:-80px; z-index:3; border: none; }  


/* IMAGEM FLADE */

/* default opacity for IE */
img {
	filter: alpha( opacity = 100 );
	}

/* duplicate image positioning */
img.idupe {
	position: absolute;
	z-index: 30000;
	visibility: hidden;
	}

/* ESTILO DOS MENUS */
/* The styles for each menu */
div.navilayer {position: absolute;
	top: 1px;
	visibility: hidden;
	width: 150px;
}

div#base {
	position: relative;
}

div a:visited {
	background-color: transparent;
}

/* The extra DIV around the links. I'd rather have done
	a {display: block}
	throughout but that doesn't work in Explorer 4. */

div.navilayer div {
	width: 150px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	padding-top: 5px;
	padding-bottom: 5px;
	font: 10px verdana;
	background: #D1E9AD;
	layer-background-color: #D1E9AD;
}


/* This style does not work in Netscape 4 so you see the borders of the empty
	DIV's */
div.navilayer div.fill {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D1E9AD;
	}


/* Explorer 5.5 gives my general link colours precedence over
	the colour defined here. I think it's a bug */

div.navilayer div a {display: block;
	width: 150px;
	color: #000000;
	text-decoration: none;
	padding-left: 5px;
	letter-spacing: 1px;
}

/* The styles for the pseudo-mouseover. The class change does not work in Netscape 4,
	while Opera 5 changes the class but doesn't do anything about it,
	so these styles will never be visible in those browsers */

div.navilayer div.over {
	background: #009900;
}

div.navilayer div.over a {
	color: #ffffff;
}