@charset "UTF-8";

/* Webkit prefix ├Ân tan─▒mlar─▒ silinecek */

.coder, .yazar-kl { width: 658px; border-right: 1px solid #eaeaea; overflow: hidden; }

.coder h1, .yazar-kl h1 { margin-top: 0px; margin-left: 20px; color: #2c2c2c; }

.coder header, .yazar-kl header { border-bottom: 1px solid #eaeaea; }



.code-wrapper { width: 640px; margin: 0 0 35px 10px; /* */ }

.code-wrapper:last-child { margin: 0 0 0 10px; }

.code-wrapper .code-vertical { width: 640px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); border-radius: 5px; padding: 10px 5px 10px 0; }

.code-wrapper .code-vertical:last-child { margin-bottom: 20px; }

.code-wrapper .code-vertical .code-content2 { height: 310px; position: relative; overflow: hidden; }

.code-wrapper .code-vertical .code-content2 .ps-scrollbar-y { background: #9FAAB0 !important; }

.code-wrapper .code-vertical .code-content2 .ps-scrollbar-y-rail { background: #E7EDF1 !important; box-shadow: inset 1px 0px 2px 0px rgba(0, 0, 0, 0.2); }

.code-wrapper .code-vertical .code-content2 ul li { width: 603px; margin-left: 15px; height: 75px; border-bottom: 1px dotted #d3d3d3; padding: 10px 0; }

.code-wrapper .code-vertical .code-content2 ul li a img { width: 85px; height: 55px; float: left; margin-right: 10px; box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.11); }

.code-wrapper .code-vertical .code-content2 ul li a p { font-size: 12px; font-weight: 600; color: #000; margin-top: 10px; }

.code-wrapper .code-vertical .code-content2 ul li a span { margin-top: 5px; font-size: 12px; font-weight: 600; color: #d82726; }

.code-wrapper .code-vertical .code-content { height: 280px; position: relative; overflow: hidden; }

.code-wrapper .code-vertical .code-content .ps-scrollbar-y { background: #9FAAB0 !important; }

.code-wrapper .code-vertical .code-content .ps-scrollbar-y-rail { background: #E7EDF1 !important; box-shadow: inset 1px 0px 2px 0px rgba(0, 0, 0, 0.2); }

.code-wrapper .code-vertical .code-content ul { width: 603px; margin-left: 10px; margin-top: -5px; }

.code-wrapper .code-vertical .code-content ul li { padding-left: 5px; height: 40px; border-bottom: 1px dotted #d3d3d3; }

.code-wrapper .code-vertical .code-content ul li a { display: block; line-height: 40px; font-size: 12px; font-weight: 600; color: #000; }

.code-wrapper .code-vertical .code-content ul li a:hover { text-decoration: underline; }

.code-wrapper .code-vertical .code-content ul li a span { color: #d82827; }

.code-wrapper .last-minute { background: none; margin-bottom: 40px; }

.code-wrapper .last-minute .scroll-content { width: 640px; background: #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); height: 50px; border-radius: 5px; }

.code-wrapper .last-minute .scroll-content ul li::after { background: #000; }

.code-wrapper .last-minute .scroll-content ul li a { color: #000; line-height: 50px; font-size: 14px; font-weight: 600; }

.code-wrapper .last-minute .scroll-content ul li a span { color: #d82827; }

.code-wrapper .last-minute::after { display: none; }

.code-wrapper .banner { padding: 0; margin: 0; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); }

.code-wrapper .banner .gn-slide-container { width: 640px; }

.code-wrapper h6 { font-size: 16px; color: #2c2c2c; margin: 0 0 16px 10px; }

.code-wrapper .code-clip { position: relative; margin-bottom: 20px; }

.code-wrapper .code-clip button { width: 90px; height: 30px; background: #dd4140; border-radius: 5px; font-size: 12px; font-weight: 700; text-align: center; line-height: 30px; color: #fff; position: absolute; z-index: 4; top: 14px; right: 9px; }

.code-wrapper .code-clip::after { content: ''; position: absolute; left: 45px; bottom: -8px; width: 14px; height: 9px; background: url("images/textarea-arrow.png") no-repeat; z-index: 0; }

.code-wrapper .code-clip textarea { width: 640px; padding: 14px 100px 14px 16px; color: #535e66; line-height: 16px; background: #f7f8f9; overflow: hidden; border: none; text-align: left !important; display: block; white-space: normal; word-wrap: inherit; font-size: 13px; border-radius: 5px; position: relative; box-shadow: 0 0 20px 0 rgba(147, 166, 189, 0.5) inset; z-index: 1; }



.yazar-kl { overflow: hidden; }

.yazar-kl header { border: none; margin-bottom: 0; }



ul.yazarlar li { border-top: 1px solid #eaeaea; border-right: 1px solid #eaeaea; float: left; width: 50%; }
ul.yazarlar li.genc-kalem-ana { border-top: 1px solid #eaeaea; border-right: 1px solid #eaeaea; float: left; width: 50%; height:160px;}
ul.yazarlar li:nth-child(2n) { border-right: none; }

ul.yazarlar li a { display: block; font-size: 15px; font-weight: 600; color: #eb1e00; line-height: 63px; height: 100px; padding-left: 20px; padding-top: 20px; }
ul.yazarlar li a.yazar { display: block;font-size: 15px;font-weight: 600;color: #eb1e00;line-height: 63px;height: 90px;padding-left: 20px;padding-top: 20px; }
ul.yazarlar li a.yazi {padding: 0 20px;height: 20px;line-height: 20px;color: #4B4747;font-size: 14px;font-weight: bold;}
ul.yazarlar li span.info { font-size: 12px;margin-left: 18px;line-height: 20px;}
ul.yazarlar li a:hover { background: #f2f4f7; }

ul.yazarlar li a img { width: 60px; height: 60px; margin-right: 10px; float: left; }



ul.alfabe li { float: left; width: 22px; height: 40px; border-right: 1px solid #eaeaea; border-top: 1px solid #eaeaea; }

ul.alfabe li:last-child { border-right: none; }

ul.alfabe li.active { background: #d82827; color: #fff; width: 41px; }

ul.alfabe li.active a { color: #fff; }

ul.alfabe li a { display: block; height: 40px; font-size: 13px; font-weight: 700; color: #666666; line-height: 40px; text-align: center; text-transform: uppercase; }

ul.alfabe li a:hover { background: #d82827; color: #fff; }



.yazar-liste-kl { width: 100%; border-top: 1px solid #eaeaea; overflow: hidden; }



ul.yazar-liste { display: table; margin: 0 auto; }

ul.yazar-liste > li { display: table-cell; }

ul.yazar-liste > li a { display: block; width: 44px; height: 38px; font-size: 15px; font-weight: 700; color: #666666; text-transform: uppercase; text-align: center; line-height: 38px; border-right: 1px solid #eaeaea; }

ul.yazar-liste > li a:hover, ul.yazar-liste > li a.active { background: #d82827; color: #fff; }



.yazar-isim { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; font-size: 15px; font-weight: 600; color: #eb1e00; line-height: 63px; height: 100px; padding-left: 20px; padding-top: 20px; }

.yazar-isim img { width: 60px; height: 60px; margin-right: 10px; float: left; }



ul.yazar-haberi li { height: 637px; margin-left: 10px; margin-right: 10px; border-bottom: 1px solid #d3d3d3; height: 67px; position: relative; font-weight: 600; color: #000; font-size: 15px; }

ul.yazar-haberi li::after { content: ''; width: 4px; height: 4px; position: absolute; top: 26px; left: 12px; border-radius: 50%; background: #d82726; }

ul.yazar-haberi li a { display: block; position: relative; padding-top: 20px; padding-left: 25px; height: 67px; }

ul.yazar-haberi li a::before { content: ''; position: absolute; top: 50%; height: 26px; width: 26px; margin-top: -13px; right: 20px; background: url("images/yazar-arrow.png") no-repeat; transition: all 0.2s ease-in-out; opacity: 0; transform: scale(0.1); }

ul.yazar-haberi li a:hover::before { opacity: 1; transform: scale(1); }

ul.yazar-haberi li:last-child { border: none; }

ul.yazar-haberi li p { color: #000; }

ul.yazar-haberi li span { color: #d82726; font-size: 13px; }


.yazar-navbar { border-bottom: 1px solid #eaeaea; font-size: 15px; font-weight: 600; font-size:20px; color: #eb1e00; line-height: 35px; height: 35px; padding-left: 20px; }
.yazar-navbar ul.kucukbuyuk { width:340px; height:50px; float:right;}
.yazar-navbar ul.kucukbuyuk li { height:50px; font-weight:600; color:#000; float:right; padding-right:5px;  }
.yazar-navbar a { color: #000;font-weight:600;}
.yazar-navbar a.smaller { font-size: 14px; margin-right:20px;}
.yazar-navbar span { font-size: 14px;}



.hava-menu ul li { width: 100%; }



.hava-map .m960 .turkey, .hava-map .m960 .turkey .bg, .hava-map .m960 .turkey-cities { background: transparent url("tr-960-HavaDurumu.png") no-repeat !important; }



.hava .category { background: #36abd8; }

.hava .all { background: #258fb8; }



ul.hava-durumu { display: table; margin: auto; }

ul.hava-durumu li { background: #EFF3F8; width: 316px; border: 2px solid #DCE0E5; overflow: hidden; float: left; margin-left: 10px; margin-top: 10px; }

ul.hava-durumu li img { display: block; margin: 15px auto; }

ul.hava-durumu li .hava-kl { display: table; margin: 15px auto; }

ul.hava-durumu li .hava-kl .en-yuk { color: #d82827 !important; }

ul.hava-durumu li .hava-kl .en-dus { color: #6e858b !important; }

ul.hava-durumu li .hava-kl .en-dus, ul.hava-durumu li .hava-kl .en-yuk { padding: 0 20px; float: left; text-align: center; font-size: 30px; font-weight: 700; color: #51413c; }

ul.hava-durumu li .hava-kl .en-dus span, ul.hava-durumu li .hava-kl .en-yuk span { margin: 5px; display: block; font-size: 14px; color: #f09119; }

ul.hava-durumu li h5 { font-size: 18px; font-weight: 700; text-align: center; margin: 0; color: #51413c; }

ul.hava-durumu li .title { height: 50px; background: #DCE0E5; line-height: 50px; padding: 0 10px; width: 296px; }

ul.hava-durumu li .title h6 { margin: 0; font-size: 16px; color: #51413c; font-weight: 700; display: inline-block; }

ul.hava-durumu li .title span { color: #f09119; font-weight: 600; font-size: 13px; text-align: right; float: right; }



dl { margin: 0; }



.anket-akor { width: 100%; }

.anket-akor fieldset { padding: 10px 0 10px 40px !important; position: relative; }

.anket-akor fieldset button { width: 80px; height: 40px; border-radius: 5px; background: #4b9f00; font-size: 16px; text-align: center; text-transform: uppercase; line-height: 40px; color: #fff; font-weight: 700; position: absolute; right: 35px; top: 25px; }

.anket-akor fieldset label { margin: 10px 0 10px 0 !important; }

.anket-akor dt { font-size: 15px; font-weight: 600; color: #000; line-height: 67px; position: relative; border-top: 1px solid #eaeaea; background: #fbfcfd; }

.anket-akor .acor-zero { background: #f6f7f9; }

.anket-akor dt, .anket-akor dd { margin: 0; }

.anket-akor dt a, .anket-akor dd a { display: block; color: black; font-weight: bold; padding-left: 44px; position: relative; }

.anket-akor dt a::after, .anket-akor dd a::after { content: ''; width: 4px; height: 4px; border-radius: 50%; background: #d82726; position: absolute; left: 20px; top: 32px; }

.anket-akor dt { position: relative; }

.anket-akor dt span { position: absolute; right: 30px; top: 29px; width: 20px; height: 11px; background: url("images/down.png") no-repeat; }

.anket-akor dt.active { background: #f6f7f9; }

.anket-akor dt.active a { color: #eb1e00; }

.anket-akor dt.active span { background: url("images/up.png") no-repeat; }

.anket-akor dd { border-top: 0; font-size: 12px; }

.anket-akor dd:last-of-type { border-top: 1px solid white; position: relative; top: -1px; }