a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol,ul{list-style:none;}blockquote,q{quotes:none;}table,table td{padding:0;border:none;border-collapse:collapse;}img{vertical-align:top;}embed{vertical-align:top;}*{border:none}input,textarea{outline:none!important}article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block;}mark,rp,rt,ruby,summary,time{display:inline} @charset "utf-8"; /* CSS Document */ html{min-height:100%;min-width:980px; height:100%;} body{min-height:100%;min-width:980px; height:100%; overflow:auto; overflow: -moz-scrollbars-vertical; overflow-y: auto; overflow-y: scroll; margin:0; font-size: 14px; font-family: "Arial"; background: #c7f0fa;} p{ margin:0px;} table{color: #555; text-decoration: none; font-size: 12px; font-family: "Arial"; font-weight: normal; line-height:175%} a { color: #555; text-decoration: none; font-size:12px; font-family: Arial; font-weight: normal } h1{ font-family: 'Roboto Condensed', sans-serif; font-weight:400; font-size:26px; line-height:26px; color:#0890b1; padding:0 0 10px 0; margin:0;} h2{ font-family: 'Roboto Condensed', sans-serif; font-weight:400;font-size:20px; line-height:20px; color:#0890b1; padding:20px 0 0px 0; margin:0;} .form_txt { color: #555; text-decoration: none; font-size:12px; font-family: Arial; font-weight: normal; background:url(images/theme/text_box_bg.png); border:1px solid #ddebee; } .form_yazi {color: #fff; text-decoration: none; font-size: 12px; font-family: "Arial"; font-weight: normal;} .form_btn { overflow:visible; width:auto; background:url(images/theme/btn.png) repeat-x; border:none; padding:2px 15px; color:#fff; font:normal 13px arial, sans-serif !important; cursor:pointer; text-align:center; vertical-align:middle; line-height:18px; height:30px; } .form_btn2 { float:right; overflow:visible; width:auto; background:url(images/theme/btn.png) repeat-x; border:none; padding:2px 10px; color:#fff; font:normal 13px arial, sans-serif !important; cursor:pointer; text-align:center; vertical-align:middle; line-height:18px; height:20px; } .yazi01 {color: #555; text-decoration: none; font-size: 12px; font-family: "Arial"; font-weight: normal; line-height:175%} .yazi02 {color: #0890b1; text-decoration: none; font-size: 14px; font-family: "Arial"; font-weight: bold; margin:0px;} .yazi03 {color: #cc0000; text-decoration: none; font-size: 12px; font-family: "Arial"; font-weight: bold;} #sss_container .soru{ float:left; border-bottom:1px solid #ddebee; padding:7px 0; width:100%;} #sss_container .soru a{color: #555;margin:0px; float:left; background: url(images/theme/ico.png) no-repeat left 4px; padding-left:20px;} #sss_container .soru a:hover{ color:#123;} #page_container{ position:relative; width:100%;} #main_container{ position:relative; width:980px; margin:0 auto;} #main_container #header{ padding:0px; margin:0px; height:80px;} #main_container #logo{ position:absolute; top:5px; left:0px; z-index: 101;} #banner_alt{ float:left; width:100%; height:265px; margin:0px; padding:0px; background:url(images/theme/banner_alt_bg.jpg); margin:0px; padding:0px;z-index:11;} #banner_alt .hizmet_bolum{ float:left; color:#FFF; width:285px;margin:73px 0 30px 30px; font-family: 'Arial', sans-serif; font-weight:normal; font-style:normal;font-size:12px; line-height:18px;} #banner_alt .hizmet_bolum .hizmet_ico{ position:relative; width:127px; height:73px; margin-top:-73px; z-index:200;} #banner_alt .hizmet_bolum .hizmet_01{ background:url(images/theme/banner_alt_01.png) no-repeat;} #banner_alt .hizmet_bolum .hizmet_02{ background:url(images/theme/banner_alt_02.png) no-repeat;} #banner_alt .hizmet_bolum .hizmet_03{ background:url(images/theme/banner_alt_03.png) no-repeat;} #banner_alt .hizmet_bolum .hizmet_04{ background:url(images/theme/banner_alt_04.png) no-repeat;} #banner_alt .hizmet_bolum .hizmet_05{ background:url(images/theme/banner_alt_05.png) no-repeat;} #banner_alt .hizmet_bolum .hizmet_06{ background:url(images/theme/banner_alt_06.png) no-repeat;} #banner_alt .hizmet_bolum h2{ color:#FFF; margin:10px 0; padding:0;} #banner_alt .hizmet_bolum span{ color:#FFF;} #orta_container{ position:relative; width:100%; display:inline-block;} .tablo_icerik { position:relative; float:left; width:920px;color: #555; background:#FFF; text-decoration: none; font-size: 12px; font-family: "Arial"; font-weight: normal; line-height:175%; margin:30px 0 0 0; padding:30px;} .tablo_sol{position:relative; float:left; margin:0 15px 0 0; padding:0px; width:445px;} .tablo_sag{position:relative; float:right; margin:0 0 0 15px; padding:0px; width:445px; } .tablo_icerik_ic {margin:0 0 30px 0;} .tablo_icerik h1{ margin-bottom:10px;} /*::::: DUYURULAR :::::*/ #duyurular ul{position:relative; margin:0px; padding:0 0 0 0px; min-height:70px;} #duyurular li{list-style:none; margin:0 0 10px 0; padding:0 0px 10px 70px; border-bottom:1px solid #ddebee;} #duyurular li a{ display:block;} #duyurular li a:hover{ text-decoration:underline;} #duyurular li div{ position:absolute; left:0px; float:left; padding-top:5px; width:55px; height:55px; background:url(images/theme/tarih_bg.png) no-repeat; text-align:center;} #duyurular li div .gun{ display:block; margin-bottom:0px; color: #fff; text-decoration: none; font-size:26px; font-family: 'Roboto Condensed', sans-serif; font-weight:400;} #duyurular li div .ay{ display:block; color: #fff; text-decoration: none; font-size:18px; font-family: 'Roboto Condensed', sans-serif; font-weight:400; text-align:center;} /*::::: AÇILIR ÜST MENÜ :::::*/ #nav {background: url(images/theme/menu_bg.jpg) no-repeat left center; height:66px; width:100%; margin:0 0 0px 0; padding:0 0 0 0px; position: relative; z-index: 100;} #nav ul {position:relative;margin:0 auto;padding:0;height:66px;float:left;} #nav li {background:url(images/theme/menu_seperator.png);background-position:right;background-repeat:no-repeat; list-style:none;float:left;margin:0;padding:0 2px 0 0;line-height:66px;height:66px;} #nav li.son {background:none;} #nav span {float:left;padding:0 20px 0 15px;line-height:66px;height:66px;} #nav li a {text-transform:none; font-family: 'Roboto Condensed', sans-serif; font-weight:700; font-style:normal;font-size:16px;height:auto;color:#FFF;display:block;line-height:66px;height:66px;margin:0;padding:0px;} #nav span:hover, #nav span.aktif {background: url(images/theme/menu_bg_over.png) right top;} /* First level dropdown */ #nav li ul {margin:0 0 0 -25px;padding:0px 10px 16px 10px;list-style:none;position:absolute;left:-999em;top:66px;width:200px;z-index:10;height:auto;} #nav li:hover ul, #nav li.sfhover ul {left:auto;} #nav li li {z-index:20;position:relative;margin:0;padding:0;width:240px;height:auto;line-height:12px;} #nav li li a {text-indent:0;background:#37cbef;border-bottom:1px solid #25b5d8;font-weight:bold;padding:10px 10px 10px 10px;text-transform:none;font-size:14px;font-family:sans-serif;font-weight:normal;font-style:normal;height:auto;line-height:12px;color:#fff;text-decoration:none;} #nav li:hover li a, #nav li.sfhover li a {color:#fff;} #nav li li a:hover { background:#25b5d8;color:#fff; text-decoration:none;} /*::::: BANNER SLIDER :::::*/ #slider-wrapper {height:390px;overflow:hidden;position:relative;top:0;left:0;margin:-8px 0 0 0;width: auto; padding:0px; background:#fff; display:inline-block;} #slider img {position:absolute;top:0px;left:0px;display:none;} #slider a {border:0;display:block;} .nivoSlider {height:390px;position:relative;} .nivoSlider img {position:absolute;height:390px;top:0px;left:0px;} /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;} /* The slices and boxes in the Slider */ .nivo-slice {display:block;position:absolute;z-index:5;height:100%;} .nivo-box {display:block;position:absolute;z-index:5;} /* Caption styles */ .nivo-caption {position:absolute;left:0px;bottom:50px;background:none;color:#6d613d;opacity:0.6; /* Overridden by captionOpacity setting */z-index:8;} .nivo-caption p {font-size: 20px;font-family: "Impact";padding:15px 20px;margin:0;} .nivo-caption a {display:inline !important;} .nivo-html-caption {display:none;} /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a {display:block;width:44px;height:72px;position:absolute;top:45%;z-index:992;cursor:pointer; background:url(images/theme/arrows2.png) no-repeat;text-indent:-9999px;border:0;} a.nivo-prevNav {left:0px;} a.nivo-nextNav { background-position:-44px 0px;right:0px;} /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav {z-index:991;position:absolute;right:20px;bottom:20px;} .nivo-controlNav a {color:#000000;display:block;width:20px;height:20px;background:url(images/theme/bullets.png) no-repeat;text-align:center;line-height:20px;border:0;margin-right:5px;float:left;cursor:pointer; text-indent:-9999px;} .nivo-controlNav a.active {color:#fff;font-weight:bold; background-position:0 -20px;} /*::::: IMAGE SLIDER::::::::*/ #slider_1{ position:absolute; top:-7px; margin-top:0;} #slider_1 ul, #slider li{margin:0;padding:0;list-style:none;} #slider_1 li{width:980px;height:272px;overflow:hidden; margin-top:0px;} #prevBtn, #nextBtn,#slider_1next, #slider_1prev{display:block;width:29px;height:25px;position:absolute;z-index:1000;} #nextBtn, #slider_1next{margin-top:-140px;margin-left:380px;} #prevBtn, #slider_1prev{margin-top:-140px;margin-left:351px;} #prevBtn a, #nextBtn a,#slider_1next a, #slider_1prev a{display:block;position:relative;width:29px;height:25px;background:url(images/theme/onceki.png) no-repeat 0 0;} #nextBtn a, #slider_1next a{background:url(images/theme/sonraki.png) no-repeat 0 0; } /*::::: PIROBOX RULES::::::::*/ .piro_overlay { position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:#000; display: none; z-index:99997; } .loading span{position:absolute;top:50%;left:50%;margin-top:-15px;margin-left:-15px;width:30px;height:30px;display:block;z-index:100008; background:none } .loading span span{position:absolute; display:block; width:30px;height:30px; z-index:100009;background: url(images/theme/ajax-loader.gif) center center no-repeat!important;background: url(images/theme/ajax-loader.gif) center center no-repeat;} .caption{position:absolute;bottom:0;left:0;margin:0;display:block; padding:0px; cursor:text; background:#222;} .piro_nav{position:absolute;bottom:0;left:50%;margin:0;display:block; padding:0; background:none;} .caption p{ display:block; margin:0;padding:4px 28px 4px 38px; text-align:center; font-weight:normal; background:black; color:white; font-size:12px;} a.piro_close{position:absolute;top:20px;right:20px;height:35px;width:35px;background:url(images/theme/close_btn.png) no-repeat;cursor:pointer;z-index:100006;} a:hover.piro_close{background:url(images/theme/close_btn_h.png) no-repeat;} a.piro_next{position:absolute;top:50%;width:35px; height:35px;right:20px;text-indent:-999em;outline:none; display:block; margin:-18px 0 0 0;background:url(images/theme/next.png) center right no-repeat; border:none; cursor:pointer;z-index:1000000001} a:hover.piro_next{background:url(images/theme/next_h.png) center right no-repeat;} a.piro_prev{position:absolute;top:50%;width:35px; height:35px;left:20px; text-indent:-999em; outline:none;display:block;margin:-18px 0 0 0;background: url(images/theme/prev.png) center left no-repeat;border:none; cursor:pointer; z-index:1000000000} a:hover.piro_prev{background:url(images/theme/prev_h.png) center left no-repeat;} .pirobox_content {position:absolute; top:50%; left: 50%; padding:0; width: 800px; height: 600px; margin:-300px 0 0 -400px; display:block; z-index:99998;font-family:Trebuchet MS,Arial;} .pirobox_content tbody,th{margin:0;padding:0;border:none;} .pirobox_content img{ margin:0; padding:0; border:none;} .t_l{background:url(images/theme/t_l.png) no-repeat; width:20px; height:20px;} .t_r{background: url(images/theme/t_r.png) no-repeat; width:20px; height:20px;} .t_c{height:20px; background:url(images/theme/t_c.png) repeat-x;} .c_l{width:20px; background: url(images/theme/c_l.png) repeat-y;} .c_c{background:black; margin:0; padding:0;} .c_c div{width:760px; height:560px; margin:0; padding:0 0 0px 0;} .c_r{width:20px; background: url(images/theme/c_r.png) repeat-y;} .b_c{height:20px; background:url(images/theme/b_c.png) repeat-x;} .b_l{background:url(images/theme/b_l.png) no-repeat; width:20px; height:20px;} .b_r{background:url(images/theme/b_r.png) no-repeat; width:20px; height:20px;} .box_img{ position:absolute; z-index:99995; background: url(images/theme/img_bg.png);width: 100%; top:30px; left:30px; height: 100%; padding:0;} .err_mess{ position:absolute;bottom:20px; color:white; padding:0; margin:0 0 0 20px; display:block;} .err_mess a{color:red; font-weight:700;} .number{position:absolute;margin-left:3px;height:18px;width:30px; padding:3px;left:0;color:#666;bottom:1px; font-size:11px;} a.link_to {position:absolute;margin-right:6px;height:20px;width:20px;right:0;color:#999;bottom:3px; background:url(images/theme/link_out.png) no-repeat; text-indent:-999em;} a:hover.link_to { background:url(images/theme/link_out_h.png) no-repeat;} a.play{position:absolute;top:20px!important;top:20px;left:20px!important;left:20px;width:40px; height:40px; margin:0; outline:none; display:block;background:url(images/theme/play.png) no-repeat; text-indent:-999em; border:none;cursor:pointer;} a:hover.play{background:url(images/theme/play_h.png) no-repeat;} a.stop{position:absolute;top:20px!important;top:20px;left:20px!important;left:20px;;width:40px; height:40px; margin:0; outline:none; display:block;background:url(images/theme/pause.png) no-repeat;text-indent:-999em; border:none;cursor:pointer;} a:hover.stop{background:url(images/theme/pause_h.png) no-repeat;} #select_kategori{position:relative; margin:0 -4px; padding:0px; float:right;} /*::::: PAYLAŞ ::::::::*/ div#paylas { position:relative; margin:0;padding:0; text-align:right;} /*::::: SAYFALAMA ::::::::*/ #sayfa_container{position:relative; margin:0 -4px; padding:0px; float:left;} #sayfa_container .sayfa ul{ list-style:none; float:left; margin:0px; padding:0px;} #sayfa_container .sayfa ul li{list-style:none; float:left; margin:4px; padding:4px; width:20px; height:20px; vertical-align:middle; text-align:center; background:#c7f0fa; color:#FFF; font-family:"Century Gothic"; font-weight:bold;} #sayfa_container .sayfa ul li:hover{background:#1eacd1 } #sayfa_container .sayfa ul li.selected{background:#1eacd1;} #sayfa_container .sayfa ul li.ilk_sayfa{ background:#c7f0fa url(images/theme/first.png)} #sayfa_container .sayfa ul li.ilk_sayfa:hover{ background:#1eacd1 url(images/theme/first.png) no-repeat center bottom;} #sayfa_container .sayfa ul li.onceki_sayfa{ background:#c7f0fa url(images/theme/left.png) no-repeat;} #sayfa_container .sayfa ul li.onceki_sayfa:hover{ background:#1eacd1 url(images/theme/left.png) no-repeat center bottom;} #sayfa_container .sayfa ul li.son_sayfa{ background:#c7f0fa url(images/theme/last.png) no-repeat center top;;} #sayfa_container .sayfa ul li.son_sayfa:hover{ background:#1eacd1 url(images/theme/last.png) no-repeat center bottom;} #sayfa_container .sayfa ul li.sonraki_sayfa{ background:#c7f0fa url(images/theme/right.png) no-repeat;} #sayfa_container .sayfa ul li.sonraki_sayfa:hover{ background:#1eacd1 url(images/theme/right.png) no-repeat center bottom;} /*::::: ÜRÜNLER ::::::::*/ #urunler_container {position:relative; margin:-15px -15px; padding:0px;} #urunler{list-style:none; float:left; margin:0px; padding:0px;} #urun{ list-style:none; width:207px; height:360px; float:left; margin:15px 14px 15px 15px; padding:0px; vertical-align:top;color: #000; text-decoration: none; font-size: 13px; font-family: "Arial"; font-weight: normal; line-height:150%;} #urun h2{height:50px;} #urun img{ width:195px; height:145px; border:none; margin-bottom:10px; padding:5px; background:#d1c39c;} #urun_galeri_container {position:relative; margin:20px -15px; padding:0px;} #urun_galeri{ list-style:none; float:left; margin:0px; padding:0px;} #urun_galeri .foto{ list-style:none; float:left; margin:15px; padding:3px; text-align:center; vertical-align:middle; background:#d1c39c;} #urun_galeri .foto:hover{background:#c7f0fa;} /*::::: ALBUM ::::::::*/ #album_container { position:relative; margin:20px -15px; padding:0px;} #album_container2 { position:relative; margin:-10px -15px; padding:0px;} #album{ list-style:none; float:left; margin:0px; padding:0px;} #referans_album{list-style:none; float:left; margin:0; padding:0px 0 0 0;} #foto{ list-style:none; float:left; margin:15px 14px 15px 15px; padding:5px; text-align:center; vertical-align:middle; background:#fff; border:1px solid #ddebee;} #foto:hover{ background:#c7f0fa; border:1px solid #ddebee;} /*::::: ALBANNER ::::::::*/ #alt_banner{ position:relative; overflow:hidden; margin:0px; padding:30px; background:url(images/theme/alt_banner_bg.png) no-repeat top center #edfafd;} #alt_banner .bolum{ float:left; color:#555; width:140px;margin:0px 0 20px 0px; line-height:18px; } #alt_banner .bolum1{ float:left; color:#555; width:180px;margin:0px 0 20px 0px; line-height:18px; } #alt_banner .bolum2{ float:left; color:#555; width:230px;margin:0px 0 20px 0px; line-height:18px; } #alt_banner .telefon{ position:absolute; right:50px; top:20px; width:300px; height:190px; background:url(images/theme/telefon.png) no-repeat right; bottom:0px; } #alt_banner h2{ margin:0 0 10px 0; padding:0px;} #alt_banner .bolum span{ color:#b2c1a3;} #alt_banner ul{ position:relative; float:left; margin:0px; padding:0; color: #62cefe; text-decoration: none; font-size: 12px; font-family: Arial; font-weight:bold; width:auto; height:100%;} #alt_banner ul.alt_banner_ilk{ margin:0 15px 0 0;} #alt_banner li{ list-style:none; margin:0px;} #alt_banner a{font-family:arial; font-size:12px; font-weight:normal; color:#555; text-decoration: none; line-height:150%;} #alt_banner a:hover{ text-decoration:underline; color:#004b50;} #alt_banner ul li a{background:url(images/theme/ico2.png) no-repeat left center; padding:0 0 0 15px;} #alt_banner_turkuaz{ float:left; font-family:arial; font-size:12px; font-weight:normal; color:#555; text-decoration: none; line-height:150%; margin:20px 0 0 0;} #alt_banner_turkuaz a{ color:#716b60;} /*::::: YUKARI DÜĞMESİ ::::::::*/ #back-top {z-index:10;position: fixed;bottom: 20px;margin-left: 990px;} #back-top a {width: 51px;display: block;text-align: center;font: 11px/100% Arial, Helvetica, sans-serif;text-transform: uppercase;text-decoration: none;color: #555;/* background color transition */-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;} #back-top a:hover {color: #0086aa;} /* arrow icon (span tag) */ #back-top span {width: 51px;height: 51px;display: block;margin-bottom: 7px;background:url(images/theme/icon_top.png) no-repeat center top;/* rounded corners -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;/* background color transition -webkit-transition: 1s;-moz-transition: 1s;transition: 1s;*/} #back-top a:hover span {background:url(images/theme/icon_top.png) no-repeat center bottom;}