*{
	font-family:Verdana;
}

body {
	padding: 0px 0px 0px 0px;	
}

#main{
	background-image: url("../img/bkg-matematica.jpg");
	background-repeat:repeat-y;
	background-position:-200px 0px;	
	padding:10px 0px 20px 0px;
	margin:0px 0px 5px 0px;
	border:solid 7px #fff;
	text-align: right;
	height:2000px;	
}

#submain{
	float:right;
	width:800px;
	padding:10px;
	margin:0px 100px 0px 0px;	
	text-align:right;
	
}


#bottom{
	text-align:right;
	width:98%;
	border:none;
	padding:7px 10px 20px 5px;
	margin:0px 0px 100px 0px;
	background-color:#000;
	font-size:10px;
	color:#fff;
}

hr{
	width:100%;
	border:solid 14px #fff;	
	border-right:none;
	border-left:none;	
	height: 77px;
	background-image: url("../img/bkg-matematica-mini.jpg");
	background-repeat:repeat-x;
	background-position:-30px -55px;	
	background-color:#fff;
	margin:15px 0px 5px 0px;
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

h1,h2,h3 {
	margin:0px;
}


#btngo{
	padding: 20px;
	background-color:#0f0;
	font-size: 40px;
	display:none;	
	cursor:pointer;
}

/*--------------------------------------------------------------------------------*/


#multiplicacao_soma{
	float:right;
	background-color: #ffc;
	border-bottom:solid 5px #000;	
}

#multiplicacao_soma th{
	text-align: center;
	font-size: 23px;
}

#multiplicacao_soma td.opc{
	text-align: left;
	vertical-align: top;
	padding:5px;
	width:150px;
	border:solid 1px #aaa;
	background-color: #fff;
	cursor:pointer;
}

#multiplicacao_soma td:HOVER{
	background-color: #ff0;
	border:solid 1px #f00;
}



/*--------------------------------------------------------------------------------*/


#multiplicacao_retangular{
	float:right;
	background-color: #fda;
	border-bottom:solid 5px #000;	
	margin:0px 0px 0px 200px;
	width:900px;
}

#multiplicacao_retangular th{
	text-align: center;
	font-size: 23px;
}

#multiplicacao_retangular td.opc{
	text-align: left;
	vertical-align: top;
	padding:5px;
	border:solid 1px #aaa;
	background-color: #fff;
	cursor:pointer;
	
}

#multiplicacao_retangular td.opc:HOVER{
	background-color: #ff0;
	border:solid 1px #f00;
}


#retangulo{
	border-collapse: collapse;
}

#retangulo td{
	border:solid 1px #000;
	width:20px;
	height:20px;
	padding:0px;
}

/*--------------------------------------------------------------------------------*/


#multiplicacao_memoria{
	float:right;
	background-color: #fb7;
	border-bottom:solid 5px #000;
	border-collapse: collapse;	
}

#multiplicacao_memoria td.opc{
	text-align: center;
	vertical-align: middle;
	padding:10px;
	border:solid 1px #000;
	background-color: #fff;
	cursor:pointer;
	width:160px;
	height:120px;
	font-weight: bold;
	font-size: 32px;
}

#multiplicacao_memoria td.opc:HOVER{
	background-color: #ff0;	
}

.valores{
	display:none;
}

.resultShow{
	float:right;
	font-size:12px;
}


/*--------------------------------------------------------------------------------*/

.opc{}

.ok{}

.err{}