/* fontlar
---------------------------------------*/

@font-face {
    font-family: 'dosisbold';
    src: url('font/dosis-bold.eot');
    src: url('font/dosis-bold.eot?#iefix') format('embedded-opentype'),
         url('font/dosis-bold.woff') format('woff'),
         url('font/dosis-bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'dosisbook';
    src: url('font/dosis-book.eot');
    src: url('font/dosis-book.eot?#iefix') format('embedded-opentype'),
         url('font/dosis-book.woff') format('woff'),
         url('font/dosis-book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

.list-1 {margin-bottom: 1px;  list-style-type:none; margin:0; padding:0;
}
.list-1 li {
	margin-left:auto; margin-right:auto;
	width:150px;
	padding: 10px 0px 8px 24px; 
	border-bottom: 1px solid #dadada; 
	background: url(images/tire.png) 5px 11px no-repeat; 
	line-height: 12px;
}
.list-1 li a { 
	font: 14px/14px Arial, sans-serif; 
	color: #3a3a3a; 
	text-decoration : none;
	-moz-transition: all 0.4s ease;	
	-webkit-transition: all 0.4s ease;	
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.list-1 li a:hover {color: #e85c41;}




* { margin:0; padding:0; }
body { background:#111; height:100%; font-family:dosisbook;}
	img { border:none; }
	
	#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}
	
	#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
		#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
			#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
			#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
		
		#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
		#supersized a { width:100%; height:100%; display:block; }
			#supersized li.prevslide { z-index:-20; }
			#supersized li.activeslide { z-index:-10; }
			#supersized li.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }
				#supersized li.image-loading img{ visibility:hidden; }
			#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }



.logo {width:371px; height:100px; margin-left:auto; margin-right:auto; padding-top:35px;}
.ustsag {width:450px; height:200px; text-align:center; margin-left:auto; margin-right:auto; padding-top:60px;}	


.alt 
{
display:block; 
bottom:0px; 
right:0px; 
width:100%; 
height:44px;
position:fixed; 
background:url(img/alt-bg.png) repeat-x;
}

.social 
{
display:block; 
bottom:8px; 
right:45%; 
left:45%;
width:136px; 
height:78px;
position:fixed; 
}

.news 
{
display:block; 
bottom:43%; 
right:270px; 
width:301px; 
height:296px;
position:fixed; 
background:url(img/news.png) no-repeat;
}

.menu {
	width:450px;
	height:20px;
	margin-left:auto; margin-right:auto;

}
.menu a{
	width:100%;
	height:30px;
	text-align:center;
	padding-left:20px;
	padding-top:5px;
	padding-right:20px;
	color:#333;
	text-decoration:none;
}
.menu a:hover{
	background:#cc0000; 
	color:#fff;
}


.voda 
{
display:block; 
bottom:20px; 
right:10px; 
width:11px; 
height:83px;
position:fixed; 
}


.ortagenel {width:70%; height:80%; background:url(img/orta-bg.png); margin-left:auto; margin-right:auto;}
.ortabaslik {width:150px; height:35px; background:#cc0000; float:left; margin-top:15px;}
.ortafont {padding-top:5px; padding-left:10px; color:#fff;}
.ortayazi {width:100%; height:auto; float:left;  margin-top:10px; padding:10px;}

.uyegenel {width:400px; height:80%; background:url(img/orta-bg.png); margin-left:auto; margin-right:auto;}
.uyebaslik {width:100px; height:35px; background:#cc0000; float:left; margin-top:15px;}
.uyefont {padding-top:5px; padding-left:10px; color:#fff;}
.uyeyazi {width:100%; height:auto; float:left;  margin-top:10px; padding:10px;}

/* Giriş ve kayıt */
.girisbaslik {background: #cc0000; padding: 10px 20px; display: inline-block; font-size: 14px; font-weight: bold; text-decoration: none; color: #fff; margin-right: 5px;}
.girisalani {width:400px; height:auto; text-align:left; margin-top:15px;}
.girisform {width:400px; height:35px; text-align:left; float:left;}
.girisformsol {width:100px; height:30px; float:left; text-align:right; color:#333;}
.girisformorta {width:20px; height:30px; float:left; text-align:center; color:#333;}
.girisformsag {width:200px; height:30px; float:left; text-align:left;}
.giristextbox {height: 20px; width: 180px; background-color: transparent; border-style: solid;  border-width:0px 0px 1px 0px;  border-color:#333; outline:0; color:#333; font-size: 17px; font-family:dosisbook; padding-bottom:5px;} 
.buttongiris{text-decoration:none; text-align:center; padding:6px 11px; font-size:13px; color:#fff; background:#cc0000; border: 1px solid #e0881a; border-radius: 3px; /* Standart */-moz-border-radius: 3px; /* Firefox */-webkit-border-radius: 3px; /* Safari ve Chrome */}
.buttongiris:hover{color:#fff;}
.buttongiris:active{color:#fff;}



	@media screen and (max-width:450px) and (min-width:100px) {

		.logo {width:90%;min-width:100px; text-align:center; }
		.ustsag{width:100%;min-width:100px; margin-top:10px;}
		.social {display:block; bottom:15px; width:78px; height:136px;position:fixed;}

.menu {
	height:20px;
	text-align:center;
}
.menu a{
	width:90%;
	padding-right:5px;
	color:#333;
	text-decoration:none;
	background:#fff; 
}


.ortagenel {width:80%; height:100%; background:url(img/orta-bg.png); margin-left:auto; margin-right:auto;}
.ortabaslik {width:150px; height:35px; background:#e0881a; float:left; margin-top:15px;}
.ortafont {padding-top:5px; padding-left:10px; color:#fff;}
.ortayazi {width:90%; height:90%; float:left;  margin-top:15px; padding:10px;}

.social 
{
display:block; 
bottom:8px; 
right:45%; 
left:45%;
width:136px; 
height:78px;
position:fixed; 
}




	}





	
	


.link_siyah, :visited.link_siyah{ color : #333333; text-decoration : none;}
:hover.link_siyah, :visited:hover.link_siyah{text-decoration : none;  color : #cc0000}