@charset "utf-8";

/* CSS Document */

* {margin:0; padding:0;font-family: 'Roboto Condensed', sans-serif;}
html {height:100%;}
body {margin:0;width:100%;height:100%;padding:0;text-align:center;color:#333;font-size:62.5%;}
div.clear {clear:both;}
img{width:100%;height:auto;}

.geral{width:100%;height:100%;overflow:hidden;}

#wrap {position:relative;width:100%;height:100%;background-color:#fff;}

.sair{position:absolute;width:5%;top:4%;right:2%;margin:auto;z-index:3000;cursor:pointer;display:none;}
.telaCheia{position:absolute;width:5%;top:4%;left:2%;margin:auto;z-index:3000;cursor:pointer;display:none;}

#intro{position:relative;
/* width:55%; */
height:100%;margin:0 auto;}
#capa{position:relative;width:100%;height:auto;margin:0 auto;}
.inicio{position:absolute;width:20%;right:0;left:0;bottom:4%;margin:auto;cursor:pointer;}

.pagina{position:relative;height:100%;margin:0 auto;display:none;}

.boxVideo { 
   width: auto;height:100%;margin:0 auto;
}


@media only screen and (orientation:portrait){
  body {height:100vw;transform:rotate(90deg);}
}

@media only screen and (orientation:landscape){
	body {margin:0; padding:0;width:100%;height:100%;text-align:center;color:#333;font-size: 62.5%;}  
}


@media screen and (max-width: 1024px) and (orientation: portrait) {
	
}
	
@media screen and (max-width: 768px) and (orientation: portrait) {
	
}

@media screen and (max-width: 600px) and (orientation: portrait) {
	
}

@media screen and (max-width: 480px) and (orientation: portrait) {
	
}

@media screen and (max-width: 360px) and (orientation: portrait) {
	
}

@media screen and (max-width: 320px) and (orientation: portrait) {

}


@media screen and (max-width: 1024px) and (orientation: landscape) {	
	
}

@media screen and (max-width: 824px) and (orientation: landscape) {

}

@media screen and (max-width: 812px) and (orientation: landscape) {
	
	
}

@media screen and (max-width: 824px) and (orientation: landscape) {
	
}

@media screen and (max-width: 736px) and (orientation: landscape) {

}

@media screen and (max-width: 568px) and (orientation: landscape) {

}

@media screen and (max-width: 480px) and (orientation: landscape) {

}