/*.imeInstitucije {
	fill:#F24621;
}

.imeInstitucije:hover {

	fill:#aeaeae;
};*/

      	/* Overall container for the tooltip */
			#tooltipContainer{
				font-family: 'Open Sans', Georgia, Times, serif;
				font-size: 0.9rem;
			    position: absolute;
			    display: block;
			    background: #2d2d2d;
			    color: #d6da3b;
			    border-radius: 3px;
			    padding: 10px;
			    width: 380px;
			    height: 250px;
			    opacity: 0;
				-webkit-transition: opacity 0.5s ease-in-out;
				-moz-transition: opacity 0.5s ease-in-out;
				-ms-transition: opacity 0.5s ease-in-out;
				-o-transition: opacity 0.5s ease-in-out;
				transition: opacity 0.5s ease-in-out;
			}
			.tooltipNaslov{
			    font-weight: bold;
			    text-align: center;
			    padding-bottom: 15px;
			    font-size: 150%;
			    line-height: 120%;
			}
			.tooltipIznadNaslov{
				text-align: center;
			    font-size: 90%;
			    padding-bottom: 10px;
			}
			.tooltipDataNaslov{
				text-align: center;
				font-size: 70%;
				padding-top: 5px;
				margin-bottom: 10px;
			    border-top: 2px solid #d6da3b;
			}
			.tooltipDataPodatak{
				text-align: center;
				font-size: 150%;
				font-weight: bold;
				padding-bottom: 15px;
			}
			.tooltipDataNaslovDva{
				text-align: center;
				font-size: 70%;
				padding-top: 5px;
				margin-bottom: 10px;
			    border-top: 2px solid #d6da3b;
			}
			.tooltipDataPodatakDva{
				text-align: center;
				font-size: 150%;
				font-weight: bold;
				padding-bottom: 10px;				
			}	
			.tooltipTail-down{
			    /* position down arrow relative to the #tooltipContainer */
			    position: absolute;
			    bottom: -24px;
			    left: 185px;

			    /* Render a triangle of ccs pointing down as discussed here:
			       http://davidwalsh.name/css-triangles */
			    width: 0; 
			    height: 0; 
			    border-right: 11px solid transparent;  /* left arrow slant */
			    border-left: 11px solid transparent; /* right arrow slant */
			    border-top: 25px solid #2d2d2d; /* bottom, add background color here */
			    font-size: 0;
			    line-height: 0;
			}






rect, polygon {
/*	fill: none;*/
	fill:#000;
	opacity:0;
}

rect:hover, polygon:hover {
/*	fill:#FFE000;*/
/*	opacity:0.65;*/
	fill: yellow;
	stroke:yellow;
	stroke-width:4;
	opacity:0.45;
}

svg {
	cursor: none;
	display: block;
	max-width: 800px;
	margin-left: auto;
    margin-right: auto;
}

.slike {
	max-width: 100%;
}