* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }



body { font-size: 14px; line-height: 18px; font-family: Arial, Helvetica, sans-serif; color: #d1d1d1; background-color:#000000; min-width: 100%;   background: url(images/podloga.jpg) no-repeat center center fixed;

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}


a { color: #ffa706; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

.nemaTeksta{ font-size:16px;}

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.clear { clear: left; }
.clearPoc { clear:both;}
article, aside, details, footer, header, menu, nav, section { display: block; }


#wrapper{width:100%;}

.townUp4 { background: url(images/TownUp2.png) repeat-x center top; height: 135px; padding-top:0px;}
.townLogo{ background: url(images/escapLogo.png) no-repeat center top; height: 165px;}
/*.townBottom { background: url(images/TownBottom.png) repeat-x center bottom; height: 211px; bottom:0; width:100%; opacity: 0.3;}*/

.shell { width: 1060px; margin: 0 auto; }
.shellBig { width: 1450px; margin: 0 auto; }

.shellBigHidden { width: 1510px; margin: 0 auto;}

.container {background-color:#000000; border: 15px solid #1f2022; padding-left:0px;}
#header { padding-top: 10px; padding-left: 33px; padding-right: 17px; }

#header .igra h1 {margin-top:35px;}
h1 { font-size: 20px; color:#95d6f6; padding-bottom:25px; padding-top:20px; }

.igra h1 { font-size: 20px; color:#95d6f6; padding-bottom:25px; padding-top:10px; margin-top:15px; text-align:center;}
h3 { font-size: 20px; color:#95d6f6; padding-bottom:20px; }

.hSrednji{font-size: 20px; color:#95d6f6; text-align:center;}
.hSrednji a:link {font-size: 20px; color:#95d6f6; text-align:center; }

.numbPage{font-size: 20px; color:#95d6f6; text-align:left; display:block; padding-left:18px; padding-bottom:20px;}
.numbPage a:link {font-size: 20px; color:#95d6f6;  text-align:left; display:block;}

.line { background: url(images/section-shadow.png) no-repeat; height:3px; margin-top:10px; margin-left:20px; text-align:center;}
	.linePoc { background: url(images/section-shadow.png) no-repeat; height:3px; margin-top:10px; margin-left:25px; margin-bottom: 25px;}

#navigation { height: 52px; padding-top: 4px; font-family: Arial, Helvetica, sans-serif; font-weight: 700; padding-left:95px; padding-bottom:50px;}
#navigation ul { list-style: none; list-style-position: outside;  }
#navigation ul li { float: left; padding: 0 40px 0 40px; line-height: 52px; font-size: 14px; text-transform: uppercase; background-color:#343538;}
#navigation ul li a { display: block; color: #95d6f6;  }
#navigation ul li a:hover,
#navigation ul li.active a  { text-decoration: none; color: #ffa706; }
#navigation ul li.first a { padding-left: 38px; }
#navigation a.nav-btn { display: none; }



#navigationKategorija { height: 52px; padding-top: 4px; font-family: Arial, Helvetica, sans-serif; font-weight: 700; background-color:#343538;}
#navigationKategorija ul { list-style: none; list-style-position: outside; }
#navigationKategorija ul li { float: left;  padding: 0 24px 0 24px;  line-height: 52px; font-size: 14px; text-transform: uppercase; }
#navigationKategorija ul li a { display: block; color: #95d6f6;  }
#navigationKategorija ul li a:hover,
#navigationKategorija ul li.active a  { text-decoration: none; color: #ffa706; }
#navigationKategorija ul li.first a { padding-left: 38px; }
#navigationKategorija a.nav-btn { display: none; }






.slider-holder { position: relative; z-index: 5; }
.slider-holder span.slider-b { background: url(images/slider-bottom.png) no-repeat 0 0;  width: 990px; height: 30px; position: absolute; bottom: 0px; left: 0px; z-index: 100;}
.slider-holder span.slider-shadow { background: url(images/slider-shadow.png) no-repeat 0 0;  width: 990px; height: 13px; position: absolute; top: 0px; left: 0px; z-index: 100; display: block; }
.slider { width: 990px;  height: 300px; position: relative;  background: url(images/slide-img.png) no-repeat 0 0;}
.slider ul.slides { list-style: none; list-style-position: outside; }
.slider ul.slides li { width: 990px; height: 378px; float: left; position: relative; overflow: hidden; }

.slider ul.slides li .img-holder { width: 440px; height: 350px; position: absolute; bottom: 5px; right: 0px;}
.slider ul.slides li .img-holder img { width: 450px; height: 250px; }


.slider ul.slides li .slide-cnt { width: 420px; padding: 33px 0 0 34px; position: absolute; left: 0; top: 20px;}
.slider ul.slides li .slide-cnt p { color: #d1d1d1; font-size: 16px; padding-bottom: 22px; line-height: 24px;}
.flex-control-nav { left: 480px; }
.main a.m-btn-grey { display: none; }

.main { padding: 47px 0px 0px; }
.main h2 { font-size: 22px; color: #2d5900; line-height: 22px; padding-bottom: 8px; font-family: Arial, Helvetica, sans-serif; font-weight: 500; }
.main section { clear: both; background: url(images/section-shadow.png) no-repeat center bottom; padding: 0 20px 60px; }

.main .cols { padding-left: 0; padding-right: 0; }
.main p { text-align:center; color:#d1d1d1; font-size:14px;}




.main .cols .col { width: 171px; float: left; text-align:center; height:150px;}
/*.main .cols .col:after { content:''; width: 100%; clear: both; }*/
.main .cols .col + .col { padding-left: 0px; }
.main .cols .col img { width: 130px; height: 100px; border: 2px solid #00CCCC;  }
.main .cols .col img:hover { border: 3px solid #FFCC00; opacity: 0.4; filter: alpha(opacity=40); }
.main .cols .col-cnt { width: 171px;  }


.adaptivni{ width: 970px; height:90px; padding: 0;}
.main .oglSve{text-align:center; padding-top:5px; padding-bottom:5px; width: 990px; margin-left: 17px; clear:left; border: 1px solid #fb860a; margin-top:75px; margin-bottom: 96px;}
.main .oglSvePoc{text-align:center; padding-top:5px; padding-bottom:5px; width: 990px; margin-left: 17px; clear:left; border: 1px solid #fb860a; margin-top:15px; margin-bottom: 48px;}

.main .ogl{width: 490px; float: left; text-align:center; height:280px;}

.main .cols .del{ display: none; }
.main a { text-align:center; color:#d1d1d1; font-size:14px; }
.main a:hover { color:#FFCC00; text-decoration:none;}

.mainIgra { padding-bottom: 0px; width:100%; height:100%; background-color:#000000;}
.tekstIgra{ width:970px; padding:20px 0px 10px 25px; font-size:16px; text-align:center; clear:left;}

.tekstIgra2{ width:100%; padding:20px 0px 30px 0px; font-size:16px; text-align:center; clear:left;}

/*.walk2{margin-top:60px;}*/

.oglTekst{text-align:center; padding-top:5px; padding-bottom:5px; clear:both; width: 990px; margin-left: 17px; border: 1px solid #fb860a; margin-top: 80px; margin-bottom: 110px;}

#footer2 { text-align:center; padding-top: 20px; padding-bottom:10px; font-size:14px;}
#footer { text-align:center; padding-top: 20px; padding-bottom:30px; font-size:11px;}


.logoCijeli{ width: 1000px; margin: 0 auto; height:30px; padding-left:30px; padding-bottom: 3px;}
.logoleft{ float:left; width:330px; text-align:left;}
.logoMiddle{ float:left; width:240px; text-align:left; }
.logoRight{ float:right; width:360px; text-align:right; padding-right:20px;}

.naslovFeat a { font-size: 30px; line-height: 100px; color: #95d6f6; text-shadow: rgba(0,0,0,0.4) 0px 1px 2px; font-family: Arial, Helvetica, sans-serif; font-weight: 200; text-decoration:underline;}

.newFeat { font-size: 20px; line-height: 20px; color: #ffa706; text-shadow: rgba(0,0,0,0.4) 0px 1px 2px; font-family: Arial, Helvetica, sans-serif; font-weight: 200;}

.naslovFeat a:hover { color: #ffa706; }

.igra{
text-align:center;
width:100%; 
height:100%;
}


.igraVel{
float:left;
text-align:center;
padding-left:150px;
padding-right:150px;
background-color:#000000;
}

.igraVelPuzzle{
float:left;
text-align:center;
padding-left:150px;
padding-right:150px;
background-color:#000000;
}

.igraL2{
float:left;
width:240px; 
text-align:left;
font-size:10px;
max-height:500px;

}

.igraL{
float:left;
width:160px; 
text-align:left;
font-size:10px;

}
.igraR{
float:left;
width:160px; 
text-align:right;
font-size:10px;
}

.igraR2{
float:left;
width:240px; 
text-align:right;
font-size:10px;
max-height:500px;
}


.upNaslovLeftNew{
float:left;
width:740px;
height:90px;
}

.upNaslovRightNew{
float:right;
width:200px;
}





.igraVelHidden{
float:left;
width:1000px; 
text-align:center;
margin-right:150px;
margin-bottom:10px;
}

.igraVelHiddenTekst{
float:left;
width:1000px; 
text-align:center;
margin-bottom:10px;
}

.igraHiddenNaslov h1 {font-size:20px;color:#95d6f6; margin-bottom:15px;margin-top:35px;text-align:center; width:1000px;}

.igraDesnoHidden{
float:right;
width:300px; 
height: 630px;
text-align:right;
font-size:10px;
}



/* #Media Queries
================================================== */

/* ipad portrait */
@media only screen and ( min-width: 768px) and ( max-width: 980px ) {
	body { width: 830px; }
	.shell { width: 830px; }
	.shellBig { width: 830px; }
	
	.shellBigHidden { width: 830px; margin: 0 auto;}
	
	
	#navigation {padding-left:0px; padding-bottom:30px;}
	#navigation ul li { padding: 0;}
	#navigation ul li a { padding: 0 14px 0 14px; font-size:13px;}
	#navigation ul li.first a { padding-left: 26px; }
	
	
	#navigationKategorija ul li { padding: 0;}
	#navigationKategorija ul li a { margin: 0 13px 0 13px; font-size:13px;}
	#navigationKategorija ul li.first a { padding-left: 26px; }
	

	.oglTekst{text-align:center; padding-top:20px; padding-bottom:25px; clear:both; width: 660px; margin-left: 17px;}
	.main .oglSve{text-align:center; padding-top:20px; padding-bottom:25px; clear:both; width: 660px; margin-left: 17px;}
	.main .oglSvePoc{text-align:center; padding-top:20px; padding-bottom:25px; clear:both; width: 660px; margin-left: 17px;}

	
	.townLogo{ background: url(images/escapLogo500.png) no-repeat center top; height: 93px;}
	.townUp {height: 125px; padding-top:70px;}
	
	.slider-holder { position: relative; }
	.slider-holder span.slider-b { background: url(images/t-slider-bottom.png) no-repeat 0 0;  width: 680px; height: 30px; position: absolute; bottom: -13px; left: 0px; z-index: 100;}
	.slider-holder span.slider-shadow { background: transparent; display: none;  }
	.flex-control-nav { left: 300px; }

	.slider { width: 680px; height: 252px; position: relative;}
	.slider ul.slides { list-style: none; list-style-position: outside; }
	.slider ul.slides li { width: 680px  !important; height: 292px; float: left; position: relative; }

	.slider ul.slides li .img-holder { width: 330px; height: 266px; position: absolute; bottom: 5px; right: 0px; }
	.slider ul.slides li .img-holder img { width: 350px  !important; height: 200px  !important; }

	.slider ul.slides li .slide-cnt { width: 330px; padding: 0px 0 0 34px;}
	.slider ul.slides li .box-cnt { width: 285px; }
	
	.main { padding: 47px 0 0 0;  }
	.main section { background: url(images/t-section-shadow.png) no-repeat center bottom; padding-left: 20px; padding-right: 20px;  }
	.main .cols { margin: 0 0 0 0; padding-left: 10px; padding-right: 0px; }

	.main .cols .col { width: 230px; float: left; display: block; padding-bottom: 22px; margin: 0 auto;}
	.main .cols .col img { float: none; display: block; margin: 0 auto;  }
	.main .cols .col + .col { padding-left: 0px; }
	.main .cols .col-cnt {text-align: center; }
	
	.adaptivni{ width: 680px; height:90px; padding: 0;}
	.main .ogl{ width: 354px; float: left; text-align:center; height:300px; }
	
	.main .cols .del{ clear:left; }
	
	.line { background: url(images/section-shadow748.png) no-repeat; height:3px; margin-top:5px; }

	.linePoc { background: url(images/section-shadow748.png) no-repeat; height:3px; margin-top:10px; margin-left:25px; margin-bottom: 25px;}
	
	.logoCijeli{ width: 680px; margin: 0 auto; height:30px; }
	.logoleft{ float:left; width:40%; text-align:left; }
	.logoMiddle{ float:left; width:10%; text-align:left; }
	.logoRight{ float:right; width:50%; text-align:right; }
	
	.naslovFeat { font-size: 40px; line-height: 70px; color: #ffa706; text-shadow: rgba(0,0,0,0.4) 0px 1px 2px; font-family: Arial, Helvetica, sans-serif; font-weight: 700;}
	
	.naslovFeat a { font-size: 24px; line-height: 70px; color: #95d6f6; text-shadow: rgba(0,0,0,0.4) 0px 1px 2px; font-family: Arial, Helvetica, sans-serif; font-weight: 200; text-decoration:underline;}

.naslovFeat a:hover { color: #edc244; }

.upNaslovLeftNew{
float:left;
width:640px;
}

.upNaslovRightNew{
display: none;
}


.igraVel{
  position: relative;
  width: 57%;
  height: 0;
  padding-bottom: 58%;
  background-color:#000000;
}

.igraVel embed,
.igraVel iframe,
.igraVel object {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
	background-color:#000000;
}


.igraVelPuzzle{
float:left;
text-align:center;
padding-left:0px;
padding-right:0px;
background-color:#000000;
}


.igraL{
display: none;

}

.igraL2{
display: none;

}
.igraR{
display: none;
}
.igraR2{
display: none;
}

/*
.walk2{
margin-top:60px;
width:680px;
}
*/
.tekstIgra2{ width:95%; padding: 10px;}



.igraVelHidden{position:relative;width:100%;height:0;padding-bottom:48%;}
.igraVelHidden embed,
.igraVelHidden iframe,
.igraVelHidden object{position:absolute;top:0;left:0;width:100%;height:100%;}
	
	




.igraVelHidden{
float:left;
width:800px; 
text-align:center;
margin-right:0px;
margin-bottom:10px;
}

.igraVelHiddenTekst{
float:left;
width:800px; 
text-align:center;
margin-bottom:10px;
}

.igraHiddenNaslov h1 {font-size:20px; color:#95d6f6; margin-bottom:15px;margin-top:17px;text-align:center; width:750px;}

.igraDesnoHidden{
display: none;
}


}

	
@media only screen and ( max-width: 767px) {
	body { width: auto; }
	.shell { width: 380px; margin: 0 auto;  }
	.shellBig { width: 380px; margin: 0 auto;}
	.shellBigHidden { width: 380px; margin: 0 auto;}

	#header { position: relative; z-index: 1000; padding-left: 0; padding-right: 0; height: 64px;  }
	h1 {font-size: 18px; color:#d1d1d1; padding-bottom:5px; text-align:center;}


.oglTekst{text-align:center; padding-top:20px; padding-bottom:25px; clear:both; width: 330px; margin-left: 10px;}
.main .oglSve{text-align:center; padding-top:20px; padding-bottom:25px; clear:both; width: 330px; margin-left: 10px;}
.main .oglSvePoc{text-align:center; padding-top:20px; padding-bottom:25px; clear:both; width: 330px; margin-left: 10px;}

	.townLogo{ background: url(images/escapLogo310.png) no-repeat center top; height: 51px;}
	.townUp {height: 105px; padding-top:90px;}
	
	
	#logo { float: none; display: block; margin: 0 auto; padding: 0 0 0 0;  }

	#navigation { padding: 0 0 0 0; height: 36px; }
	#navigation a.nav-btn { display: block; font-size: 13px; line-height: 36px;  padding-top: 0px; height: 35px; padding-left: 22px; text-transform: uppercase; color: #051c30; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: 700; background: url(images/navigation.png) repeat 0 0;}
	#navigation a.nav-btn:hover { text-decoration: none; }
	#navigation a.nav-btn span.arr { background: url(images/nav-arr.png) no-repeat 0 0; width: 13px; height: 9px; position: absolute; right: 14px; top: 12px; }
	#navigation a.nav-btn span.arr.active { background: url(images/nav-arr.png) no-repeat 0 bottom; }

	#navigation { position: relative; z-index: 1000; }
	#navigation ul { display: none; position: absolute; top: 36px; left: 0;  width: 100%;}
	#navigation ul li { display: block; line-height: 36px !important; float: none; background: url(images/navigation.png) repeat 0 0;  }
	#navigation ul li a { padding: 0 22px; color: #051c30;}
	#navigation ul li.first a { padding-left: 26px; display: none; }
	
	
	
	
	#navigationKategorija { padding: 0 0 0 0; height: 36px; }
	#navigationKategorija a.nav-btn { display: block; font-size: 13px; line-height: 36px;  padding-top: 0px; height: 35px; padding-left: 22px; text-transform: uppercase; color: #051c30; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: 700; background: url(images/navigation.png) repeat 0 0;}
	#navigationKategorija a.nav-btn:hover { text-decoration: none; }
	#navigationKategorija a.nav-btn span.arr { background: url(images/nav-arr.png) no-repeat 0 0; width: 13px; height: 9px; position: absolute; right: 14px; top: 12px; }
	#navigationKategorija a.nav-btn span.arr.active { background: url(images/nav-arr.png) no-repeat 0 bottom; }

	#navigationKategorija { position: relative; z-index: 1000; }
	#navigationKategorija ul { display: none; position: absolute; top: 36px; left: 0;  width: 100%;}
	#navigationKategorija ul li { display: block; line-height: 36px !important; float: none; background: url(images/navigation.png) repeat 0 0;  }
	#navigationKategorija ul li a { padding: 0 22px; color: #051c30;}
	#navigationKategorija ul li.first a { padding-left: 26px; display: none; }
	
	
	

	.m-slider { background: #000000;  }
	.slider-holder { position: relative; margin: 0 auto; width: 310px; }
	.slider-holder span.slider-b { background: url(images/m-slider-bottom.png) no-repeat 0 0; width: 310px; height: 12px; position: absolute; bottom: -3px; left: 0px; z-index: 100;}
	.slider-holder span.slider-shadow { background: transparent; display: none; }
	.flex-control-nav { left: 115px; }

	.slider { width: 310px; height: 181px; overflow: hidden; position: relative;}
	.slider ul.slides li { width: 310px !important; height: 181px !important; float: none; }

	.slider ul.slides li .img-holder { width: 260px  !important; height: 134px  !important; bottom: -10px !important; left: 72%; margin-left: -168px;  }
	.slider ul.slides li .img-holder img { width: 200px  !important; height: 134px !important; }

	.slider ul.slides li .slide-cnt { width: 310px; margin: 0 auto;  padding: 0px 0 0 0px; text-align:center;}
	.slider ul.slides li .box-cnt { display: none; }

	.main { padding: 40px 0 0 0; }
	.main section { background: url(images/m-section-shadow.png) no-repeat center bottom; padding: 0 20px 20px 20px; }
	.main .cols { margin: 0 0 0 0; }
	.main .cols .col { width: 173px; float: left; display: block; padding-bottom: 22px; margin: 0 auto;}
	.main .cols .col img { float: none; display: block; margin: 0 auto; }

	.main .cols .col + .col { padding-left: 0px; }
	.main .cols .col-cnt { text-align: center; float: none; display: block;  }
	
	.adaptivni{ width: 300px; height:250px; padding: 0;}
	.main .ogl{width: 336px; float: left; text-align:center; height:300px;}
	
	.main a.m-btn-grey { display: block; background: url(images/m-btn-grey.png) repeat-x 0 0; margin: 0 10px 14px;  height: 39px; text-align: center; line-height: 39px; border: 1px solid #9e9f9f; display: block; font-weight: bold; font-size: 18px;  color: #636363; text-shadow: rgba(255,255,255,0.4) 0px 1px 0px; }
	.main a.m-btn-grey:hover { background-position: 0 bottom; text-decoration: none; }

	
	.nemaTeksta{ display: none;}
	.line{ display: none; }
		.linePoc{ margin-bottom: 50px;}
	.logoCijeli{ display: none; }
	
	
	#header { display: none;}

	
	
	.igraHiddenNaslov h1 {font-size:16px; color:#95d6f6; margin:0px;padding-top :0px;text-align:center; width:345px;}
	
	
	/*
	.upNaslovLeftNew{float:left;width:330px; text-align: justify; padding: 8px;}
	.upNaslovRightNew{display:none;}
	*/

		.naslovFeat a { font-size: 18px; line-height: 8px; color: #95d6f6; text-shadow: rgba(0,0,0,0.4) 0px 1px 2px; font-family: Arial, Helvetica, sans-serif; font-weight: 200; text-decoration:underline;}

.naslovFeat a:hover { color: #edc244; }

.newFeat { font-size: 16px; line-height: 20px; color: #ffa706; text-shadow: rgba(0,0,0,0.4) 0px 1px 2px; font-family: Arial, Helvetica, sans-serif; font-weight: 200;}



.igraVel{
  position: relative;
  width: 14%;
  height: 0;
  padding-bottom: 56.25%;
  background-color:#000000;
}


.igraVel embed,
.igraVel iframe,
.igraVel object {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
}





.igraVelHidden{position:relative;width:100%;height:0;padding-bottom:48%;}
.igraVelHidden embed,
.igraVelHidden iframe,
.igraVelHidden object{position:absolute;top:0;left:0;width:100%;height:100%;}
	
	
	.igraVelHiddenTekst{ width:310px; padding-left:20px; }





.igraDesnoHidden{
display: none;
}


#game{
display:none;
}

.jigsaw{
display:none;
}

.igraL{
display: none;

}
.igraR{
display: none;
}


.igraL2{
display: none;

}
.igraR2{
display: none;
}

/*
.walk2{
margin-top:60px;
width:680px;
}*/

.tekstIgra2{ width:310px; padding-left:20px; }

.samoIgraZadnji {
float:left;
width:160px;
text-align:center;
height:160px;
}


.walk{
margin-top:60px;
width:1000px;
}

.walkLeft{
float:left;
width:480px;
}
.walkRight{
float:left;
margin-left:90px;
width:420px;
padding-top:10px;
padding-bottom:10px;
border: 1px solid #fb860a;
text-align:center;
}

.walk2{
	/*display:none;*/
	
}

.walkLeft2{
text-align:center;
margin-top:50px;
}


.gameContainer {
padding: 20px;

}

.walkLeft2{overflow:hidden;padding-bottom:56.25%;position:relative;height:0;}
.walkLeft2 iframe{left:0;top:0;height:100%;width:100%;position:absolute}




}

.walkLeft2{
text-align:center;
margin-top:70px;
}