.container {
max-width: 50em;
margin: 0 auto;
}

.content {
overflow: hidden;
padding: 0.7em 1.25em;
background-color: #fff;
}

body {
margin: 0;
padding: 0;
color: #333;
font: 1em/1.2 "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}

.header {
text-align: center;
background: #FFCC00;
margin-left: 0px;
}

.main {
margin-bottom: 1em;
}

.footer {
background: #FFF7D5;
padding: 1em 1.25em;
}

h1 {
font-size: 2em;
margin: 0 0 .5em;
line-height: 1.3;
}

h2 {
font-size: 1.75em;
margin: 0 0 .5em;
line-height: 1.3;
}

p {
font-size: 1.5em;
margin: 0 0 0.8em;
line-height: 1.5;
}

.img-respons { 
max-width: 100%;
}

a:link { color: #0000FF; }
a:visited { color: #0000FF; }
a:focus { color: black; }
a:hover { color: #FF0000; }
a:active { color: #FF0000; }

.anuncio {
font-size: 0.9em;
line-height: 1.5;
color: #808080;
padding-top: 0px;
padding-bottom: 10px;
}

input[type="radio"] {
  width: 30px;
  height: 30px;
}

input[type="checkbox"] {
  width: 30px;
  height: 30px;
}

/*--xxxxxxxxxxxxx--*/

.links-topo {
font-size: 1.35em;
line-height: 1.3;
text-align: center;
margin-top: 5px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 2px;
}

.links-topo li {
display: inline;
line-height: 2.6;
padding: 7px;
text-decoration: none;
white-space: nowrap;
border: 1px solid #E9E9E9;
background-color: #ffffff;
}

.links-topo a {
text-decoration: none;
}

.links-topo a:link { 
color: #0000FF;
}

.links-topo a:visited {
color: #0000FF;
}

.links-topo a:hover {
color: red;
text-decoration: underline;
}

/*--xxxxxxxxxxxxx--*/

ol {
padding-left: 1em;
font-size: 1.5em;
}

ul {
padding-left: 1em;
list-style-type: square;
}

ul li{
line-height: 1.27em;
margin-top: 0.85em;
margin-bottom: 0.85em;
}

.rel-pal {
font-size: 1.4em;
line-height: 0.1em;
margin-top: 0em;
padding-left: 5px;
margin-left: -5px;
}

.rel-pal li {
display: inline-block;
padding-left: 12px;
padding-right: 12px;
padding-top: 7px;
padding-bottom: 7px;
text-align: center;
margin-top: 0.5em;
margin-bottom: 0.2em;
border: 1px solid #C0C0C0;
background-color: #f5f5f5;
}

.rel-pal a:link {
text-decoration: none;
}

.rel-pal li:hover {
background: #FFFF00;
text-decoration: underline;
}

/*--xxxxxxxxxxxxx--*/

.rel-list {
font-size: 1.4em;
line-height: 0.1em;
margin-top: 0em;
padding-left: 5px;
margin-left: -5px;
}

.rel-list li {
display: inline-block;
padding-left: 12px;
padding-right: 12px;
padding-top: 7px;
padding-bottom: 7px;
text-align: center;
margin-top: 0.5em;
margin-bottom: 0.2em;
border: 1px solid #C0C0C0;
background-color: #ffffff;
}

.rel-list a:link {
text-decoration: none;
}

.rel-list li:hover {
text-decoration: underline;
}

.rel-exercices {
font-size: 1.4em;
line-height: 0.1em;
margin-top: 0em;
padding-left: 5px;
margin-left: -5px;
}

.rel-exercices li {
font-size: 1.4em;
display: inline-block;
padding-left: 12px;
padding-right: 12px;
padding-top: 7px;
padding-bottom: 7px;
text-align: center;
margin-top: 0.5em;
margin-bottom: 0.2em;
border: 0px solid #C0C0C0;
background-color: #ffffff;
}

.list-inline-palv {
line-height: 0.2em;
padding-left: 0;
margin-left: -5px;
}

.list-inline-palv > li {
font-size: 1.35em;
display: inline-block;
padding-right: 3px;
padding-left: 3px;
padding-top: 0px;
padding-bottom: 0px;
}

/*--xxxxxxxxxxxxx--*/

table {
width: 90%;
background-color: transparent;
border-spacing: 0;
border-collapse: collapse;
border-top: 0px solid #ddd;
margin-bottom: 25px;
}

table td {
font-size: 1.27em;
padding: .5em .2em;
text-align: left;
vertical-align: center;
border: 1px solid #ddd;
background-color: #ffffff;
}

table th {
font-size: 1.37em;
padding: .4em .1em;
text-align: left;
vertical-align: center;
border: 2px solid #ddd;
background-color: #F9F9F9;
}

.tr-color {
background: #F7F7F7;
}

.tab-codigo {
width: 50%;
padding: 0px;
background-color: transparent;
border: 0px solid #ddd;
margin-bottom: 20px;
}

.tab-codigo th {
text-align: center;
}

.tab-codigo td {
text-align: center;
}

.tab-exerc {
width: 50%;
padding-bottom: 10px;
background-color: transparent;
border: 0px solid #ddd;
margin-bottom: 30px;
}

.tab-exerc th {
font-size: 1.8em;
text-align: left;
border: 1px solid #ddd;
padding: 5px;
}

.tab-exerc td {
font-size: 2em;
text-align: left;
border: 1px solid #ddd;
padding: 5px;
}

.tab-lista {
width: 80%;
padding-bottom: 10px;
background-color: transparent;
border: 0px solid #ddd;
margin-bottom: 30px;
}

.tab-lista th {
font-size: 1.6em;
text-align: left;
border: 1px solid #ddd;
padding: 5px;
}

.tab-lista td {
font-size: 1.6em;
text-align: left;
border: 1px solid #ddd;
padding: 5px;
}

.tab-number {
width: 35%;
padding-bottom: 10px;
background-color: transparent;
border: 0px solid #ddd;
margin-bottom: 30px;
}

.tab-number th {
font-size: 2em;
text-align: left;
border: 1px solid #ddd;
padding: 5px;
}

.tab-number td {
font-size: 2.2em;
text-align: left;
border: 1px solid #ddd;
padding: 5px;
}

.tab-number-center {
width: 35%;
padding-bottom: 10px;
background-color: transparent;
border: 0px solid #ddd;
margin-bottom: 30px;
}

.tab-number-center th {
font-size: 2em;
text-align: center;
border: 1px solid #ddd;
padding: 5px;
}

.tab-number-center td {
font-size: 2.2em;
text-align: center;
border: 1px solid #ddd;
padding: 5px;
}

.tab-memori {
width: 0px;
padding: 0px;
background-color: transparent;
border: 0px solid #ddd;
margin-bottom: 20px;
}

.tab-memori td{
width: 0px;
padding: 0px;
border: 0px solid #ddd;
}

.table-forca td{
margin-bottom: 10px;
background-color: transparent;
text-align: left;
border: 0px solid #ddd;
}

.input-button {
height:38px;
font-size: 20px;
font-weight: bold;
font-family: arial, sans-serif;
color: #000000;
text-align: left;
background-color: #FFFF99;
}

.input-forca {
width: 38px;
height:38px;
font-size: 20px;
font-weight: bold;
font-family: arial, sans-serif;
color: #000000;
text-align: center;
margin-bottom: 10px;
margin-left: 5px;
background-color: #c2fbd7;
}

/*--inputs--*/

.input-numeros-final {
width: 1px;
height: 1px;
font-size: 1px;
text-align: center;
text-transform: uppercase;
padding: 0px;
background-color: #ffffff;
border: 0px solid #aaa;
}

.input-lacuna {
height: 45px;
border: 1px solid #000000;
font-size: 28px;
text-transform: uppercase;
font-family: arial, sans-serif;
font-weight: bold;
color: #000000;
background-color: #FFFF99;
}

.input-lacuna-green {
height: 45px;
border: 1px solid #000000;
font-size: 28px;
text-transform: uppercase;
font-family: arial, sans-serif;
font-weight: bold;
color: #000000;
background-color: #D9FFD9;
}

.input-cruzadinha-perg {
width: 80%;
height: 45px;
border: 1px solid #000000;
font-size: 28px;
font-family: arial, sans-serif;
font-weight: bold;
color: #000000;
background-color: #FFFF99;
}

.input-cruzadinha-resp {
width: 30%;
height: 45px;
border: 1px solid #000000;
font-size: 28px;
font-family: arial, sans-serif;
font-weight: bold;
color: #000000;
background-color: #FFFF99;
}

.input-form {
width: 80%;
height: 45px;
border: 1px solid #000000;
font-size: 28px;
font-family: arial, sans-serif;
color: #000000;
background-color: #FFFF99;
}

.input-form-small {
width: 100px;
height: 45px;
text-align: center;
border: 1px solid #000000;
font-size: 28px;
font-family: arial, sans-serif;
color: #000000;
background-color: #FFFF99;
}

button {
height:38px;
font-size: 20px;
font-weight: bold;
font-family: arial, sans-serif;
color: #000000;
text-align: left;
background-color: #FFFF99;
}

/*--xxxxxxxxxxxxx--*/

.tab-contas {
width: 10%;
font-size: 1.8em;
background-color: transparent;
margin-bottom: 25px;
border: 0px solid #ddd;
background-color: #ffffff;
}

.tab-contas td {
padding-left: 0.05em;
padding-right: 0.05em;
padding-top: 0em;
padding-bottom: 0.05em;
vertical-align: center;
text-align: center;
border: 0px solid #ddd;
}

.tab-contas th {
padding-left: 0.05em;
padding-right: 0.05em;
padding-top: 0em;
padding-bottom: 0.05em;
vertical-align: center;
text-align: center;
border-bottom: 0px solid #ddd;
}

.input-contas-duplo {
width: 70px;
height: 55px;
font-size: 40px;
padding-left: 0em;
padding-right: 0em;
vertical-align: center;
text-align: center;
color: #000000;
text-align: center;
background-color: #FFFF99;
text-transform: uppercase;
border: 1px solid #808080;
}

.input-letra {
width: 40px;
height: 55px;
font-size: 40px;
padding-left: 0em;
padding-right: 0em;
vertical-align: center;
text-align: center;
color: #000000;
text-align: center;
background-color: #FFFF99;
text-transform: uppercase;
border: 1px solid #808080;
}

/*--xxxxxxxxxxxxx--*/

.tab-contas-result {
width: 10%;
font-size: 1.2em;
background-color: transparent;
margin-bottom: 5px;
}

.tab-contas-result td {
padding-left: 0.15em;
padding-right: 0.15em;
padding-top: 0em;
padding-bottom: 0em;
vertical-align: center;
text-align: center;
border-bottom: 0px solid #ddd;
}

.tab-contas-result th {
color: #ffffff;
padding-left: 0.15em;
padding-right: 0.15em;
padding-top: 0em;
padding-bottom: 0em;
vertical-align: center;
text-align: center;
border-top: 2px solid #000000;
border-bottom: 1px solid #ddd;
}

.td-result {
padding-top: 7px;
}

.tr-border {
border-bottom: 3px solid #000000;
}

.input-contas {
width: 32px;
height: 55px;
font-size: 40px;
padding-left: 0em;
padding-right: 0em;
vertical-align: center;
text-align: center;
color: #000000;
text-align: center;
background-color: #FFFF99;
text-transform: uppercase;
border: 1px solid #808080;
}

.input-contas-result {
width: 32px;
height: 55px;
font-size: 40px;
padding-left: 0em;
padding-right: 0em;
vertical-align: center;
text-align: center;
color: #000000;
text-align: center;
background-color: #FFCC66;
text-transform: uppercase;
border: 1px solid #808080;
}

/*--sudoku--*/

.sudoku-board-cell {
display: inline-block;
position: relative;
border: 1px solid #ddd;
background: white;
max-width: 11.11111%;
}
		
[data-board-size="9"].sudoku-board .sudoku-board-cell:nth-of-type(9n+1){
border-left-width: 2px;
border-left-color: #808080;
}

[data-board-size="9"].sudoku-board .sudoku-board-cell:nth-of-type(n):nth-of-type(-n+9){
border-top-width: 2px;
border-top-color: #808080;
}
		
[data-board-size="9"].sudoku-board .sudoku-board-cell:nth-of-type(3n){
border-right-width: 2px;
border-right-color: #808080;
}
		
[data-board-size="9"].sudoku-board .sudoku-board-cell:nth-of-type(n+19):nth-of-type(-n+27),
[data-board-size="9"].sudoku-board .sudoku-board-cell:nth-of-type(n+46):nth-of-type(-n+54),
[data-board-size="9"].sudoku-board .sudoku-board-cell:nth-of-type(n+73):nth-of-type(-n+81){
border-bottom-width: 2px;
border-bottom-color: #808080;
}

.sudoku-board-cell input {
background: none;
font-size: 19.2px;
font-size: 1.4rem;
text-align: center;
width: 2em;
max-width: 100%;
height: 2em;
border: 0;
position: relative;
z-index: 1; /*on top of candidates*/
}
			
.sudoku-board-cell .highlight-val {
color: #00d;
}			

.sudoku-board-cell .board-cell--error {
background: #d00;
color: #eee;
}
		
.sudoku-board-cell .candidates {
display: none; /*hidden by default*/
position: absolute;
top: 0; bottom: 0; left: 0; right: 0;
text-align: center;
font-size: .75em; /*1/3 /1.13 out of the 2*1.2em cell height*/
letter-spacing: -.5px;
font-family: monospace, sans-serif;
/*use as justify grid*/
line-height: 0;
text-align: justify;
}

.sudoku-board .candidates:after {
content: "";
display: inline-block;
width: 100%;
}
		
@media(max-width: 23em){
.sudoku-board 
.candidates {
letter-spacing: -2px;
}
}

.showCandidates .candidates {
display: block;
}

.sudoku-board .candidates div {
display: inline-block;
width: 20%;
line-height: 1.13;
vertical-align: top;
*display: inline;
*zoom: 1;
}

.candidate--highlight {
background-color: yellow;
}
				
.candidate--to-remove {
background-color: red;
color: white;
}

/*--caca-palavra--*/

.caca-palavras {
margin: 10px 0 20px 0;
clear: both;
}
.caca-palavras #game-options {
  margin: 0 0 20px 0;
  }
.caca-palavras #game-options .navbar-inner {
  min-height: 5px;
}
.caca-palavras #game-options .navbar-inner #points {
  display: none;
}
.caca-palavras #game-options .navbar-inner .navbar-form #restart,
.caca-palavras #game-options .navbar-inner .navbar-form div,
.caca-palavras #game-options .navbar-inner .navbar-form select {
  margin-right: 0px;
  font-size: 100px;
}
.caca-palavras #game-options .navbar-inner #clock {
  font-size: 1px;
  line-height: 25px;
  display: none;
}
.caca-palavras #formato-palavras {
  position: relative;
  width: 100%;
  height: 100%;
}
.caca-palavras #word-search {
  z-index: 0;
  position: relative;
  padding: 0;
  top: 0;
}
.caca-palavras canvas {
  border: 1px solid #D4D4D4;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
}
.caca-palavras canvas#grid {
  z-index: 10;
}
.caca-palavras canvas#lines {
  z-index: 100;
}
.caca-palavras canvas#layer {
  z-index: 200;
}
.caca-palavras #soup-word-list {
  float: right;
  border: 0px solid #D4D4D4;
  position: relative;
  margin-top: 0px;
  margin-right: 50px;
  z-index: 500;
  width: 200px;
  overflow: auto;
  list-style-type: none;
  font-size: 20px;
  text-transform: uppercase;
}
.caca-palavras #soup-word-list li {
  margin: 0px 0px;
  padding-left: 0px;
}
.caca-palavras #soup-word-list li a {
  display: none;
}
.caca-palavras .crossed {
  text-decoration: line-through;
}
.caca-palavras .bad-crossed {
  text-decoration: line-through;
}

/* Quiz */

#resposta {
font-family: 'PT Sans', Arial, sans-serif;
font-size: 1.55em;
clear: both;
padding-top: 10px;
padding-bottom: 25px;
border: 0px solid #E4E4E4;
}

input[type=radio].css-checkbox {
position:absolute; z-index:-1000; 
left:-1000px; 
overflow: hidden; 
clip: rect(0 0 0 0); 
height:1px; 
width:1px; 
margin:-1px; 
padding:0; 
border:0;
}

input[type=radio].css-checkbox + label.css-label {
padding-left:80px;
height:70px; 
display:inline-block;
background-repeat:no-repeat;
background-position: 0 0;
vertical-align:middle;
cursor:pointer;
background-color: #F9F9F9;
}

input[type=radio].css-checkbox:checked + label.css-label {
background-position: 0 -70px;
}

label.css-label {
background-image:url(../a-imagem/quiz-marca.gif);
width: 80%;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.textarea-quiz {
width: 50%;
font-size: 22px;
font-family: arial, sans-serif;
line-height: 1.5;
color: #000000;
text-align: left;
background-color: #F7F7F7;
border: 1px solid #C0C0C0;
}

/* Digita */

.ch-correct {
color: #48BB78;
}

.ch-incorrect {
color: #FF0000;
}

.bg-corrent {
background: #C6F6D5;
}

.bg-incorrect {
background: #FED7D7;
}

.info {
font-size: 2rem;
border: 1px solid #1A202C;
background: #FFFF99;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}

.info>* {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 0.25rem 0.5rem;
border-right: 1px solid #1A202C;
}

.info>*:last-child {
border-right: 0;
}

#current-word {
width: 100%;
text-align: left;
font-size: 4rem;
font-weight: lighter;
padding-left: 0rem;
padding-right: 0rem;
}

#word-input {
display: block;
width: 80%;
font-size: 2rem;
border: 1px solid #1A202C;
padding: 0.5rem;
outline: 0;
font-family: 'Roboto', sans-serif;
}