*{
	margin:0; 
	padding:0;
	outline:0;
}
@font-face {
  font-family: 'font1';
  src: url('../fonts/arial.eot');
  src: url('../fonts/arial.ttf');
}
@font-face {
  font-family: 'font1B';
  src: url('../fonts/arialbd.eot');
  src: url('../fonts/arialbd.ttf');
}
@font-face {
  font-family: 'font2';
  src: url('../fonts/MyriadPro-Regular.eot');
  src: url('../fonts/MyriadPro-Regular.ttf');
}
@font-face {
  font-family: 'font2B';
  src: url('../fonts/MyriadPro-Semibold.eot');
  src: url('../fonts/MyriadPro-Semibold.ttf');
}
@font-face {
  font-family: 'font2I';
  src: url('../fonts/MyriadPro-It.eot');
  src: url('../fonts/MyriadPro-It.ttf');
}
@font-face {
  font-family: 'font2BI';
  src: url('../fonts/MyriadPro-BlackIt.eot');
  src: url('../fonts/MyriadPro-BlackIt.ttf');
}

@font-face {
  font-family: 'neo';
  src: url('../fonts/NeoSansPro-Regular.eot');
  src: url('../fonts/NeoSansPro-Regular.ttf');
}
@font-face {
  font-family: 'neo';
  src: url('../fonts/NeoSansStd-Bold.eot');
  src: url('../fonts/NeoSansStd-Bold.ttf');
  font-weight:bold;
}
@font-face {
  font-family: 'neo2';
  src: url('../fonts/NeoSansStd-Medium.eot');
  src: url('../fonts/NeoSansStd-Medium.ttf');
}

a{
	overflow:hidden;
}
b, strong {
	font-family: 'font2B';
}
i, em {
	font-family: 'font2I';
}

.displayNone{ 
	display:none;
}

body{ 
	background:#ebebeb; 	
	width:100%;
	height:100%;
	font-family:'font1', sans-serif; 
}

.body{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: -webkit-radial-gradient(circle, #fff, #ebebeb );	
	background: -moz-radial-gradient(circle, #fff, #ebebeb );	
	background: -ms-radial-gradient(circle, #fff, #ebebeb );	
	background: -o-radial-gradient(circle, #fff, #ebebeb );	
	background: radial-gradient(circle, #fff, #ebebeb );	
}

#stage{
	width:800px;
	height:600px; 
	overflow:hidden; 
	display:block; 
	position:absolute; 
	padding:0; 
	margin:auto; 
	top:50%; 
	left:50%; 
	margin:-300px 0 0 -400px;
}
#stage .abs{ 
	position:absolute; 
	top:0; 
	left:0;
}

#stage #scaleArea video{
	width:800px;
	height:600px;
	position:absolute; 
	top:0; 
	left:0;
}
#stage #mc_logo_intro{ 
	background:url(img/logos.png) no-repeat 0 -124px; 
	width:212px; 
	height:56px; 
	top: 450px; 
	left: 50%; 
	margin-left:-106px; 
	text-indent:-5000px;
}
#stage #mc_titulo_intro{ 
	font-size:30pt;
	color:#4a462a; 
	top: 126px;  
	font-family: 'font1B';
	text-transform:uppercase;
	width:800px; 
	text-align:center;
}
#stage #mc_titulo_intro p i, #stage #mc_titulo_intro p em{ 
	font-family: 'font2BI';
}
#stage #mc_titulo_intro.l2{ 
	font-size:28pt; 
	top: 106px;  
}
#stage #mc_titulo_intro.l3{ 
	font-size:25pt; 
	top: 96px;  
}

#stage .credito{ 
	position:absolute; 
	top:120px; 
	right:-6%; 
	-webkit-transform:rotate(-90deg); 
	-moz-transform:rotate(-90deg);
	-o-transform:rotate(-90deg); 
	-ms-transform:rotate(-90deg); 
	width:205px; 
	height:95px; 
	text-align:right;
}
#stage .credito.grande{ 
	top:200px; 
	right:-18%; 
	width:400px; 
	height:95px; 
}
#stage .credito small{ 
	position:absolute; 
	bottom:0; 
	right:0; 
	font-size:10px; 
	text-shadow:none; 
	color:#fff; 
	text-transform:uppercase;
	font-family: 'font2B';
}
#stage .credito small.black{ 
	color:rgba(0,0,0,.7); 
}

#stage #bgMobPlay{ 
	position:absolute; 
	top:0; 
	left:0; 
	display:block; 
	width:100%; 
	height:100%; 
	background:rgba(0,0,0,.5); 
	cursor:pointer;
}

#stage #bgMobPlay.noBg{ 
	background:transparent; 
}

#stage #bgMobPlay span{ 
	position:absolute; 
	top:50%; 
	left:50%; 
	display:block; 
	width:115px; 
	height:115px;
	background:url(img/sprite.png) no-repeat 0 0; 
	margin:-57px 0 0 -57px;
}
#stage #bgMobPlay.pause span{ 
	width:66px; 
	height:66px;  
	background:url(img/sprite.png) no-repeat -208px 0; 
	margin:-33px 0 0 -33px;
}
#stage #bgMobPlay.play span{ 
	width:66px; 
	height:66px;  
	background:url(img/sprite.png) no-repeat -134px 0; 
	margin:-33px 0 0 -33px;
}

#stage #interatividade{ 
	width:800px; 
	height:600px; 
}

.disable { 
	display: none; 
}
.noSelect { 
	user-select: none; 
	-o-user-select: none; 
	-moz-user-select: none; 
	-khtml-user-select: none; 
	-webkit-user-select: none;
}

#stage #html5Loader{
	position:absolute;
	z-index:99;
	display: block;
	width:800px;	
	height:600px;
	top:0;
	left:0;	
	background:#ebebeb;
	background: -webkit-radial-gradient(circle, rgba(235,235,235,.9), #ebebeb );	
	background: -moz-radial-gradient(circle, rgba(235,235,235,.9), #ebebeb );	
	background: -ms-radial-gradient(circle, rgba(235,235,235,.9) #ebebeb );	
	background: -o-radial-gradient(circle, rgba(235,235,235,.9), #ebebeb );	
	background: radial-gradient(circle, rgba(235,235,235,.9), #ebebeb );
}
#stage #html5Loader canvas{
	position:absolute;
	top:0;
	left:0;	
	width:800px;
	height:600px;
}
#html5Loader .fallback {
	top:50%;
	position:absolute;
	text-align:center;
	width:100%;
	color:white;
	vertical-align: middle;
	display: block;
	font-style: normal;
}
#stage #wrapper > * {
	width:400px;
}

#stage #interface{
	position:absolute;
	top:0;
	left:0;
}
#stage #interface[data-status=off]{
	width:55px;
	height:55px;
}
#stage #interface[data-status=on]{
	width:800px;
	height:600px;
}
#stage #interface .filtro{
	background:rgba(0,0,0,.4);
	position:absolute;
	top:0;
	left:0;
	width:800px;
	height:600px;
}
#stage #interface #btnOpcoes{
	background:#333333 url(img/sprite.png) no-repeat;
	position:absolute;
	top:0;
	left:0;
	height:55px;
	width:55px;
	text-indent:-5000px;
}
#stage #interface[data-status=on] #btnOpcoes{
	background-position:-397px 10px;
}
#stage #interface[data-status=off] #btnOpcoes{
	background-position:-345px 10px;
}
#stage #interface .b1{
	background:#333333;
	position:absolute;
	top:0px;
	left:-746px;
	height:55px;
	width:746px;
	color:#999999;
}
#stage #interface .b1 .titulo{	
	position:absolute;
	top:0;
	right:15px;
	height:55px;
	line-height:55px;
	font-family:'font2B';
	font-size:14px;
	text-transform:uppercase;
}
#stage #interface .b2{
	background:#333333;
	position:absolute;
	top:-546px;
	left:0px;
	width:55px;
	height:546px;
}
#stage #interface .b1 .btn, #stage #interface .b2 .btn{
	width:55px;
	height:55px;
	position:relative;
	background: url(img/sprite.png) no-repeat;
	text-indent:-5000px;
}
#stage #interface .b1 .btn{
	display:inline-block;
}
#stage #interface .b2 .btn{
	display:block;
}
#stage #interface .b2 #btnMenu{
	background-position:-292px 10px;
}
#stage #interface .b2 #btnMenu:hover, #stage #interface .b2 #btnMenu.hover{
	background-position:-292px -90px;
}
#stage #interface .b2 #btnSom[data-status=on]{
	background-position:-505px 10px;
}
#stage #interface .b2 #btnSom[data-status=off]{
	background-position:-556px 10px;
}
#stage #interface .b2 #btnSom[data-status=on]:hover, #stage #interface .b2 #btnSom[data-status=on].hover{
	background-position:-505px -90px;
}
#stage #interface .b2 #btnSom[data-status=off]:hover, #stage #interface .b2 #btnSom[data-status=off].hover{
	background-position:-556px -90px;
}
#stage #interface .b2 #btnAjuda{
	background-position:-291px -36px;
}
#stage #interface .b2 #btnAjuda:hover, #stage #interface .b2 #btnAjuda.hover{
	background-position:-291px -136px;
}
#stage #interface .b2 #btnInformacoes{
	background-position:-345px -36px;
}
#stage #interface .b2 #btnInformacoes:hover, #stage #interface .b2 #btnInformacoes.hover{
	background-position:-345px -136px;
}
#stage #interface .b2 #btnReiniciar{
	background-position:-397px -36px;
}
#stage #interface .b2 #btnReiniciar:hover, #stage #interface .b2 #btnReiniciar.hover{
	background-position:-397px -136px;
}
#stage #interface .b1 #btnDivisaoPolitica{
	background-position:-450px -36px;
}
#stage #interface .b1 #btnDivisaoPolitica:hover, #stage #interface .b1 #btnDivisaoPolitica.hover{
	background-position:-450px -136px;
}
#stage #interface .b1 #btnVisaoSatelite{
	background-position:-505px -36px;
}
#stage #interface .b1 #btnVisaoSatelite:hover, #stage #interface .b1 #btnVisaoSatelite.hover{
	background-position:-505px -136px;
}

#stage #interface .boxTexto{
	background:#cccccc;
	position:absolute;
	top:55px;
	left:-550px;
	height:545px;
	width:495px;
	font-size:14px;
	color:#000;
}
#stage #interface .boxTexto p { 
	padding:8px 20px;
}
#stage #interface .boxTexto ul { 
	padding:8px 40px;
}
#stage #interface .boxTexto .fechar { 
	background: url(img/sprite.png) no-repeat -270px -94px;
	position:absolute;
	top:auto;
	right:10px;
	bottom:15px;
	height:30px;
	width:20px;
	text-indent:-5000px;
}
#stage #interface .boxTexto .viewport { 
	height:415px; 
	width:465px; 
	overflow: hidden; 
	position: absolute;
	left:0;
	top:65px;
}
#stage #interface .boxTexto .overview { 
	position: absolute; 
	left: 0; 
	top: 0;
}
#stage #interface .boxTexto .scrollbar{ 
	position:  absolute;  
	width: 10px; 
	top:65px;
	right:10px;
}
#stage #interface .boxTexto .track {
	width:10px;  
	height:100%; 
	position: relative; 
	padding: 0; 
	background:#999999;
}
#stage #interface .boxTexto .thumb { 
	width: 10px; 
	height:20px; 
	cursor: pointer; 
	overflow: hidden; 
	position: absolute; 
	top: 0; 
	left: 0; 
	background:#333;
}

#stage #interface #informacoes span{
	background: url(img/logos.png) no-repeat -142px -78px;
	position:absolute;
	top:15px;
	left:20px;
	height:30px;
	width:105px;
}

#stage #interface #ajuda h3{
	position:absolute;
	top:15px;
	left:20px;
	font-size:20px;
	font-family: 'font2B';
	color:#000;
}

#stage #interface .boxGaleria{
	background:#000;
	position:absolute;
	top:-200px;
	left:55px;
	width:745px;
}
#stage #interface .boxGaleria figure{
	width:128px;
	height:150px;
	margin:0 25px;
	float:left;
	position:relative;
	cursor:pointer;
}
#stage #interface .boxGaleria figure img{
	width:128px;
	height:96px;
	background:#b3b3b3;
}
#stage #interface .boxGaleria figure span{
	position: absolute; 
	left: 34px; 
	top: 18px;
	width:60px;
	height:60px;
}
#stage #interface .boxGaleria figure.image span{
	background: url(img/sprite.png) no-repeat -556px -210px;
}
#stage #interface .boxGaleria figure.video span{
	background: url(img/sprite.png) no-repeat -482px -210px;
}
#stage #interface .boxGaleria figure figcaption{
	font-size:14px;
	font-family: 'font2B';
	color:#fff;
}
#stage #interface .boxGaleria .viewport{
	position:relative;
	width:705px;
	height:170px;
	margin:20px 20px 0 20px;
	overflow:hidden;
}
#stage #interface .boxGaleria .overview { 
	position: absolute; 
	left: 0; 
	top: 0;
}
#stage #interface .boxGaleria .scrollbar{ 
	position: relative;  
	width: 705px; 
	height:10px;
	margin:0 20px 20px 20px;
}
#stage #interface .boxGaleria  .track {
	width:100%;  
	height:10px; 
	position: relative; 
	padding: 0; 
	background:#666;
}
#stage #interface .boxGaleria  .thumb { 
	width: 20px; 
	height:10px; 
	cursor: pointer; 
	overflow: hidden; 
	position: absolute; 
	top: 0; 
	left: 0; 
	background:#b3b3b3;
}

#stage #galeria{
	position:absolute; 
	top:0px; 
	left:0px;
	width:800px;  
	height:600px; 
}
#stage #galeria section{
	width:800px;  
	height:600px; 
	overflow:hidden;
}
#stage #galeria section h4, #stage .lettering{
	position:absolute; 
	top: 23px;
	left: 74px;
	color: #fff;
	font-size: 17px;
	letter-spacing: 1px;
}
#stage #galeria section h4.black, #stage .lettering.black{
	color:#000;
	text-shadow:none;
}
#stage #galeria section .legenda{
	position:absolute; 
	bottom:0px; 
	left:0px;
	padding:15px 30px;
	background:#333333;
	font-size:16px;
	color:#fff;
}
#stage #galeria section .btMaisMenos{
	position:absolute; 
	bottom:0px; 
	right:0px;
	background:url(img/sprite.png) no-repeat;
	display:block;
	text-indent:-5000px;
	width:55px;  
	height:55px; 
}
#stage #galeria section .btMaisMenos[data-status=mais]{
	background-position:-270px -277px;
}
#stage #galeria section .btMaisMenos[data-status=menos]{
	background-position:-345px -277px;
}
#stage #galeria section .texto{
	position:absolute; 
	top:0px; 
	right:-265px;
	width:205px;
	height:600px;
	background:#cccccc;
	padding:40px 30px;
}
#stage #galeria section .texto p{
	font-size:17px;
	color:#000;
}

.fechar{
	position:absolute; 
	top:0px; 
	right:0px;
	background:url(img/sprite.png) no-repeat -556px -277px;
	display:block;
	text-indent:-5000px;
	width:55px;  
	height:55px; 
}
.stNvGaleria{
	position:absolute; 
	top:275px; 
	width:42px;
	height:46px;
	background:url(img/sprite.png) no-repeat;
	display:block;
	text-indent:-5000px;
}
.stNvGaleria.stPrev{
	background-position:-505px -277px;
	left:0;
}
.stNvGaleria.stNext{
	background-position:-450px -277px;
	right:0;
}

.btnZoom{
	position:absolute; 
	top:100px; 
	left:10px;
	background:url(img/sprite.png) no-repeat;
	display:block;
	text-indent:-5000px;
	width:39px;  
	height:39px; 
}
.btnZoom[data-status=mais]{
	background-position:-291px -210px;
}
.btnZoom[data-status=menos]{
	background-position:-345px -210px;
}

.btnPadrao{
	display:inline-block;
	padding:0 23px;
	height:35px;
	line-height:37px;
	font-family: 'font2B';
	font-size:16px;
	color:#fff;
	text-decoration:none;
	margin:15px auto;
	background:#333333;
}

.feedback{
	position:absolute; 
	top:0px; 
	left:0px;
	background:rgba(0,0,0,.5);
	width:800px;  
	height:600px; 
}
.feedback section{
	position:absolute;
	background:#e6e6e6;
	top:50%; 
	left:50%; 
}
.feedback section article{
	padding:30px 30px 0px 30px;
	font-size:17px;
	color:#000;
}
.feedback section article blockquote p { 
	padding:8px 0px;
}
.feedback section blockquote ul { 
	padding:8px 20px;
}
.feedback section article h3{
	padding-bottom:8px;
	font-size:20px;
	font-family: 'font2B';
	color:#000;
}
.feedback section article footer{
	text-align:center;
	padding-bottom:7px;
}