/*--------------------------------------------------------------------------------------------------
                             MARCAÇÕES GENÉRICAS PARA O SITE
---------------------------------------------------------------------------------------------------*/
@import url("Reset.css");

html, body
{ 
	font-size: 80%; 
	line-height:1.5em;
	font-family: Arial, Helvetica, "Microsoft Sans Serif", Sans-Serif;
	color:#000000;
	background:url(Images/bk_colors_1600_alternate.gif) repeat-y center top; 
}
        /*---------------------------------------------------------------------------------
            TAGS COM MARCAÇÕES EM BOLD (STRONG)
        -----------------------------------------------------------------------------------*/
strong, 
th, 
thead td, 
h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
dt				{ font-weight: bold; }

        /*---------------------------------------------------------------------------------
            TAGS COM MARCAÇÕES EM ITALIC
        -----------------------------------------------------------------------------------*/
cite, 
em, 
dfn				{ font-style: italic; }

        /*---------------------------------------------------------------------------------
            ZERANDO MARGENS EM TORNO DE IMAGENS
        -----------------------------------------------------------------------------------*/

img				{ border: 0;}

        /*---------------------------------------------------------------------------------
            MARCAÇÕES BASE PARA TAMANHO DE FONTES
        -----------------------------------------------------------------------------------*/

h1				{ font-size: 2.4em; }
h2				{ font-size: 2.2em; margin: 0 0 1% 0; }
h3				{ font-size: 1.7em; margin: 0 0 2% 0;}
h4				{ font-size: 1.6em; }
h5				{ font-size: 1.5em; }
h6				{ font-size: 1.2em; }
p				{ font-size: 1.2em; line-height:1.5em; margin: 0 0 2.5% 0; }
dt, dd			{ font-size: 1.2em; }
small, sup, sub { font-size: 85%; }

big 
{
	font-size: 125%; 
	line-height: 80%; 
}

        /*---------------------------------------------------------------------------------
            MARCAÇÕES GENÉRICAS PARA CORES DE LINKS
        -----------------------------------------------------------------------------------*/

a:link, 
a:visited, 
a:hover, 
a:active, 
a:focus			{ text-decoration: none; outline:none; }

a:visited		{ color: #000000; text-decoration:underline; }
a:hover			{ color: #999999; }
a:active, 
a:focus			{ color: #000000; }

        /*---------------------------------------------------------------------------------
            MARCAÇÕES PARA A TAG BLOCKQUOTE
        -----------------------------------------------------------------------------------*/

blockquote 
{
	border-top: 1px solid #CCC; 
	border-bottom: 1px solid #ccc; 
	color: #666; 
}

blockquote > *:before { content: "\201C"; }
blockquote > *:after { content: "\201D"; }
blockquote > *	{ margin: .8em 0; }

        /*---------------------------------------------------------------------------------
            MARCAÇÕES GENÉRICAS A TAG HR
        -----------------------------------------------------------------------------------*/

hr 
{
	display: block; 
	background: #FFF; 
	color: #CCC; 
	width: 100%; 
	height: 1px; 
	border: none; 
}


        /*---------------------------------------------------------------------------------
            MARCAÇÕES GENÉRICAS TABELAS
        -----------------------------------------------------------------------------------*/

table 
{
	border-top: 1px solid #CCC;  
	border-left: 1px solid #CCC; 
}

th, td 
{
	border-bottom: 1px solid #CCC; 
	border-right: 1px solid #CCC; 
}

dd { margin-left:1%;}


th, 
td				{ padding: 1%; }
caption			{ padding-bottom: .8em; } /* padding instead of margin for IE */

        /*---------------------------------------------------------------------------------
            MARCAÇÕES GENÉRICAS A TAG BR
        -----------------------------------------------------------------------------------*/

br				{ margin:0 0 1% 0; }
.break_line		{ margin:5px 0; width:100%; height:1px; clear:left;}

 
        /*---------------------------------------------------------------------------------
                                 CLASSES QUE SIMULA UMA LINHA DE TABELA
            A classe abaixo na é aplicada para a sustentação dos blocos de layer por linha
            tela.
        -----------------------------------------------------------------------------------*/
.content_linha
{
    width:100%;
    height:1px;
    clear:both;
    padding:2% 0;
}
        /*---------------------------------------------------------------------------------
            MARCAÇÕES DE BORDAS
        -----------------------------------------------------------------------------------*/
.borda			{ border:1px solid #CCC; }
.borda-top		{ border-top: 1px solid #CCC; }
.borda-right	{ border-right: 1px solid #CCC; }
.borda-bottom	{ border-bottom: 1px solid #CCC; }
.borda-left 	{ border-left: 1px solid #CCC; }
.noborda		{ border:none; }

        /*------------------------------------------------------------------------------------------
           CLASSES PARA FONTES EM FLASH NO MODO DE TELA
        -------------------------------------------------------------------------------------------*/
        
/* Não modifique */

.sIFR-flash 
{
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced, .sIFR-ignore
{
	visibility: visible !important;
}

span.sIFR-alternate 
{
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}

        /*---------------------------------------------------------------------------------
            CLASSES GERAIS USADAS NO SITE
        -----------------------------------------------------------------------------------*/
 
.clear         { clear:both; }
.clear-left    { clear:left; }
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background-color:#ffc; }
 
.img-left      { float:left; margin:3% 7% 3% 0; }
.img-right     { float:right; margin:3% 0 3% 7%; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

.marginTop		{ margin-top:3%; }
.marginBot		{ margin-bottom:3%; }
.marginLeft		{ margin-left: 3%; }
.marginRight	{ margin-right: 4%; }

.padding-1		{ padding:1%; }
.padding-2		{ padding:2%; }
.padding-3		{ padding:3%; }
.padding-4		{ padding:4; }
.padding-5		{ padding:5%; }
.padding-6		{ padding:6%; }
.padding-7		{ padding:7%; }
.padding-8		{ padding:8%; }
.padding-9		{ padding:9; }
.padding-10		{ padding:10%; }

.padding-1-left		{ padding-left:1%; }
.padding-2-left		{ padding-left:2%; }
.padding-3-left		{ padding-left:3%; }
.padding-4-left		{ padding-left:4; }
.padding-5-left		{ padding-left:5%; }
.padding-6-left		{ padding-left:6%; }
.padding-7-left		{ padding-left:7%; }
.padding-8-left		{ padding-left:8%; }
.padding-9-left		{ padding-left:9; }
.padding-10-left	{ padding-left:10%; }

.padding-1-top		{ padding-top:1%; }
.padding-2-top		{ padding-top:2%; }
.padding-3-top		{ padding-top:3%; }
.padding-4-top		{ padding-top:4; }
.padding-5-top		{ padding-top:5%; }
.padding-6-top		{ padding-top:6%; }
.padding-7-top		{ padding-top:7%; }
.padding-8-top		{ padding-top:8%; }
.padding-9-top		{ padding-top:9; }
.padding-10-top		{ padding-top:10%; }

.padding-1-right		{ padding-right:1%; }
.padding-2-right		{ padding-right:2%; }
.padding-3-right		{ padding-right:3%; }
.padding-4-right		{ padding-right:4; }
.padding-5-right		{ padding-right:5%; }
.padding-6-right		{ padding-right:6%; }
.padding-7-right		{ padding-right:7%; }
.padding-8-right		{ padding-right:8%; }
.padding-9-right		{ padding-right:9; }
.padding-10-right		{ padding-right:10%; }

.padding-1-bottom		{ padding-bottom:1%; }
.padding-2-bottom		{ padding-bottom:2%; }
.padding-3-bottom		{ padding-bottom:3%; }
.padding-4-bottom		{ padding-bottom:4; }
.padding-5-bottom		{ padding-bottom:5%; }
.padding-6-bottom		{ padding-bottom:6%; }
.padding-7-bottom		{ padding-bottom:7%; }
.padding-8-bottom		{ padding-bottom:8%; }
.padding-9-bottom		{ padding-bottom:9; }
.padding-10-bottom		{ padding-bottom:10%; }
.padding-12-bottom		{ padding-bottom:12%; }
.padding-14-bottom		{ padding-bottom:14%; }
.padding-16-bottom		{ padding-bottom:16%; }
.padding-18-bottom		{ padding-bottom:18%; }
.padding-20-bottom		{ padding-bottom:20%; }

.pos-relative	{ position:relative; }
.pos-absolute	{ position:absolute; }

.width_50		{ width:50px; }
.width_60		{ width:60px; }
.width_70		{ width:70px; }
.width_80		{ width:80px; }
.width_90		{ width:90px; }
.width_120		{ width:120px; }
.width_150		{ width:150px; }
.width_180		{ width:180px; }
.width_200		{ width:200px; }
.width_220		{ width:220px; }
.width_240		{ width:240px; }
.width_300		{ width:300px; }
.width_320		{ width:320px; }
.width_360		{ width:360px; }
.width_400		{ width:400px; }
.width_480		{ width:480px; }
.width_540		{ width:540px; }
.width_600		{ width:600px; }