@import url(http://fonts.googleapis.com/css?family=Exo+2:400,300,500,600,700&subset=latin,latin-ext);

body { margin:0; padding:0; background:url(images/bg.jpg) top center no-repeat #00652e;}
A { text-decoration : none;} A:hover { text-decoration: none; color:#089e4a;}
h1,h2,h3 { margin:0px; padding:0px; font-weight:normal; display:inline;}
li,ul { margin:0px; padding:0px; font-weight:400;}
p { margin:0px; padding:0px; font-weight:400;}
hr { clear: left;}
div > div_alt { position: fixed;}	

.fontozel { font-family: 'Exo 2', sans-serif;} .fontarial { font-family:Arial;} .fonttahoma { font-family:Tahoma;} .fontref { font-family:"Courier New";} .fontverdana { font-family: Verdana;} .fontserif { font-family: "MS Sans Serif";} .fontmonotype { font-family: "Monotype Corsiva";} .fonttrebuchet { font-family: "Trebuchet MS";} .fontgeorgia { font-family:Georgia;} .fonttimes { font-family:"Times New Roman";} 

.boyut9 { font-size:9px;} .boyut10 { font-size:10px;} .boyut11 { font-size:11px;} .boyut12 { font-size:12px;} .boyut14 { font-size:14px;} .boyut16 { font-size:16px;} .boyut18 { font-size:18px;} .boyut20 { font-size:20px;} .boyut22 { font-size:22px;} .boyut24 { font-size:24px;} .boyut26 { font-size:26px;} .boyut28 { font-size:28px;} .boyut30 { font-size:30px;} .boyut32 { font-size:32px;}

.bold { font-weight:bold;} .bold1 { font-weight:100;} .bold2 { font-weight:200;} .bold3 { font-weight:300;} .bold4 { font-weight:400;} .bold5 { font-weight:500;} .bold6 { font-weight:600;} .bold7 { font-weight:700;}

.renkbeyaz { color:#FFFFFF;} .renksiyah { color:#000;} .renkgri { color:#959595;} .renkgri1 { color:#CCCCCC;} .renkgri2 { color:#999999;} .renkgri3 { color:#acacac;} .renkkirmizi { color:#FF0000;} .renkkahve { color:#755b1b;} .renkmavi { color: #034ea2;} .renkyesil { color:#aeff00;} .renkkoyuyesil { color:#004206;} .renkturuncu { color:#ffc200;} .renkpembe { color:#FF33CC;} .renksari { color:#e2ca7b;}

.renksite1 { color:#000000;} .renksite2 { color:#ee0b66;}

.wr { width:1000px; margin-left:auto; margin-right:auto; display:table;} 
.pr { position:relative;} .nodp { display:none;} .fl { float:left;} .fr { float:right;} .mc { width:100%; height:auto; display:table;}
.mkwrapper div { width: 80px; height: 20px; margin-right:25px; }
.mk div { width: 20px; height: 20px; margin:11px 0px 0px 0px; }
.mk1 { background:url(images/morkarinca.png) no-repeat top right;}
.mk2 { background:url(images/morkarinca.png) no-repeat bottom right;}

.stepcarousel { position:relative; border:0px; overflow:hidden; width:880px; height:155px; margin:20px 0px 0px 60px;}
.stepcarousel .belt{ position:absolute; left:0; top:0; width:100%;}
.stepcarousel .panel{ float:left; overflow:hidden; margin:0px; width:182px;}
.s_left{ background:url(images/labels.png) 0px -543px no-repeat; width:53px; height:135px; position:absolute; left:0px; top:30px;}
.s_right{ background:url(images/labels.png) 0px -783px no-repeat; width:53px; height:135px; position:absolute; right:0px; top:30px;}

.stepcarousel2 { position:relative; border:0px; overflow:hidden; width:700px; height:230px;}
.stepcarousel2 .belt2{ position:absolute; left:0; top:0; width:100%;}
.stepcarousel2 .panel2{ float:left; overflow:hidden; margin:0px; width:235px;}
.s_left2{ background:url(images/labels.png) 0px -543px no-repeat; width:53px; height:135px; position:absolute; left:0px; top:30px;}
.s_right2{ background:url(images/labels.png) 0px -783px no-repeat; width:53px; height:135px; position:absolute; right:0px; top:30px;}

#slider { position:relative;}
#slider .link { cursor:pointer;}

.baslikcizgi { position:relative; width:1000px; margin:20px 0px; border-bottom:1px dashed #00a651; text-align:center;}
.baslikyazi { position:absolute; top:-11px; left:450px; background:#0F6B2A;}

#ust { position:relative; width:100%; height:75px; z-index:9999;}
#ust .logo { position:absolute; top:12px; left:25px; width:133px; height:85px; background:url(images/logo.png) no-repeat;}
#ust .menu { float:right;}
#ust .menu a{ float:left; padding:29px; color:#FFF;}
#ust .menu a:hover{ color:#00a651;}
#ust .menu .menuurun { position:relative; float:left; padding:29px; color:#FFF; cursor:pointer;}
#ust .menu .menuurun:hover { color:#00a651;}
#ust .menu .menuurun .acilirmenu { position:absolute; top:75px; left:0px; width:192px; height:399px; background:url(images/labels.png) 0px 0px no-repeat; padding:5px 0px; display:none; z-index:9999;}
#ust .menu .menuurun .acilirmenu a { float:left; position:relative; width:172px; margin-left:1px; padding:9px; color:#FFF; text-align:left;}
#ust .menu .menuurun .acilirmenu a:hover { background:#008640; font-weight:bold;}

#vitrin { position:relative; float:left; width:1000px; height:190px; background:#049b49;}
#vitrin .vitrin_resim { position:relative; width:170px; height:152px;}
#vitrin .vitrin_ad { position:absolute; top:55px; left:0px; width:140px; min-height:20px; margin-left:1px; padding:10px 5px; color:#FFF; text-align:center; display:none; line-height:16px; background-color:rgba(0, 101, 46, 0.7);}
#vitrin .vitrin_resim:hover .vitrin_ad { display:block;}
#vitrin .vitrin_resim img{ width:150px; height:150px; border:1px solid #FFF;} 


#navigasyon { float:left; width:1000px; height:120px; margin-bottom:10px;}
#navigasyon .haberler { position:relative; width:460px; height:120px; margin-left:25px;}
#navigasyon .haberler .haberler_baslik { position:absolute; top:5px; left:135px;}
#navigasyon .haberler .haberler_resim { width:120px; height:120px; border:1px solid #FFF; }
#navigasyon .haberler .haberler_resim img{ width:120px; height:120px;}
#navigasyon .haberler .haberler_detay { width:325px; height:60px; margin-top:30px;}
#navigasyon .sosyal { width:120px; margin-left:70px;}
#navigasyon .sosyal a { float:left; width:35px; height:35px;}
#navigasyon .sosyal:hover .sosyal_baslik { color:#089e4a;}
#navigasyon .sosyal .sosyal_baslik { float:left; width:111px; text-align:center; margin-bottom:5px;}
#navigasyon .sosyal .facebook { background:url(images/icons.png) 0px 0px no-repeat; margin-right:3px;}
#navigasyon .sosyal .twitter { background:url(images/icons.png) -38px 0px no-repeat; margin-right:3px;}
#navigasyon .sosyal .google { background:url(images/icons.png) -76px 0px no-repeat;}
#navigasyon .sosyal .facebook:hover { background:url(images/icons.png) 0px -35px no-repeat;}
#navigasyon .sosyal .twitter:hover { background:url(images/icons.png) -38px -35px no-repeat;}
#navigasyon .sosyal .google:hover { background:url(images/icons.png) -76px -35px no-repeat;}
#navigasyon .ekatalog { clear:left; width:112px; height:50px; background:url(images/icons.png) 0px -133px no-repeat; margin:10px 20px 0px 70px;}
#navigasyon .ekatalog:hover { background:url(images/icons.png) 0px -240px no-repeat;}
#navigasyon .ebulten { position:relative; width:230px; height:36px; margin:6px 20px 0px 0px;}
#navigasyon .ebulten .ebultensonuc { position:absolute; top:110px; left:0px; color:#FFF;}
#navigasyon .ebulten .ebulteninput { width:178px; height:34px; padding:0px 40px 0px 10px; margin-top:10px; background:none; color:#FFF; border:1px solid #FFF; outline:0;}
#navigasyon .ebulten .ebulteninput::-webkit-input-placeholder { color:#FFF;}
#navigasyon .ebulten .ebulteninput:-moz-placeholder { color:#FFF;}
#navigasyon .ebulten .ebulteninput:-ms-input-placeholder { color:#FFF;}
#navigasyon .ebulten .ebulteninput:hover { border:1px solid #079e4a;}
#navigasyon .ebulten .ebulteninput:focus { border:1px solid #079e4a;}
#navigasyon .ebulten .ebultenkaydet { position:absolute; top:74px; right:7px; width:29px; height:24px; background:url(images/icons.png) 0px -378px no-repeat; border:none; cursor:pointer; outline:0;}
#navigasyon .ebulten .ebultenkaydet:hover { background:url(images/icons.png) 0px -493px no-repeat;}
#navigasyon .ebulten label.error { position:absolute; top:50px; left:10px; width:150px; display: block; color:#FF0000; font-family: 'Exo 2', sans-serif; font-size:11px; font-weight:500;}

#alt { float:left; width:1000px; margin-bottom:10px;}
#alt .copyright { margin-left:25px;}

/* İÇERİK */
.icerik_genel { width:965px; min-height:400px; padding-top:5px; margin-left:25px;}
.icerik_baslik { width:955px; text-align:right; padding:0px 5px 5px 5px;}
.icerik_sol { width:250px; min-height:300px;}
.icerik_sol .icerik_sol_baslik { width:250px; padding-top:7px; margin-bottom:10px;}
.icerik_sol a { float:left; width:230px; padding:10px; margin-bottom:5px; background:#00652e; border:1px solid #FFF;}
.icerik_sol a:hover { color:#FFF; background:#00a651;}
.icerik_sag { position:relative; width:700px; min-height:300px;}
.icerik_genel h1 { width:100%; padding-bottom:5px;}
.icerik_sag h1 { width:695px; padding:0px 5px 5px 0px; text-align:right;}
.icerik_detay { width:100%; padding-bottom:5px;}

.sol_menu { width:100%;}
.sol_menu .sola{ background:#df0024;}
.sol_menu .altsola{ padding:5px 10px 5px 20px; min-height:16px; background:#df0024; width:190px; float:right; }
.sol_menu .altsola:hover { color:#fff; background:#df0024;}
.sol_menu a{ float:left; width:230px; min-height:20px; padding:10px; margin:1px 0px;}
.sol_menu a:hover{ color:#fff; background:#000;}
.sol_menuhover{ color:#fff; background:#000 !important;}
.sol_altmenuhover{ padding:5px 10px 5px 20px !important; min-height:16px !important; color:#fff; background:#df0024 !important; width:190px !important; float:right !important;}

.icerik_liste { width:302px; margin:0px 7px 5px 12px;}
.icerik_liste:hover .icerik_resim { border:1px solid #FFF;}
.icerik_liste:hover .icerik_ad { color:#FFF;}
.icerik_resim { border:1px solid #FFF;}
.icerik_ad { width:292px; height:30px; margin:5px; text-align:center;}

/* ÜRÜNLER */
.urunler { position:relative; width:100%; height:auto; margin-top:7px;}
.urunler .urun { position:relative; width:222px; min-height:205px; margin:0px 5px 10px 5px;}
.urunler .urun img{ width:220px; border:1px solid #FFF;}
.urunler .urun .kargo{ position:absolute; top:0px; right:0px; width:60px; height:40px; background:url(images/labels.png) 0px -796px no-repeat;}
.urunler .urun .urun_ad { position:absolute; top:90px; left:0px; width:210px; min-height:20px; margin-left:1px; padding:10px 5px; color:#FFF; text-align:center; display:none; line-height:16px; background-color:rgba(0, 101, 46, 0.7);}
.urunler .urun:hover .urun_ad { display:block;}

.urunler .sayfalama { width:auto; height:auto; border-radius:5px; background:#ebebeb; padding:3px; margin-right:15px;}
.urunler .sayfalama .sayfalama_ilk { width:14px; height:14px; background:url(images/icons.png) 0px -448px no-repeat; margin:2px;}
.urunler .sayfalama .sayfalama_son { width:14px; height:14px; background:url(images/icons.png) 0px -412px no-repeat; margin:2px;}
.urunler .sayfalama .sayfalama_sol { width:9px; height:14px; background:url(images/icons.png) 0px -372px no-repeat; margin:2px;}
.urunler .sayfalama .sayfalama_sag { width:9px; height:14px; background:url(images/icons.png) 0px -331px no-repeat; margin:2px;}
.urunler .sayfa_bilgi { margin-right:10px; margin-left:5px; padding-top:3px;}
.urunler .num1 { width:auto; height:auto; border-radius:5px; background:#df0024; padding:1px 8px 1px 8px; margin-left:1px; margin-right:1px;}
.urunler .num2 { width:auto; height:auto; border-radius:5px; background:#fff; padding:1px 8px 1px 8px; margin-left:1px; margin-right:1px;}
.urunler .num2:hover { background:#df0024; color:#FFF;}

/* ÜRÜN DETAY */
.detay_resimler { width:auto; height:auto; margin-top:10px;}
.detay_resimler_sol { width:97px; height:auto;}
.detay_resim { width:auto; height:auto; padding:0; margin-bottom:7px; border:1px solid #FFF;}
.detay_resimk { width:90px; height:auto; padding:0; margin-bottom:36px; border:1px solid #FFF;}

.detay_ozellikler { clear:left; width:100%; height:auto; margin-top:10px;}
.detay_ozellikler .baslik { width:672px; height:20px; padding:5px 0px;}
.detay_ozellikler .detay { width:100%; height:auto; margin:10px 0px;}
.detay_ozellikler .detaysiparis { width:95px; height:38px; background:#95775d; padding:17px 0px 0px 30px; margin:15px 0px;}
.detay_ozellikler .detaysiparis:hover { background:#6d5437; color:#FFF;}
.detay_urunler { position:relative; clear:left; width:650px; height:auto; margin-top:10px; z-index:1;}
.detay_urunler .urun { position:relative; width:220px; height:222px; margin:0;}
.detay_urunler .urun img{ border:1px solid #FFF;}
.detay_urunler .urun .urun_ad { position:absolute; top:90px; left:0px; width:210px; min-height:20px; margin-left:1px; padding:10px 5px; color:#FFF; text-align:center; display:none; line-height:16px; background-color:rgba(0, 101, 46, 0.7);}
.detay_urunler .urun:hover .urun_ad { display:block;}
.detay_urunler .urun_resim {text-align:center; width:165px; min-height:165px; padding:0px 0px; margin:0px;}

.paylas { width:160px; height:35px; margin-bottom:10px;}
.paylas .baslik1 { margin:6px 5px 0px 0px;}
.facebook { width:35px; height:35px; background:url(images/icons.png) 0px 0px no-repeat; margin-right:3px;}
.twitter { width:35px; height:35px; background:url(images/icons.png) -38px 0px no-repeat; margin-right:3px;}
.google { width:35px; height:35px; background:url(images/icons.png) -76px -0px no-repeat;}
.facebook:hover { background:url(images/icons.png) 0px -35px no-repeat;}
.twitter:hover { background:url(images/icons.png) -38px -35px no-repeat;}
.google:hover { background:url(images/icons.png) -76px -35px no-repeat;}
.fbegen { margin:8px 0px 0px 5px;}

/* İLETİŞİM */
.iletisim_sol { width:550px; height:auto;}
.iletisim_sag { width:327px; height:auto; position:relative;}
.iletisim_yazi { width:115px; height:22px; margin-bottom:5px; padding-top:3px; text-align:left;}
.iletisim_textbox { width:200px; height:25px; border:1px solid #CCC; padding:2px; margin-bottom:5px; outline:0; position:relative;}
.iletisim_textbox:hover { background:#f2f2f2;}
.iletisim_textbox:focus { background:#e2e2e2;}
.iletisim_textarea { width:200px; height:60px; border:1px solid #CCC; padding:2px; margin-bottom:5px; outline:0;}
.iletisim_textarea:hover { background:#f2f2f2;}
.iletisim_textarea:focus { background:#e2e2e2;}
.iletisim_verify { width:70px; height:25px; padding-left:5px; margin-bottom:5px;}
.iletisim_buton { width:205px; height:35px; outline:none; padding:0px 10px 0px 10px; text-align:center; background:#00652e; margin-bottom:8px; margin-left:116px; cursor:pointer; color:#FFF; border:1px solid #FFF;}
.iletisim_buton:hover { background:#00a651; color:#FFF;}
.iletisim_hata { width:100%; height:auto; margin-bottom:10px;}
.iletisim_harita { width:99%; height:auto; text-align:center; margin-top:10px; border:solid 1px #e1e1e1;}

label.error { float:left; margin:5px; display:block; color:#283891; font-family:'Exo 2'; font-size:16px;}
div.message{ background: transparent url(images/arrow.png) no-repeat scroll center left; padding-left: 3px;}
div.error{width: 160px; background:#990000; color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; padding: 5px; border-radius:3px;}