body {behavior: url('csshover3.htc');}

.mt3 {margin-top:3px;}
.mt5 {margin-top:5px;}

/* USED FOR OTHER METHOD
#welcomeDiv 
{
	position: fixed;
	display:none;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:#000;
	filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8;
	z-index:10000000005;
}
#welcomeDivInnerBox
{
  position: fixed;
  display: block;
  z-index: 100000006; /* fixes drop outs in some browsers 
  text-align: center; /* centers #shadowbox in quirks and IE 
  width:300px;
  height:200px;
  background:#fff;
  margin:25% 0 0 40%;
}
*/

#welcome-msg {background-color:#fff; color:#333; height:80px; width:465px; padding:10px 10px 10px 10px;}
#welcome-msg p {display:block; position:relative; padding-top:5px; text-align:center !important;}

#mapDivHolder
{
	position:relative;
	height:600px;
	width:auto;
	clear:left;
}
#mapDivHolder-nekretnine
{
	position:relative;
	height:450px;
	width:auto;
	clear:left;
}

#mapDiv {}

#mapDiv.fs
{
	display:block;
	position:relative;
	height:600px;
	width:auto;
	margin:0px 5px 0 5px;
	z-index:inherit;
	clear:left;
}
#mapDiv.fs-nekretnine
{
	display:block;
	position:relative;
	height:450px;
	width:auto;
	margin:0px 5px 0 5px;
	z-index:inherit;
	clear:left;
}
#mapDiv.fs2
{
	position: absolute !important;
	left: 0px !important;
	width: 100% !important;
	top: 0px !important;
	height: 100% !important;
	min-height: 600px;
	min-width: 650px;
	height:auto;
	/*filter:alpha(opacity=10); opacity: 0.1; -moz-opacity:0.1;*/
	margin:0px !important;
	padding:0px !important;
	overflow:hidden;
	z-index:10000 !important;
	
}

#karta {background:url(img/dummy-karta.gif) 0 0 no-repeat; padding:5px 0 0 0; height:500px; min-height: 500px; position:relative;}

.mapTogleContainer 
{
	height:33px;
	position:relative;
	width:278px;
	z-index:100000001;
	background:url(img/bg-maptogler.png) top left no-repeat;
	margin-left:1px;
	margin-top:0px;
}

.mapTogleContainer img {float:right; position:relative; /*cursor:pointer !important;*/}

#toggleContainerOpen 
{
	display:block;
	clear:left;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1000000 !important;
	width:33px;
	height:33px;
	margin-left:2px;
	margin-top:2px;	
}	

#toggleContainer 
{
	height:94%;
	max-height:94%;  
	height:94%;
}

.fs2 #toggleContainer 
{
	height:96%;
	max-height:96%;  
	height:96%;
}

#mapNavigationHolder 
{
	padding:0 0 0 6px; 
	overflow-y:scroll;
	overflow-x:hidden; 
	background:#fff; 
	margin:0 0 0 1px; 
	/*width:302px;*/ /* eddie trazio suzavanje */
	width:270px;
	max-height:95%;  
	height:100% !important;
	max-height:100%;  
	height:100%;	 
	clear:left; 
	/*filter:alpha(opacity=30); opacity: 0.3; -moz-opacity:0.3;*/
	border:1px solid #d0d7df;
	position:relative;
	z-index:1000000 !important;
}

/*#mapNavigationHolder:hover {filter:alpha(opacity=100); opacity: 1.0; -moz-opacity:1.0;}*/
#prikaziPutContainer {text-align:right; width:244px; margin-top:8px;}
#prikaziPutContainer .gumbicHolder4 {margin-right:0px !important;}

#removePutContainer {text-align:right; width:244px; margin-top:8px;}
.routeInformation 
{
	height:15px;
	/*width:269px;*/
	width:237px; 
	font-family:Verdana, sans-serif; 
	font-size:10px; 
	color:#808285; 
	padding:2px 0 0 7px; 
	/*background:url(img/bg-doubleborder.png) 0 0 no-repeat;*/
	background:url(img/bg-doubleborder.gif) 0 0 no-repeat;
	margin-top:7px;
	overflow:visible;
}


#routeInformation strong {color:#231f20 !important;}

#mapSearchForm {margin:0; padding:5px 0 10px 0; border:0; display:block; height:auto;}
#mapSearchForm .gumbicHolder4 {margin-right:9px;}
#mapTrazi {float:left; margin:0 0 0 8px; padding:0; border:0 none;}
#mapTxtField 
{
	float:left;
	width:175px;
	border:1px solid #dbdbdc;
	color:#bcbec0;
	font-size:11px;
	font-family:Verdana, sans-serif;
	padding:4px; margin:0;
}

strong.title 
{
	font-family:Verdana, sans-serif;
	font-size:12px;
	color:#231f20;
	display:block; 
	position:relative;
	clear:left;
	/*width:277px;*/
	width:245px;
	background:url(img/title-karta-sep.png) bottom left no-repeat;
	padding:3px 0 7px 0 !important;
	position:relative;
}

strong.title .arrow 
{
	display:block;
	width:13px;
	height:13px;
	font-size:1px;
	background:url(img/title-karta-arrow.png) 0 0 no-repeat;
	position:absolute; top:5px; right:1px;
	cursor:pointer !important;
}

strong.title .minus 
{
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:212px;
	height:21px;
	font-size:12px;
	color:#231f20;
	font-weight:bold;
	background:url(img/nekr_pretraga_hide.gif) top right no-repeat;
	cursor:pointer !important;
	padding-left:20px;
}

strong.title .plus 
{
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:212px;
	height:21px;
	font-size:12px;
	color:#231f20;
	font-weight:bold;
	background:url(img/nekr_pretraga_show.gif) top right no-repeat;
	cursor:pointer !important;
	padding-left:20px;
}


div.routeSearchResult 
{
	display:block;
	width:245px;
	clear:left; 
	background:url(img/bg-karta-resultitem.gif) bottom left no-repeat; 
	/*padding:1px 0 8px 0;  new padding due to design changes */
	padding:1px 0 3px 0;
	* padding:1px 0 2px 0; /* IE fix */
	margin-top:1px;
}
.button_addRoute {float:left;}

.routeSearchResultText, .routeSearchResultText:hover 
{
	display:block;
	width:auto; 
	/*background:url(img/bg-karta-resultlink.gif) bottom left repeat-x; padding:1px 0 2px 0; */
	font-size:10px; 
	font-family:Verdana, sans-serif;
	color:#231f20;
	text-decoration:underline;
	height: auto !important;
	min-height:15px;
	height:15px;
	margin-left:22px;
	padding-left:2px;
	padding-top:1px;
}

.searchResultSelected {background:#e7e7e8;}

.routerDetails {margin-top:10px; width:244px; /*margin-right:9px;*/ border-bottom:1px solid #dadbdb;}

div.routeItem
{
	position:relative; 
	clear:left;  
	padding:3px 0 0 3px; 
	margin-top:0px;
	border-top:1px solid #dadbdb;
	border-left:1px solid #dadbdb;
	border-right:1px solid #dadbdb;
	width:239px;
	/*width:271px;*/
}

.routeOrderButton 
{
	width:22px; 
	height:14px;
	float:left; 
	margin-right:4px; 
	font-size:1px;
}

.moveArrow 
{
	display:block; 
	width:11px; 
	float:left; 
	overflow:hidden;
}

.routeText, .routeText:hover 
{
	display:block;
	width:auto;
	margin-right:19px;
	/*background:url(img/bg-karta-resultlink.gif) bottom left repeat-x; padding:1px 0 2px 0; */
	font-size:10px; 
	font-family:Verdana, sans-serif;
	color:#231f20;
	text-decoration:underline;
	padding:0 0 5px 0;
}

.x 
{
	display:block;
	width:13px;
	height:14px;
	font-size:1px;
	background:url(img/button-karta-x.png) 0 0 no-repeat;
	position:absolute; top:2px; right:4px;
}	

/*
.open 
{
	display:block;
	width:9px;
	height:9px;
	font-size:1px;
	background:url(img/button-plus.gif) 0 0 no-repeat;
	/*position:absolute; top:2px; left:-10px;
	position:relative; margin:2px 0 0 5px; float:left;
	cursor:pointer !important;
}	
*/

.openEmpty 
{
	display:block;
	width:9px;
	height:9px;
	font-size:1px;
	position:relative; top:0px; left:-5px;
}	



.cb {height:13px !important; width:13px !important; line-height:13px;}
#POIList {display:block; position:relative; margin:8px 0 0 0 !important; padding:0 !important; border:0px none; list-style:none; font-size:1px;}
#POIList li {position:relative;list-style:none; margin:0; padding:0 0 2px 8px; font-size:1px;} 
#POIList li label {font-size:10px; font-family:Verdana; font-weight:bold; color:#555; margin:0 0 0 5px; padding:2px 0 0 15px;}
#POIList li input {margin:0 !important; padding:0 !important;}
#POIList li table tr td {vertical-align:middle; font-size:1px;}

#POIList li ul.subMenu 
{
	display:block;
	position:relative;
	margin:0px ;
	/*padding:6px 0 0 26px !important;*/
	padding:6px 0 0 0;
	border:0px none;
	list-style:none;
	font-size:1px;
}
#POIList li ul.subMenu li 
{
	position:relative;
	list-style:none;
	margin:0px 0 0 0px;
	padding:0 0 3px 0;
	font-size:1px !important;
} 
/*.subMenu li table tr td {height:18px; vertical-align:middle; font-size:1px;}*/

/*
#POIList li ul.subMenu li label 
{
	font-size:10px; 
	font-family:Verdana; font-weight:normal; color:#555; 
	margin:0 0 0 5px; 
	padding:3px 0 5px 24px; 
	line-height:18px !important; 
	height:18px !important;  
	overflow:hidden;
}
*/

.subMenu li table tr td {height:18px; vertical-align:top !important; font-size:1px; position:relative;}
#POIList li ul.subMenu li .cb {margin-top:3px !important; line-height:normal !important; position:relative;}


#POIList li ul.subMenu li label.labelSubPoi 
{
	display:block;
	clear:left;
	position:relative;
	font-size:10px; 
	font-family:Verdana; font-weight:normal; color:#555;
	line-height:normal;
	margin:0px 0 1px 5px;
	padding:3px 0 0px 23px;
	height:auto !important;
	min-height:18px;
	height:18px;
}

/****************************************************************************************/
/******** BUBBLE CONTENT ****************************************************************/

.bubbleOuter {width:446px; position:relative; background:url(img/bubble-middle.png) 0 0 repeat-y; margin:0 0 0 19px; clear:left; z-index:1000000 !important;}
.bubbleTop {height:12px; background:url(img/bubble-top.png) 0 0 no-repeat; clear:left; position:relative; top:-12px;}
.bubbleBottom {height:18px; background:url(img/bubble-bottom.png) 0 0 no-repeat; clear:left; position:relative; margin-bottom: -18px;}

.bubbleContainer 
{
	position:relative;
	width:394px;
	padding:0px;
	margin:0px 19px 0px 19px;
}

div.scrolled
{
	position:relative;
	width: 394px !important;
	padding:0px;
	height:335px !important;
	overflow-y: auto !important;
	overflow-x: hidden;
}

.bubbleContainer .back 
{
	display:block; 
	width:13px;
	height:13px;
	font-size:1px;
	position:absolute;
	top:-16px;
	right:-1px;
	background:url(img/button-bubble-back.png) 0 0 no-repeat;
	clear:left;
}

.bubbleContainer .close  
{
	display:block; 
	width:13px;
	height:13px;
	font-size:1px;
	position:absolute;
	top:-16px;
	left:101%;
	background:url(img/button-bubble-close.png) 0 0 no-repeat;
	clear:left;
}

.bubbleOuter .arrow 
{
	display:block; 
	width:19px;
	height:36px;
	font-size:1px;
	position:absolute;
	top:11px;
	left:-14px;
	background:url(img/bubble-arrow.png) 0 0 no-repeat;
	clear:left;
}

.bubbleContainer table {width:100%; margin:0; padding:0; border:0 none;}
.bubbleContainer table tr td {margin:0; padding:0; border:0 none; vertical-align:top; text-align:left;}

.bubbleContainer .iconContainer {width:30px; padding-top:2px; cursor:pointer !important;}
.bubbleContainer .title {font-family:Verdana, sans-serif; font-size:11px; color:#000; line-height:12px; clear:left;}
.bubbleContainer .description {font-family:Verdana, sans-serif; font-size:11px; color:#000; line-height:12px; font-weight:bold; clear:left; cursor:pointer !important;}

.bubbleContainer .addressContainer {margin:7px 0 11px 0;}
.bubbleContainer .address {float:left; margin-left:5px; color:#000;}

.bubbleContainer .imenikTelefon 
{
	display:block; 
	position:relative; 
	width:111px; 
	height:17px; 
	overflow:hidden;   
	padding:3px 0 0 20px; 
	margin:0 0 0 5px;
	background:url(img/button-telefon.png) 0 0 no-repeat;
	color:#000;
	font-family:Verdana, sans-serif;	
	font-size:12px;
	line-height:12px !important;
	float:left;
}

.bubbleContainer .profilFirme {margin:11px 0 8px 0; color:#000;}
.bubbleContainer .button_addRoute {float:left; margin:2px 2px 0 0;}
.bubbleContainer .button_mojImenik {float:left; margin:0 1px 0 0;}
.bubbleContainer .vise 
{
	display:block;
	float:right;
	width:122px;
	height:18px;
	margin:0;
	padding:3px 0 0 0;
	border:0;
	background:url(img/button-vise.png) 0 0 no-repeat;
	text-align:center;
	font-family:Verdana,sans-serif;
	font-size:12px;
	color:#fff;
	font-weight:bold;
}

.bubbleContainer .resultsContainer 
{
	position:relative; 
	border:1px solid #c9c8cb; 
	background:url(img/logo-defaultbg.png) 0 0 no-repeat; 
	width:138px; 
	max-width:136px; 
	height:97px; 
	min-height:97px;
	/*height:auto;*/
	margin-bottom:1px;
	margin-top:8px;
	overflow:hidden;
	float:right;
}

.bubbleContainer .imenikButtonsHolder {position:relative; display:inline; margin-top:7px; width:138px; float:right; height:20px;}
.bubbleContainer .imenikButtonsHolder2 {position:relative; float:right; display:inline; margin-top:7px; width:138px; height:20px;}
.bubbleContainer .imenikButtonsHolder3 {position:relative; float:right; display:inline; margin-top:7px; width:138px;}

.bubbleContainer .imenikVideoLink, 
.bubbleContainer .imenikSlikeLink 
{
	display:block; 
	position:relative; 
	width:26px; 
	height:20px; 
	overflow:hidden;
	float:left; 
}

.bubbleContainer .imenikVideoLink2 {background:url(img/btn_video_nekr.gif) 0 0 no-repeat; margin:1px 0 0 4px;}
.bubbleContainer .imenikSlikeLink2 {background:url(img/btn_foto_nekr.gif) 0 0 no-repeat; margin:0 0 1px 4px;}

.bubbleContainer .imenikVideoLink2, 
.bubbleContainer .imenikSlikeLink2 
{
	display:block; 
	position:relative; 
	width:108px; 
	height:17px; 
	overflow:hidden;
	float:left;
	font-size:11px;
	color:#ffffff;
	padding:4px 0 0 24px;
}

.bubbleContainer .imenikVideoLink {background:url(img/button-video2.png) 0 0 no-repeat; margin:0 0 0 4px;}
.bubbleContainer .imenikSlikeLink {background:url(img/button-slike2.png) 0 0 no-repeat;}

.bubbleContainer .emailWebContainer {padding:0px 0 15px 32px; margin:0;}
.bubbleContainer .emailWebContainer a {line-height:11px; color:#000; text-decoration:none; font-size:11px; margin-top:7px; display:block; clear:left;}
.bubbleContainer .imenikKupon 
{
	display:block; 
	position:relative; 
	width:136px; 
	height:17px; 
	overflow:hidden; 
	font-family:Verdana, sans-serif; color:#fff; 
	font-size:11px !important; 
	text-decoration:none !important;
	padding:3px 0 0 27px; 
	margin-top:10px;
	background:url(img/button-kupon.png) 0 0 no-repeat;
}

.bubbleContainer .borderGrey {background:url(img/border-bubble.gif) 0 8px no-repeat;}
.bubbleContainer .shopCenterSeparator {background:url(img/border-bubble2.png) 0px 5px no-repeat; height:10px;}

.bubble_link_holder {
	position:relative;
	float:left;
	display:inline;
	width:100%;
	height:14px;
	padding:4px 0 0 0;
	margin:6px 0 0 0;
	background:url(img/grey_line.gif) top left repeat-x;
}

.bubble_link_holder_2 {
	position:relative;
	float:left;
	display:inline;
	width:390px;
	height:17px;
	padding:9px 0 0 0;
	margin:6px 0 0 0;
	background:url(img/grey_line.gif) top left repeat-x;
}

.bubble_link_holder a {
	text-decoration:underline;
	margin-right:10px;
}
.bubble_link_holder_2 a {
	text-decoration:underline;	
}
.bubble_link_holder {
}


.pt4 {padding-top:4px;}
.w356 {width:356px;}
/****************************************************************************************/

/* U Full Screen modu sakrij ova dva diva sa 'display:none;' 
'#mapDiv' pozicioniraj izvan mainLayoutwrapper, dakle prije zatvaranja body-a

.mainLayoutwrapper {display:none !important;}
.uvijetiKoristenja {display:none !important;}*/

/* VREMENSKA PROGNOZA
_________________________________________________________________________*/

#vrijemeHolder 
{
	width: 254px; 
	min-width: 151px; 
	clear: both; 
	overflow-x: hidden; 
	background:url(img/vrijeme/bg-vrijeme-right.png) top right no-repeat;
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 9px;
	position: relative;
}
#vrijemeHolder *
{
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 9px;
}
#vrijemeHolder .vrijemeHolderInner 
{
	background: url(img/vrijeme/bg-vrijeme-left.png) top left no-repeat;
	width:231px;
	display: block;
	position:relative;
	padding: 10px 0 10px 10px;
	height: 90px;
	overflow: hidden;
}

#tempContainer 
{
	font-size: 17px; 
	font-weight:bold; 
	float: left; 
	position:relative; 
	width: 43px; 
	padding: 18px 0 0 3px;
}
#weatherIcon {display: block; position:relative; float: left; width: 55px; height: 55px; margin-left: -5px;}

/* WEATHER ICONS
__________________________________________________________________________*/
.v1 {background: url(img/vrijeme/Velike_55/01_suncano.png) 0 0 no-repeat;}


div.kalendarWrapper
{	/*width:296px;*/
	overflow:hidden;
	margin-bottom:3px;
	width: auto !important;
	min-width: 100%;
	width: 100%;	
	height: 30px;
	margin-left: 0px;
	}
	
.kalendarDanWrapper
{	height: 28px !important;
	width:30px;
	float:left;
	margin-right:3px;
	background: url(img/vrijeme/kalendar-off.png) no-repeat left top;
	padding:3px 0 0 0;
	line-height:0px;
	font:0px;
	color: #fff;
	cursor: pointer;
	text-align:center;
	}
	
.kalendarDanWrapperAktivan
{	background: url(img/vrijeme/kalendar-on.png) no-repeat left top !important;
	}
span.kalendarDanTekst
{	font:8px Arial !important;
	line-height:6px;
	text-transform:uppercase;
	padding:0px;	
	}
span.kalendarDatumTekst
{	
	font:12px Arial !important;
	line-height:17px;	
	margin-top:-3px;
	color: #000 !important;
	font-weight: bold !important;
	}

#naslovVrijeme {
	margin: 1px 0 1px 0px; clear:both; height:10px; display:block; position: relative; width: auto !important; min-width:100%; width: 100%;}

#naslovVrijeme .vrijemeDatum {width: 95px; text-align: right; float: right; position: relative; padding-right: 4px; height: 10px;}
#naslovVrijeme .gradVrijeme {width: 141px;float: left; text-align: left; position:relative; height: 10px;}

#naslovVrijeme strong {font-size: 12px;}

#expandVrijeme, #contractVrijeme {
	display: block;
	position: absolute;
	top: 6px; 
	left: 6px;
	background:url(img/vrijeme/btn-vrijemearrow.png) no-repeat;
	width: 7px;
	height: 8px;
	font-size: 1px;
}

#expandVrijeme {background-position: top left;}
#contractVrijeme {background-position: bottom left;}

#closeVrijeme {
	display: block;
	position: absolute;
	top: 6px; 
	right: 7px;
	background:url(img/vrijeme/btn-vrijemeclose.png) no-repeat;
	width: 7px;
	height: 8px;
	font-size: 1px;
}

#minMaxContainer {width: 49px; position: relative; float: left;}


#minTemp, #maxTemp {
	display: block;
	float: left;
	height: 10px;
	width: 25px;
	padding-left:28px;
	line-height: 10px;
}

#minTemp {background:url(img/vrijeme/vrijeme-min.gif) 0 0 no-repeat; margin: 16px 0 4px 0;}
#maxTemp {background:url(img/vrijeme/vrijeme-max.gif) 0 0 no-repeat;}

#windContainer {display: block; float: left; width: 41px; text-align: center; margin-left: 2px; padding-top: 2px;}
#preshumContainer {display: block; float: left; width: 41px; text-align: center; margin-left: 2px; padding-top: 2px; margin-top: -3px;}