* {margin:0; padding:0; list-style: none}
body { background: #fff;}

.body {width: 100%}
.ipad { width: 625px !important }

.fl {float: left; display: inline}
.fr {float: right; display: inline}
.clear {clear: both; font-size: 0}

.r4 {border-radius:4px}
.rt4 {border-radius:4px 4px 0 0}

/* mesajlar */
.msg {margin: 0 0 10px 0; padding: 5px; font: 11px Verdana}
.error {border: 1px solid #FF8C66; background-color: #FFFFD9; color: #990000}
.valid {border: 1px solid darkgreen; background-color: palegreen}

/* renkler */
.red {color: #cc0000 !important}
.green {color: green !important}

.ad {margin-bottom: 10px}

.body_top { background: #fff url(images/header_bg.png) bottom repeat-x; padding: 10px 25px 0 10px; margin-bottom: 5px}
.body_top a, .body_top a:visited {color: #fff; text-decoration: none}
.body_top a:hover {color: #f1f1f1; text-decoration: none}

.mainmenu {padding: 0 0 5px 1px}
.mainmenu .item {float: left; display: inline; width: 32%; background: url(images/menu_bg.png) repeat-x; border: 1px solid #1B61A7; margin: 0 1px 2px 1px; text-align: center; font: bold 0.75em Arial}
.mainmenu .item a, .mainmenu .item a:visited {text-decoration: none; color: #fff}
.mainmenu .item span {display: block; padding: 10px 0 10px 0}

.ui-header .jqm-home { top:0.65em; }
.ui-footer {margin: 0 0 5px 0}

.main_mostread {padding: 3px; margin-bottom: 5px}
.main_mostread .item {margin-bottom: 3px; background: url(images/boxnews_bg.png) bottom repeat-x; border: 1px solid #ddd}
.main_mostread .item .block_main { padding: 10px 10px 10px 10px; border: 1px solid #fff; }
.main_mostread .item span {display:block}
.main_mostread .block_left {width:55px; height:45px; overflow: hidden; margin-right: 10px}
.main_mostread .block_right {width: 70%}
.main_mostread a {display: block-inline; text-decoration: none}
.main_mostread .category {color: #cc3300; font: 0.75em Arial}
.main_mostread .title {margin: 0 0 5px 0; font:bold 0.9em Arial; color: #000}
.main_mostread .date {font: 0.7em Tahoma; color: #666}
.main_mostread h2 {font: bold 1.2em Arial; padding: 5px; padding-left: 0; margin-bottom: 3px; color: #2894E3;}

.categories {padding: 3px; margin-bottom: 5px}
.categories .item {margin-bottom: 3px; background: url(images/boxnews_bg.png) bottom repeat-x; border: 1px solid #BDBCBD}
.categories a {display: block; padding: 10px 10px 10px 10px; text-decoration: none}
.categories .category {color: #cc3300; font: 0.75em Arial}
.categories h3 {margin: 5px 0 5px 0; font:bold 0.9em Arial; color: #000}
.categories .date {font: 0.7em Tahoma; color: #666}
.categories h2 {font: bold 1em Arial; background: #FFE88C url(images/boxnews_header_bg.png) bottom repeat-x; border: 1px solid #B38E00; padding: 5px; margin-bottom: 3px}

.pagination {text-align: center; padding-bottom: 10px; padding-top: 10px; margin-bottom: 10px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc;}
.pagination span {color: #333; font: bold 1em Arial; margin: 0 5px 0 5px}
.pagination a, .pagination a:visited {font: bold 1em Arial; color: #cc0000; text-decoration: none}

.news_detail {padding: 5px}
.news_detail .top {width: 100%; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding-top: 10px; padding-bottom: 5px; margin-bottom: 5px}
.news_detail .top .image {width: 200px; margin-right: 10px }
.news_detail .top .title {width: 55%; font: bold 16px Arial}
.news_detail .middle {font: 1em/1.6em Verdana; text-align: left}
.news_detail .middle p {margin-bottom: 10px}
.news_detail .like {padding: 10px 0 10px 0}

.news_detail .news_detail_pagination {padding: 10px 0 15px 0; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc;}
.news_detail .news_detail_pagination .pages {margin: 0 20px 0 0; font-weight: bold}
.news_detail .news_detail_pagination .g_pag {margin: 5px 0 0 0; text-align: center; font: bold 1em Arial}
.news_detail .news_detail_pagination .g_pag a, .news_detail .news_detail_pagination .g_pag a:visited {padding: 0 5px 0 5px; color: #000 !important; text-decoration: none}
.news_detail .news_detail_pagination .g_pag a:hover {color: #cc0000 !important; text-decoration: none}
.news_detail .news_detail_pagination .g_pag span {margin: 0 5px 0 5px; color: #cc0000 !important;}

.android_detail {padding: 5px}
.android_detail .top {width: 100%; border-bottom: 1px dotted #ccc; padding-top: 10px; padding-bottom: 5px; margin-bottom: 5px}
.android_detail .top .image {width: 110px; margin-right: 10px }
.android_detail .top .title {font: bold 1.5em Arial; margin-bottom: 10px; color: #0161A7;}
.android_detail .top .spot {font: 0.8em/1.4em Verdana; margin-bottom: 10px; color: #666;}
.android_detail .middle {font: 1em/1.5em Verdana; text-align: justify}
.android_detail .middle .image {margin: 7px 10px 0 0}
.android_detail .middle p {margin-bottom: 10px}
.android_detail .like {padding: 10px 0 10px 0}

.android_detail .news_detail_pagination {padding: 10px 0 15px 0; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc;}
.android_detail .news_detail_pagination .pages {margin: 0 20px 0 0; font-weight: bold}
.android_detail .news_detail_pagination .g_pag {margin: 5px 0 0 0; text-align: center; font: bold 1em Arial}
.android_detail .news_detail_pagination .g_pag a, .news_detail .news_detail_pagination .g_pag a:visited {padding: 0 5px 0 5px; color: #000 !important; text-decoration: none}
.android_detail .news_detail_pagination .g_pag a:hover {color: #cc0000 !important; text-decoration: none}
.android_detail .news_detail_pagination .g_pag span {margin: 0 5px 0 5px; color: #cc0000 !important;}

.normalFooter {padding: 20px 0 20px 0}
.body_footer {text-align: center; background: #fff url(images/header_bg.png) bottom repeat-x; color: #666}
.body_footer a, .body_footer a:visited {font: bold 14px Arial; color: #3366CC; text-decoration: none}
.body_footer h4 { background-color: #666; font: 16px Arial; color: #fff; margin-top: 10px; padding: 10px 0 10px 0}

.galleryContent {padding: 5px}
.photo-gallery-title {font: bold 1em Arial; background: #FFE88C url(images/boxnews_header_bg.png) bottom repeat-x; border: 1px solid #B38E00; padding: 5px; margin-bottom: 3px}
.photo-gallery {border: 1px solid #ccc; margin-bottom: 10px}
.photo-gallery .pg-image {padding: 10px; overflow: hidden}
.photo-gallery .pg-content {padding: 10px; border-top: 1px dotted #aaa; background: #fff url(images/boxnews_bg.png) bottom repeat-x; font: 1em Arial}
.photo-gallery .pg-content a, .photo-gallery .pg-content a:visited {color: blue}
.photo-gallery .pg-spot {margin-bottom: 10px}

/* rss sayfası */
.feedsList {padding: 5px}
.feedsList h2 {font: bold 1em Arial; background: #FFE88C url(images/boxnews_header_bg.png) bottom repeat-x; border: 1px solid #B38E00; padding: 5px; margin-bottom: 3px}
.feedsList .rssList {margin: 0 0 20px 0}
.feedsList .rssList .desc {font: 12px/20px Verdana; margin: 0 0 20px 0}
.feedsList .rssList .item {margin: 0 0 5px 0; padding: 0 0 5px 0; border-bottom: 1px dotted #ddd; font: bold 12px Arial}
.feedsList .rssList .item .title {width: 150px; margin: 3px 20px 0 0}
.feedsList .rssList .item .title a, .feedsList .rssList .item .title a:visited {color: #cc0000 !important; text-decoration: none}
.feedsList .rssList .item .title a:hover {color: #000 !important}
.feedsList .rssList .item .link {margin: 3px 0 0 0}
.feedsList .rssList .item .link a, .feedsList .rssList .item .link a:visited {color: #000 !important; text-decoration: none}
.feedsList .rssList .item .link a:hover {color: #666 !important}
.feedsList .connects {margin: 10px 0 30px 0}
.feedsList .connects .logo {width: 133px; margin: 0 25px 0 0}
.feedsList .connects .desc {width: 400px; font: bold 12px/20px Arial; margin-bottom: 10px}

.contact_info {padding: 5px; font: 0.8em/1.5em Arial}
.contact_info h2 {font: bold 1em Arial; background: #FFE88C url(images/boxnews_header_bg.png) bottom repeat-x; border: 1px solid #B38E00; padding: 5px; margin-bottom: 5px}
.contact_info .name {font-weight: bold}
.contact_info .item {border-bottom: 1px dotted #ccc; padding-bottom: 5px; margin-bottom: 5px}

/* yorumlar */
.comments {margin: 0 0 20px 0}
.comments .commentTitle {font: bold 16px Arial; color: #2894E3; margin-bottom: 10px}
.comments h1 {font: bold 16px Arial; padding-top: 20px; margin: 10px 0 5px 0; color: #cc0000; border-top: 1px solid #e2e2e2}
.comments h2 {font: 12px Verdana; padding-bottom: 20px; margin: 0 0 20px 0; color: #666; border-bottom: 1px solid #e2e2e2}
.comments .nav {padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px dotted #ccc; font: 12px Tahoma}
.comments .nav span {background: url(images/right_box/arrow.gif) center 5px no-repeat; padding: 0 10px 0 0; margin: 0 5px 0 0}
.comments .nav a, .comments .nav a:visited {margin: 0 5px 0 0; color: #003390 !important; text-decoration: none}
.comments .nav a:hover {color: #000 !important}
.comments .comment_form {margin: 0 0 10px 0}
.comments .comment_form .top {border-bottom: 0px}
.comments .comment_form .top .title { width: 100%; margin-top: 12px; font: bold 13px Arial}
.comments .comment_form .top .title span {color: #cc3300 !important}
.comments .comment_form .top .char {margin: 10px 0 0 0; font: 12px Arial; color: #999}
.comments .comment_form .top .char span {font: 16px Arial; color: #666}
.comments .comment_form .middle {margin-top: 14px}
.comments .comment_form .middle textarea {border:1px solid #ddd; background-color: #fbfbfb; width: 97%; height: 115px; padding: 4px; resize: none}
.comments .comment_form .bottom {margin: 5px 0 0 0}
.comments .comment_form .bottom .commentBtn {display: block; background: url(images/butonlar.png) 0 0 no-repeat; width: 110px; height: 32px; overflow: hidden; text-decoration: none}
.comments .comment_form .sendName { border-top: 1px dotted #DDDDDD; margin-top: 5px; padding-top: 10px; }
.comments .nameLabel { font: bold 12px Arial; margin-right: 10px; margin-top: 4px; margin-bottom: 5px; color: #006699 }
.comments .sendName .name { background-color: #FBFBFB; border: 1px solid #DDDDDD; padding: 4px; width: 97%; font: 12px Verdana; color: #666 }

.comments .lists {border-top: 1px dotted #ccc}
.comments .lists .item {border-bottom: 1px dotted #ddd; padding: 15px 0 15px 0; margin: 0}
.comments .lists .item a, .comments .lists .item a:visited {color: #129AFE !important}
.comments .lists .item a:hover {color: #0171C2 !important; text-decoration: none}
.comments .lists .item .image {border: 1px solid #666; width: 50px; height: 50px; margin: 5px 10px 0 0; overflow: hidden}
.comments .lists .item .image img {width: 50px}
.comments .lists .item .contents {  }
.comments .lists .item .comment {font: 12px/17px Verdana; color: #333 !important; padding: 0 0 15px 0}
.comments .lists .item .subinfo {font: 12px Tahoma}
.comments .lists .item .subinfo span {margin: 0 5px 0 0}
.comments .lists .item .subinfo .username {color: #cc3300 !important}
.comments .lists .item .subinfo .date {font: 11px Tahoma; color: #999 !important}
.comments .lists .item .subinfo .up {color: green !important; margin-right: 10px}
.comments .lists .item .subinfo .up span {background: url(images/butonlar.png) -396px -66px no-repeat; padding-left: 2px; padding-right: 2px}
.comments .lists .item .subinfo .down {color: #cc0000 !important; margin-right: 10px}
.comments .lists .item .subinfo .down span {background: url(images/butonlar.png) -378px -66px no-repeat; padding-left: 2px; padding-right: 2px}
.comments .lists .item .comment_menu a {display: inline-block; background: url(images/butonlar.png) no-repeat; overflow: hidden; text-decoration: none}
.comments .lists .item .comment_menu a.up {background-position: -378px -125px; width:26px; height: 22px}
.comments .lists .item .comment_menu a.down {background-position: -339px -125px; width:26px; height: 22px}
.comments .lists .item .comment_menu a.answer_btn {background-position: -339px -96px; width:69px; height: 22px}

.comments .commentstatus {margin: 5px 0 0 0}
.comments .commentstatus .cs_error {color: #cc0000 !important}
.comments .commentstatus .cs_valid {color: green !important}
.comments .comment_count {font: bold 10pt Arial; color: #cc3300 !important; margin: 15px 0 0 0}
.comments .comment_all {margin: 10px 0 0 0}
.comments .comment_send_status {margin: 8px 10px 0 0; font: 12px Arial}
.comments .comment_desc {margin: 0 0 10px 0; font: 11px/16px Verdana; color: #666 !important}
.comments .comment_desc a, .comments .comment_desc a:visited {color: #cc3300 !important; text-decoration: none; font-weight: bold}
.comments .comment_desc a:hover {color: #000 !important}
.comments .comment_send_answer {font: bold 12px Arial; margin: 5px 0 0 0}
.comments .comment_send_answer a, .comments .comment_send_answer a:visited {color: #cc0000 !important; text-decoration: none}
.comments .comment_send_answer a:hover {text-decoration: underline}
.comments .commentAllBtn {display: block; background: url(images/butonlar.png) 0 -40px no-repeat; width: 110px; height: 32px; overflow: hidden; text-decoration: none}

.swiper-container { width: 100%; position: relative; color: #fff; margin-top: 0px;}
.swiper-container2 { width: 100%; position: relative; color: #fff; margin-top: 0px;}
.swiper-slide { width: 100%; }
.swiper-slide img { width: 100%; height: 180px }
.swiper-slide a, .swiper-slide a:visited { display: block;position: relative;outline: none;text-decoration: none; }
.swiper-slide a p {
    position: absolute;
    bottom: 0;
    left:0;
    width: 100%;
    padding: 40px 10px 10px 10px;
    margin: 0;
    font: bold 1.2em Arial;
    color: #fff;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */
}
.swiper-slide a strong { display: block; margin-bottom: 3px; font-size: .9em; color: orange }
.red-slide { background: #ca4040 }
.blue-slide { background: #4390ee }
.orange-slide { background: #ff8604 }
.green-slide { background: #49a430 }
.pink-slide { background: #973e76 }
.swiper-slide .title { font-style: italic; font-size: 42px; margin-top: 80px; margin-bottom: 0; line-height: 45px }
.pagination { margin: 5px 0 0 0; text-align: center }
.swiper-pagination-switch {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #888;
    margin-right: 5px;
    opacity: 0.8;
    cursor: pointer;
}
.swiper-visible-switch { background: #aaa }
.swiper-active-switch { background: #2d4d82 }