﻿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;}
.baslik{ width:100%; height:20px; background: url(../images/baslik.png) repeat-x center; text-align:center;}
.baslik h3{ margin:0; padding:0;}
.baslik h3 span{background:#f0f0f0; padding:0 7px;}
.serit{ width:100%; height:15px; background:#eee;}

#header{ height:100px;}
#header .logo{ width:221px; height:81px; margin-top:9px; float:left; background:url(../images/logo.png) no-repeat; }

#header .dil{ height:25px;  float:right; margin-top:8px;}
#header .dil img{ height:25px; width:auto;}

#header .menu{ width:660px; height:67px; float:left; margin-left:99px; background: url(../images/menu-bg.png) no-repeat; }
#header .menu ul{ list-style-type:none; padding:0; margin:0;}

#header .menu ul li{ float:left; width:110px; height:67px; text-align:center;}
#header .menu ul li a{ display:block; width:110px; height:47px; padding-top:20px; color:#fff; text-decoration:none;  font-size:13pt;}
#header .menu ul li a:hover{ color:#97f3ff; padding-top:17px;}

#header .menu ul li ul{ display:none;}
#header .menu ul li:hover ul{ display:block; position:relative; z-index:999; float:left; }
#header .menu ul li ul li{width:110px; height:25px; 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;}

#slider{ width:100%; height:850px; border-top:solid 5px #00d5f0;}
#slider img{ width:100%; height:850px; position:absolute;}
#slider iframe{ position:relative; z-index:0;}

#content{ min-height:400px; background:#f0f0f0; margin-top:-445px; position:relative; z-index:100;}
.content-full{ width:940px; min-height:200px; padding:20px;}
.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 #00d5f0; }
#content-left iframe{width:300px; height:210px;}
.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/kaynaklink.png); float:right; margin-top:5px;}

#content-center{ border-top:solid 8px #f16c5a; }
#listticker{height:415px; width:300px; overflow:hidden; background:url(../images/etkinlik-bg.png) no-repeat center; margin:0; padding: 0;}
#listticker li{ margin:12px 0; list-style:none; height:93px;}
#listticker li a{ text-decoration:none; color:#fff; display:block; width:90%; padding:0 5%; height:60px; overflow:hidden; text-align:justify; line-height:1.13;}
#listticker li div{ width:100%; height:23px; padding-top:5px; display:block; background:url(../images/saydam.png) repeat; text-align:center; color:#FFF;}

#content-right{ border-top:solid 8px #f8971d; }
#fgaleri{ width:300px; height:235px; }
#fgaleri img{width: 300px; height:auto; position: absolute;}
#iletisim {width:300px; min-height:150px; border-top:solid 8px #ee5091;}
#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:450px; 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-family: 'Open Sans Condensed', sans-serif; font-size:11pt; padding:8px; }

#footer .copyright{ float:right; width:300px; height:36px; font-size:11pt;}
#footer .copyright a{ text-decoration:none; color:#60ba81;}