@charset "utf-8";

html, body{
	padding: 0;
	margin: 0;
	border: 0;
	width: 100%;
	height: 100%;
    overflow: hidden; 
	-webkit-user-select: none; /* Bloqueia a auto selecao*/
	background-color: rgb(63,63,63);
}

#bg {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
  /*background-color:#F00;*/
  padding: 0px;
  margin: 0px;
  border: 0px;
  vertical-align: middle;
}

@media all and (orientation: portrait) {
.slide {
  height: 50%;
  width: auto;
  
  position: absolute;
  top:0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
}

@media all and (orientation: landscape) {
.slide {
  width: 50%;
  height: auto;
  
  position: absolute;
  top:0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
}

#slideA{
  opacity: 1.0;
  filter: alpha(opacity=1.0);
 /* animation: none 0s linear none;
 -webkit-animation: none 0s linear none; */ 
}

#slideB{
  opacity: 1.0;
  filter: alpha(opacity=1.0);
 /* animation: fadein 12s linear none;
  -webkit-animation: fadein 12s linear none;*/
}

.pattern {
  width: auto;
  height: auto;
  
  position: absolute;
  top:0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-image:url(../images/pattern.png);
  opacity: 0.5;
  filter: alpha(opacity=0.5);  
}