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

@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900); 
  
body,html {
	width: 100%;
	height: 100%;
	font-weight: 400;
	font-family: 'Roboto', sans-serif, 'Arial';
	color: #fff;
	font-size: 11px;
	background: #24282B;
	margin: 0;
	padding: 0;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
} 

::-webkit-scrollbar {
    height: 18px;
    width: 18px;
} 
/* Track */
::-webkit-scrollbar-track {
	background-color:#fff;
}
/* Handle */
::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px;
    border-radius: 10px;
	border:#fff 5px solid;
	background-color:#666; 
}::-webkit-scrollbar-thumb:hover{ 
	background-color:#24282B; 
}

a{text-decoration: none}
b{ font-weight: 700 }
hr{border:none; height: 1px; background: #ccc}

/* HEADER */

#titulo{
	position: fixed;
	top:0;
	width: 600px;
	font-size: 24px;
	font-weight: 200;
	text-align: center;
	left: 0; 
	right: 0;
	margin: 0 auto;
	z-index: 5;
	padding: 10px;
}

#topo {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	height: 50px;
	background: #32383A;
	z-index: 6;
	display: table;
}

.menu_bt {
	width: 12.5%;
	height: 50px;
	color: #939799;
	text-align: center;
	cursor: pointer;
	border-right: #24282B 1px solid;
	display:table-cell;
	vertical-align: middle;
	padding: 0 10px;
	line-height: 15px
}

.menu_bt:hover { color:#fff }

.menu_select {
	color: #fff;
	font-weight: 700;
	border: 1px #24282B solid;
	background: #24282B;
	letter-spacing: 1px;
}

#pular {
	width: 150px;
	padding: 5px 0;
	text-align: center;
	background: #B2BFBD;
	color: #32383A;
	font-weight: 700;
	border-radius: 20px;
	position: fixed;
	bottom: 75px;
	left: 0;
	right: 0;
	margin: 0 auto;
	cursor: pointer;
	z-index: 3;
}

#reload_intro{
	position: absolute;
	left: 24px;
	top: 14px;
	cursor: pointer;
	width: 22px;
	height: 22px;
}

#play_pause{
	position: absolute;
	right: 24px;
	top: 14px;
	cursor: pointer;
	width: 20px;
	height: 20px;
}

/* MAPA */

#mapa{
	background-color:#24282B;
	position: relative;
	cursor: pointer;
} 

#mapa_porcento{
	display: none;
	width: 90px;
	height: 35px;
	padding-top: 12px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	pointer-events: none;
}

#box{
	position: absolute;
	top: 600px;
	left: 750px; 
	width: 1px;
	height: 1px;
	z-index: 1;
	line-height: 16px;
	color: #24282B;
	display: none;
	font-weight: 400;
}
 

#box_resultado{ font-weight: 700;}
#box_subresultado{ font-weight: 700;}

#box_seta{
	position: absolute;	
	top: 15px;
	width: 7px;
	height: 9px;
}

.box_dir #box_seta{ 
	background-image: url(_layout/box_seta_dir.png);
	right: -7px;
}

.box_esq #box_seta{
	left: -7px;
	background-image: url(_layout/box_seta_esq.png);
}

#box_dados{
	padding: 13px;
	background: #fff;
	position: relative;
	top: -20px;
	width: 250px;
	border-radius: 4px;
}

.box_esq{right: -12px}
.box_dir{left: -262px}

#box_resultado{ 
	font-weight: 700;
	text-transform: uppercase;
}

#box_dados img{
	position: absolute;
	top: -5px;
	right: -5px;
}


#popup{
	position: fixed;
	right: 15px;
	bottom: -70px; 
	z-index: 10;
}

#popup_x{
	position: absolute;
	top: -5px;
	right: -5px;
	cursor: pointer;
	z-index: 11
}

#popup_lb{
	font-weight: 700;
	color: #fff;
	width: 100%;
	height: 100%;
	text-align: center;
	padding: 25px 45px; 
	font-size: 14px;
	cursor: pointer;
	background: #FF8555;
	border-radius: 3px;
}
#popup_lb:hover{
	color: #333;
	background: #fff;
}


/* DADOS */

.bt_painel{
	position: fixed;
	top: 0;
	bottom: 0;
	margin: auto 0;
	width: 28px;
	height: 28px;
	border-radius: 20px;
	z-index: 5;
	cursor: pointer;
	background-position: center;
	border:#24282B 4px solid;
}

.bt_painel.off{
	background-color: #666;
}

#bt_painel_esq{
	left: -30px;
	background-image: url(_layout/mais.png);
	background-color: #fff
}

#bt_painel_dir{
	right: -30px;
	background-image: url(_layout/mais.png);
	background-color: #FF8555
}


#painel{
	height: 230px;
	position: fixed;
	left: -450px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	z-index: 1;
	font-size: 15px; 
	line-height: 23px; 
	color: #ccc;
	pointer-events: none;
	letter-spacing: .1px;
}

.painel_lb_total{
	color: #939799;
	font-size: 10px;
	background: #24282B;
	padding: 2px 4px;
	display: inline-block;
	margin-right: 10px;
	cursor: pointer;
	font-weight: 700;
}

.painel_lb{
	color: #939799;
	font-size: 11px;
	background: #24282B;
	padding: 2px 4px;
	display: inline-block;
	margin-right: 10px;
	cursor: pointer;
}

.grupo_titulo{ 
	display: inline-block;
	font-weight: 300;
	font-size: 15px; 
	letter-spacing: 1px;
	background: #24282B;
	padding: 7px 5px;
	color: #fff;
	clear: both;
	margin-right: 10px;
	letter-spacing: .1px;
	cursor: pointer;
}

.bn{ background: none}

.painel_lb:hover{ background-color:#fff; color: #24282B; } 
.grupo_titulo:hover{  background-color:#fff; color: #24282B; } 

.julgados{
	background: #24282B;
	color: #666;
	padding: 3px 8px 2px 8px;
	display: inline-block;
	margin-right: -5px;
	z-index: 5;
	position: relative;
} 

#grupo_limite{
	width: 410px;
	height: 185px;
	border:#444 1px solid;
	border-radius: 10px;
	position: absolute;
	top: 8px;
	right: -15px;
	background: rgba(36,40,43,.8);
}

.julgados2{
	color: #aaa;
	font-size: 10px;
}

.sep{	
	border-bottom:#555 1px solid;
	margin: 0;
}
 
.sep2{	
	border-bottom:#ddd 1px solid;
	margin: 0;
	margin-bottom: 10px;
}

.painel_tx{
	background: #24282B;
	display: inline-block;
	padding: 0 4px;
	font-weight: 300;
	pointer-events: auto;
}

.painel_div{
	height: 25px;
}

li.painel_dado{
	margin-bottom: 0;
}

.ou{
	font-size: 11px;
}

.painel_dado_n{ font-weight: 700; }

.tipo{
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 11px;
	font-weight: 300;
}

#dado_resultado_leg{
	font-size: 11px;;
	color: #fff;
	position: absolute;
	top: 40px;
	left: 0;
	background: #24282B;
	padding: 3px 4px 2px 4px;
}  
 
#contador{
	width: 100%;
	height: 60px;
	text-align: center;
	color: #fff;
	font-size: 55px;
	font-weight: 100;
	position: fixed;
	top: 0;
	bottom: 0;
	margin: auto 0;
	line-height: 60px;
	pointer-events: none;
}

/* HISTORIAS */
 

#historias{
	position: fixed;
	left:0;
	right: 0;
	margin: 0 auto;
	bottom: -110px;
	width: 210px;
	z-index: 3;
	text-align: center;
	background: #32383A;
	border-radius: 20px;
	font-size: 10px;
	color: #939799;
} 

#historias_lb{ 
	padding: 8px;
	display: inline-block;
}
 
#historias_navega{
	display: inline-block;
	height: 100%;
	overflow: hidden;
	position: relative;
	top: 10px;
}

#historias_navega li{
	display: inline;
	font-size: 28px;
	position: relative;
	bottom: 1px;
	padding: 0 2px;
	opacity: .2;
	cursor: pointer;
}

#historias_navega li:hover{
	opacity: .5;
}

#historias_navega li.select{ 
	opacity: 1;
	color: #FF8555;
}

#historias_navega li.select:hover{
	opacity: 1;
}

#historias_navega .select{
	opacity: 1;
}


 
/* LISTAS */

.lista{
	position: fixed;
	left: -300px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	width: 300px;
	z-index: 0;
}

.lista_bt{
	padding: 10px;
	border-radius: 3px;
	margin-top: 5px;
	font-weight: 100;
	font-size: 19px;
	cursor: pointer;
	background: #32383A;
	color: #939799;
	position: relative;
}
.lista_bt:hover{ background: #24282B }

.lista_bt_select{
	background: #fff;
	color: #24282B;
	padding: 10px;
	border-radius: 3px;
	margin-top: 5px;
	font-weight: 100;
	font-size: 19px;
	cursor: pointer;
	position: relative;
}


#remover_bt{
	width: 130px;
	padding: 5px 15px;
	position: absolute;
	right: -7px;
	top: -40px;
	cursor: pointer;
	text-align: left;
	background: #B2BFBD;
	color: #32383A;
	border-radius: 20px;
	font-size: 10px;
	background-image: url(_layout/remover.png);
	background-repeat: no-repeat;
	background-position: right;
	display: none;
}

/* HELP */

#help_bt{
	width: 110px;
	padding: 5px 15px;
	position: absolute;
	right: -7px;
	bottom: -40px;
	cursor: pointer;
	text-align: left;
	background: #B2BFBD;
	color: #32383A;
	border-radius: 20px;
	font-size: 10px;
	background-image: url(_layout/help.png);
	background-repeat: no-repeat;
	background-position: right;
}

#help{
	width: 50%;
	max-width: 400px;
	height: 60%; 
	position: fixed;
	top: 0;
	bottom: 0;
	margin: auto 0;
	right: -400px;
	z-index: 5;
	border-radius: 4px;
}
	
#help_x{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	cursor: pointer;
}

#help_tx{
	width: 100%;
	height: 100%; 
	padding: 33px;
	overflow: auto;
	background: #fff;
	color: #24282B;
	text-align: left;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 4px;
	border: 4px #fff solid;
}

.tab{
	border-left: 10px #fff solid;
}

/* LISTA RESULTADOS */

.titulo_tx{
	font-weight: 700;
	margin-top: 20px;
}

#painel_resultados{
	position: fixed;
	right: -420px;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 2;
	height: 320px; 
	text-align: right;
}	

.bola_resultado{
	width: 6px;
	height: 6px;
	position: absolute;
	top: 11px;
	right: -1px;
	border-radius: 4px;
}

.bola_resultado2{
	width: 4px;
	height: 4px;
	position: absolute;
	top: 12px;
	right: 0;
	background: #666;
	border-radius: 10px;
}

.bola_vazia{ background:#939799 } 

.resultado{
	margin-top: 10px;
	position: relative; 
}

/* TIMELINE */

#base {
	position: fixed;
	bottom: -70px;
	left: 0;
	background: #32383A;
	height: 50px;
	width: 100%;
	z-index: 1;
}


#timeline {
	width: 900px;
	height: 50px;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
}

#slider { 
	position: absolute;
	top: -11px;
	left: 0;
	width: 110px; 
	border-radius: 10px;
	background: #B2BFBD;
	color: #32383A;
	text-align: center;
	padding: 6px 0 4px 0;
	cursor: ew-resize;
}

#mes {
	font-weight: 900;
	color: #24282B;
}

#slider img {
	position: absolute;
	top: 20px;
	left: 47px;
}

#timeline_lbs {
	width:793px;
	height: 12px;
	position: absolute;
	top: 20px;
	left: 0;
	right: 0;
	margin: 0 auto;
	color: #939799;
	border-left:1px #444 solid;
} 

.tl_mes {
	width: 66px;
	display: inline-block;
	text-align: center;
	border-right:1px #444 solid;
}


/*/////////////////////////////////// PAGINAS DE TEXTO /////////////////////////////////////////*/
 
 
.container{	
	margin: 0 auto;
	padding: 0 20px;
	padding-top: 150px;
	font-size: 15px;
	line-height: 20px;
	font-weight: 300;
	padding-bottom: 70px;
	-webkit-user-select: text ;
	-khtml-user-select: text ;
	-moz-user-select: text ;
	-ms-user-select: text ;
	user-select: text ;
}

#tool_tip{
	position: fixed;
	background: #FF8555;
	color: #fff;
	padding: 10px 15px;
	max-width: 300px;
	line-height: 15px;
	font-size: 12px;
}

.versalete{
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	color: #fff;
}

#material_grafico{
	position: relative;
	width: 720px;
	font-size: 10px;
	color: #fff;
	margin: 0 auto;
	padding: 0 20px;
	font-weight: 300;
	padding-bottom: 100px;
}

.cartaz{
	margin-bottom: 50px;
}

.banner{
	display: block;
	margin-bottom: 10px;
	margin-right: 10px;
	float: left;
	width: 330px;
}.banner img{width:100%; margin-bottom: 5px; 
	border: #404040 1px solid;}

#cartaz_tb{
	border: #404040 1px solid;
}

.banner:link{color: #FF8555;}
.banner:hover{color: #FF8555; text-decoration: underline}
.banner:active{color: #FF8555;}
.banner:visited{color: #FF8555;}



#panela_tx{
	position: absolute;
	right: 0;
	width: 50%;
	color: #999;
}

.bt_download{
	position: absolute;
	right: 20px;
	width: 300px;
	text-align: center;
	padding: 20px;
	border-radius: 4px;
	background: #FF8555;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
	background-image: url(_layout/download.png);
	background-position: left;
	background-repeat: no-repeat;
	display: block;
}
.bt_download:hover{
	background: #fff;
	color: #FF8555;
	background-image: url(_layout/download2.png);;
	background-position: left;
	background-repeat: no-repeat;
}

#bt_banners { left: 0; right: 0; margin: auto;  }
#bt_pdf{ top: 210px; }
#bt_jpg{ top: 270px; }

.nota{
	font-size: 11px;
}

.clear{clear: both}

.itens{
	list-style-type:disc;
	list-style-position: inside;
	margin-bottom: 20px;
}
.itens li{
	padding-left: 10px;
}

.itens2{
	list-style-type:disc;
	list-style-position: inside;
	margin-bottom: 20px;
	color: #939799;
}
.itens2 li{
	padding-left: 10px;
}

.col_simples{
	width: 720px;
} 

.col_dupla{
	width: 900px;
}

.col_dupla1{
	position: fixed;
	top: 150px;
}

.col_dupla2{
	float: right;
	width: 640px;
}

.col_dupla2 img{
	width: 100%;
}

#submenu{
	width: 170px;
	position: relative;
	z-index: 0;
}

.bg_videos{
	background: #24282B;
	position: relative;
	z-index: 1;
}

.submenu_bt{	
	font-size: 12px;
	font-weight: 400;
	color: #939799;
	cursor: pointer;
	line-height: 18px;
	margin-bottom: 8px;
}

#video_apresentacao{
	width: 100%;
	padding-top:56.4%; 
	position: relative;
	border:#444 1px solid;
	overflow: hidden;
}

#video_lg{
	width: 50%;
	float: right;
	font-size: 11px;
	margin-bottom: 10px;
	text-align: right;
	font-weight: 300
}

#video_lg li{
	display: inline-block;
	margin-left: 5px;
	opacity: .3;
	cursor: pointer;
}

#video_lg li:hover{
	opacity: 1;
}

#video_lg li.selected{
	opacity: 1;
	color: #FF8555;
}

#video_apresentacao iframe{
	position: absolute;
	top: 0;
	left: 0;
}

#embed{
	width: 100%;
	height: 50px;
	padding: 10px;
	overflow: hidden;
	color: #fff;
	background:#32383A;
	border: none;
	resize:none;
	outline: none;
	color: #939799;
}

.submenu_bt:hover{ text-decoration: none; color: #fff; }

.container a{color: #FF8555; text-decoration: none;}
.container a:hover{text-decoration: underline; }


.container p{margin-bottom: 20px; color: #939799; letter-spacing: .2px; position: relative;}

strong{
	color:#fff;
	font-weight: 400
}

.titulo{ 
	font-weight: 500;
	font-size: 18px;
	margin-bottom: 20px;
}

.subtitulo{ 
	font-weight: 500;
	margin-bottom: 10px;
	font-size: 12px;
}

.foto_g{
	margin: 20px 0;
	width: 100%;
}.foto_g img{ width: 100%;}

.foto_esq{
	margin: 10px 30px 10px 0;
	float: left;
	text-align: left;
}

.foto_dir{
	margin: 10px 0 10px 30px;
	float: right;
	text-align: right;
}

.legenda{
	font-size: 10px;
	color: #888;
	text-align: right;
	width: 100%;
	display: block;
}

.tl{ text-align: left; }

footer{ 
	background: #32383A;
	padding: 80px 0;
	width: 100%;
}

#footer_logos{
	width: 500px;
	margin: 0 auto;
	display: table;
}

#footer_logos a, #logos a{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#logos{
	width: 320px;
	height: 50px;
	position: fixed;
	left: 30px;
	bottom: -100px;
	display: table;
}

#logo_sdp{ width: 120px;}
#logo_cesec{ width: 80px;}
#logo_osf{ width: 120px;} 

#logos #logo_sdp{ width: 100px;}
#logos #logo_cesec{ width: 70px;}
#logos #logo_osf{ width: 100px;}

/* ajustes */

.vermelho{ color: #FF8555 }
.branco{ color: #fff }
.bege{ color: #FFF1E1 }
.cinza{color: #939799 } 

.bg_branco{ background-color: #fff }
.bg_bege{ background-color: #FFF1E1 }
.bg_vermelho{ background-color: #FF8555 }
.bg_cinza{ background-color:#666 } 

.mb0{margin-bottom: 0}
.pb0{padding-bottom: 0}
.mt0{margin-top: 0}
.mt10{margin-top: 10px}
.mt40{margin-top: 40px}
.mt30{margin-top: 30px}
.mt20{margin-top: 20px}
.bold{ font-weight: 700 }
.pointer{cursor: pointer}