body{
    padding:0;
    margin:0;
		font-family: 'Source Sans Pro', sans-serif;
		font-weight: 300;
		font-size: 10px;
}

.logo{
height: 50px;
width: 142px;
background-image: url(img/logo.png);
background-repeat: no-repeat;
/* background-size: contain; */
background-position-x: center;
background-position: 7px 8px, center;
float: left;
text-indent: -9999px;

}
#categoriesPanel{
    position: absolute;
    z-index: 31;
    top: 50px;
    left: 0px;
    bottom: 0;
    width: 300px;
    background: #eee;
    display:none;
	transition-property: left;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
}

#page {
    position: fixed;
    z-index: 1;
    top: 0;
    left: 185px;
    bottom: 0;
    right: 0;
}


#menu {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    bottom: 0;
    width:185px;
    /*background-color: #4C637B;*/
		background-color: #235f9e;
    overflow: hidden;
}

#menuHeader {
    position: absolute;
    display:block;
    width:100%;
    height:58px;
	top:0;
	left:0;
   /* background-color: #344C67;*/
		 background-color: #0b498b;
		
}

#logo {
    position: relative;
    float:left;
    display:block;
    width:162px;
    height:31px;
    margin-left:11px;
    margin-top:12px;
}
#logo h1{
    padding:0;
    margin:0;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    font-size: 13.97px;
    color:#2E96E0;
		/*95A8BE*/
    font-weight: lighter;
    line-height: 128%;
}
#logo h2{
    padding:0;
    margin:0;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    font-size: 9.25px;
    color:#76AAE0;
		/*95A8BE*/
    font-weight: lighter;
    line-height: 193%;
}
#logo h1 span{
    padding:0;
    margin:0;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    font-size: 13.97px;
    color:#ffffff;
    font-weight: 400;
    line-height: 128%;
}

#menuUl {
    position: absolute;
    display:block;
    width:100%;
    margin:0;
    padding:0;
    list-style: none;
	overflow:auto;
	left:0;
	top: 58px;
	bottom: 68px;
}

#menuUl li{
    position: relative;
    float:left;
    display:block;
    width:100%;
    min-height:32px;
    height:auto;
    margin:0;
    padding:0;
    list-style: none;
    overflow:hidden;
}
#menuUl li.istok{
    background-image: url("/look/images/istok.png");
    background-position: 6px 5px;
    background-repeat: no-repeat;
}
#menuUl li.atletika{
    background-image: url("/look/images/atletski.png");
    background-position: 6px 5px;
    background-repeat: no-repeat;
}
#menuUl li.kabine{
    background-image: url("/look/images/kabine.png");
    background-position: 6px 5px;
    background-repeat: no-repeat;
}
#menuUl li.ksoba{
    background-image: url("/look/images/ksoba.png");
    background-position: 6px 5px;
    background-repeat: no-repeat;
}
#menuUl li.studio{
    background-image: url("/look/images/studio.png");
    background-position: 6px 5px;
    background-repeat: no-repeat;
}
#menuUl li.tartan{
    background-image: url("/look/images/TARTAN.png");
    background-position: 6px 5px;
    background-repeat: no-repeat;
}
#menuUl li.maratonski{
    background-image: url("/look/images/maratonski.png");
    background-position: 6px 5px;
    background-repeat: no-repeat;
}
#menuUl li.zapad{
    background-image: url("/look/images/zapad.png");
    background-position: 6px 5px;
    background-repeat: no-repeat;
}
#menuUl li.jug{
    background-image: url("/look/images/jug.png");
    background-position: 6px 5px;
    background-repeat: no-repeat;
}
#menuUl li.vip{
    background-image: url("/look/images/vip.png");
    background-position: 6px 5px;
    background-repeat: no-repeat;
}
#menuUl li.plamen{
    background-image: url("/look/images/vip.png");
    background-position: 6px 5px;
    background-repeat: no-repeat;
}
#menuUl li.sjever{
    background-image: url("/look/images/sjever.png");
    background-position: 6px 5px;
    background-repeat: no-repeat;
}
#menuUl li.sluzbeni{
    background-image: url("/look/images/sluzbeni.png");
    background-position: 6px 5px;
    background-repeat: no-repeat;
}
#menuUl li.sala{
    background-image: url("/look/images/sluzbenis.png");
    background-position: 6px 5px;
    background-repeat: no-repeat;
}
#menuUl li.ambulanta{
    background-image: url("/look/images/sluzbenis.png");
    background-position: 6px 5px;
    background-repeat: no-repeat;
}
#menuUl li.sudije{
    background-image: url("/look/images/sluzbenis.png");
    background-position: 6px 5px;
    background-repeat: no-repeat;
}
#menuUl li.doping{
    background-image: url("/look/images/sluzbenis.png");
    background-position: 6px 5px;
    background-repeat: no-repeat;
}
#menuUl li.svlacionice{
    background-image: url("/look/images/sluzbenis.png");
    background-position: 6px 5px;
    background-repeat: no-repeat;
}
#otherContentAboutBHS{
    /*background-image: url("/look/images/aboutcontent.png");*/
    background-position: center bottom;
    background-repeat: no-repeat;
}
.ostadionuslika{
   
    text-align: center;
    
}
#menuUl li a{
    height:23px;
    width:140px;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    font-weight: 400;
    line-height: 128%;
    font-size:13.97px;
    color:#FFFFFF;
    text-decoration: none;
    padding-left:33px;
    padding-top:8px;
    cursor: pointer;
    display:block;
    z-index: 3;
    background-image: url("/look/images/check.png");
    background-position:right bottom 9px;
    background-repeat: no-repeat;
    transition: 0.5s;
}
#menuUl li a.menuActionSub{
    background:none;
}
#pozadinascrol{
    position:absolute;
    display:block;
    bottom:68px;
    left:0;
    z-index: 9999;
}
#menuUl li a:hover{
    background-position:right 12px;
}
#menuUl li a.active{
    background-position:right 12px;
}
#menuUl li a span{
    font-weight: lighter;
    color:#71C4FF;
		/*95A8BE*/
}
#menuUl li div{
    width: 165px;
    height:0;
    display:block;
    float:left;
    margin-left:8px;
    margin-top:0;
    z-index: 1;
    opacity:0;
}
#menuUl li div ul{
    padding:0;
    margin:0;
    list-style: none;
}
#menuUl li div ul li{
    padding:0;
    margin:0;
    width:146px;
    height:13px;
    min-height:16px;
    overflow: hidden;
    margin-bottom:3px;
    list-style: none;
    padding-left:18px;
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url("/look/images/true.png");
    color:#CAD4E0;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    font-size: 9.25px;
    font-weight: lighter;
    line-height: 193%;
}
#menuUl li div span.player{
    padding:0;
    margin:0;
    width:146px;
    height:15px;
    min-height:15px;
    overflow: hidden;
    margin-bottom:3px;
    margin-top:3px;
    list-style: none;
    padding-left:18px;
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url("/look/images/player.png");
    color:#95A8BE;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    font-size: 9.25px;
    font-weight: lighter;
    line-height: 193%;
    display: block;
    float: left;
}

#map {
    position: absolute;
    z-index: 2;
    top: 58px;
    left: 0;
    bottom: 0;
    right: 0;
    display:block;
}

#map.setView{
    right:50%;
}

#infoBox {
    position:absolute;
    z-index:5;
    width:0;
    height:0;
    padding:0;
    margin:0;
    cursor:default;
    white-space:nowrap;
    opacity:0;
	border:1px solid rgba(222, 226, 233, .5);
    border-radius: 5px;
    background-color:#ffffff;
    transition: width 1s, height 1s, opacity 1s;
    left: -1000000000000000px;
    top: -1000000000000000px;
}

#infoBox.active{
    width:auto;
    height:auto;
    min-width:200px;
    min-height:50px;
    opacity:1;
    transition: width 1s, height 1s, opacity 1s;
}

#infoBox div.head{
    width:auto;
    min-width:200px;
    height:50px;
    margin-top:5px;
    display:block;
    background: url('/look/images/arrow.png') no-repeat 13px 18px;
    border-bottom:2px solid #f0f3f9;
}

#infoBox div.imgBody{
    width:auto;
    min-width:258px;
    height:119px;
    display:block;
    overflow-y:hidden;
    background: url('/look/images/slika.png') no-repeat center center;
    background-color: #ffffff;
    background-size: 100% auto;
}

#infoBox div.imgBody div.mask{
    width:auto;
    min-width:243px;
    height:18px;
    display:block;
    overflow-y:hidden;
    margin-top:80px;
    background: url('/look/images/mask.png') no-repeat center center;
    background-size: 100% auto;
    color:#ffffff;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    font-size: 10px;
    line-height:100%;
    font-weight: lighter;
    padding-left:15px;
    padding-top:21px;
}

#infoBox div.imgBody div.mask a{
    text-decoration: none;
    color:#ffffff;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    font-size: 10px;
    line-height:100%;
    font-weight: lighter;
}

#infoBox div.head span.category{
    width:23px;
    height:23px;
    display:block;
    float:left;
    margin-left:25px;
    margin-top:12px;
}

#infoBox div.grad{
    width:auto;
    height:auto;
    display:block;
    padding:0;
    margin:0;
    background: #ffffff;
    background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #fcfefe 16%, #f7fbfd 42%, #f2f9fc 78%, #f0f8fb 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(16%,#fcfefe), color-stop(42%,#f7fbfd), color-stop(78%,#f2f9fc), color-stop(100%,#f0f8fb));
    background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#fcfefe 16%,#f7fbfd 42%,#f2f9fc 78%,#f0f8fb 100%);
    background: -o-radial-gradient(center, ellipse cover, #ffffff 0%,#fcfefe 16%,#f7fbfd 42%,#f2f9fc 78%,#f0f8fb 100%);
    background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%,#fcfefe 16%,#f7fbfd 42%,#f2f9fc 78%,#f0f8fb 100%);
    background: radial-gradient(ellipse at center, #ffffff 0%,#fcfefe 16%,#f7fbfd 42%,#f2f9fc 78%,#f0f8fb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f8fb',GradientType=1 );
}

#infoBox div.sharing{
    width:auto;
    min-width:205px;
    height:33px;
    display:block;
    overflow-y:hidden;
    padding-left:9px;
    padding-top:12px;
    margin-padding:5px;
}
#infoBox div.sharing a.url{
    width:33%;
    height:33px;
    display:block;
    overflow:hidden;
    float:left;
    background: url("/look/images/share-link.png") no-repeat center top;
    transition-duration: 0.3s;
}
#infoBox div.sharing a.url:hover{
    background: url("/look/images/share-link.png") no-repeat center -34px;
}
#infoBox div.sharing a.like{
    width:33%;
    height:33px;
    display:block;
    overflow:hidden;
    float:left;
    background: url("/look/images/share-like.png") no-repeat center top;
    transition-duration: 0.3s;
}
#infoBox div.sharing a.like:hover{
    background: url("/look/images/share-like.png") no-repeat center -34px;
}
#infoBox div.sharing a.tweet{
    width:33%;
    height:33px;
    display:block;
    overflow:hidden;
    float:left;
    background: url("/look/images/share-tweet.png") no-repeat center top;
    transition-duration: 0.3s;
}
#infoBox div.sharing a.tweet:hover{
    background: url("/look/images/share-tweet.png") no-repeat center -34px;
}

#infoBox div.descRow{
    width:auto;
    min-width:205px;
    min-height:18px;
    height:auto;
    display:block;
    overflow-y:hidden;
    padding-left:9px;
    padding-top:12px;
}

#infoBox div.descRow:empty{
    display: none;
}

#infoBox div.descRow ul{
    list-style: none;
    margin:0;
    padding:0;
}
#infoBox div.descRow ul li{
    list-style: none;
    margin:0;
    padding:0;
    padding-left: 18px;
    background: url("/look/images/truebox.png") no-repeat left top;
    margin-bottom:7px;
    min-width:164px;
    min-height:13px;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    font-weight: lighter;
    color:#31BFE0;
    line-height: 150%;
}

#infoBox div.infoBoxLoc{
    background: url("/look/images/pin.png") no-repeat 17px 8px;
    color:#b3b3b3;
	font-family: "Source Sans Pro";
	font-size: 10px;
	line-height: 10px;
    font-weight: lighter;
}
#infoBox div.infoBoxLoc i {

    color:#999999;
	font-family: "Source Sans Pro";
	font-size: 10px;
	line-height: 10px;
   font-weight: 600;
}
#infoBox div.infoBoxMail{
    background: url("/look/images/mail.png") no-repeat 15px 10px;
    color:#b3b3b3;
	font-family: "Source Sans Pro";
	font-size: 10px;
	line-height: 10px;
    font-weight: lighter;
}

#infoBox div.infoBoxWeb{
    background: url("/look/images/web.png") no-repeat 15px 8px;
    color:#1dc3ef;
	font-family: "Source Sans Pro";
	font-size: 10px;
	line-height: 10px;
    font-weight: lighter;
}

#infoBox div.infoBoxNavigation{
    background-color: #67ba2f;
    background-image: url("/look/images/pointer.png");
    background-repeat:no-repeat;
    background-position:right 11px top 15px;
    color:#ffffff;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    font-size: 12px;
		line-height: 29px;
    font-weight: lighter;
    padding-left:13px;
    height:41px;
    width:auto;
    min-width:245px;
    display:block;
    overflow-y:hidden;
		text-shadow: 1px 1px 0px rgba(0,0,0, 0.1);
		font-weight: 100;
}

#infoBox div.infoBoxNavigation span{
    color:#ffffff;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    font-size: 9px;
    line-height:0px;
    opacity:0.7;
		text-shadow: 1px 1px 0px rgba(0,0,0, 0.1);
    font-weight: lighter;
}

#infoBox div.infoBoxShareMe{
    background-color: #36aeea;
    background-image: url("/look/images/shareme.png");
    background-repeat:no-repeat;
    background-position:right 11px top 15px;
    color:#ffffff;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    font-size: 12px;
    line-height:29px;
    font-weight: lighter;
    padding-left:13px;
    height:41px;
    width:auto;
    min-width:245px;
    display:block;
    overflow-y:hidden;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
}

#infoBox div.infoBoxShareMe span{
    color:#ffffff;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    font-size: 9px;
    line-height:100%;
    opacity:0.7;
    font-weight: lighter;
		line-height: 0px;
}

#infoBox div.infoBoxTel{
    background: url("/look/images/tel.png") no-repeat 15px 7px;
    color:#1dc3ef;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    font-size: 14px;
    line-height:100%;
    font-weight: lighter;
    padding-top:6px;
    height:21px;
}

#infoBox div.head div.nameCat{
    min-width:170px;
    min-height:10px;
    display:block;
    float:left;
    margin-left:9px;
    margin-top:11px;
}

#infoBox div.head div.nameCat h1{
    margin:0;
    padding:0;
    min-width:170px;
    min-height:10px;
    display:block;
    color:#66a2c7;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    font-size: 14px;
    line-height:100%;
    font-weight: lighter;
}

#infoBox div.head div.nameCat h2{
    margin:0;
    padding:0;
    min-width:170px;
    min-height:10px;
    display:block;
    margin-top:3px;
    color:#cedfff;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    font-size: 11px;
    line-height:100%;
    font-weight: lighter;
}


#infoBox div.head div.nameCat h2 span.cat{
    color:#4cd7e8;
}

#infoBox div.head div.nameCat h2 span.pcat{
    color:#92cdec;
}

.obj-icon{
    display: none;
    background: #bfdd00;
    border-radius: 15px;
    border: 2px solid #fcee0c;
    opacity: 0;
}

.obj-icon-air{
    display: none;
    background: url("/look/images/air.png") no-repeat center center;
    opacity: 0;
    transition: opacity 1s;
}

.obj-icon-air.active{
    opacity:0.8;
    transition: opacity 1s;
}

.obj-icon-wifi{
    display: none;
    background: url("/look/images/wifi3.png") no-repeat center center;
    opacity: 0;
}

.obj-icon2{
		display: block;
		opacity: .9;
		z-index:2;
    width:12px;
    height:12px;
	
    font-family: "Source Sans Pro", sans-serif;
	font-size:11px;
}
.obj-icon2:hover{
		display: block;
		opacity: .9;
		z-index:3;
}

.obj-icon2a{
		display: block;
		opacity: .9;
		z-index:2;
    width:10px;
    height:10px;
	font-family: "Source Sans Pro", sans-serif;
	font-size:9px;
}
.obj-icon2a:hover{
		display: block;
		opacity: .9;
		z-index:3;
}

.obj-icon2c{
		display: block;
		opacity: .9;
		z-index:2;
    width:16px;
    height:16px;
	font-family: "Source Sans Pro", sans-serif;
	font-size:13px;
}
.obj-icon2c:hover{
		display: block;
		opacity: .9;
		z-index:3;
}

div.obj-iconA{
    opacity: .8;
    background-image:url('/look/images/cikica-map.png');
    background-position:left top;
    background-repeat:no-repeat;
    width:45px;
    height:53px;
    display:block;
    margin-left: -17px;
    margin-top: -32px;
}

.leaflet-div-icon{
    background:none;
    border:0;
}

#search {
	position: relative;
	z-index: 1000;
	float: left;
	margin-left: 10px;
	font-size: 11px;

}
#search #searchHeader {
	display: block;
	font-size: 11px;
	color: #b1d4f1;
	width: 380px;
	height: 50px;
	margin: 0;
	padding: 14px 35px;
	outline: none;
	background: #3498db;
		background: url(img/trazi.png) 10px 18px no-repeat, linear-gradient(to bottom, #3498db 0%,#3498db 100%);
}

#search #searchHeader:focus {
    box-shadow: 0 1px 0 #2392f3 inset, 0 -1px 0 #2392f3 inset, 1px 0 0 #2392f3 inset, 0px 0 0 #2392f3 inset, 0 0 4px rgba(35, 146, 243, 0.5);
    outline: none;
    background: url(img/trazi.png) 10px 15px no-repeat, #3786c9;
}



input[type=text] {
    border: none;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 11px;
    transition: all 0.2s linear;
    position: relative;
    padding-right: 30px;
    padding-left: 9px;
}

input::-webkit-input-placeholder {
    color: #b1d4f1;
}

input[type=text]:focus {
 outline: none;
}


#resultsc{
    display:none;
    position:absolute;
    max-height: 600px;
    left:151px;
    top:40px;
    z-index: 20;
    overflow-y:scroll;
}

#results{
    display:block;
    float:left;
    width:auto;
    height:auto;
    position:relative;
    border: 1px solid #0078A8;
    background-color: #eeeeee;
}

#results ul{
    display:block;
    width:auto;
    height:auto;
    position:relative;
    float:left;
    padding-right:10px;
    margin-right:10px;
    border-right: 1px solid #0078A8;
    list-style-type:none;
}

#results ul li{
    display:block;
    padding:10px;
    width:100%;
    height:50px;
    position:relative;
    list-style-type:none;
}


#results ul li a{
    text-decoration: none;
    cursor: pointer;
    color:#333333;
    display: block;
    float: left;
    font-size:14px;
    background-color:#ccc;
}


/*SEKTOR*/
.hotspot{
	stroke: rgb(0, 216, 255);
	stroke-width: 2px;
	stroke-opacity: 1;
	fill-opacity: 0.2;
	fill: #42A0E4;
	stroke-dasharray: 3;
}

/*SEKTORI*/
.hotspots{
	stroke: none;
	stroke-width: 0px;
	stroke-opacity: 0;
	fill-opacity: 0;
	stroke-dasharray: 0;
}

/*REGIJE Nazivi*/
.activateHotSpot{
	font-family: Arial,sans-serif;
	font-size: 12px;
	color: #ffffff;
    width:16px;
    height:16px;
    padding:2px;
	opacity:0;
	line-height:16px;
}
.activateHotSpota{
	font-family: Arial,sans-serif;
	font-size: 9px;
	color: #ffffff;
    width:10px;
    height:10px;
    padding:2px;
	opacity:0;
	line-height:10px;
}
.activateHotSpotc{
	font-family: Arial,sans-serif;
	font-size: 14px;
	color: #ffffff;
    width:18px;
    height:18px;
    padding:2px;
	opacity:0;
	line-height:18px;
}

span.zapad {
		display: block;
	background: #31c0e1;
	border-radius: 13px;
	border: 1px solid #47ddff;
	color: #fff;
	text-align: center;
	text-shadow: 1px 1px 0px rgba(172,139,5, 0.6);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(49,190,255,1);
}
span.toalet {
		display: block;
	background: #31c0e1;
	background-image: url("/look/images/toaltetbg.png"); 
	background-repeat: no-repeat;
	background-position: center bottom 2px;
	border-radius: 13px;
	border: 1px solid #47ddff;
	color: #fff;
	text-align: center;
	text-shadow: 1px 1px 0px rgba(172,139,5, 0.6);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(49,190,255,1);
}
span.toalet:hover {
	display: block;
	border-radius: 3px;
	background:#1ca0bf;
		background-image: url("/look/images/toaltetbg.png"); 
	background-repeat: no-repeat;
	background-position: center bottom 1px;
	color: #fff;
	z-index:1;
}
span.security {
		display: block;
	background: #ff655d;
	border-radius: 13px;
	border: 1px solid #47ddff;
	color: #fff;
	text-align: center;
	text-shadow: 1px 1px 0px rgba(172,139,5, 0.6);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(49,190,255,1);
}
span.security:hover {
	display: block;
	border-radius: 3px;
	background:#ff655d;
	color: #fff;
	z-index:1;
}
span.press {
		display: block;
	background: #1599ff;
	border-radius: 13px;
	border: 1px solid #47ddff;
	color: #fff;
	text-align: center;
	text-shadow: 1px 1px 0px rgba(172,139,5, 0.6);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(49,190,255,1);
}
span.press:hover {
	display: block;
	border-radius: 3px;
	background:#1599ff;
	color: #fff;
	z-index:1;
}
span.tartan {
		display: block;
	background: #31c0e1;
	border-radius: 13px;
	border: 1px solid #47ddff;
	color: #fff;
	text-align: center;
	text-shadow: 1px 1px 0px rgba(172,139,5, 0.6);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(49,190,255,1);
}
span.tartan:hover {
	display: block;
	border-radius: 3px;
	background:#1ca0bf;
	color: #fff;
	z-index:1;
}
span.zapad:hover {
	display: block;
	border-radius: 3px;
	background:#1ca0bf;
	color: #fff;
	z-index:1;
}
span.sjever{
		display: block;
	background: #ffd200;
	border-radius: 13px;
	border: 1px solid #F9FF00;
	border-opacity:0.4;
	color: #fff9e3;
	text-align: center;
	text-shadow: 1px 1px 0px rgba(0,0,0, 0.3);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(231, 194, 39, 0.8);
}
span.sjever:hover {
	display: block;
	border-radius: 3px;
	background:#d2ad00;
	color: #fff1bd;
	z-index:1;
}

span.istok{
		display: block;
	background: #b0eb22;
	border-radius: 13px;
	border: 1px solid #DFFF91;
	border-opacity:0.4;
	color: #eef7c0;
	text-align: center;
	text-shadow: 1px 1px 0px rgba(0,0,0, 0.3);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(150,210,3,0.8);
}
span.istok:hover {
	display: block;
	border-radius: 3px;
	background:#96cf0c;
	color: #eef7c0;
	z-index:1;
}
span.sluzbeni{
		display: block;
	background: #fa2b6f;
	border-radius: 13px;
	border: 1px solid #fc7ba5;
	border-opacity:0.4;
	color: #fff9e3;
	text-align: center;
	text-shadow: 1px 1px 0px rgba(0,0,0, 0.3);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(222, 74, 126, 0.8);
}
span.sluzbeni:hover {
	display: block;
	border-radius: 3px;
	background:#de4e7e;
	color: #fff1bd;
	z-index:1;
}
span.sala{
		display: block;
	background: #ffd200;
	border-radius: 13px;
	border: 1px solid #F9FF00;
	border-opacity:0.4;
	color: #fff9e3;
	text-align: center;
	text-shadow: 1px 1px 0px rgba(0,0,0, 0.3);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(231, 194, 39, 0.8);
}
span.sala:hover {
	display: block;
	border-radius: 3px;
	background:#d2ad00;
	color: #fff1bd;
	z-index:1;
}
span.ambulanta{
		display: block;
	background: #ffd200;
	border-radius: 13px;
	border: 1px solid #F9FF00;
	border-opacity:0.4;
	color: #fff9e3;
	text-align: center;
	text-shadow: 1px 1px 0px rgba(0,0,0, 0.3);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(231, 194, 39, 0.8);
}
span.ambulanta:hover {
	display: block;
	border-radius: 3px;
	background:#d2ad00;
	color: #fff1bd;
	z-index:1;
}
span.sudije{
		display: block;
	background: #ffd200;
	border-radius: 13px;
	border: 1px solid #F9FF00;
	border-opacity:0.4;
	color: #fff9e3;
	text-align: center;
	text-shadow: 1px 1px 0px rgba(0,0,0, 0.3);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(231, 194, 39, 0.8);
}
span.sudije:hover {
	display: block;
	border-radius: 3px;
	background:#d2ad00;
	color: #fff1bd;
	z-index:1;
}
span.doping{
		display: block;
	background: #ffd200;
	border-radius: 13px;
	border: 1px solid #F9FF00;
	border-opacity:0.4;
	color: #fff9e3;
	text-align: center;
	text-shadow: 1px 1px 0px rgba(0,0,0, 0.3);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(231, 194, 39, 0.8);
}
span.doping:hover {
	display: block;
	border-radius: 3px;
	background:#d2ad00;
	color: #fff1bd;
	z-index:1;
}
span.svlacionice{
		display: block;
	background: #ffd200;
	border-radius: 13px;
	border: 1px solid #F9FF00;
	border-opacity:0.4;
	color: #fff9e3;
	text-align: center;
	text-shadow: 1px 1px 0px rgba(0,0,0, 0.3);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(231, 194, 39, 0.8);
}
span.svlacionice:hover {
	display: block;
	border-radius: 3px;
	background:#d2ad00;
	color: #fff1bd;
	z-index:1;
}
span.atletika{
		display: block;
	background: #eb712f;
	border-radius: 13px;
	border: 1px solid #ffa97a;
	border-opacity:0.4;
	color: #eef7c0;
	text-align: center;
	text-shadow: 1px 1px 0px rgba(0,0,0, 0.3);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(213,100,38,0.8);
}
span.atletika:hover {
	display: block;
	border-radius: 3px;
	background:#e55000;
	color: #eef7c0;
	z-index:1;
}
span.maratonski{
		display: block;
	background: #ff9000;
	border-radius: 13px;
	border: 1px solid #ffc272;
	border-opacity:0.4;
	color: #eef7c0;
	text-align: center;
	text-shadow: 1px 1px 0px rgba(0,0,0, 0.3);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(213,126,18,0.8);
}
span.maratonski:hover {
	display: block;
	border-radius: 3px;
	background:#cb790e;
	color: #eef7c0;
	z-index:1;
}
span.green{
		display: block;
	background: #b0eb22;
	border-radius: 13px;
	border: 1px solid #c6ff3d;
	border-opacity:0.4;
	color: #eef7c0;
	text-align: center;
	text-shadow: 1px 1px 0px rgba(0,0,0, 0.3);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(150,210,3,0.8);
}
span.green:hover {
	display: block;
	border-radius: 3px;
	background:#96cf0c;
	color: #eef7c0;
	z-index:1;
}
span.jug{
		display: block;
	background: #ffd200;
	border-radius: 13px;
	border: 1px solid #F9FF00;
	border-opacity:0.4;
	color: #fff9e3;
	text-align: center;
	text-shadow: 1px 1px 0px rgba(0,0,0, 0.3);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(231, 194, 39, 0.8);
}
span.jug:hover {
	display: block;
	border-radius: 3px;
	background:#d2ad00;
	color: #fff1bd;
	z-index:1;
}

span.kabine{
		display: block;
	background: #1b8aff;
	border-radius: 13px;
	border: 1px solid #65b0ff;
	border-opacity:0.4;
	color: #fff9e3;
	text-align: center;
	text-shadow: 1px 1px 0px rgba(0,0,0, 0.3);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(22, 98, 173, 0.8);
}
span.kabine:hover {
	display: block;
	border-radius: 3px;
	background:#0f447b;
	color: #fff1bd;
	z-index:1;
}
span.studio{
		display: block;
	background: #0c86d3;
	border-radius: 13px;
	border: 1px solid #5fbaf4;
	border-opacity:0.4;
	color: #fff9e3;
	text-align: center;
	text-shadow: 1px 1px 0px rgba(0,0,0, 0.3);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(12, 124, 193, 0.8);
}
span.studio:hover {
	display: block;
	border-radius: 3px;
	background:#0c7cc3;
	color: #fff1bd;
	z-index:1;
}
span.ksoba{
		display: block;
	background: #ed4343;
	border-radius: 13px;
	border: 1px solid #ff6868;
	border-opacity:0.4;
	color: #fff9e3;
	text-align: center;
	text-shadow: 1px 1px 0px rgba(0,0,0, 0.3);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
-webkit-box-shadow: 0px 0px 0px 1px rgba(179, 37, 37, 0.8);
}
span.ksoba:hover {
	display: block;
	border-radius: 3px;
	background:#b32525;
	color: #fff1bd;
	z-index:1;
}
span.vip{
		display: block;
	background: #d44775;
	border-radius: 10px;
	border: 1px solid #ff79a5;
	color:#eac1b9;
	text-align: center;
	text-shadow: 1px 2px 0px rgba(211,16,79, 0.6);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
}
span.vip:hover{	display: block;
	border-radius: 3px;
	background:#bb335f;
	color:#e5b0ae;
	z-index:1;
	}
span.plamen{
		display: block;
	background: #d44775;
	border-radius: 10px;
	border: 1px solid #ff79a5;
	color:#eac1b9;
	text-align: center;
	text-shadow: 1px 2px 0px rgba(211,16,79, 0.6);
	transition-property: background, border-radius;
  transition-duration: .1s, .3s;
  transition-timing-function: linear, ease-out;
	z-index:0;
}
span.plamen:hover{	display: block;
	border-radius: 3px;
	background:#bb335f;
	color:#e5b0ae;
	z-index:1;
	}
.activateHotSpot:hover{
	color: #1599ff;
}

#strViewWindow {
    width:100%;
    height:100%;
    cursor: pointer;
}

#viewContainer{
    position:absolute;
    z-index: 3;
    bottom: 0;
    right: 0;
    width: 185px;
    height: 190px;
    display:block;
    background-image: url('/look/images/heli.png');
    background-position: left top;
    background-repeat: no-repeat;
}

#streetInfo{
    position:relative;
    left:0;
    right:0;
    top:0;
    height:10px;
    width:100%;
    background-color:#bbbbbb;
    z-index:8;
    color:#fff;
    display:none;
}


#viewContainer.setView{
    z-index: 6;
    top: 58px;
    left: 50%;
    width: auto;
    height: auto;
    border-left: 1px solid rgba(136, 199, 230, 1);
}

/* New header menu */

#header {
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    height: 58px;
    background-color: #E3EAF3;
    box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.2);
    display:block;
}

#header button#showMenu{
    display:block;
    float:left;
    padding:0;
    margin:0;
    text-decoration: none;
    border:0;
    width:29px;
    height:29px;
    margin-left:10px;
    margin-top:15px;
	background: none;
	border-radius: 5px;
    background: url("/look/images/menu.png") no-repeat 0px 0px;
}

#header button#showMenu:after{
	background: url("/look/images/menu.png") no-repeat 0px 0px;
}

#header a#showMenu img{
    border:0;
}
#header img#menuLogo{
    display:block;
    float:left;
    padding:0;
    margin:0;
    border:0;
    width:62px;
    height:42px;
    margin-left:14px;
    margin-top:7px;
}

#header a.menu{
    margin: 22px 4px 0 6px;
    display:block;
    float:left;
    padding: 0 0 0 18px;
    width:auto;
    height:16px;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    font-weight: normal;
    font-size: 11.78px;
    color: #6A7D92;
    line-height: 152%;
    text-decoration: none;
    text-transform: uppercase;
}

#aboutStadion{
    background-image: url("/look/images/about.png");
    background-repeat: no-repeat;
    background-position: left 2px;
    transition-duration: 0.3s;
}

#aboutStadion:hover{
    background-position: left -18px;
}

#stadionSigns{
    background-image: url("/look/images/signs.png");
    background-repeat: no-repeat;
    background-position: left 1px;
    transition-duration: 0.3s;
}

#stadionSigns:hover{
    background-position: left -23px;
}


#stadionLights{
    background-image: url("/look/images/lights.png");
    background-repeat: no-repeat;
    background-position: left -1px;
    transition-duration: 0.3s;
}

#stadionLights:hover{
    background-position: left -26px;
}

#showSatellite{
    background-image: url("/look/images/exits.png");
    background-repeat: no-repeat;
    background-position: left 0;
    transition-duration: 0.3s;
}
#showSatellite:hover{
    background-position: left -23px;
}

#menuContats{
    background-image: url("/look/images/contacts.png");
    background-repeat: no-repeat;
    background-position: left 3px;
    transition-duration: 0.3s;
    position: relative;
}
#menuContats:hover{
    background-position: left -19px;
}

#contactPop{
    position:absolute;
    z-index:10;
    display:none;
    left:-29px;
    top:21px;
    width:127px;
    height:110px;
    background-image: url("/look/images/contactpop.png");
    background-position: center center;
    background-repeat: no-repeat;
}
#contactPopE{
    position:absolute;
    z-index:10;
    display:none;
    left:-29px;
    top:21px;
    width:127px;
    height:110px;
    background-image: url("/look/images/contactpop.png");
    background-position: center center;
    background-repeat: no-repeat;
}

#langEng{
    display: block;
    float: right;
    margin-right: 15px;
    margin-top: 22px;
    width: 16px;
    height: 16px;
    text-decoration: none;
    opacity: 0.4;
}

#langEng img{
    border: 0;
}

#langEng.active{
    opacity: 0.8;
}

#langBHS{
    display: block;
    float: right;
    margin-right: 3px;
    margin-top: 22px;
    width: 16px;
    height: 16px;
    text-decoration: none;
    opacity: 0.4;
}

#langBHS img{
    border: 0;
}

#langBHS.active{
    opacity: 0.8;
}

#doAir{
    display: block;
    float: right;
    margin: 21px 11px 0 0;
    padding: 0 10px 0 17px;
    width: 130px;
    height: 21px;
    text-decoration: none;
    background: #F0F3F7 url("/look/images/small-heli.png") no-repeat 10px 4px;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    font-weight: lighter;
    font-size: 9.25px;
    line-height: 127%;
    border-radius: 3px;
    text-align: right;
}

#doAir:after{
    background:url("/look/images/small-heli2.png") no-repeat 10px 4px;
}

#doWifi{
    display: block;
    text-align: right;
    float: right;
    margin: 21px 11px 0 0;
    padding: 0 10px 0 15px;
    width: 105px;
    height: 21px;
    text-decoration: none;
    background: #F0F3F7 url("/look/images/wifi.png") no-repeat 7px 5px;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    font-weight: lighter;
    font-size: 9.25px;
    line-height: 127%;
    border-radius: 3px;
}

#doWifi:after{
    background:url("/look/images/wifi2.png") no-repeat 7px 5px;
}

#temp{
    display:block;
    position: absolute;
    z-index: 9999999999999999999999999999;
    padding: 10px;
    width:auto;
    height:20px;
    background-color: #ffffff;
    border: 1px solid salmon;
    right:200px;
    top:100px;
}

#copyright{
    display: block;
    position: absolute;
    width:111px;
    height:26px;
    left:38px;
    bottom:28px;
    text-align: center;
    opacity: 0.5;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    font-weight: lighter;
    font-size: 9.25px;
    line-height: 150%;
    color:#C8D6E7;
}

#copyright a{
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    font-weight: lighter;
    font-size: 9.25px;
    line-height: 150%;
    color:#FFFFFF;
    text-decoration: none;
}

div.otherContent{
    display: none;
	font-family: "Source Sans Pro", Helvetica, sans-serif;
    font-weight: lighter;
    line-height: 150%;
    color:#4B637B;
	padding-left:20px;
	padding-right:20px;
}
div.otherContent h1{
	font-family: "Source Sans Pro", Helvetica, sans-serif;
    font-weight: lighter;
	font-size:19px;
    line-height: 150%;
    color:#4B637B;
}
div.otherContent p{
	font-family: "Source Sans Pro", Helvetica, sans-serif;
    font-weight: lighter;
	font-size:10px;
    line-height: 150%;
    color:#4B637B;
}

#otherContentSignsBHS table{
	width:100%;
	border-collapse:collapse;
	background-color:#F1F5F9;
	font-family: "Source Sans Pro", Helvetica, sans-serif;
	font-weight: normal;
	font-size:10px;
    line-height: 230%;
    color:#6B85A0;
	margin-bottom:20px;
}

#otherContentSignsBHS table thead{
	background-color:#E4ECF4;
	height:41px;
	font-family: "Source Sans Pro", Helvetica, sans-serif;
	font-weight: normal;
	font-size:10px;
    line-height: 230%;
    color:#6B85A0;
	text-transform: uppercase;
}

#otherContentSignsBHS table tr:nth-child(even){
	background-color:#E3E9F3;
	height:41px;
}

#otherContentSignsBHS table tr:nth-child(odd){
	background-color:#F1F5F9;
	height:41px;
}

#otherContentSignsBHS table td, #otherContentSignsBHS table th{
	padding:15px;
	padding-left:21px;
}
#otherContentSignsBHS table td:first-child{
	padding-left:20px;
}
#otherContentSignsBHS button{
	padding:0;
	margin:0;
	border:0;
	float:right;
}
#otherContentSignsBHS table tbody tr{
	padding-left:1px;
}
#otherContentSignsBHS table tbody tr:hover{
	border-left: 2px solid #51C343;
	background-color:#D4E8F6;
	padding-left:0;
}
#mainVideo{
	opacity:0;
}

#kopilink {
    display: none;
    position: absolute;
    z-index: 999999999999999999999999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent url(/look/images/sli_bg.png);
}

#kopilink-inner{
    position:absolute;
    z-index:9;
    top:40%;
    left:50%;
    margin-left:-250px;
}
#kopnime{
    border: 1px solid #ccc;
    width: 500px;
    height: 24px;
    line-height: 22px;
    font-size: 20px;
    border-radius: 5px;
    color: #000000;
    font-size: 15px;
}
#kopilink .kop-zt{
    position: absolute;
    z-index: 10;
    top: -10px;
    right: -10px;
    width: 20px;
    height: 20px;
    background: transparent url(/look/images/zatvori2.png) no-repeat 0 -20px;
}

#infoBox2 {
    position:absolute;
    z-index:5;
    width:0;
    height:0;
    padding:0;
    margin:0;
    left: -1000000000000000px;
    top: -1000000000000000px;
    cursor:default;
    white-space:nowrap;
    opacity:0;
    border:1px solid rgba(222, 226, 233, .5);
    border-radius: 5px;
    background-color:#ffffff;
    transition: width 1s, height 1s, opacity 2s;
}

#infoBox2.active{
    width:auto;
    height:auto;
    min-width:200px;
    min-height:50px;
    opacity:1;
    transition: width 1s, height 1s, opacity 2s;
}

#infoBox2 div.head{
    width:auto;
    min-width:200px;
    height:50px;
    margin-top:5px;
    display:block;
    background: url('/look/images/arrow.png') no-repeat 13px 18px;
    border-bottom:2px solid #f0f3f9;
}

#infoBox2 div.imgBody{
    width:auto;
    min-width:258px;
    height:119px;
    display:block;
    overflow-y:hidden;
    background: url('/look/images/slika.png') no-repeat center center;
    background-color: #ffffff;
    background-size: 100% auto;
}

#infoBox2 div.imgBody div.mask{
    width:auto;
    min-width:243px;
    height:18px;
    display:block;
    overflow-y:hidden;
    margin-top:80px;
    background: url('/look/images/mask.png') no-repeat center center;
    background-size: 100% auto;
    color:#ffffff;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    font-size: 10px;
    line-height:100%;
    font-weight: lighter;
    padding-left:15px;
    padding-top:21px;
}

#infoBox2 div.imgBody div.mask a{
    text-decoration: none;
    color:#ffffff;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    font-size: 10px;
    line-height:100%;
    font-weight: lighter;
}

#infoBox2 div.head span.category{
    width:23px;
    height:23px;
    display:block;
    float:left;
    margin-left:25px;
    margin-top:12px;
}

#infoBox2 div.grad{
    width:auto;
    height:auto;
    display:block;
    padding:0;
    margin:0;
    background: #ffffff;
    background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #fcfefe 16%, #f7fbfd 42%, #f2f9fc 78%, #f0f8fb 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(16%,#fcfefe), color-stop(42%,#f7fbfd), color-stop(78%,#f2f9fc), color-stop(100%,#f0f8fb));
    background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#fcfefe 16%,#f7fbfd 42%,#f2f9fc 78%,#f0f8fb 100%);
    background: -o-radial-gradient(center, ellipse cover, #ffffff 0%,#fcfefe 16%,#f7fbfd 42%,#f2f9fc 78%,#f0f8fb 100%);
    background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%,#fcfefe 16%,#f7fbfd 42%,#f2f9fc 78%,#f0f8fb 100%);
    background: radial-gradient(ellipse at center, #ffffff 0%,#fcfefe 16%,#f7fbfd 42%,#f2f9fc 78%,#f0f8fb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f8fb',GradientType=1 );
}

#infoBox2 div.sharing{
    width:auto;
    min-width:205px;
    height:33px;
    display:block;
    overflow-y:hidden;
    padding-left:9px;
    padding-top:12px;
    margin-padding:5px;
}
#infoBox2 div.sharing a.url{
    width:33%;
    height:33px;
    display:block;
    overflow:hidden;
    float:left;
    background: url("/look/images/share-link.png") no-repeat center top;
    transition-duration: 0.3s;
}
#infoBox2 div.sharing a.url:hover{
    background: url("/look/images/share-link.png") no-repeat center -34px;
}
#infoBox2 div.sharing a.like{
    width:33%;
    height:33px;
    display:block;
    overflow:hidden;
    float:left;
    background: url("/look/images/share-like.png") no-repeat center top;
    transition-duration: 0.3s;
}
#infoBox2 div.sharing a.like:hover{
    background: url("/look/images/share-like.png") no-repeat center -34px;
}
#infoBox2 div.sharing a.tweet{
    width:33%;
    height:33px;
    display:block;
    overflow:hidden;
    float:left;
    background: url("/look/images/share-tweet.png") no-repeat center top;
    transition-duration: 0.3s;
}
#infoBox2 div.sharing a.tweet:hover{
    background: url("/look/images/share-tweet.png") no-repeat center -34px;
}

#infoBox2 div.descRow{
    width:auto;
    min-width:205px;
    min-height:18px;
    height:auto;
    display:block;
    overflow-y:hidden;
    padding-left:9px;
    padding-top:12px;
}

#infoBox2 div.descRow:empty{
    display: none;
}

#infoBox2 div.descRow ul{
    list-style: none;
    margin:0;
    padding:0;
}
#infoBox2 div.descRow ul li{
    list-style: none;
    margin:0;
    padding:0;
    padding-left: 18px;
    background: url("/look/images/truebox.png") no-repeat left top;
    margin-bottom:7px;
    min-width:164px;
    min-height:13px;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    font-weight: lighter;
    color:#31BFE0;
    line-height: 150%;
}

#infoBox2div.infoBoxLoc{
    background: url("/look/images/pin.png") no-repeat 17px 8px;
    color:#b3b3b3;
    font-family: "Source Sans Pro";
    font-size: 10px;
    line-height: 10px;
    font-weight: lighter;
}
#infoBox2 div.infoBoxLoc i {

    color:#999999;
    font-family: "Source Sans Pro";
    font-size: 10px;
    line-height: 10px;
    font-weight: 600;
}
#infoBox2 div.infoBoxMail{
    background: url("/look/images/mail.png") no-repeat 15px 10px;
    color:#b3b3b3;
    font-family: "Source Sans Pro";
    font-size: 10px;
    line-height: 10px;
    font-weight: lighter;
}

#infoBox2 div.infoBoxWeb{
    background: url("/look/images/web.png") no-repeat 15px 8px;
    color:#1dc3ef;
    font-family: "Source Sans Pro";
    font-size: 10px;
    line-height: 10px;
    font-weight: lighter;
}

#infoBox2 div.infoBoxNavigation{
    background-color: #67ba2f;
    background-image: url("/look/images/pointer.png");
    background-repeat:no-repeat;
    background-position:right 11px top 15px;
    color:#ffffff;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    font-size: 12px;
    line-height: 29px;
    font-weight: lighter;
    padding-left:13px;
    height:41px;
    width:auto;
    min-width:245px;
    display:block;
    overflow-y:hidden;
    text-shadow: 1px 1px 0px rgba(0,0,0, 0.1);
    font-weight: 100;
}

#infoBox2 div.infoBoxNavigation span{
    color:#ffffff;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    font-size: 9px;
    line-height:0px;
    opacity:0.7;
    text-shadow: 1px 1px 0px rgba(0,0,0, 0.1);
    font-weight: lighter;
}

#infoBox2 div.infoBoxShareMe{
    background-color: #36aeea;
    background-image: url("/look/images/shareme.png");
    background-repeat:no-repeat;
    background-position:right 11px top 15px;
    color:#ffffff;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    font-size: 12px;
    line-height:29px;
    font-weight: lighter;
    padding-left:13px;
    height:41px;
    width:auto;
    min-width:245px;
    display:block;
    overflow-y:hidden;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
}

#infoBox2 div.infoBoxShareMe span{
    color:#ffffff;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    font-size: 9px;
    line-height:100%;
    opacity:0.7;
    font-weight: lighter;
    line-height: 0px;
}

#infoBox2 div.infoBoxTel{
    background: url("/look/images/tel.png") no-repeat 15px 7px;
    color:#1dc3ef;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    font-size: 14px;
    line-height:100%;
    font-weight: lighter;
    padding-top:6px;
    height:21px;
}

#infoBox2 div.head div.nameCat{
    min-width:170px;
    min-height:10px;
    display:block;
    float:left;
    margin-left:9px;
    margin-top:11px;
}

#infoBox2 div.head div.nameCat h1{
    margin:0;
    padding:0;
    min-width:170px;
    min-height:10px;
    display:block;
    color:#66a2c7;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    font-size: 14px;
    line-height:100%;
    font-weight: lighter;
}

#infoBox2 div.head div.nameCat h2{
    margin:0;
    padding:0;
    min-width:170px;
    min-height:10px;
    display:block;
    margin-top:3px;
    color:#cedfff;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    font-size: 11px;
    line-height:100%;
    font-weight: lighter;
}

#infoBox2 div.head #closePopup{
    width:12px;
    height:12px;
    display:block;
    float:right;
    margin-right:12px;
    margin-top:17px;
    cursor: pointer;
}

#infoBox2 div.head div.nameCat h2 span.cat{
    color:#4cd7e8;
}

#infoBox2 div.head div.nameCat h2 span.pcat{
    color:#92cdec;
}

.leaflet-left{
	right: 6px;
	left: auto;
	top: 33px;
}

.leaflet-control-attribution{
    display:none;
}

#float-copyright{
    position:absolute;
    right:200px;
    bottom:10px;
    font-size: 10px;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    line-height: 150%;
    font-weight: lighter;
    z-index:999;
    color:#859DA9;
}


#closeViewContainer{
    display:none;
    width:30px;
    height:30px;
    overflow: hidden;
    background: url("/look/images/closepan.png") no-repeat left top;
    z-index:999;
    position: absolute;
   right: 5px;
top: 7px;
}
.menibroj{
color: #CDEFF5;
font-weight: normal;
}
.menibrojpop{
font-weight: normal;
}
.razdvoji{
color: #CCFF34;
padding: 0px 2px;
}
.razdvojipop{
color: #9DFFFF;
padding: 0px 2px;
}