body { margin: 0px; padding: 0px; font-family: Tahoma, Arial; font-size: 12px; background: #f0f0f0; }

/* Default */

a { text-decoration: none; }
img { border: 0px; }

.clear { clear: both; }

.loading { display: none; width: 32px; float: right; font-weight: normal; }

.loadpaging{ float: left; width: 100%; padding: 10px; text-align: center; text-decoration: none; color: #000; font-weight: bold; border: 1px #d6d6d6 solid; margin: 50px 0px 10px 0px; }
.loadpaging:hover { background: #78cefa;  }

.sortingloading { display: none; float: left; position: fixed; clear: both; width: 100%; height: 100%; top: 0px; left: 0px; border: 0px; overflow: auto; z-index: 99999999999; padding-top: 6%; z-index: 999999; text-align: center; margin-top: 10px; margin-bottom: 10px; }

.notfound { float: left; width: 97%; font-size: 12px; margin: 10px 0px 10px 0px; padding: 10px; border: 2px red solid; }
.window { display: none; position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background: url(../img/window.png); border: 0px; overflow: auto; z-index: 99999999999; }
.error { display: none; position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background: url(../img/window.png); border: 0px; overflow: auto; z-index: 9999999999; }
.popup { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background: url(../img/window.png); border: 0px; overflow: auto; z-index: 9999999999; }
.windowDetail { margin: 4% auto 4% auto; width: 980px; padding: 10px; border: 0px; box-shadow: 1px 1px 3px #222; -moz-box-shadow: 1px 1px 3px #222; -webkit-box-shadow: 1px 1px 3px #222; background: #fff; }
.windowDetailPopup { margin: 3% auto; width: 788px; padding: 10px; border: 0px; text-align: center; }
.windowclose { float: right; width: 64px; height: 25px; background: url(../img/close_btn.png); text-align: center; color: #fff; font-weight: bold; }

.Up { display: none; position: fixed; right: 70px; bottom: 70px; width: 40px; height: 40px; background: url(../img/up.png); }

/* Form Elements */

.form-line { float: left; width: 90%; color: #777; margin: 10px 0px 10px 0px; }
.form-text { float: left; width: 150px; margin-bottom: 5px; }
.form-input { float: left; width: 200px; height: 30px; } 

/* Form elements end */


/* Default End */


/* Header */

.header-top-line { float: left; width: 100%; height: 7px; background: #ffc20e; position: relative; z-index: 1; }
.header-top-line-content { margin: -10px auto auto auto; background: #ffc20e; width: 350px; height: 30px; line-height: 30px; vertical-align: middle; font-weight: bold; color: #4c4d4f; text-align: center; position: relative; z-index: 2; }
.header { float: left; width: 100%; height: 110px; background: #fff; 

box-shadow: 1px 2px 15px #777; 
-moz-box-shadow: 1px 2px 15px #777; 
-webkit-box-shadow: 1px 2px 15px #777; 

}

.header-content { margin: auto; width: 920px; height: 117px; }

.logo { float: left; width: 165px; height: 72px; background: url(../img/logo.png); }

.header-content-right { float: right; margin-top: -10px; height: 100px; position: relative; }
.header-content-right-line { float: right; width:100%; margin: 0px 0px 5px 0px; }
.header-content-right-menu-line { float: right; width:100%; position: absolute; right: 0px; bottom: 5px; }
.header-content-right-menu-line-button-pasive { float: right; height: 30px; line-height: 30px; vertical-align: middle; padding: 0px 3px 0px 3px; margin: 0px 0px 0px 20px; text-align: center; font-size: 12px; font-weight: bold; color: #7a7a7a; border-bottom: 4px #fff solid; }

.header-content-right-menu-line-button-pasive:hover { border-bottom: 4px #ffc20e solid; }

.header-content-right-menu-line-button-active { float: right; height: 30px; line-height: 30px; vertical-align: middle; padding: 0px 3px 0px 3px; margin: 0px 0px 0px 20px; text-align: center; font-size: 12px; font-weight: bold; color: #7a7a7a; border-bottom: 4px #ffc20e solid; }

.header-content-right-language { float: right; height: 10px; font-weight: bold; color: #646566; }
.header-content-right-language-slash { float: right; height: 10px; color: #646566; margin: 0px 2px 0px 2px; }

.header-content-right-phone { float: right; font-size: 28px; color: #646566; }

.header-content-right-phone-icon { float: right; width: 23px; height: 23px; margin: 6px 10px 0px 0px; background: url(../img/header_phone.png); }

.menuline { float: right; position: relative; }

.hoverboxheader { display: none;
text-align: left;
position: absolute;
width: 180px;
float: left;
top: 33px;
left: -40px;
z-index: 99999999;
padding: 0px;

}

.hoverboxheader-line { float: left; width: 100%; padding: 7px; box-sizing: border-box; background: #ffc20e; border-bottom: 1px #555657 solid; color: #555657; font-weight: bold; font-size: 11px; }
.hoverboxheader-line:hover { color: #fff; }

.menuline:hover .hoverboxheader { display: block; }

.menuline2 { float: right; position: relative; width: 100%; }

.hoverboxheader2 { display: none;
text-align: left;
position: absolute;
width: 180px;
float: left;
left: -180px;
z-index: 99999999;
padding: 0px;

}

/* 1 */
.menuline2:hover .hoverboxheader2 { display: block; }
.menuline2:hover .menuline2 .hoverboxheader2 { display: none; }

/* 2 */
.menuline2 .menuline2:hover .hoverboxheader2 { display: block; }
.menuline2 .menuline2:hover .menuline2 .hoverboxheader2 { display: none; }

/* 3 */
.menuline2 .menuline2 .menuline2:hover .hoverboxheader2 { display: block; }
.menuline2 .menuline2 .menuline2:hover .menuline2 .hoverboxheader2 { display: none; }

/* 4 */
.menuline2 .menuline2 .menuline2 .menuline2:hover .hoverboxheader2 { display: block; }
.menuline2 .menuline2 .menuline2 .menuline2:hover .menuline2 .hoverboxheader2 { display: none; }

/* 5 */
.menuline2 .menuline2 .menuline2 .menuline2 .menuline2:hover .hoverboxheader2 { display: block; }
.menuline2 .menuline2 .menuline2 .menuline2 .menuline2:hover .menuline2 .hoverboxheader2 { display: none; }

/* 6 */
.menuline2 .menuline2 .menuline2 .menuline2 .menuline2 .menuline2:hover .hoverboxheader2 { display: block; }
.menuline2 .menuline2 .menuline2 .menuline2 .menuline2 .menuline2:hover .menuline2 .hoverboxheader2 { display: none; }

/* 7 */
.menuline2 .menuline2 .menuline2 .menuline2 .menuline2 .menuline2 .menuline2:hover .hoverboxheader2 { display: block; }
.menuline2 .menuline2 .menuline2 .menuline2 .menuline2 .menuline2 .menuline2:hover .menuline2 .hoverboxheader2 { display: none; }

/* 8 */
.menuline2 .menuline2 .menuline2 .menuline2 .menuline2 .menuline2 .menuline2 .menuline2:hover .hoverboxheader2 { display: block; }
.menuline2 .menuline2 .menuline2 .menuline2 .menuline2 .menuline2 .menuline2 .menuline2:hover .menuline2 .hoverboxheader2 { display: none; }

/* 9 */
.menuline2 .menuline2 .menuline2 .menuline2 .menuline2 .menuline2 .menuline2 .menuline2 .menuline2:hover .hoverboxheader2 { display: block; }
.menuline2 .menuline2 .menuline2 .menuline2 .menuline2 .menuline2 .menuline2 .menuline2 .menuline2:hover .menuline2 .hoverboxheader2 { display: none; }

/* 10 */
.menuline2 .menuline2 .menuline2 .menuline2 .menuline2 .menuline2 .menuline2 .menuline2 .menuline2 .menuline2:hover .hoverboxheader2 { display: block; }
.menuline2 .menuline2 .menuline2 .menuline2 .menuline2 .menuline2 .menuline2 .menuline2 .menuline2 .menuline2:hover .menuline2 .hoverboxheader2 { display: none; }

/* Header End */





/* Content */

.conteiner { margin: 20px auto 30px auto; width: 920px; }
.slider { float: left; width: 100%; }
.slider img { float: left; width: 100%; }

.content-menu { position: relative; z-index: 3; top: -60px; margin: auto; width: 850px; height: 387px; background: url(../img/content_menu.png); }
.content-menu-pages { position: relative; z-index: 3; top: -60px; margin: auto; width: 840px; padding: 15px; box-sizing: border-box; border-left: 40px #4c4d4f solid; background: #cecece; }
.content-menu-box { position: relative; float: left; width: 283px; height: 354px; padding: 10px; box-sizing: border-box; }
.content-menu-box-title { float: left; width: 100%; padding: 5px 0px 5px 0px; text-align: center; font-size: 14px; font-weight: bold; color: #4c4d4f; }
.content-menu-box-icons { float: left; width: 100%; padding: 5px 0px 5px 0px; margin-bottom: 10px; text-align: center; }
.content-menu-box-line { float: left; width: 100%; color: #4c4d4f; font-size: 13px; padding: 0px 7px 0px 7px; box-sizing: border-box; } 
.content-menu-box-line:hover { color: #fff; }
.content-menu-box-line-bottom { position: absolute; left: 0px; bottom: 12px; width: 100%; padding: 0px 20px 0px 20px; box-sizing: border-box;   }

.content-menu-box-line-bottom a { color: #4c4d4f; font-size: 13px; font-weight: bold; text-decoration: underline; }

.content-news-band { margin: -50px auto 50px auto; width: 734px; height: 78px; background: url(../img/news_band.png); }
.content-news-band-box { float: right; width: 570px; height: 53px; }

ul.slide{margin:0;
          padding:0;
		  height:52px;
		  line-height: 52px; vertical-align: middle;
		  list-style-type:none;
		  
		  }
 ul.slide li{float:left;
			 margin-left: 20px;
			 list-style-type:none;
			 }
 ul.slide li a { color: #111; }
 ul.slide img{border:1px solid silver;
             height:52px;}

			 
/* Content End */

/* Products */

.products-band { float: left; width: 100%; margin-bottom: 10px; box-sizing: border-box; }
.category-name { float: left; width: 100%; padding: 10px; box-sizing: border-box; border-bottom: 1px #4c4d4f solid; font-weight: bold; font-size: 22px; color: #4c4d4f; }
.category-left-name { float: left; width: 100%; box-sizing: border-box; padding: 10px; font-weight: bold; font-size: 22px; color: #4c4d4f; border-bottom: 1px #4c4d4f solid; }
.products-left { float: left; width: 300px; margin-bottom: 50px; }
.products-right { float: right; width: 560px; min-height: 300px; }
.product { position: relative; float: left; width: 140px; height: 175px; margin: 0px 40px 20px 0px; }
.product-img { float: left; width: 140px; height: 140px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border: 3px #4c4d4f solid; }
.product-detail-img { float: left; width: 220px; border: 1px #4c4d4f solid; margin: 10px; }
.product-bottom { position: absolute; left: 0px; bottom: 0px; width: 140px; height: 35px; }
.product-bottom-left { float: left; width: 100%; height: 40px; text-align: center; padding: 5px; box-sizing: border-box; color: #4c4d4f; font-size: 14px; font-weight: bold; }
.product-bottom-right { float: right; width: 110px; height: 40px; text-align: center; padding: 5px; box-sizing: border-box; }
.products-left-box-line { float: left; width: 100%; box-sizing: border-box; font-weight: normal; font-size: 12px; padding: 5px 15px 5px 15px; color: #fd2828; }

/* Products End */

/* Product */

.product-left { float: left; width: 220px; }
.product-right { float: right; width: 670px; min-height: 500px; }
.product-right-line { float: left; width: 100%; padding: 10px; box-sizing: border-box; border-bottom: 1px #d6d6d6 solid; }

/* Product End */

/* iletiþim sayfasý */

.iletisim_alan {float:left; width:790px; margin-top:25px; }
.iletisim_left {float:left; width:300px; font-size:14px; color:#666; }
.iletisim_right {float:right; width:320px; color:#666; }
.iletisim_down {float:left; margin-top:15px; width:960px; height:200px; margin-bottom:25px; background-color:#f0f0f0; height:250px; border-radius: 10px; }

/* Formlar */

.formline {  width: 330px; margin-top:10px; float:left; color:#666; font-size:14px;  }
.formtext {  width: 130px; height:35px; float:left; font-size:14px;}
.forminput { width: 190px;  padding: 3px; outline: none; color: #888; border: 1px solid  #CCCCCC; height:25px;   }
.formarea { width: 190px; min-height: 60px; float: left; padding: 3px; outline: none; color: #888;  }
.formbutton { background-color: #ef958a; text-align: center; padding:8px; margin:5px; color: #fff; float:right; width:110px; cursor: pointer; border: 0px;
transition:background .3s ease,background .3s linear;
-moz-transition:background .3s ease,background .3s linear;
-o-transition:background .3s ease,background .3s linear;
-webkit-transition:background .3s ease,background .3s linear;
-ms-transition:background .3s ease .3s;
}
.formbutton:hover { background-color:#eb6073; color:#000000; }
.formselect { width: 150px; float: left; padding: 3px; outline: none; color: #888; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	border: 1px; border-color: #d6d6d6; border-style: solid; }

/* Footer */

.footer { float: left; width: 100%; height: 70px; margin-top: 40px; background: #4c4d4f; }
.footer-content { position: relative; margin: auto; width: 920px; height: 70px; text-align: center; color: #fff; font-size: 11px;  }
.footer-logo { position: relative; z-index: 1; float: left; width: 100px; height: 44px; background: url(../img/footerlogo.png); margin-top: 15px; }
.footer-copyright { position: absolute; width: 100%; height: 70px; line-height: 70px; vertical-align: middle; color: #dadbdb; }
.footer-right { float: right; width: 270px; height: 70px; position: relative; z-index: 1; }
.footer-right-left { float: left; width: 150px; height: 55px; line-height: 55px; vertical-align: middle; color: #a2a2a3; font-weight: bold; font-size: 14px; }
.footer-right-right { float: left; width: 110px; height: 55px; }
.footer-right-bottom { position: relative; z-index: 1; float: left; width: 270px; height: 15px; text-align: right; padding-right: 20px; box-sizing: border-box; color: #a2a2a3; }
.footer-facebook-icon { float: left; width: 30px; height: 30px; margin-top: 11px; }
.footer-twitter-icon { float: left; width: 30px; height: 30px; margin-top: 11px; margin-left: -5px; }
.footer-linkedin-icon { float: left; width: 30px; height: 30px; margin-top: 11px; margin-left: -5px; }
.footer-youtube-icon { float: left; width: 30px; height: 30px; margin-top: 11px; margin-left: -5px; }

/* Footer End */