/*******************************
CSS Libertad Yazılım Ekibinden
Hasan Emre ŞENOL tarafından yazılmıştır.
********************************/

body {font-family: Tahoma, sans-serif; font-size: 11px; font-style: normal; color: #000000; background-color: #FFFFFF;}
hr {border-left: none; border-right: none; border-top: 1px solid #FFFFFF; border-bottom: solid 1px #E1E1E1; width: 100%;}
body a:link, body a:visited {text-decoration: none; color: #0066FF;}
body a:hover {color: Orange;}
/* body input, body select, body textarea {border: solid 1px #E1E1E1; margin: 5px 0 4px 0; padding: 3px; font-family: Tahoma, sans-serif; font-size: 11px;} */
.ortala {width: 925px; margin: 0 auto;}

/* ========= En Üst Yazı ========= */
.en_ust_yazi         {height: 25px; width: 100%; line-height: 25px; text-align: center; color: #0066FF; margin: 0; padding: 0;}
.en_ust_yazi_panel   {float: right;}
.en_ust_yazi_panel_2 {float: right; width: 20px; color: #CCCCCC;}

/* ========= Üst Bar ========= */
.ust_bar_orta   {width: 100%; height: 88px; background: url('../images/ust_bar_orta.jpg') repeat-x;}
.ust_bar_sol    {width: 100%; height: 88px; background: url('../images/ust_bar_sol.jpg') no-repeat left;}
.ust_bar_sag    {width: 100%; height: 88px; background: url('../images/ust_bar_sag.jpg') no-repeat right;}

.ust_bar_logo       {float: left; height: 88px; margin: 0 0 0 15px;}
.ust_bar_ayrac      {float: right; height: 88px; width: 20px; background: url('../images/ust_bar_ayrac.gif') no-repeat center;}
.ust_bar_resim      {float: right;}
.ust_bar_panel      {float: right; height: 88px; line-height: 16px; padding: 0 10px 0 10px;}
.ust_bar_panel_s0   {margin: 20px 0 0 0; font-weight: bold; text-align: left;}
.ust_bar_panel_s1   {margin: 15px 0 0 0; font-weight: bold; text-align: center;}
.ust_bar_panel_s2   {font-weight: bold; text-align: center;}

/* ========= Üst Menü ========= */
.ust_menu_orta  {height: 42px; margin-top: 7px; background: url('../images/ust_menu_orta.jpg') repeat-x;}
.ust_menu_sol   {height: 42px; width: 100%; background: url('../images/ust_menu_sol.jpg') no-repeat left;}
.ust_menu_sag   {height: 42px; width: 100%; background: url('../images/ust_menu_sag.jpg') no-repeat right;}
#ust_menu       {font-family: Arial, Sans-Serif; font-size: 11px; width: 623px;}
#ust_menu div   {float: left; height: 42px; width: 2px; background: url('../images/ust_menu_ayrac.jpg') no-repeat center}
#ust_menu a:link, #ust_menu a:visited {float: left; height: 42px; line-height: 42px; width: 120px; text-align: center; font-family: Arial, Sans-Serif; font-weight: bold; text-decoration: none; color: #FFFFFF;}
#ust_menu a:hover {color: Orange;}

/* ========= Orta Bölüm ========= */
.sol_bar        {float: left; width: 190px; margin: 0 5px 0 0;}
.orta_bar       {float: left; width: 558px; margin: 0;}
.sag_bar        {float: right; width: 168px; margin: 0 0 0 4px;}
.uye_bar        {float: right; width: 730px; margin: 0;}

.sol_bar_ust, .sol_bar_alt, .orta_bar_ust, .orta_bar_alt, 
.sag_bar_ust, .sag_bar_alt, .alt_bar_orta, .alt_bar_sol, 
.alt_bar_sag, .uye_bar_ust, .uye_bar_alt    {width: 100%; height: 100%;}

.sol_bar_baslik, .orta_bar_baslik, .sag_bar_baslik, .uye_bar_baslik {height: 36px; font-weight: bold; color: #434A55; line-height: 36px; margin: 0; padding: 0 5px 0 30px;}

/* == Sol Bar == */
.sol_bar_orta       {float: left; width: 100%; background: url('../images/sol_bar_orta.jpg') repeat-y; margin: 7px 0 0 0;}
.sol_bar_ust        {background: url('../images/sol_bar_ust.jpg') no-repeat top;}
.sol_bar_alt        {background: url('../images/sol_bar_alt.jpg') no-repeat bottom;}
.sol_bar_baslik     {background: url('../images/sol_bar_baslik.jpg') no-repeat top;}

/* == Orta Bar == */
.orta_bar_orta      {float: left; width: 100%; background: url('../images/orta_bar_orta.jpg') repeat-y; margin: 7px 0 0 0;}
.orta_bar_ust       {background: url('../images/orta_bar_ust.jpg') no-repeat top;}
.orta_bar_alt       {background: url('../images/orta_bar_alt.jpg') no-repeat bottom;}
.orta_bar_baslik    {background: url('../images/orta_bar_baslik.jpg') no-repeat top;}

/* == Sag Bar == */
.sag_bar_orta       {float: left; width: 100%; background: url('../images/sag_bar_orta.jpg') repeat-y; margin: 7px 0 0 0;}
.sag_bar_ust        {background: url('../images/sag_bar_ust.jpg') no-repeat top;}
.sag_bar_alt        {background: url('../images/sag_bar_alt.jpg') no-repeat bottom;}
.sag_bar_baslik     {background: url('../images/sag_bar_baslik.jpg') no-repeat top;}

/* == Üye Bar == */
.uye_bar_orta       {float: left; width: 100%; background: url('../images/uye_bar_orta.jpg') repeat-y; margin: 7px 0 0 0;}
.uye_bar_ust        {background: url('../images/uye_bar_ust.jpg') no-repeat top;}
.uye_bar_alt        {background: url('../images/uye_bar_alt.jpg') no-repeat bottom;}
.uye_bar_baslik     {background: url('../images/uye_bar_baslik.jpg') no-repeat top;}

/* ========= Alt Bölüm ========= */
.alt_bar            {float: right; width: 925px; height: 55px; margin: 7px 0 10px 0;}
.alt_bar_orta       {background: #E0E0E0 url('../images/alt_bar_orta.jpg') repeat-x;}
.alt_bar_sol        {background: url('../images/alt_bar_sol.jpg') no-repeat left;}
.alt_bar_sag        {background: url('../images/alt_bar_sag.jpg') no-repeat right;}
.alt_bar_satir      {float: left; width: 760px; margin: 10px 0 0 0;}
.alt_bar_satir div {float: right; width: 15px; text-align: center;}


/* == Ayarlar == */
.icerik     {padding: 7px;}
.uyari_msj	{line-height: 50px; text-align: center; font-weight: bold; font-size: 12px; color: Gray;}
.uyari_msj1	{line-height: 20px; text-align: center; font-weight: bold; font-size: 12px; color: Red;}

#kategoriler, #haberler, #goldbar, .uyepanel  {padding: 7px;}
#haberler div, .uyepanel div    {margin: 0 0 0 10px; padding: 0 0 0 20px; line-height: 16px;}
#kategoriler .kat_icerik, .uyepanel .katicerik     {display: none; margin: 0 0 0 10px; padding: 0 0 0 30px; line-height: 18px;}
#kategoriler span, .uyepanel span    {cursor: pointer; margin: 0 0 0 10px; padding: 0 0 0 20px; line-height: 16px; background: url('../images/simge_kategori.jpg') no-repeat left;}

#haberler a:link, #haberler a:visited, #goldbar a:link, #goldbar a:visited, .uyepanel a:link, .uyepanel a:visited {text-decoration: none; color: #000;}
#kategoriler a:link, #kategoriler a:visited {text-decoration: none; color: #666666;}
#kategoriler span:hover, .uyepanel span:hover    {color: #0066FF;}
#haberler a:hover       {color: #89C100;}
#goldbar a:hover, #kategoriler a:hover, .uyepanel a:hover        {color: Orange;}

#goldbar .sol       {width: 40%; padding: 0 0 0 10px;}
#goldbar .sag       {width: 30%; padding: 0 10px 0 0; text-align: right;}
#haberler div       {background: url('../images/simge_haber.jpg') no-repeat left;}
#haberler p         {line-height: 20px; text-align: right; margin: 0; padding: 0; color: #CCCCCC;}

.alt_bar_satir a:link, .alt_bar_satir a:visited {text-decoration: none; color: #0066FF; float: right;}
.alt_bar_satir a:hover  {color: Orange;}
.k_hesap, .k_mesaj     {height: 24px; line-height: 25px; margin: 0; padding: 0 0 0 30px;}
.k_mesaj a:link, .k_mesaj a:visited, .k_hesap a:link, .k_hesap a:visited {font-weight: bold; text-decoration: none; color: #393939;}
.k_hesap    {background: url('../images/simge_uye.jpg') no-repeat left;}
.k_mesaj    {background: url('../images/simge_msj.jpg') no-repeat left;}
.textbox, .dropdown {border: solid 1px #E1E1E1; margin: 4px 0 4px 0; padding: 3px; font-size: 11px;}
.button     {border: solid 1px #E1E1E1; font-size: 11px; margin: 3px; padding: 3px;}

.libertad   {float: left; margin: 30px 0 0 10px;}
.libertad a {float: left; width: 139px; height: 16px; background: url('http://www.dle.com.tr/templates/Rio-Yazilim/images/referans-logo/simge_libertad01.jpg');}
.uyari_1    {text-align: center; line-height: 20px; font-weight: bold; font-size: 12px; color: Gray;}
.panel_input {border: none 0px; background-color: Transparent; margin: 0; padding: 2px; color: #333333;}
.form_etiket {float: left; width: 150px; text-align: right; line-height: 28px; padding-right: 15px;}
.form_input {float: left; border: solid 1px #E1E1E1; margin: 4px 0 4px 0; padding: 3px; font-size: 11px;}
.form_aciklama {float: left; line-height: 28px; padding-left: 10px; font-style: italic; color: Gray;}

/* ========= Mesaj Kutusu ========= */
.mesaj_kutu {width: 360px;}
.mesaj_kutu .mesaj_ust {height: 6px; width: 360px; background: url(../images/mesaj_ust.png) no-repeat bottom;}
.mesaj_kutu .mesaj_orta {width: 340px; background: url(../images/mesaj_orta.png) repeat-y center; padding: 10px 10px 0 10px;}
.mesaj_kutu .mesaj_alt {height: 6px; width: 360px; background: url(../images/mesaj_alt.png) no-repeat top;}
.modal_arkaplan {background-color: Black; filter: alpha(opacity=40); opacity: 0.4;}
.modal_resim {width: 45px; padding-bottom: 10px; vertical-align: top;}
.modal_mesaj {width: 255px; padding-left: 10px; font-size: 14px;}
.modal_dugme {text-align: center; padding-top: 10px; background: url('../images/ayrac_yatay1.png') no-repeat top;}

/* ========= Form Kutusu ========= */
#form {width: 560px; margin: 0 auto; font-size: 11px;}
#form .form_ust  {height: 11px; background: url(../images/formdetay_ust.png) no-repeat bottom;}
#form .form_orta {background: url(../images/formdetay_orta.png) repeat-y center; padding: 0 15px 0 15px;}
#form .form_alt  {height: 11px; background: url(../images/formdetay_alt.png) no-repeat top;}
#form .form_isim {font-size: 16px; font-weight: bold; padding-left: 10px;}
#form .form_txtbox, #form .form_dropdown {font-size: 11px; background-color: #E1E1E1; border: solid 1px #8DA5A7; padding: 2px; margin: 2px;}
#form .form_dropdown option {margin: 2px;}
#form table tr {line-height: 20px;}

/* ========= Sepetim ========= */
.sepet {width: 715px; height: 50px; background: url('../images/sepet_arkaplan.jpg') repeat-x;}
.sepet_durum {padding-left: 10px;}
.sepet_urun {width: 270px; line-height: 22px; font-size: 12px; font-weight: bold; padding-left: 10px; color: #FF6600;}
.sepet_etiket {font-size: 11px; color:#666666; font-weight:bold;}
.sepet_karakter {color:#0084BD; font-size:11px; font-weight:bold;}
.sepet_fiyat {color:#0084BD; font-size:12px; font-weight:bold;}
.sepet_onay {margin: 15px 0 15px 0; text-align: right;}

/* ========= Ürün Liste ========= */
.urun_1 {width: 540px; color: #666666;}
.hizli_satis {width: 540px; display: none;}
.urun_s1 {width: 240px;}
.urun_s2 {width: 66px; text-align: left;}
.urun_s3 {width: 145px; text-align: right; padding: 0 15px 0 0;}
.urun_s4 {width: 74px;}

.urun_s1 div, .urun_s2 div, .urun_s3 div, .urun_s4 div {padding: 2px;}
.urun_ad    {font-weight: bold; font-size: 14px; color: #FF6600;}
.urun_a1    {float: left; width: 40%;}
.urun_f2    {font-weight: bold; font-size: 11px; text-decoration: line-through; color: #0066FF;}
.urun_f3    {font-weight: bold; font-size: 12px; color: #0066FF;}

/* ========= Ürün Detay ========= */
.detay {width: 100%; font-size: 11px; color:#666666;}
.detay_urun {width: 400px; line-height: 22px; font-size: 12px; font-weight: bold; color: #FF6600;}
.detay_adet {text-align: right; font-size: 11px; color:#666666; font-weight:bold;}
.detay_etiket {font-size: 11px; color:#666666; font-weight:bold;}
.detay_fiyat {text-align: right; color: #0066FF; font-weight: bold; font-size: 11px; padding: 2px;}
.detay_dugme {text-align: right;}
.detay_f2    {text-decoration: line-through;}
.detay_f3    {font-weight: bold; font-size: 12px;}