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

body{
	background-color:#000;
	font-family:Calibri;
	}
.container{
	width:960px;
	height:auto;
	margin:0 auto;
	top:0;
	position:relative;
	}
.page{
	border-top:5px solid #FFF;
	padding-top:40px;
	margin-top:20px;
	width:100%;
	height:auto;
	min-height:400px;
	left:0;
	top:0;
	color:#FFF;
	}
.page .icerik{
	display:block;
	float:right;
	width:300px;
	padding-left:20px;
	}
.page .iletisim{
	width:920px;
	padding:20px;
	height:auto;
	background-color:#FFF;
	}
	
.page .iletisim .sol{
	float:left;
	width:450px;
	height:auto;
	}
.iletisim .maps{
	background-color:#999;
	width:450px;
	height:130px;
	}
.page .iletisim .sol .part1{
	float:left;
	width:450px;
	height:40px;
	background-color:#f15a29;
	margin-bottom:10px;
	line-height:40px;
	}
.page .iletisim .sol .part1 .ic1{
	float:left;
	width:225px;
	height:40px;
	float:left;
	}
.icon{ 
	background-image:url(../img/iletisim-icon.png);
	background-repeat:no-repeat;
	width:30px;
	height:30px;
	float:left;
	margin:5px;
	display:block;
	}
.tel{ background-position:-30px top;}
.fax{ background-position:-120px top;}
.adam{ background-position:0 top;}
.cep{ background-position:-150px top;}
.site{ background-position:-90px top;}
.mail{ background-position:-180px top;}
.adres{ background-position:-60px top;}


.page .iletisim .sag{
	float:right;
	width:450px;
	height:auto;
	}

.page .referanslar{
	width:100%;
	height:auto;
	list-style-image:url(../img/nokta.png);

	}
.page .referanslar li{
	width:230px;
	margin-left:10px;
	height:30px;
	text-align:left;
	line-height:30px;
	float:left;
	}
.page h2{
	padding-bottom:10px;
	color:#f1592a;
	font-weight:bold;
	font-size:20px;
	}
.page .fancybox{
	margin:0px;
	}
.page .fancybox img{
	width:150px;
	height:auto;
	margin:3px;
	}
.page .fancybox:hover img{
	opacity:0.5	}
.container .header{
	width:960px;
	height:154px;
	background:url(../img/ust-bg.jpg) left top no-repeat;
	}
.container .header .logo{
	width:248px;
	height:69px;
	display:block;
	float:left;
	margin-top:40px;
	background:url(../img/logo.png) left top no-repeat;
	}
.container .header .menu{
	width:640px;
	height:45px;
	margin-right:13px;
	margin-top:57px;
	float:right;
	}
.container .header .menu li{
	float:left;
	}
.container .header .menu li a{
	float:left;
	font-weight:bold;
	display:block;
	line-height:42px;
	height:40px;
	padding-left:15px; padding-right:15px;
	color:#FFF;
	border-right:1px solid #f1592a;
	border-left:1px solid #fe9474;
	}
.container .header .menu li:first-child a{
	border-left:none;
	}
.container .header .menu li:last-child a{
	border-right:none;
	}
.container .header .menu li a:hover{
	color:#000;
	}
.container .header .sticky {
	width:960px;
	background-color:#f05e2f;
	position: fixed;
	top: -58px;
	z-index:2;
}
.container .header .sticky .menu{
	width:960px;
}
.container .content{
	width:960px;
	height:auto;
	}
.container .footer{
	width:940px;
	padding:10px;
	margin-top:20px;
	background-color:#CCC;
	font-size:12px;
	}
		
/* autoslide */
.autoslide-slider2{
	position: relative;
	overflow: hidden;
	width: 640px;
	height: 360px;
	background-color:#00C;
	float:left;
}

.autoslide-slider2 .slider{
	height: 100%;
}


.autoslide-slider2 .slider .item {
	float: left;
	width: 640px;
	height: 360px;
}




.autoslide-slider2 .next{
	position: absolute;
	top: 45%;
	right: 0px;
	width: 30px;
	height: 40px;
	line-height:37px;
	background-color:#f1592a;
	background-repeat:no-repeat;
	background-position:right top;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}
.autoslide-slider2 .next:hover{
	background-position:right bottom;
}

.autoslide-slider2 .prev{
	position: absolute;
	top: 45%;
	left: 0;
	width: 30px;
	height: 40px;
	line-height:37px;
	background-color:#f1592a;
	background-repeat:no-repeat;
	background-position:right top;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}
.autoslide-slider2 .prev:hover{
	background-position:left bottom;
}


.container .content .video{
	width:300px;
	height:360px;
	float:right;
	}
.container .content .video .right-info{
	width:300px;
	height:135px;
	background-color:#f1592a;
	color:#fff;
	}
.kepenk{
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/bg.png) left top repeat #000;
	z-index: 100000;
	visibility: visible;
	}
.kepenk-logo{
	width:450px;
	height:245px;
	margin:0 auto;margin-top:100px;
	}
.kepenk-ac{
	width:200px;
	height:109px;
	margin:0 auto;
	cursor:pointer;
	}