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

body {
background:url(../imgs/bg.jpg) #e0e1e1 repeat-x;
font-family:Arial,Helvetica,sans-serif;
font-size:12px

}
a {

text-decoration:none;
}
a:hover{
      color:#f2ce00;
   
}
#sol img{
      margin-bottom:10px
}
#genis{
    width:960px;
    margin:0 auto;
    margin-top:20px;
    background:#ffffff;
    padding-right:10px
}
#menu{
    width:740px;
    float:left;
    margin-left:15px;
    
}
#logo{
    width:200px;
    float:left;
    margin-bottom:10px;
}
#slogan{
    text-align:right;
}
#ustmenu{
    background:#0170bc;
    height:32px;
    margin-top:16px
}
#ustmenu li{
    float:left;
    padding-top:10px;
    height:22px;
}
#ustmenu li span{
    margin-left:8px;
    margin-right:8px;
    height:22px;
    padding-top:10px;
    padding-left:5px;
    padding-right:5px;
    padding-bottom:10px
}
#ustmenu li span:hover {
    background:#ffffff;
    
}
#ustmenu li a{
    color:#ffffff;
    font-size:12px;
    font-weight:bold
    
   
}
#ustmenu li a:hover{
    color:#0978C0;
    font-weight:bold
}

.active span{
       background:#ffffff;
}
.active a{
      color:#0978C0 !important;
    font-weight:bold
}


#eng span:hover{
    text-decoration:underline
    
}
.ticker {
    position: relative; /* So we can absolute the .items */
    width: 200px;
    height: 150px;
    overflow: hidden;
}
.items {
    position: absolute;
    top: 500px;
    margin-left: 10px;
    font-size:11px;
    color:#ffffff;
    padding-right:5px;
    width:180px
			
}
.items a{
    color:#feca08;
     font-size:11px;
    font-weight:bold;
    text-decoration:none
}
.items a:hover{
      text-decoration:underline
}
 h4{
    font-size:12px;
    font-weight:bold;
    color:#f3c226;
}

#sol{
    width:200px;
    background: no-repeat #0978C0;
    height:100%;
    padding-top:20px;
    float:left;


-moz-border-radius: 10px;
-webkit-border-radius: 10px;

}
#sag{
    width:740px;
    padding-left:15px;
    float:left;
    
}
#liste li {
    background:url("../imgs/li_bg.jpg") repeat-y;
    padding-top:5px;
    padding-left:10px;
    padding-right:5px;
    padding-bottom:5px;
    margin-bottom:5px;
    cursor:pointer;
    font-size:12px;
    color:#ffffff;
    font-weight:bold;
    
}
#liste li:hover{
    background:#ffffff;
    color:#0978C0
}

.liste2{
    display:none;
}
.liste3 {
    padding-top:2px;
    padding-left:10px;
    padding-right:5px;
    padding-bottom:2px;
    margin-bottom:5px
}
.liste3  a{
    font-size:12px;
    color:#f3c226;
    padding:2px;
    font-weight:bold;
    line-height:20px;
   
}
.liste3 a:hover{
    font-weight:bold;
    
    color:#ffffff;
    
    }

.baslik{
    background:url("../imgs/li_bg.jpg") repeat-y;
    padding-top:5px;
    padding-left:10px;
    padding-right:5px;
    padding-bottom:5px;
    margin-bottom:5px;
    font-size:12px;
    color:#ffffff;
    font-weight:bold;
}
.title{
    background:#0170bc;
    padding:8px;
    font-size:12px;
    color:#f1f1f1;
    font-weight:bold;
}
.title2{
    background:#0170bc;
    padding:8px;
    font-size:12px;
    color:#f1f1f1;
    font-weight:bold;
}
.box{
    width:360px;
    border:1px solid #d1d1d1;
    margin-bottom:10px;
    background:#f7f7f7;
    
}
.box li{
    margin-top:5px;
    margin-left:10px;
    margin-bottom:5px;
}
.box li a{
    font-size:13px;
    color:#000000;
    padding:2px
}
.box li a:hover{
    font-weight:bold;
    border:1px solid #0978C0;
    background:#e1e1e1

}
#kategori1{
    width:360px;
    float:left;
    
}

#kategori2{
    margin-left:18px;
    width:360px;
    float:left
}
#haberler{
    float:none
}
.haber{
    width:360px;
    float:left;
    border:1px solid #d1d1d1;
    background:#ffffff;
    font-size:12px;
    line-height:16px
    
}
.hdetay{
    padding:10px
}
.haberbaslik{
    background:url("../imgs/ha_bg.jpg") repeat-y;
    padding-top:5px;
    padding-left:10px;
    padding-right:5px;
    padding-bottom:5px;

    font-size:11px;
    color:#0170bc;
    font-weight:bold;
}


#slider							{ background: white url(../imgs/slider-bg.jpg); height: 227px; overflow: hidden;
								  position: relative; }
							  
#mover							{ width: 2880px; position: relative; }

.slide							{ padding: 20px 10px; width: 900px; float: left; position: relative; }
.slide h1						{
    font-family: Helvetica, Sans-Serif;
    font-size: 20px;
    letter-spacing: -1px;
    color: #ac0000;
    width:300px
    
    }
.slide p						{ color: #999; font-size: 12px; line-height: 22px; width: 300px; }
.slide img{
    position: absolute;
    top: 20px;
    left: 350px;
    padding-top:10px;
    border:none
    }
#slider-stopper	{
    position: absolute;
    top: 1px;
    right: 20px;
    background: #ac0000;
    color: white;
    padding: 3px 8px;
    font-size: 10px;
    z-index: 1000;
 }
.kapla{
    width:730px;
    border:1px solid #d1d1d1;
    
    margin-bottom:5px;
    padding:5px;
    background:#f7f7f7;
}
.kaplab{
    background:#0170bc;
    padding:5px;
    font-size:16px;
    color:#ffffff;
    font-weight:bold;
    margin:-5px;
    margin-bottom:10px;
    text-align:left;
}
.cozum{
    width:730px;
    border:1px solid #d1d1d1;
    margin-top:10px;
    margin-bottom:5px;
    padding:5px;
    text-align:center;
    background:#f7f7f7;
 
}
.cozumbaslik{
      margin:-5px;
    background:#0170bc;
    padding:5px;
    font-size:12px;
    color:#ffffff;
    font-weight:bold;
    margin-bottom:10px;
    text-align:left;
}
.cozum li{
    float:left;
    margin-top:10px;
    margin-left:5px;
    margin-right:10px
}
#footer{
    font-size:11px;
        width:960px;
    margin:0 auto;
}


#icerik{
    font-size:12px;
    margin-bottom:20px
}
#icerik h1{
    font-size:30px;
    font-weight:bold;
    color:#008ce8
}
#slid{
   
    background:url('../imgs/slider-bg.png') no-repeat;
    padding-left:10px;
    padding-right:10px;
    padding-top:10px;
    margin-left:5px
}
#ortam {
    font-size:12px;
    line-height:20px;
    padding-bottom:30px;
    text-align:justify;
}
#ortam img{
    float:left;
    padding-right:10px;
    padding-bottom:10px
}
#ortam h1{
color:#AC0000;
font-size:24px;
font-weight:bold

}
h5{
      font-size:14px;
      font-weight:bold;
      color:#0170bc;
      
}
#ortam strong{
    font-weight:bold
}
#ortam ul{
    list-style: circle;
    padding-left:20px;
    margin-top:10px
    }
#ortam h3{
    font-weight:bold;
    font-size:12px;
    margin-top:15px;
    text-align:justify
}
.reft{
    margin-top:10px;
    margin-bottom:30px;
    list-style:none !important;
    height:35px
}
.reft img{
    float:none !important;
}
.reft li{
      float:left;
      width:300px;
      padding-bottom:10px
      
}
.nofl img{ 
      float:none !important
}
#ortam h2{
    font-size:18px;
    color:#0978C0;
    font-weight:bold
}


#solsag{
    height: 25px;
    margin: 10px auto auto auto;		
}
#solsag div.oge{
    float: left;
    text-align: center;
    margin-right:15px
}
#solsag img{
      padding-right:none
}
.basin{
    list-style:none !important;
}
.basin li{
    list-style:none !important;
    padding-bottom:10px
}
.basin img{
    padding:0 !important;
    float:none !important;

}
.basin li a{
    font-size:12px;
    color:#000000;
    padding:2px
}
.basin li a:hover{
    font-weight:bold;
    border:1px solid #0978C0;
    background:#e1e1e1

}
.haberler img {
    float:none !important;
}
.haberler{
    line-height:14px;
    border-bottom:1px solid #d1d1d1;
    padding:10px
}
.sifre{
    padding:5px;
    border:1px solid #d1d1d1;
    font-size:14px
}.tumh {
      text-align:center
}
.tumh a{
      color:#f3c226;
      font-weight:bold
}
.tumh a:hover{
      color:#ffffff;
      text-decoration:underline
}