/*------------------------------------------------------------------------------------------------*/
/*Padrão - estilos que sobrepoe estilos padrao*/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: url(../skin/bg.jpg) repeat-x #336699;
	margin:0px;
}

a{
	text-decoration: none;
	color:#000000;
}

	a:hover{ color:#000000; }

h1{	font: arial bold;
	font-size:18px;
	color: #FFF;
	margin: 8px;
	margin-left: 8px;
	padding-left: 10px;
	background:url(../skin/icon_white_arrow.gif) no-repeat 0px 8px;
}

h2{	font: arial bold;
	font-size:15px;
	color:#000;
	margin:0px;
	padding: 0px;
	margin-top: 4px;
}

h3{	font-weight: bold;
	font-size:13px;
	color:#FFF;
	margin:0px;
	padding:0px;
	white-space: nowrap;
}

h4{	font-weight: bold;
	font-size:14px;
	color:#0B60AC;
	margin:0px;
	padding:0px;
	white-space: nowrap;
}

h5{	font-size:11px;
	font-weight: bold;
	color:#000;
	margin: 0px;
	padding-left:10px;
	white-space: nowrap;
	background:url(../skin/icon_black_arrow.gif) no-repeat center left;
}

table{
	border: 0px;
}

form{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

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

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

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

/*ADSENSE------------------------------*/
#adsense-line{
	text-align: center !important;
}

#adsense-search{
	float: right;
	margin-top: 10px;
}


/*------------------------------------------------------------------------------------------------*/
/*Textos*/

.text_padrao{ font-size: 11px  !important; }
.text_minimo{ font-size: 10px  !important; }
.text_pequeno{ font-size: 12px  !important; }
.text_medio{ font-size: 13px  !important; }
.text_grande{ font-size: 16px  !important; }
.text_maior{ font-size: 18px  !important; }

.text_claro{ color:#FFFFFF !important; }
.text_escuro{ color:#000000 !important; }
.bold{ font-weight:bold !important; }

.azul_ceu{ color:#1261D4 !important; }
.blood_red{ color:#FF0000 !important; }
.rosa_flag{ color:#FF00FF !important; }
.cinza{ color:#666666 !important; }

.text_conteudo{
	font-size: 11px;
	color: #000;
}

	.text_conteudo p{
		margin:0px;
		padding:0px;
		margin-bottom: 18px;
		margin-top: 3px;
		text-align: justify !important;
	}

.link_padrao{
	text-decoration:underline !important;
	color:#0000FF !important;
}

/*------------------------------------------------------------------------------------------------*/
/*FORMULARIOS*/

.cx{
	font-size: 10px !important;
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	border:#999999 solid 1px;
	background:#FFFFFF;
	margin: 0px;
	padding:2px;
}

	.cx:hover{
		background:#FFFFCC;
	}
	
.selecao{
	color:#000000;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	border: solid 1px #CCC;
}

/*------------------------------------------------------------------------------------------------*/
/*GADGETS*/

.bt_opcoes_busca{
background:url(../skin/bt_busca_opcoes.png) no-repeat;
width:20px;
height:21px;
}

	.bt_opcoes_busca:hover{
	background-position: right;
	cursor: pointer;
	}

.div_opcoes_busca{
position: absolute;
padding: 5px !important;
border: solid 1px #999999;
background:url(../skin/grid_hover.gif) #FFFEE0 bottom repeat-x;
width: 140px;
left: -135px;
top: 24px;
white-space: nowrap;
font-weight: normal !important;
}

.voltar_topo_content{
	position: absolute;
	bottom: 70px;
	left: 0px;
	z-index:0;
}

.voltar_topo{
	background:url(../skin/bt_voltar_topo.png) no-repeat;
	width: 20px;
	height: 54px;
	position:absolute;
	cursor: pointer;
	left:0px;
	top:0px;
}
	
.lava_paginacao {
            position: relative;
            height: 15px;
            width: 580px;
            padding: 7px;
            margin: 0px;
            overflow: hidden;
        }
                .lava_paginacao li {
                    float: left;
                    list-style: none;
                }
				
					.lava_paginacao li a {
							font: bold 11px arial;
							text-decoration: none;
							outline: none;
							text-align: center;
							top: 1px;
							text-transform: uppercase;
							letter-spacing: 0;
							z-index: 10;
							display: block;
							height: 15px;
							position: relative;
							overflow: hidden;
							padding-left: 7px;
							padding-right: 7px;
							color:#000000;  
						}
						
					.lava_paginacao li.current a {
						color: #FFF;
					}

                    .lava_paginacao li.back {
                        background: url("../skin/paginacao_bt_hover.gif") no-repeat right -15px;
                        width: 5px; height: 15px;
                        z-index: 8;
                        position: absolute;
                    }
                        .lava_paginacao li.back .left {
                            background: url("../skin/paginacao_bt_hover.gif") no-repeat top left;
                            height: 15px;
                            margin-right: 5px; /* 7px is the width of the rounded shape */
                        }
						
					
                        .lava_paginacao li a:hover, .lava_paginacao li a:active, .lava_paginacao li a:visited {
                            border: none;
                        }
						
						.lava_paginacao li a:hover, .lava_paginacao li a:active {
							color:#FFFFFF;
						}

/*------------------------------------------------------------------------------------------------*/
/*AGREGATIVOS*/
.float_padrao{ /*Float de todos os elementos no conteudo*/
	float:left;
}

.width_padrao{ /*Tamanho das divs que vão dentro da margem*/
	width:721px;
}

.margem{ /*Margem do meio aonde vai o conteudo*/
	margin: 15px;
	margin-top: 10px;
	margin-bottom:0px;
}

.centralizar{
	text-align:center !important;
}

.pointer{
	cursor: pointer;
}

.bordernone{
	border:none !important;
}

.bloco{/*Espaço entre um bloco de texto e outro no conteudo*/
	margin-top: 25px;
}

.margem_esq{
	margin-left: 15px;
}

.margem_dir{
	margin-right: 15px;
}

/*------------------------------------------------------------------------------------------------*/
/*ESTRUTURA - TABELAS E DIVS*/

.pont_h{
	background:url(../skin/bg_pontilhado.gif) top left repeat-x;
	height: 1px;
	position:relative;
	margin-bottom: 0px;
	margin-top: 3px;
	width: 100%;
}

.pont_v{
	background:url(../skin/bg_pontilhado.gif) top left repeat-y;
	width: 1px;
	position:relative;
	margin-left: 25px;
	margin-right: 25px;
}

/*---INDICE PARA AS PAGINAS COM MUITO CONTEUDO---*/

/*Contem os lados*/
.indice_side_content{
	float:left;
	width: 24px;
}

/*Contem tudo que esta no centro*/
.indice_meio_content{
	float:left;
	width: 670px;
}

/*Lateral esquerda*/
.indice_esq_top{
	width: 24px;
	height: 55px;
	background:url(../skin/indice.gif) top left no-repeat;
	float:left;
}

.indice_esq_mid{
	width: 24px;
	background:url(../skin/indice_sides.gif) top left repeat-y;
	float:left;
}

.indice_esq_bottom{
	width: 24px;
	height: 50px;
	background:url(../skin/indice.gif) 0px -164px no-repeat;
	float:left;
}

/*Barra de titulo*/
.indice_mid_top{
	height: 55px;
	width: 100%;
	background:url(../skin/indice.gif) 0px -55px repeat-x;
	float:left;
}

.indice_mid_mid{
	height: 55px;
	width: 100%;
	background:url(../skin/indice.gif) center bottom no-repeat;
	float:left;
	font-weight: bold;
	font-size: 18px;
	color:#999999;
	padding-left: 5px;
}

	.indice_mid_mid p{
		margin: 0px;
		padding: 0px;
		padding-top: 22px;
	}
/*Meio onde vai o conteudo*/
.indice_mid_content{ /*Neste caso ele faz uma metade, dividindo o indice em dois e fazendo duas colunas*/
	margin-left: 10px;
	margin-top: 10px;
	padding-right: 10px;
	float:left;
	width:46%;
}
	.indice_mid_content li{
		line-height: 18px;
		list-style: none;
	}
	
	.indice_mid_content a:hover{
	color:#FF9900 !important;
	}
	
	.indice_mid_content ul{
	margin: 0px;
	padding: 0px;
	}
	
.indice_mid_simples{ /*Neste caso ocupa todo o espaço do meio*/
	margin-top: 10px;
	float:left;
}

	.indice_mid_simples p{
		margin: 0px;
		padding: 0px;
		text-align:justify;
	}
	
.indice_mid_complementar{
	float:left;
	margin-top: 15px;
}
	
.indice_mid_bottom{
	height: 26px;
	width: 100%;
	background:url(../skin/indice.gif) 0px -215px repeat-x;
	float:left;
}

/*Estilos dos níveis*/
.indice_nivel0{
	margin-left: 0px !important;
	margin-top: 8px !important;
}

	.indice_nivel0 li{
		padding-bottom: 5px !important;
		background:url(../skin/bg_pontilhado.gif) bottom left repeat-x;
		color:#1261D4;
		font-weight:bold;
	}

.indice_nivel1{
	margin-left: 5px !important;
}

	.indice_nivel1 li{
		font-weight:bold;
	}
	
.indice_nivel2{
	margin-top: 4px;
}

	.indice_nivel2 li{
		margin-left: 20px !important;
		padding-left: 8px;
		font-weight: normal !important;
		background:url(../skin/icon_black_arrow.gif) left center no-repeat;
	}

/*Lateral direita*/
.indice_dir_top{
	width: 24px;
	height: 55px;
	background:url(../skin/indice.gif) right -110px no-repeat;
	float:left;
}

.indice_dir_mid{
	width: 24px;
	background:url(../skin/indice_sides.gif) top right repeat-y;
	float:left;
}

.indice_dir_bottom{
	width: 24px;
	height: 50px;
	background:url(../skin/indice.gif) right -241px no-repeat;
	float:left;
}


/*---GRIDS---*/

.table_grid{
	font-size: 11px;
	color:#000000;
	border-left: solid 1px #E6E6E6;
	border-top:  solid 1px #E6E6E6;
}
	
		.table_grid thead tr{
			background:url(../skin/thead_grid.gif) repeat-x bottom;
		}
	
		.table_grid thead td{
			color:#FFFFFF;
			font-weight: bold;
			font-size: 11px;
			text-align:left;
		}
		
		.table_grid thead td div{
			width:100%;
			padding: 0px;
			padding-top: 5px;
			padding-bottom: 5px;
			color:#FFFFFF;
			font-weight:bold;
			background:url(../skin/border_right_thead_grid_full.gif) bottom right no-repeat;
		}

	.table_grid tbody tr{
		background:url(../skin/grid_normal.gif) #FFFFFF repeat-x bottom;
	}

		.table_grid tbody tr:hover{
			background:url(../skin/grid_hover.gif) #FFFEE0 repeat-x bottom;
		}

	.table_grid tbody td{
		padding: 5px;
		border-right: solid 1px #E6E6E6;
		border-bottom: solid 1px #E6E6E6;
	}
	
		.table_grid tbody td img{
			border:solid 1px #000;
		}
	
.table_grid_full{
	font-size: 11px;
	color:#000000;
	width:721px;
	background:url(../skin/thead_grid_full.gif) no-repeat top left;
}
	
	.table_grid_full thead td div{
		width:100%;
		padding-top: 5px;
		padding-bottom: 5px;
		margin-top: 15px;
		color:#FFFFFF;
		font-weight:bold;
		text-align:center;
		background:url(../skin/border_right_thead_grid_full.gif) bottom right no-repeat;
	}
	
	.table_grid_full tbody td{
		padding: 5px;
		border-right: solid 1px #E6E6E6;
		border-bottom: solid 1px #E6E6E6;
	}
	
	.table_grid_full tbody td img{
		border:solid 1px #000;
	}
	
	.table_grid_full tbody tr{
		background:url(../skin/grid_normal.gif) #FFFFFF repeat-x bottom;
	}

		.table_grid_full tbody tr:hover{
			background:url(../skin/grid_hover.gif) #FFFEE0 repeat-x bottom;
		}
		
.cell_legenda{
	background:url(../skin/grid_fixed.gif) #E0E0E0 repeat-x bottom !important;
	color:#333333 !important;
	padding:5px;
	border-top: solid 1px #FFF !important;
	border-bottom: solid 1px #CCCCCC !important;
}
		
		
.numeric_cell{
	color:#666666;
	font-size: 25px;
	font-weight: bold;
	text-align:center;
	background:url(../skin/grid_fixed.gif) #E0E0E0 repeat-x bottom;
}

.border_side{
	border-left: solid 1px #E6E6E6;
}

.nobg{ background: none !important; }
.nobg:hover{ background: none !important; }

	
/*---BARRA DE TITULO AZUL H1---*/

#h1_esq{
	background:url(../skin/h1.gif) top left no-repeat #FFF;
	height: 43px;
	width: 8px;
	float:left;
	position:relative;
}

#h1_dir{
	background:url(../skin/h1.gif) 0px -86px no-repeat #FFF;
	height: 43px;
	width: 8px;
	float:left;
	position:relative;
}

#h1_meio{
	background:url(../skin/h1.gif) 0px -43px repeat-x #FFF;
	height: 43px;
	float:left;
	position:relative;
	margin: 10px;
	margin-bottom:0px;
}

#h1_efeito{
	background:url(../skin/h1_efeito.gif) no-repeat top left;
	float:left;
	position:relative;
	min-width: 220px;
	height: 43px;
	width:714px;
}

/*--BARRA PRATA H2 ---*/

.h2_content{
	width: 721px;
	float:left;
	margin-top: 15px;
	margin-bottom: 15px;
}

.h2_esq{
	background:url(../skin/h2.gif) top left no-repeat;
	width: 10px;
	height: 43px;
	float: left;
}

.h2_dir{
	background:url(../skin/h2.gif) right -43px no-repeat;
	width: 10px;
	height: 43px;
	float: left;
}

.h2_mid_content{
	background:url(../skin/h2.gif) 0px -109px repeat-x;
	width: 700px;
	float: left;
	padding-top: 8px;
	
}

.h2_mid_left{
	width: 50%;
	height: 29px;
	float: left;
	text-align:left;
	padding-left: 5px;
}

.h2_mid_right{
	width: 48%;
	height: 29px;
	float: right;
	text-align:right;
	padding-right: 5px;
}

.h2_mid_arrow_effect{
	width: 100%;
	height: 23px;
	float: left;
	background:url(../skin/h2.gif) center -86px  no-repeat;
}

/*---BARRA AZUL H3 ---*/

.h3_esq{
	background:url(../skin/h3.gif) left top no-repeat #FFF;
	width: 77px;
	height: 27px;
	float:left;
}

.h3_mid{
	height: 27px;
	float:left;
	padding-top: 4px;
}

.h3_dir{
	background:url(../skin/h3.gif) left bottom no-repeat #FFF;
	width: 77px;
	height: 27px;
	float:right;
}

.h3_content{
	background:url(../skin/h3.gif) left center repeat-x;
	width: 721px;
	height: 27px;
	float:left;
	margin-bottom: 10px;
}

/*---BOTAO LARANJA PADRAO PARA LINKS---*/

.bt_padrao_esq{
	background:url(../skin/bt_default.gif) 0px 0px no-repeat;
	width: 23px;
	height: 23px;
	float: left;
	position:relative;
}

.bt_padrao_meio{
	background:url(../skin/bt_default.gif) 0px -23px repeat-x;
	height: 23px;
	text-align:center;
	float: left;
	position:relative;
}

	.bt_padrao_meio a{
		color:#FFFFFF !important;
		font-weight: bold !important;
		text-decoration: none !important;
		display:block;
		line-height: 20px;
		padding-left: 10px;
	}
	
		.bt_padrao_meio a:hover{
			color:#FFFF66 !important;
		}

.bt_padrao_dir{
	background:url(../skin/bt_default.gif) right -46px no-repeat;
	width: 15px;
	height: 23px;
	float: left;
	position:relative;
}

/*----BOTAO / BARRA LARANJA----*/

.btbar_light_esq{
	background:url(../skin/bts.gif) top left no-repeat;
	width: 10px;
	height: 27px;
	float: left;
}

.btbar_light_dir{
	background:url(../skin/bts.gif) 0px -54px no-repeat;
	width: 10px;
	height: 27px;
	float:left;
}

.btbar_light_mid{
	background:url(../skin/bts.gif) 0px -27px repeat-x;
	height: 27px;
	text-align:center;
	font-weight: bold;
	color:#FFFFFF;
	float:left;
}

	.btbar_light_mid p{
		margin: 0px;
		margin-top: 6px;
	}
	
	.btbar_light_mid form{
		margin: 0px;
		margin-top: 4px;
	}
	
/*----BOTAO / BARRA AZUL----*/

.btbar_dark_esq{
	background:url(../skin/bts.gif) 0px -81px no-repeat;
	width: 10px;
	height: 27px;
	float: left;
}

.btbar_dark_dir{
	background:url(../skin/bts.gif) left bottom no-repeat;
	width: 10px;
	height: 27px;
	float:left;
}

.btbar_dark_mid{
	background:url(../skin/bts.gif) 0px -108px repeat-x;
	height: 27px;
	text-align:center;
	font-weight: bold;
	color:#FFFFFF;
	float:left;
}

	.btbar_dark_mid p{
		margin: 0px;
		margin-top: 6px;
	}
	
	.btbar_dark_mid form{
		margin: 0px;
		margin-top: 4px;
	}
	
/*---BOTOES H1---*/
#botoes_h1{
	float: right;
}

#bt_perfil{
	background:url(../skin/bts_h1.gif) 0px -30px no-repeat;
	width: 88px;
	height: 30px;
	margin-top: 5px;
	margin-right: 5px;
	display: inline-block;
	color:#333333;
	font-weight: bold;
}

	#bt_perfil:hover{
		background-position: 0px 0px;
		color:#990000;
	}
	
#bt_perfil_clicado{
	background:url(../skin/bts_h1.gif) 0px 0px no-repeat;
	width: 88px;
	height: 30px;
	margin-top: 5px;
	margin-right: 5px;
	display: inline-block;
	color:#990000;
	font-weight: bold;
}



#bt_classes{
	background:url(../skin/bts_h1.gif) -88px -30px no-repeat;
	width: 106px;
	height: 30px;
	margin-top: 5px;
	margin-right: 5px;
	display: inline-block;
	color:#333333;
	font-weight: bold;
}

	#bt_classes:hover{
		background-position: -88px 0px;
		color:#990000;
	}
	
#bt_classes_clicado{
	background:url(../skin/bts_h1.gif) -88px 0px no-repeat;
	width: 106px;
	height: 30px;
	margin-top: 5px;
	margin-right: 5px;
	display: inline-block;
	color:#990000;
	font-weight: bold;
}

#bt_skills{
	background:url(../skin/bts_h1.gif) -194px -30px no-repeat;
	width: 104px;
	height: 30px;
	margin-top: 5px;
	display: inline-block;
	color:#333333;
	font-weight: bold;
}

	#bt_skills:hover{
		background-position: -194px 0px;
		color:#990000;
	}
	
#bt_skills_clicado{
	background:url(../skin/bts_h1.gif) -194px 0px no-repeat;
	width: 104px;
	height: 30px;
	margin-top: 5px;
	display: inline-block;
	color:#990000;
	font-weight: bold;
}

/*---BARRA DA PAGINACAO---*/

#paginacao_esq{
	background:url(../skin/bar_paginacao.gif) 0px 0px no-repeat;
	width: 50px;
	height: 32px;
	float: left;
	position:relative;
}

#paginacao_meio{
	background:url(../skin/bar_paginacao.gif) 0px -32px repeat-x;
	height: 32px;
	float: left;
	position:relative;
}

#paginacao_dir{
	background:url(../skin/bar_paginacao.gif) right bottom no-repeat;
	width: 50px;
	height: 32px;
	float: left;
	position:relative;
}