@charset "utf-8";
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(opensans/opensans.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(opensans/opensans_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:'Open Sans', 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: #045d8e; text-decoration:none;-o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; outline:none}
a:hover {color:#0579b8}
img { border:0px}
#mainyasla {margin-top:-229px;}

#top { height:133px; width:100%; background-image:url(images/top_bg.png); background-repeat:repeat-x; background-position:top center;}
#top .topcontent {  width:1003px; margin:auto;}
#top .topcontent .logo { float:left;  width:270px; height:65px; margin-top:37px;}
#top .topcontent .lang  { float:right; width:70px; margin-top:13px;}
#top .topcontent .lang ul li { list-style:none; width:30px; margin-right:5px; float:left;}
#top .topcontent .menu { margin-top:29px; float:right; width:660px; margin-left:30px;}

#menu, #menu ul { list-style: none; margin: 0; padding: 0; float:right; }
#menu li { position: relative; white-space: nowrap; float:left; line-height:46px; height:46px; text-align:center;}
#menu li a { display: block;  text-decoration: none; text-align:center; color: #1a3c7b; font-size:15px;  font-weight:bold; padding:0px 16px 0px 16px;}
#menu li a:hover { background-color:#fbdb00;  }
#menu li.split { background-image:url(images/menu_split.png); background-repeat:no-repeat; width:2px; height:46px;}
#menu li ul { display: none;  position: absolute; background-color:#fbdb00; z-index:11000!important;  margin-top:0px!important;}
#menu li ul li { background-color: #fbdb00; line-height:28px; float: none;height:28px; min-width:179px; z-index:11000!important;}
#menu li ul li a {  font-size:13px; color:#1a3c7b; text-align:left; font-weight:bold; z-index:11000!important; }
#menu li ul li a:hover {background-color:#fbe400!important; }


#footer { width:100%; height:54px; background-image:url(images/footer_bg.png); background-repeat:repeat-x;}
#footer .content { width:1000px; margin:auto; padding-top:14px;}
#footer .footerlogo	 { float:left; width:144px; height:30px; margin-left:10px;}
#footer .telif { float:left; width:500px; font-size:11px;line-height:30px;text-align:left;color:#c0c0c0; margin-left:10px; }
#footer .followus { float:left;  width:180px;  margin-left:10px;}
#footer .followus ul { margin:0px; padding:0px; list-style:none; float:left;  margin-right:10px;}
#footer .followus ul li { float: left; }
#footer .followus ul li a { display: block; padding:0px 5px 0px 0px; text-indent: -9999px;}
#footer .followus ul li a.facebook { background: url(images/facebook.png) 0 0 no-repeat; width:32px; height:32px; }
#footer .followus ul li a.facebook:hover { background-position: 0px -32px; }
#footer .followus ul li a.twitter { background: url(images/twitter.png) 0 0 no-repeat; width:32px; height:32px; }
#footer .followus ul li a.twitter:hover { background-position: 0px -32px; }
#footer .followus ul li a.googleplus { background: url(images/googleplus.png) 0 0 no-repeat; width:32px; height:32px; }
#footer .followus ul li a.googleplus:hover { background-position: 0px -32px; }
#footer .followus ul li a.youtube { background: url(images/youtube.png) 0 0 no-repeat; width:32px; height:32px; }
#footer .followus ul li a.youtube:hover { background-position: 0px -32px; }
#footer .vizyoner { float:right; width:70px;  padding-top:4px;}

#main { width:100%; background-image:url(images/main_bg.png); background-repeat:repeat-x; height:175px; display:block; }
#main .content { width:1003px;margin:auto;}


#main .content  .haberler{ float:left; width:350px; position:relative;}
#main .content  .haberler .newsheader { padding-top:15px;  }
#main .content  .haberler .header {  font-size:16px; font-weight: bold; color:#ffffff; line-height: 25px; padding-left:30px;}
#main .content  .haberler .newscontent {  padding-left:30px; }
#main .content  .haberler .newscontent ul { padding:0px; margin:0px; }
#main .content  .haberler .newscontent ul li { height:120px; overflow:hidden; width:310px; }
#main .content  .haberler .newscontent ul li .title { line-height:30px; height:30px; overflow:hidden; }
#main .content  .haberler .newscontent ul li .title a { color:#ffffff; font-size:14px; font-weight:normal; display:inline-block; }
#main .content  .haberler .newscontent ul li .title a:hover { color:#d5d5d5 }
#main .content  .haberler .newscontent ul li .img { float:left; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; width:100px; height:75px; overflow:hidden }
#main .content  .haberler .newscontent ul li .img img {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;  }
#main .content  .haberler .newscontent ul li .desc { padding-left:5px; text-align:left; line-height:19px; max-height:76px; overflow:hidden;  font-size:11px; color:#FFFFFF;font-weight:normal; }
#haberprevnext{ position:absolute; top:5px; right:0px;  width:50px; height:30px;}
#haberprevnext .button {display: block; width: 10px;height: 16px;position: absolute;background: url('images/arrows.png') no-repeat; z-index:100}
#haberprevnext .nexthaber {top:10px; left:20px; }
#haberprevnext .prevhaber {background-position: 0 -16px;top: 10px; left:0px}


#main .content  .urunler{ float:left; width:310px; height:175px; background-image:url(images/kurumsalurun_golge.png); background-position:left; background-repeat:no-repeat; position:relative;}
#main .content  .urunler .urunlerheader { padding-top:15px;  }
#main .content  .urunler .header {  font-size:16px; font-weight: bold; color:#ffffff; line-height: 25px; text-align:center;}
#main .content  .urunler .urunlercontent {  text-align:center; padding-top:10px;  }
#main .content  .urunler .urunlercontent ul { padding:0px; margin:0px; }
#main .content  .urunler .urunlercontent ul li { height:120px; overflow:hidden; width:310px; text-align:center; }
#main .content  .urunler .urunlercontent ul li .title { line-height:25px; text-align:center; }
#main .content  .urunler .urunlercontent ul li .title a { color:#ffffff; font-size:14px; font-weight:normal; display:inline-block; }
#main .content  .urunler .urunlercontent ul li .title a:hover { color:#d5d5d5 }
#main .content  .urunler .urunlercontent ul li .img { margin-left:100px;  -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; width:120px; height:90px; overflow:hidden }
#main .content  .urunler .urunlercontent ul li .img img {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;  }
#urunprevnext{ position:absolute; top:90px; left:0px;}
#urunprevnext .button {display: block; width: 20px;height: 21px;position: absolute;background: url('images/arrows_urunler.png') no-repeat; z-index:100}
#urunprevnext .nexturun { left:280px; }
#urunprevnext .prevurun {background-position: 0 -21px; left:20px}

#main .content  .kurumsal{ float:left; width:343px;height:175px;background-image:url(images/kurumsalurun_golge.png); background-position:left; background-repeat:no-repeat; position:relative;}
#main .content  .kurumsal .kurumsalheader { padding-top:15px;  }
#main .content  .kurumsal .header {  font-size:16px; font-weight: bold; color:#ffffff; line-height: 25px; padding-left:30px;}
#main .content  .kurumsal .kurumsalcontent {  padding-left:30px; color:#ffffff;line-height:18px;  font-size:11px; color:#FFFFFF;font-weight:normal; height:100px; overflow:hidden; }


#page { width:1003px; margin:auto; padding-top:10px;}
#page .pagetop {background-image:url(images/pagetop.png); background-repeat:no-repeat; width:1003px; height:18px;}
#page .pageinner {background-image:url(images/pageinner.png); background-repeat:repeat-y; width:1003px; min-height:400px;}
#page .pageinner .pageheader {background-image:url(images/pageheader.png); background-repeat:no-repeat; width:1003px; height:55px;padding-left:70px;  color:#FFFFFF; font-size:16px; font-weight:bold; line-height:55px;}
#page .pageinner .pageheader a { color:#ffffff;}
#page .pageinner .pagecontent {  padding-left:20px; padding-right:20px;line-height:22px; text-align:justify; font-size:13px;}
#page .pagebottom {background-image:url(images/pagebottom.png); background-repeat:no-repear; width:1003px; height:24px;}



#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; min-height:350px;}
ul.accmenu, ul.accmenu ul {  list-style-type:none;  margin: 0px;  padding: 0px;  }
ul.accmenu a {  display: block;  text-decoration: none;  font-family: 'Open Sans', sans-serif;	}
ul.accmenu li {background-color:#0579b8; color:#FFFFFF; margin-bottom:1px;  }
ul.accmenu li a {  height:36px; line-height:36px; font-size:14px; font-weight:bold; text-align:center; color:#ffffff;}
ul.accmenu li a:hover,ul.accmenu li a.curp {  background-color:#00CCFF;  color:#ffffff;}

ul.accmenu li:hover,ul.accmenu li.open {  background-color:#045d8e; }


#picturecontainer { clear:both; }
#picturecontainer ul { margin:0px; padding:0px}
#picturecontainer ul li { list-style:none; float:left; margin:0px 10px 20px 10px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; border:1px solid #CCCCCC; padding:7px;}
#picturecontainer ul li .img {  overflow:hidden; width: 200px; height: 150px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.roundedimg {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border:1px solid #CCCCCC; padding:5px;}



#productcontainer { clear:both; padding-left:10px; margin-top:10px; }
#productcontainer ul { margin:0px; padding:0px}
#productcontainer ul li { list-style:none; float:left; margin:0px 10px 10px 10px}
#productcontainer ul li .img {  overflow:hidden; width: 200px; height: 150px; padding:3px; margin:3px; background-color:#FFFFFF; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; border:1px solid #CCCCCC;}
#productcontainer ul li .img img {  -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

#productcontainer ul li .title { text-align:center; width:200px; line-height:20px; height:20px; padding:3px; margin:3px;}
#productcontainer ul li .title a {  font-size:13px; font-weight:bold; font-family: 'Open Sans', sans-serif;}


#tablo { margin-bottom:8px;}
#tablo th { padding:6px 4px 6px 10px; margin:0px; color:#333; text-align:left!important;border-bottom:2px solid #cccccc;font-size:14px;}
#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;}



#tbl  { border-top:1px solid #CCCCCC;border-left:1px solid #CCCCCC; width:100%!important; margin-bottom:10px;}
#tbl th  { border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC; text-align:left; background-color:#24487b; padding:3px; font-size:13px; font-weight:bold; font-family: 'Open Sans', sans-serif; color:#FFFFFF;}
#tbl td { border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC;  font-size:12px; padding:3px; font-weight:normal; color:#333333; font-family:'Open Sans', sans-serif; text-align:left;}




.contactleft {float:left; width:480px;font-size:13px; font-style:normal; font-weight:normal; font-family: 'Open Sans', Arial, sans-serif;}
.contactleft li { margin-bottom:10px; text-align:left;}
.contactleft .contactleftheader {font-size:15px; color:#464646; margin-bottom:20px; border-bottom:1px solid #cccccc; line-height:24px; font-weight:bold;}
.contactleft li.adres {background-image:url(images/adres.png); background-repeat:no-repeat; background-position:left; padding-left:30px;}
.contactleft li.telefon {background-image:url(images/telefon.png); background-repeat:no-repeat; background-position:left; padding-left:30px;}
.contactleft li.fax {background-image:url(images/fax.png); background-repeat:no-repeat; background-position:left; padding-left:30px;}
.contactleft li.email {background-image:url(images/email.png); background-repeat:no-repeat; background-position:left; padding-left:30px;}
.contactleft .mapcontainer { width:98%; padding:2px; margin:2px; border:1px solid #cccccc; height:200px;}



.contactright {float:left; width:400px; margin-left:70px; font-size:13px; font-style:normal; font-weight:normal;font-family: 'Open Sans', 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-weight:bold;}
.contactright .contactsend { color:#c4151c; font-weight:normal; font-size:14px;  }
.contactright .contactform  input, textarea { margin-bottom:10px;  border: 1px solid #cdcccd;width: 350px;height: 30px;color: #666666;line-height:30px;	font-size:12px;	 font-family: 'Open Sans', Arial, sans-serif;}
.contactright .contactform  textarea { height: 148px;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-weight:bold; 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 { cursor: pointer; border:none;  background-color:#0579b8; width:125px; height:33px; line-height:33px; text-align:center; color:#ffffff;font-weight:normal; font-size:14px;  font-family: 'Open Sans', Arial, sans-serif;}
.contactright .contactform p input:hover { background-color:#066496; border:none; }


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

#videocontainer { clear:both;padding-top:20px; }
#videocontainer ul { margin:0px; padding:0px}
#videocontainer ul li { list-style:none; float:left; margin:0px 10px 20px 10px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; border:1px solid #CCCCCC; padding:7px;}
#videocontainer ul li .img {  overflow:hidden; width: 200px; height: 150px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
#videocontainer ul li .title { text-align:center; width:200px; height:50px; line-height:25px;}
#videocontainer ul li .title a { text-align:center; }

#mobilemenu { display:none;}