/*! SVG Türkiye Haritası | CSS | MIT Lisans | dnomak.com */

.svg-turkiye-haritasi {
  max-width: 1140px;
  margin: 0 auto;
  text-align: center;
}
.svg-turkiye-haritasi svg {
  width: 100%;
  height: auto;
}
.il-isimleri {
  position: absolute;
  z-index: 2;
}
.il-isimleri div {
  font-family: 'Open Sans';
  display: inline-block;
  background: #1094F6;
  color: #fff;
  padding: 8px 16px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#svg-turkiye-haritasi path {
  cursor: pointer;
  fill: #192652;
}
#svg-turkiye-haritasi .secili path:hover {
  fill: #66ffff;
}


#amasya path, #samsun path, #kastamonu path, #corum path, #diyarbakir path, #erzurum path, #denizli path, #ordu path, #sanliurfa path, #canakkale path, #manisa path {
    fill: #33ccff;
    color: #33ccff;
}

#ankara path, #mardin path, #karaman path, #yozgat path, #mus path, #burdur path, #bursa path, #usak path, #cankiri path, #elazig path, #erzincan path, #giresun path, #hatay path, #isparta path, #kutahya path {
    fill: #0026ff;
    color: #0026ff;
}
#van path, #trabzon path, #tokat path, #sivas path, #nevsehir path, #mersin path, #malatya path, #kars path, #aydin path, #balikesir path, #konya path, #agri path, #aksaray path, #afyonkarahisar path, #kahramanmaras path {
    fill: #0026ff;
    color: #0026ff;
}

.etap {
    width: 40px;
    height: 20px;
    background: blue;
    float:left;
    margin:0px;
    padding:0px;
}
.etapT {
   
    float: left;
    margin-left: 5px;
    margin-right:15px;
    padding: 0px;
}

.etapipard {
    width: 40px;
    height: 20px;
    background: #33ccff;
    float: left;
}