@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/altbg.png) bottom center no-repeat, url(images/bg.jpg) top center no-repeat #b7d6de;}
A { text-decoration : none;} A:hover { text-decoration: none; color:#54b4d1;}
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;} .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:#0b0303;} .renkgri { color:#eeeeee;} .renkgri1 { color:#CCCCCC;} .renkgri2 { color:#999999;} .renkgri3 { color:#666666;} .renkgri4 { color:#454545;} .renkgri5 { color:#6d6e71;} .renkgri6 { color:#4a4a4c;} .renkkirmizi { color:#FF0000;} .renkkahve { color:#755b1b;} .renkmavi { color: #034ea2;} .renkyesil { color:#aeff00;} .renkturuncu { color:#ffc200;} .renkpembe { color:#FF33CC;} .renksari { color:#e2ca7b;}

.renksite1 { color:#396081;} .renksite2 { color:#a2e01c;} .renksite3 { color:#54b4d1;}

.wr { width:1000px; min-height:10px; 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; }
.mk div { width: 20px; height: 20px; margin:0; }
.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:255px; height:180px;}
.stepcarousel .belt{ position:absolute; left:0; top:0; width:100%;}
.stepcarousel .panel{ float:left; overflow:hidden; margin:0px; width:255px;}
.stepcarousel2 {	position:relative; border:0px; overflow:hidden; width:722px; height:170px;}
.stepcarousel2 .belt2{ position:absolute; left:0; top:0; width:100%;}
.stepcarousel2 .panel2{ float:left; overflow:hidden; margin:0px; width:243px;}
.s_left{ background:url(images/icons.png) 0px -890px no-repeat; width:26px; height:52px; position:absolute; left:-75px; top:25px;}
.s_right{ background:url(images/icons.png) -26px -890px no-repeat; width:27px; height:52px; position:absolute; right:-85px; top:25px;}
.s_left:hover{ background:url(images/icons.png) 0px -1016px no-repeat;}
.s_right:hover{ background:url(images/icons.png) -26px -1016px no-repeat;}

.panobg { position:absolute; top:0px; left:229px; width:557px; height:617px; background:url(images/panobg.png) no-repeat; z-index:1;}

#ust { float:left; position:relative; width:100%; height:75px; z-index:2;}
#ust .logo { position:absolute; top:46px; left:5px; width:191px; height:206px; background:url(images/logo.png) no-repeat;}
#ust .navigasyon { position:absolute; top:279px; left:48px; width:102px; height:23px;}
#ust .navigasyon a{ float:left; width:23px; height:23px;}
#ust .navigasyon .icon1 { background:url(images/icons.png) 0px -221px no-repeat;}
#ust .navigasyon .icon2 { background:url(images/icons.png) -42px -221px no-repeat; margin-left:19px;}
#ust .navigasyon .icon3 { background:url(images/icons.png) -88px -221px no-repeat; width:14px; margin-left:23px;}
#ust .navigasyon .icon1:hover { background:url(images/icons.png) 0px -324px no-repeat;}
#ust .navigasyon .icon2:hover { background:url(images/icons.png) -42px -324px no-repeat;}
#ust .navigasyon .icon3:hover { background:url(images/icons.png) -88px -324px no-repeat;}
#ust .menu { float:left; width:470px; margin:35px 0px 0px 226px;}
#ust .menu a{ float:left; padding:2px; margin:8px 13px 0px 13px; text-align:center; color:#396081;}
#ust .menu a:hover{ border-bottom:2px solid #a2e01c; font-weight:700;}
#ust .menu .menuana { width:19px; height:18px; background:url(images/icons.png) 3px 2px no-repeat;}
#ust .arama { float:right; width:230px; height:40px; margin:33px 55px 0px 0px;}
#ust .arama .inputara { width:151px; height:38px; background:#eaf3f5; color:#396081; border:1px solid #b3c7d3; border-radius:20px; padding:0px 20px ; outline:0;}
#ust .arama .inputara::-webkit-input-placeholder { color:#396081;}
#ust .arama .inputara:-moz-placeholder { color:#396081;}
#ust .arama .inputara:-ms-input-placeholder { color:#396081;}
#ust .arama .butonara { width:28px; height:26px; background:url(images/icons.png) 0px -61px no-repeat; border:0; cursor:pointer; margin-top:6px; outline:0; }

#pano { float:left; position:relative; width:395px; height:395px; margin:18px 0px 0px 303px;}

#hizmetler { position:absolute; top:325px; left:35px; width:250px; height:185px; z-index:2;}
#hizmetler .hizmetbaslik { width:100%; margin:0px 0px 10px 5px;}
#hizmetler .hizmettumu { position:absolute; bottom:-9px; left:73px; width:29px; height:29px; background:url(images/icons.png) -68px -421px no-repeat;}
#hizmetler .hizmettumu:hover { background:url(images/icons.png) -68px -510px no-repeat;}
#hizmetler .hizmetdetay { clear:left; position:relative; width:250px;}
#hizmetler .hizmetdetay a:hover{ color:#396081;}
#hizmetler .hizmetdetay a img{border-radius:20px;}
#hizmetler .hizmetdetay .hizmetad{ position:absolute; bottom:0px; left:0px; width:230px; height:16px; background:rgba(255, 255, 255, 0.5); display:inline; border-bottom-left-radius:20px; border-bottom-right-radius:20px; padding:10px; text-align:center;}

#kurumsalhaberler { position:absolute; top:325px; right:32px; width:255px; height:180px; z-index:2;}
#kurumsalhaberler .haberbaslik { width:100%; margin:0px 0px 10px 5px;}
#kurumsalhaberler .haberdetay a img{ border-radius:20px;}
#kurumsalhaberler .haberdetay .habericerik { clear:left; width:235px; margin-top:15px; padding:0px 5px;}
#kurumsalhaberler .haberdetay:hover span{ color:#396081;}

#ebulten { position:relative; float:left; width:340px; height:36px; margin:36px 0px 0px 330px; z-index:2;}
#ebulten .ebultenbaslik { margin:8px 10px 0px 0px;}
#ebulten .textbox { width:188px; height:36px; background:url(images/labels.png) 0px 0px no-repeat; border:none; outline:0; padding:0px 10px; text-align:center; color:#e5f0f3;}
#ebulten .textbox::-webkit-input-placeholder { color:#e5f0f3;}
#ebulten .textbox:-moz-placeholder { color:#e5f0f3;}
#ebulten .textbox:-ms-input-placeholder { color:#e5f0f3;}
#ebulten .btn_ekle { background:none; border:none; cursor:pointer; outline:0; margin-top:8px; padding:0px;}
#ebulten .btn_ekle:hover { color:#2b2c2e;}

label.error { position:absolute; top:38px; left:0px; width:250px; display:block; color:#396081; font-family:'Exo 2'; font-size:12px;}
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;}

#alt { float:left; position:relative; width:934px; min-height:250px; z-index:2; margin-left:35px;}
#alt a:hover{ color:#a2e01c;}
#alt .katalog { float:left; width:284px; height:51px; background:url(images/labels.png) 0px -114px no-repeat; margin:22px 0px 0px 321px; }
#alt .hizmetbaslik { float:left; clear:left; margin:-10px 0px 20px 0px;}
#alt .iletisimbaslik { float:right; margin:-10px 0px 20px 0px;}
#alt .hizmetlistesi { clear:left; width:300px; height:120px;}
#alt .hizmetlistesi a{ float:left; width:135px; background:url(images/icons.png) 0px -591px no-repeat; padding:2px 0px 2px 15px; color:#d7e8ec;}
#alt .hizmetlistesi a:hover{ background:url(images/icons.png) 0px -651px no-repeat; color:#a2e01c;}
#alt .dovizkuru { width:150px; height:110px; margin-left:95px;}
#alt .dovizkuru .dovizbaslik { width:100%; text-align:center;}
#alt .dovizkuru .dovizdetay { width:150px; margin-left:5px;}
#alt .iletisimbilgi { width:250px; height:90px; color:#d7e8ec;}
#alt .iletisimbilgi:hover { color:#d7e8ec;}
#alt .iletisimbilgi .iletisimgenel { width:250px;} 
#alt .iletisimbilgi .iletisimyazi { float:left; width:40px;}
#alt .iletisimbilgi .iletisimyazi span { float:right;}
#alt .iletisimbilgi .iletisimicerik { float:right; width:200px;}

/* İLETİŞİM */
.iletisim_sol { clear:left; width:370px; height:auto; }
.iletisim_sol a { color:#396081;}
.iletisim_sol a:hover{ color:#396081;}
.iletisim_sag { position:relative; width:327px; height:auto;}
.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_selectbox { width:206px; height:25px; border:1px solid #CCC; padding:2px; margin-bottom:5px; outline:0; position:relative; }
.iletisim_verify { width:70px; height:25px; padding-left:5px; margin-bottom:5px;}
.iletisim_buton { width:204px; height:35px; outline:none; padding:0px 10px 0px 10px; text-align:center; border:none; background:#396081; margin-bottom:8px; margin-left:116px; cursor:pointer; }
.iletisim_buton:hover { background:#a2e01c;}
.iletisim_hata { width:100%; height:auto; margin-bottom:10px;}
.iletisim_harita { clear:left; width:99%; height:auto; text-align:center; margin-top:10px; border:solid 1px #e1e1e1;}

.icerik_genel { width:730px; min-height:400px; margin:20px 0px 40px 220px;}
.icerik_baslik { float:left; width:100%; margin-bottom:10px; text-align:right;}
.icerik_genel h1 { float:left; width:100%; margin-bottom:10px; }
.icerik_detay { float:left; clear:left; width:100%;}
.icerik_sol { width:200px; height:200px; margin:270px 0px 0px 5px;}
.icerik_sol .solbaslik { width:200px;}
.icerik_sol a { float:left; clear:left; width:185px; background:url(images/icons.png) 0px -711px no-repeat; padding:2px 0px 2px 15px; line-height:18px;}

.digericerik { clear:left; width:730px; margin-top:30px;}
.digericerik .digerbaslik { float:left; width:100%; margin-bottom:10px;}
.digericerik a{ clear:left; float:left; width:100%; color:#396081; padding-bottom:15px;}
.digericerik a:hover{ color:#a2e01c;}

.galeri_resim { width:150px; height:112px; border:1px solid #396081; margin:15px;}
.galeri_resim:hover { border:1px solid #a2e01c;}

/* ÜRÜNLER */
.urunler { position:relative; width:100%; height:auto; margin-left:0px;}
.urunler .urun { position:relative; float:left; width:243px; height:auto; margin-bottom:5px; text-align:center;}
.urunler .urun_resim {text-align:center; width:235px; min-height:118px; padding:0px 0px; margin:0px;}
.urunler .urun_resim img{ border-radius:20px;}
.urunler .urun_ad {text-align:center; width:205px; height:30px; padding:10px 15px; margin:0px;}
.urunler .sayfalama { width:auto; height:auto; border-radius:5px; background:#f2f2f2; padding:3px; margin-right:15px;}
.urunler .sayfa_bilgi { margin-right:10px; margin-left:5px; padding-top:3px;}
.urunler .num1 { width:auto; height:auto; border-radius:5px; background:#396081; 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:#396081; color:#FFF;}

/* ÜRÜN DETAY */
.detay_ad { width:450px; height:auto; text-align:left; line-height:22px;}
.detay_kod { width:285px; height:auto;}
.paylas { width:285px; height:30px;}

.detay_resimler { width:100%; height:auto; margin-top:10px;}
.detay_resimler_sol { width:120px; height:auto;}
.detay_resim { width:auto; height:auto; padding:6px 5px; margin-bottom:7px;}
.detay_resimk { width:100px; height:auto; padding:5px 5px; margin-bottom:3px;}

.detay_ozellikler { width:100%; height:auto; margin-top:10px;}
.detay_ozellikler .baslik { width:710px; height:20px; padding:5px 0px;}
.detay_ozellikler .ozet { width:100%; height:auto; margin-top:10px;}
.detay_ozellikler .detay { width:100%; height:auto; margin-top:10px;}
.detay_ozellikler .video { width:100%; height:auto; margin-top:10px;}
.detay_ozellikler .fiyat { width:100%; height:auto; margin-top:10px; text-align:right;}

.detay_urunler { position:relative; width:710px; height:auto; margin-top:30px; z-index:1;}
.detay_urunler .baslik { width:710px; height:20px; padding:5px 0px; }
.detay_urunler .urun { position:relative; float:left; width:243px; height:auto; margin-bottom:5px; text-align:center;}
.detay_urunler .urun_resim {text-align:center; width:235px; min-height:118px; padding:0px 0px; margin:0px;}
.detay_urunler .urun_resim img{ border-radius:20px;}
.detay_urunler .urun_ad {text-align:center; width:205px; height:30px; padding:10px 15px; margin:0px;}