@charset "utf-8";

body {

margin:0;

padding:0;

font-family: Tahoma, Verdana, Arial, sans-serif;

font-size:11px;

color:#777;

background-color:#d54710;

height:100%;

line-height:150%;

text-align:center;

}

html>body{

height:100%;

}

div#ana{

width:990px;

max-width:990px;

text-align:left;

margin:auto;

background-color:#fff;

}

#banner{

display:block;

height:120px;

background-color:#fff;

margin:0;

}

#banner img{

height:120px;

width:360px;

float:left;

margin:0;

}

form{

display:inline;

}

img{

border:1px none #000;

}

a, h1, h2, h3,h4,h5,h6,

button, .istatistik{

font-family:Arial, Helvetica, sans-serif;

}

a{

text-decoration:none;

}

a:hover{

text-decoration:underline;

}

.temizle{

clear:both;

line-height:1px;

font-size:1px;

height:1px;

display:block;

}

#tarih{

font-family:Arial, Helvetica, sans-serif;

font-weight:bold;

color:#f30;

float:right;

clear:right;

display:block;

margin:5px 10px 10px 0;

width:150px;

}

#arama_div{

width:245px;

height:70px;

text-align:center;

margin:10px 0px 0 0;

padding-bottom:10px;

float:right;

clear:right;

background:#fff url('img/ara_bg.jpg') center no-repeat;

}

#arama_div h3{

margin:7px auto 7px auto;

padding:5px 2px;

text-align:center; 

color:#369;

}

#cap{

width:90px;

height:20px;

position:relative;

float:left;

z-index:300;

margin-left:1px;

font-weight:bold;

}

#a_sec{

width:86px;

padding:3px 2px 5px 5px;

border:1px solid #ccc;

text-align:left;

float:left;

background-color:#f4f4f4;

cursor:pointer;

}

#select_div{

cursor:pointer;

text-align:left;

width:90px;

height:75px;

background-color:#f4f4f4;

border-top:1px solid #ccc;

position:absolute;

z-index:300;

top:25px;

left:0;

float:left;

clear:left;

}

#select_div li{

display:block;

float:left;

clear:left;

overflow:hidden;

width:86px;

padding:5px 2px 5px 5px;

border-left:1px solid #ccc;

border-right:1px solid #ccc;

border-bottom:1px solid #ccc;

background-color:#f4f4f4;

}

#select_div li:hover{

background-color:#0099CC;

color:#fff;

}

.ara_buton{

background:#fff url('img/ara_btn.jpg') center no-repeat;

width:27px;

height:27px;

margin-left:1px;

float:left;

}

#arama_div .text_alani{

line-height:24px;

height:24px;

background-color:#f4f4f4;

border:1px solid #ccc;

float:left;

margin-left:10px;

width:100px;

padding:0;

}

#uye_menu{

text-align:center;

margin:2px auto;

padding-bottom:5px;

background-color:#F5F9FC;

border:1px solid #e5e5e5;

}

#uye_menu h5{

margin:1px 1px 3px 1px;

padding:2px 2px 2px 20px;

text-align:center; 

border:1px solid #efefef;

border-bottom:1px solid #d9d9d9;

color:#369;

}

#uye_menu strong{

text-align:left;

display:block;

width:50px;

float:left;

}

#uye_menu ul{

text-align:left;

margin:0 auto;

}

#uye_menu li{

display:block;

padding:0px 3px 2px 10px;

text-align:left;

line-height:18px;

clear:left;

}

#uye_menu li.al{

text-align:center;

padding:5px 0;

}

#uye_menu a.su, #uye_menu a.yu{

font-weight:bold;

}

#uye_menu a.su{

color:#f30;

}

#uye_menu a.su:hover{

color:#f00;

}

#uye_menu a.yu{

color:#080;

}

#uye_menu a.yu:hover{

color:#030;

}

.chc{

width: 13px;

height: 13px;

padding: 0;

margin:0 0 0 1px;

vertical-align: bottom;

position: relative;

top: -3px;

*overflow: hidden;

}

#uye_menu .y_text{

line-height:15px;

height:15px;

padding:0;

margin:0;

width:70px;

}

#uye_menu button{

padding:0px;

line-height:14px;

color:#666;

border:1px solid #ccc;

margin:2px 0 0 10px;

}

#uye_menu .k_button{

margin-left:2px;

color:#060;

}

#ana_menu{

margin-top:1px;

font-size:11px;

background-color:#D2D2D2;

padding:0;

border:1px solid #ccc;

}

#ana_menu ul{

list-style:none;

margin:0px;

padding:0px;

}

#ana_menu ul li{

float:left;

margin:0px;

padding:0px;

position:relative;

z-index:200;

}

#ana_menu ul li a{

color:#777;

font-weight:bold;

display:block;

margin:0 1px 0 0;

padding:7px 10px;

text-decoration:none;

background:#D2D2D2 url('img/ym3.gif') bottom left repeat-x;

border-right:1px solid #999;

border-bottom:1px solid #bbb;

}

#ana_menu ul li a:hover{

color:#fff;

background:#1A9507 url('img/ym4.gif') bottom left repeat-x;

}

#ana_menu ul li ul{

position:absolute;

display:none;

}

#ana_menu ul li ul li{

clear:left;

}

#ana_menu ul li ul li a{

text-decoration:none;

width:140px;

border-left:1px solid #999;

}

#ana_menu ul li ul li ul{

clear:left;

display:none;

left:160px;

_left:160px;

position:absolute;

top:0px;

z-index:250;

}

/*---Yan Menü ---*/

#yan_menu{

margin-top:1px;

font-size:11px;

padding:0;

position:relative;

z-index:100;

}

#yan_menu ul{

list-style:none;

margin:0px;

padding:0px;

color:#fff;

width:157px;

}

#yan_menu ul li{

width:100%;

margin:0;

padding:0px;

position:relative;

z-index:100;

}

#yan_menu ul li a{

font-weight:bold;

background:#6093E7 url('img/ym.gif') bottom left repeat-x;

color:#fff;

display:block;

margin:0px;

padding:7px 10px;

text-decoration:none;

border:1px solid #3260DA;

}

#yan_menu ul li a:hover{

background:#3564DA url('img/ym2.gif') bottom left repeat-x;

}

#yan_menu ul li ul{

position:absolute;

display:none;

left:150px;

_left:140px;

top:0px;

z-index:300;

width:150px;

}

#yan_menu ul li ul li{

clear:left;

width:150px;

overflow:hidden;

}

#yan_menu ul li ul li a{

text-decoration:none;

width:130px;

z-index:300;

}

p.hata{

color:#f00;

text-align:center;

}

#alt_bant{

clear:both;

margin:20px 0 0 0;

padding:15px 0 15px 0;

height:15px;

background:#219ECC url("img/fbg.jpg") top repeat-x;

}

#alt_bant p{

text-align:center;

color:#fff;

margin:0;

font-weight:bold;
width:840px;

}

#alt_bant a{

float:right;

display:block;

margin:-35px 10px 5px 0;

color:#AAE3FF;

font-weight:bold;

}

#alt_bant a:hover{

color:#ffc;

}

img#ref{

border:1px none #fff;

width:32px;

height:25px;

margin:0;

cursor:pointer;

}

.sol{

float:left;

width:160px;

padding:5px 0;

}

.sag, .sag2{

float:right;

margin:0;

padding:5px 0;

text-align:center;

overflow:hidden;

}

.sag{

width:200px;

}

.sag2{

width:160px;

}

.orta_blok_f{

float:left;

margin:5px;

width:650px;

border:1px solid #efefef;

padding-left:3px;

}

.orta_div{

margin:auto;

float:left;

width:auto;

padding-bottom:10px;

height:auto;

min-height:240px;

}

*html .orta_div{

height:240px;

}

h3{

color:#333;

margin:5px 10px;

font-size:12px;

}

h3 a{

color:#900;

padding-bottom:2px;

}

h3 a:hover{

color:#f63;

border-bottom:1px dashed #f63;

}

h5{

margin:5px 0;

font-size:11px;

}

div.brd{

clear:left;

border-top:1px dashed #e5e5e5;

}

div.brdb{

border-bottom:1px dashed #e5e5e5;

}

p{

text-align:justify;

margin:5px 0;

color:#777;

}

img.f_sol{

float:left;

margin:5px 10px 10px 0;

}

img.kat_img{

margin:10px auto;

display:block;

border:1px solid #999;

}

.f_bilgi{

width:200px;

margin:auto;

text-align:left;

padding:20px 0;

}

.f_bilgi h3{

color:#3774CD;

margin:10px 10px 5px 10px;

}

.f_bilgi p{

margin:0 10px;

}

h3.ana_bas{

margin:20px auto 20px auto;

text-indent:30px;

color:#369;

font-size:14px;

}

a.kat_link{

color:#369;

}

a.kat_link:hover{

color:#f63;

text-decoration:none;

border-bottom:1px dotted #f63;

}

.y_text, .f_text{

border:1px solid #7F9DB9;

font-size:11px;

width:300px;

margin:auto;

}

#sip_div{

padding-top:20px;

margin-right:0;

min-width:785px;

}

#sip_div .y_text{

width:250px;

}

.mesaj_tablo{

margin:10px auto auto auto;

}

.mesaj_tablo td{

padding:3px 3px 3px 10px;

font-weight:bold;

color:#555;

}

.k_border{

border:1px solid #f00;

background-color:#ECE9D8;

}

.mesaj{

text-align:center;

padding:20px;

color:#f30;

}

.doviz{

padding:0 0 10px 0;

text-align:center;

}

h3.bas{

color:#fff;

padding:5px 3px;

line-height:18px;

margin:0;

text-align:left;

text-indent:10px;

font-size:11px;

border:1px solid #ccc;

border-bottom:1px none #ccc;

display:block;

height:15px;

overflow:hidden;

}

h3.m_bas{

background:#3778A5 url("img/menu_at.png") center left repeat;

}

h3.k_bas{

background:#3778A5 url("img/menu_k.png") center left repeat;

}

.doviz div{

border:1px solid #ccc;

}

.doviz_tablo{

margin:0 auto;

width:99%;

}

.doviz_tablo td{

padding:2px;

text-align:center;

border-bottom:1px solid #eee;

width:50px;

}

.doviz_tablo td.sol{

font-weight:bold;

padding-left:5px;

text-align:left;

color:#555;

}

.doviz_tablo td.al{

color:#b00;

border-left:1px solid #eee;

}

.doviz_tablo td.sat{

color:#060;

border-left:1px solid #eee;

}

.doviz_tablo td.baslik{

color:#999;

font-weight:bold;

border-left:1px solid #eee;

}

.reklam{

background-color:#f8f8f8;

font-weight:bold;

display:block;

color:#369;

text-align:center;

border:1px solid #999;

}

.reklam100{

padding:40px 0;

}

.reklam200{

padding:90px 0;

}

.reklam300{

padding:140px 0;

}

.reklam650{

padding:40px 0;

width:650px;

margin:5px auto;

}

.ozet{

text-align:center;

padding:0 20px;

}

.kat_liste{

text-align:center;

padding:0 2px;

margin:auto;

}

div.alt_kat{

float:left;

width:160px;

padding:0 0 20px 0;

margin:0 3px 10px auto;

text-align:center;

height:200px;

border:1px solid #f9f9f9;

overflow:hidden;

}

div.alt_kat_l{

width:160px;

height:160px;

padding-bottom:10px;

margin:5px 5px 5px auto;

}

div.alt_kat .ozet{

padding:0;

margin:0 5px;

height:200px;

overflow:hidden;

}

div.alt_kat img{

display:block;

margin:auto;

border:1px none #ccc;

}

div.alt_kat h5{

color:#060;

font-size:11px;

margin:0;

border:1px none #ccc;

}

.alt_kat a{

font-weight:bold;

color:#369;

text-decoration:none;

}

.alt_kat a:hover{

color:#f63;

text-decoration:underline;

}

.duyuru{

padding:0;

color:#462E1F;

background-color:#f4f4f4;

margin-bottom:5px;

width:160px;

overflow:hidden;

}

#duyuru_div{

padding:0 0 10px 0;

border:1px solid #ccc;

height:180px;

}

#duyuru_div div{

padding:5px 10px;

height:160px;

background-color:#f4f4f4;

overflow:hidden;

}

.duyuru p{

margin:5px auto;

border-bottom:1px dashed #333;

}

.duyuru a{

color:#009;

}

.duyuru a:hover{

color:#b00;

}

#bulten_div{

margin-top:5px;

}

#bulten{

padding:0 0 20px 0;

text-align:left;

border:1px solid #ccc;

background-color:#fff;

float:left

}

#bulten_div p{

padding:0 10px;

clear:both;

text-align:left;

}

#bulten_div .f_text{

float:left;

margin:5px 5px 0 0;

width:90px;

}

#bulten_div strong{

float:left;

clear:left;

display:block;

width:40px;

margin:5px 5px 0 5px;

}

button{

color:#0937B3;

font-size:11px;

font-weight:bold;

border:1px solid #ccc;

}

#bulten_div button{

float:right;

margin:5px 10px 5px auto;

color:#f63;

}

.oku{

text-align:justify;

padding:0 20px 20px 20px;

line-height:150%;

}

.y_bilgi{

text-align:right;

padding:5px;

}

.oku ul{

margin:10px;

list-style-image:none;

}

/*---Manşet---*/

div#manset{

height:280px;

text-align:left;

display:block;

width:650px;

overflow:hidden;

background-color:#000;

border:1px solid #333;

margin:3px auto 0 auto;

}

div#manset h3{

background-color:#333;

display:block;

color:#fff;

font-size:12px;

padding:5px;

margin:0 auto;

line-height:15px;

text-indent:20px;

}

div#manset h3 a{

color:#fff;

text-decoration:none;

border:1px none;

}

div#manset h3 a:hover{

color:#ffc;

}

ul.list li{

clear:left;

border-bottom:1px dashed #efefef;

padding:2px 0;

line-height:150%;

margin-bottom:5px;

}

ul.list li strong.bas{

float:left;

display:block;

width:120px;

clear:left;

color:#080;

}

ul.list li span{

margin-left:125px;

display:block;

}

span.link{

margin-left:5px;

color:#900;

}

a.d_oku{

color:#900;

}

a.d_oku:hover{

color:#333;

border-bottom:1px dashed #900;

}

.text_alani{

border:1px solid #999;

font-size:11px;

color:#777;

width:150px;

}

.u_div{

display:block;

float:left;

margin:10px 3px 10px 2px;

text-align:center;

border:1px solid #efefef;

padding-bottom:10px;

width:140px;

}

.u_div2{

width:210px;

margin-left:3px;

}

.u_div3{

width:200px;

margin-left:5px;

}

.u_div h3{

margin:0;

text-align:center;

text-indent:0;

font-size:11px;

}

.u_div h5{

width:180px;

height:15px;

padding:0;

margin:0 auto;

display:block;

overflow:hidden;

text-align:center;

}

.u_div .ozet{

padding:0 10px;

text-align:left;

height:80px;

overflow:hidden;

}

.s_div{

height:250px;

padding-bottom:10px;

overflow:hidden;

width:200px;

}

.s_div .ozet{

padding:0;

margin:0 5px;

text-align:left;

height:80px;

overflow:hidden;

}

.f_div{

height:200px;

padding-bottom:10px;

overflow:hidden;

width:150px;

}

.u_div a{

font-weight:bold;

color:#369;

text-decoration:none;

}

.u_div a:hover{

color:#f63;

text-decoration:underline;

}

.u_div strong{

color:#000;

display:block;

margin:5px auto;

}

.img_span{

border:1px solid #efefef;

display:block;

margin:10px auto 10px auto;

text-align:center;

overflow:hidden;

width:140px;

height:100px;

}

.img_span, .img_span2{

border:1px solid #efefef;

display:block;

margin:10px auto 10px auto;

text-align:center;

overflow:hidden;

}

.img_span{

width:140px;

height:100px;

}

.img_span img{

width:140px;

height:100px;

margin:0;

}

.img_span2{

width:120px;

height:80px;

}

.img_span2 img{

width:120px;

height:80px;

margin:0;

}

div.arama{

padding:10px;

border-bottom:1px dashed #f4f4f4;

margin-bottom:10px;

text-align:left;

}

div.arama .ozet{

text-align:left;

}

.f_div .ozet{

text-align:center;

}

.ara_img{

width:80px;

height:60px;

margin:10px 10px 5px 0;

border:1px solid #efefef;

float:left;

}

.u_bilgi{

padding:10px 0;

}

.u_bilgi ul{

width:600px;

margin:10px auto 0px auto;

border:1px solid #eee;

border-top:1px solid #ccc;

padding-bottom:2px;

overflow:hidden;

}

.u_bilgi ul h3{

margin-bottom:5px;

}

.u_bilgi ul li{

line-height:170%;

margin:auto;

clear:left;

}

.u_bilgi ul strong{

color:#369;

width:120px;

display:block;

float:left;

clear:left;

padding:3px 5px 3px 8px;

margin-left:1px;

border-right:1px solid #ddd;

border-bottom:1px solid #ddd;

font-family:Arial, Helvetica, sans-serif;

background-color:#f4f4f4;

}

.u_bilgi ul div{

width:430px;

float:left;

color:#333;

padding:3px 5px 3px 20px;

border-bottom:1px solid #efefef;

font-weight:bold;

}

.u_bilgi ul span{

float:left;

display:block;

margin-right:10px;

width:50px;

}

div.urun_ozet{

padding:10px 20px;

margin:auto;

text-align:left;

line-height:150%;

}

div.urun_ozet p{

margin-bottom:10px;

}

.fiyat{

text-align:center;

margin:10px auto;

font-weight:bold;

}

.fiyat strong{

color:#030;

}

h3.u_bas{

font-size:14px;

text-align:center;

color:#369;

margin:5px auto;

}

td{

vertical-align:top;

padding:5px;

height:100%;

color:#777;

}

td.sol_p{

padding-left:20px;

font-weight:bold;

color:#666;

width:170px;

}

td.orta, td.orta2{

padding-left:20px;

} 

td.orta{

background-color:#EBF5F5;

border-bottom:1px solid #ddd;

border-left:1px solid #ddd;

} 

td.orta2{

border-bottom:1px solid #ddd;

border-left:1px solid #eee;

} 

td.ilk{

padding-top:10px;

}

td.son{

padding-bottom:5px;

border-bottom:1px solid #ccc;

}  

button{

cursor:pointer;

}

button.m_sil{

width:25px;

height:25px;

text-align:center;

border:1px solid #fff;

float:right;

margin:3px 3px 0 0;

background-image:url(img/iptal.jpg);

cursor:pointer;

}

/*---Sayfalama------->*/

.sayfa_div{

padding:10px 0 20px 0;

text-align:center;

margin:0;

color:#777;

font-weight:bold;

font-family:Arial, Helvetica, sans-serif;

}

.sayfa_div strong{

text-decoration:none;

}

.sayfa_div a, .sayfa_div .self{

padding:2px 5px;

margin:1px;

font-weight:bold;

text-decoration:none;

}

.sayfa_div a{

border:1px solid #f4f4f4;

color:#999;

}

.sayfa_div a:hover{

color:#f63;

border:1px solid #ccc;

}

.sayfa_div .self{

background-color:#f4f4f4;

border:1px solid #999;

}

.sayi{

margin-left:40px;

color:#090;

font-size:11px;

}

img.b_img{

width:300px;

height:200px;

margin:5px auto;

border:1px solid #999;

display:block;

}

.mesaj_div{

text-align:center;

padding:50px 10px 50px 10px;

margin:5px;

}

.mesaj_div h5{

font-size:12px;

color:#080;

margin:0 0 10px 0;

}

.mesaj_div h3.hata{

font-size:14px;

color:#f00;

margin:0 0 10px 0;

}

.mesaj_div p{

color:#999;

line-height:150%;

text-align:center;

}

#loading{

position:absolute;

float:right;

background:#f63;

color:#fff;

font-size:12px;

font-family:Arial;

padding:2px;

display:none;

left:55%;

}

img.f_sag{

float:right;

margin:5px 0px 10px 10px;

}

/*---istatistik Paneli--------*/

.istatistik{

clear:both;

border:1px solid #ccc;

padding:0;

width:148px;

margin:5px auto 3px auto;

background-color:#f4f4f4;

font-family:Arial, Helvetica, sans-serif;

}

.istatistik ul{

margin:0;

padding:0;

text-align:left;

}

.istatistik li{

clear:left;

width:145px;

padding:5px 0 3px 3px;

border-top:1px dotted #ccc;

font-weight:bold;

color:#333;

}

.istatistik span{

float:left;

display:block;

width:99px;

margin-right:5px;

color:#369;

padding:0 2px 2px 3px;

border-right:1px solid #ddd;

}

.galeri{

padding:10px;

text-align:center;

margin:0 auto;

width:610px;

}

.galeri img{

margin:5px 2px;

width:140px;

height:120px;

border:1px solid #f4f4f4;

}

#shc{

background-color:#ccc;

text-align:center;

padding:0;

margin:0;

z-index:1000;

position:absolute;

top:0;

left:0;

display:block;

opacity:0.75;

filter:alpha(opacity=75);

}



#sh{

text-align:center;

background-color:#fff;

border:1px solid #777;

color:#333;

font-weight:bold;

font-size:12px;

width:300px;

height:70px;

padding:50px;

font-family:Arial, Helvetica, sans-serif;

position:absolute;

top:20%;

left:30%;

z-index:1500;

}

#sh button{

display:block;

margin:20px auto;

border:1px solid #999;

color:#f63;

}