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

@import url(mobil.css);
body{ padding:0px; margin:0px; list-style:none; font:11px Tahoma, Geneva, sans-serif; background:#ECECEC; overflow:auto; }
img{ border:0px;}
a{ text-decoration:none;}
.t{ clear:both;}
.trans, .trans a, .trans li, .trans div, .trans strong, .trans span, .trans button, .trans h1, .trans h2, .trans h3, .trans h4, .trans i, .trans p, .trans a:after, .trans img, .trans input{transition: all 400ms; -moz-transition: all 400ms; -webkit-transition: all 400ms; -o-transition: all 400ms; }

.b10{ -webkit-border-radius: 10px ; -moz-border-radius: 10px; border-radius: 10px; }
.b5{ -webkit-border-radius: 5px ; -moz-border-radius: 5px; border-radius: 5px; }
.b3{ -webkit-border-radius: 3px ; -moz-border-radius: 3px; border-radius: 3px; }
.bu5{ -webkit-border-radius: 5px 5px 0 0 ; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
.bs5{ -webkit-border-radius: 5px 0 0 5px ; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px ; }
.bsA5{ -webkit-border-radius: 0 5px 5px 0; -moz-border-radius:0 5px 5px 0; border-radius:  0 5px 5px 0  ; }
.bu3{ -webkit-border-radius: 3px 3px 0 0 ; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }
.ba5{ -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }

.site{ width:1024px; margin:0 auto;}

.siteUst{ background:#0A6384; padding:12px 0px; border-bottom:1px solid #ccc; }
.siteUst span.telefon{ font:13px Open Sans,sans-serif; margin-right:15px; padding-left:20px; background:url(images/telefon.png) left center no-repeat; color:#fff }
.siteUst span.mail{ font:13px Open Sans,sans-serif; padding-left:35px; background:url(images/mail.png) left center no-repeat; color:#fff }

.sosyal{ float:right; }
.sosyal a{ display:block; float:left; width:20px; height:20px; margin:0px 5px; background-repeat:no-repeat;}
.sosyal a.facebook{ background:url(images/ikon/facebook.png) center center;}
.sosyal a.twitter{ background:url(images/ikon/twitter.png) center center;}
.sosyal a.google{ background:url(images/ikon/google.png) center center;}
.sosyal a.youtube{ background:url(images/ikon/youtube.png) center center;}

.siteUstO{ padding:10px 0px; }
.logo{ float:left; }
.menu { float:right; }
.menu ul { padding:0px; margin:0px; list-style:none; }
.menu ul li{ float:left; margin-top:30px; }
.menu ul li a{ display:block; padding:7px 8px; margin:2px; color:#222; font:bold 12px Open Sans, sans-serif; float:left;}
.menu ul li:first-child aa, .menu ul li a:hover, .menu ul li a.aktif{ background:#C50108; color:#fff; border-radius:5px; }
.menu ul li.aktif a{ background:#C50108; color:#fff; border-radius:5px; }
.manset ul{ padding:0px; margin:0px; list-style:none;}
.manset ul li { }
.bx-controls{ display:none;}
.isaretler{ padding:10px; position:absolute;  z-index:9999; width:98%;}

.slider{ position:relative; margin-top:0px; width:100%;height:500px;  z-index:98; background:#000}
.sliderSayfa{ height:500px;}
.sliderBg{ background:url(images/siyah60.png); position:absolute;  left:0; top:0;  width:100%; height:500px; z-index:99}
.slider ul{ padding:0px; margin:0px; list-style:none; position:absolute; height:500px; width:100%}
.solsli a{display:block; width:59px; height:45px; background:url(images/haSol.png) no-repeat; position:absolute;  left:10px; top:254px; } 
.sagsli a{ display:block; width:59px; height:45px; background:url(images/haSag.png) no-repeat; position:absolute;  right:10px;top:254px;}

.slider ul li{  width:100%; position:absolute; background-color:#000;  height:500px; background-repeat:no-repeat; background-position:center center; background-size:100% 100%; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; } 
.slider ul li img{ opacity:0.5; }
.sliderBilgi { position:absolute; left:50%; margin-left:-500px; top:200px; z-index:9999999999 }
.sliderBilgi strong{ background:url(images/siyah.png); display:block; font:bold 17px Open Sans, sans-serif; padding:15px 10px; color:#fff; width:549px;}
.sliderBilgi .sliderSolB{ background:url(images/beyaz.png); padding:0 15px 10px 10px; display:inline-block; width:435px; color:#222; font:15px Open Sans, Arial, Helvetica, sans-serif; line-height:25px; min-height:90px;  }

.baslik{ padding:10px; border-bottom:2px solid #ccc;  }
.baslik h2{ padding:0px; margin:0px; list-style:none; font:bold 17px Open Sans,sans-serif }
.baslik h2 span{ font-weight:lighter; }

.interMenu{ background:#e96e14; height:103px; width:100% }
.interMenu ul{ padding:0px; margin:0px; list-style:none; }
.interMenu ul li{ float:left; padding:30px 20px; width:21%; font:15px Open Sans,sans-serif }
.interMenu ul li a{ color:#fff; }
.interMenu ul li strong{ display:block; }
.interMenu ul li .icon{ float:left; width:60px; margin-right:6px; background-repeat:no-repeat; background-position:top center; }
.interMenu ul li .siparis{ background-image:url(images/ikon/siparis.png); height:60px; }
.interMenu ul li .bayilik{ background-image:url(images/ikon/bayilik.png); height:60px; }
.interMenu ul li .referans{ background-image:url(images/ikon/referanslarimiz.png); height:60px }
.interMenu ul li .iletisim{ background-image:url(images/ikon/iletisim.png); height:60px; }

.urunlerimiz-ana ul{ padding:0px; margin:0px; list-style:none; margin:0 10px; margin-top:10px; }
.urunlerimiz-ana ul li { float:left; width:240px; margin-left:14px; }
.urunlerimiz-ana ul li  img{ width:100%; }
.urunlerimiz-ana ul li:first-child{ margin-left:0px; }
.urunlerimiz-ana ul li strong{ display:block; padding:8px 0px; font:bold 13px Open Sans,arial,sans-serif; color:#222 }
.urunlerimiz-ana ul li a.incele{ background:#232d36; color:#fff; padding:5px 0px;display:block; font:12px Arial, Helvetica, sans-serif; margin:5px 0px; padding-left:10%; }
.urunlerimiz-ana ul li a.incele:hover{ text-indent:35%; background:#C50108 }


.anabilgiler{ margin-top:30px; }
.bilgi-pen { width:47.3%; float:left; margin-left:20px; }
.bilgi-pen .hakkimizda-ana{ font:12px Arial, Helvetica, sans-serif; line-height:18px; height:230px; overflow:hidden;}
.bilgi-pen:first-child{ margin-left:0px; }
.bilgi-pen .baslik{ font:normal 15px Open Sans, sans-serif; letter-spacing:-0.5px; }
.bilgi-pen .baslik strong{display:block; font-weight:600; font-size:22px; color:#2d5286; }
.bilgi-pen .baslik span{ font-weight:lighter; }
.bilgi-pen .haber-ana{ display:block; height:230px; overflow:hidden}
.bilgi-pen .haberler{ padding:0px; margin:0px; list-style:none; margin-top:6px; }
.bilgi-pen .haberler li{ height:105px; }
.bilgi-pen .haberler li a{ color:#222; }
.bilgi-pen .haberler li .haberResim{ float:left; width:126px; margin-right:6px; }
.bilgi-pen .belgeler{  padding:0px; margin:0px; list-style:none; margin-top:6px; }
.bilgi-pen .belgeler li{ float:left; margin-left:30px; }

.anabilgiler .tumu{ padding:10px 0px; text-align:center; font:bold 13px Open Sans, sans-serif; background:#666; display:block; color:#fff; }
.anabilgiler .tumu:hover{ background:#fff; color:#666; }
/* sayfa */

.sayfa-resim{ height:250px; background-color:#000;  background-repeat:no-repeat; background-position:center center; background-size:100% 100%; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
.sayfa-resim strong{ display:block; padding:20px; float:left; margin:10px; background:url(images/beyaz.png); color:#000; font:bold 14px Open Sans; margin-top:160px; min-width:600px; }
h1.uzunbas{ font:normal 22px Open Sans, sans-serif; letter-spacing:-0.5px; padding:5px 0; margin:0px;}
h2.uzunbas{ font:normal 22px Open Sans, sans-serif; letter-spacing:-0.5px; padding:5px 0; margin:0px;}
.sayfa{ min-height:500px; background:#fff; padding-top:20px; }
.sayfaSag{ float:right; width:250px; }
.sayfaSol{ float:left; width:740px; }
.sayfaSol .sayfaIcerik{ font:13px Arial, Helvetica, sans-serif; color:#444}
.sayfaSag ul{ padding:0px; margin:0px; list-style:none;  margin:10px 0 ; }
.sayfaSag ul li a{ display:block; color:#fff; font:bold 12px "Arial",Open Sans, sans-serif; padding:12px 15px; background:#C50108; margin-bottom:0px; }
.sayfaSag ul li a:hover{ background:#ccc; color:#000; }
.sag-pen .sag-sirala{ display:block; padding:8px 3px; border-bottom:1px solid #ccc; color:#666 }

#breadcrumbs-one{background: #eee;border-width: 1px;border-style: solid;border-color: #f5f5f5 #e5e5e5 #ccc;border-radius: 5px;box-shadow: 0 0 2px rgba(0,0,0,.2);overflow: hidden;width: 100%;padding:0px; margin:0px;}
#breadcrumbs-one li{float: left;}
#breadcrumbs-one a{padding: .7em 1em .7em 2em;float: left;text-decoration: none;color: #444;position: relative;text-shadow: 0 1px 0 rgba(255,255,255,.5);background-color: #ddd;background-image: linear-gradient(to right, #f5f5f5, #ddd);  }
#breadcrumbs-one li:first-child a{padding-left: 1em;border-radius: 5px 0 0 5px;}
#breadcrumbs-one a:hover{background: #fff;}
#breadcrumbs-one a::after,
#breadcrumbs-one a::before{content: "";position: absolute;top: 50%;margin-top: -1.5em;   border-top: 1.5em solid transparent;border-bottom: 1.5em solid transparent;border-left: 1em solid;right: -1em;}
#breadcrumbs-one a::after{ z-index: 2;border-left-color: #ddd;  }
#breadcrumbs-one a::before{border-left-color: #ccc;  right: -1.1em;z-index: 1; }
#breadcrumbs-one a:hover::after{border-left-color: #fff;}
#breadcrumbs-one .current,
#breadcrumbs-one .current:hover{font-weight: bold;background: none;}
#breadcrumbs-one .current::after,
#breadcrumbs-one .current::before{content: normal;  }

.urunlerimiz { padding:0px; margin:0px; list-style:none; margin-top:15px; }
.urunlerimiz li{ float:left; width:245px; height:330px; margin-left:10px; margin-bottom:10px; }
.urunlerimiz li img{ width:100%; height:200px }
.urunlerimiz li strong{ color:#363636; font:bold 15px Open Sans, sans-serif;}
.urunlerimiz li p{ color:#7F7F7F; text-shadow:0 1px 0 #fff; height:36px; padding:0px; margin:0px; margin-bottom:10px; overflow:hidden; }

.urunlerimiz li a.urunuincele{-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;box-shadow:inset 0px 1px 0px 0px #f29c93;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100));background:-moz-linear-gradient(top, #fe1a00 5%, #ce0100 100%);background:-webkit-linear-gradient(top, #fe1a00 5%, #ce0100 100%);background:-o-linear-gradient(top, #fe1a00 5%, #ce0100 100%);background:-ms-linear-gradient(top, #fe1a00 5%, #ce0100 100%);background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100',GradientType=0);background-color:#fe1a00;border:1px solid #ce0100;display:inline-block;cursor:pointer;font-family:arial;font-size:13px;font-weight:bold;padding:6px 12px;text-decoration:none;color:#ffffff;text-shadow:0px 1px 0px #b23e35;}
.urunlerimiz li a.urunuincele:hover{background:#fe1a00  }
.urunlerimiz li:first-child{ margin-left:0px; }
.urunlerimiz li:nth-child(5n){ margin-left:0px; }
.cF{ padding:5px; font:12px Arial, Helvetica, sans-serif; color:#2a2a2a; border:1px solid #dcdcdc; width:85%; outline:none}
.cF:focus{ background-color:#C50108; color:#fff; border:1px solid #C50108}
.cB{ padding:10px; background-color:#E21300; color:#fff; font:bold 12px Arial, Helvetica, sans-serif; border:0px;}
.cB:hover{ opacity:0.8; cursor:pointer}


.urunResim{ padding:0px; margin:0px; list-style:none; }
.urunResim li{ float:left; width:170px; margin:6px;}
.urunResim li img{ width:100%; height:113px;}

.urunDetay-sol{ float:right; width:450px; }
.urunDetay-sag{ float:left; width:545px; margin-right:15px; background:#eee; padding:5px;}
.urunDetay-sag img{ width:100%; }
.urunDetay-icerik{ font:13px Arial, Helvetica, sans-serif; line-height:19px; text-align:justify }
.kisabas{ font:600 14px Open Sans; display:block; padding:10px 0px; color:#C50108 }

.gecistus ul, #urun-resim ul{ padding:0px; margin:0px; list-style:none; }
.gecistus ul li a{ display:block; padding:8px; background:#ccc; float:left; border-radius:20px; margin:3px }
.gecistus ul li.aktif a, .gecistus ul li:hover a{ background:#C50108; }
.detay-bas-sol{ float:left; width:550px; }


table.iletisima{color:#2c2c2c; font-size:12px; font-family:Arial, Helvetica, sans-serif;  width:100%; margin:0 10px;}
table.iletisima h2{ font:bold 15px Open Sans; color:#C50108; border-bottom:1px solid #ddd; padding-bottom:10px;   }
table.iletisima td{ padding:5px 10px; font:14px Arial, Helvetica, sans-serif; color:#444; padding-left:0px;}
.cF1{background-color:#fff;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:0px;border:1px solid #ccc; padding:10px;width:87%;color:#7a7a7a;font:12px Arial, Helvetica, sans-serif;text-shadow:1px 1px 1px #eee;}
.cB1{padding:10px;border:0px;background-color:#C50108;color:#fff;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;margin-right:15px;}
.tF1{background-color:#fff;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:0px;border:1px solid #ccc; padding:10px;width:87%;color:#7a7a7a;font:12px Arial, Helvetica, sans-serif;text-shadow:1px 1px 1px #eee;}


.kariyer table{ font:12px Arial, Helvetica, sans-serif;}
.kariyer td{ padding:2px 10px; font-weight:normal;}
.kariyer td strong{ font-weight:normal !important;}
.kariyer th{ background:#C50108; padding:10px; color:#fff; text-align:left;}
.kF{background-color:#fff;border:1px solid #ccc;padding:7px 10px;width:250px;color:#2c2c2c;font:12px Arial, Helvetica, sans-serif;}
select.kF{ width:270px;}
textarea.kF{ width:930px;}
.kB{padding:10px;border:0px;background-color:#C50108;color:#fff;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;float:right;margin-right:15px;}



.refDuzList { padding:0px; margin:0px; list-style:none; }
.refDuzList li{ float:left; width:47%; padding:24px 10px; border-bottom:1px dashed #ccc; margin:3px 5px; font:700 15px Open Sans,sans-serif; letter-spacing:-0.5px;}
.reflist{ padding:0px; margin:0px; list-style:none;}
.reflist li{ float:left; width:200px; margin:5px; padding:5px; height:130px;}
.reflist li .hizRes{position: relative;}
.reflist li img{ max-width:100%; height:130px;  }
.reflist li strong{ display:block; text-align:center; margin-top:15px; }

.gonder {-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;box-shadow:inset 0px 1px 0px 0px #f5978e;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f));background:-moz-linear-gradient(top, #f24537 5%, #c62d1f 100%);background:-webkit-linear-gradient(top, #f24537 5%, #c62d1f 100%);background:-o-linear-gradient(top, #f24537 5%, #c62d1f 100%);background:-ms-linear-gradient(top, #f24537 5%, #c62d1f 100%);background:linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f',GradientType=0);background-color:#f24537;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #d02718;display:inline-block;cursor:pointer;color:#ffffff;font-family:arial;font-size:13px;font-weight:bold;padding:5px 20px;text-decoration:none;text-shadow:0px 1px 0px #810e05;}
.gonder:active {position:relative;top:1px;}
.sayfalist { padding:0px; margin:0px; list-style:none; margin-top:15px; }
.sayfalist li{ float:left; width:276px; height:350px; margin-left:10px; margin-bottom:10px; }
.sayfalist li strong{ color:#363636; font:bold 15px Open Sans, sans-serif;}
.sayfalist li p{ color:#7F7F7F; text-shadow:0 1px 0 #fff; }
.sayfalist li a.urunuincele{-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;box-shadow:inset 0px 1px 0px 0px #ffffff;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);background-color:#f9f9f9;border:1px solid #dcdcdc;display:inline-block;cursor:pointer;color:#333;font-family:arial;font-size:13px;font-weight:bold;padding:10px 24px;text-decoration:none;text-shadow:0px 1px 0px #ffffff;}
.sayfalist li a.urunuincele:hover{ background:#f9f9f9; }
.sayfalist li:first-child{ margin-left:0px; }
.sayfalist li:nth-child(5n){ margin-left:0px; }


.info, .success, .warning, .error{margin:10px 0px;padding:10px;border-radius:.3em; font:400 14px Open Sans;}
.info{color:#fff;background-color:#5d9bc3;}
.success{color:#fff;background-color:#3abf78;}
.warning{color:#fff;background-color:#c37a5d;}
.error{color:#fff;background-color:#e96c6c;}


.haber-resim{ padding:2px; border:1px solid #ccc; width:300px; float:left; margin-right:10px; margin-bottom:10px; }
.haber-resim img{ width:100%; }
.altMenu{ background:#222;  margin-top:10px; }
.altMenu ul{ float:left; padding:6px; list-style:none }
.altMenu ul li { float:left; }
.altMenu ul li a{ padding:5px 10px; color:#fff; font:12px "Open Sans",Arial, Helvetica, sans-serif; }
.altAlan{ background:#111; color:#fff; font:12px Arial, Helvetica, sans-serif; height:60px; padding:10px 0px; }