body:before {
    top: 0;
}
body:after {
    bottom: 0;
}
body{
		font: 1em 'Verdana';
		margin: 0px;
		 -webkit-touch-callout: none;
   		 -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
		
}
.baslik
{
	color:yellow;font-size:16px;text-align:left
}
.yazi
{
	color:white;font-size:14px;text-align:left
}
.small
{
	color:white;font-size:10px;text-align:left
}
#logo{
	width:100%;
background-color: #6f78bb;
	height:33px;
	float:left;
	z-index:2;
	text-align:center;
	border-bottom:1px solid #d7d3e2;
	border-top:1px solid #d7d3e2;
}
#news_marque{
	width:100%;
	color:white;
	padding-top:4px;
	padding-bottom:4px;
	font-size:0.80em;
	background-color:rgba(46, 49, 147, 0.8);
}
#sehir_details{
width:100%;
margin-top:33px;
background-repeat:no-repeat;
float:left;
background-size: cover;

}

#sehir_unvan_saat{
width:50%;
margin-top:5px;
color:white;
float:left;
text-align:center;
font-size:1em;
font-weight:bold;
}
#sehir_pist_durumu{
margin-top:7px;
width:50%;
float:left;
color:white;
text-align:center;
font-size:0.7em;

}
.gradient{
border-radius: 10px;
	border-color:#5435BC;
	width:100%;
	height:auto;
	min-height:220px;
	
}
#degisiklikler
{
	width:100%;
	float:left;
	margin-top:5px;
	background-color:rgba(0, 0, 0, 0.4);
}
#degisiklik_jokey, #degisiklik_at{
	
	width:50%;
	float:left;
}
.degisiklik_baslik
{
	float:left;
	margin:0 auto;
	width:95%;
	color:yellow;
	font-weight:bold;
	font-size:0.7em;
}
.degisiklik_icerik
{
	float:left;
	height:15%;
	margin:0 auto;
	width:95%;
	color:white;
	font-size:0.65em;
	display: block;
    overflow-y: auto;
}
.main_panel{
	border: 1px solid #5861a8 ;
     background-color: RGBA(0,0,0,.3); 
    border-radius: 5px;
	margin-left:1%;
    width: 98% !important; 
	max-width:98%;
    position: relative;
	margin-top:22px;
    float: left;

}
	.main_panel .title,.main_panel .link
	{
	background-color:#6f78bb;
	border-radius:5px;
	position: absolute;
	border:1px solid #5861a8;
    color: #fff;
    margin: 5px;
    display: block;
	}
	.main_panel .row_container{
		padding:3px;margin:20px}
	.main_panel .row_container .content{
		color:#fff;width:100%;font-size:0.9em;text-align:left;word-wrap:break-word;}
	.main_panel .row_container .footer{text-align:right;width:100%;color:#cdd0f3;font-size:0.7em;word-wrap:break-word;
	}
	.main_panel .title{
		padding-top: 3px;
		font-weight:bold;
		padding-bottom:3px;
		font-size: 1em;
		width:95%;
	    top: -21px;
	    text-align: left;
	}

	.main_panel .link{
		padding: 3px;
	    bottom: -10px;
	    right:5px;
		text-align: center;
		font-size: 0.8em;
	}

	.main_panel .row_container a{color:#cdd0f3}
    .main_panel .icon{position:absolute;height:30px;top:-15px;right:5px}
	
	.div_main_icerik .rows,#div_main_takipedilenler .rows
	{
		margin-top:10px;
	    top: 20px;
		
	}
	.div_main_icerik .row_container,#div_main_takipedilenler .row_container
	{
		margin:3px;
		padding:3px;
	}
	.main_title
	{
		width:100%;
		float:left;
		height:30px;
		display: table;
		padding-top:2px;
		margin-top:3px;
		padding-bottom:2px;
		background-color:RGBA(0,0,0,0.3);
	}
	.main_title img
	{
		width:30px;
		height:30px;
		float:left;
		margin-left:5px;
	}
	.main_title .titletext
	{
		width:%100;
		padding-top:5px;
		font-size:1em;
		color:white;
		text-align:left;
		vertical-align: middle; 
		text-shadow: 1px 1px #000;
		float:left;
		margin-left:10px;
	}
	.main_title .titlebtnhideshow
	{
		width:30px;
		height:30px;
		float:right;
		
		margin-right:5px;
	}
	.hide
	{
		background-image:url(../images/hide_panel.png);

	}
	.show
	{
		background-image:url(../images/show_panel.png);	
	}
	#div_main_uyelerimizden
	{
		width:100%;
		float:left;
		height:auto;
	}
	#div_main_eniyiler
	{
		width:100%;
		float:left;
		height:auto;
	}
	#biliyormusunuz_div,#duyuru_div
	{
		color:white;
		text-align:center;
		padding-top:10px;
		padding-bottom:10px;
		margin-top:2px;
		font-size:0.9em;
	}
	.button {
    border-radius: 10px;
    background: -moz-linear-gradient(top, #00b7ea 0, #009ec3 100%);
    background: -webkit-linear-gradient(top, #00b7ea 0, #009ec3 100%);
    background: linear-gradient(to bottom, #00b7ea 0, #009ec3 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3', GradientType=0);
    min-width: 80px;
    margin: 0 auto;
    border: 1px solid #fff;
    padding: 5px;
    color: #ff0;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    width: 100px;
    text-align: center
}

.button:hover {
    background: -moz-linear-gradient(top, #009ec3 0, #00b7ea 100%);
    background: -webkit-linear-gradient(top, #009ec3 0, #00b7ea 100%);
    background: linear-gradient(to bottom, #009ec3 0, #00b7ea 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#009ec3', endColorstr='#00b7ea', GradientType=0)
}