/* Kolorystyka mapki */
#Polska .pow,
#Polska .woj {
    fill: #d9d9d9; /* kolor wojewĂłdztw i powiatĂłw */
    fill-rule: evenodd;
}

path {
  fill: none;
  stroke: #a0a0a0;
  stroke-width:0.3px;
  stroke-linejoin: round;
}

#Polska .pow:hover,
#Polska .woj:hover {
    fill: #fcd638; /* kolor wojewĂłdztw i powiatĂłw */
    fill-rule: evenodd;
}

#Polska .city {
    fill: #a21313; /* kolor miast grodzkich */
}

/* Style delikatnej animacji przy najechaniu wskaĹşnikiem na powiaty i wojewĂłdztwa */
#Polska .woj,
#Polska .pow {
    opacity: 1;
    transition: all .5s;
}
#Polska .woj:hover {
    opacity: 1;
}
#Polska .pow:hover {
    opacity: 1;
}

/* Style dla etykietki tekstowej */
.map-tooltip {
    position: absolute;
    display: none;
    padding: 5px;
    font-family: sans-serif;
    font-size: 15px;
	color:#a21313;
    background: rgba(255, 255, 255, .85);
    pointer-events: none;
}

/* Style dla kontenera mapy 
#map-container {
    display: block;
    width: 450px;
    height: 450px;
}
*/

@media only screen and (max-width: 450px) {
#map-container {
	display: none;
	}
div.serachForm {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0 20px; 
	}
div.searchTopic {
	margin: 0;
	padding: 0;
	}
}

@media only screen and (min-width: 451px) {
#map-container {
    display: block;
    width: 100%;
    height: auto;
	}
div.serachForm {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0 40px;
	}
div.searchTopic {
	margin: 0;
	padding: 0;
	}
}

@media only screen and (min-width: 768px) {
#map-container {
    display: block;
    width: 450px;
    height: 450px;
	float: left;
	}
div.serachForm {
	display: block;
	width: auto;
	height: 450px;
	float: left;
	margin: 0;
	padding: 140px 0 0 40px;
	}
div.searchTopic {
	margin: 0;
	padding: 10px 0;
	}
}



/* Style dla przycisku powrotu do wyboru wojewĂłdztw */
#map-back { display: none; }