@charset "iso-8859-9";
/* CSS Document */
	.col-1 {width	: 8.33%;}
	.col-2 {width	: 16.66%;}
	.col-3 {width	: 25%;}
	.col-4 {width	: 33.33%;}
	.col-5 {width	: 41.66%;}
	.col-6 {width	: 50%;}
	.col-7 {width	: 58.33%;}
	.col-8 {width	: 66.66%;}
	.col-9 {width	: 75%;}
	.col-10 {width	: 83.33%;}
	.col-11 {width	: 91.66%;}
	.col-12 {width	: 100%;}
	@media screen and (min-width:500px){
		.main {
			width	: 430px;
			margin	: auto;
		}
	}
	a {
		cursor		: pointer;	
	}
	body {
		background-image	: linear-gradient(to right, #F9FAFB , white);	
	}
	* {
		box-sizing			: border-box;
		border-radius		: 13px;
	}
	.yukseklik { 
		height				: 20vh;	
	}
	.altyukseklik {
		height				: 9vh;
		font-size			: 20px;
	}
	.banneryukseklik {
		height				: 21vh;
	}
	.sol {
		float				: left;
		text-align			: center;
		vertical-align		: middle;
		line-height			: 8vh;
		padding-top			: 2px;
	}
	.resimortala {
		text-align			: center;
		vertical-align		: middle;
		line-height			: 21vh;
		padding				: 5px;
	}
	.main {
		height				: 89vh;	
	}
	
	.kenarlik {
		border				: 5px solid #fff;	
	}
	.uyeislem {
		float				: left;
		background-image	: linear-gradient(to right, #F90, #FC3 );
	}
	.uyelistele {
		float				: right;
		background-image	: linear-gradient(to right, #FC3, #F90 );
	}
	.turnuvaislem {
		float				: left;
		background-image	: linear-gradient(to right, #09F, #6CF );
	}
	.turnuvalistele {
		float				: right;
		background-image	: linear-gradient(to right, #6CF, #09F );
	}
	.ligislem {
		float				: left;
		background-image	: linear-gradient(to right, #5CC397, #6CE6B2 );
	}
	.liglistele {
		float				: right;
		background-image	: linear-gradient(to right, #6CE6B2 , #5CC397 );
	}
	.alt {
		clear				: both;
		width				: 96%;
	}