@charset "UTF-8";

*{
	list-style: none;
	padding:0;
	margin:0;
	text-decoration: none;
	  scrollbar-base-color: rgba(0,0,0,0);
  scrollbar-base-color: rgba(0,0,0,0);
  scrollbar-3dlight-color: rgba(0,0,0,0);
  scrollbar-highlight-color: rgba(0,0,0,0);
  scrollbar-track-color: rgba(0,0,0,0);
  scrollbar-arrow-color: rgba(0,0,0,0);
  scrollbar-shadow-color: rgba(0,0,0,0);
  scrollbar-dark-shadow-color: rgba(0,0,0,0);

}


body{
	overflow: hidden;
}
/* Let's get this party started */


::-webkit-scrollbar { width: 0px; }
::-webkit-scrollbar-button {  display: none;}
::-webkit-scrollbar-track {  display: none;}
::-webkit-scrollbar-track-piece { display: none;}
::-webkit-scrollbar-thumb { display: none;}
::-webkit-scrollbar-corner { background-color: #999;}}
::-webkit-resizer { display: none;}

@-moz-document {
scrollbar {
   -moz-appearance: none !important;
   background: rgba(0,255,0,0) !important;
}
thumb,scrollbarbutton {
   -moz-appearance: none !important;
   background-color: rgba(0,0,255,0) !important;
}
 
thumb:hover,scrollbarbutton:hover {
   -moz-appearance: none !important;
   background-color: rgba(255,0,0,0) !important;
}
 
scrollbarbutton {
   display: none !important;
}
 
scrollbar[orient="vertical"] {
  width: 0px !important;
  display: none
}

scrollbar[orient="horizontal"] {
  height: 10px !important;
  display: none
}
}

/**************************** HEADER ****************************/

#mais{
	position: absolute;
	right:10px;
	top:20px;
	font: 10px "georgia",serif;
	text-align: center;
	line-height: 14px;
	width: 50px;
	font-weight: bold;

}



#title{
   	margin: 0 auto;
   	width: 100%;
   	height: 30px;
   	padding-top: 80px;
	font:30px "helvetica",sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;

}

#tab_name{
	position: absolute;
	bottom: 510px;
   	margin: 0 auto;
   	width: 100%;
   	height: 30px;
	font:8px "helvetica",sans-serif;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 4px;
	font-weight: bold;


}

/**************************** ARQUIVO ****************************/
#arquivo{
	width: 100%;
	height: 100%;
	background: #000;
	color:#FFF;
	position: relative;

}

#arquivo a{
	color:#FFF;
}

#arquivo #scroll_container{
	position: absolute;
	left: 0;
	bottom:10px;
	width: 100%;
	height: 500px;
	border-top: 1px solid #fff;
	overflow: hidden;
	}

#arquivo #scroll_content{
	width: 1780px;
	height: 500px;
	overflow-x: hidden;

	}



/**************************** ARQUIVO ****************************/
/**************************** INFORMAÇÃO ****************************/


#arquivo #scroll_container .informacao{
	width: 180px;
	height: 400px;
	margin-top: 30px;
	margin-left: 30px;
	padding:0px 10px 0px 10px;
	float: left;
	border-top: 12px solid #FFF; 
}

#arquivo #scroll_container .informacao ul{
	width: 180px;
	list-style: none;
	text-align: center;
	padding: 0;
	margin: 0;
}

#arquivo #scroll_container .informacao .nome{
	padding-top: 15px;
	font: 17px "georgia",serif;
	line-height: 17px;
	font-weight: bold;

}

#arquivo #scroll_container .informacao .apelido{
	font: 17px "georgia",serif;
	line-height: 17px;
	font-weight: bold;

}

#arquivo #scroll_container .informacao .area{
	font: 11px "helvetica",sans-serif;
	line-height: 17px;
	font-weight: bold;
}


#arquivo #scroll_container .informacao .info{
	padding-top: 25px;
	font: 10px "georgia",serif;
	line-height: 17px;
	font-weight: bold;
}


#arquivo #scroll_container .informacao .descricao{
	font: 17px "georgia",serif;
	line-height: 17px;
	font-weight: bold;

}


#arquivo #scroll_container .informacao .pdf{
	padding-top: 15px;
	font: 10px "georgia",serif;
	line-height: 17px;
	font-weight: bold;
}

/**************************** ARQUIVO ****************************/
/**************************** VIDEO ****************************/


#arquivo #scroll_container .video{
	height: 440px;
	margin-top: 30px;
	margin-left: 30px;
	float: left;

}

#arquivo #scroll_container .video iframe{
	width: 783px;
	height: 440px;
}





/**************************** ARQUIVO ****************************/
/**************************** ANTIGOS ****************************/

#arquivo #scroll_container .antigos{
	height: 440px;
	width:auto;
	margin-top: 30px;
	margin-left: 20px;
	padding: 0px 10px 0 10px;
	float: left;
	-webkit-column-width:   165px;
    -moz-column-width:      165px;
    -o-column-width:        165px;
    -ms-column-width:       165px;
    column-width:           165px;

} 

#arquivo #scroll_container .antigos {
	height: 440px;
}

#arquivo #scroll_container .antigos .ordem{
	width:150px;
	height:98px;
	border-top: 12px solid #FFF; 
	text-align: center;
}

#arquivo #scroll_container .antigos .ordem p{
	font: 10px "Georgia",serif;
	line-height: 14px;
	font-weight: bold;
}
#container1,{
}

#container2, #container3, #container4 {
  display:none;

}

#arquivo #scroll_container .antigos .conversadores{
	width:150px;
	height:98px;
	border-top: 12px solid #FFF; 
	text-align: center;
	display:block;

}


#arquivo #scroll_container .antigos .nome{
	padding-top: 14px;
	font: 17px "Georgia",serif;
	line-height: 17px;
	font-weight: bold;

}

#arquivo #scroll_container .antigos .apelido{
	font: 17px "Georgia",serif;
	line-height: 17px;
	font-weight: bold;

}

#arquivo #scroll_container .antigos .extra{
	font: 9px "Georgia",serif;
	padding-top:2px;
	line-height: 14px;
	font-style: italic;
}


#arquivo #scroll_container .antigos .area{
	font: 10px "helvetica",sans-serif;
	line-height: 17px;
	font-weight: bold;
}



#arquivo #next{
	position: absolute;
	left: 0;
	bottom:0;
	width:100%;
	height:10px;
	background: #F00;
	z-index:100;
	cursor: s-resize;
}

/**************************** FIM * ARQUIVO ****************************/









/**************************** SOBRE ****************************/

#sobre{
	width: 100%;
	height: 100%;
	background: #F00;
	color:#000;
	position: relative;
}

#sobre #prev{
	position: absolute;
	left: 0;
	top:0;
	width:100%;
	height:10px;
	background: #000;
	z-index:120;
	cursor: n-resize;
}

#sobre a{
	color:#000;
}

/**************************** SOBRE ****************************/
/**************************** CONTENT ****************************/

#sobre #scroll_container{
	position: absolute;
	left: 0;
	bottom:10px;
	width: 100%;
	height: 500px;
	border-top: 1px solid #000;
	overflow-y: hidden; 
	overflow-x: hidden; 
	}


#sobre #scroll_content{
	width: 2320px;
	height: 500px;
	overflow-y: hidden; 
	overflow-x: hidden; 

}



#sobre #scroll_container #scroll_content .txt_sobre{
	width:900px;
	height:440px;
	font:27px "georgia",serif;
	line-height: 32px;
	font-weight: bold;
	margin: 20px 0px 0px 30px;
	text-align: left; 
	float: left;
}

#sobre #scroll_container #scroll_content .txt_sobre p{
	word-break: normal;
}


/**************************** SOBRE ****************************/
/**************************** PROXIMA EDICAO ****************************/

#sobre #scroll_container #scroll_content .proxima_edicao{
	width: 977px;
	height:440px;
	border-top: 12px solid #000; 
	margin: 30px 0 30px 30px;
	float: left;
	
}

#sobre #scroll_container #scroll_content .proxima_edicao ul{
	list-style: none;
	
}

#sobre #scroll_container #scroll_content .proxima_edicao .informacao{
	width:150px;
	padding: 0 10px 0 10px;
	margin-right: 10px;
	height:400px;
	text-align: center;
	float: left;
}

#sobre #scroll_container #scroll_content .proxima_edicao .titulo{
	padding-top: 15px;
	font: 17px "georgia",serif;
	font-weight: bold;
	line-height: 17px;
}

#sobre #scroll_container #scroll_content .proxima_edicao .n_edicao{
	padding-top: 15px;
	font: 10px "georgia",serif;
	line-height: 14px;

}

#sobre #scroll_container #scroll_content .proxima_edicao .local{
	font: 10px "georgia",serif;
	line-height: 14px;
	font-weight: bold;

}

#sobre #scroll_container #scroll_content .proxima_edicao .orador-titulo{
	padding-top: 15px;
	font: 10px "georgia",serif;
	line-height: 14px;

}

#sobre #scroll_container #scroll_content .proxima_edicao .orador{
	font: 10px "georgia",serif;
	line-height: 14px;
	font-weight: bold;
}

#sobre #scroll_container #scroll_content .proxima_edicao .chegar-titulo{
	padding-top: 30px;
	font: 10px "georgia",serif;
	line-height: 14px;
}

#sobre #scroll_container #scroll_content .proxima_edicao .chegar{
	font: 10px "georgia",serif;
	line-height: 14px;
	font-weight: bold;
}


#sobre #scroll_container #scroll_content .proxima_edicao .mapa{
	width:700px;
	height:425px;
	background: #000;
	float: left;
	margin-top:10px;
}

#sobre #scroll_container #scroll_content .proxima_edicao .mapa img{
	
	height:425px;
}


/**************************** SOBRE ****************************/
/**************************** INFORMAÇÃO ****************************/


#sobre #scroll_container #scroll_content .aprensa{
	width:320px;
	height:440px;
	text-align: center;
	float: left;
	margin: 30px 0 25px 30px;

}

#sobre #scroll_container #scroll_content .organizacao{
	width:320px;
	height:225px;
	border-top: 12px solid #000; 
	text-align: center;
	float: left;
}

#sobre #scroll_container #scroll_content .organizacao ul{
	list-style: none;	
}

#sobre #scroll_container #scroll_content .organizacao .titulo{
	padding-top: 15px;
	font: 17px "georgia",serif;
	font-weight: bold;
	line-height: 17px;	
}

#sobre #scroll_container #scroll_content .organizacao .sub-titulo{
	font: 10px "helvetica",sans-serif;
	line-height: 14px;
}

#sobre #scroll_container #scroll_content .organizacao .texto{
	padding: 15px 10px 0 10px;
	font: 17px "georgia",serif;
	font-weight: bold;
	line-height: 17px;	
}

#sobre #scroll_container #scroll_content .organizacao .social{
	padding-top: 15px;
	font: 10px "georgia",serif;
	font-weight: bold;
	line-height: 14px;	
}

#sobre #scroll_container #scroll_content .equipa{
	width:150px;
	height:225px;
	border-top: 12px solid #000; 
	text-align: center;
	float: left;
	margin-top: 15px;
}

#sobre #scroll_container #scroll_content .equipa ul{
	list-style: none;
	font: 10px "georgia",serif;
	font-weight: bold;
	line-height: 14px;	
}

#sobre #scroll_container #scroll_content .equipa .titulo{
	padding-top: 10px;
	font: 10px "georgia",serif;
	line-height: 14px;	
}


#sobre #scroll_container #scroll_content .apoios{
	width:150px;
	height:225px;
	border-top: 12px solid #000; 
	text-align: center;
	float: left;
	margin-top: 15px;
	margin-left: 20px;
}

#sobre #scroll_container #scroll_content .apoios ul{
	list-style: none;
	font: 10px "georgia",serif;
	font-weight: bold;
	line-height: 14px;	
}

#sobre #scroll_container #scroll_content .apoios .titulo{
	padding-top: 10px;
	font: 10px "georgia",serif;
	line-height: 14px;	
}




#sobre #next{
	position: absolute;
	left: 0;
	bottom:0;
	width:100%;
	height:10px;
	background: #FFF;
	z-index:120;
	cursor: s-resize;
}


/**************************** GAZETA ****************************/

#gazeta{
	width: 100%;
	height: 100%;
	background: #FFF;
	color:#000;
	position: relative;
}

#gazeta #prev{
	position: absolute;
	left: 0;
	top:0;
	width:100%;
	height:10px;
	background: #F00;
	z-index:120;
	cursor: n-resize;
}

#gazeta a{
	color:#000;
}



/**************************** GAZETA ****************************/
/**************************** CONTENT ****************************/

#gazeta #scroll_container{
	position: absolute;
	left: 0;
	bottom:10px;
	width: 100%;
	height: 500px;
	border-top: 1px solid #000;
	overflow-y: hidden; 
	overflow-x: hidden; 
}


#gazeta #scroll_content{
	width: 3000px;
	height: 500px;
	overflow-y: hidden; 
	overflow-x: hidden; 
	padding: 30px 30px 0 30px;
	}


#gazeta #scroll_content{
	list-style: none;
	float: left;
}

#gazeta #scroll_content a:hover{
	color:#F00;
}

#gazeta #scroll_content a:active{
	color:#F00;
}


#gazeta #scroll_container #scroll_content #caixa{
	width: 300px;
	height:450px;
	margin: 0px 0px 0px 0px;
	text-align: justify;
	float: left;

}


#gazeta #scroll_container #scroll_content #caixa .pequena{
	width: 140px;
	height: 220px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color: rgb(245,245,245);
}

#gazeta #scroll_container #scroll_content #caixa .grande{
	width: 290px;
	height: 220px;
	float: left;
	margin-right: 10px;
	background-color: rgb(245,245,245);
	margin-bottom: 10px;
}


#gazeta #scroll_container #scroll_content #caixa .grande .data{
	font: 10px "georgia",serif;
	font-weight: bold;
	line-height: 14px;
	text-align: center;
	padding-top: 80px;

}

#gazeta #scroll_container #scroll_content #caixa .grande .titulo{
	font: 17px "georgia",serif;
	font-weight: bold;
	line-height: 17px;
	text-align: center;
	padding: 0 30px;
}

#gazeta #scroll_container #scroll_content #caixa .grande .legenda{
	font: 10px "helvetica",serif;
	font-weight: bold;
	line-height: 14px;
	text-align: center;
	padding: 0 30px;
}

#gazeta #scroll_container #scroll_content #caixa .pequena .data{
	font: 10px "georgia",serif;
	font-weight: bold;
	line-height: 14px;
	text-align: center;
	padding-top: 60px;

}

#gazeta #scroll_container #scroll_content #caixa .pequena .titulo{
	font: 17px "georgia",serif;
	font-weight: bold;
	line-height: 17px;
	text-align: center;
	padding: 0 20px;
}

#gazeta #scroll_container #scroll_content #caixa .pequena .legenda{
	font: 10px "helvetica",serif;
	font-weight: bold;
	line-height: 14px;
	text-align: center;
	padding: 0 20px;
}


#gazeta #scroll_container #scroll_content #caixa .uma_grande{
	width: 290px;
	height: 450px;
	float: left;
	margin-right: 10px;
	background-color: rgb(245,245,245);
}



#gazeta #scroll_container #scroll_content #caixa_grande  .uma_grande{
	width: 590px;
	height: 450px;
	margin-right: 10px;
	float: left;
	background-color: rgb(245,245,245);
}


#gazeta #scroll_container #scroll_content #caixa .pequena_barra{
	width: 140px;
	height: 208px;
	border-top: 12px solid #000; 
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color: #FFF;

}

#gazeta #scroll_container #scroll_content #caixa .pequena_barra .texto{
	font: 17px "georgia",serif;
	font-weight: bold;
	line-height: 17px;
	text-align: center;
	padding: 10px 20px 0 20px;


}