@charset "utf-8";

/* CSS Document */

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

#wrap {width:100%;height:100%;background:#222332;}

#contem{position:relative;width:90%;height:100%;margin: 0 auto;}

.pagina{position:relative;width:61%;height:83%;margin:0 auto;}
.canvas {position:absolute;width:100%;left:0;right:0;top:0;bottom:0;margin:auto;display:none;}


img{max-width:100%;height:auto;}

@media screen and (max-width: 1024px) and (orientation: portrait) {
	.pagina{width:95%;}
}

@media screen and (max-width: 1366px) and (min-height: 1024px) and (orientation: landscape) {
	.pagina{width:95%;}
}

@media screen and (max-width: 1024px) and (orientation: landscape) {
	.pagina{width:95%;}
}

@media screen and (max-width: 736px) and (orientation: landscape) {
	.pagina{width:66%;}
}