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

body {
background:white url(../i/back.gif);	

}

#main {width:950px; min-height:500px; background:#FFF url(../i/s5_1.jpg) repeat-y right;}
#main #s1{background:url(../i/s1.jpg) no-repeat; width:151px;height:148px;float:left;}
#main #s2{background:url(../i/s2.jpg) no-repeat; width:178px;height:148px;float:left;}

#main #ortaorta{margin-right:26px; float:left; background:url(../i/s3_0.jpg)  repeat-y left; }
#ortasol {background:#FFF url(../i/s3.jpg) no-repeat; height:500px; width:112px; float:left;}



#main #altorta{background:url(../i/s3_0.jpg)  repeat-y left; width:848px; padding-left:112px;}

#main #s4{background:url(../i/s4_04.jpg) no-repeat; width:621px;height:11px;float:left;}
#s6{background:url(../i/sinka_06.jpg) no-repeat; width:950px;height:29px;}
#main #b1{background:url(../i/b1_1.jpg) no-repeat; width:270px;height:99px;float:left; cursor:pointer;}
#main #b2{background:url(../i/b2_2.jpg) no-repeat; width:270px;height:99px;float:left; cursor:pointer;}
#main #b3{background:url(../i/b3_3.jpg) no-repeat; width:270px;height:99px;float:left; cursor:pointer;}
#flash{background:#E8E8E8; width:810px;height:280px;float:left;}
#karsilama {width:440px;text-align:justify; font-family:Calibri; color:#3e3d3d;line-height:30px; font-size:18px;float:left; height:220px;padding-right:10px;}
#karsilama span a{color:#F90; font:14px Calibri; }
#karsilama span a:hover{color:#F60;}
#menu{width:543px;height:117px;float:left;margin-top:20px;padding-left:50px; }

#sertifika1{text-align:center;}
#sertifika1 img{margin:20px; padding:20px;  width:225px; border:3px dotted #CCC;}
#sertifika1 img:hover{border:3px dotted #F60;}

#sertifika{width:360px; float:left; height:110px}
#sertifika img{margin:5px 7px 7px;  height:90px;}
#projeres{width:360px; float:left; height:110px;text-align:right;}
#projeres  #res{margin:5px 3px 0 3px; width:70px; height:80px;border:0px solid;}

#refer{float:right;height:50px; width:231px; background:url(../i/refer.jpg) no-repeat; margin-right:30px;}
#sonhab {float:left;width:810px;text-align:left;}
#sonhab #baslik{text-align:left;width:200px; border-bottom:5px #F60 solid;margin-bottom:4px; font-weight:bold; color:#333;}
#sonhab #item{width:90%;min-height:100px; margin:5px; clear:both; border-bottom:1px dotted #ccc; padding-bottom:10px;}
#sonhab img{margin:5px; padding:3px; border:2px solid #CCC;float:left; width:120px; }
#sonhab img:hover{border:2px solid #999; }
#sonhab h3{padding:8px; margin:0px; color:#333; }
#sonhab h3 a{padding:0 10px 2px 0px;text-decoration:none; border-bottom:1px solid #CCC; color:#333;}
#sonhab h3 a:hover{border-bottom:1px solid #666; color:#999;}
#sonhab p{font-size:14px;padding:0px;margin:0px;}
#sonhab span a{color:#333; font:Calibri; }
#sonhab span a:hover{color:#666;}

#sonproje {float:left;width:775px;text-align:left;padding-left:30px;}
#sonproje #baslik{font-size:22px;padding-bottom:5px; margin-bottom:5px; border-bottom:1px dotted;width:250px;}
#sonproje #itemsat{margin-left:50px;}
#sonproje #item{width:260px;height:250px; margin:5px 35px 5px 5px; float:left; border:2px solid #FFF;text-align:center; }
#sonproje #item:hover{border:2px  dotted #E4E4E4;}
#sonproje img{margin:5px; padding:3px; clear:both; width:250px; }


#sonproje h4{padding:8px; margin:0px; color:#333; }
#sonproje h4 a{padding:0 10px 2px 0px;text-decoration:none; border-bottom:1px solid #CCC; color:#06F;}
#sonproje h4 a:hover{border-bottom:1px solid #666; color:#999;}
#sonproje p{font-size:14px;padding:0px;margin:0px;}
#sonproje span a{color:#333; font:Calibri; }
#sonproje span a:hover{color:#666;}



#rst{clear:both;}
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 360px; /*Width of Carousel Viewer itself*/
height: 80px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 340px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
padding-right:20px;
}


#haberbasliklar{float:left; border:1px solid #CCC; width:500px; }
#haberbasliklar #baslik{ background:#B8CECF; padding:5px; margin:2px;}
#haberbasliklar a{ color:#00C; text-decoration:none; }
#haberbasliklar a:hover{color:#006;text-decoration:underline;}
#haberkay{margin-bottom:5px;}

#solmdetay{float:left;width:750px; text-align:left; }

#sprt{margin:5px 0px 10px 520px;width:230px;  background:url(../i/nokta.jpg);height:12px; float:left;}

#solmdetay #baslik{font-size:22px;padding-bottom:5px; margin-bottom:5px; border-bottom:1px dotted;width:250px;}
#solmdetay #baslik #tarih{padding-left:5px;font-size:12px;width:100px;	color:red;}
#solmdetay #ozet { font-style:italic;}

#detayresim{float:right;margin:5px;}
#detayresim img{max-width:250px;max-height:250px;border:0px;}
#ilgilifotolar{float:left;}
#ilgiliresim{float:left;margin:14px;}
#ilgiliresim img{width:150px;border:0px;}

#rfrs{padding-right:50px; float:left;width:700px;text-align:left; background:url(../i/referns.jpg) right no-repeat; }
#rfrs #item{margin-left:50px; padding:10px 0px 10px 10px; border-bottom:1px dotted;width:100%; clear:both;}
#rfrs img{width:150px;margin:4px; padding:4px; float:left;}
#rfrs p{padding:0px;margin:0px;float:left;}
#rfrs h4{margin:5px 0 5px;}
#rfrs td{vertical-align:top;}

#iletisim{float:left;clear:right;width:800px;}
#iletisim h4{padding:3px 10px 3px 3px;width:100%;background:#B7D3FF;text-align:right;color:#333;}
#iletisim p{width:100%;margin:0px;padding:0px;text-align:right;}
#iletisim #kimlik{border-right:1px dotted;float:left;width:400px;padding-right:10px;margin-right:10px;}
#iletisim #form{float:left;border:1px solid;width:200px;}

#misyon { background:url(../i/misyon.jpg) bottom right no-repeat; height:370px;}