@CHARSET "ISO-8859-1";

/* .ui-dialog-background */
/* { */
/* opacity: 0.5; */
/* display: block !important; */
/* -webkit-transition: opacity 0.5s ease-in; */
/* } */
/* .ui-dialog-background.pop.in */
/* { */
/* opacity: 1; */
/* -webkit-transition: opacity 0.5s ease-in; */
/* } */
/* .ui-dialog */
/* { */
/* background: transparent !important; */

/* } */
*:focus {
    outline: 0;
}

.ui-tabs .status1 {
    background: blue-light;font-size: 20px;font-weight:bold;
}
.ui-tabs .status2 {
    background: blue-light;
    font-size: 20px;font-weight:bold;
}

.ui-tabs .ui-tabs-nav
{
background: rgb(151, 181, 94);
}

img,td,div{
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
.background_book {
	font-family: 'Tinos', 'Times New Roman', serif, Arial;
	background: rgb(151, 181, 94) url("../images2/butoane_main/fundal_background.png");
}
#background_buttons{
	
	position:absolute;
	background: url("../images2/butoane_main/bara.png") no-repeat;
	margin:0;
	padding:0px;
	margin:0px;
	top:0px; 
	left:0px;
	
	width:1000px;
	height:63px;
}



#headerDiv{
	position:relative;
	padding:0px;
	margin:0px;
	top:0px; 
	left:0px;
}


#potentiometer {
	z-index: 2000;
	position: absolute;
	margin: 0;
	background: url("../images2/butoane_main/backgroundPotentiometer.png") no-repeat;
	background-position:bottom; 
	width: 164px;
	height: 44px;
	top:10px;
	line-height:44px;
	white-space: nowrap;
	left:0px;
	
}

.controlRemove {
	z-index:2000;
	position: absolute;
	background: url("../images2/butoane_main/minus.png") no-repeat;
	margin: 0;
	display: inline-block;
	border: 0;
	width: 17px;
	height: 4px;
	line-height:4px;
	white-space: nowrap;
	left:10px;
	top:20px;
}

.controlRemove:hover {
	z-index:2000;
	position: absolute;
	background: url("../images2/butoane_main/minus2.png") no-repeat;
	margin: 0;
	width: 17px;
	height: 4px;
	
}

.controlRemove:active {
	position: absolute;
	margin: 0;
}

#mySlider {
	z-index:2000;
	position: absolute;
	margin: 0;
	width: 100px;
	height:0px;
	color: yellow;
	font-size: 40px;
	font-weight: bold;
	left:30px;
	top:-5px;
}



.controlAdd {
	z-index:2000;
	position: absolute;
	background: url("../images2/butoane_main/plus.png") no-repeat;
	margin: 0;
	display: inline-block;
	border: 0;
	width: 17px;
	height: 15px;
	line-height:15px;
	white-space: nowrap;
	right:5px;
	top:14px;
}

.controlAdd:hover {
	position: absolute;
	background: url("../images2/butoane_main/plus2.png") no-repeat;
	margin: 0;
	width: 17px;
	height: 15px;
	
}

.controlAdd:active {
	position: absolute;
}

#pagination {
	z-index: 2000;
	margin: 0;
	position: absolute;
	background: url("../images2/butoane_main/backgroundPagination.png") no-repeat;
	width: 442px;
	height: 61px;
	line-height:61px;
	white-space: nowrap;
	left:165px;
}

.pagination .first {
	z-index:2001;
	position: absolute;
	background: url("../images2/butoane_main/dubla_sageata1.png") no-repeat;
	margin: 0;
	display: inline-block;
	border: 0;
	width: 44px;
	height: 32px;
	top: 13px;
	line-height:32px;
	white-space: nowrap;
	left:40px
}

.pagination .first:hover {
	position: absolute;
	background: url("../images2/butoane_main/dubla_sageata2.png") no-repeat;
	width: 44px;
	height: 32px;
	line-height:32px;
	
}

.pagination .first:active {
	position: absolute;
	top: 14px;
}

.prev {
	z-index:2001;
	position: absolute;
	background: url("../images2/butoane_main/sageata1.png") no-repeat;
	margin: 0;
	display: inline-block;
	border: 0;
	width: 25px;
	height: 32px;
	top: 13px;
	line-height:32px;
	white-space: nowrap;
	left:100px;
}

.prev:hover {
	position: absolute;
	background: url("../images2/butoane_main/sageata2.png") no-repeat;
	width: 25px;
	height: 32px;

}

.prev:active {
	position: absolute;
	top: 14px;
}
#text_span{
	position:absolute;
	white-space: nowrap;
	left:140px;
	color:black;
	
}
.text_pagination {
	z-index:2000;
	position: absolute;
	background: url("../images2/butoane_main/inputPagination.png") no-repeat;
	border: 0;
	width: 48px;
	height: 44px;
	color:yellow;
	font-weight:bold;
	font: Times New Roman;
	font-size:18px;
	text-align: center;
	top:7px;
	line-height:20px;
	/*cursor:pointer;*/
	white-space: nowrap;
	left:240px;
}

#spanMaxPage{
	position:absolute;
	white-space: nowrap;
	left:290px;
	color:black;
}

.pagination .next {
	z-index:2000;
	position: absolute;
	background: url("../images2/butoane_main/sageata3.png") no-repeat;
	margin: 0;
/* 	display: inline-block; */
	border: 0;
	width: 25px;
	height: 32px;
	top: 13px;
	line-height:32px;
	white-space: nowrap;
	left:320px;
}

pagination .next:hover {
	position: absolute;
	background: url("../images2/butoane_main/sageata4.png") no-repeat;
	width: 25px;
	height: 32px;
}

pagination .next:active {
	position: absolute;
	top: 14px;
	
}

.pagination .last {
	z-index:2000;
	position: absolute;
	background: url("../images2/butoane_main/dubla_sageata4.png") no-repeat;
	width: 44px;
	height: 32px;
	margin: 0;
	display: inline-block;
	border: 0;
	top: 13px;
	line-height:32px;
	white-space: nowrap;
	left:360px;
}

.pagination .last:hover {
	position: absolute;
	background: url("../images2/butoane_main/dubla_sageata3.png") no-repeat;
	width: 44px;
	height: 32px;
	top: 13px;
	line-height:32px;
}

.pagination .last:active {
	position: absolute;
	top: 14px;
	line-height:32px;
}

.cuprins {
	z-index: 2000;
	position: absolute;
	background: url("../images2/butoane_main/cuprins.png") no-repeat;
	width: 116px;
	height: 44px;
	margin: 0;
	display: inline-block;
	border: 0;
	top:10px;
	left:605px;
}

.cuprins:hover {
	position: absolute;
	background: url("../images2/butoane_main/cuprins2.png") no-repeat;
	width: 116px;
	height: 44px;
	top: 10px;
	
}

.cuprins:active {
	position: absolute;
	top: 11px;
}
.portofoliu {
	z-index: 2000;
	position: absolute;
	background: url("../images2/butoane_main/ajutor1.png") no-repeat;
	width: 116px;
	height: 44px;
	margin: 0;
	display: inline-block;
	border: 0;
	top: 10px;
	left:725px;
}

.portofoliu:hover {
	position: absolute;
	background: url("../images2/butoane_main/ajutor2.png") no-repeat;
	width: 116px;
	height: 44px;
	top: 10px;
}

.portofoliu:active {
	position: absolute;
	top: 11px;
}

.rezultate:hover {
	position: absolute;
	background: url("../images2/butoane_main/rezultate2.png") no-repeat;
	width: 116px;
	height: 44px;
	top: 10px; top: 10px;
	left:725px;left:845px
}
.rezultate {
	z-index:2000;
	position: absolute;
	background: url("../images2/butoane_main/rezultate.png") no-repeat;
	width: 116px;
	height: 44px;
	margin: 0;
	display: inline-block;
	border: 0;
	top: 10px;top: 10px;
	left:725px;left:845px
	
	
}
.rezultate:active {
	position: absolute;
	top: 11px;top: 10px;
	left:725px;left:845px
}
.coperta {
	z-index: 2;
	position: fixed;
	left:5%;
    top: 50%;
/*	background: url("../images2/pagina/copertaE1.png") no-repeat;*/
	width: 495px;
	height: 622px;
	margin-top:-311px;
	margin-left:-297.5px;
	
}
/*.coperta {
	position: relative;
	background: url("../images/pagina/coperta1.png") no-repeat;
	width: auto;
}	
	margin-top:-311px;
	margin-left:-297.5px;*/
	
.btn_information {/*casti*/
	z-index: 2;
 	background: url("../images2/butoane_main/casti.png") no-repeat; 
	background-size: cover;
	margin: 0;
	display: inline-block;
	border: 0;
	width: 50px;
	height: 50px;
	position: relative;
	cursor:pointer;
}

.btn_information:hover {
	z-index: 2;
	background: url("../images2/butoane_main/casti.png") no-repeat;
	margin: 0;
	width: 50px;
	height: 50px;
	position: relative;
	cursor:pointer;
}

.btn_information:active {
	z-index: 2;
	margin: 0;
	width: 50px;
	height: 50px;
	position: relative;
}

.corner_left_down{
	z-index: 3; 
	position: absolute;
	left:45px;
	bottom:8px;
	background: url("../images2/butoane_main/corner_left_down2.png") no-repeat;
	margin: 0;
	display: inline-block;
	width: 129px;
	height: 233px;
	cursor:pointer;
}

.corner_left_down:hover {
	z-index: 3;
	left:45px;
	bottom:8px;
	background: url("../images2/butoane_main/corner_left_down1.png") no-repeat;
	margin: 0;
	width: 129px;
	height: 233px;
	position: absolute;
	cursor:pointer;
}

.corner_left_down:active {
	z-index: 3;
	left:45px;
	bottom:8px;
	margin: 0;
	width: 129px;
	height: 233px;
	position: absolute;
	cursor:pointer;
}

.corner_left_up{
	z-index: 3; 
	position: absolute;
	left:45px;
	top:13px;
    background: url("../images2/butoane_main/corner_left_up2.png") no-repeat;
	margin: 0;
	display: inline-block;
	width: 129px;
	height: 233px;
	cursor:pointer;
}

.corner_left_up:hover {
	z-index: 3; 
	position: absolute;
	left:45px;
	top:13px;
	background: url("../images2/butoane_main/corner_left_up1.png") no-repeat;
	margin: 0;
	width: 129px;
	height: 233px;
	cursor:pointer;
}

.corner_left_up:active {
	z-index: 3;
	left:45px;
	top:13px;
	position: absolute;
	margin: 0;
	width: 129px;
	height: 233px;
	cursor:pointer;
}

.corner_right_up{
	z-index: 3; 
	position: absolute;
	right:10px;
	top:13px;
    background: url("../images2/butoane_main/corner_right_up2.png") no-repeat;
	margin: 0;
	display: inline-block;
	width: 129px;
	height: 233px;
	cursor:pointer;
}

.corner_right_up:hover {
	z-index: 3; 
	position: absolute;
	right:10px;
	top:13px;
	background: url("../images2/butoane_main/corner_right_up1.png") no-repeat;
	margin: 0;
	width: 129px;
	height: 233px;
	cursor:pointer;
}

.corner_right_up:active {
	z-index: 3;
	position: absolute;
	right:10px;
	top:13px;
	margin: 0;
    width: 129px;
	height: 233px;
	cursor:pointer;
		
}
.corner_right_down{
	z-index: 3;
	position: absolute;
	right:10px;
	bottom:8px;
    background: url("../images2/butoane_main/corner_right_down2.png") no-repeat;
	margin: 0;
	display: inline-block;
	width: 129px;
	height: 233px;
	cursor:pointer;
}

.corner_right_down:hover {
	z-index: 3;
	position: absolute;
	right:10px;
	bottom:8px;
	background: url("../images2/butoane_main/corner_right_down1.png") no-repeat;
	margin: 0;
	width: 129px;
	height: 233px;
	cursor:pointer;
	
}

.corner_right_down:active {
	z-index: 3;
	position: absolute;
	right:10px;
	bottom:8px;
	margin: 0;
	width: 129px;
	height: 233px;
	cursor:pointer;
}



.play {
	z-index: 3;
 	background: url("../images2/litera_a/pause.png") no-repeat; 
	margin: 0;
	display: inline-block;
	border: 0;
	width: 29px;
	height: 29px;
	position: absolute;
}


.play:active {
	position: absolute;
}

.stop {
	z-index: 2;
 	background: url("../images2/litera_a/stop1.png") no-repeat; 
	margin: 0;
	display: inline-block;
	border: 0;
	width: 29px;
	height: 29px;
	position: absolute;
}

.stop:hover {
 	background: url("../images2/litera_a/stop2.png") no-repeat; 
	width: 29px;
	height: 29px;
	position: absolute;
}

.stop:active {
	position: absolute;
	top: 501px
}

.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_games{
 z-index:3999;
 position:absolute;
 cursor:pointer;
 border-color:#2EBBE0;
 border-color: rgba(46, 187, 224, 1);
 -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:8px solid;
 padding:0;
 border-radius:50% 50% 50% 50%;border-color:#2EBBE0;border-style:solid;
}
.btn_games:hover{
	
	 z-index:3999;
 position:absolute;
 cursor:pointer;
 border-color:#2EBBE0;
 border-color: rgba(46, 187, 224, 1);
-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:8px solid;
 padding:0;
 border-radius:50% 50% 50% 50%;border-color:#2EBBE0;border-style:solid;
}


.btn_games:active {
	 z-index:3999;
 position:absolute;
 cursor:pointer;
 border-color:#2EBBE0;
 border-color: rgba(46, 187, 224, 1);
 -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:8px solid;
 padding:0;
 border-radius:50% 50% 50% 50%;border-color:#2EBBE0;border-style:solid;
}

.btn_videos {
	z-index: 3000;
	width: 66px; 
    height: 63px; 
	background: url("../images2/butoane_main/btn_video1.png") no-repeat;
	background-size:100px 100px;
	margin: 0;
	display: inline-block;
	border:0;
	cursor:pointer;
	
}

.btn_videos:hover {
	width: 66px; 
    height: 63px; 
	background: url("../images2/butoane_main/btn_video2.png") no-repeat;
	background-size:100px 100px;
	cursor:pointer;
}

.btn_videos:active {
	width: 63px; 
    height: 63px; 
	background: url("../images2/butoane_main/btn_video1.png") no-repeat;
	background-size:100px 100px;
	cursor:pointer;
}

.btn_reader1 {
	z-index: 6777;
	width: 380x; height: 170px; 
	background: url("../images2/reader/but_sc1_1.png") no-repeat;
	/*background-size:100px 100px;*/
	margin: 0;
	display: inline-block;
	border:0;
	cursor:pointer;
	
}

.btn_reader1:hover {
	width: 380x; 
    height: 170px; 
	background: url("../images2/reader/but_sc1_2.png") no-repeat;
	cursor:pointer;
}

.btn_reader1:active {
	width: 380x; 
    height: 170px; 
	background: url("../images2/reader/but_sc1_1.png") no-repeat;
	/*background-size:100px 100px;*/
	cursor:pointer;
}

.btn_reader2 {
	z-index: 6777;
	width: 380x; height: 170px; 
	background: url("../images2/reader/but_sc2_1.png") no-repeat;
	/*background-size:100px 100px;*/
	margin: 0;
	display: inline-block;
	border:0;
	cursor:pointer;
	
}

.btn_reader2:hover {
	width: 380x; 
    height: 170px; 
	background: url("../images2/reader/but_sc2_2.png") no-repeat;
	cursor:pointer;
}

.btn_reader2:active {
	width: 380x; 
    height: 170px; 
	background: url("../images2/reader/but_sc2_1.png") no-repeat;
	/*background-size:100px 100px;*/
	cursor:pointer;
}

.btn_reader3 {
	z-index: 6777;
	width: 380x; height: 170px; 
	background: url("../images2/reader/but_sc3_1.png") no-repeat;
	/*background-size:100px 100px;*/
	margin: 0;
	display: inline-block;
	border:0;
	cursor:pointer;
	
}

.btn_reader3:hover {
	width: 380x; 
    height: 170px; 
	background: url("../images2/reader/but_sc3_2.png") no-repeat;
	cursor:pointer;
}

.btn_reader3:active {
	width: 380x; 
    height: 170px; 
	background: url("../images2/reader/but_sc3_1.png") no-repeat;
	/*background-size:100px 100px;*/
	cursor:pointer;
}

.btn_reader4 {
	z-index: 6777;
	width: 528x; height: 150px; 
	background: url("../images2/reader/but_down_1.png") no-repeat;
	/*background-size:100px 100px;*/
	margin: 0;
	display: inline-block;
	border:0;
	cursor:pointer;
	
}

.btn_reader4:hover {
	width: 528x; height: 150px; 
	background: url("../images2/reader/but_down_2.png") no-repeat;
	cursor:pointer;
}

.btn_reader4:active {
	width: 528x; height: 150px; 
	background: url("../images2/reader/but_down_1.png") no-repeat;
	/*background-size:100px 100px;*/
	cursor:pointer;
}

.btn_reader5 {
	z-index: 6777;
	width: 528x; height: 150px; 
	background: url("../images2/reader/but_lend_1.png") no-repeat;
	/*background-size:100px 100px;*/
	margin: 0;
	display: inline-block;
	border:0;
	cursor:pointer;
	
}

.btn_reader5:hover {
	width: 528x; height: 150px; 
	background: url("../images2/reader/but_lend_2.png") no-repeat;
	cursor:pointer;
}

.btn_reader5:active {
	width: 528x; height: 150px; 
	background: url("../images2/reader/but_lend_1.png") no-repeat;
	/*background-size:100px 100px;*/
	cursor:pointer;
}

.btn_finaly {
	z-index: 6777;
	width: 156x; height: 78px; 
	background: url("../images2/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("../images2/butoane_main/finaly2.png") no-repeat;
	background-size:400px 200px;
	cursor:pointer;
}

.btn_finaly:active {
	width: 156x; height: 78px;  
	background: url("../images2/butoane_main/finaly3.png") no-repeat;
	background-size:400px 200px;
	cursor:pointer;
}	
.btn_back {
	z-index: 6777;
	width: 156x; height: 78px; 
	background: url("../images2/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("../images2/butoane_main/back2.png") no-repeat;
	background-size:400px 200px;
	cursor:pointer;
}

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