.listeikili,.listeuclu,.listedortlu{text-align:left;font-size:14px}
.listeikili li,.listeuclu li,.listedortlu li{border-bottom:1px dashed #ccc;display:inline-block;margin:3px;}
.listeikili li{width:49%}
.listeuclu li{width:30%}
.listedortlu li{width:22%;}

ol,ul,li{list-style:none;margin:0px;padding:0px;}

.sehirlink{margin:auto;text-decoration:none;}
.sehirlink a{ text-decoration:none;font-weight:bold;}
.sehirlink li{ position: relative;width:30%;display:inline-block;cursor:pointer; float:left; margin:auto; margin:3px; padding:5px; background:#fff;border:1px solid #ddd; padding-left:6px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.sehirlink li:hover{ background-color:#278EF5; border-color:#0000FF;}
.sehirlink li:hover a{color:#fff;}
.sehirlink .sec{color:#FFFFFF; text-decoration:none; background:#F05A5A; border-color:#d54c2c; }
.sehirlink .sec:hover{background:#278EF5; border-color:#0000FF;}
.sehirlink .sec a{ color:#FFFFFF; text-decoration:none;}

h1 {
  font-size: 24px;
}

@media only screen and (max-width: 768px) {
   .sehirlink li {
        width: 89.9%;
   }

 .listeuclu li {
        width: 89.9%;
   }

.listedortlu li{width:40%;}
}

.map-info-window {
    width:250px;
    height:100px;
}

@media only screen and (max-width: 767px) {

h1 {
  font-size: 5.9vw;
}

h2 {
  font-size: 4.0vh;
}

h3 {
  font-size: 3.0vh;
}

p {
  font-size: 2vmin;
}

}

fieldset.tarif-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}

    legend.tarif-border {
        font-size: 1.2em !important;
        font-weight: bold !important;
        text-align: left !important;
        width:auto;
        padding:0 10px;
        border-bottom:none;
    }
    
.baslik_turuncu { color: white; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, sans-serif; padding: 3px 10px; background-color: #ff6600; border-radius: 5px; float: left; }

.baslik_mavi { color: white; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, sans-serif; padding: 3px 10px; background-color: #50B2EA; border-radius: 5px;}

.baslik_h2 { color: #2CA4B0; font-family: 'Enriqueta', arial, serif; font-size: 24px; font-weight: normal; line-height: 32px; margin: 0 0 18px; text-shadow: 1px 0 0 #fff; }

span.required {
    color: red;
    font-weight: bold;
    margin: 0 5px;
}


@media only screen and (max-width: 800px) {
    
    /* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
}