* {margin: 0; padding: 0;} body {background-color: #000; font-family: Arial, Helvetica, sans-serif;} a {color: #FFF; text-decoration: none;} img {border: none;} .wrapper {margin: 0 auto 0 auto; width: 980px;} /* SPRITE */ .sprite {position: relative; overflow: hidden;} .sprite span {position: absolute; width: 500px; height: 500px; background: url(/res/img/sprite.png) 0px 0px no-repeat; -moz-user-select: none; -webkit-user-select: none;} a.sprite {cursor: pointer;} .sprite a {cursor: pointer;} /* HEADINGS */ h1 {font: 30px Arial, Helvetica, sans-serif;} h3 {font: 18px Arial, Helvetica, sans-serif; margin: 0 0 10px 0;} /* FADE TOP - BOTTOM */ .fade_top {background: url(/res/img/sprite.png) repeat-x 0px 0px; height: 21px;} .fade_btm {background: url(/res/img/sprite.png) repeat-x 0px -21px; height: 21px;} /* TOP */ .top {height: 492px; background-color: #000;} .header {position: relative; height: 492px; /*background: url(/res/img/slide_01.jpg) no-repeat;*/} .logo {position: absolute; top: 36px; left: 78px; width: 153px; height: 173px;} .logo span {top: -88px; left: 0;} .nav_left, .nav_right {width: 13px; height: 46px; float: left; /*border: 1px solid red;*/} .nav_left span {top: -215px; left: -153px;} .nav_right span {top: -215px; left: -166px;} .nav {position: absolute; bottom: 0; left: 260px; width: 580px; margin: 0 auto 0 auto; /*border: 1px solid green;*/} .nav_center {background: url(/res/img/sprite.png) 0px -42px repeat-x; height: 46px; float: left; /* border: 1px solid red;*/} .nav ul {list-style: none;} .nav ul li {display: inline; height: 46px; margin: 12px 0 0 0} .nav ul li a {/*display: inline-block; */ float: left; height: 31px; border-left: 1px solid #4dbed9; border-right: 1px solid #0c7c98; padding: 15px 10px 0 10px; color: #FFF; font-size: 13px; font-weight: bold; text-decoration: none; /*text-transform: uppercase;*/ } /* CONTENT */ .content {background-color: #FFF; padding: 20px 0 20px 0; overflow: hidden;} .content.page .wrapper {padding: 0 40px 0 40px; width: 900px;} .col_top {position: relative; height: 50px; margin: 0 0 30px 0; border-bottom: 1px solid #ECECEC; } .col_left {width: 285px; float: left;} .col_right {width: 615px; float: right;} .col_right p {margin: 0 0 20px 0; font: 14px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: justify;} .col_right em {font: 14px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; font-style: italic;} .col_right ol {list-style-position: inside; font: 14px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;} .col_top .print {position: absolute; top: 16px; right: 0; width: 16px; height: 16px;} .col_top .print span {top: -262px; left: -99px; cursor: pointer;} .col_top .breadcrumb {position: absolute; top: 16px; left: 0; font-size: 12px; height: 50px;} .col_top .breadcrumb a {color: #000; text-decoration: none;} .content a {color: #900; font-weight: bold;} .col_right a:hover {text-decoration: underline;} /* left big img on subpage */ .img_big {position: relative; width: 257px;} .img_big .crn_tl {position: absolute; top:0; left:0; width: 9px; height: 9px;} .img_big .crn_tr {position: absolute; top:0; right:0; width: 9px; height: 9px;} .img_big .crn_bl {position: absolute; top: 577px; left:0; width: 9px; height: 9px;} .img_big .crn_br {position: absolute; top: 577px; right:0; width: 9px; height: 9px;} .img_big .crn_tl span {top: -261px; left: -80px;} .img_big .crn_tr span {top: -261px; left: -89px;} .img_big .crn_bl span {top: -270px; left: -80px;} .img_big .crn_br span {top: -270px; left: -89px;} /* sub nav */ .sub_nav {width: 200px; list-style: none;} .sub_nav li {float: left;} .sub_nav a {background: #F7F7F7; color: #666; font: 13px Verdana, Geneva, sans-serif; border-bottom: 1px solid #DCDDDE; border-top: 1px solid #FFF; border-right: 1px solid #DCDDDE; padding: 8px 10px 5px 10px; display: block; height: 20px; width: 237px;} /*.sub_nav a:hover {background: #01a1c7; color: #FFF; border-bottom: 1px solid #0385a4; border-top: 1px solid #FFF; border-right: 1px solid #0385a4;}*/ .sub_nav a:hover {background: #666; color: #FFF; border-bottom: 1px solid #444; border-top: 1px solid #FFF; border-right: 1px solid #444;} .sub_nav .current_page_item a {background: #01a1c7; color: #FFF; border-bottom: 1px solid #0385a4; border-top: 1px solid #FFF; border-right: 1px solid #0385a4;} .sub_nav li ul li a {border: 1px solid red; list-style: none;} /* NEWS SLIDER */ .news {position: relative; width: 980px; overflow:hidden; height: 239px;} .news a {color: #FFF;} .news .items {margin: 0 0 0 56px; height: 239px; width:20000em; position:absolute; z-index: 0;} .news .prev {position: absolute; top: 0; left: 0; width: 40px; height: 239px; z-index: 1;} .news .next {position: absolute; top: 0; right: 0; width: 40px; height: 239px; z-index: 1;} .news .prev span {top: -261px; left: 0px; background-color: #FFF;} .news .next span {top: -261px; left: -40px; background-color: #FFF;} .news .prev.disabled, .news .next.disabled {/*visibility: hidden;*/} .news .item {position: relative; float: left; background: #000; width: 276px; height: 239px; margin: 0 20px 0 0;} .news .item .top {width: 276px; height: 119px; border-bottom: 1px solid #FFF;} .news .item .top img {float: left;} .news .item .btm {color: #FFF; padding: 14px 20px 0 20px; font-size: 12px; line-height: 16px;} .news .item .btm h2 {font-size: 14px; font-weight: bold; margin: 0 0 9px 0;} /* .news .item .crn_tl {position: absolute; top:0; left:0; width: 9px; height: 9px;} .news .item .crn_tr {position: absolute; top:0; right:0; width: 9px; height: 9px;} .news .item .crn_bl {position: absolute; top: 230px; left:0; width: 9px; height: 9px;} .news .item .crn_br {position: absolute; top: 230px; right:0; width: 9px; height: 9px;} .news .item .crn_tl span {top: -261px; left: -80px;} .news .item .crn_tr span {top: -261px; left: -89px;} .news .item .crn_bl span {top: -270px; left: -80px;} .news .item .crn_br span {top: -270px; left: -89px;} */ /* BOTTOM */ .bottom {background: #000; height: 442px;} .bottom.start a {color: #FFF; font-weight: bold; text-decoration: none;} .bottom.start a:hover {text-decoration: underline;} .bottom.start {height: 87px;} .footer_start .col {position: relative;/*background-color: yellow;*/ color: #F7F7F7; font: 11px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; width: 326px; height: 40px; float: left; margin: 0 1px 0 0;} .footer_start .col.center {text-align: center; margin: 24px 0 0 0;} .footer_start .col.last {margin: 0;} .footer_start .logo_small {position: absolute; top: 4px; left: 30px; width: 73px; height: 78px;} .footer_start .logo_small span {top: -88px; left: -153px;} .footer_start .logo_text {position: absolute; top: 17px; left: 120px;} /* .footer_start .facebook, .footer_start .twitter, .footer_start .selimcotal {border: 1px solid red;} */ .footer_start .facebook {position: absolute; top: 20px; left: 30px; width: 95px; height: 47px;} .footer_start .facebook span {top: -88px; left: -226px;} .footer_start .twitter {position: absolute; top: 20px; left: 135px; width: 88px; height: 47px;} .footer_start .twitter span {top: -88px; left: -334px;} .footer_start .selimcotal {position: absolute; top: 20px; left: 235px; width: 70px; height: 47px;} .footer_start .selimcotal span {top: -88px; left: -431px;} .btm_cols .col {position: relative; /*background-color: gray;*/ color: #CCC; font: 12px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; width: 305px; float: left; padding: 0 0 0 21px; margin: 33px 1px 18px 0;} .btm_cols .col.last {margin-right: 0;} .btm_cols a.thumb {display: block; float: left; margin: 11px 11px 0 0; width: 56px; height: 56px; border: 1px solid #BCBCBC;} .btm_cols h2 {color: #FFF; font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; margin: 0 0 18px 0;} .btm_cols ul {list-style: none;} .btm_cols ul li {line-height: 31px;} .btm_cols ul li a {color: #CCC; text-decoration: none;} .btm_cols ul li a:hover {color: #FFF;} .footer_gray {position: relative; float: left; background: #1E1E1E; height: 112px; width: 980px;} .footer_gray .crn_tl {position: absolute; top: 0; left: 0; width: 9px; height: 10px;} .footer_gray .crn_tr {position: absolute; top: 0; right: 0; width: 9px; height: 10px;} .footer_gray .crn_bl {position: absolute; top: 102px; left: 0; width: 9px; height: 10px;} .footer_gray .crn_br {position: absolute; top: 102px; right: 0; width: 9px; height: 10px;} .footer_gray .crn_tl span {top: -279px; left: -80px;} .footer_gray .crn_tr span {top: -279px; left: -89px;} .footer_gray .crn_bl span {top: -289px; left: -80px;} .footer_gray .crn_br span {top: -289px; left: -89px;} .footer_gray .col {position: relative;/*background-color: yellow;*/ color: #F7F7F7; font: 11px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; width: 326px; height: 40px; float: left; margin: 0 1px 0 0;} .footer_gray .col.center {text-align: center; margin: 40px 0 0 0;} .footer_gray .col.last {margin: 0;} .footer_gray .logo_small {position: absolute; top: 17px; left: 30px; width: 73px; height: 78px;} .footer_gray .logo_small span {top: -88px; left: -153px;} .footer_gray .logo_text {position: absolute; top: 30px; left: 120px;} /* .footer_gray.facebook, .footer_gray.twitter, .footer_gray.selimcotal {border: 1px solid red;} */ .footer_gray a {color: #FFF; font-weight: bold; text-decoration: none;} .footer_gray a:hover {text-decoration: underline;} .footer_gray .facebook {position: absolute; top: 32px; left: 30px; width: 95px; height: 47px;} .footer_gray .facebook span {top: -88px; left: -226px;} .footer_gray .twitter {position: absolute; top: 32px; left: 135px; width: 88px; height: 47px;} .footer_gray .twitter span {top: -88px; left: -334px;} /* .footer_gray .facebook {position: absolute; top: 32px; left: 135px; width: 95px; height: 47px;} .footer_gray .facebook span {top: -88px; left: -226px;} */ .footer_gray .selimcotal {position: absolute; top: 32px; left: 235px; width: 70px; height: 47px;} .footer_gray .selimcotal span {top: -88px; left: -431px;} /* -------------------------------------------------------------------------------------------------- */ /* BILETIX */ .biletix {margin: 20px 0 0 0;} .biletix img {float: left;} .biletix .button {margin: 6px 0 0 25px !important; cursor: pointer !important;} /* FILES */ .files {position: relative; padding: 10px; background: #E7E7E7; width: 237px;} .files ul {list-style: none;} .files a {font-size: 14px;} /* GALLERY */ .gallery {margin: auto; overflow: hidden; width: 100%;} .gallery .gallery-item {float: left; margin-top: 10px; text-align: center;} .gallery img {border: 2px solid #cfcfcf;} .gallery .gallery-caption {margin-left: 0;} .gallery br {clear: both;} /* DUYURULAR */ .news_item {overflow: hidden; margin: 0 0 20px 0; padding: 0 0 10px 0; border-bottom: 1px solid #ECECEC;} .news_item h2 {font-size: 22px;} .news_item h2 a {color: #000; font-weight: normal;} .news_date {font-size: 10px;} .news_content {float:left; overflow: hidden; width: 475px;} .news_img a {position: absolute; top: 0; left: -79px;} .news_img {position: relative; width: 119px; height: 119px; overflow: hidden; float: left; margin: 0 20px 0 0;} /* .news_img .crn_tl {position: absolute; top:0; left:0; width: 9px; height: 9px;} .news_img .crn_tr {position: absolute; top:0; right:0; width: 9px; height: 9px;} .news_img .crn_bl {position: absolute; bottom:0; /*top: 110px; left:0; width: 9px; height: 9px;} .news_img .crn_br {position: absolute; bottom:0;/*top: 110px; right:0; width: 9px; height: 9px;} .news_img .crn_tl span {top: -261px; left: -80px;} .news_img .crn_tr span {top: -261px; left: -89px;} .news_img .crn_bl span {top: -270px; left: -80px;} .news_img .crn_br span {top: -270px; left: -89px;} */ /* CORNERS */ .crn_tl {position: absolute; top:0; left:0; width: 9px; height: 9px;} .crn_tr {position: absolute; top:0; right:0; width: 9px; height: 9px;} .crn_bl {position: absolute; bottom: 0; left:0; width: 9px; height: 9px;} .crn_br {position: absolute; bottom: 0; right:0; width: 9px; height: 9px;} .crn_tl span {top: -261px; left: -80px;} .crn_tr span {top: -261px; left: -89px;} .crn_bl span {top: -270px; left: -80px;} .crn_br span {top: -270px; left: -89px;} /* available Columns */ .col-2 { width: 50% } .col-3 { width: 33.333% } .col-4 { width: 25% } .col-5 { width: 20% } .col-6 { width: 16.666% } .col-7 { width: 14.285% } .col-8 { width: 12.5% } .col-9 { width: 11.111% } /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* ColorBox example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:#000;} #colorbox{} #cboxContent{background:#000; margin-top:20px;} #cboxLoadedContent{background:#000; padding:5px;} #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;} #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;} #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;} #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(/res/img/colorbox/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;} #cboxPrevious.hover{background-position:bottom left;} #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(/res/img/colorbox/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;} #cboxNext.hover{background-position:bottom right;} #cboxLoadingOverlay{background:#000;} #cboxLoadingGraphic{background:url(/res/img/colorbox/loading.gif) center center no-repeat;} #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(/res/img/colorbox/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;} #cboxClose.hover{background-position:bottom center;}