body { background-color: black; color: white; overflow-y: scroll; width: 1210px; margin: auto; font-family: sans-serif; }

.hrc { clear: both; background-color: white; height: 1px; width: 100%; margin-top: 10px; }
.hrt { background-color: white; height: 1px; width: 100%; margin: 10px 0 5px 0; }
.hr { background-color: white; height: 1px; width: 100%; margin: 5px 0 5px 0; }

h2 { text-align: center; }
.top { height: 60px; }
.topleft { line-height: 60px; vertical-align: middle; float: left; width: 38%; height: 100%; font-weight: bold; font-size: .8em; }
.topcenter { line-height: 60px; display: inline-block; width: 30%; height: 100%; font-weight: bold; font-size: .8em; position: relative; }
.topcenter1 { display: inline-block; width: 30%; height: 100%; font-weight: bold; font-size: .8em; position: relative; }
.topright { float: right; width: 30%; height: 100%; font-weight: bold; font-size: .8em; vertical-align: middle; }

.topleft img, .topcenter img { vertical-align: middle; }

.inlayleft { display: inline-block; padding-top: 8px; width: 79%; vertical-align: top;}
.inlayright { display: inline-block; padding-top: 8px; width: 20%; vertical-align: top; text-align: right; }

.scanestrategico { width: 100%; text-align: center; }
.caixa { padding-top: 150px; }
.scan { float: right; width: 50%; text-align: center; }
.texto { float: right; overflow-y: scroll; height: 75%; box-sizing: border-box; width: 50%; text-align: justify; padding-left: 3em; padding-right: 3em;}
.asm { float: right; overflow-y: scroll; height: 75%; box-sizing: border-box; width: 50%; text-align: justify; padding-left: 0; padding-right: 0;}
.programming { width: 80%; margin: auto; text-align: justify; padding-left: 3em; padding-right: 3em;}
.paginas img { padding: 0; margin: 0; cursor: pointer;}

.external { width: 100%; font-size: .8em; margin-top: 1em; margin-bottom: 1em; border: 1px solid white; border-collapse: collapse;}
.horizontal td { padding: .4em; border-top: 1px solid white; border-bottom: 1px solid white; border-left: 0; border-right: 0; }

.asm pre, .programming pre { font-family: monospace; color: lightgreen; }
.asm p, .programming p { font-style: italic; padding-right: 3em; }

#scan, #texto, #asm { cursor: pointer; padding-right: 6px; }

.text ol ol .subol { list-style-type: 'lower-alpha'; }
.texto ol {list-style: none; counter-reset: li}
.texto ol li::before {content: counter(li); color: blue;
    display: inline-block; width: 1em; margin-left: -1.5em;
    margin-right: 0.5em; text-align: right; direction: rtl}
.texto ol li { padding-top: 1em; counter-increment: li}

.texto ul li { counter-increment: none; }
.texto ul li::before { content: none;}


.info .ranking { float: left; width: 45%; text-align: right; padding-left: 10px; padding-right: 10px;}
.info .ranking p { margin-top: 5px; margin-bottom: 5px; padding: 0; }
.info .ranking .som { color: magenta; font-weight: bold; text-align: right; width: 100%; }
.info .ranking .som img { padding: 0 5px 0 5px; }
.info .ranking .graficos { color: cyan; font-weight: bold; text-align: right; width: 100%; }
.info .ranking .graficos img { padding: 0 5px 0 5px; }
.info .ranking .jogabilidade { color: lime; font-weight: bold; text-align: right; width: 100%; }
.info .ranking .jogabilidade img { padding: 0 5px 0 5px; }
.info .ranking .raridade { color: orange; font-weight: bold; text-align: right; width: 100%; }
.info .ranking .raridade img { padding: 0 5px 0 5px; }

.info .cart { display: inline-block; width: 10%; height: 90px; padding-top: 5px; padding-left: 5px; }
.info .europa { display: inline-block; width: 18%; height: 90px; padding-top: 15px; padding-left: 7px; }
.info .eua { display: inline-block; width: 18%; height: 90px; padding-top: 15px; padding-left: 7px; }
 
.info { float: left; min-height: 700px; width: 48%; }
.info .sinopse { padding-bottom: 1em; }
.info h2, .texto h2 { clear: both; margin-top: 10px; margin-bottom: 0; text-align: right; }
.info .jogadores, .texto .jogadores { text-align: right; border-top: 1px solid white; padding-top: 5px;}
.info p { float: left; width: 55%; text-align: center; margin-top: 10px; }
.info .telas { float: right; min-width: 240px; text-align: center; font-size: .8em; margin: 10px 0 10px 0;}
.info .telas img { margin: 0 10px 5px 10px; }

.clear { clear: both; height: 10px;}

.cart { float: left; width: 110px; height: 150px; }
.cartA { float: left; width: 435px; height: 600px; }
.cart img { cursor: pointer; }
.europa img { cursor: pointer; }
.eua img { cursor: pointer; }
.bigcart { float: left; width: 220px; height: 150px; }
.bigcartA { float: left; width: 220px; height: 150px; }
.extcart { float: left; width: 360px; height: 150px; }

.rodape { clear: both; border-top: 1px solid white; margin-top: 20px; padding-top: 5px;text-align: center; font-size: .6em; }

.table { border-collapse: collapse; border: 1px solid white; }
.table td { border: 1px solid white; padding: 0 1em 0 1em; }