*{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:#130c05;min-width:100%;background:url("/assets?p=%2Fimages%2Fpodloga.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("/assets?p=%2Fimages%2FTownUp2.png") repeat-x center top;height:135px;padding-top:0px;}
.townLogo{background:url("/assets?p=%2Fimages%2FhidLogo.jpg") no-repeat center top;height:125px;}

.townBottom {clear:both;}

.shell{width:1060px;margin:0 auto;}
.shellBig{width:1450px;margin:0 auto;}
.container{background-color:#130c05;border:15px solid #684d31;padding-left:0px;}
#header{padding-top:10px;padding-left:33px;padding-right:17px;}
h1{font-size:20px;color:#ea851c;padding-bottom:25px;padding-top:10px;}
.igra h1{font-size:20px;color:#ea851c;padding-bottom:25px;padding-top:10px;text-align:center;}
h3{font-size:20px;color:#ea851c;padding-bottom:20px;}
.hSrednji{font-size:20px;color:#ea851c;text-align:center;}
.hSrednji a:link{font-size:20px;color:#ea851c;text-align:center;}
.numbPage{font-size:20px;color:#ea851c;text-align:left;display:block;padding-left:18px;padding-bottom:20px;padding-top:20px;}
.numbPage a:link{font-size:20px;color:#ea851c;text-align:left;display:block;}
.line{background:url("/assets?p=%2Fimages%2Fsection-shadow.png") no-repeat;height:3px;margin-top:10px;margin-left:20px;text-align:center;}
.linePoc{background:url("/assets?p=%2Fimages%2Fsection-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;}
#navigation ul{list-style:none;list-style-position:outside;}
#navigation ul li{float:left;padding-right:2px;line-height:52px;font-size:14px;text-transform:uppercase;padding:0 18px 0 18px;}
#navigation ul li a{display:block;color:#ea851c;}
#navigation ul li a:hover,
#navigation ul li.active a{text-decoration:none;color:#ffe0a0;}
#navigation ul li.first a{padding-left:38px;}
#navigation a.nav-btn{display:none;}
#navigationIgra{height:52px;padding-top:4px;font-family:Arial, Helvetica, sans-serif;font-weight:700;padding-left:110px;  padding-bottom:30px;}
#navigationIgra ul{list-style:none;list-style-position:outside;}
#navigationIgra ul li{float:left;padding-right:2px;line-height:52px;font-size:14px;text-transform:uppercase;padding:0 30px 0 30px;}
#navigationIgra ul li a{display:block;color:#ea851c;}
#navigationIgra ul li a:hover,
#navigationIgra ul li.active a{text-decoration:none;color:#ffe0a0;}
#navigationIgra ul li.first a{padding-left:38px;}
#navigationIgra a.nav-btn{display:none;}
.slider-holder{position:relative;z-index:5;}
.slider-holder span.slider-b{background:url("/assets?p=%2Fimages%2Fslider-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("/assets?p=%2Fimages%2Fslider-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;}
.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("/assets?p=%2Fimages%2Fsection-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 + .col{padding-left:0px;}
.main .cols .col img{width:130px;height:100px;border:2px solid #ea851c;}
.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 #ea851c;margin-top:75px;margin-bottom:96px;font-size:11px;}
.main .oglSvePoc{text-align:center;padding-top:5px;padding-bottom:5px;width:990px;margin-left:17px;clear:left;border:1px solid #ea851c;margin-top:15px;margin-bottom:48px;font-size:11px;}
.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;}
.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:400px;text-align:left;}
.logoMiddle{float:left;width:170px;text-align:right;}
.logoRight{float:right;width:360px;text-align:right;padding-right:20px;}
.logoRight2{float:right;width:360px;text-align:right;padding-right:0px;}
.naslovFeat a{font-size:30px;line-height:100px;color:#ea851c;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:#ffe0a0;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;}
.mainIgra{padding-bottom:0px;width:100%;height:100%;}
.tekstIgra{width:970px;padding-top:20px;font-size:16px;text-align:center;clear:left;}
.tekstIgra2{width:100%;padding:20px 0px 10px 0px;font-size:16px;text-align:center;clear:left;}
.tekstIgraNovo{width:800px;}
.tekstIgraNovo p{padding-top:20px;font-size:16px;text-align:justify;}
.igra{text-align:center;width:100%;height:100%;}
.igraVel{float:left;text-align:center;padding-left:150px;padding-right:150px;}
.igraL{float:left;width:160px;text-align:left;font-size:10px;}
.igraR{float:left;width:160px;text-align:right;font-size:10px;}
.upNaslovLeftNew{float:left;width:740px;}
.upNaslovRightNew{float:right;width:200px;}

@media only screen and ( min-width: 768px) and ( max-width: 980px ) {
	body { width: 830px; }
	.shell { width: 830px;}
	.shellBig { width: 830px; }
	
#navigation ul li a{font-size:13px;}
	#navigation ul li {padding:0 17px 0 17px;}
#navigation ul li.first a{padding-left:26px;}
#navigationIgra{height:52px;padding-top:4px;font-family:Arial, Helvetica, sans-serif;font-weight:700;padding-left:20px;}
#navigationIgra ul li a{font-size:13px;}
#navigationIgra ul li {padding:0 10px 0 10px;font-size:13px;}
#navigationIgra ul li.first a{padding-left:0px;}
.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:880px;margin-left:17px;}
.main .oglSvePoc{text-align:center;padding-top:20px;padding-bottom:25px;clear:both;width:660px;margin-left:17px;}
.townLogo{background:url("/assets?p=%2Fimages%2FhidLogo560.jpg") no-repeat center top;height:63px;}
.townUp{height:80px;padding-top:0px;}
.slider-holder{position:relative;}
.slider-holder span.slider-b{background:url("/assets?p=%2Fimages%2Ft-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("/assets?p=%2Fimages%2Ft-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("/assets?p=%2Fimages%2Fsection-shadow748.png") no-repeat;height:3px;margin-top:5px;}
.linePoc{background:url("/assets?p=%2Fimages%2Fsection-shadow748.png") no-repeat;height:3px;margin-top:10px;margin-left:25px;margin-bottom:25px;}
.logoCijeli{width:680px;margin:0 auto;height:30px;padding-bottom: 3px;}
.logoleft{float:left;width:350px;text-align:left;}
.logoMiddle{float:left;width:100px;text-align:right;}
.logoRight{display:none;}
.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:#ea851c;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:37%;height:0;padding-bottom:48%;}
.igraVel embed,
.igraVel iframe,
.igraVel object{position:absolute;top:0;left:0;width:100%;height:100%;}
.igraVel p{top:300;}
.igraL{display:none;}
.igraR{float:right;width:120px;text-align:right;font-size:10px;}
.walk2{margin-top:60px;width:680px;}
.tekstIgra2{width:600px;}
#footer{height:70px;}
}



@media only screen and (max-width:767px){
body{width:auto;background-image: none !important; background-color:#41301e;}
.shell{width:380px;margin:0 auto;}
.shellBig{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("/assets?p=%2Fimages%2FhidLogo310.jpg") no-repeat center top;height:51px;}
.townUp{height:50px;padding-top:0px;}
#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;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("/assets?p=%2Fimages%2Fnavigation.png") repeat 0 0;}
#navigation a.nav-btn:hover{text-decoration:none;}
#navigation a.nav-btn span.arr{background:url("/assets?p=%2Fimages%2Fnav-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("/assets?p=%2Fimages%2Fnav-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("/assets?p=%2Fimages%2Fnavigation.png") repeat 0 0;}
#navigation ul li a{padding:0 22px;color:#051c30;}
#navigation ul li.first a{padding-left:26px;display:none;}
#navigationIgra{padding:0 0 0 0;height:36px;}
#navigationIgra a.nav-btn{display:block;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("/assets?p=%2Fimages%2Fnavigation.png") repeat 0 0;}
#navigationIgra a.nav-btn:hover{text-decoration:none;}
#navigationIgra a.nav-btn span.arr{background:url("/assets?p=%2Fimages%2Fnav-arr.png") no-repeat 0 0;width:13px;height:9px;position:absolute;right:14px;top:12px;}
#navigationIgra a.nav-btn span.arr.active{background:url("/assets?p=%2Fimages%2Fnav-arr.png") no-repeat 0 bottom;}
#navigationIgra{position:relative;z-index:1000;}
#navigationIgra ul{display:none;position:absolute;top:36px;left:0;width:100%;}
#navigationIgra ul li{display:block;line-height:36px !important;float:none;background:url("/assets?p=%2Fimages%2Fnavigation.png") repeat 0 0;}
#navigationIgra ul li a{padding:0 22px;color:#051c30;}
#navigationIgra 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("/assets?p=%2Fimages%2Fm-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("/assets?p=%2Fimages%2Fm-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("/assets?p=%2Fimages%2Fm-btn-grey.png") repeat-x 0 0;margin:0 10px 14px;height:39px;text-align:center;line-height:39px;border:1px solid #9e9f9f;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;}
	 
.upNaslovLeftNew{float:left;width:330px; text-align: justify; padding: 8px;}
	.upNaslovRightNew{display:none;}
/*#header{display:none;}*/
	#header{position:relative;z-index:1000;padding-left:0;padding-right:0;}

.naslovFeat a{font-size:18px;line-height:8px;color:#ea851c;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:58.25%;}
.igraVel embed,
.igraVel iframe,
.igraVel object{position:absolute;top:0;left:0;width:100%;height:100%;}
.igraL{display:none;}
.igraR{display:none;}

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

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


.walkLeft2{
text-align:center;
margin-top:50px;
}
.walkLeft2{overflow:hidden;padding-bottom:56.25%;position:relative;height:0;}
.walkLeft2 iframe{left:0;top:0;height:100%;width:100%;position:absolute}

	
	
}


.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{margin-top:60px;}
.walkLeft2{
text-align:center;
margin-top:70px;
}

.walkLeft2{text-align:center;}
.gameContainer{padding:20px;}