@charset "utf-8";
/* CSS Document */
.clear{ clear:both;}
h2 { display:block; color:#5c7c87; font-size:14px; background:url(../images/h2-arrow.png) right no-repeat; margin:15px 0 10px 0; }

body {margin:0 auto; background:url(../images/bg.jpg) repeat-x; color:#e1f4ff; }
div#wraper{ width:952px; margin:0 auto;}
div#header{position:relative; margin:0 auto; width:952px; height:90px; }
div#header .logo{background:url(../images/logo.png) no-repeat; position:absolute; width:204px; height:36px; left:20px; top:35px;}
div#header .menu{
	position:absolute;
	float:right;
	top:48px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4f799;
	font-weight:bolder;
	right:0px;
}
div#header .menu a{ display:block; color:#4f7995; float:left; padding:5px 0px; margin:0 10px; text-decoration:none;}
div#header .menu a:hover{ border-bottom:2px solid #8fbddb;}

/*
=========== Flash Kısmı
*/

div#flash{ width:952px !important; height:500px !important; }
div#content{width:948px !important; height:260px !important; margin:0 auto; margin:15px 0 0 0;}
div#content .home-box{width:267px !important; height:250px !important; float:left; margin:0 12px 0 0; background:url(../images/home-box.jpg) no-repeat; padding:0 20px 0 20px; position:relative;}
div#content .kurumsal-images{ width:267px !important; height:99px !important; background:url(../images/kurumsal.png) no-repeat;}
div#content .content-text{ width:267px; max-height:120px; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#636363; line-height:17px;}
.devam{
	position:absolute;
	width:46px;
	height:16px;
	background:url(../images/devam.png) no-repeat;
	right: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#5c7c87;
	padding-left:9px;
}
.devam a{ text-decoration:none; color:#5c7c87;}
.devam a:hover{ text-decoration:underline;}
h3{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#5c7c87; font-weight:bolder; margin:10px 0 0 0; ;}
h4{ display:block; width:130px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#5c7c87; font-weight:bolder; margin:0;}
div#content .hizmetlerimiz{width:267px !important; height:99px !important; overflow:hidden; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#5c7c87;}
div#content .hizmetlerimiz a{ text-decoration:none; color:#5c7c87;}
div#content .hizmetlerimiz a:hover{text-decoration:underline;}
div#content .hizmetlerimiz-img{ float:left; width:102px !important; height:81px !important; margin:0 8px 5px 0;}

/* slider */
#referanslar { width:247px; height:260px; margin-top:10px; overflow:hidden; }
#referanslar img { width:102px; height:81px; }
#referanslar ul li { list-style:none; }
#referanslar ul li { display:block; float:left; margin:0px 25px 3px 0px;  }
#referanslar ul li:hover { border-color:#999; }
.referanslar .jcarousel-direction-rtl .jcarousel-item-horizontal {  }
.referanslar .jcarousel-item-placeholder { background:#fff; color:#000; }
.jcarousel-next-horizontal { position:absolute; top:183px; right:5px; width:24px; height:18px; cursor:pointer; background:url(../images/next.gif) no-repeat; }
.jcarousel-prev-horizontal { position:absolute; top:183px; right:29px; width:24px; height:18px; cursor:pointer; background:url(../images/prev.gif) no-repeat; }


/*footer*/
div#footer{ width:100%; height:86px; background:url(../images/footer.gif) center repeat-x; clear:both; margin-top:20px; padding-top:30px;}
.footer{ width:952px; margin:auto;}
div#footer .ft-left { float:left; }
div#footer .ft-middle { margin-right:50px; float:right; padding:2px 0px 10px 0;  font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bolder;     color:#53747f; }
div#footer .ft-middle a { color:#53747f; padding:3px 10px; font-size:10px; }
div#footer .ft-middle a:hover { color:#666; }
div#footer .ft-middle span { display:block; padding:1px 10px; }
div#footer .ft-right { float:right; }


/* alt sayfa */
#content-sub { background:url(../images/alt-sayfa-top.gif) center no-repeat; height:32px; padding:25px 80px; color:#51b0d7; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#636363; line-height:17px; width:793px; margin:0 auto; }
#content-sub a { color:#4f4f4f; }
#content-sub a:hover { text-decoration:underline; }
#content-sub .sub-sep { padding:0px 5px; color:#CCC; }
#content-sub-main { min-height:350px; background:white; border-width:0px 1px 1px 1px; line-height:19px; text-align:justify; border-style:solid; border-color:#d6e1eb; padding:20px; margin-right:1px;  font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#636363; line-height:17px; width:837px; margin:0 auto; }
#content-sub-main-services{ float:left; width:837px; height:auto;  margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid  #ccc; }
#content-sub-main-images{ float:left; width:130; height:109; border:1px solid #333;}
#content-sub-main-text{float:left; width:832px; padding:3px 0 0 10px; font-family:Verdana, Geneva, sans-serif; font-size:11px; color:		 							  						#85857d;}
#content-sub-main-text2{float:left; width:710px; padding:3px 0 0 10px; font-family:Verdana, Geneva, sans-serif; font-size:11px; color:		 							  						#85857d; margin:0 0 10px 0; }

#content-sub-main-text2 a{ text-decoration:none; font-size:11px; color:#5c7c87;}
#content-sub-main-text2 a:hover{text-decoration:underline;}

#content-sub-main-text3{float:left; width:695px; padding:3px 0 0 10px; font-family:Verdana, Geneva, sans-serif; font-size:11px; color:		 							  						#85857d; margin:0 0 10px 0; }
#content-sub-main-text3 a{ text-decoration:none; font-size:11px; color:#5c7c87;}
#content-sub-main-text3 a:hover{text-decoration:underline;}

#content-sub-main-h5{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#5c7c87; font-weight:bolder; margin:0px; }

.img{ float:left; margin:0 8px 0 0;}

#referans{ clear:both; width:800px !important; height:120px !important; border:1px solid #e1e1e1; padding:10px; margin:5px;}
#referans .referans{float:left; width:120px !important; height:85px !important; margin:5px 8px 5px 8px;}
.referans .referans-galeri{float:left; width:650px; margin:5px 0 50px 0;}
.referans img {width:102px;height:81px;}

.urun{ float:left; width:100px !important; height:75px !important; margin:5px 8px 5px 8px; border-bottom:1px solid  #ccc;}
.utun-ad{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#5c7c87; margin:5px 0 5px; 0;}
.utun-ad a{ text-decoration:none; color:#5c7c87;}
.utun-ad a:hover{ text-decoration:underline; }


/* galeri */	
#referans .galeri{float:left; width:590px; height:100px;}
#referans .galeri-img{float:left; width:90px; height:90px; background:#FFF; margin:5px 0 0 5px; border:1px solid #CCC;}
#referans .galeri1{float:left; width:590px; height:100px; margin-left:60px;}
#referans .galeri2{float:left; width:590px; height:100px;margin-left:60px;}
#referans .galeri3{float:left; width:590px; height:100px;margin-left:60px;}
#referans .galeri4{float:left; width:590px; height:100px;margin-left:60px;}
#referans .galeri5{float:left; width:590px; height:100px;margin-left:60px;}
#referans .galeri6{float:left; width:590px; height:100px;margin-left:60px;}
#referans .galeri7{float:left; width:590px; height:100px;margin-left:60px;}
#referans .galeri8{float:left; width:590px; height:100px;margin-left:60px;}
#referans .galeri9{float:left; width:590px; height:100px;margin-left:60px;}
#referans .galeri10{float:left; width:590px; height:100px;margin-left:60px;}
#referans .galeri11{float:left; width:590px; height:100px;margin-left:60px;}
#referans .galeri12{float:left; width:590px; height:100px;margin-left:60px;}
#referans img{width:90px;height:90px;}

#referans1{ float:left; width:800px !important; height:120px !important; border:1px solid #e1e1e1; padding:10px; margin:5px;}

@media screen and (max-width:420px)
{
	body { font-size:100%; }
	div#wraper { width:100%; }
	div#header { width:100%; height:200px;}
	div#header .logo { position:relative; width:100%; left:initial; top:initial; height:90px; background-position:center center;}
	div#header .menu { position:relative; top:initial; width:100%; right:initial; }
	div#header .menu a{ display:block; width:100%; float:left; font-size:16px; border-bottom:2px solid #8fbddb; text-align:center; padding:10px 0; margin:0; }
	div#header .menu a:hover { background:#8fbddb; color:#fff; }
	div#flash { display:none; }
	div#content { width:94% !important; padding:0 3%; }
	div#content .home-box { width:100% !important; float:left; margin:5px 0; padding:0 !important;}
	.footer { width:100%; }
	div#footer .ft-middle { margin:0; float:left; width:100%; padding:0; text-align:center; }
	div#footer .ft-right {display:none;}
	#content-sub-main-images { width:100%;}
	#content-sub-main { width:94%; padding:15px 3%; font-size:15px; }
	#content-sub { width:94%; padding:15px 3%; margin:10px 0; font-size:12px;}
	#content-sub-main-services { width:100%;}
	#content-sub-main-text3 { width:100%; font-size:15px; padding:10px 0;}
	#content-sub-main-text2{ width:100%; padding:10px 0; font-size:15px;}
	#content-sub-main-text3 a  { font-size:16px; font-weight:bold;}
	#content-sub-main img { width:100%; }
	.urun { width:50% !important; margin:10px 0;}
	#content-sub-main  iframe { width:100%; }
	#content-sub-main table { width:100%; }
	#content-sub-main table td { display:block;}
	#referans  { width:50% !important; margin:0; padding:0; float:left;}
	#referans img { width:100%; height:100%;}
	#referans > div:last-child { display:none;}
	#content-sub-main-text { width:94%; padding:10px 3%; }
}