html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;list-style: none;} 
*{outline:none;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline; color:#333;}
.telegram {
    bottom: 75px;
    right: 23px;
    opacity: 1;
    transition: opacity 0.5s ease 0s;
    box-sizing: border-box;
    direction: ltr;
    position: fixed !important;
    z-index: 16000160 !important;
}
.whatsapp {
    bottom: 21px;
    right: 23px;
    opacity: 1;
    transition: opacity 0.5s ease 0s;
    box-sizing: border-box;
    direction: ltr;
    position: fixed !important;
    z-index: 16000160 !important;
}
.cont{width:100%; height:auto; min-height:160px; margin-left:auto; margin-right:auto; background:url(../images/top.jpg) no-repeat top center;}
.logo{float:left;margin-top:15px;}
.slogan{ text-align:center; height:auto; font-size:20px; color:#575757;  float:left; margin-top:15px;}
.bayrak{ float:right; margin-top:10px;}
.menu-back{width:100%; height:72px; background:url(../images/menu-back.jpg) repeat-x; float:left;}
.ortala{width:100%; height:auto; margin-left:auto; margin-right:auto;}
.menu{width:100%; height:72px; background:url(../images/menu.jpg) repeat-x; float:left;}
.bilgi{width:130px; height:50px;  float:left; background:url(../images/bilgi.png) no-repeat;}
.info{width:26px; height:52px; float:left; background:url(../images/info.jpg) 0px -26px no-repeat; margin-top:10px; margin-left:14px;}
.info:hover{cursor:pointer; width:26px; height:26px; float:left; background:url(../images/info.jpg) 0px 0px no-repeat;  }
.quest{width:26px; height:52px; float:left; background:url(../images/quest.jpg) 0px -26px no-repeat; margin-top:10px; margin-left:10px;}
.quest:hover{cursor:pointer; width:26px; height:26px; float:left; background:url(../images/quest.jpg) 0px 0px no-repeat;  }
.hava{width:26px; height:52px; float:left; background:url(../images/hava.jpg) 0px -26px no-repeat; margin-top:10px; margin-left:10px;}
.hava:hover{cursor:pointer; width:26px; height:26px; float:left; background:url(../images/hava.jpg) 0px 0px no-repeat;  }
.left-arrow{width:26px; height:46px; margin-right:20px; background:url(../images/left-arrow.png) no-repeat; float:left; margin-top:13px; margin-left:-16px;}
.right-arrow{width:26px; height:46px; background:url(../images/right-arrow.png) no-repeat; float:right; margin-top:13px; margin-right:-16px;}
.menus{width:auto; height:42px; padding-left:15px; padding-right:15px; float:left; padding-top:25px; font-family:Corbel; font-size:16px; color:#575757;}
.menus:hover{cursor:pointer; height:42px; border-radius:2px; background:#FBFBFB; padding-top:21px; border-top:4px solid #FF0606;}
.ayrac{width:2px; height:67px;  background:url(../images/ayrac.png) no-repeat; float:left;}
.slide{position:relative;}
.slide-sus{width:100%; height:115px; background:url(../images/slide-sus.webp) no-repeat center center;  position:absolute; bottom:0px}
.slide-ok{width:29px; height:65px; background:url(../images/slide-ok.png) no-repeat; position:relative; margin-left:18px; top:50%;}
.slide-ok1{width:29px; height:65px; background:url(../images/slide-ok1.png) no-repeat; float:right; margin-top:-65px; position:relative; margin-right:18px; top:50%; }
.aciklama{width:100%; height:auto; font-family:Andalus; font-size:20px; margin-top:70px; color:#464646; margin-left:auto; margin-right:auto; text-align:center;}
.box{height:auto; min-height:150px;  float:left; padding-bottom:15px;}
.orta{width:100%; height:auto; min-height:170px; float:left; font-size:13px; color:#535353; border:1px dotted #A8A8A8; border-radius:6px; padding:10px;background-color:#fff; }
.buton{width:90px; padding-left:10px; margin-top:15px; height:26px; background:#FF0606; border:1px solid #E40101; border-radius:24px; color:#fff; font-size:12px; line-height:26px; float:right;}
.buton:hover{cursor:pointer; background:#EF0101; border:1px solid #D10101;}
.ok{width:19px; height:16px; background:url(../images/ok.png) no-repeat; float:right; margin-top:8px; }
.yuv{width:180px; height:180px; position:relative;background:url(../images/blue.jpg) repeat; float:left; border-radius:90px; }
.yuv:hover{cursor:pointer;}
.yuv1{width:175px; height:175px;  background:url(../images/red.jpg) repeat; float:right; margin-top:5px; border-radius:90px; }
.urun{width:170px; height:170px; border-radius:90px; float:left;}
.mavi{width:52px; height:40px; background:url(../images/mavi.png) no-repeat; float:left; margin-top:-50px; }
.kirmizi{width:52px; height:40px; background:url(../images/kirmizi.png) no-repeat; float:right; margin-top:-50px; }
.urun-ad{width:180px; height:auto; float:left; margin-top:5px; text-align:center; font-size:14px; font-weight:700; color:#E90101;}
.detay{width:150px; height:26px; float:left; background:url(../images/detay.jpg) 0px 0px no-repeat; margin-top:10px; margin-left:14px;}
.detay:hover{cursor:pointer; width:150px; height:26px; float:left; background:url(../images/detay.jpg) 0px -26px no-repeat;  }
.urun-tut{border-top:1px solid #DDF2FF; float:left; height:238px; width:100%; border-bottom:1px solid #DDF2FF; padding-top:15px; padding-bottom:15px;}
.u-tut{width:180px; height:auto; float:lefT; margin-right:20px; margin-left:20px;}
.haber-tut{float:left; border-radius:6px; margin:15px 0px;}
.haber-top{width:100%; height:30px; background:url(../images/haber-top.jpg) repeat-x; float:left; border-top-right-radius:6px; border-top-left-radius:6px;}
.h-bas{width:auto; height:30px; line-height:30px; margin-left:10px; float:left; color:#fff; font-size:13px}
.duyur{width:57px; height:50px; margin-right:8px; background:url(../images/duyur.jpg) no-repeat; float:left;}
.duyuru-tut{width:100%; background:#fff; padding:20px; height:80px;}
.d-bas{width:85%; height:auto; font-size:13px; color:#333; float:left;}
.d-ic{width:85%; height:auto; font-size:12px; color:#666; float:left;}
.devam{width:auto; height:auto; float:right; font-size:11px; color:#710000;}
.devam a:link,.devam a:visited{text-decoration:none;color:#710000}
.devam a:active,.devam a:hover{text-decoration:underline;color:#710000}
.ayir{width:100%;height:13px; background:url(../images/ayir.jpg) repeat-x; float:left;}
.cbk{height:167px; background:url(../images/cbk.png) no-repeat; float:left; }
.soru-tut{width:100%; height:auto; background:#fff; float:left;}
.mans{width:100px; height:116px; background:url(../images/mans.webp) no-repeat; float:right; margin-top:20px; margin-right:5px;}
.soru{width:100%; height:auto; font-size:14px; font-weight:700; color:#333; float:left;}
.cvp{width:92%; height:auto; font-size:13px; color:#333; float:right;}
.button{width:auto; height:24px; float:left; background:#02A9F9; border-radius:16px; margin-left:5px; margin-top:5px; border:1px solid #029BE6; padding-left:10px; padding-right:10px; color:#fff; font-size:12px;}
.hizli-menu{width:70%; border-top:1px solid #EFEFEF; border-radius:6px; height:42px; background:url(../images/h-back.jpg) repeat-x; margin-left:auto; margin-right:auto; }
.h-menu{width:auto; height:42px; line-height:42px; float:left; font-size:13px; color:#333; padding-right:8px; padding-left:8px; }
.h-menu a:link,.h-menu a:visited{text-decoration:none;color:#1B1B1B}
.h-menu a:active,.h-menu a:hover{text-decoration:underline;color:#1B1B1B}
.bol{width:1px; height:30px; background:url(../images/bol.png) no-repeat; float:left; margin-top:8px; }
.bilgi_tut{width:240px; margin-right:10px; height:auto; margin-top:20px; float:left; border:0px solid red;}
.icon{float:left; margin-top:5px; margin-right:8px;}
.foot{width:100%; height:26px; background:url(../images/foot.webp) repeat-x; float:left;}
.baslik{width:auto; height:auto; color:#FE2323; font-weight:700; font-size:15px; float:left;}
.alt{width:auto; height:auto; color:#333; font-size:13px; float:left;}
.sosyal{float:left;  margin-left:5px;}
.sirket{width:auto; color:#fff; float:left; font-size:13px; font-weight:700; line-height:24px;}

/*-----------hakk�m�zda-------------*/
.full{width:100%; height:auto; padding-bottom:10px; background:url(../images/back.jpg) repeat; float:left;}
.conts{width:100%; padding:10px; min-height:400px; height:auto; float:left; background:#fff; border-bottom-right-radius:10px; border-bottom-left-radius:10px;}
.baslik1{width:100%; border-bottom:1px dotted #ccc; margin-bottom:6px; padding-bottom:5px; height:auto; font-size:22px; color:#FF0606; float:left;}
.yazi{width:auto; height:auto; float:left; font-size:13px; color:#333; font-weight:500;}

.pro_tut{float:left; }
.pro_top{width:100%; height:30px; font-weight:700; background:#FF0606; padding-left:7px;border-top-left-radius:6px; border-top-right-radius:6px; float:left; line-height:30px; color:#fff; font-size:16px;}
.pro_res{margin-left:7px; margin-top:7px;}

.referanslar{width:100%; border-radius:6px; font-family:Tahoma; font-size:14px; height:auto; background:#fafafa; float:left; padding-left:5px;}

.contactHead2{width:100%; font-size:16px;text-align:left;color:#4f4f4f;padding:0;margin-top:6px;float:left}
.contactArt{text-align:left;color:#333;font-weight:600;padding:5px; font-size:13px;}
.contactText{text-align:left}
.contactText input{font-size:11px;padding:3px;width:100%;background:#faf9f7;border:1px solid #e1d6d1}
.contactText textarea{font-size:11px;padding:3px;width:100%;height:100px;background:#faf9f7;border:1px solid #e1d6d1}
.contactLine{border:1px #e1d6d1 dotted}
.contactHead{font:700 16px ;text-align:left;color:#4f4f4f;padding:0;margin-left:0}

.ka-menu{width:100%;height:auto;min-height:300px;float:left;background:#F3F4F4;border-radius:5px;margin-top:10px}
.ka-bas{width:100%;height:35px;border-bottom:3px solid #666;line-height:30px;text-align:center;font-size:20px;color:#333}
.kat-tut{width:100%;height:35px;padding:6px;border-top:1px solid #fff;border-bottom:1px solid #ccc;}
.ucgen{width:23px;height:12px;margin-right:6px;background:url(../images/ucgen.png) no-repeat;float:right;margin-top:3px}.ucgen:hover{cursor:pointer}
.urun-box{float:left}
.urun-ad1{width:100%;height:auto;font-size:14px;color:#333;float:left; text-align:left;margin-bottom:6px;}
.u-res{background:#ddd;float:left;padding-top:6px;padding-bottom:6px; width: 100%; height:auto;}
.fiyat{width:100px;height:auto;float:left;margin-top:4px;font-family:Calibri;font-size:16px;color:#333}
.siparis-buton{width:100px;height:26px;text-shadow:2px 4px 3px rgba(0,0,0,.3);text-align:Center;line-height:20px;font-size:12px;color:#fff;background:#FF0606;float:right;border-radius:15px}
.siparis-buton:hover{cursor:pointer;background:#DF0000}

.haber_tut{width:100%; height:auto; float:left; }

.adsty{font-size:11px;padding:3px;width:89%;background:#faf9f7;border:1px solid #e1d6d1}
.odemeTextarea {font-size: 11px; padding: 3px; width: 89%; height: 90px; background: #faf9f7; border: 1px solid #e1d6d1; }
.o_input{text-align:center;background:#fff;padding:3px;width:160px;}
/*-----------sayfalama-------------*/
#sayfalama ul { list-style-type: none }
#sayfalama li {border: 1px solid LightGrey;text-align:center;margin-right:3px;float:left;font:11px Tahoma;padding: 3px 6px 3px 6px;color: #3d4043;cursor: pointer;font-weight: 700;}
#sayfalama li:hover { border: 1px solid #9da7b2; 	font-weight: 700;  }
#sayfalama .selected { border: 1px solid #9da7b2; background: #9da7b2; color: White }

/*---------------------------------*/
.flash{width:930px;height:385px; margin: 10px 0 0 20px; overflow:hidden; border: 0px solid red}
#Slideshow { width:100%;height: 385px;overflow: hidden;}
#SlideTop, #SlideRepeat, #SlideBottom,.slidePrev, .slideNext,#slidePager {position: relative;z-index: 29;}
#SlideTop {width:100%;height: 0px;overflow: hidden; }
#SlideRepeat {height: 301px;	overflow: hidden;}
#SlideBottom {width:100%;height: 390px;	overflow: hidden;}
#Slides {width:930px; margin: -300px auto; height: 400px;overflow: hidden;border:0px red solid;}	
#Slides div { width: 930px; height: 390px;  }
#Slides div img { margin: auto; display: block; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;}
a.slidePrev, a.slideNext {display: block;z-index: 30;top: -220px;width: 51px;height: 48px; }
a.slidePrev {float: left; margin-left: 10px}
a.slideNext {float: right;margin-right: 10px}
a.slidePrev:hover, a.slideNext:hover { background-position: 0 0px;}
#slidePager {top: -348px;float: right;}
#slidePager a, #slidePager a:visited {float:left;width:16px;height:15px;overflow:hidden;background:transparent/*url("../images/slide-pager.png") no-repeat 0 0*/;text-decoration: none;text-indent: -1234px;}
#slidePager a:hover {background-position: -16px 0;}
#slidePager a.activeSlide {background-position: -32px 0;}

/*----------------anasayfa da �r�n g�sterimi-----------------------------*/
.urungosterim{width:240px;float:left; padding: 10px 5px 0px 10px; float: right; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.pname { color: white; font-size: 15px; font-weight: 500; font-family: St Marie Thin; display: block; }
#Slideshow2 { width:100%;height: 170px;overflow: hidden;}
#SlideTop2, #SlideRepeat2, #SlideBottom2{position: relative;z-index: 29;}
#SlideTop2 {width:100%;overflow: hidden; }
#SlideRepeat2 {height: 130px; overflow: hidden;}
#SlideBottom2 {width:100%;overflow: hidden;}
#Slides2 {width:240px; margin: -130px auto; height: 160px;overflow: hidden;border:0px red solid;}	
#Slides2 div { width: 240px; height: 130px; }
#Slides2 div img { margin: auto; margin-top: 20px; display: block; }