﻿body { font-size: 12px; font-family: 'Open Sans', sans-serif,Arial,Tahoma; background-image: url('../images/tema/body_bg.png'); padding: 0; margin: 0;  }

img {border: none}
a {text-decoration: none}
input,ul,li,table,tr,td,h1,h2,h3,h4,h5,h6,p,form,textarea {padding: 0; margin: 0; border: none; list-style-type: none}
:focus {outline: 0}
.clear
{
    clear: both;
}
/*Hata ve Uyarı*/
.HataSayfasi{ text-align:center; font-size:20px; color:#333; margin-bottom:150px; margin-top:150px;}

.center{width: 980px; margin: 0 auto;}

.bilgilendirme{  font-size:14px; font-weight:600; color:#333; margin-left:10px; margin-top:10px;}
.bilgilendirme2{  font-size:14px; color:#002561; margin-left:30px; margin-top:20px;}
.bilgilendirme3{  font-size:12px; color:#002561; margin-top:10px;}

#header{ height:155px;}
.header_golge
{
    background-image: url('../images/tema/menu_golge.png');
    width: 980px;
    height: 17px;
    margin: 0 auto;
    text-align: center;
    margin-bottom:15px;
}
    
#logo 
{
    height:126px;
    width:140px;
    }
    
 #logo img 
{
    margin-top:15px;
    }
    

.menuAc {
	
	padding: 10px;
	cursor: pointer;
	display: none;
	float:right;
}
#logo_arama{ display:block; width:980px}
/*Arama Motoru*/
#arama {float:right; background: url(../images/tema/arama_bg.png) no-repeat; width:212px; height:33px; margin-top:10px; position:relative;}
.txtArama{ background-color: transparent; padding:5px; margin-top:6px; margin-left:5px; height:13px; width:110px; position:absolute; float:left;color:#04212c;}
.btnArama{ margin-top:8px;float:right; margin-right:5px; display: none;}
.txtAraYazi{  background-color:transparent;}

 /* Menü */
#menus{ float:left;}
#main_menu{margin: 0 auto; display: inline-block; line-height:41px;}
#main_menu li{float: left; position: relative; z-index: 9999;}
#main_menu a{font-weight: 500; color: #fff; padding: 0px 30px; font-size: 15px;}
#main_menu li a{display: block; text-align:center;}
#main_menu a:hover{color: #fff; background: rgba(0, 0, 0, 0.85)}
#main_menu ul li{background-color: #002561;}
#main_menu ul li a{color:#fff; text-align:left; font-size:13px;}
#main_menu ul li:hover a{background-color: #031014; color:#fff; border: none;}
#main_menu li:hover ul{}
#main_menu li:hover > ul{display: block; background-color: #333;}
#main_menu ul{display: none; width: 180px; position: absolute; left: 0; background: rgba(0, 0, 0, 0.85); margin-top:-3px; text-align:center;}
#main_menu ul li{float: none;}
#main_menu ul ul{left: 175px; top: 0;}

/*Menü Alanı*/
#menuler{ background-image: url('../images/tema/menu_bg.png'); height:41px}

/*Sosyal İkonlar*/
    #sosyal_icon{ float:right;}
    #sosyal_icon a { padding-left:2px; }

#logolar
{
    background-image: url('../images/tema/logos_bg.png');
    height:80px;
    margin-top:10px;
    margin-bottom:20px;
    float:left;
}

#logolar ul{ display:block;}
#logolar ul li {float:left;margin-top:20px; position:relative;}
#logolar ul li a
{
    background: url('../images/tema/golge_logo_arasi.png') no-repeat;
    padding-right: 22px;
    padding-left: 23px;

    padding-top:30px;
}

.h_golge{ background-image: url('../images/tema/haber_golge.png'); height:3px; width:200px; display: none; }

.v_golge{ background-image: url('../images/tema/haber_golge.png'); height:3px; width:220px; display: none; }


.hizli_menu {float:right; margin-bottom:20px;}





#sag{ width:265px; float: right; }

#sol
{
    background-position: right;
    width: 715px;
    float: left;
    margin-top: 1px;
    background-image: url('../images/golge.png');
    background-repeat: repeat-y;
}

.haberler { max-width:715px;}
.haber { width:200px; height:220px;  display:block; float:left; margin-right:38px; overflow:hidden; margin-bottom:1px;}
.haber img{ width:195px; height:137px; border: 2px solid; border-color: #ddca00; opacity: 100; }
.haber img:hover{ opacity: .80; filter: alpha(opacity=80); border: 2px solid; border-color: #04212c; }
.h_baslik a{ font-size:13px; padding-top: 5px; color:#002561; font-weight:600;  }
.h_baslik a:hover{color:#333; text-decoration:underline;}
.h_ozet{ font-size:12px; color:#3d3d3d; }

#footer
{
    background-image: url('../images/tema/footer_bg1.png');
    background-repeat: repeat-x;
    height: 75px;
    margin-top:30px;
}


.kunye{ float:left; margin-top:20px; max-width:280px; }
.kunye p{color:#88898b;  font-size:10px;}

.f_logolar{float:right; margin-top:20px; }
.f_logolar ul { display:block;}
.f_logolar ul li
{
    background-position: right;
    float: left;
    background-image: url('../images/tema/f_cizgi.png');
    background-repeat: no-repeat;
    padding:15px;
}

.copy { float:left; margin-top:35px;}
.copy p{ color:#88898b;  font-size:12px;}

.ans
{
    float: right;
    width: 92px;
    height: 45px;
    margin-top:20px;
}



.menu2 {
	overflow: hidden;
	background-color: #333;
}
.menu2 ul li {
	float: left
}
.menu2 ul li a {
	display: block;
	padding: 10px 20px;
	color: #fff;
	border-right: 1px solid #fff;
}
.menu2 ul li a:hover {
	background-color: #002561;
}


/*Sayfalama*/
#sayfalama{ margin-top:50px; text-align:center;}

/*Haber Detay Sayfası*/

.haber_detay { width:680px; overflow:hidden;}
.haber_detay img{ width:680px;margin-bottom:15px;}
.haber_baslik{  font-size:17px; font-weight:600; color:#002561;width:500px; float:left;height:25px; line-height:25px}
.haber_tarih{  font-size:13px; color:#333; width:180px; float:right;height:25px;line-height:25px;}
.haber_detay {  font-size:13px; color:#333;}
.bas_tar
{
    width: 700px;
    height: 35px;
    padding:15px 0;
    background-image: url('../images/tema/kat_baslik_bg.png');
    background-repeat: no-repeat;
    }

/*Haber Resimleri*/
.fotolar{width:680px; margin-top:30px;}
.foto { float:left; margin:30px; padding:5px;  border: 1px solid #C0C0C0;}


/*Hakkımızda Sayfası*/
.aktif { color:#002561; font-weight:600;}

.liste{background-position: right;width: 195px;float: left;margin-top: 20px; border-right:1px dotted #002561}
.liste ul{ display:block;}
.liste ul li { padding:8px 0;}
.liste ul li a{  font-size:14px; color:#333;}
.liste ul li a:hover{ color:#002561; font-weight:600;}
.liste_baslik{  font-size:18px; font-weight:600; color:#333; width:175px; height:30px; float:left; margin-bottom:5px; background-image: url('../images/Tema/kat_baslik_bg.png'); background-repeat: no-repeat; padding:15px 15px 15px 0; color:#002561}
.liste_icerik { width:780px; float: right; margin-top:7px; overflow:hidden;}
.liste_icerik_baslik
{
    
    font-size: 18px;
    font-weight: 600;
    color: #002561;
    width: 780px;

    padding: 15px;
    background-image: url('../images/Tema/kat_baslik_bg1.png');
    background-repeat: no-repeat;
}
.liste_icerik p {padding:5px 15px; color:#333;  font-size:13px;}





/*İletişim Sayfası*/
.iletisim{ width:700px; padding:15px;}
.iletisim_baslik { width:624px; height:25px;  font-size:16px; font-weight:600; color: #002561; float:left; padding:18px 5px; background-image: url('../images/Tema/kat_baslik_bg.png'); background-repeat: no-repeat}
.iletisimkonu { width:70px;  font-size:14px; font-weight:600; color: #002561; float:left;}
.nokta { width:10px;  font-size:14px; font-weight:600; color: #002561; float:left;}
.iletisimtxt { width:620px;  font-size:14px; color: #333; float:right;}
.txtclass{ width:550px; height:20px; border:1px solid #C0C0C0; float:left; border-radius: 3px; padding:5px;}
.iletisim_formu{ margin-top:150px; width:700px; height:600px;}
.iletisim_f{ width:560px; padding:15px; margin-bottom:30px;}
.iletisimkonu_f { width:560px; font-size:14px; font-weight:600; color: #333; float:left; margin-bottom:3px;}
.iletisimtxt_f { width:560px; font-size:14px; color: #333; float:left;}
.Buton{ background-color:#002561; color:#fff; padding:8px; width:100px; cursor:pointer; float:right; margin-top:10px;}
.form_bilgi_mesaj{width:560px; height:20px;float:left;}


/*Haber Kategori Sayfası*/
.kat_genel_baslik
{
    width: 700px;
    height: 40px;
    padding: 15px 0;
    
    font-size: 20px;
    font-weight: 600;
    color: #002561;
    background-image: url('../images/tema/kat_baslik_bg.png');
    background-repeat: no-repeat;
}
.kategori_haber { width:700px; height:100px; float:left}
.kategori_resim {width: 100px; height:100px; float:left;}
.kategori_resim img {width: 90px; height:90px; float:left; border:1px solid #C0C0C0; padding:5px;}
.kategori_baslik{ width:600px; height:40px; float:left; }
.k_baslik{ margin-top:15px; margin-left:10px; }
.k_baslik a{color:#002561;  font-size:16px; font-weight:600;}
.k_baslik a:hover{ text-decoration:underline}
.kategori_ozet{ width:600px; height:60px; float:left;}
.kategori_ozet p{ margin-top:5px; margin-left:10px; color:#666; font-size:13px;}
.katgolge{background-image: url('../images/Tema/kat_golge.png'); background-repeat: no-repeat; width:700px; height:12px; margin-top:20px; margin-bottom:20px; }
.hrr{ width:700px; border-bottom:1px dotted #C0C0C0; margin-top:20px; margin-bottom:20px;}


/*Video*/
.VideoGaleri{ float:left;}
.videolar { max-width:780px; margin-top:25px; }
.video { width:220px; height:205px;  display:block; float:left; margin-left:38px; overflow:hidden; margin-bottom:20px;}
.video img{ width:220px; height:140px; opacity: 100; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -khtml-opacity: 100; -moz-opacity: 100}
.video img:hover{ opacity: .80; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; -khtml-opacity: .80; -moz-opacity: .80}
.v_baslik a{ font-size:14px; color:#002561; font-weight:600; }
.v_baslik a:hover{color:#333; text-decoration:underline;}

.videolarEmbed { max-width:740px; margin-top:25px; padding:0 20px; }


.video_bas_tar
{
    width: 740px;
    height: 35px;
    padding:17px 0;
    background-image: url('../images/tema/kat_baslik_bg_vd.png');
    background-repeat: no-repeat;
    margin-top:10px;
    }
    
.video_baslik{  font-size:17px; font-weight:600; color:#002561;width:630px; float:left;}
.video_tarih{  font-size:11px; color:#808080; width:110px; float:right; cursor:pointer;}
.video_tarih:hover { color:#333;}
.video_aciklama{  font-size:13px; color:#333; margin-bottom:20px;}


/*Genç Kart Sayfası*/
.genc_baslik { width:670px; height:47px;  font-size:16px; font-weight:600; color: #002561; float:left; padding:18px 5px; background-image: url('../images/Tema/kat_baslik_bg.png'); background-repeat: no-repeat}
.gencform{ width:650px; padding:15px; margin-bottom:30px}
.gencform_baslik { width:100px; font-size:14px; font-weight:600; color: #333; float:left; margin-top:5px; }
.gencform_txt { width:550px; font-size:14px; color: #333; float:right}
.ButonGenc{ background-color:#333; color:#fff; padding:8px; width:100px; cursor:pointer; float:right; margin-top:10px;}


/*Kitap Detay Sayfası*/

.kitap_detay { width:680px; overflow:hidden;}
.kitap_resim{ width:180px;margin-bottom:15px; float:left}
.kitap_resim img{ width:180px;margin-bottom:15px;}
.kitap_bilgi{ float:left; width:420px; padding-left:30px; margin-top:10px;  font-size:13px; color:#333;}
.kitap_bilgi strong{ padding-right:5px;}
.kitap_baslik{  font-size:17px; font-weight:600; color:#002561;width:500px; float:left;}
.kitap_tarih{  font-size:13px; color:#333; width:180px; float:right;}
.kitap_aciklama {  font-size:13px; color:#333; width:680px; margin-top:10px;}
.kitap_cizgi{ width:680px; border-bottom: 1px dotted #C0C0C0}



/*Etkinlik Detay Sayfası*/

.etkinlik_detay { width:680px; overflow:hidden;}
.etkinlik_resim{ width:200px;margin-bottom:15px; float:left}
.etkinlik_resim img{ width:200px;margin-bottom:15px;}
.etkinlik_bilgi{ float:left; width:400px; padding-left:30px; padding-bottom:5px; }
.etkinlik_bilgi strong{ padding-right:5px; }
.etkinlik_baslik{  font-size:17px; font-weight:600; color:#002561;width:500px; float:left; }
.etkinlik_tarih{  font-size:13px; color:#333; width:180px; float:right;}
.etkinlik_aciklama {  font-size:13px; color:#333; width:680px; margin-top:10px;}
.etkinlik_cizgi{ width:680px; border-bottom: 1px dotted #C0C0C0}

.e_baslik{background-color:#fff; padding:20px;  font-size:13px; color:#333; float:left; width:40px;}

.e_baslik_cevap{padding:20px;  font-size:13px; color:#333; float:left;}



.makale_resim{ margin:10px 0; text-align:center;}

.makale_resim img { width:750px; height:200px;}