body{
	font-family:Verdana, Geneva, sans-serif;
	color:#000;
	font-size:12px;
	background:none;
}

strong{
	font-weight:bold;
}

#app{
	background:url(../images/app-bg.png) no-repeat left top;
	width:676px;
	height:378px;
	margin:0 auto;
	overflow:hidden;
	padding:94px 7px 8px 7px;
	position:relative;
}

#app .inner{
	width:100%;
	height:100%;
}

#app .bottom-border{
	background:url(../images/app-bottom-border.png) no-repeat left top;
	width:689px;
	height:8px;
	position:absolute;
	bottom:0;
	left:0;
	z-index:90;
}

/* --------------------------- */
/* App INTRO */
/* --------------------------- */

#app .intro{
	position:relative;
	display:none;
	padding:40px 110px 0 110px
}

#app .intro .title{
	text-align:center;
	padding-bottom:10px;
	border-bottom:2px solid #000;
	margin-bottom:10px;
}

#app .intro .text{
	padding:40px 10px 0 10px;
}

#app .intro .text ul{
	margin-left:1em;
}

#app .intro ul li{
	list-style-type:disc;
	line-height:1.2;
	margin-bottom:1.5em;
}

#app .intro .b-igraj{
	background:url(../images/b-igraj.png) no-repeat left top;
	width:85px;
	height:77px;
	position:absolute;
	left:294px;
	top:270px;
	cursor:pointer;
}

#app .intro .line{
	width:414px;
	height:2px;
	background:#000;
	position:absolute;
	left:130px;
	top:310px;
}

/* --------------------------- */
/* App GAME */
/* --------------------------- */

#app .game{
	position:relative;
	width:100%;
	height:100%;
	display:none;
}

#app .game .time{
	background:url(../images/game-cas.png) no-repeat left top;
	width:62px;
	height:58px;
	position:absolute;
	left:0;
	top:35px;
	color:#f7931e;
	font-size:22px;
	font-weight:bold;
	padding:50px 0 0 27px;
}

#app .game .item-name{
	background:url(../images/game-predmet.png) no-repeat left top;
	width:107px;
	height:39px;
	position:absolute;
	right:105px;
	top:0;
	color:#f7931e;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	padding-top:6px;
	line-height:1.2;
}

#app .game .points{
	background:url(../images/game-tocke.png) no-repeat left top;
	width:33px;
	height:25px;
	position:absolute;
	right:48px;
	top:0;
	color:#000;
	font-size:11px;
	font-weight:bold;
	padding-top:20px;
	padding-left:16px;
}

#app .game .trash{
	background:url(../images/game-trash.png) no-repeat left top;
	width:642px;
	height:235px;
	position:absolute;
	left:35px;
	top:30px;
}

#app .game .baskets-wrapper{
	position:absolute;
	bottom:0;
	left:75px;
	height:86px;
}

#app .game .baskets-wrapper .basket{
	position:absolute;
	width:86px;
	height:86px;
	background-image:url(../images/baskets-graphic.png);
	background-repeat:no-repeat;
	bottom:0;
}

#app .game .baskets-wrapper .basket-blue{
	background-position:0 0;
	left:0;
}

#app .game .baskets-wrapper .basket-brown{
	background-position:-90px 0;
	left:110px;
}

#app .game .baskets-wrapper .basket-white{
	background-position:-180px 0;
	left:220px;
}

#app .game .baskets-wrapper .basket-yellow{
	background-position:-270px 0;
	left:330px;
}

#app .game .baskets-wrapper .basket-black{
	background-position:-360px 0;
	left:440px;
}

.trash-item{
	background:url("../images/trash-graphic.png") top left no-repeat;
	position:absolute;
}

#item-3-6{ width:30px; height:77px; background-position:-10px -10px; }
#item-4-7{ width:22px; height:73px; background-position:-50px -10px; }
#item-3-3{ width:27px; height:73px; background-position:-10px -97px; }
#item-2-4{ width:17px; height:70px; background-position:-47px -97px; }
#item-3-4{ width:28px; height:70px; background-position:-10px -180px; }
#item-3-9{ width:31px; height:70px; background-position:-48px -180px; }
#item-0-3{ width:36px; height:68px; background-position:-10px -260px; }
#item-0-5{ width:36px; height:68px; background-position:-10px -338px; }
#item-2-6{ width:23px; height:67px; background-position:-56px -260px; }
#item-2-8{ width:40px; height:67px; background-position:-10px -416px; }
#item-3-1{ width:29px; height:66px; background-position:-10px -493px; }
#item-3-2{ width:26px; height:66px; background-position:-56px -338px; }
#item-3-0{ width:37px; height:66px; background-position:-10px -569px; }
#item-1-5{ width:43px; height:65px; background-position:-10px -645px; }
#item-0-0{ width:40px; height:64px; background-position:-10px -720px; }
#item-0-1{ width:56px; height:64px; background-position:-10px -794px; }
#item-0-4{ width:40px; height:64px; background-position:-10px -868px; }
#item-3-7{ width:43px; height:62px; background-position:-10px -942px; }
#item-3-14{ width:58px; height:62px; background-position:-10px -1014px; }
#item-3-12{ width:58px; height:62px; background-position:-10px -1086px; }
#item-3-13{ width:58px; height:61px; background-position:-10px -1158px; }
#item-2-5{ width:17px; height:56px; background-position:-60px -416px; }
#item-3-11{ width:51px; height:55px; background-position:-10px -1229px; }
#item-4-6{ width:31px; height:53px; background-position:-49px -493px; }
#item-3-10{ width:31px; height:53px; background-position:-10px -1294px; }
#item-4-3{ width:31px; height:53px; background-position:-51px -1294px; }
#item-2-3{ width:17px; height:50px; background-position:-57px -569px; }
#item-4-4{ width:22px; height:50px; background-position:-60px -720px; }
#item-2-2{ width:17px; height:49px; background-position:-63px -645px; }
#item-2-1{ width:17px; height:49px; background-position:-60px -868px; }
#item-1-1{ width:27px; height:49px; background-position:-10px -1357px; }
#item-1-0{ width:27px; height:49px; background-position:-47px -1357px; }
#item-2-0{ width:17px; height:49px; background-position:-63px -942px; }
#item-3-5{ width:28px; height:48px; background-position:-10px -1416px; }
#item-3-8{ width:25px; height:47px; background-position:-48px -1416px; }
#item-2-9{ width:40px; height:45px; background-position:-10px -1474px; }
#item-2-10{ width:22px; height:43px; background-position:-60px -1474px; }
#item-1-4{ width:45px; height:43px; background-position:-10px -1529px; }
#item-0-2{ width:48px; height:43px; background-position:-10px -1582px; }
#item-2-11{ width:21px; height:42px; background-position:-10px -1635px; }
#item-0-8{ width:60px; height:38px; background-position:-10px -1687px; }
#item-0-7{ width:60px; height:37px; background-position:-10px -1735px; }
#item-4-9{ width:47px; height:33px; background-position:-10px -1782px; }
#item-4-1{ width:44px; height:33px; background-position:-10px -1825px; }
#item-4-2{ width:44px; height:33px; background-position:-10px -1868px; }
#item-4-5{ width:41px; height:33px; background-position:-41px -1635px; }
#item-4-8{ width:47px; height:33px; background-position:-10px -1911px; }
#item-4-0{ width:38px; height:32px; background-position:-10px -1954px; }
#item-2-7{ width:10px; height:31px; background-position:-71px -1229px; }
#item-1-2{ width:29px; height:30px; background-position:-10px -1996px; }
#item-1-3{ width:53px; height:28px; background-position:-10px -2036px; }
#item-0-6{ width:72px; height:23px; background-position:-10px -2074px; }


#app .game .countdown{
	background: url("../images/countdown-bg.png") no-repeat scroll left top transparent;
	color: #F7931E;
	font-size: 80px;
	font-weight: bold;
	height: 208px;
	left: 235px;
	padding-top: 58px;
	position: absolute;
	text-align: center;
	top: 400px;
	width: 205px;
	z-index: 280;
}

/* --------------------------- */
/* Pop up */
/* --------------------------- */

.pop{
	background:url(../images/overlay.png) repeat left top;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:170;
}

.pop .pop-wrapper{
	background:url(../images/form-pop-bg.png) no-repeat left top;
	width:344px;
	height:298px;
	position:relative;
	margin:35px auto 0 auto;
	color:#f9ae3b;
	padding:110px 34px 0 34px;
	top:500px;
}

.pop .pop-type-1{
	background:url(../images/pop-bg-1.png) no-repeat left top;
	width:346px;
	height:178px;
}

.pop .b-igraj-znova{
	background:url(../images/b-igraj-znova.png) no-repeat left top;
	width:89px;
	height:79px;
	position:absolute;
	left:163px;
	top:350px;
	cursor:pointer;
}

.pop .b-igraj-znova-s{
	background:url(../images/b-igraj-znova-s.png) no-repeat left top;
	width:78px;
	height:69px;
	position:absolute;
	left:98px;
	top:237px;
	cursor:pointer;
}

.pop .b-vpisi-podatke{
	background:url(../images/b-vpisi-podatke.png) no-repeat left top;
	width:89px;
	height:79px;
	position:absolute;
	left:233px;
	top:237px;
	cursor:pointer;
}

.pop .pop-title{
	position:absolute;
	left:10px;
	top:0;
}

.pop .pop-close{
	background:url(../images/form-pop-close.png) no-repeat left top;
	width:22px;
	height:22px;
	position:absolute;
	right:12px;
	top:96px;
	cursor:pointer;
}

.pop .pop-content{
}

.pop .pop-content h2{
	font-size:18px;
	font-weight:bold;
	line-height:1.2;
}

.pop .pop-content p{
	line-height:1.2;
	font-weight:bold;
	font-size:13px;
	margin-bottom:1em;
}

.pop .pop-content .b-poslji{
	background:url(../images/b-poslji.png) no-repeat left top;
	width:96px;
	height:77px;
	cursor:pointer;
	position:absolute;
	bottom:-24px;
	left:160px;
}

.pop .pop-content form{
	margin-top:10px;
}

.pop .pop-content form .item{
	margin-bottom:5px;
}

.pop .pop-content form .item-ime{
	float:left;
	margin-right:10px;
}

.pop .pop-content form .item-postnast{
	float:left;
	margin-right:10px;
}

.pop .pop-content form .item-sola{
	float:left;
	margin-right:10px;
}

.pop .pop-content form label{
	font-size:13px;
	font-weight:bold;
	margin-bottom:2px;
	display:block;
}

.pop .pop-content form input.input-text{
	border:none;
	height:14px;
	font-family: Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:bold;
	padding:1px 10px 4px 10px;
	width:316px;
}

.pop .pop-content form input.input-l{
	background:url(../images/input-bg-l.png) no-repeat left top;
	width:323px;
}

.pop .pop-content form input.input-m{
	background:url(../images/input-bg-m.png) no-repeat left top;
	width:252px;
}

.pop .pop-content form input.input-ml{
	background:url(../images/input-bg-ml.png) no-repeat left top;
	width:228px;
}

.pop .pop-content form input.input-sm{
	background:url(../images/input-bg-sm.png) no-repeat left top;
	width:146px;
}

.pop .pop-content form input.input-s{
	background:url(../images/input-bg-s.png) no-repeat left top;
	width:40px;
}

.pop .pop-content form input.input-s1{
	background:url(../images/input-bg-s1.png) no-repeat left top;
	width:65px;
}

.margins-on h2, .margins-on p{
	margin-bottom:0.5em;
}

/* --------------------------- */
/* Rules link */
/* --------------------------- */

#rules-link{
	width:690px;
	text-align:center;
	margin:0 auto;
	padding-top:5px;
}

#rules-link p{
	color:#FFF;
}

#rules-link a{
	font-size:8px;
	color:#f9ae3b;
}