@font-face {
    font-family: font_padrao;
    src: url(fonts/HelveticaRounded-BoldCond.woff);
    font-weight: bold;
}

body {
    margin: 0px;
    padding: 0px;
    background-color: #FFFFFF;
    background-image: url("../img/FundoGeral_OleConsignado.jpg");
}

a{outline:none;}
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a.over { text-decoration: none; }


#alinhamento-central {
    position: absolute;
    display: block;
    width: 970px;
    height: 630px;
    top: 50%;
    left: 50%;
    overflow: hidden;
    -moz-box-shadow: 0 0 10px 10px #C0C0C0;
    -webkit-box-shadow: 0 0 10px 10px #C0C0C0;
    box-shadow: 0 0 10px 10px #C0C0C0;
    margin: -315px -485px;
    border: 0px;
}

#pagina {
    display: block;
    width: 100%;
    height: 630px;
    position: relative;
}

#hint{z-index:100;}

#hintBotaoFechar{z-index:120;}

#alpha{
	position:absolute;
	display:none;
	
	background-color:#000;
	
	opacity:0.8;
	filter(opacity): 80;
	
	top:0px;
	left:0px;
	width:970px;
	height:630px;
	
	z-index:100;	
}

#popup{
	position:absolute;
	display:none;
	
	top:0px;
	left:0px;
	
	width:970px;
	height:630px;
	
	z-index:101;	
}

#botaoFecharPopup{
	position:absolute;
	display:none;
	
	top:60px;
	left:800px;
	
	width:31px;
	height:31px;
		
	z-index:102;	
}

/*-------------------------------------------------------------------*/

#barra-menu{
	display:block;
	position:absolute;
	bottom:-60px;
	left:0px;
	width:970px;
	height:44px;
	/*filter:alpha(opacity=0);
    opacity:0;*/
}

#info-telas{
	display:block;
	position:absolute;
	bottom:20px;
	left:20px;
	width:150px;
	height:33px;
	background-image:url(../img/_menu/barra_telas.png);
	background-repeat:no-repeat;
	width:150px;
	height:33px;
}

#botao-legenda{
	display:block;
	position:absolute;
	bottom:19px;
	left:225px;
	width:36px;
	height:36px;
	cursor:pointer;
}

#botao-audio{
	display:block;
	position:absolute;
	bottom:19px;
	left:185px;
	width:36px;
	height:36px;
	cursor:pointer;
}

#botao-rever{
	display:block;
	position:absolute;
	bottom:9px;
	right:150px;
	width:46px;
	height:46px;
	cursor:pointer;
}

#botao-menu{
	display:block;
	position:absolute;
	bottom:8px;
	right:205px;
	width:46px;
	height:46px;
	cursor:pointer;
}

#botao-voltar{
	display:block;
	position:absolute;
	bottom:5px;
	right:80px;
	width:56px;
	height:55px;
	cursor:pointer;	
}

#botao-avancar{
	display:block;
	position:absolute;
	bottom:5px;
	right:20px;
	width:56px;
	height:55px;
	cursor:pointer;
}

#num_paginas{
	position:absolute;
	top:4px;
	left:81px;
	font-family:"font_padrao";
	font-size:20px;
	color:#F9F2F7;	
}

#total_paginas{
	position:absolute;
	top:4px;
	left:124px;
	font-family:"font_padrao";
	font-size:20px;
	color:#F9F2F7;	
}

/*#apertaTecla{
	position:absolute;
	bottom:0px;
	right:0px;
	z-index:0;
	border:none;
	background:none;
	width:0px;
	height:0px;
}*/


#apertaTecla{
	position:absolute;
	bottom:15px;
	left:400px;
	z-index:0;
	border:solid 1px #FF0000;;
	background:none;
	width:15px;
	height:20px;
	z-index:200;
}

/************************css comum nas telas*********************/

#area {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

#fundo{
	display: none;
	position:absolute;
	top:0px;
	left:0px;
	z-index:0;
}

#botaoAudio {
	display:none;
	position:absolute;
	top:20px;
	left:20px;
	cursor: pointer;
	z-index:90;		
}

#tela {
    display: block;
    position: absolute;
    width: 970px;
    height: 630px;
    top: 0px;
    left: 0px;
    z-index: 10;
}

#toca_audio {
    position: absolute;
    display:block;    
    visibility: hidden;
}

#marca{display: none; position:absolute; top:30px; left:60px;}

#barraTitulo{position:absolute;left:970px;top:0;z-index:8}

#tituloTela{display: none;position:absolute;left:0px;top:0;z-index:10}

.invisivel{
display:none;	
position:absolute;
top:0px;
left:0px;
}

.clique_ativo{
	cursor:pointer;
	z-index:20;
}

#balao_tela{
position:absolute;
bottom:50px;
left:200px;
display:none;	
}

#fundo_menu{
position:absolute;
bottom:50px;
right:230px;
display:none;	
background-color:#630E3F;
opacity:0.8;
text-align:center;
font:15px;
color:#FFF;
font-family:Tahoma, Geneva, sans-serif;
width:250px;
padding:10px;
height:218px;
font-weight:bold;
}

#itens_menu{
position:absolute;
width:250px;
bottom:40px;
right:240px;	
display:none;
}

#itens_menu li{
	cursor:pointer;
	background-color:#630E3F;
	opacity:0.8;
	color:#FFF;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	text-align:center;
	list-style:none;
	margin:5px auto;
	padding:5px 0px;
font-weight:bold;
}

#itens_menu li:hover{
	background-color:#3F0023;
}

#itens_menu li.menu_inativo{
background-color: #ccc;
color: #333;
font-weight:normal;	
cursor:default;
}


/****************************popup paginacao**********************/
#popup_paginacao{
	position:absolute;
	display:none;
	
	top:0px;
	left:0px;
	
	width:970px;
	height:630px;
	
	z-index:101;	
}

#caixa_paginacao{
	left: 0px;
    position: absolute;
    top: 0px;
}

#voltar_paginacao{
	left: 100px;
    position: absolute;
    top: 535px;
	cursor:pointer;
	display:none;
}

#avancar_paginacao{
	cursor: pointer;
    left: 150px;
    position: absolute;
    top: 535px;
}

#botaoFecharPopup_paginacao{
	position:absolute;
	display:none;
	
	top:60px;
	left:800px;
	
	width:31px;
	height:31px;
		
	z-index:102;	
}



/****************************popup paginacao**********************/
#popup_texto{
	position:absolute;
	display:none;
	
	top:0px;
	left:0px;
	
	width:970px;
	height:630px;
	
	z-index:101;	
}

#fundo_pop_texto{
	left: 0;
    position: absolute;
    top: 0;
}


#texto_popup{
    height: 480px;
    left: 195px;
    position: absolute;
    top: 75px;
    width: 575px;
	padding-right:10px;
	text-align:justify;
	font-size:14px;
	color:#000;
	overflow-y:auto;
}

#botaoFecharPopup_texto{
	position:absolute;
	display:none;
	
	top:60px;
	left:800px;
	
	width:31px;
	height:31px;
		
	z-index:102;	
}



/****************************popup paginacao**********************/
#popup_video{
	position:absolute;
	display:none;
	
	top:0px;
	left:0px;
	
	width:970px;
	height:630px;
	
	z-index:101;	
	background-image:url(../img/_itensTelas/caixa_popup_video.png);
}

#fundo_pop_video{
	left: 80px;
    position: absolute;
    top: 80px;
	border:solid 5px #FFFFFF;
	width:800px;
	height:450px;
}


#botaoFecharPopup_video{
	position:absolute;
	display:none;
	
	top:60px;
	left:800px;
	
	width:31px;
	height:31px;
		
	z-index:102;	
}