.svg-turkiye-haritasi { 
 width: 95%; 
 height:auto; 
 text-align: center; 
 align-items:center; 
 vertical-align:central; 
 margin:5px; 
} 
.svg-turkiye-haritasi svg { 
 width: 100%; 
 height: auto; 
} 
/*#svg-turkiye-haritasi path { 
 cursor: pointer; 
 fill: #2C7C6F; 
}*/ 


#svg-turkiye-haritasi path:hover { 
 fill: #000; 
} 

svg #bolge1 { 
 cursor: pointer; 
 fill: #4674B2; 
} 

svg #bolge2 { 
 cursor: pointer; 
 fill: #97D8C8; 
} 

svg #bolge3 { 
 cursor: pointer; 
 fill: #00DD36; 
} 

svg #bolge4 { 
 cursor: pointer; 
 fill: #FEBF6C; 
} 

svg #bolge5 { 
 cursor: pointer; 
 fill: #00DC6E; 
} 

svg #bolge6 { 
 cursor: pointer; 
 fill: #DDC16E; 
} 

svg #bolge7 { 
 cursor: pointer; 
 fill: #EDEDED; 
} 

svg #bolge8 { 
 cursor: pointer; 
 fill: #00FF01; 
} 

svg #bolge9 { 
 cursor: pointer; 
 fill: #9CCA88; 
} 

svg #bolge10 { 
 cursor: pointer; 
 fill: #01FFFF; 
} 

svg #bolge11 { 
 cursor: pointer; 
 fill: #0470B0; 
} 

svg #bolge12 { 
 cursor: pointer; 
 fill: #0235DB; 
} 

svg #bolge13 { 
 cursor: pointer; 
 fill: #D9D9D9; 
} 

svg #bolge14 { 
 cursor: pointer; 
 fill: #fdee9e; 
} 

svg #bolge15 { 
 cursor: pointer; 
 fill: #A8BDDA; 
} 

svg #bolge16 { 
 cursor: pointer; 
 fill: #C8380B; 
} 

svg #bolge17 { 
 cursor: pointer; 
 fill: #DC0000; 
} 

svg #bolge18 { 
 cursor: pointer; 
 fill: #A700DE; 
} 

svg #bolge19 { 
 cursor: pointer; 
 fill: #725700; 
} 

svg #bolge20 { 
 cursor: pointer; 
 fill: #DCA56D; 
} 

svg #bolge21 { 
 cursor: pointer; 
 fill: #4B9586; 
} 

svg #bolge22 { 
 cursor: pointer; 
 fill: #DD6F00; 
} 

svg #bolge23 { 
 cursor: pointer; 
 fill: #0080FF; 
} 

svg #bolge24 { 
 cursor: pointer; 
 fill: #FE0000; 
} 

svg #bolge25 { 
 cursor: pointer; 
 fill: #1D773B; 
} 

svg #bolge26 { 
 cursor: pointer; 
 fill: #49B5CF; 
} 

svg #bolge27 { 
 cursor: pointer; 
 fill: #DD6F00; 
} 

svg #bolge28 { 
 cursor: pointer; 
 fill: #FF7F00; 
} 

svg #bolge29 { 
 cursor: pointer; 
 fill: #BEFF7F; 
} 

svg #bolge30 { 
 cursor: pointer; 
 fill: #87CEEB; 
} 

svg #bolge31 { 
 cursor: pointer; 
 fill: #fecc00; 
} 

.il-isimleri { 
 position: fixed; 
 z-index: 2; 
} 
.il-isimleri div { 
 display: inline-block; 
 background: #fdf5e5; 
 color: #97afab; 
 padding: 8px 16px; 
 -webkit-border-radius: 4px; 
 -moz-border-radius: 4px; 
 border-radius: 4px; 
}