@import url(https://fonts.googleapis.com/css?family=Lato:400,700,300&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=latin,latin-ext);
@charset "utf-8";

.clear { clear:both; }

a{text-decoration: none; color:#111;}
a:hover{color:#333333;}
h1{color:#666969; font-size: 18px; font-family: 'Open Sans', sans-serif; font-weight: 400}

#main { width:100%; font-family: 'Lato', sans-serif;}

#slider{ width: 1024px; margin:0 auto; text-align: center; overflow: hidden; margin-top: 20px;}

#header { width:1024px; margin:0 auto; text-align: center; display: block; }
#headerContent { text-align: left; height: 100px; }
#headerContent img { display: inline-block; float: left;  }
#headerContent ul > li { margin-right: 8px; margin-left: 8px; list-style-type: none; display: inline-block;   font-family: 'Lato' , sans-serif; color:#111; font-size: 14px; margin-top: -30px; }
#headerContent ul { margin-top: -30px; float: right;  }
#headerLine { width: 100%; height: 1px; background-color: #cecfd1;}
#langDiv img { position: relative; float: right; margin-right: 10px; margin-top:11px; margin-right: 10px }

#mainFooter{width: 100%; height: 60px; background-color: #8c8d8f; }
#footer{width: 1024px; margin: 0 auto; text-align: center;}
#footerContent{padding: 15px; color:#fff; font-size: 9px; font-family: 'Lato', sans-serif;}


#contentMain{min-height: 600px; width: 1024px; text-align: center; margin: 0 auto; display: block; font-family: 'Open Sans', sans-serif;margin-top:40px;}
.motto{margin-left:30px; margin-right:30px;width: 250px; min-height: 400px; height: 200px; display: inline-block; color:#666969; font-weight: 300; font-size: 12px; line-height: 130%;vertical-align: top;}
.motto h1{color:#808282; height: 40px}
.motto img{vertical-align: middle;}
.motto [title]{font-size: 12px}
#mottoTotal{ height: 400px; }
#kategoriMainpage{display: block; width: 1024px; margin-top: -140px; margin-bottom: 0px;}
.kategorilerMainpage{display: inline-block; width: 230px; height: 300px; font-weight: 300; vertical-align: top;}

#hakkimizda{width: 1024px; margin:0 auto; text-align: center;}
#hakkimizdaContent{text-align: left; font-weight: 300; line-height: 130%; margin-top: 50px; margin-bottom: 120px;font-family: 'Open Sans', sans-serif;}

.SliderArea { width:1024px; height:300px; margin-top:20px; }
.SlideInnerArea { width:1024px; height:300px; background-color:#FFFFFF; overflow:hidden; position:relative; z-index:0; float:left; 
                  margin-left:8px; margin-top:8px; }
.SliderLeftBTN { width:33px; height:34px; background:url(../img/leftBtn.png) no-repeat; cursor:pointer; position:relative; z-index:99999; left:880px; top:81px; }
.SliderLeftBTN:hover {}
.SliderRightBTN { width:33px; height:34px; background:url(../img/rightBtn.png) no-repeat; cursor:pointer; position:absolute; z-index:99999; left:915px; top:81px; }
.SliderRightBTN:hover {}
.SlidePhoto { width:1024px; height:300px; position:absolute; z-index:1;  overflow:hidden; }
.SlidePhoto img { width:100%; min-height:300px; }
#nextSlide{position:relative;z-index: 99;}

#iletisim{width: 1024px; margin: 0 auto; text-align: center; margin-bottom: 100px;}
#iletisim h1{font-family: 'Open Sans', sans-serif;}
#iletisimContent{text-align: left; margin-bottom: 50px; display: block;}
#iletisimRight{display: inline-block; position: relative; width: 450px; float: right; margin-bottom: 100px;}
#iletisimLeft{display: inline-block; position: relative; width: 450px; float: left;}
#map{ width: 1024px; height: 400px; }

#referansContent{width: 1024px;margin:0 auto;text-align: center; margin-bottom: 100px; padding:40px;}
#referansContent img{ text-align: center; padding: 30px; margin-top: 50px;vertical-align: middle;}

#urunler{width: 1024px; margin:0 auto; text-align: center;}
#urunlerContent{text-align: left;  }
#urunlerGenel{ margin-bottom: 100px;display: block; min-height: 600px }
.urunlerTek{text-align: center; width: 200px; display: inline-block;margin-right: 25px; margin-left: 25px; margin-top: 100px;}

#urunDetay{width: 1024px; margin:0 auto; text-align: center;}
#urunContent{ text-align: left;}
#urunDetayContent{ margin-top: 100px; margin-bottom: 100px; display: block;}
#urunImg{display: inline-block; width: 600px; vertical-align: top; max-width:600px;}
#urunOzellik{display: inline-block;  width: 300px; margin-left: 100px; font-size:12px; vertical-align: top; line-height: 140%;width: 320px; overflow: hidden;}
#urunOzellik table { border-radius: 3px; border-collapse: collapse; border:1px solid #E1EEF4; text-align: left; width: 100%; font-size: 14px } 
#urunOzellik table td, #urunOzellik table th { padding: 16px 12px; }
#urunOzellik table tbody td { color: #00496B; border: 1px solid #E1EEF4;font-size: 12px;font-weight: normal; }
#urunOzellik table tbody .alt td { background: #E1EEF4; color: #00496B; }
#urunOzellik table tbody td:first-child { border-left: none; }
#urunOzellik table tbody tr:last-child td { border-bottom: none; }

#urunAciklama table { border-radius: 3px; border-collapse: collapse; border:1px solid #E1EEF4; text-align: left; width: 100%; font-size: 14px } 
#urunAciklama table td, #urunOzellik table th { padding: 16px 12px; }
#urunAciklama table tbody td { color: #00496B; border: 1px solid #E1EEF4;font-size: 12px;font-weight: normal; }
#urunAciklama table tbody .alt td { background: #E1EEF4; color: #00496B; }
#urunAciklama table tbody td:first-child { border-left: none; }
#urunAciklama table tbody tr:last-child td { border-bottom: none; }
#urunAciklama{font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 130%;}

#galeri{width: 1024px; text-align: center; margin:0 auto;}
#galeriContent{text-align: left;}
#galeriOrta{text-align: center; display: block; margin-bottom: 100px; min-height: 600px;}
#galeriTek{margin-top: 50px; margin-left: 25px; margin-right: 25px; display: inline-block;}
#galeriTek img{border:1px solid #00496B; border-radius: 3px;}
.galeriLine{width: 200px; height: 1px; background-color:#cecfd1; margin-top: 10px;}


.dropotron {background: #fff;font-family: 'Arimo', sans-serif;font-weight: 400;list-style: none;margin: 0;min-width: 10em;font-size: 12px;position:relative;
  z-index:999999999;margin-top:10px;margin-left: -25px;}
.dropotron > li {border: solid 1px #111;;background-color: #fff;margin: 0;padding: 0;position:relative;z-index:9999999;width: 100%;
  height: 35px;width: 100%;vertical-align: middle;}
.dropotron > li:first-child { border-top: 0; }

.dropotron > li > a {color:#111;display: block;padding: 0.5em 0.5em 0.5em 0.5em;text-decoration: none;position:relative;
  z-index:99999999;margin-top: 4px; margin-left: 10px;margin-right: 10px;}
.dropotron > li{ border-top: 0; margin-top:-4px;}
.dropotron >li:hover{}
.dropotron > li.active > a,
.dropotron > li:hover > a { color: #333333; position:relative;z-index:999999999; }
.dropotron.level-0 { margin-top: 0.5em; }
.dropotron.level-1 { margin-left: 0px; margin-top:0px; z-index: 999999999; }
.dropotron.level-0:before {content: '';position: absolute;border-top: solid 0.2em #fff;border-left: solid 0.5em transparent;border-right: solid 0.5em transparent;
  top: -0.5em;position:relative;z-index:99999999;margin-left: 50px;}

#simple-menu{ display: none; }
#sidr{ display: none; }
.galeriDiv{ width: 1024px; text-align: left; }
.urunDetayContentImg{ max-width: 600px; }


  @media screen and (max-width: 414px) {

  	#buttons{ display: none; }
  	#header{ width: 100%; }
  	#logo{ width: 200px; margin-top: 13px; margin-left: 5%; }
  	#slider{ width: 100%; max-width: 414px; }
  	.SliderArea{ width: 100%; }
  	.SliderInnerArea{ width: 100% }
  	.SlidePhoto{ width: 100%; }
  	.SlidePhoto img { width:100%; min-height:100px; }
  	.SliderLeftBTN { display: none; }
  	.SliderRightBTN { display: none; }
  	#mottoTotal{ display: none; }
  	#kategoriMainpage{display: block; width: 300px;  text-align: center; margin:0 auto; margin-bottom: 0px; margin-top: 200px;}
  	.kategorilerMainpage{display: inline-block; width: 290px; margin-top: 10px;}
  	#contentMain{ width: 100%; }
  	#footer{width: 100%; margin: 0 auto; text-align: center;}
  	#nextSlide{ display: none; }
  	#prevSlide{ display: none; }
  	#copy{ font-size: 7px; }
  	#simple-menu{ display: block; float: right; }
  	#langDiv{float: right;}
  	#sidr{ width: 60%; background-color: #0e76bc;  display: block; color:#fff; }
  	#navBar{ list-style-type: none; text-align: left; color:#fff; }
  	#navBar li{ color:#fff; margin-top: 20px; font-family: 'Arimo', sans-serif; margin-left: 20px; font-weight: 300;   }
  	#navBar li a{ color:#fff;}

  	#hakkimizda{ width: 90%; margin-left: 5%; }
  	#referansContent{ width: 90%; margin-left: 5%; padding: 0; }
  	#referansContent img{ text-align: center; margin-top: 50px;vertical-align: middle;}

  	#galeri{ width: 90%; margin-left: 5%; }
  	.galeriDiv{ width: 100%; }

  	#iletisim{ width: 90%; margin-left:5%; }
  	#iletisimRight{ width: 100%; margin-top: 50px; }
  	#iletisimLeft{ width: 100%; }
  	#map{ width: 100%; height: 250px; }
  

  	#urunler{ width: 100%; }
  	#urunDetay{ width: 100%; }
  	#urunImg{ width: 300px; max-width:300px; }
  	#urunOzellik{display: inline-block;  width: 300px; max-width: 300px; margin-left: 0px; font-size:12px; vertical-align: top; line-height: 140%;width: 320px; overflow: hidden;}
#urunOzellik table { border-radius: 3px; border-collapse: collapse; border:1px solid #E1EEF4; text-align: left; width: 100%; font-size: 14px } 
#urunOzellik table td, #urunOzellik table th { padding: 16px 12px; }
#urunOzellik table tbody td { color: #00496B; border: 1px solid #E1EEF4;font-size: 12px;font-weight: normal; }
#urunOzellik table tbody .alt td { background: #E1EEF4; color: #00496B; }
#urunOzellik table tbody td:first-child { border-left: none; }
#urunOzellik table tbody tr:last-child td { border-bottom: none; }
	.urunDetayContentImg{ width: 300px; }
	#urunAciklama table { display: none;}
  }