@charset "utf-8";
@font-face {
    font-family: 'neosansregular';
    src: url('font/neosans-webfont.eot');
    src: url('font/neosans-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/neosans-webfont.woff') format('woff'),
         url('font/neosans-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
html, body { font-size: 12px;font-family:'neosansregular',Arial,sans-serif;color: #1a1a18;line-height: 18px; padding:0px; margin:0px;height:100%; font-weight:normal;font-style: normal;}


#body {min-height: 100%;}
.clear { clear:both;}
a {color: #003c47; text-decoration:none;}
a:hover {color:#333333}
img { border:0px}

#scrollArea { height:600px;}

#top { background-image:url(images/top_bg.png); background-repeat:repeat-x; height:132px;width:100%; position: fixed;z-index: 100;}
#topcontent {width:1003px; margin:auto;}
#topcontent .contactphone{ float:left; margin-left:10px;  background-image:url(images/contact.png); width:162px; height:30px; background-repeat:no-repeat}
#topcontent .social {float:left; color:#FFFFFF; margin-left:500px}
#topcontent .social ul { margin:0px; padding:0px; list-style:none}
#topcontent .social ul li { float: left; padding-top:3px;}
#topcontent .social ul li a { display: block; padding:0px 5px 0px 0px; text-indent: -9999px;}
#topcontent .social ul li a.facebook { background: url(images/facebook.png) 0 0 no-repeat; width:25px; height:25px; }
#topcontent .social ul li a.facebook:hover { background-position: 0px -25px; }
#topcontent .social ul li a.twitter { background: url(images/twitter.png) 0 0 no-repeat; width:25px; height:25px; }
#topcontent .social ul li a.twitter:hover { background-position: 0px -25px; }
#topcontent .social ul li a.youtube { background: url(images/youtube.png) 0 0 no-repeat; width:25px; height:25px; }
#topcontent .social ul li a.youtube:hover { background-position: 0px -25px; }
#topcontent .social ul li a.googleplus { background: url(images/googleplus.png) 0 0 no-repeat; width:25px; height:25px; }
#topcontent .social ul li a.googleplus:hover { background-position: 0px -25px; }
#topcontent .social ul li a.linkedin { background: url(images/linkedin.png) 0 0 no-repeat; width:25px; height:25px; }
#topcontent .social ul li a.linkedin:hover { background-position: 0px -25px; }

#topcontent .lang { height:30px; float:left; color:#FFFFFF; margin-left:50px;}
/*
#topcontent .lang a { font-family:'neosansregular',Arial,sans-serif; text-align:center; line-height:30px; font-size:12px; color:#1a1a18;  }
#topcontent .lang a:hover { color:#003c47; font-weight:bold;}
*/
#topcontent .logo {width:200px; height:73px; float:left; padding-top:8px}
#topcontent .menuarea {float:right; padding-top:1px; clear:right; width:725px; margin-left:23px; padding-top:6px;}

#menu, #menu ul { list-style: none; margin: 0; padding: 0; float:right;}
#menu li { position: relative; float: left; white-space: nowrap; line-height:75px; height:75px; text-align:center;}
#menu li a { display: block; padding:0px 22px 0px 22px; font-weight:bold;  text-decoration: none; text-align:center; color: #000000;  font-weight:normal; font-size:15px; font-style:normal;  font-family: 'neosansregular', sans-serif; }
#menu li a:hover { color:#ff0000; font-weight:bold; }
#menu li:hover { background-image:url(images/menu_hoverbg.png); background-repeat:repeat-x;}
#menu li ul { display: none; position: absolute; background-color:#000000; z-index:11000!important;}
#menu li ul li { background-color: #000000; border-top: 1px solid #000000; float: none;line-height:30px !important; height:30px; min-width:200px; z-index:11000!important;}
#menu li ul li:hover { background-color:#ff0000}
#menu li ul li a {  font-size:14px; color:#ffffff; text-align:left; padding:0px 0px 0px 20px; font-weight:normal; z-index:11000!important; }
#menu li ul li a:hover {  color:#FFFFFF; font-weight:normal;}



#footer { width:100%;height:60px; background:url(images/footer.png); background-repeat:repeat-x; background-position:top center;}
#footer .footercontent { margin:auto; width:1003px; padding-top:15px;}


#footer .catalog { float:left; width:960px;}
#footer .catalog ul { margin:0px; padding:0px}
#footer .catalog  li { list-style:none; display:inline-block; margin-right:35px;}


#footer .coding { float:right; padding-right:10px; padding-top:5px;}
#footer .telif { float:left; line-height:30px; padding-top:7px; color:#FFFFFF; font-size:12px;}



#mainyasla {margin-top:-60px;}


#innercontainer {background-image:url(images/corporate_bg.jpg);  background-repeat:no-repeat; background-position:top center; width:100%; clear:both; padding-top:100px;}
#page { padding-top:23px;width:1003px; margin:auto; padding-bottom:30px;}
#page .pagetitle { background-image:url(images/pagetitle.png); background-repeat:no-repeat; width:1003px; height:42px;}
#page .pagetitle span { font-size:16px; line-height:29px; padding-top:10px; border-bottom:3px solid #003e49; color:#444444; display:inline-block;  margin-left:17px;}
#page .pagetitle span a { color:#2b2a2a;}
#page .pagetitle span a:hover { color:#444444;}
#page .pagebg { background-image:url(images/pagebg.png); background-repeat:repeat-y; width:1003px; min-height:400px; }
#page .pagecontent {padding:15px 16px 0px 16px; line-height:22px; text-align:justify; font-size:13px;}
#page .pagebottom { background-image:url(images/pagebottom.png); background-repeat:no-repeat; width:1003px; height:7px;}


#rightcontent{ width:691px; float:left;}
#rightcontent .header { width:671px; padding-left:20px; background-color:#013e49; height:30px; line-height:30px; font-size:16px; color:#ffffff;  margin-bottom:15px;}


#fullcontent{ width:961px; float:left;}
#fullcontent .header { width:941px; padding-left:20px; background-color:#013e49; height:30px; line-height:30px; font-size:16px; color:#ffffff;  margin-bottom:15px;}




#leftmenu{ width:250px; float:left; padding-left:0px; margin-right:30px}
#leftmenu ul{ margin:0px; padding:0px}
#leftmenu ul li{ line-height:30px; height:30px; background-color:#bebebe; border-bottom:1px solid #FFFFFF; list-style:none;}
#leftmenu ul li.cur{  background-color:#ff0000;}
#leftmenu ul li a{ padding-left:20px; color:#003f48; font-size:14px;}
#leftmenu ul li a:hover{ color:#000000}



#leftnav{ width:250px; float:left; padding-left:0px; margin-right:30px}



ul.accmenu, ul.accmenu ul {  list-style-type:none;  margin: 0px;  padding: 0px;  background:#bebebe; }
ul.accmenu a {  display: block;  text-decoration: none;}
ul.accmenu li {  margin-top: 1px;  border-bottom:1px solid #dcdcdb}
ul.accmenu li a {  background: #000000;  color: #003e4c;	  padding: 5px; font-size:16px;}
ul.accmenu li a:hover {  background: #003e4c;  color:#ffffff}

ul.accmenu li ul li a { background: #dcdcdb;  color: #003f48;  padding-left: 20px;    font-weight:normal;   font-size:14px;}
ul.accmenu li ul li a:hover {background: #bebebe; color:#000000}
ul.accmenu li ul li a.curp { background: #bebebe; color:#000000}



#picturecontainer1 {  margin:0px; padding:0px; padding-top:10px; margin-top:10px;  }
#picturecontainer1 ul { margin:0px; padding:0px}
#picturecontainer1 ul li { list-style:none; float:left; margin:3px 9px 10px 2px; height:86px; width:114px; background-color:#FFFFFF;}
#picturecontainer1 ul li .img { padding:2px; margin:2px; background-color:#FFFFFF; border:1px solid #eeeeee; overflow:hidden; width: 112px; height: 84px;}
#picturecontainer1 ul li .img:hover { border:1px solid #ffbe06;}
#picturecontainer1 ul li a{ padding:0px;}
#picturecontainer1 ul li .title {text-align:center; height:50px; line-height:25px;}

.urunimaj { float:left; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px; margin-top:15px; }
.urunimaj img {  -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;   margin-right:10px; }


#picturecontainer2 {  margin:0px; padding:0px; padding-top:10px; margin-top:10px;  }
#picturecontainer2 ul { margin:0px; padding:0px}
#picturecontainer2 ul li { list-style:none; float:left; margin:3px 9px 10px 2px; height:86px; width:114px; background-color:#FFFFFF;}
#picturecontainer2 ul li .img { padding:2px; margin:2px; background-color:#FFFFFF; border:1px solid #eeeeee; overflow:hidden; width: 112px; height: 84px; position:relative}
#picturecontainer2 ul li .img .imgdesc { position: absolute; float: left;width: 114px;   height: 86px;   margin-left: 1px;    top: 1px;    left: 0;    background-color:#dee700;   display: none; text-align:center;}
#picturecontainer2 ul li .img:hover .imgdesc { display:block;width: 114px;   height: 86px; }
#picturecontainer2 ul li .img img {  width: 100%; height: 100%;}
#picturecontainer2 ul li a{ color:#023e49}
#picturecontainer2 ul li a:hover{ color:#026476}



/*
#rightcontent ul li{ list-style-image:url(images/list_li.png); padding:0px; margin:0px; line-height:22px; }
*/

#picturecontainer { clear:both; padding-top:20px; margin-top:20px; border-top:1px dotted #d2d2d2}
#picturecontainer ul { margin:0px; padding:0px}
#picturecontainer ul li { list-style:none; float:left; margin:0px 10px 10px 10px}
#picturecontainer ul li .img { padding:2px; margin:2px; background-color:#FFFFFF; border:1px solid #eeeeee; overflow:hidden; width: 200px; height: 150px;}
#picturecontainer ul li .img:hover { border:1px solid #ffbe06;}
#picturecontainer ul li .img img {}
#picturecontainer ul li .title {text-align:center; height:50px; line-height:25px; width:200px}



#picturecontainer3 { clear:both; padding-top:10px; }
#picturecontainer3 ul { margin:0px; padding:0px}
#picturecontainer3 ul li { list-style:none; float:left; margin:0px 10px 0px 10px}
#picturecontainer3 ul li .img { padding:2px; margin:2px; background-color:#FFFFFF; border:1px solid #eeeeee; overflow:hidden; width: 200px; height: 150px;}
#picturecontainer3 ul li .img:hover { border:1px solid #ffbe06;}
#picturecontainer3 ul li .title {text-align:center; height:50px; line-height:25px; width:200px;}



#picturecontainer4 { clear:both; padding-top:10px; }
#picturecontainer4 ul { margin:0px; padding:0px}
#picturecontainer4 ul li { list-style:none; float:left; margin:0px 10px 0px 10px}
#picturecontainer4 ul li .img { padding:2px; margin:2px; background-color:#FFFFFF; border:1px solid #eeeeee; overflow:hidden; width: 200px; height: 300px;}
#picturecontainer4 ul li .img:hover { border:1px solid #ffbe06;}
#picturecontainer4 ul li .title {text-align:center; height:50px; line-height:25px; width:200px;}

#picturecontainer5 { clear:both; padding-top:10px; }
#picturecontainer5 ul { margin:0px; padding:0px}
#picturecontainer5 ul li { list-style:none; float:left; margin:0px 6px 0px 6px}
#picturecontainer5 ul li .img { padding:2px; margin:2px; background-color:#FFFFFF; border:1px solid #eeeeee; overflow:hidden; width: 150px; height: 225px;}
#picturecontainer5 ul li .img:hover { border:1px solid #ffbe06;}
#picturecontainer5 ul li .title {text-align:center; height:50px; font-size:12px; line-height:25px; width:150px;}



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


.etabs { margin: 0; padding: 0; }
.tab { display: inline-block; zoom:1; *display:inline; background: #003e4c;   border-bottom: none; background-image:url(images/tab_bg.jpg); background-repeat:repeat-x;  }
.tab a { font-size: 14px; color:#ffffff; line-height: 1.9em; display: block; padding: 3px 20px; outline: none;   }
.tab a:hover { text-decoration: underline; }
.tab.active { background: #000000;  }
.tab a.active { color:#003e4c }
.tab-container .panel-container { background: #000000; padding: 10px; min-height:150px; font-size:12px; line-height:22px; text-align:justify; margin-bottom:10px; }


#newslist { padding:0px; margin:0px;}
#newslist li { float:left; display:block; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #EFEFEF; width:100%; }

#newslist li .newsimg { float:left; width:100px; height:75px; overflow:hidden;}
#newslist li .newscontent { float:left; display:block;  border-left:1px solid #000000;  padding-left:10px;}
#newslist li .newscontent  a { color: #003e49; font-size:16px; font-style:normal; font-weight:normal;}
#newslist li .newscontent  a:hover { color:#89a621;}

#newslist li .newscontent div.newsdesc {  color: #666666; }



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




.sform input,.sform select{padding:4px;border:solid 1px #cccccc;width:125px; font-size:12px; }
.sform textarea{padding:2px;border:solid 1px #cccccc;width:305px; height:70px; font-size:12px;}
.sform  .sbmt{background-color:#dbe702; padding:5px; color:#003e49; width:125px; font-size:12px;font-weight:bold; border:0px; height:27px;}
.sform  .sbmt:hover{ background-color:#a5bc1a}
.btn { background-color:#b52322; text-align:center; padding:3px 5px 3px 5px; line-height:20px; color:#FFFFFF; font-size:12px; border:0px;} 
.btn:hover { background-color:#e32027; color:#FFFFFF;} 
form label.error{font:10px Tahoma,sans-serif;color:#ED7476;margin-left:1px}
form input.error,form input.error:hover,form input.error:focus,form select.error,form textarea.error{border:1px solid #ED7476;background:#FFEDED}
.errorbox { padding:10px; color:#FF0000; font-size:16px; font-weight:normal; }


#tbl { border-left:1px solid #eaeaea;border-top:1px solid #eaeaea;}
#tbl th { padding:3px 8px 8px 5px; background-image:url(images/th.png); background-repeat:repeat-x; font-weight:normal; font-size:13px; border-bottom:1px solid #eaeaea; border-right:1px solid #eaeaea;}
#tbl td { border-bottom:1px solid #eaeaea; border-right:1px solid #eaeaea; padding:5px; font-size:11px }
#tbl td a { color:#007a7b;}
#tbl td a:hover { color:#239766;}



.sticky {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 100;
	border-top: 0;
}