@charset "utf-8";
/* CSS Document */

@import 'config.css';
@import 'face.css';
@import 'font.css';
@import 'comment.css';

*{
	border:0px solid #000;
}

.header{
	background:#f0f0f0;
	height:46px;
	border-bottom:2px solid #e4e4e4;
}

.header_container{
	width:950px;
	margin:0 auto;
	border-bottom:0px solid #000;
}

.header_container .logo{
	position:absolute;
	margin:50px 0px 0px 0px;
	width:290px;
	height:59px;
	background:url(../image/logo.png) no-repeat;
	z-index:2000;
	cursor:pointer;
	border:2px dotted #fff;
}

.header_container .keji_logo{
	position:absolute;
	margin:50px 0px 0px 805px;
	width:143px;
	height:107px;
	background:url(../image/keji_logo.jpg) no-repeat;
	z-index:2000;
	cursor:pointer;
}

.header_container .logo:hover{
	border:2px dotted #e4e4e4;
}

.header_container .ust_iletisim{
	position:absolute;
	margin:5px 0px 0px 0px;
	width:431px;
	height:36px;
	background:url(../image/ust_iletisim.png);
}

.header_container .sosyal_medya_title{
	position:absolute;
	margin:5px 0px 0px 783px;
	width:59px;
	height:36px;
	background:url(../image/sosyal_medya_title.png);
}

.header_container .sosyal_medya{
	position:absolute;
	margin:7px 0px 0px 849px;
	width:112px;
	height:32px;
}

.header_container .sosyal_medya a{
	display:inline-block;
	width:32px;
	height:32px;
}

.header_container .sosyal_medya a:hover{
	-webkit-transition: all 0.1s linear; 
	-moz-transition: all 0.1s linear; 
	-o-transition: all 0.1s linear; 
	transition: all 0.1s linear;
}

.header_container .sosyal_medya a.facebook{
	background:url(../image/sosyal_medya.png) scroll 0px 0px;
}

.header_container .sosyal_medya a.facebook:hover{
	background:url(../image/sosyal_medya.png) scroll 0px -32px;
}

.header_container .sosyal_medya a.twitter{
	background:url(../image/sosyal_medya.png) scroll -32px 0px;
}

.header_container .sosyal_medya a.twitter:hover{
	background:url(../image/sosyal_medya.png) scroll -32px -32px;
}

.header_container .sosyal_medya a.google{
	background:url(../image/sosyal_medya.png) scroll -64px 0px;
}

.header_container .sosyal_medya a.google:hover{
	background:url(../image/sosyal_medya.png) scroll -64px -32px;
}

.header_container .sosyal_medya a.instagram{
	background:url(../image/sosyal_medya.png) scroll -96px 0px;
}

.header_container .sosyal_medya a.instagram:hover{
	background:url(../image/sosyal_medya.png) scroll -96px -32px;
}

.menu{
	background:#fff;
	height:110px;
	border-bottom:5px solid #27b8e7;
	-webkit-box-shadow:  0px 5px 7px #999; 
	-moz-box-shadow:  0px 5px 7px #999; 
	box-shadow:  0px 5px 7px #999;
	z-index:1000;
	position:relative;
}

.menu_container{
	width:950px;
	margin:0 auto;
	border-bottom:0px solid #000;
}

.menu_list{
	position:absolute;
	margin:66px 0px 0px 0px;
	border:0px solid #e4e4e4;
	width:500px;
}
.menu_list > ul{
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.menu_list > ul > li{
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 5px 0px 0px;
}

.menu_list > ul li > a{
	display:inline-block;
	padding:12px 8px 12px 8px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333;
	text-decoration:none;
	background:#f6f6f6;
	border-top:3px solid #f6f6f6;
	-webkit-transition: all 0.1s linear; 
	-moz-transition: all 0.1s linear; 
	-o-transition: all 0.1s linear; 
	transition: all 0.1s linear;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.menu_list > ul li > a:hover{
	color:#FFF;
	background:#27b8e7;
	border-top:3px solid #179cc7;
}

.menu_list > ul li > a.aktif{
	color:#FFF;
	background:#27b8e7;
	border-top:3px solid #179cc7;
}

.menu_list > ul li div.kutu{
	position:absolute;
	display:none;
	width:170px;
	background:#FFF;
	border-top:5px solid #27b8e7;
	-webkit-box-shadow:  0px 2px 7px #999; 
	-moz-box-shadow:  0px 2px 7px #999; 
	box-shadow:  0px 2px 7px #999;
	padding:6px 10px 6px 10px;
	z-index:100000;
}

div.kutu > ul{
	
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

div.kutu > ul li{
	margin:0px 0px 0px 0px;
	padding:0px 5px 0px 0px;
}

div.kutu > ul li > a{
	display:block;
	padding:8px 5px 8px 16px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333;
	text-decoration:none;
	background:#fff url(../image/arrow_right_1.png) no-repeat left center;
	border-top:0px solid #f6f6f6;
	border-bottom:1px solid #e4e4e4;
	-webkit-transition: all 0.1s linear; 
	-moz-transition: all 0.1s linear; 
	-o-transition: all 0.1s linear; 
	transition: all 0.1s linear;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

div.kutu > ul li:last-child > a{
	border-bottom:0px solid #e4e4e4;
}

div.kutu > ul li > a:hover{
	color:#27b8e7;
	background:#fff url(../image/arrow_right_2.png) no-repeat left center;
	border-top:0px solid #179cc7;
}

.footer{
	background:#36302f;
	padding:0px 0px 0px 0px;
	margin-top:10px;
}

.footer .iletisim{
	float:left;
	width:280px;
	padding:10px 10px 10px 10px;
	border-right:0px solid #000;
}

.footer .iletisim h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#999;
	font-weight:bold;
	padding:0px 0px 5px 0px;
	margin:0px 0px 0px 0px;
}

.footer .iletisim input{
	border:0px solid #484342;
	background:#5f5a59;
	padding:10px 7px 10px 7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ddd;
	display:block;
	margin:0px 0px 4px 0px;
	width:100%;
	outline:none;
	box-sizing: border-box;
}

.footer .iletisim a{
	display:inline-block;
	padding:5px 5px 5px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#767373;
	border:1px solid #5f5a59;
	text-decoration:none;
	margin:0px 0px 5px 0px;
	float:right;
	background:#3e3938;
}

.footer .iletisim a:hover{
	color:#878584;
}

.footer .iletisim textarea{
	border:0px solid #484342;
	background:#5f5a59;
	padding:10px 7px 10px 7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ddd;
	display:block;
	margin-bottom:4px;
	width:100%;
	height:120px;
	outline:none;
	box-sizing: border-box;
}

.footer .bilgi{
	float:left;
	width:280px;
	padding:10px 10px 10px 10px;
	border-right:0px solid #000;
}

.footer .etiket{
	float:left;
	width:280px;
	padding:10px 10px 10px 10px;
	border-right:0px solid #000;
}

.footer .etiket a{
	background:#5f5a59;
	color:#FFF;
	font-family:'oswald_regularregular', Arial, Verdana;
	font-size:14px;
	text-decoration:none;
	padding:2px 4px 2px 4px;
	display:inline-block;
	margin:0px 2px 2px 0px;
	float:left;
}

.footer .etiket a:hover{
	background:#27b8e7;
}

.footer .copy{
	display:block;
	background:#201f1d;
	padding:10px 10px 10px 10px;
}

.footer .copy .telif{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999;
}
