* {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;

  outline: 0;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
  -webkit-tap-highlight-color: transparent; 
  
}

.body{
	font-family: ArialRoundedMTBold !important;
	font-size:16px;
}

.container{
}
#wrapper{
    position:relative;
    width:1360px;
    height:768px;
    margin:0 auto;
    z-index: 0;
}
.fundo{
	position:absolute;
    padding:0;
    margin:0;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
	z-index:-2;
	background-size: cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
}
/*@font-face {
    font-family: 'alegreya_sansregular';
    src: url('../fonts/AlegreyaSans-Regular-webfont.eot');
    src: url('../fonts/AlegreyaSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/AlegreyaSans-Regular-webfont.woff') format('woff'),
         url('../fonts/AlegreyaSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/AlegreyaSans-Regular-webfont.svg#alegreya_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}*/

@font-face {
  font-family: 'ArialRoundedMTBold';
  src: url('../fonts/ArialRoundedMTBold.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/ArialRoundedMTBold.woff') format('woff'), 
  url('../fonts/ArialRoundedMTBold.ttf')  format('truetype'), 
  url('../fonts/ArialRoundedMTBold.svg#ArialRoundedMTBold') format('svg');
  font-weight: normal;
  font-style: normal;
}



.row{
	padding-top:5px;
	padding-bottom:30px;
}

.anima1{
	/*border: 10px solid white;
	background: rgba(255,255,255,0.7);
	box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.5);
	border: 10px 10px !important;*/
}

.textoRodape{	
	font-family: ArialRoundedMTBold !important;
	font-size: 24px;	
	/*width: 100%;*/
	bottom: 0px;
	/*position: fixed;*/
	float: left;
	text-align: left;
	left: 0px;
	/*background-color: rgba(255,255,255,0.3);)*/
	font-weight: bold;
	color: white;
	border: 3px rgba(255, 255, 255, 0.5) dashed;
}
.textoRodapeFundo{	
	background-color: rgba(255,255,255,0.3);
}

.textoRodape2{	
	font-family: ArialRoundedMTBold !important;
	font-size: 24px;	
	/*width: 100%;*/
	bottom: 0px;
	/*position: fixed;*/
	float: left;
	text-align: left;
	left: 0px;
	/*background-color: rgba(255,255,255,0.3);)*/
	font-weight: bold;
	color: white;
	border: 3px rgba(255, 255, 255, 0.5) dashed;
}
.textoRodapeFundo2{	
	background-color: rgba(0,0,0,0.5);
}


.imgCover{
  background-repeat:  no-repeat;
  background-position: center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



/*
html {
    transform: scale(.5);
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    width: 200%;
    height: 200%;
    margin: -50% -50%;
}
*/

#no_portrait {
    
    z-index: 99999;
    text-align: center;
    margin: 0 auto;
    margin-top: 100px;
    width: 700px;
    padding: 20px;
    
}
#no_portrait p {
    font-family: ArialRoundedMTBold;
    font-size: 22px;
    color: #fff;
    padding: 20px 0 20px 0;
    margin: 0;
}
#no_portrait { display:none !important; }

@media only screen and (orientation:portrait) {
    #no_portrait { display:block !important; }
    #container { display:none !important; }
    #fundo { display:none !important; }
    #HUD { display:none !important; }
}
@media only screen and (orientation:landscape) {
    #no_portrait { display:none !important; }
    #container { display:block !important; }
    #fundo { display:block !important; }
    #HUD { display:block !important; }
}

.btMarcador{
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.btMarcadorSpacer{
	width: 2%;
}


.btInfo{
	 	left:1260px !important;
}

#btAnterior{
	top: 320px;
	height:100px;
	width: 100px;
	position: fixed;
	z-index:999;
}

#btProximo{
	left: 1260px !important;
	top: 320px;
	height: 100px;
	width: 100px;
	position: fixed;
	z-index:999;
	vertical-align: middle;

}
/*
.btAnterior img{
	position: absolute;
	top: 320px;
}
.btProximo img{
	position: absolute;
	top: 320px;
}
*/
/*.btAudio{
	position: fixed !important;
	top: 620px !important;
	bottom: auto !important;
	z-index:99;
}*/
#footer {
		
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: center;
	  
	position: fixed;
	top: 710px;
	width: 1360px;
	z-index:9;
}
.carregando{
	width:100%;
	height:100%;
	float:left;
	position:absolute;
	top:0px;
	left:0px;
	z-index:99999;
}
.preloader{
	width:208px;
	height:13px;
	position:relative;
	top:200px;
	margin: auto;
	position: absolute;
  	top: 0; left: 0; bottom: 0; right: 0;
	border: 3px solid #fff;
}
.preloaderBarra{
	height:13px;
	position:relative;
	background: url('../assets/carregando.png');
}
.footerSpacerDir{
	width:150px;
}
.footerSpacerEsq{
	width:150px;
}

body{
	background-color: #097459;
	margin:0;
	padding:0;
	height: 100%;
	width:100%;
	overflow: hidden;
}
.fundoCarregando{
	background-color:#fff;
	opacity:0.7;
	height:100%;
	width: 100%;
	float: left;
    
	/*background-image: url("../assets/loading.gif");
	background-position: center center;
	background-repeat: no-repeat;*/
}

.info{
	display: none;
	float: left;
	position: absolute;
	width: 100%;
	height:100%;
	z-index: 999;
	font-family: ArialRoundedMTBold !important;
}
.infoConteudo{
	width: 380px;
	height: 300px;
	margin: auto;
	position: absolute;
  	top: 0; left: 0; bottom: 0; right: 0;
	/*-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;*/
	border: 3px #999999 dashed;

}

.infoCaixa{	
	background-color: white;
	width: 400px;
	height: 320px;
	margin: auto;
	position: absolute;
  	top: 0; left: 0; bottom: 0; right: 0;
}
.infoFechar{
	right: -39px;
    top: -34px;
	width: 96px;
	height: 96px;
	float: left;
	position: absolute;
	background: url("../assets/btFechar.png");
	/*-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;*/
	z-index: 9999;
	text-align: center;

}
.infoTitulo{
 	padding-left:20px;
 	padding-top:10px;
 	font-size: 24px;
 	color: gray;
}
.infoTexto{
	padding-left:20px;
	padding-top: 10px;
}
.infoFundo{
	float: left;
	position: absolute;
	width: 100%;
	height:100%;
	top: 0px;
	left: 0px;
	background: rgba(0,0,0,0.5);
}