/*  Reset.Css */
body {font-family:"Myriad Pro", "Gill Sans", "Gill Sans MT", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; font-size:14px; color:#000; height:100%; background:#fff; line-height:1; margin:0px; padding:0px; position:relative;}
ul, li, ol, table_, tr_, td_, h1, h2, h3, h4, h5, h6, p, form, input, select, textarea, button, img {font-size:100%; font:inherit;  vertical-align: baseline; padding: 0; margin: 0; border: 0; list-style: none}

@font-face {font-family: 'AbakuTLSymSansRegular';src: url('../fonts/abakutlsymsans-regular-AbakuTLSymSans.eot');src: url('../fonts/abakutlsymsans-regular-AbakuTLSymSans.eot?#iefix') format('embedded-opentype'), url('../fonts/abakutlsymsans-regular-AbakuTLSymSans.ttf') format('truetype'), url('../fonts/abakutlsymsans-regular-AbakuTLSymSans.svg#AbakuTLSymSansRegular') format('svg');    font-weight: normal; font-style: normal;}
.TL {color:#333;}
.TL:before{font-family: "AbakuTLSymSansRegular",Verdana,Arial;content:"¨";padding-right:3px;}
.USD {color:#333;}

.header {min-height:50px; padding-top:10px; padding-bottom:10px;}


#diller {padding-bottom:5px; padding-right:30px}
#diller a {display:block; float:right; margin-left:10px; margin-bottom:5px; border-left:solid 1px #339fd3; padding-left:10px;}
#diller a.son {border-right:solid 1px #339fd3;padding-right:10px;}
#diller a:hover { color:#ff0000;}

.ustmenu a.facebook {display:block; height:45px; padding-left:47px; padding-top:18px; float:right; margin-left:5px; margin-bottom:5px; background:url('../images/facebook.png') no-repeat; border:0;}
.ustmenu a.instagram {display:block; height:45px; padding-left:47px; padding-top:18px; float:right; margin-left:5px; margin-bottom:5px; background:url('../images/instagram.png') no-repeat; border:0;}
.ustmenu a.watsapp {display:block; height:45px; padding-left:47px; padding-top:18px; float:right; margin-left:5px; margin-bottom:5px; background:url('../images/watsapp.png') no-repeat; border:0;}

.silici{clear:both;height:0; display:block;}
.fleft{float:left}
.fright{float:right}
.kapsul {width:250px; height:200px; margin:10px; background:#f9f9f9; padding:10px; text-align:center;}
.golge{-webkit-box-shadow:0 0 5px 3px rgba(148,148,148,0.8);-moz-box-shadow:0 0 5px 3px rgba(148,148,148,0.8);box-shadow:0 0 5px 3px rgba(148,148,148,0.8);-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=14,Direction=135,Color='#949494')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=14,Direction=135,Color='#949494')}
.icgolge{-moz-box-shadow:inset 0 0 20px #c1c1c1;-webkit-box-shadow:inset 0 0 20px #c1c1c1;box-shadow:inset 0 0 20px #c1c1c1}
.ovalkose{border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px}
.cerceve{border:solid 1px #bababa}
.formtext{background-color:#f0f0f0;width:99%; padding:8px;font-size:15px;color:#333;font-weight:700;border:0;font-family:Arial,Helvetica,sans-serif;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px}
.submitbuton {padding:5px 15px;background-color:#f0f0f0; color:#f00;}
.submitbuton:hover {background-color:#ccc;}
#icerik {min-height:600px; width:100%; display:inline-block; color:##000; font-size:14px; line-height:16px; text-align:justify;margin:10px 0; padding:20px;}
#icerik table, tr, td {padding: 5px; margin: 3px; border: 0px solid #ccc;}
#icerik h2 {font-size:20px; display:block; text-align:left; padding:5px; border-bottom:dotted 1px #ccc; margin-bottom:20px;}
.hata {padding:15px; text-align:center; color:#D70003;}

#solblok {width:19%; float:left;}
#solblok a {display:block; font-size:14px; text-align:left; padding:5px 3px; text-decoration:none; border-bottom: dotted 1px #ccc;}
#solblok a:hover {background:#E8E8E8; color:#333;}
#sagblok {width:79%; float:right}


#sayfalama {text-decoration:none; padding-left:15px; padding-top:20px;}
#sayfalama a {margin:2px; padding:5px 15px; text-decoration:none; display:block; float:left; background:#727cb1;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;color:#fff;}
#sayfalama a:link {color: #fff;text-decoration: none;}
#sayfalama a:visited {text-decoration: none;color: #fff;}
#sayfalama a:hover {text-decoration: none;color: #fff; background:#535d92;}
#sayfalama a:active {text-decoration: none;color: #fff;}
 

/* -------------ÜRÜN LİSTELEME -----------------*/
.urunkutu {width:270px; float:left; height:420px; padding:5px; margin:5px 10px 20px 10px;border:solid 1px #bababa; background:#f9f9f9;}
.urunkutu:hover {border:1px solid #46adef;-moz-box-shadow:inset 0 0 20px #c1c1c1;-webkit-box-shadow:inset 0 0 20px #c1c1c1;box-shadow:inset 0 0 20px #c1c1c1}
.urunkutu .urunresim {text-align:center; vertical-align:middle; display:table-cell; width:100%; margin:auto;height:220px;}

.urunkutu .urunresim img {border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;display:block; margin:0 auto 10px auto; width:90%}

.urunkutu a.urunadi {display:block; margin:auto;height:55px;width:100%;}
.urunkutu .fiyat {display:block; text-align:center;  padding :5px 0;width:100%;}
.urunkutu input.button, #sepet a.buton, .submitbuton {
	transition-duration: 600ms;
	cursor: pointer;
	color:#fff; display:block; text-decoration:none;
	text-align:center;
	 
	background-image: -ms-linear-gradient(top, #d4d4d4 0%, #535354 100%);/* IE10 Consumer Preview */ 
	background-image: -moz-linear-gradient(top, #d4d4d4 0%, #535354 100%);/* Mozilla Firefox */ 
	background-image: -o-linear-gradient(top, #d4d4d4 0%, #535354 100%);/* Opera */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d4d4d4), color-stop(1, #535354));/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-linear-gradient(top, #d4d4d4 0%, #535354 100%);/* Webkit (Chrome 11+) */ 
	background-image: linear-gradient(to bottom, #d4d4d4 0%, #535354 100%);/* W3C Markup, IE10 Release Preview */ 
	filter: progidXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d4d4d4', endColorstr='#535354'); /* IE6 & IE7 */
	-ms-filter: "progidXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d4d4d4', endColorstr='#535354')"; /* IE8 */
	border:1px solid #535354;
	
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
 	margin: 10px auto;height: 28px; line-height:28px;padding: 0px 12px;font-size:13px;}

.urunkutu input.button:hover, #sepet a.buton:hover, .submitbuton:hover {
	transition-duration: 600ms;
	background-color:#46adef ;
	color:#fff;
	
	background-image: -ms-linear-gradient(top, #9ad5fb 0%, #46adef 100%);/* IE10 Consumer Preview */ 
	background-image: -moz-linear-gradient(top, #9ad5fb 0%, #46adef 100%);/* Mozilla Firefox */ 
	background-image: -o-linear-gradient(top, #9ad5fb 0%, #46adef 100%);/* Opera */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9ad5fb), color-stop(1, #46adef));/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-linear-gradient(top, #9ad5fb 0%, #46adef 100%);/* Webkit (Chrome 11+) */ 
	background-image: linear-gradient(to bottom, #9ad5fb 0%, #46adef 100%);/* W3C Markup, IE10 Release Preview */ 
	filter: progidXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#9ad5fb', endColorstr='#46adef'); /* IE6 & IE7 */
	-ms-filter: "progidXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#9ad5fb', endColorstr='#46adef')"; /* IE8 */
	border:1px solid #46adef;
 }
/* -----------//ÜRÜN LİSTELEME -----------------*/

#urundetay .resim {float:left;width:30%; text-align:center;}
#urundetay .resim img {width:95%; display:block; margin:auto;border:solid 1px #fff;}
#urundetay .resim img:hover {border:solid 1px #EF0206}
#urundetay .digerresimler, .sepetfiyat {padding:10px; margin-top:10px}
#urundetay h3 { display:block; padding:0 0 5px 0; margin:0 0  10px 0; font-weight:bold; border-bottom:dotted 1px #B4B4B4}
#urundetay .digerresimler img {height:75px; border:solid 1px #bababa; padding:3px; display:block; float:left; margin:5px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
#urundetay .digerresimler img:hover {border:solid 1px #EF0206}
#urundetay .aciklama {width:100%; text-align:justify; padding:10px; line-height:150%;margin-top:10px}
#urundetay .aciklama img {display:block; width:100%; margin:auto;border:solid 1px #bababa;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px}
#urundetay .sepet {font-size:13px; font-style:italic;}

#urundetay  input.button {
	transition-duration: 600ms;
	cursor: pointer;
	color:#fff; 
	display:block; 
	text-decoration:none;
	text-align:center;
	
	background-image: -ms-linear-gradient(top, #9ad5fb 0%, #46adef 100%);/* IE10 Consumer Preview */ 
	background-image: -moz-linear-gradient(top, #9ad5fb 0%, #46adef 100%);/* Mozilla Firefox */ 
	background-image: -o-linear-gradient(top, #9ad5fb 0%, #46adef 100%);/* Opera */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9ad5fb), color-stop(1, #46adef));/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-linear-gradient(top, #9ad5fb 0%, #46adef 100%);/* Webkit (Chrome 11+) */ 
	background-image: linear-gradient(to bottom, #9ad5fb 0%, #46adef 100%);/* W3C Markup, IE10 Release Preview */ 
	filter: progidXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#9ad5fb', endColorstr='#46adef'); /* IE6 & IE7 */
	-ms-filter: "progidXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#9ad5fb', endColorstr='#46adef')"; /* IE8 */
	border:1px solid #46adef;
	
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
 	margin: 10px auto; width:150px;padding:15px 12px;font-size:18px;}

#urundetay input.button:hover {
	transition-duration: 600ms;
	background-color:#46adef ;
	color:#fff;
	
	background-image: -ms-linear-gradient(top, #d4d4d4 0%, #535354 100%);/* IE10 Consumer Preview */ 
	background-image: -moz-linear-gradient(top, #d4d4d4 0%, #535354 100%);/* Mozilla Firefox */ 
	background-image: -o-linear-gradient(top, #d4d4d4 0%, #535354 100%);/* Opera */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d4d4d4), color-stop(1, #535354));/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-linear-gradient(top, #d4d4d4 0%, #535354 100%);/* Webkit (Chrome 11+) */ 
	background-image: linear-gradient(to bottom, #d4d4d4 0%, #535354 100%);/* W3C Markup, IE10 Release Preview */ 
	filter: progidXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d4d4d4', endColorstr='#535354'); /* IE6 & IE7 */
	-ms-filter: "progidXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d4d4d4', endColorstr='#535354')"; /* IE8 */
	border:1px solid #535354;
 }
 
.urundetay {padding-left:15px; float:right; width:65%; margin-left:5px; font-size:15px;}
.urundetay div {border-bottom:dotted 1px #ccc; padding:10px 5px; margin:0 0 0 5px;}
.urundetay .birim {width:150px;}
.urundetay .birim2 {width:100px;}
.urundetay .birim2 input.adet {width:100%; display:block; border:solid 1px #ccc; padding:3px 5px;}
#sepet .sepettoplam {margin-top:20px; border-top:dotted 1px #B4B4B4}
#sepet h3 {font-size:20px; display:block; text-align:left; padding:5px; border-bottom:dotted 1px #ccc; margin-bottom:20px;}



input[type=password]   	{}
#WERKSAN span      		{position: relative;}
#WERKSAN span 
#letterViewer          	{display: none; position: absolute; top: -30px; width: 100px;font: bold 72px Helvetica, Sans-Serif; color:#f00;}

.logo img:hover { cursor:pointer}

.ustmenu ul li {float:right;}


.ustmenu ul li a{display:block; text-align:center; padding:5px; color:#000; margin:5px 2px; font-size:14px;}
.ustmenu ul li a:hover 	{text-decoration: none;	color: #646464; background:#efefef}
.livesupport {padding:5px; color:#000; margin:5px; font-size:16px; display:inline-block; margin-top:30px;}
.livesupport img {vertical-align:middle;}
.livesupport a:hover 	{text-decoration: none;	color: #646464; background:#efefef}
.mainslider img {width:100%;}
.mainslider {border-top:5px solid #000}

.ortamenu {width:100%; display:inline-block; background:#000; padding-top:14px; padding-bottom:14px;}

.ortamenusolTR ul li {float:left; display:block; border-right:1px solid #fff}
.ortamenusolTR ul li a {padding:5px 35px; font-size:15px; color:#fff;}
.ortamenusolTR ul li a:hover {background:#444;text-decoration:none}

.ortamenusolENG ul li {float:left; display:block; border-right:1px solid #fff}
.ortamenusolENG ul li a {padding:5px 30px; font-size:15px; color:#fff;}
.ortamenusolENG ul li a:hover {background:#444;text-decoration:none}

.ortamenusolRU ul li {float:left; display:block; border-right:1px solid #fff}
.ortamenusolRU ul li a {padding:5px 18px; font-size:15px; color:#fff;}
.ortamenusolRU ul li a:hover {background:#444;text-decoration:none}

.searchli input.itext {max-width:100px; height:20px; font-size:10px; color:#f00; padding:0 15px;}
.searchbutton {color:#fff; background:#000; padding-left:5px;}
.searchli {border-right:0px!important; color:#fff;padding:0 10px;}
.footer100 {width:100%; display:inline-block; background:#e9e9e9}


.orta3tabdiv {width:100%; display:inline-block; overflow:hidden; float:left; position:relative;}
.ortabaslik {position:absolute; width:360px; height:50px; background:url(../images/ortabaslikbg.png) no-repeat; color:#fff; padding:5px 5px 5px 25px; top:0; left:0;}
.ortabaslik ul li:nth-of-type(1) {font-size:20px}
.ortabaslik a {color:#fff;}
.ortabaslik a:hover {text-decoration:none;}
.ortabaslik ul li:nth-of-type(2)  {font-size:14px;}
.orta3tabdiv img {border:1px solid #424242; max-width:100%;}
.ortatabgenel {margin:0px; background:#000; margin-top:1px}
.orta3tab {padding-left:3px; padding-right:3px;}


.slider2li {margin-top:10px; margin-bottom:10px;}
.slider2libaslik {width:100%; float_:left; display:inline-block; text-align:center; padding-top:6px; padding-bottom:6px; color:#fff;
 background: #3b3b3b;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3b3b3b), to(#020202));
background-image: -webkit-linear-gradient(top, #3b3b3b, #020202);
background-image:    -moz-linear-gradient(top, #3b3b3b, #020202);
background-image:     -ms-linear-gradient(top, #3b3b3b, #020202);
background-image:      -o-linear-gradient(top, #3b3b3b, #020202);

}

.altslider2 {background:#e9e9e9}
.slider2lidiv ul li {float:left; width:50%; padding-left:10px; padding-right:10px; text-align:center;}
.slider2lidiv ul li img {height:55px; max-width:100%;}
.slider2lidiv ul {width:100%; display:inline-block; padding-left:60px; padding-right:60px;}

.fulltab {height:260px;}
.fulltab img {width:100%; height:260px;}
.fulltableft {position:relative; padding:0px; background:#000}
.fulltableft img {opacity:0.3}
.fulltabright {padding:0px;}
.fulltabrow {padding-top:5px; padding-bottom:5px;}

.fulltableft .ortabaslik {z-index:23532; top:30px; left:95%;}
.fulltab2row .fulltableft .ortabaslik {left:auto; right:95%; background:url(../images/ortabaslikbg2.png) no-repeat; text-align:right; padding:5px 25px 5px 5px;}
.fulltabrow3 .ortabaslik {top:20px; left:0;}

.singlesayfa {width:100%; float:left; display:inline-block; margin-top:20px; padding-bottom:30px;}
.singesayfabaslik {width:100%; display:inline-block; color:#000; font-size:20px; text-align:center; margin-bottom:20px;}

.singleicerik {width:100%; display:inline-block; float:left;}

@media (min-width:769px) {
	
.responsivemenu {display:none}
.ustmenu ul {display:block!important; float:right; margin-top:5px; border-right:1px solid #000; padding-right:5px;}	

}
@media (min-width:992px) {

.slider2lidiv ul li img { height:108px;}
}

@media (min-width:1200px) {
.container {width:1170px;}	
}

@media (min-width:992px) and (max-width:1200px) {
.ustmenu ul li a {font-size:12px;}
.livesupport{font-size:12px;}	
.ortamenusol ul li a {font-size:12px;}
.searchli input.itext {height:17px;}
 
 }



@media (min-width:768px) and (max-width:992px) {
.ustmenu ul li a {font-size:12px;}	
.ustmenu ul li a {font-size:12px;}
.livesupport{font-size:12px;}	
.ortamenusol ul li a {font-size:12px;}
.searchli input.itext {height:17px;}

 }

@media (max-width:992px) {
		.searchli {width:100%; margin-top:25px; text-align:center; color:#fff; padding:0 10px;}
	
}
@media (max-width:768px) {
	.fulltab img {heigt:auto;}
	.orta3tab {width:50%;}
	.ortamenusol ul {display:inline-block; text-align:center}
	.ortamenusol ul li {float:none; display:inline-block; margin-bottom:5px;}
	.ortamenusol ul li a {padding:5px;}
.ustmenu ul li a {font-size:12px;}	
.ustmenu ul li a {font-size:12px;}
.livesupport{font-size:12px;}	
.ortamenusol ul li a {font-size:12px;}
.searchli input.itext {height:17px;}
.responsivemenu {display:block!important; position:absolute; right:20px;}
.responsivemenu i {cursor:pointer; display:block;  background:#f5f5f5; height:30px; line-height:30px; text-align:center; padding:0 5px; font-size:20px;}	
.responsivemenu i:hover  {text-decoration: none; 	color: #ef4136;}
.ustmenu ul {display:none; width:200px; position:absolute; border:1px solid #ddd; right:20px; top:35px; z-index:99}
.ustmenu ul li {width:100%;}
.ustmenu ul li a {text-align:left; color: #ef4136; background:#f5f5f5; margin:0px; height:auto; line-height:inherit; padding:8px; border-bottom:1px solid #ddd}


#urundetay .resim {float:none; margin:auto;text-align:center;width:100%;}  
#urundetay .resim img {width:100%; margin:auto;}
#urundetay .urundetay {float:none; margin:auto; width:100%;}
#urundetay .aciklama img {display:block; width:98%; margin:auto;}
 
.footer100 .logo img, .header .logo img.logo { width:90%; margin:auto; display:block;}
.header .logo img.iwflogo { width:auto;margin:auto; display:block;}
.turna { text-align:center;}


#solblok {width:100%; float:none; margin:0 auto;}
#sagblok {width:100%; float:none; margin:10px auto 0 auto;}
 }

 

@media (max-width:500px) {
	.fulltab {overflow:hidden}
	.slider2lidiv ul li img {height:55px; width:auto;}
.orta3tab {width:300px; margin:0 auto; display:table; float:none; margin-bottom:10px;}

#urundetay .aciklama img {display:block; width:350px; height:200px; margin:auto;}
 }