/* Bölümler 1 - Genel Yapı 2 - Üst Kısım 2.0 - Üst Logo 2.1 - Üst Menü 2.2 - Üst 2 Menü 3 - Sağ Kısım 4 - Alt Kısım 5 - Diğerleri 6 - Sayfalar */ /* ******************************************* */ /* 1 - Genel Yapı ******************************* */ body { font-family: Arial, Tahoma, Verdana, sans-serif;font-size:%76;font-size:0.75em;text-align:center;} #govde {width:1090px;height:900px;background: url(../resimler/arkaplan.jpg) no-repeat;text-align:left;margin: 0 auto; margin-top:80px;position:relative;} #ust {width:1090px;} #icerik {margin:60px 0px 10px 30px;width:800px;float:left;} #sag {margin:60px 0px 10px 20px;float:left;width:220px;min-height:600px; background: url(../resimler/sag_zemin.png) top center no-repeat;} /* 2.0 - Üst Logo *********************************** */ a.logo {position:absolute;top:-63px;left:-65px;width:299px;height:277px;background: url(../resimler/logo.png) no-repeat;text-indent: -999em;} /* 2.1 - Üst Menü ******************************* */ #ust_menu { float:right;margin:20px 85px 19px 0px;position:relative;} #ust_menu ul li a {display:block;width:85px;height:85px;text-indent: -999em;text-decoration:none;} #ust_menu ul li a.dans { background: url(../resimler/menu/menu_dans.png) top center no-repeat;} #ust_menu ul li a.dans:hover {background: url(../resimler/menu/menu_dans.png) bottom center no-repeat;} #ust_menu ul li a.tenis { background: url(../resimler/menu/menu_tenis.png) top center no-repeat;} #ust_menu ul li a.tenis:hover {background: url(../resimler/menu/menu_tenis.png) bottom center no-repeat;} #ust_menu ul li a.taebo { background: url(../resimler/menu/menu_taebo.png) top center no-repeat;} #ust_menu ul li a.taebo:hover {background: url(../resimler/menu/menu_taebo.png) bottom center no-repeat;} #ust_menu ul li a.aerobik { background: url(../resimler/menu/menu_aerobik.png) top center no-repeat;} #ust_menu ul li a.aerobik:hover {background: url(../resimler/menu/menu_aerobik.png) bottom center no-repeat;} #ust_menu ul li a.fitness { background: url(../resimler/menu/menu_fitness.png) top center no-repeat;} #ust_menu ul li a.fitness:hover {background: url(../resimler/menu/menu_fitness.png) bottom center no-repeat;} #ust_menu ul li a.step { background: url(../resimler/menu/menu_step.png) top center no-repeat;} #ust_menu ul li a.step:hover {background: url(../resimler/menu/menu_step.png) bottom center no-repeat;} #ust_menu ul li a.yoga { background: url(../resimler/menu/menu_yoga.png) top center no-repeat;} #ust_menu ul li a.yoga:hover {background: url(../resimler/menu/menu_yoga.png) bottom center no-repeat;} #ust_menu ul li a.voleybol { background: url(../resimler/menu/menu_voleybol.png) top center no-repeat;} #ust_menu ul li a.voleybol:hover {background: url(../resimler/menu/menu_voleybol.png) bottom center no-repeat;} #ust_menu ul li a.basketbol { background: url(../resimler/menu/menu_basketbol.png) top center no-repeat;} #ust_menu ul li a.basketbol:hover {background: url(../resimler/menu/menu_basketbol.png) bottom center no-repeat;} #ust_menu ul li a.buzpateni { background: url(../resimler/menu/menu_buzpateni.png) top center no-repeat;} #ust_menu ul li a.buzpateni:hover {background: url(../resimler/menu/menu_buzpateni.png) bottom center no-repeat;} #ust_menu ul li a.hentbol { background: url(../resimler/menu/menu_hentbol.png) top center no-repeat;} #ust_menu ul li a.hentbol:hover {background: url(../resimler/menu/menu_hentbol.png) bottom center no-repeat;} #ust_menu ul li a.masatenisi { background: url(../resimler/menu/menu_masatenisi.png) top center no-repeat;} #ust_menu ul li a.masatenisi:hover {background: url(../resimler/menu/menu_masatenisi.png) bottom center no-repeat;} #ust_menu ul li a.pilates { background: url(../resimler/menu/menu_pilates.png) top center no-repeat;} #ust_menu ul li a.pilates:hover {background: url(../resimler/menu/menu_pilates.png) bottom center no-repeat;} #ust_menu ul li a.eskrim { background: url(../resimler/menu/menu_eskrim.png) top center no-repeat;} #ust_menu ul li a.eskrim:hover {background: url(../resimler/menu/menu_eskrim.png) bottom center no-repeat;} #ust_menu ul li a.badminton { background: url(../resimler/menu/menu_badminton.png) top center no-repeat;} #ust_menu ul li a.badminton:hover {background: url(../resimler/menu/menu_badminton.png) bottom center no-repeat;} #ust_menu ul li a.yuzme { background: url(../resimler/menu/menu_yuzme.png) top center no-repeat;} #ust_menu ul li a.yuzme:hover {background: url(../resimler/menu/menu_yuzme.png) bottom center no-repeat;} #ust_menu ul li a.squash { background: url(../resimler/menu/menu_squash.png) top center no-repeat;} #ust_menu ul li a.squash:hover {background: url(../resimler/menu/menu_squash.png) bottom center no-repeat;} #ust_menu ul li a.power { background: url(../resimler/menu/menu_powerplate.png) top center no-repeat;} #ust_menu ul li a.power:hover {background: url(../resimler/menu/menu_powerplate.png) bottom center no-repeat;} #ust_menu ul li a.savunma { background: url(../resimler/menu/menu_savunma.png) top center no-repeat;} #ust_menu ul li a.savunma:hover {background: url(../resimler/menu/menu_savunma.png) bottom center no-repeat;} #ust_menu ul li a.powerplate { background: url(../resimler/menu/menu_powerplate.png) top center no-repeat;} #ust_menu ul li a.powerplate:hover {background: url(../resimler/menu/menu_powerplate.png) bottom center no-repeat;} #prevBtn, #slider1prev{display:block;width:30px;height:29px;position:absolute;left:360px;top:45px;z-index:1000;} #nextBtn, #slider1next{display:block;width:30px;height:29px;position:absolute;right:25px;top:45px;z-index:1000;} #prevBtn a, #slider1prev a{text-indent: -999em; display:block;position:relative;width:30px;height:29px;background:url(../resimler/menu_sol.png) no-repeat 0 0;} #nextBtn a, #slider1next a{text-indent: -999em;display:block;position:relative;width:30px;height:29px;background:url(../resimler/menu_sag.png) no-repeat 0 0;} /* 2.2 - Üst 2 Menü ******************************* */ ul#ust_2_menu {margin:0 auto;clear:both;width:1086px;height:30px;background:url(../resimler/menu_zemin.png) repeat-x;} ul#ust_2_menu li { display:block;float:right;} ul#ust_2_menu li a {padding:8px 55px;float:right;display:block;text-decoration:none;color:#ffffff;font-size:1em;font-weight: bold; background:url(../resimler/menu_cizgi.png) top right no-repeat;} ul#ust_2_menu li a:hover {color:#eeeeee;} ul#ust_2_menu li a.son {background:none;} ul#ust_2_menu li a.firma {padding:8px 12px 9px 25px;background:url(../resimler/menu_firma.png) top right repeat-x;} /* 3 - Sağ Kısım****************************** */ #sag a.reklam{display:block;margin:0 auto;width:180px;height:105px;text-decoration:none;border-style:none;margin-top:20px;} /* 4 - Alt Kısım ******************************** */ #alt {clear:both;text-align:center;color:#7b7979;margin-bottom:20px;} #alt a{text-decoration:none; color:#ea406e;} #alt a:hover{color:#5cc8ed;} /* 5 - Diğerleri ******************************** */ .temizle { clear:both; margin:10px 0px; } .clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .clearfix {display: inline-block;} html[xmlns] .clearfix {display: block;} * html .clearfix {height: 1%;} /* 6 Sayfalar ************************************* */ /* /////////////// TEKİL AKTİVİTE BAŞLANGIÇ ///////////////// */ #sol_flash_tekil {float:left;width:350px;height:400px;background-color:#dddddd} #sag_ic_tekil {width:430px;float:left;margin-left:20px;} #sag_flash_tekil {width:430px;height:130px;background-color:#cecece;margin-bottom:10px;} #sag_ic_tekil p.tekil {font-size:1.2em;color:#ef5275;line-height:1.4em;font-weight:bold;margin-bottom:10px;} p.tekil {font-size:1.4em;color:#ef5275;line-height:1.1em;font-weight:bold;margin-bottom:10px;} p.tekil2 {font-size:1em;color:#ef5275;font-weight:bold;margin-bottom:10px;} .kutu_kapsa {float:left;width:300px;} .buyuk_kutu {float:right;margin-bottom:5px;background:url(../resimler/arama_buyuk.png) no-repeat;width:300px; height:40px;} .kucuk_kutu {float:right;margin-bottom:5px;background:url(../resimler/arama_kucuk.png) no-repeat;width:200px; height:25px;} .buyuk_kutu label{display:block;float:left;color:#ffffff;font-size:1.3em;font-weight:bold;padding-top:12px;float:right} .kucuk_kutu label{display:block;float:left;color:#ffffff;font-size:1.3em;font-weight:bold;padding-top:6px;float:right} .buyuk_kutu .secenek_tekil {background:url(../resimler/buyuk_zemin.png) no-repeat; padding:3px 2px 3px 3px;float:left;margin:8px 10px 0px 10px;width:130px;float:right;border-style:none;} .kucuk_kutu .secenek_tekil {background:url(../resimler/kucuk_zemin.png) no-repeat;padding:1px 2px 1px 3px;float:left;margin:3px 10px 0px 10px;width:130px;float:right;border-style:none;} .goster_button_tekil {width:131px;height:20px;background:url(../resimler/goster_button.png) no-repeat;border-style:none;float:right;margin-right:8px;} .detayli_arama_tekil {width:125px;height:125px;float:left;margin-top:15px;} #kutular_tekil {clear:both;float:left;margin:20px 0px;width:800px;} #kutular_tekil a {text-decoration:none; color:#ffffff;} #kutular_tekil .kutu_tek {width:162px;height:83px;float:left;position:relative;} #kutular_tekil .kutu_tek a{color:#231f20;} #kutular_tekil .mavi { background:url(../resimler/mavi_kutu.png) top center no-repeat; margin-right:48px;} #kutular_tekil .pembe { background:url(../resimler/pembe_kutu.png) top center no-repeat; margin-right:48px;} #kutular_tekil .sonkutu { float:right;margin-right:0px;} #kutular_tekil .kutu_tek h3 {font-size:0.9em;color:#ffffff;margin:5px 5px 0px 10px;} #kutular_tekil .kutu_tek h3 a{color:#ffffff;} #kutular_tekil .ic {width:152px; height:57px;margin:5px 0px 0px 5px;} #kutular_tekil p {color:#252122; font-size:0.9em; line-height:1.2em;} #kutular_tekil span.devam {position:absolute; right:5px; top:60px; display:block; width:22px;height:20px;text-indent: -999em; background:url(../resimler/pembe_ok.png) no-repeat;} #makaleler {clear:both;float:left;margin:20px 0px;width:800px;background:url(../resimler/makale_zemin.png) bottom center no-repeat;} #makaleler h2{color:#ffffff;display:block; width:787px;height:15px; padding:8px 10px;background:url(../resimler/makale_ust.png) no-repeat;} #makaleler .tek_makale {position:relative;line-height:1.4em;clear:both; min-height:55px;border-bottom:1px solid #5cc8ed;padding-bottom:5px;margin:10px 10px;} #makaleler .son {border-style:none;} #makaleler .tek_makale_resim {float:left;margin-right:10px;} #makaleler .tek_makale h3 a{text-decoration:none;color:#ea406e; font-size:1.4em;} #makaleler .tek_makale h3 a:hover{color:#5cc8ed;} #makaleler .tek_makale a.devam {position:absolute; right:5px; bottom:5px; display:block; width:22px;height:20px;text-indent: -999em; background:url(../resimler/pembe_ok.png) no-repeat;} /* /////////////// TEKİL AKTİVİTE BİTİŞ ///////////////////// */ /* /////////////// DETAYLI ARAMA BAŞLANGIÇ ///////////////// */ .detayli_arama_ust {margin-left:-10px;margin-top:-10px;float:left;width:242px;height:14px;background:url(../resimler/detayli_arama_ust.png) no-repeat;} #detayli_arama {position:relative;text-align:right; padding:10px;float:left;width:222px;background:url(../resimler/detayli_arama_zemin.png) bottom center no-repeat;} #detayli_arama h2 {text-align:left;font-size:1.4em;color:#0aace4;margin-bottom:5px;} #detayli_arama h2.pembe {width:100%;display:block;clear:both;float:left;text-align:left;font-size:1.4em;color:#ef4e72;margin-top:10px;} #detayli_arama .buyuk_arama { width:220px; border-style:none; margin-bottom:5px;padding:2px} #detayli_arama .kucuk_arama { width:180px; border-style:none; margin-bottom:5px;padding:0px 2px;} #detayli_arama label.kucuk { margin-right:5px;color:#0aace4;font-weight:bold;font-size:1.1em; } #detayli_arama .sola_yasla {display:inline;float:left;text-align:left;margin-right:10px;} #detayli_arama .sonuc_goster {position:absolute;bottom:10px;right:10px;width:75px; height:70px; background:url(../resimler/detayli_arama_goster.png);border-style:none;} #detayli_arama label.check {font-size:0.88em;display:block;} #detayli_arama_sonuclar {padding:10px;float:left;width:517px;height:380px;background:url(../resimler/detayli_arama_sonuclar.png) top center no-repeat;margin-left:20px;overflow:auto;} #detayli_arama_sonuclar .ic {width:517px;height:370px;overflow:auto;} #detayli_arama_sonuclar .tek_sonuc {clear:both;float:left; min-height:55px;padding-bottom:5px;margin-bottom:10px;} #detayli_arama_sonuclar .tek_sonuc_resim {float:left;margin-right:10px;} #detayli_arama_sonuclar .tek_sonuc h3 a{display:block;text-decoration:none;color:#5cc8ed; font-size:1.4em;padding-bottom:5px;} #detayli_arama_sonuclar .tek_sonuc h3 a:hover{color:#ea406e;} #detayli_arama_sonuclar .tek_sonuc p{line-height:1.3em;color:#ea406e;} #detayli_arama_sonuclar2 {padding:10px;float:left;width:517px) top center no-repeat;margin-left:20px;overflow:auto;} #detayli_arama_sonuclar2 .ic {width:517px;overflow:auto;} #detayli_arama_sonuclar2 .tek_sonuc {clear:both;float:left; min-height:55px;padding-bottom:5px;margin-bottom:10px;} #detayli_arama_sonuclar2 .tek_sonuc_resim {float:left;margin-right:10px;} #detayli_arama_sonuclar2 .tek_sonuc h3 a{display:block;text-decoration:none;color:#5cc8ed; font-size:1.4em;padding-bottom:5px;} #detayli_arama_sonuclar2 .tek_sonuc h3 a:hover{color:#ea406e;} #detayli_arama_sonuclar2 .tek_sonuc p{line-height:1.3em;color:#ea406e;} /* /////////////// DETAYLI ARAMA BİTİŞ ///////////////// */ /* /////////////// ÜYE PANEL BAŞLANGIÇ ///////////////// */ #uye_panel {position:relative; float:left;width:242px;height:389px;background:url(../resimler/uye_zemin.png) top center no-repeat;} #uye_panel .solpaket {width:55px;height:55px;float:left;margin:10px 6px 10px 10px;} #uye_panel h3 {color:#40beea;font-size:1.8em;margin-bottom:2px;margin-top:16px;} #uye_panel h4 {color:#40beea;font-size:1.2em;margin-bottom:3px;} #uye_panel h5 {color:#40beea;font-size:0.8em;} #uye_panel .uye_basla{position:absolute;top:96px;left:37px;font-size:0.75em;color:#ffffff;font-weight:bold;} #uye_panel .uye_bitis{position:absolute;top:96px;left:144px;font-size:0.75em;color:#ffffff;font-weight:bold;} #uye_panel .tarih{display:block;margin-top:7px;color:#000000;text-align:center;} #uye_panel .uye_sure{position:absolute;top:130px;left:35px;font-size:0.75em;color:#333333;} #uye_panel .uye_mesaj{position:absolute;top:151px;left:36px;font-size:0.75em;color:#ffffff;font-weight:bold;} #uye_panel .uye_toplam{position:absolute;top:151px;left:140px;font-size:0.75em;color:#ffffff;font-weight:bold;} #uye_panel .uye_oku{position:absolute;top:185px;left:35px;font-size:0.75em;color:#333333;} #uye_panel .uye_oku a{color:#000000;text-decoration:none;font-weight:bold;} #uye_panel .uye_oku a:hover{color:#888888;} #uye_panel .uye_kontrol{position:absolute;top:203px;left:90px;font-size:0.75em;color:#ffffff;font-weight:bold;} #uye_panel .ullar{position:absolute;top:220px;left:32px;line-height:1.4em;font-size:0.8em;font-weight:bold;} #uye_panel ul {float:left;} #uye_panel ul li{list-style:disc;} #uye_panel ul li a{color:#333333;text-decoration:none;} #uye_panel ul li a:hover{color:#888888;} #uye_icerik {padding:10px;float:left;width:517px;height:380px;background:url(../resimler/detayli_arama_sonuclar.png) top center no-repeat;margin-left:20px;overflow:auto;} #uye_icerik .ic {width:517px;height:370px;overflow:auto;} /* /////////////// ÜYE PANEL BİTİŞ ///////////////// */ /* /////////////// FİRMA TANITIM BAŞLANGIÇ ///////////////// */ h1.tanitim { display:block;clear:both;font-size:3.8em; color:#0aace4; padding-bottom:20px;font-weight:bold;} #sol_ic_tanitim {float:left;width:350px;} .mekan {display:block;float:left;width:175px;height:21px;} .mekan2 {display:block;float:left;width:116px;height:21px;} #sol_flash_tanitim {float:left;width:350px;background-color:#dddddd;margin-bottom:15px;} #sol_video_tanitim {float:left;width:350px;background-color:#666666;} #sag_ic_tanitim { float:left; margin-left:20px; } #sag_ic_tanitim .tanitim_kutu {padding:10px;width:405px; border:1px solid #9ad4ef;margin-bottom:10px;} #sag_ic_tanitim .tanitim_kutu ul {line-height:1.6em;margin-top:10px;} #sag_ic_tanitim .tanitim_kutu li {list-style:disc;color:#0aace4;margin-left:15px;} #sag_ic_tanitim .tanitim_kutu li a{text-decoration:none;color:#0aace4;font-weight:bold;font-size:1.4em;} #sag_ic_tanitim .iletisim_kutu {padding:10px;height:420px;width:405px; overflow:auto; border:1px solid #9ad4ef;margin-bottom:10px;} #sag_ic_tanitim h2{font-size:1.4em; color:#0aace4; font-weight:bold;} #sag_ic_tanitim p{font-size:1.2em; line-height:1.6em; color:#ef4f73;} /* /////////////// FİRMA TANITIM BİTİŞ ///////////////// */ /* /////////////// HARİTA BAŞLANGIÇ ///////////////// */ #harita {clear:both; width:800px; height:300px; background-color:#dddddd;margin-bottom:10px;} #harita_noktalar {float:left;width:360px;margin-left:10px;line-height:1.4em;} #harita_noktalar ul{float:left;width:180px;} /* /////////////// HARİTA BİTİŞ ///////////////////// */ /* /////////////// PAKETLER BAŞLANGIÇ ///////////////// */ .paket_kutu{width:230px;float:left;margin-left:25px;} .paket {margin-top:100px;float:left;position:relative;width:230px;background:url(../resimler/paket_zemin.png) bottom center no-repeat;} .paket_ust {float:left;width:230px;height:8px;background:url(../resimler/paket_ust.png) top center no-repeat;} .paket_logo {position:absolute;width:175px;height:175px;top:-67px;left:27px;} .paket_baslik {margin-top:110px; text-align:center; border-bottom:1px solid #40beea; color:#40beea;padding-bottom:5px;font-weight:bold;} .paket ul {margin:10px;line-height:1.4em;} .paket ul li {color:#323031; padding-left:15px; background:url(../resimler/arti.png) center left no-repeat; } .paket ul li.eksi {background:url(../resimler/eksi.png) center left no-repeat; text-decoration:line-through;} .paket_alt {float:left;width:230px; height:90px;background:url(../resimler/paket_alt.png) no-repeat;} .paket_alt_baslik{border-bottom:2px solid #ffffff;color:#ffffff;padding:4px 0px 4px 10px;font-weight:bold;} .paket_alt_yazi{border-bottom:1px solid #ffffff;color:#ffffff;padding:5px 0px 5px 10px;} .son{border-style:none;} /* /////////////// PAKETLER BİTİŞ ///////////////// */