/*
 LInE (Laboratory of Informatics in Education) - http://www.usp.br/line
 IME - USP
 iHanoi - http://www.matematica.br/ihanoi
 Free Education, Private Data
 You can freely use this material, give reference to LInE (www.usp.br/line) and iMaht (www.matematica.br)

 Prof. PhD. Leo^nidas de Oliveira Branda~o
 http://www.ime.usp.br/~leo
 http://line.ime.usp.br
 http://www.matemtica.br
 */

body { margin: 10; overflow: hidden; font-family:sans; }
foot { font-size:.8cm; }
canvas { padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto; display: block; }
.fundoBotao { margin:0 auto; width: 800px; background:url("../img/fundo1.png"); }

/*
 disk1: 3399ff 0066cc
 disk2: cc66ff 9933ff
 disk3: e4ee26 cdd711
 disk4: 29eb46 11b92b
 disk5: 990099 330033
 disk6: ff6666 cc0000
*/
.tableBotoes { } /* display:table; */
.tableBotoes-celula { } /* display:table-cell; */
.tableBotoes-tar { margin-left: 1px; } /* text-align: left; */

.classeBotaoR { background-color: #5566cc; width: 90px; height: 26px; } /* //S width: 100px; large iHanoi 1140x540 */
.classButtonDisable { background-color: #7799ee; width: 90px; height: 26px; color: #88aaff; } /* //S width: 100px */

.classeBotao { display: inline-block; border-radius: 10px; border: 4px double #cccccc; color: #eeeeee; text-align: center;
  font-size: 12px; transition: all 0.5s; cursor: pointer; margin: 2px; vertical-align: middle; height: 26px; }
.classeBotao span { cursor: pointer; display: inline-block; position: relative; transition: 0.5s; }
.classeBotao span:after { content: '\00bb'; position: absolute; opacity: 0; top: 0; right: -20px; transition: 0.5s;}
.classeBotao:hover span { padding-right: 5px;} /* //S padding-right: 25px; */
.classeBotao:hover span:after { opacity: 1; right: 0; }

.classeBotaoES1 { background-color: #3388dd; width: 100px; font-size:.7em; }
.classeBotaoES1:hover { background-color: #6699ff; }
.classeBotaoES2 { background-color: #11bb66; width: 100px; font-size:.7em; }
.classeBotaoES2:hover { background-color: #22cc77; }

.classeBotao1 { background-color: #0066cc; font-size:.7em; } /*  width: 80px; */
.classeBotao1:hover { background-color: #3399ff; }

.classeBotao2 { background-color: #9933ff; font-size:.7em; } /* width: 80px; */
.classeBotao2:hover { background-color: #cc66ff; }

.classeBotao3 { color:#444444; border: 4px double #444444; background-color: #cdd711; font-size:.7em; } /*  width: 80px; */
.classeBotao3:hover { background-color: #e4ee26; }

.classeBotao4 { background-color: #11b92b; font-size:.7em; } /*  width: 80px; */
.classeBotao4:hover { background-color: #29eb46; }

.classeBotao5 { background-color: #330033; font-size:.7em; } /*  width: 80px; */
.classeBotao5:hover { background-color: #990099; }

.classeBotao6 { background-color: #cc0000; font-size:.7em; } /*  width: 80px; */
.classeBotao6:hover { background-color: #ff6666; }