body{ margin:0 auto; padding:0; font-family: 'Open Sans Condensed', sans-serif; color:#444; font-size:13pt;}

.genel{ width:980px; margin:0 auto;}
.clear{ clear:both;}
p{ margin-bottom:5px;}
a img{ border:none;}
h3, h4{ margin:5px 0;}
h3.baslik{ background: url(../images/baslik.png) repeat-x center; text-align:center;}
h3.baslik span{background:#f0f0f0; padding:0 15px;}
.serit{ width:100%; height:15px; background:#eee;}

#header-wrapper{ width:100%; height:100px; border-bottom:solid 5px #0000ff; background-color:rgba(0,0,0,0.2); position:relative; z-index:999;}
#header{ height:100px; position:relative;}
#header .logo{ width:150px; height:100px; float:left; background: url(../images/logo.png) no-repeat center; background-size: auto 100px; }

#header .menu{ float:right;}
#header .menu ul{ list-style-type:none; padding:0; margin:0;}
#header .menu ul li{ float:left; text-align:center;}
#header .menu ul li a{ display:block; height:20px; padding:40px 15px; color:#fff; text-decoration:none;  font-size:13pt; color:#fff; font-weight:bold;}
#header .menu ul li a:hover{ background-color:rgba(0,0,0,0.2); }
#header .menu ul li ul{ display:none;}
#header .menu ul li:hover ul{ display:block; position:relative; float:left; }
#header .menu ul li ul li{width:110px; background:#00d5f0; border-left:solid 10px #00b3ce;}
#header .menu ul li ul li:hover{background:#00b3ce;}
#header .menu ul li ul li a{width:100px; height:15px; padding:5px;}
#header .menu ul li ul li a:hover{color:#fff; padding:5px;}

.lang{ position:absolute; top:110px; right:0; z-index:99999;}
.lang a{}
.lang a img{width:24px;}

#slider{ width:100%; position:absolute; top:0;}
#slider img{ width:100%; height:auto; position:absolute; left:0;}
#slider iframe{ position:relative; z-index:0;}

#content{ min-height:400px; background:#f0f0f0; margin-top:450px; position:relative; z-index:100;}
.content-full{ width:900px; min-height:200px; padding:20px 40px;}
.cbox{ width:300px; min-height:200px; margin:20px 0 20px 20px; float:left; }
.devami{color:#9b9b9b; text-decoration:none; font-size:11pt; float:right; }

#content-left{ border-top:solid 8px #0000ff; }
#content-left ul{ width:100%; height:100%; padding:0; margin:0; list-style-type:none;}
#content-left ul li{ float:left; background:#0000ff; padding:3px 5px; margin:2px; color:#fff;}

.metrolink1{ display:block; width:140px; height:140px; background:url(../images/haklink.png); float:left; margin-top:5px;}
.metrolink2{ display:block; width:140px; height:140px; background:url(../images/ilelink.png); float:right; margin-top:5px;}

#content-center{ border-top:solid 8px #0000ff; }
#listticker{height:416px; width:300px; overflow:hidden; background:url(../images/etkinlik-bg.png) no-repeat center; margin:0; padding: 0;}
#listticker li{ margin:6px 0; list-style:none; height:98px; }
#listticker li a{ text-decoration:none; color:#fff; display:block; width:90%; padding:0 5%; height:70px; overflow:hidden; text-align:justify;}
#listticker li div{ width:100%; height:24px; padding-top:4px; display:block; background:url(../images/saydam.png) repeat; text-align:center; color:#FFF;}

#content-right{ border-top:solid 8px #0000ff; }
#fgaleri{ width:300px; height:235px; }
#fgaleri a{ display:block; position:absolute; text-decoration:none; color:#000;}
#fgaleri a img{width: 300px; height:auto; }
#fgaleri a span{ display:block; width: 280px; padding:5px 10px; background:rgba(255,255,255, .8); position:absolute; bottom:0px; z-index:9999999999; }

#iletisim {width:300px; min-height:150px; border-top:solid 8px #0000ff;}
#iletisim a{ text-decoration:none; color:#333;}


#content-bottom{ min-height:200px; }
#content-bottom ul{ list-style-type:none; margin:0; padding:0;}
#content-bottom li {margin:0 0 20px 20px; padding:0; float:left; width:300px; height:170px;}
#content-bottom li a{ text-decoration:none; color:#000;}
#content-bottom li a img {position:absolute; width:300px; height:170px; background:url('../images/etkinlik.jpg') no-repeat center;}
#content-bottom li a span{ width:290px; padding:5px; height:auto; display:block; position:relative; z-index:30; background:url(../images/saydam.png) repeat; }


#footer{ height:36px; margin-bottom:30px;}

#footer .menu{ width:560px; height:36px; float:left; }
#footer .menu ul{ list-style-type:none; padding:0; margin:0;}
#footer .menu ul li{ float:left; height:30px; text-align:center; padding-top:8px;}
#footer .menu ul li a{ color:#000; text-decoration:none; font-size:11pt; padding:6px; }

#footer .copyright{ float:right; width:300px; height:36px; font-size:11pt;}
#footer .copyright a{ text-decoration:none; color:#60ba81;}


.proje{ float:left; width:300px; height:225px; position:relative; background:url(../images/proje.jpg) no-repeat center center;}
.proje a{ text-decoration:none; color:#000; }
.proje a img{width: 300px; height:auto;  }
.proje a span{ display:block; width: 280px; padding:5px 10px; background:rgba(255,255,255,.8); position:absolute; bottom:0; z-index:999; border-top:solid 2px #0000ff; }



#highlight {float: left; width:440px;}

#featured {overflow: hidden; width:440px; position: relative; height:330px;}
#featured img{ width:440px; height:330px;}
#featured .ui-els-hide {display: none;}
#thumbs {width:100%; list-style-type: none; height: 37px; height: 100%}
#thumbs ul {margin:2px 0 0 0; padding:0; list-style-type:none;}
#thumbs li {display: inline; float: left; width: 86px; height:70px; margin:1px;}
#thumbs li a {border: #9c9c9c 2px solid; display:block; font-size:0px; width:82px;}
#thumbs li a img{ width:82px; height:61px;}

#thumbs li a:hover {border: #0000ff 2px solid;}
#thumbs li.first img {border:none;}
#thumbs li.last img {border:none;}

.projedetay{ width:420px; float:right; text-align:justify;}
.projedetay p{ margin-top:0;}