.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); }
}

.d-green{color:#046E0C;font-weight:bold;}
.d-green2{color:#008000;font-weight:bold;}
.d-red{color:#BB0303;font-weight:bold;}
.d-orange{color:#FF6600;font-weight:bold;}
.d-yellow{color:#e0b60b;font-size:14px}
.d-blue{color:#2684a3;font-size:14px;font-weight:bold;}
.d-black{color:#000000;font-weight:bold;}
.d-brown{color:#993300;font-weight:bold;}
.d-white{color:#FFFFFF;font-weight:bold;}
.titlebar{background-color:#669dcb;text-align:center;width:100%;}
.bottom_line{border-bottom:1px solid #C0C0C0}
h2{
	font-size: 18px;
	border-bottom:dotted 1px #aaa;
}
h3{
	font-size: 16px;
	color: #4572a7;
	margin-bottom: 5px;
	margin-top: 25px;
	padding: 3px 2px;
}
h4{
	font-size: 15px;
	margin-bottom: 5px;
}
.huge{font-size:40px}.huge2{font-size:34px}.huge3{font-size:26px}.huge4{font-size:20px}.huge5{font-size:16px}
.minDegree{color: #0066FF;font-size: 16px;font-weight: bold}
.maksDegree{color: #DC143C;font-size: 16px;font-weight: bold}
.feelDegree{color: #FF4500;font-size: 16px;font-weight: bold}
.maxDegree{color: #4169E1;font-size: 32px;font-weight: bold}
.humDegree{color: #4682B4;font-size: 16px;font-weight: bold}
.prediction{font-weight:bold;font-family:Tahoma;font-size:12px;color:#808080;}
.text-nowrap {white-space: nowrap;}