/* === Basic === */

body, h1, h2, form, html, p, div, span, table, tbody, td, tr, ul, img { margin: 0; padding: 0;}
html {border: 0; height: 100%; margin: 0 auto;}
body, table, td, th, input, textarea, select {font-family: Arial, Tahoma, sans-serif;}
ul {list-style: none;}
a, img, a img {outline: 0;border: 0;-moz-outline: 0;}
img {vertical-align: middle;}


.b{ font-weight: bold; }
.fz0{font-size:0 !important}
.fz8{font-size:8pt !important}
.fz9{font-size:9pt !important}
.fz10{font-size:10pt !important}
.fz11{font-size:11pt !important}
.fz12{font-size:12pt !important}
.fz16{font-size:16pt !important}
.m5{margin:5px !important}
.ml-5{margin-left:-5px !important}
.mr2{margin-right:2px !important}
.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}
.mr90{margin-right:84px !important}
.ml10{margin-left:10px !important}
.ml5{margin-left:5px !important}
.ml3{margin-left:3px !important}
.mt-1{margin-top:-1px !important}
.mt-3{margin-top:-3px !important}
.mt2{margin-top:2px !important}
.mr2{margin-right:2px !important}
.mt3{margin-top:3px !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt-10{margin-top:-10px !important}
.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.m0{margin:0px !important}
.pl10{padding-left:10px !important}
.p2{padding:2px !important}
.p5{padding:5px !important}
.ptb6{padding-top:6px;padding-bottom:6px !important}
.ptb7{padding-top:7px;padding-bottom:7px !important}
.ptb10{padding-top:10px;padding-bottom:10px !important}
.pt5{padding-top:5px !important}
.pt1{padding-top:1px !important}
.p10{padding:10px !important}
.plr10{padding-left:10px;padding-right:10px !important}
.pb5{padding-bottom:5px !important}
.pb7{padding-bottom:7px !important}
.pb3{padding-bottom:3px !important}
.pb10{padding-bottom:10px !important}
.pb0{padding-bottom:0 !important}
.pr5{padding-right:5px !important}
.pr10{padding-right:10px !important}
.pr18{padding-right:18px !important}
.pl3{padding-left:3px !important}
.pl5{padding-left:5px !important}
.h16{height:16px !important}
.h20{height:20px !important}
.h54{height:54px !important}
.h70{height:70px !important}
.h77{height:77px !important}
.h80{height:80px !important}
.h100{height:100px !important}
.h100pc{height:100% !important}
.w77{width:77px !important}
.w100{width:100px !important}
.w70{width:70px !important}
.w32pc{width:33% !important}
.w47pc{width:47% !important}
.w50pc{width:50% !important}
.w54pc{width:54% !important}
.w75pc{width:65% !important}
.w95pc{width:96% !important}
.w96{width:96% !important}
.w15{width:15px !important}
.w30{width:30px !important}
.w40{width:40px !important}
.w54{width:54px !important}
.w64{width:64px !important}
.w80{width:80px !important}
.w140{width:140px !important}


.none_max_900{
	display: none;
}






    @-webkit-keyframes animateArrowRight {
        0%   { left: 265px; }
        75%  { left: 275px; }
        100% { left: 265px; }
    }
    @keyframes animateArrowRight {
        0%   { left: 265px; }
        75%  { left: 275px; }
        100% { left: 265px; }
    }
	
    @-webkit-keyframes animateArrowTop {
        0%   { top: -25px; }
        75%  { top: -35px; }
        100% { top: -25px; }
    }
    @keyframes animateArrowTop {
        0%   { top: -25px; }
        75%  { top: -35px; }
        100% { top: -25px; }
    }

	.tutorial-arrow:after{
		content: '';
		width: 60px;
		height: 80px;
		position: absolute;
		z-index: 100;
	}
	.tutorial-arrow.topArrow:after{
		top: -25px;
		-webkit-animation: animateArrowTop 1s linear 1s infinite;
		animation: animateArrowTop 1s linear 1s infinite;
		background: url(/theme/i/icons/start/arrow-bottom.png) 0 0 no-repeat;
	}
	.tutorial-arrow.rightArrow:after{
		top: -40px;
		left: 265px;
		-webkit-animation: animateArrowRight 1s linear 1s infinite!important;
		animation: animateArrowRight 1s linear 1s infinite!important;
		background: url(/theme/i/icons/start/arrow-left.png) 0 0 no-repeat;
	}
	
	
	

	
	



.vspliv { 
	-webkit-animation: sk-scaleout 0.5s;
	-moz-animation: sk-scaleout 0.5s;
	animation: sk-scaleout 0.5s;
}

@-webkit-keyframes sk-scaleout {
  0% {
	-webkit-transform: scale(0);
	transform: scale(0);
}

  100% {
	-webkit-transform: scale(1);
	transform: scale(1);
	}
}

@keyframes sk-scaleout {
  0% {
	-webkit-transform: scale(0);
	transform: scale(0);
  }
  100% {
	-webkit-transform: scale(1);
	transform: scale(1);
  }
}












.EBE3B3, .n1{
	background: #EBE3B3 !important;
	color: #635B49;
}
.ABA273, .n2{
	background: #ABA273 !important;
	color: #635B49;
}










a.close_ob{
	float: right;
	margin: -17px -17px 0px -17px;
	padding: 6px;
	border: 2px solid #777;
	background: #ddd;
	border-radius: 50%;
}


.center_ob{
	position: fixed;
	background: rgb(22, 64, 88);
	border: 1px solid #49788e;
	border-radius: 15px;
	min-height: 350px;
	color: #fff;
	font-size: 13px;
	padding: 9px;
	text-decoration: none; 
	margin-left: -50px;
	margin-top: 50px;
	display: block;
	max-width: 400px;
	z-index: 1001;
}

	
@media all and (max-width: 420px){
	.center_ob{
		max-width: 290px !important;
		margin-left: 5px !important;
		margin-top: 10px !important;
		position: absolute;
	}
}

@media all and (max-width: 240px){
	.center_ob{
		max-width: 216px !important;
		margin-left: 2px !important;
		margin-top: 10px !important;
		position: absolute;
	}
}

@media all and (max-height: 700px){
	.center_ob{
		position: absolute;
	}
}




@media all and (min-width: 901px){
	.menuZag{
		z-index: -1;
		position: fixed;
		padding: 6px;
		color: #ddd;
		border-radius: 5px;
		background: url('../img/bg.png') #051546;
		border: 1px solid #0c1e4c;
		width: 220px;
		height: 210px;
		margin: 222px;
		margin-top: -170px;
	}
	.menuZag.leftMenu{
		right: 50%;
		margin-left: 0;
		margin-bottom: 0;
		box-shadow: 0px 0px 15px 5px #fff;
	}
	.menuZag.rightMenu{
		/*
		left: 50%;
		margin-right: 0;
		margin-bottom: 0;
		box-shadow: 0px 0px 15px 5px #a9ac3e;
		*/
		right: 50%;
		margin-left: 0;
		margin-bottom: 0;
		box-shadow: 0px 0px 15px 5px #fff;
		margin-top: 70px;
	}
}
@media all and (max-width: 900px){
	.menuZag{
		display: none;
	}
}












.zatemnenie{
	position: absolute;
	margin-top: -1200px;
	margin-left: -1200px;
	padding: 2500px;
	z-index: 1000;
	background: #777;
	opacity: 0.5;
}











.sms{
	white-space:normal;
	word-warp: break-word;
	overflow: hidden;
	text-align: justify;
}

.casino_inner{
	background: #EBE3B3;
	padding: 2px;
	border: 5px solid #C0B081;
	color: #635B49;
}


.delete_inner
{
background: #C0B081;
padding: 2px;
border: 5px solid #C0B081;
color: #635B49;
}

.private_inner
{
background: #C9B081;
padding: 2px;
border: 5px solid #C9B081;
color: #635B49;
}


.chat_panel{
	background-color:#C0B681; 
	color:#635b49;
	clear:both;
	overflow:hidden;
	padding:5px; }


.inner_chat { padding: 5px;  background: #EBE3B3; color: #635B49;  }
.inner_chat.odd {  background: #D9D09A; }



.start_image{
	position: absolute;
	bottom: -35px;
	right: 70px;
	line-height: 1px; 
}



.statok img {
	transition: 0.5s;
	opacity: .2;
}

.statok:hover  img {
	transition: 0.5s;
	opacity: .6;
}

 img.flip {
   -moz-transform: scaleX(-1);
   -o-transform: scaleX(-1);
   -webkit-transform: scaleX(-1);
   transform: scaleX(-1);
   filter: FlipH;
   -ms-filter: "FlipH";
}



#scroller_container {
	position: relative;
	width: 200px;
	height: 40px;
	overflow: hidden;
}

#scroller {
	white-space: nowrap;
	line-height: 40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* Scoller Box */