/*  http://www.tiv.org.tr @ 2010 // Tasarim:Cem Sehirli // Kod: Gozde Berberoglu / gozde@gozdeberberoglu.com */ 

body{ background-color:#545454; position:relative; color:#000}
.wrapper{ width:786px; margin:0 auto; margin-top:60px}
.header{ background:#fff url(../image/design/header-top.gif) no-repeat; position:relative; height:17px }
.header ul{position:relative; margin-top:-20px; float:right; margin-right:40px}
.header li{ color:#7f7f7f; padding-right:5px; }
.header ul a{ color:#fff; font-weight:bold; font-size:10px }
.header ul a:hover, .header ul a.active{ color:#dd0067 }

/* logo-banner -------------------------------------------- */
.logo-banner{ background:#fff url(../image/design/banner.gif) 100% 0 no-repeat; height:72px }
.banner{ width:510px; height:72px; margin-right:12px; text-align:center; line-height:72px; font-size:14px; font-weight:bold}

/* menu --------------------------------------------------- */
.menu{ background:url(../image/design/menu.gif) no-repeat; height:37px; padding-top:11px;  }
.menu a{ font-weight:bold; width:100%; height:25px; line-height:25px; display:block; color:#000; background:url(../image/design/menu-bg.gif) no-repeat 97% 50%; }
.menu a:hover,.menu a.selected{ background:#dd0067 url(../image/design/menu-bg-hover.gif) no-repeat 97% 50%; color:#fff}
.menu a span{ padding-left:5px }
.menu ul.grid li{ width:130px; margin-left:1px;}
.menu .grid li{ padding:0 }

/* default ------------------------------------------------- */
.default{ background:#fff url(../image/design/content-default.gif) no-repeat; height:391px; }
.pink-box{ background-color:#dd0067; font-size:15px; padding:6px 10px; }
.pink-boxEN{ padding:6px 7px; }
.blue-box{ background-color:#3da7e1; font-size:15px; padding:13px 6px; color:#fff; font-weight:bold;}
.blue-box big{ font-size:18px; letter-spacing:-1px;}
.blue-box span{ font-size:13px;}
.calender{ background:url(../image/content/etkinlik-takvimi.gif) no-repeat; width:102px; height:56px; display:block; color:#fff; padding-top:16px; padding-left:16px; font-size:14px }
.signs{ background:url(../image/content/Turk-isaret-dili.gif) no-repeat; width:109px; height:57px; display:block; color:#fff; padding-top:10px; padding-left:8px; font-size:14px }
.w122 .orange-list{ padding-left:5px}

/* content ------------------------------------------------- */
.content{ background:#fff url(../image/design/content.gif) no-repeat; height:392px; }
ul.sidebar-menu{ }
ul.grid ul.sidebar-menu li{ float:none; display:block; padding:2px;  }
ul.grid ul.sidebar-menu li a{ font-size:11px; font-weight:bold; text-decoration:none; color:#000 }
ul.grid ul.sidebar-menu li a:hover, ul.grid ul.sidebar-menu li a.active{ color:#dd0067 }

/* sponsor ------------------------------------------------- */
#sponsors{ background:url(../image/design/sponsor-bg.jpg) no-repeat; height:59px; width:786px; display:block ; clear:both}
.hoh{ width:106px; margin:0 auto; display:block }
.marmara{ width:101px; display:block }
.kanald{ width:45px; margin:0 auto; display:block }
.cfcu{ width:45px; margin-left:65px; display:block }

/* footer ------------------------------------------------- */
.footer{ background:#fff url(../image/design/footer.gif) no-repeat; height:67px; margin-top:10px; font-size:9px; padding-top:10px; }
.footerEN{ background-image:url(../image/design/footerEN.gif) }


/* Listeler: 117, 130, 130, 130, 130, 117 ----------------- */
ul.grid{ margin-left:13px; }
.content ul.grid{ padding-top:20px; }
.content ul.scroll{ height:300px; overflow:auto }
.default ul.grid{ padding-top:0px }
ul.grid li{ width:114px; margin-left:1px; padding:8px;font-size:11px }
.default ul.grid li{ padding-left:0px;padding-top:0px  }
ul.grid li.w124{ width:124px; padding:8px 2px 8px 3px;}
ul.grid li.w56{ width:56px; }
ul.grid li.w60{ width:60px; }
ul.grid li.w101{ width:101px; }
ul.grid li.w109{ width:109px; }
ul.grid li.w117{ width:117px; }
ul.grid li.w118{ width:118px; }
ul.grid li.w122{ width:122px; }
ul.grid li.w156{ width:156px; }
ul.grid li.w240{ width:240px; }
ul.grid li.w252{ width:252px; }
ul.grid li.w244{ width:244px; }
ul.grid li.w384{ width:384px; height:280px; overflow:auto}
ul.grid li.w620{ width:620px; }


/*common*/
.pink, a.pink,a:hover.pink{ color:#dd0067 }
.blue,a.blue{ color:#3da7e1}
.black, .black a, a.black{ color:#000 }
.orange,.orange-list h1,.orange-list b{ color:#fb601d }
.orange-list a{ color:#000}
.orange-list h1{ margin-bottom:15px }
.orange-list p{ margin-top:5px }
.green{color:#6fab25}
.white,a.white,a:hover.white{ color:#fff }
.pad-10{ padding:10px}
.pad-18-10{ padding:18px 10px}