/*
Boje: 
	#cfe293 - blago zelena
	#a6c93e - žarko zelena
	#01b5dd - plava
	#c0e8f0 - blago plava
	#10717f - tamno zeleno plava
	#efae1d - narančasta
	#e75120 - tamno narančasta
*/

						/*	G L O B A L N A  O B L I K O V A N J A */

html{
	height: 100%; width:100%; 
	overflow: hidden; 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body{
	height: 100%;
	width:100%;
	margin: 0;
	padding: 0;
	background-color: #002c76;
}

.hidden{display: none;}

.clear {clear: both;}

						/* T O P  N A V I G A C I J A */

#header{
	height: 70px; position: absolute; 
	left: 75px; top: 45px; z-index: 300;
}

	
#logo {
	height: 60px; width: 148px;
	background-repeat:no-repeat;
	margin-top: 5px; float: left;
	background-image:url(../images/webGraphic/ekomuzej-mura.png);
}
#logo h1, #logo small{
	margin:0px;
	display:block;
	text-indent:-9999px;
}


#start{
	width: 115px; height: 26px; 
	font-size: .9em;
	line-height:26px;
	border: none;
	background-color: #10717f;
	padding: 0 10px;
	color: #01b5dd;
	font-style: italic;
	margin: 0 -5px;
}

#button {
	width: 20px; height: 20px;
	margin: 0; padding: 0; border: 0;
	text-indent: -1000em;
	background: url(../images/webGraphic/povecalo.png) no-repeat center top;
	vertical-align:middle;	
	overflow: hidden;				
	border: none;
	cursor: pointer;
}

#mode{
	background-color: white; 
	border: 1px solid #cfe293; 
	/*color: #01b5dd;*/
}

#izbornikTrasa{
	width: 140px;
	background-color: #a6c93e; 
	border: 1px solid #cfe293; 
	color: white;
}




#infoTrase{
	min-height: 25px;
	font-size: .74em; 
	line-height:25px; 
	font-weight: 900;
	background-color: #01b5dd; 
	color: white;  
	border-top: 1px dotted #10717f; 
	border-bottom: 1px dotted #10717f; 
}

#infoTrase li{
	background-color: #01b5dd; 
	font-size:.9em; 
	float: left; 
	padding-right: 5px; 
	margin-left: 5px; 
	border-right: 1px dotted #10717f;
}

#infoTrase a{color: white; }	

ul#infoTrase li div.image{
	width:25px; height:25px;
	display: block;		
	background-image: url(../images/webGraphic/trasaInfoSprites.png);
	background-repeat: no-repeat;
	float: left;
	margin-right: 2px;
}

ul#infoTrase li div.image#zahtjevnost{
	background-position: 0 center;
}

ul#infoTrase li div.image#vrstaBicikla{
	background-position: -75px center;
}	

ul#infoTrase li div.image#vrstaPodloge{
	background-position: -50px center;
}	

ul#infoTrase li div.image#duzinaTrase{
	background-position: -100px center;
}	

ul#infoTrase li div.image#vrijeme{
	background-position: -25px center;
}		

ul#infoTrase li div.image#minH{
	background-position: -125px center;
}		

ul#infoTrase li div.image#maxH{
	background-position: -150px center;
}		

ul#infoTrase li div.image#deltaH{
	background-position: -175px center;
}			

								/*IZBOR JEZIKA*/
								
/* izbornik jezika  */
		#jezik{
	align:left;
	height: 25px;
	right: 10px;
	top: 1px;
	background-color: #002c76;
				}
		div#jezik ol  li{
	float: left;
}
			
			div#jezik ol  li a{
	float: left;
	font-family: Arial, sans-serif;
	font-weight:600;
	font-size: 11px;
	border-right: 1px solid #fff;
	color:#FFF;
	padding-top: 5px;
	padding-right: 17px;
	padding-bottom: 5px;
	padding-left: 17px;
			}
			
				div#jezik ol  li a.last{
					border-right: none;
				}
			div#jezik ol  li a#aktivniJezk {
				font-weight: 750;
				text-decoration: none;
			}

								/* K A R T A */
	
#map{height: 100%; margin-right:258px;}

#chart_div{z-index: 200; position: fixed; bottom: 0;}

	
								/* S I D E B A R */



#collapseBtn{
	height: 20px; width: 20px;
	display: block;
	background: url(../images/webGraphic/collapseSprite.png) no-repeat;
	text-indent: -9000px;
	background-position: center top;
	display: block; position: absolute; 
	z-index: 100; right:0; 
	margin-right: 258px; margin-top: 30px;
}


#sidebar{
	width:250px;
	font-size:0.76em;
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	right: 0px;
	top: 0px;
	overflow:auto;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#sidebar h5{
	margin: 5px 0;
	padding: 2px 5px;
	font-weight: 600;
	color: white;
}


ol#opcije {display: block; height: 30px;}

ol#opcije li a{	
	width: 25px; height: 25px;
	display: block;
	background: url(../images/webGraphic/linkSprites.png) no-repeat;
	text-indent: -9000px;
	float: left;
	margin-right: 15px;
}
	
/* opcije */
ol#opcije li a#info{
	background-position: -25px bottom;
}
	ol#opcije li a#info:hover{
		background-position: -25px top;
	}

/* video */
ol#opcije li a#video{
	background-position: 0px bottom;
}
	ol#opcije li a#video:hover{
		background-position: 0px top;
	}

/* print */	
ol#opcije li a#trasaPDF{
	background-position: -50px bottom;
}
	ol#opcije li a#trasaPDF:hover{
		background-position: -50px top;
	}

/* gpx */
ol#opcije li a#trasaGPX{
	background-position: -100px bottom;
}
	ol#opcije li a#trasaGPX:hover{
		background-position: -100px top;
	}

/* kml */
ol#opcije li a#trasaKML{
	background-position: -125px bottom;
}
	ol#opcije li a#trasaKML:hover{
		background-position: -125px top;
	}	

/* help */
ol#opcije li a#help{
	background-position: -75px bottom;
}
	ol#opcije li a#help:hover{
		background-position: -75px top;
	}	
	
#form option{width: 232px;}	

#vremenskaPrognoza{overflow: hidden;}

#icon{display: block; float: left;}

ul#data{display: block; float: left; width: 150px; margin-left: 5px; line-height: 14px;}

ul#data li{display: block; float: left;}
	

#groups{
	width:200px;
	max-height: 600px;
	margin-bottom: 0px;
	overflow:auto;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	padding-left: 10px;
}

.vijest{margin: 5px 0;}
.vijest a{color: #10717f; text-decoration: none;}
.vijest a:hover{text-decoration: underline;}
.vijest span{font-size: .7em; margin-left: 5px; color: #01b5dd}


.slikaVijesti {float: left; margin: 3px 15px 10px 0;}


































/*Html, css, javascript stranice mura-drava-bike.com made by NIKOLA HORVAT nikolahr@gmail.com */