@CHARSET "ISO-8859-1";

*:focus {
    outline: 0;
}
<!--tabel rezulate-->
.softcolor2 {
	BACKGROUND-COLOR: white;
}
.ui-tabs .ui-tabs-nav
{
	background: #d7a4e5;

}
.ui-tabs .status1 {
    background:  #f7f7f7; font-size: 20px;font-weight:bold;/*tab Rezultate exercitii*/
}
.ui-tabs .status2 {
    background:  #f7f7f7; font-size: 20px;font-weight:bold;/*tab Rezultate evaluare*/
}

.ui-dialog .ui-dialog-content .ui-widget-content{
    padding: 0;margin: 0;
}
.ui-widget-overlay {
   background-color: #707070 ;
   background-image: none;
   opacity: 0.9;
}


.menu1{
	position:absolute;
	cursor:pointer;
	background-repeat:no-repeat;
	width:53px;height:170px;
	background-size:53px 170px;
	left:0px;
	top:60%;
}



.btn_login {
	-moz-box-shadow:inset 0px 14px 0px 0px #a836c5;
	-webkit-box-shadow:inset 0px 14px 0px 0px #a836c5;
	box-shadow:inset 0px 14px 0px 0px #a836c5;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a836c5), color-stop(1, #e0cff7));
	background:-moz-linear-gradient(top, #a836c5 5%, #e0cff7 100%);
	background:-webkit-linear-gradient(top, #a836c5 5%, #e0cff7 100%);
	background:-o-linear-gradient(top, #a836c5 5%, #e0cff7 100%);
	background:-ms-linear-gradient(top, #a836c5 5%, #e0cff7 100%);
	background:linear-gradient(to bottom, #a836c5 5%, #e0cff7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a836c5', endColorstr='#e0cff7',GradientType=0);
	background-color:#a836c5;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	border:1px solid #e0cff7;
	display:inline-block;
	cursor:pointer;
	color:#00000;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 0px 5px #a836c5;
}
.btn_login:hover {
	box-shadow:inset 0px 14px 0px 0px #a836c5;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e0cff7), color-stop(1, #a836c5));
	background:-moz-linear-gradient(top, #e0cff7 5%, #a836c5 100%);
	background:-webkit-linear-gradient(top, #e0cff7 5%, #a836c5 100%);
	background:-o-linear-gradient(top, #e0cff7 5%, #a836c5 100%);
	background:-ms-linear-gradient(top, #e0cff7 5%, #a836c5 100%);
	background:linear-gradient(to bottom, #e0cff7 5%, #a836c5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0cff7', endColorstr='#a836c5',GradientType=0);
	background-color:#b7b7ff;
}
.btn_login:active {
	
}


.inputName {
  display: inline-block;
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  color: #000000;
  padding: 5px;
  vertical-align: middle;
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 2px 2px 3px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: inset 2px 2px 3px 0px rgba(0,0,0,0.5);
  box-shadow: inset 2px 2px 3px 0px rgba(0,0,0,0.5);
  border: none;
  outline: none;

}



img,td,div{
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
.closeMenu {
	position:absolute;top:390px;right:10px;
	width:50px; height:50px; 
	background: url("../images/meniu/close1.png") no-repeat;
    display: inline-block;
	border-style:none;
	
	
}

.closeMenu:hover {
	z-index:6;
	cursor:pointer;
	width:50px; height:50px; 
	background: url("../images/meniu/close2.png") no-repeat;
	}

.potentiometerMinus {
	cursor:pointer;position:absolute;top:110px;right:320px;
	background: url("../images/meniu/minus1.png") no-repeat;
	margin: 0;
	display: inline-block;
	border: 0;
	width: 70px;
	height: 44px;
	white-space: nowrap;
	background-size: 48px 30px;
	
}

.potentiometerMinus:hover {
	cursor:pointer;position:absolute;top:110px;right:320px;
	background: url("../images/meniu/minus2.png") no-repeat;
	margin: 0;
	width: 70px;
	height: 44px;
	background-size: 48px 30px;
	
}

.potentiometerMinus:active {
	cursor:pointer;position:absolute;top:110px;right:320px;
}

.potentiometerPlus{
	cursor:pointer;position:absolute;top:110px;right:250px;
	background: url("../images/meniu/plus1.png") no-repeat;
	margin: 0;
	display: inline-block;
	border: 0;
	width: 70px;
	height: 44px;
	white-space: nowrap;
	background-size: 48px 30px;
}

.potentiometerPlus:hover {
	cursor:pointer;position:absolute;top:110px;right:250px;
	background: url("../images/meniu/plus2.png") no-repeat;
	margin: 0;
	width: 70px;
	height: 44px;
	background-size: 48px 30px;
	
}

.potentiometerPlus:active {
	cursor:pointer;position:absolute;top:110px;right:250px;
}


.pagination1 .first {
	cursor:pointer;position:absolute;top:165px;right:380px;
	background: url("../images/meniu/first1.png") no-repeat;
	margin: 0;
	display: inline-block;
	border: 0;
	width: 48px;
	height: 44px;
	background-size: 38px 30px;
	
}

.pagination1 .first:hover {
	cursor:pointer;position:absolute;top:165px;right:380px;
	background: url("../images/meniu/first2.png") no-repeat;
	width: 48px;
	height: 44px;
	background-size: 38px 30px;
}

.pagination1 .first:active {
	cursor:pointer;position:absolute;top:165px;right:380px;

}

.prev {
	cursor:pointer;position:absolute;top:165px;right:330px;
	background: url("../images/meniu/prev1.png") no-repeat;
	margin: 0;
	display: inline-block;
	border: 0;
	width: 48px;
	height: 44px;
	background-size: 38px 30px;
	
}



.prev:hover {
	cursor:pointer;position:absolute;top:165px;right:330px;
	background: url("../images/meniu/prev2.png") no-repeat;
	width: 48px;
	height: 44px;
	background-size: 38px 30px;

}

.prev:active {
	cursor:pointer;position:absolute;top:165px;right:330px;
}
.prev1{
	z-index:7;position:absolute;top:46.5%;left:-4.3%;
	background: url("../images/meniu/prev1.png") no-repeat;
	margin: 0;
	display: inline-block;
	background-size: cover;
	border-style:none;
	cursor:pointer;
	
}
.prev1:hover {
	z-index:7;position:absolute;top:46.5%;left:-4.3%;
	background: url("../images/meniu/prev2.png") no-repeat;
	margin: 0;
	display: inline-block;
	background-size: cover;
	border-style:none;
	cursor:pointer;
	
}
.text_span1{

	position:absolute;top:220px;right:300px;
	display: inline-block;
	font-weight:bold;
	font-size:16px;
	line-height: 16px;
	padding: 5px;
	color:#000000;
	 vertical-align: middle;
	 background: #ffbf00;
	 -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
	
}

.pagination1 .viewPage {
 position:absolute;top:210px;right:250px;
 display: inline-block;
  font-weight:bold;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  width: 30px;
  height: 30px;
  color: #000000;
  padding: 5px;
  vertical-align: middle;
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 2px 2px 3px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: inset 2px 2px 3px 0px rgba(0,0,0,0.5);
  box-shadow: inset 2px 2px 3px 0px rgba(0,0,0,0.5);
  border: none;
  outline: none;
	
}

.spanMaxPage1{
	position:absolute;top:220px;right:220px;
	display:inline-block;
	font-weight:bold;
	font-size:16px;
	
}

.pagination1 .next {
	cursor:pointer;position:absolute;top:165px;right:280px;
	background: url("../images/meniu/next1.png") no-repeat;
	display: inline-block; 
	border: 0;
	margin:0;
	width: 48px;
	height: 44px;
	background-size: 38px 30px;
	
}


.pagination1 .next:hover {
	cursor:pointer;position:absolute;top:165px;right:280px;
	background: url("../images/meniu/next2.png") no-repeat;
	width: 48px;
	height: 44px;
	background-size: 38px 30px;
	white-space: nowrap;
}

.pagination1 .next:active {
	cursor:pointer;position:absolute;top:165px;right:280px;
}
.next1 {
	z-index:7;position:absolute;top:46.5%;right:-4.3%;
	background: url("../images/meniu/next1.png") no-repeat;
	display: inline-block; 
	margin:0;
	background-size: cover;
	border-style:none;
	cursor:pointer;
}
.next1:hover {
	z-index:7;position:absolute;top:46.5%;right:-4.3%;
	background: url("../images/meniu/next2.png") no-repeat;
	display: inline-block; 
	margin:0;
	background-size: cover;
	border-style:none;
	cursor:pointer;
}
.pagination1 .last {
	cursor:pointer;position:absolute;top:165px;right:230px;
	background: url("../images/meniu/last1.png") no-repeat;
	width: 48px;
	height: 44px;
	margin: 0;
	display: inline-block;
	border: 0;
	white-space: nowrap;
	background-size: 38px 30px;
	
}

.pagination1 .last:hover {
	cursor:pointer;position:absolute;top:165px;right:230px;
	background: url("../images/meniu/last2.png") no-repeat;
	width: 48px;
	height: 44px;
background-size: 38px 30px;
}

.pagination1 .last:active {
	cursor:pointer;position:absolute;top:165px;right:230px;
}

.cuprins {
	position:absolute;top:290px;right:280px;
	-moz-box-shadow:inset 0px 14px 0px 0px #ffbf00;
	-webkit-box-shadow:inset 0px 14px 0px 0px #ffbf00;
	box-shadow:inset 0px 14px 0px 0px #ffbf00;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffbf00), color-stop(1, #ffe494));
	background:-moz-linear-gradient(top, #ffbf00 5%, #ffe494 100%);
	background:-webkit-linear-gradient(top, #ffbf00 5%, #ffe494 100%);
	background:-o-linear-gradient(top, #ffbf00 5%, #ffe494 100%);
	background:-ms-linear-gradient(top, #ffbf00 5%, #ffe494 100%);
	background:linear-gradient(to bottom, #ffbf00 5%, #ffe494 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbf00', endColorstr='#ffe494',GradientType=0);
	background-color:#ffbf00;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	border:1px solid #d86f29;
	display:inline-block;
	cursor:pointer;
	color:#00000;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 0px 5px #ffbf00;
}
.cuprins:hover {
	position:absolute;top:290px;right:280px;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffe494), color-stop(1, #ffbf00));
	background:-moz-linear-gradient(top, #ffe494 5%, #ffbf00 100%);
	background:-webkit-linear-gradient(top, #ffe494 5%, #ffbf00 100%);
	background:-o-linear-gradient(top, #ffe494 5%, #ffbf00 100%);
	background:-ms-linear-gradient(top, #ffe494 5%, #ffbf00 100%);
	background:linear-gradient(to bottom, #ffe494 5%, #ffbf00 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe494', endColorstr='#ffbf00',GradientType=0);
	background-color:#ffe494;
}
.cuprins:active {
	position:absolute;top:290px;right:280px;
}

.rezultate {
	position:absolute;top:350px;right:275px;
	-moz-box-shadow:inset 0px 14px 0px 0px #ffbf00;
	-webkit-box-shadow:inset 0px 14px 0px 0px #ffbf00;
	box-shadow:inset 0px 14px 0px 0px #ffbf00;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffbf00), color-stop(1, #ffe494));
	background:-moz-linear-gradient(top, #ffbf00 5%, #ffe494 100%);
	background:-webkit-linear-gradient(top, #ffbf00 5%, #ffe494 100%);
	background:-o-linear-gradient(top, #ffbf00 5%, #ffe494 100%);
	background:-ms-linear-gradient(top, #ffbf00 5%, #ffe494 100%);
	background:linear-gradient(to bottom, #ffbf00 5%, #ffe494 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbf00', endColorstr='#ffe494',GradientType=0);
	background-color:#ffbf00;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	border:1px solid #d86f29;
	display:inline-block;
	cursor:pointer;
	color:#00000;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 0px 5px #ffbf00;
}
.rezultate:hover {
	position:absolute;top:350px;right:275px;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffe494), color-stop(1, #ffbf00));
	background:-moz-linear-gradient(top, #ffe494 5%, #ffbf00 100%);
	background:-webkit-linear-gradient(top, #ffe494 5%, #ffbf00 100%);
	background:-o-linear-gradient(top, #ffe494 5%, #ffbf00 100%);
	background:-ms-linear-gradient(top, #ffe494 5%, #ffbf00 100%);
	background:linear-gradient(to bottom, #ffe494 5%, #ffbf00 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe494', endColorstr='#ffbf00',GradientType=0);
	background-color:#ffe494;
}
.rezultate:active {
	position:absolute;top:350px;right:275px;
}

.ajutorGeneral {
	position:absolute;top:410px;right:285px;
	-moz-box-shadow:inset 0px 14px 0px 0px #ffbf00;
	-webkit-box-shadow:inset 0px 14px 0px 0px #ffbf00;
	box-shadow:inset 0px 14px 0px 0px #ffbf00;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffbf00), color-stop(1, #ffe494));
	background:-moz-linear-gradient(top, #ffbf00 5%, #ffe494 100%);
	background:-webkit-linear-gradient(top, #ffbf00 5%, #ffe494 100%);
	background:-o-linear-gradient(top, #ffbf00 5%, #ffe494 100%);
	background:-ms-linear-gradient(top, #ffbf00 5%, #ffe494 100%);
	background:linear-gradient(to bottom, #ffbf00 5%, #ffe494 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbf00', endColorstr='#ffe494',GradientType=0);
	background-color:#ffbf00;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	border:1px solid #d86f29;
	display:inline-block;
	cursor:pointer;
	color:#00000;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 0px 5px #ffbf00;
}
.ajutorGeneral:hover {
	position:absolute;top:410px;right:285px;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffe494), color-stop(1, #ffbf00));
	background:-moz-linear-gradient(top, #ffe494 5%, #ffbf00 100%);
	background:-webkit-linear-gradient(top, #ffe494 5%, #ffbf00 100%);
	background:-o-linear-gradient(top, #ffe494 5%, #ffbf00 100%);
	background:-ms-linear-gradient(top, #ffe494 5%, #ffbf00 100%);
	background:linear-gradient(to bottom, #ffe494 5%, #ffbf00 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe494', endColorstr='#ffbf00',GradientType=0);
	background-color:#ffe494;
}
.ajutorGeneral:active {
	position:absolute;top:410px;right:285px;
}



.corner{
	z-index: 3; 
	position: absolute;
	cursor:pointer;
	background-size: cover;
}

.corner:hover {
	z-index: 3; 
	position: absolute;
	cursor:pointer;
	background-size: cover;
}

.corner:active {
	z-index: 3;
	position: absolute;
	cursor:pointer;
}





.ui-dialog {
    left: 0;
    outline: 0 none;
    padding: 0 !important;
    margin: 0;
    position: absolute;
    top: 0;
}
.ui-dialog .ui-dialog-content .ui-widget-content{
    padding: 0;margin: 0;
}

#success {
    padding: 0px;
    margin: 0px; 
}

.pagini{
	opacity:0.5;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}

.pagini:hover {
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

/* background-position: 0 0;error unchecked */
/* background-position: 0px -49px;ok unchecked */
/* background-position: 0px -97px;error checked */
/* background-position: 0px -145px;ok checked */
/* background-position: 0px -193px;hover unchecked */
/* background-position: 0px -241px;checked */
/* background-position: 0px -289px;unchecked */
.btn_cuprins{
 z-index:6;
 position:absolute;
 cursor:pointer;
  border-color:#40c9f5;
 -webkit-border-top-left-radius:50px;
 -moz-border-radius-topleft:50px;
 border-top-left-radius:50px;
 -webkit-border-top-right-radius:50px;
 -moz-border-radius-topright:50px;
 border-top-right-radius:50px;
 -webkit-border-bottom-right-radius:50px;
 -moz-border-radius-bottomright:50px;
 border-bottom-right-radius:50px;
 -webkit-border-bottom-left-radius:50px;
 -moz-border-radius-bottomleft:50px;
 border-bottom-left-radius:50px;
 background-color:#FFFFFF; 
 background: rgba(255, 255, 255, 0.3); 
    opacity:1;
 border:3px solid;
 padding:0;
 border-radius:50% 50% 50% 50%;border-color:#40c9f5;border-style:solid;
}
.btn_cuprins:hover{
	
 z-index:6;
 position:absolute;
 cursor:pointer;
  border-color:#40c9f5;
 -webkit-border-top-left-radius:50px;
 -moz-border-radius-topleft:50px;
 border-top-left-radius:50px;
 -webkit-border-top-right-radius:50px;
 -moz-border-radius-topright:50px;
 border-top-right-radius:50px;
 -webkit-border-bottom-right-radius:50px;
 -moz-border-radius-bottomright:50px;
 border-bottom-right-radius:50px;
 -webkit-border-bottom-left-radius:50px;
 -moz-border-radius-bottomleft:50px;
 border-bottom-left-radius:50px;
 background-color:#FFFFFF; 
 background: rgba(255, 255, 255, 0.3); 
    opacity:1;
 border:4px solid;
 padding:0;
 border-radius:50% 50% 50% 50%;border-color:#40c9f5;border-style:solid;
}


.btn_cuprins:active {
z-index:6;
 position:absolute;
 cursor:pointer;
 border-color:#40c9f5;
 -webkit-border-top-left-radius:50px;
 -moz-border-radius-topleft:50px;
 border-top-left-radius:50px;
 -webkit-border-top-right-radius:50px;
 -moz-border-radius-topright:50px;
 border-top-right-radius:50px;
 -webkit-border-bottom-right-radius:50px;
 -moz-border-radius-bottomright:50px;
 border-bottom-right-radius:50px;
 -webkit-border-bottom-left-radius:50px;
 -moz-border-radius-bottomleft:50px;
 border-bottom-left-radius:50px;
 background-color:#FFFFFF; 
 background: rgba(255, 255, 255, 0.3); 
    opacity:1;
 border:4px solid;
 padding:0;
 border-radius:50% 50% 50% 50%;border-color:#40c9f5;border-style:solid;
}

.btn_games{
 z-index:4;
 position:absolute;
 cursor:pointer;
  border-color:#a836c5;
 -webkit-border-top-left-radius:50px;
 -moz-border-radius-topleft:50px;
 border-top-left-radius:50px;
 -webkit-border-top-right-radius:50px;
 -moz-border-radius-topright:50px;
 border-top-right-radius:50px;
 -webkit-border-bottom-right-radius:50px;
 -moz-border-radius-bottomright:50px;
 border-bottom-right-radius:50px;
 -webkit-border-bottom-left-radius:50px;
 -moz-border-radius-bottomleft:50px;
 border-bottom-left-radius:50px;
 background-color:#FFFFFF; 
 background: rgba(255, 255, 255, 0.3); 
    opacity:1;
 border:3px solid;
 padding:0;
 border-radius:50% 50% 50% 50%;border-color:#a836c5;border-style:solid;
}
.btn_games:hover{
	
 z-index:4;
 position:absolute;
 cursor:pointer;
  border-color:#a836c5;
 -webkit-border-top-left-radius:50px;
 -moz-border-radius-topleft:50px;
 border-top-left-radius:50px;
 -webkit-border-top-right-radius:50px;
 -moz-border-radius-topright:50px;
 border-top-right-radius:50px;
 -webkit-border-bottom-right-radius:50px;
 -moz-border-radius-bottomright:50px;
 border-bottom-right-radius:50px;
 -webkit-border-bottom-left-radius:50px;
 -moz-border-radius-bottomleft:50px;
 border-bottom-left-radius:50px;
 background-color:#FFFFFF; 
 background: rgba(255, 255, 255, 0.3); 
    opacity:1;
 border:4px solid;
 padding:0;
 border-radius:50% 50% 50% 50%;border-color:#a836c5;border-style:solid;
}


.btn_games:active {
z-index:4;
 position:absolute;
 cursor:pointer;
 border-color:#a836c5;
 -webkit-border-top-left-radius:50px;
 -moz-border-radius-topleft:50px;
 border-top-left-radius:50px;
 -webkit-border-top-right-radius:50px;
 -moz-border-radius-topright:50px;
 border-top-right-radius:50px;
 -webkit-border-bottom-right-radius:50px;
 -moz-border-radius-bottomright:50px;
 border-bottom-right-radius:50px;
 -webkit-border-bottom-left-radius:50px;
 -moz-border-radius-bottomleft:50px;
 border-bottom-left-radius:50px;
 background-color:#FFFFFF; 
 background: rgba(255, 255, 255, 0.3); 
    opacity:1;
 border:4px solid;
 padding:0;
 border-radius:50% 50% 50% 50%;border-color:#a836c5;border-style:solid;
}

.btn_static{
 z-index:4;
 position:absolute;
 cursor:pointer;
  border-color:#045e20;
 -webkit-border-top-left-radius:50px;
 -moz-border-radius-topleft:50px;
 border-top-left-radius:50px;
 -webkit-border-top-right-radius:50px;
 -moz-border-radius-topright:50px;
 border-top-right-radius:50px;
 -webkit-border-bottom-right-radius:50px;
 -moz-border-radius-bottomright:50px;
 border-bottom-right-radius:50px;
 -webkit-border-bottom-left-radius:50px;
 -moz-border-radius-bottomleft:50px;
 border-bottom-left-radius:50px;
 background-color:#FFFFFF; 
 background: rgba(255, 255, 255, 0.3); 
    opacity:1;
 border:3px solid;
 padding:0;
 border-radius:50% 50% 50% 50%;border-color:#045e20;border-style:solid;
}

.btn_static:hover{
	
 z-index:4;
 position:absolute;
 cursor:pointer;
  border-color:#045e20;
 -webkit-border-top-left-radius:50px;
 -moz-border-radius-topleft:50px;
 border-top-left-radius:50px;
 -webkit-border-top-right-radius:50px;
 -moz-border-radius-topright:50px;
 border-top-right-radius:50px;
 -webkit-border-bottom-right-radius:50px;
 -moz-border-radius-bottomright:50px;
 border-bottom-right-radius:50px;
 -webkit-border-bottom-left-radius:50px;
 -moz-border-radius-bottomleft:50px;
 border-bottom-left-radius:50px;
 background-color:#FFFFFF; 
 background: rgba(255, 255, 255, 0.3); 
    opacity:1;
 border:4px solid;
 padding:0;
 border-radius:50% 50% 50% 50%;border-color:#045e20;border-style:solid;
}


.btn_static:active {
z-index:4;
 position:absolute;
 cursor:pointer;
 border-color:#045e20;
 -webkit-border-top-left-radius:50px;
 -moz-border-radius-topleft:50px;
 border-top-left-radius:50px;
 -webkit-border-top-right-radius:50px;
 -moz-border-radius-topright:50px;
 border-top-right-radius:50px;
 -webkit-border-bottom-right-radius:50px;
 -moz-border-radius-bottomright:50px;
 border-bottom-right-radius:50px;
 -webkit-border-bottom-left-radius:50px;
 -moz-border-radius-bottomleft:50px;
 border-bottom-left-radius:50px;
 background-color:#FFFFFF; 
 background: rgba(255, 255, 255, 0.3); 
    opacity:1;
 border:4px solid;
 padding:0;
 border-radius:50% 50% 50% 50%;border-color:#045e20;border-style:solid;
}

.btn_videos {
	z-index: 4;cursor:pointer;
	width:96px; height:89px;
	background: url("../images/butoane_fereastra_joc/video1.png") no-repeat;
	background-size:54px 50px;
	margin: 0;
	display: inline-block;
	border: 0;
	
	
}

.btn_videos:hover {
	z-index: 4;cursor:pointer;
	width:96px; height:89px;
	background: url("../images/butoane_fereastra_joc/video2.png") no-repeat;
	background-size:54px 50px;  
	margin: 0;
	display: inline-block;
	border: 0;
}

.btn_videos:active {
	z-index: 4;cursor:pointer;
	width:96px; height:89px;
	background: url("../images/butoane_fereastra_joc/video3.png") no-repeat;
	background-size:54px 50px;
	margin: 0;
	display: inline-block;
	border: 0;
}

.btn_audio {
	z-index:4;
 position:absolute;
 cursor:pointer;
  border-color:#ffd701;
 -webkit-border-top-left-radius:50px;
 -moz-border-radius-topleft:50px;
 border-top-left-radius:50px;
 -webkit-border-top-right-radius:50px;
 -moz-border-radius-topright:50px;
 border-top-right-radius:50px;
 -webkit-border-bottom-right-radius:50px;
 -moz-border-radius-bottomright:50px;
 border-bottom-right-radius:50px;
 -webkit-border-bottom-left-radius:50px;
 -moz-border-radius-bottomleft:50px;
 border-bottom-left-radius:50px;
 background-color:#FFFFFF; 
 background: rgba(255, 255, 255, 0.3); 
    opacity:1;
 border:3px solid;
 padding:0;
 border-radius:50% 50% 50% 50%;border-color:#ffd701;border-style:solid;
	
}

.btn_quiz {
	z-index: 4;cursor:pointer;
	width:133px; height:70px;
	background: url("../images/butoane_fereastra_joc/quiz1.png") no-repeat;
	margin: 0;
	display: inline-block;
	border: 0;
	
	
}

.btn_quiz:hover {
	z-index: 4;cursor:pointer;
	width:133px; height:70px;
	background: url("../images/butoane_fereastra_joc/quiz2.png") no-repeat;
	margin: 0;
	display: inline-block;
	border: 0;
}

.btn_quiz:active {
	z-index: 4;cursor:pointer;
	width:133px; height:70px;
	background: url("../images/butoane_fereastra_joc/quiz3.png") no-repeat;
	margin: 0;
	display: inline-block;
	border: 0;
}


.divEvl{
	position: absolute;
	text-align:center;
	font-size:24px; 
	border-style:solid; 
	border-color: #84c547;  
	box-shadow: 0 0 10px #1b895;
	
}
.reset {
	z-index: 6;
	width:96px; height:89px;
	background: url("../images/butoane_fereastra_joc/repeta1.png") no-repeat;
	margin: 0;
	display: inline-block;
	border: 0;
   	cursor:pointer;
}

.reset:hover {
	width:96px; height:89px;
	background: url("../images/butoane_fereastra_joc/repeta2.png") no-repeat;
	cursor:pointer;
}

.reset:disabled {
	width:96px; height:89px;
    background: url("../images/butoane_fereastra_joc/repeta3.png") no-repeat;
	center: 1px;
}


.btn_finaly {
	z-index: 6777;
	width: 156x; height: 78px; 
	background: url("../images/butoane_main/finaly1.png") no-repeat;
	background-size:400px 200px;
	margin: 0px;
	display: inline-block;
	border:0px;
	padding:0px;
	cursor:pointer;
	
}

.btn_finaly:hover {
	width: 156x; height: 78px; 
	background: url("../images/butoane_main/finaly2.png") no-repeat;
	background-size:400px 200px;
	cursor:pointer;
}

.btn_finaly:active {
	width: 156x; height: 78px;  
	background: url("../images/butoane_main/finaly3.png") no-repeat;
	background-size:400px 200px;
	cursor:pointer;
}	
.btn_back {
	z-index: 6777;
	width: 156x; height: 78px; 
	background: url("../images/butoane_main/back1.png") no-repeat;
	background-size:400px 200px;
	margin: 0px;
	display: inline-block;
	border:0px;
	padding:0px;
	cursor:pointer;
	
}

.btn_back:hover {
	width: 156x; height: 78px; 
	background: url("../images/butoane_main/back2.png") no-repeat;
	background-size:400px 200px;
	cursor:pointer;
}

.btn_back:active {
	width: 156x; height: 78px;  
	background: url("../images/butoane_main/back3.png") no-repeat;
	background-size:400px 200px;
	cursor:pointer;	
	
}