@charset "utf-8";
@font-face { font-family: 'DIN Pro Black'; font-style: normal; font-weight: normal; src: local('DIN Pro Black'), url('fonts/DINPro-Black.woff') format('woff'); }
@font-face { font-family: 'DIN Pro Light'; font-style: normal; font-weight: normal; src: local('DIN Pro Light'), url('fonts/DINPro-Light.woff') format('woff'); }
@font-face { font-family: 'DIN Pro Medium'; font-style: normal; font-weight: normal; src: local('DIN Pro Medium'), url('fonts/DINPro-Medium.woff') format('woff'); }
@font-face { font-family: 'DIN Pro'; font-style: normal; font-weight: normal; src: local('DIN Pro'), url('fonts/DINPro.woff') format('woff'); }
@font-face { font-family: 'DIN Pro Bold'; font-style: normal; font-weight: normal; src: local('DIN Pro Bold'), url('fonts/DINPro-Bold.woff') format('woff'); }


html, body, ul, ol, li, h1, h2, h3, h4, h5, h6 { margin:0; padding:0;list-style-type:none;}
html, body { font-size: 12px;font-family:'DIN Pro', Helvetica, sans-serif;color: #1a1a18; padding:0px; margin:0px;font-weight:normal;font-style: normal;height:100%;}
#body {min-height: 100%;}
.clear { clear:both;}
a {color: #9f8400; text-decoration:none;-o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; outline:none;}
a:hover {color:#1d1d1d}
img { border:0px}
#mainyasla {margin-top:-40px;}
strong { font-style:normal !important; font-weight:normal !important;font-family: 'DIN Pro Bold';}

p { margin: 0; }
p + p { margin-top: 10px; }


#top { height:133px; width:100%; background-image:url(images/top.png); background-repeat:repeat-x;}
#top .topcontent {  width:1003px; margin:auto;  }
/*#top .topcontent .logo_img { float:left;  width:150px; height:133px; }*/

#top .topcontent .followus { float:right;  margin-right:20px;  margin-top: 4px; }
#top .topcontent .followus ul { margin:0px; padding:0px; list-style:none; float:left;  margin-right:10px;}
#top .topcontent .followus ul li { float: left; }
#top .topcontent .followus ul li a { display: block; padding:0px 5px 0px 0px; text-indent: -9999px;}
#top .topcontent .followus ul li a.facebook { background: url(images/facebook.png) 0 0 no-repeat; width:26px; height:26px; }
#top .topcontent .followus ul li a.twitter { background: url(images/twitter.png) 0 0 no-repeat; width:26px; height:26px; }
#top .topcontent .phone { float: right;background-image: url("images/phone_icon.png"); background-repeat: no-repeat; background-position: left; margin-right: 10px; line-height: 26px; margin-top: 4px; width: 137px;font-family: 'DIN Pro',Arial; font-size: 17px; color: #fff; padding-left: 30px;}
/*#top .topcontent .logo_text { float:left;  width:216px; height:93px; clear: right; margin-top: 10px; }*/
#top .topcontent .logo_new { float:left;  width:300px; height:93px; clear: right; margin-top: 10px; }
#top .topcontent .menu {  margin-right:6px; margin-top:7px; float:right; width:600px;  }
#menu, #menu ul { list-style: none; margin: 0; padding: 0; float:right; }
#menu li { position: relative; white-space: nowrap; float:left; line-height:89px; height:89px; text-align:center; background-image:url("images/menu_split.png"); background-position: right; background-repeat: no-repeat;}
#menu li:last-child{ background-image: none!important;}
#menu li a { display: block;  text-decoration: none; text-align:center; color: #111; font-size:14px; padding:0px 20px; font-family: 'DIN Pro Medium',Arial;   -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;}
#menu li a:hover,#menu li a.selected { background-color:#e8b70e; color:#060606;  }
#menu li ul { display: none;  position: absolute; background-color:#edc609; z-index:11000!important;  margin-top:0px!important;}
#menu li ul li { background-color: #edc609; line-height:32px; float: none;height:32px; min-width:220px; z-index:11000!important;}
#menu li ul li a {  font-size:14px; color:#333333; text-align:left;  z-index:11000!important; }
#menu li ul li a:hover {background-color:#e8b70e!important; color:#060606 }

#footer {  width:100%; height:40px; background-image:url(images/footer.png); background-repeat:repeat-x;}
#footer .footercontent { width:1000px; margin:auto;  }
#footer .telif { font-family: 'DIN Pro',Arial; font-size: 13px;line-height:40px;text-align:center;color:#161616;   }



#page { width:1003px; margin:auto; padding-bottom:20px;}
#page .pageinner {background-image:url(images/pageinner.png); background-repeat:repeat; width:1003px;}
#page .pageinner .pagecontent {  padding:10px 20px 10px 20px;line-height:22px; text-align:justify; font-size:13px; height: 390px;font-family: 'DIN Pro'; font-style: normal; font-weight: normal; }


#haberlistesi { clear:both; margin-top:20px; }
#haberlistesi li { margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #dadada;  }
#haberlistesi li .img { float:left; width:150px; height:100px;  padding:4px;border:1px solid #dfdfde; margin-right:10px; overflow:hidden;}
#haberlistesi li .habericerik {}
#haberlistesi li .habericerik a { font-family: 'DIN Pro Medium', sans-serif; font-size:15px;text-align: left;t}
#haberlistesi li .habericerik div.haberaciklama {  color: #666666; font-size:13px; }


.urundetayimg { float:left; width:500px;}
#urundetay { float:left; padding-left: 20px; width: 420px;}


#rightcontent{  width:723px; padding-left:20px; float:left;font-size:13px; line-height:22px;text-align:justify;}

#leftnav{ width:204px; float:left; margin-top:15px;}
#leftnav ul li {background-color:#1669a3; color:#FFFFFF; margin-bottom:1px;  }
#leftnav ul li a{  display: block; height:30px; line-height:30px; font-size:13px; text-align:left; color:#ffffff; padding-left: 10px}
#leftnav ul li a:hover,#leftnav ul li a.selected{  background-color:#ee2d24;  color:#ffffff;}


#categorycontainer { clear:both; padding-left:10px; margin-top:30px; }
#categorycontainer ul { margin:0px; padding:0px}
#categorycontainer ul li { list-style:none; float:left; margin:0px 10px 10px 10px}
#categorycontainer ul li .img {  overflow:hidden; width: 200px; height: 150px; padding:3px; margin:3px; background-color:#FFFFFF;  border:1px solid #CCCCCC;}
#categorycontainer ul li .img img {  }
#categorycontainer ul li .title { text-align:center; width:200px; line-height:20px; height:20px; padding:3px; margin:3px;}
#categorycontainer ul li .title a {  font-size:14px; }

#productcontainer { clear:both; padding-left:10px;}
#productcontainer ul { margin:0px; padding:0px}
#productcontainer ul li {float:left;  width: 292px; margin:0px 10px 10px 0px; padding:5px 3px 5px 3px; background-color: #ece5c3; border:1px solid #c6b97b;}
#productcontainer ul li:hover { background-color: #e9dea8; cursor: }
#productcontainer ul li .img { float: left;  overflow:hidden; width: 150px; height: 112px; padding:3px; margin:3px; background-color:#FFFFFF;  border:1px solid #CCCCCC;}

#productcontainer ul li .title { float: left; text-align:right; width:120px; line-height:20px; }
#productcontainer ul li .title a {  font-size:14px;}
#productcontainer ul li .code { float: left; text-align:right; width:120px; line-height:20px; height:20px; }


.contactleft {float:left; width:480px;font-size:13px; font-style:normal;font-family: 'DIN Pro', sans-serif; }
.contactleft li { margin-bottom:2px; text-align:left;}
.contactleft .contactleftheader {font-size:15px; color:#464646; margin-bottom:20px; border-bottom:1px solid #cccccc; line-height:24px;font-family: 'DIN Pro Bold', sans-serif;}
.contactleft li.adres {background-image:url(images/adres.png); background-repeat:no-repeat; background-position:left; padding-left:30px; line-height:25px}
.contactleft li.telefon {background-image:url(images/telefon.png); background-repeat:no-repeat; background-position:left; padding-left:30px; line-height:30px}
.contactleft li.fax {background-image:url(images/fax.png); background-repeat:no-repeat; background-position:left; padding-left:30px; line-height:30px;}
.contactleft li.email {background-image:url(images/email.png); background-repeat:no-repeat; background-position:left; padding-left:30px; line-height:30px}
.mapheader {font-size:15px; color:#464646; margin-bottom:20px; border-bottom:1px solid #cccccc; line-height:24px; text-align:left;font-family: 'DIN Pro Bold', sans-serif;}
.mapcontainer { width:98%; height:130px;}
#map-canvas { width:100%; float:left; padding:2px; margin:2px; border:1px solid #cccccc;}
.contactright {float:left; width:400px; margin-left:70px; font-size:13px; font-style:normal;font-family: 'DIN Pro', sans-serif; }
.contactright li { margin-bottom:10px; text-align:left;}
.contactright .contactrightheader {font-size:15px; color:#464646; margin-bottom:20px; border-bottom:1px solid #cccccc; line-height:24px;font-family: 'DIN Pro Bold', sans-serif;}
.contactright .contactsend { color:#c4151c;font-size:14px; font-family: 'DIN Pro Bold', sans-serif;  }
.contactright .contactform  input, textarea { margin-bottom:5px;  border: 1px solid #cdcccd;width: 350px;height: 30px;color: #666666;line-height:30px;  font-size:12px;  font-family: 'DIN Pro Medium', Arial, sans-serif;}
.contactright .contactform  textarea { height: 124px;text-indent: 10px; width:346px;}
.contactright .contactform  input:hover, textarea:hover,  input:focus, textarea:focus {border: 1px solid #999999; }
.contactright .contactform  label {color:#0054a6; font-family: 'DIN Pro Bold', sans-serif; font-size:14px;display:inline-block; }
.contactright .contactform  label.error {color:#FF0000;font-size:15px;  }
.contactright .contactform  input {text-indent: 10px; }
.contactright .contactform #adsoyad { background: url("images/formisim.png") 16px 12px no-repeat #fff; background-position:right; text-indent: 10px;}
.contactright .contactform #eposta { background: url("images/formemail.png") 16px 12px no-repeat #fff; background-position:right; text-indent: 10px;}
.contactright .contactform #konu{ background: url("images/formkonu.png") 16px 12px no-repeat #fff; background-position:right; text-indent: 10px;}
.contactright .contactform p { padding:0px; margin:0px;}
.contactright .contactform p input {-webkit-appearance: none; cursor: pointer; border:none;  background-color:#fdd301; width:125px; height:33px; line-height:33px; text-align:center; color:#111;font-weight:normal; font-size:14px;  }
.contactright .contactform p input:hover { background-color:#edc609; border:none; }


/*ik */
#tablo { margin-bottom:8px;}
#tablo th { padding:6px 4px 6px 10px; margin:0px; color:#333; text-align:left;border-bottom:2px solid #cccccc;font-size:14px;font-family: 'DIN Pro Bold', sans-serif;}
#tablo td { padding:6px 5px 6px 10px; margin:0px; color:#333333; text-align:left;}
#tablo td a {color:#333; text-decoration:none; font-size:12px;}
#tablo td a:hover {color:#FF0000; text-decoration:none;}
.sform input[type=text], .sform input[type=password], .sform textarea, .sform select {  color: #555555;font-size: 14px;width: 300px;padding: 3px; margin: 3px 0;text-shadow: 0 1px 1px #FFFFFF;border-top: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC;border-right: 1px solid #DDDDDD;border-bottom: 1px solid #DDDDDD;  font-family: Arial, Helvetica, sans-serif;}
.sform input[type=text]:focus, .sform input[type=password]:focus, .sform textarea:focus { background-color: #FFFFFF;background-image: -moz-linear-gradient(top, #FFFFFF, #F6F6F6); background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F6F6F6));background-image: -webkit-linear-gradient(#FFFFFF, #F6F6F6);
    background-image: -o-linear-gradient(#FFFFFF, #F6F6F6); background-image: linear-gradient(top, #FFFFFF, #F6F6F6);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F6F6F6');border: 1px solid #999999;}
.sform select { display: inline;  padding: 0;text-shadow: none;}
.sform option { padding: 3px; background: #FFFFFF; font-family: Arial, Helvetica, sans-serif;}
.sform textarea { vertical-align: top;}
.sform input.small,.sform  select.small,.sform  textarea.small{width:130px}
.sform input.medium,.sform  select.medium,.sform  textarea.medium{width:300px}
.sform input.medium1,.sform  select.medium1,.sform  textarea.medium1{width:200px}
.sform  input.big,form select.big,.sform  textarea.big{width:540px}
.sform  label.error{font:10px Tahoma,sans-serif;color:#ED7476;margin-left:5px}
.sform  input.error,.sform  input.error:hover,.sform  input.error:focus,.sform  select.error,.sform  textarea.error{border:1px solid #ED7476;background:#FFEDED}
button, .sform  input[type=submit] {-webkit-appearance: none; cursor: pointer; border:none;  background-color:#fdd301; width:125px; height:33px; line-height:33px; text-align:center; color:#111;font-weight:normal; font-size:14px;  }
button:hover, .sform  input[type=submit]:hover { background-color:#edc609; border:none; }
.errorbox { color:#c4151c;font-size:14px; font-family: 'DIN Pro Bold', sans-serif;  }
/*ik bitti */




#picturecontainer { clear:both; }
#picturecontainer ul { margin:0px; padding:0px}
#picturecontainer ul li { list-style:none; float:left; margin:0px 10px 20px 10px; border:1px solid #CCCCCC; padding:7px;}
#picturecontainer ul li .img {  overflow:hidden; width: 200px; height: 150px; }
#picturecontainer ul li .title {  overflow:hidden; width: 200px; height: 40px; line-height: 20px; font-size:13px; font-style:normal;font-family: 'DIN Pro', sans-serif; }

.roundedimg {border:1px solid #CCCCCC; padding:5px;}
.timg { border:1px solid #e0e0e0; padding:2px; margin:2px;}




.mobilemenu { display:none;}
.showonlymobile { display:none!important;}
.donotshowonmobile { display:block!important;}