body{
	font-family: Arial,sans-serif;       /*tipo de fonte*/
	color:	#000;						/*Cor do fundo*/
	line-height: 1.666;					/*Posiciona o texto do menu*/	
	margin: 0px;						/*Nada*/
	padding: 50px;                      /*Nada*/
	background:  url(bg_grad.jpg) fixed; /*Background Gradiente*/
}

/******* Link e ancoras estilos das tag  *******/

a:link{									/*cor quando parado*/
	color:	#666666;					/*Cor dos links da esquerda Abaixo do menu = Vermelho Escuro*/
	text-decoration: none;				/*Decoração Nenhuma*/

} 
a:visited{								/*Cor do link depois visitado*/
	color:	#FF0000;					/*Cor dos links depois de visitados = Vermelho Claro*/
	text-decoration: none;				/*Decoração = nenhuma*/
}

a:hover{								/*Cor do link quando mouse passa*/
	color:	#999999;					/*cinza*/
	text-decoration: underline;			/*Decoração=  Sublinhado*/
}

/* Headers */

h1{
 font: bold 150% Arial,sans-serif;		/*Titulo Preto H1 */ 
 color: #000;							/*preto*/
 margin:10px;							/*Margim do titulo*/
 padding: 10px;							/*Padding do titulo*/
}

h2{
 font: bold 114% Arial,sans-serif;		/*Titulo Vermelho Escuro H2 */ 
 color: #990000;						/*Vermelho Escuro*/
 margin: 0px;							/*Margim do titulo*/
 padding: 0px;
}

h3{
 font: bold 100% Arial,sans-serif;		/* SubTitulo Vermelho  H2 */ 	
 color:	#CC0000;						/*Vermelho*/
 margin: 0px;							/*Margem*/
 padding: 0px;							/*Padding*/
}

h4{										
 font: 100% Arial,sans-serif;			/*Texto preto*/
 color: #000;							/*preto*/
 margin: 0px;							/*Margem*/
 padding: 0px;							/*Padding*/
}

h5{
 font: 100% Arial,sans-serif;			/*Texto vermelho escuro*/
 color: #990000;						/*Vermelho escuro*/
 margin: 0px;							/*Margem*/
 padding: 0px;							/*Padding*/
}
h6{
 font: 100% Arial,sans-serif;			/*Texto em cinza*/
 color:	#CCCCCC;						/*cinza*/
 margin: 0px;							/*margem*/
 padding: 0px;							/*Padding*/

}

/*************** Estilos de Tags ***************/

ul{
 list-style-type:  square;			/*   Define UndefineList como Quadrada*/
}

ul ul{
 list-style-type: disc;				/*  Define UndefineList como Disco */
}

ul ul ul{
 list-style-type:armenian;			/*	Define UndefinedList como Armeniam*/
}

/********* Formulário e Tags Relacionadas *********/

form {
	margin: 0;
	padding: 0;
}

label{
 font: bold 1em Arial,sans-serif;
 color:	#990000;                     /*Define a cor da label = vermelho escuro */
}
				
input{
font-family: bold 1em Arial,sans-serif;
color:	#990000;
background-color:#FFFBFB;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#pagecell1{						/*Conteudo Central*/
	position:absolute;
	top: 120px;				/*DEFINE A ALTURA DO CENTER*/
	left: 14px;				/*DEFINE A LARGURA DO CENTER*/
	right: -2%;
	width:96%;
	background-color: #ffffff;
}

#tl {							/*Canto arredondado da esquerda*/
	position:absolute;
	top: -1px;
	left: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#tr {
	position:absolute;			/*Canto arredondado da direita*/
	top: -1px;
	right: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#masthead{						/*Topo*/
	position: absolute;
	top: 10px;
	left: 2%;
	right: 2%;
	width:95.6%;
	
}

#pageNav{					/*Menu Direito Parte de Baixo */
	float: left;
	width:178px;
	padding: 0px;
	background-color: #F5f7f7;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font: small Verdana,sans-serif;
}

#content{
	padding: 0px 50px 0px 0px;	/*Padding: 1ºtopo  2º Direita 3º Bottom Esquerdo */
	margin:0px 0px 0px 178px;
	border-left: 1px solid #ccd2d2;	/*Cor da lateral esquerda*/
}


/***********************************************/
/* Component Divs                              */
/***********************************************/
#siteName{
	margin: 0px;
	padding: 0px 0px 8px 0px;		/*Controla o Topo do site (nome)*/
	color: #ffffff;
	font-weight: normal;
}

/************** utility styles *****************/

#utility{
	font: 75% Verdana,sans-serif;		/*Controla o menu de utilidades na barra superior direita*/
	position: absolute;
	top: 20px;
	right: 20px;						/*Posição da direita*/
	color:	#000;						
}

#utility a{
	color: #fff;			/*cor do texto*/
}

#utility a:hover{
	text-decoration: underline;		/*quando o mouse passa por cima */
}

/************** pageName styles ****************/

#pageName{
	padding: 0px 0px 0px 10px;    /*controla o nome da pagina da esquerda*/
	margin: 0px;
	border-bottom:1px solid #eee;
}

#pageName h2{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	margin:0px;
	padding: 0px;
}

#pageName img{
	position: absolute;
	top: 10px;
	right: 5px;
	padding: 0px;
	margin: 0px;
}

/************* globalNav styles ****************/

#globalNav{
position: relative;
width: 100%;
min-width: 640px;
height: 32px;
color:	;
padding: 0px;
margin: 0px;
background-image: url(glbnav_background.gif);
}

#globalNav img{
	margin-bottom: -4px;
 
}

#gnl {
	position: absolute; /*Controla arredondamento. lateral esquerdo*/
	top: 0px;
	left:0px;
}

#gnr {
	position: absolute;	/*Controla arredondamento. lateral direito*/
	top: 0px;
	right:0px;
}

#globalLink{			/*Controla o texto do menu nav/bar*/
	position: absolute;
	top: 2px;
	height: 22px;
	min-width: 640px;
	padding: 0px;
	margin: 0px;
	left: 2px;
	z-index: 100;
}


a.glink, a.glink:visited{
  	font-size: small;
  	color:	#000; /*cor do texto do menu/navbar*/
	font-weight: bold;
	margin: 0px;
	padding: 2px 15px 4px 5px;
	border-right: 1px solid 	#990000;
}

a.glink:hover{
  	background-image: url(glblnav_selected.gif); /*imagem responsável pelo fundo do menu/navbar*/
	text-decoration: none;
}

.skipLinks {display: none;}

/************ subglobalNav styles **************/

.subglobalNav{
	position: absolute;
	top: 84px;
	left: 0px;
	/*width: 100%;*/
	min-width: 640px;
	height: 20px;
	padding: 0px 0px 0px 10px;
	visibility: hidden;
	color: #ffffff;
}

.subglobalNav a:link, .subglobalNav a:visited {
	font-size: 80%;
	color: #ffffff;
}

.subglobalNav a:hover{
	color: #cccccc;
}

/*************** search styles *****************/

#search{              /*Controla a busca */
	position: absolute;
	top: 2px;
	right: 10px;
	z-index: 101;
}

#search input{				/*tamanho da label*/
  font-size: 70%;
  margin: 0px  0px 0px 10px;
 }
 
#search a:link, #search a:visited {
	font-size: 80%;
	font-weight: bold;
	
}

#search a:hover{
	margin: 0px;
}


/************* breadCrumb styles ***************/

#breadCrumb{
	padding: 15px 10px 5px 15px;  /*Controla o mapa do topo*/
	font: small Verdana,sans-serif;
	color: #000;
}

#breadCrumb a{
	color:	#990000;
}

#breadCrumb a:hover{
	color: #000;
	text-decoration: underline;
}


/************** feature styles *****************/

.feature{							/*Controla o texto do tipo feature*/
	padding: 0px 10px 10px 10px;
	font-size: 80%;
	min-height: 200px;
	height: 200px;
}
html>body .feature {height: auto;}

.feature h3{
	font: bold 175% Arial,sans-serif;
	color:	#990000;
	padding: 30px 0px 5px 0px;
}

.feature img{				/*Controla a imga*/
	float: left;
	padding: 0px 50px 0px 0px;
}


/*************** story styles ******************/

.story {
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story h3{
	font: bold 125% Arial,sans-serif;
	color:	#666666;
}

.story p {
	padding: 0px 0px 0px 0px;
}

.story a.capsule{
	font: bold 1em Arial,sans-serif;
	color:	#990000;
	display:block;
	padding-bottom: 0px;
}


.story a.capsule:hover{
	text-decoration: underline;
}

td.storyLeft{
	padding-right:10px;
}


/************** siteInfo styles ****************/

#siteInfo{
	clear: both;
	border-top: 1px solid #cccccc;
	font-size: small;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
}

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}


/************ sectionLinks styles **************/

#sectionLinks{
	margin: 0px;
	padding: 0px;

}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #000;
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image: url(bg_nav.jpg);
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color:	#990000;
}

#sectionLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #DDEEFF;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
}


/************* relatedLinks styles **************/

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	border-bottom: 1px solid #eee;
	color:#333333;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a{
	display: block; 
}


/**************** advert styles *****************/

#advert{
	padding: 10px; /*Controla a imagem inferior da direita = pagseguro*/
}

#advert img{
	display: block;
}

/********************* end **********************/