html * {margin:0; padding:0; outline:none;}
img{border:0;}
a {text-decoration:none; color:#000;}.mr2 {margin-right:2px;}.mt5 {margin-top:5px;}.pt2 {padding-top:1px;}.mt15 {margin-top:15px;}.fl25 {padding-left:25px;}.fl {float:left;}.fr {float:right;}.clear {clear:both;}.pt5 {padding-top:5px;}.pt10 {padding-top:10px;}.pt20 {padding-top:20px;}.pt25 {padding-top:25px;}.pt30 {padding-top:30px;}.pt35 {padding-top:35px;}.pt70 {padding-top:70px;}.pt50 {padding-top:50px;}.pl5 {padding-left:5px;}.pl10 {padding-left:10px;}.pl20 {padding-left:20px;}.pl2 {padding-left:2px;}.pl50 {padding-left:72px;}.pl24 {padding-left:24px;}.pl25 {padding-left:25px;}.pl30 {padding-left:30px;}.pl35 {padding-left:35px;}.pl45 {padding-left:62px;}.pl15 {padding-left:15px;}.p20 {padding:20px;}.pr5 {padding-right:5px;}.pr10 {padding-right:10px;}.pr20 {padding-right:20px;}.pr30 {padding-right:30px;}.pb20 {padding-bottom:20px;}.pb10 {padding-bottom:10px;}.pb15 {padding-bottom:15px;}.pr9 {padding-right:4px;}.pb5 {padding-bottom:5px;}.pb3 {padding-bottom:3px;}.pb2 {padding-bottom:2px;}.pl20 {padding-left:20px;}.mr20 {margin-right:20px;}.p10 {padding:10px;}.pr9 {padding-right:9px;}.pr13 {padding-right:14px;}.pr20 {padding-right:20px;}.mt30 {margin-top:30px;}.ml30 {margin-left:30px;}.mb10 {margin-bottom:10px;}.mr35 {margin-right:35px;}.mb20 {margin-bottom:20px;}.center {text-align:center;}#page{width:90%; margin:auto;}.logo{float:left;}
.topmenu {float:right;}
.topmenu ul{list-style:none;}
.topmenu ul li{float:left; line-height:32px; margin-left:20px;}
.topmenu ul li a{color:#929292;} #menu{float:right; position:relative; margin-top:-74px;}
#menu ul{list-style-type:none; padding:0; margin:0;}
#menu ul li{float:left;}
#menu ul li ul{width:975px; margin-left:-410px; margin-top:17px; padding-bottom:10px; background-image:url(menu_ul_bg.jpg);}
#menu ul li ul li{float:left; width:138px;  text-align:center;  }
#menu ul li ul li a{color:#fff;}
#menu ul li ul li ul{margin-left:-115px; background-image:none; background-color:#f47927; width:275px; margin-top:130px;}
#menu ul li ul li ul li{float:left; text-align:left; padding:10px;}
#menu ul li ul li ul li a:hover{color:#80361a; text-decoration:underline;}.java{padding-left:4px; min-height:290px;}
.mainorta{margin-top:10px; background-image:url(main_bg.jpg); width:986px; height:383px;}.copyright{float:left;}
.designby{float:right;}
.designby img{vertical-align:middle; padding-bottom:3px}.product ul{list-style-type:none;}
.product ul li{float:left; width:245px;}
.product ul li h2{color:#4d4c4d; font-weight:normal; margin-top:20px; padding-left:20px; width:200px;}
.product ul li .uruna{width:178px; padding-left:20px; font-size:11px; color:#7f7f7f;}
.product ul li .uruna span{text-decoration:underline; color:#f37321;}.ayinurunu{height:119px; padding-left:52px; padding-top:2px; float:left; width:600px;}
.ayinurunu_text{float:left; margin-left:20px; width:290px; padding-top:10px; font-size:11px;}
.ayinurunu_text span{color:#f37322; font-size:12px;}.haberler{float:left; width:300px;  padding-top:10px;}
.haberler span{color:#f37322;}
.footer{margin-top:10px; font-size:11px;}#left{width:216px; float:left;}
#left ul{list-style-type:none;}
#left ul li a{display:block; line-height:34px; width:183px; padding-left:33px; background-image:url(left_bg.jpg);}
#left ul li a:hover{background-image:url(left_bg_over.jpg); color:#fff;}
#left ul li a.on{background-image:url(left_bg_over.jpg); color:#fff;}#left ul li ul{background-color:#fff;}
#left ul li ul li a{padding-left:40px; background-image:url(left_bg_alt.jpg); background-repeat:no-repeat;}
#left ul li ul li a:hover{background-image:url(left_bg_alt.jpg);  background-repeat:no-repeat; color:#f27326;}
#left ul li ul li a.on{color:#f27326; background-image:url(left_bg_alt.jpg);  background-repeat:no-repeat;}#left ul li ul li ul{margin-left:5px; font-size:11px;}
#left ul li ul li ul li a{background-image:url(left_bg_alt.jpg);line-height:19px; padding-top:5px; background-repeat:no-repeat;}
#left ul li ul li ul li a:hover{background-image:url(left_bg_alt.jpg);  background-repeat:no-repeat; color:#f27326;}
#left ul li ul li ul li a.on{color:#f27326; background-image:url(left_bg_alt.jpg);  background-repeat:no-repeat;}
#right{width:670px; float:left; padding-left:90px;} 
#right ul{margin-left:20px;}
#right h2{color:#686868; font-size:26px; font-weight:normal;}
.urunfoto{padding:10px; border:1px solid #acacac; width:301px;}
.text{margin-top:10px; line-height:18px; color:#212123;}
.text strong {
color:#f27b0a;
font-size:13px;
}
.text strong a {
color:#f27b0a;
}.technical-details {
line-height:18px;
}
.technical-details strong {
color:#f27b0a;
font-size:13px;
font-weight:bold;
margin:5px 0 5px 0;
}
.technical-details ul li {
list-style-type:none;
margin-bottom:4px;
}
.technical-details  ul li a{
font-size:12px;
color:#f27b0a;
list-style-type:none;
}
.technical-details  ul li a:hover{
color:#f27b0a;
font-weight:bold;}#tabs-container{float:left }
#tab-panels{margin-top:0px;}#tabs-container ul.tabs li{ list-style-type:none; float:left;}
#tabs-container ul.tabs li a{display: block; color:#fff; font-weight: bold; padding:20px 15px; font-size: 13px; background-color:#e96f24;}
#tabs-container ul.tabs li a:hover,
#tabs-container ul.tabs li.active a
{text-decoration:none; border-top:1px solid #444445; border-left:1px solid #444445; border-right:1px solid #444445; border-bottom:1px solid #f2f2f2; background-color:#f2f2f2; color:#535352;}#tabs-container .tab-content
{margin-top:-2px; border:1px solid #444445; padding:10px; float:left; min-width:600px}.gallery{float:left !important; margin:5px; height:107px; width:156px;}.ktab {
background-color:#999999;
width:350px;
}.ktab td{padding:5px; font-weight:bold; color:#fff; border:1px solid #f2f2f2;}.product-table{width:100%;}
.product-table tr td {border:1px solid #ccc; width:100%; padding:10px;}
.product-table tr th{background-color:#ccc; border:1px solid #fff; padding:10px; text-align:left;}.technical-details{margin-left:20px; margin-top:10px;}#right ol{margin-left:20px;}.document{border-bottom:1px dashed #ccc; padding-bottom:20px; margin-bottom:10px;}.product-image {
float: left;
width: 155px;
}
.product-image img {width: 150px; height:100px; border:#D9DDE3 1px solid; padding:2px}
.product-text {
float: left; margin-left:5px;
width: 493px; text-align:justify;
}
.box {border-top: 1px solid #D9DDE3;
height: 145px;
padding: 8px; clear:both}
.box h3 a{font-size:13px; color:#2B2B2F}
.box h3 a:hover{text-decoration:underline}
#main-bottom {
	margin:16px 0 0 0;
	background-image:url(bottom-bg.png);
	height:298px;
}
.box-text {
	margin:20px 0 0 0;
	line-height:18px;
	font-size:11px;
	color:#7f7f7f;
	padding:0 10px 0 0; height:50px !important; width:185px; 
}
.box-text h2 {
	color:#4d4c4d;
	font-size:16px !important;
	font-weight:lighter;
	margin-bottom:10px;
	margin-top:0px; 
}
.box-text div {
	color:#f37321;
	padding:5px 0 0 0;
	text-decoration:underline;
	font-size:11px; 
}
.box-text div a {
	color:#f37321; 
}
.copy {
	float:left;
	padding:20px 0 0 5px;
	color:#4a494a;
}
.design {
	float:right;
	padding:20px 15px 0 0;
	font-size:11px;
}
.design a {
	color:#4a494a;
}

.mattblacktabs{
width: 100%;
overflow: hidden;
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 17px 18px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #F68C1F; /*background of tabs (default state)*/
border-radius: 2px;
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}
fieldset {
border: 1px solid #CCC;
padding: 20px;
 }
body {
  margin: 0;font-family: 'Raleway';
font-size: 0.9em;
}

a {
  color: #000;
}

/* header */

.header {
  background-color: #fff;
  box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
margin-top:5px;
  width: 100%;
  z-index: 3; border-bottom: 1px dashed #ccc !important;
}

.header ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  background-color: #fff;
}

.header li a {
  display: block;
  padding: 20px 20px;
  border-right: 1px solid #f4f4f4;
  text-decoration: none;font-size: 1.4em;
}

.header li a:hover,
.header .menu-btn:hover {
  background-color: #f4f4f4;
}

.header .logo {
  display: block;
  float: left;
  font-size: 2em;
  padding: 10px 20px;
  text-decoration: none;
}

/* menu */

.header .menu {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out;
}

/* menu icon */

.header .menu-icon {
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 28px 20px;
  position: relative;
  user-select: none;
}

.header .menu-icon .navicon {
  background: #333;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 18px;
}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
  background: #333;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

.header .menu-icon .navicon:before {
  top: 5px;
}

.header .menu-icon .navicon:after {
  top: -5px;
}

/* menu btn */

.header .menu-btn {
  display: none;
}

.header .menu-btn:checked ~ .menu {
  max-height: 240px;
}

.header .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

.header .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.header .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}

/* 48em = 768px */

@media (min-width: 48em) {
  .header li {
    float: left;
  }
  .header li a {
    padding: 20px 30px;
  }
  .header .menu {
    clear: none;
    float: right;
    max-height: none;
  }
  .header .menu-icon {
    display: none;
  }
}