.IcBaslik{width:735px; padding:10px; background-color:#3d7ea4; font-size:14px; color:#FFF; font-weight:bold; margin-bottom:10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
 .Taglar{width:100%;}
 .Taglar a{font-weight:bold; font-size:14px; color:#000; padding:3px;}

#HeaderLine{background:url(../images/HeaderBg.png) #FFF repeat-x center; height:115px; width:100%; }
#HeaderLine .Header{width:1000px; margin:0 auto; position:relative;}
#HeaderLine .Header .Logo{position:absolute; left:0px; top:40px;}
#HeaderLine .Header .HeaderMenu{ position:absolute; right:0px; top:10px;}
#HeaderLine .Header .HeaderMenu ul li{float:left; vertical-align:middle; padding:5px;}
#HeaderLine .Header .HeaderMenu ul li a{ font-size:11px; color:#999;}
#HeaderLine .Header .HeaderMenu ul li a:hover{color:#333;}

#MenuLine{background-color:#003399; width:100%; height:45px;}

#Orta{ background-color:#FFF; padding:10px; width:1000px; margin:0 auto; margin-top:20px;}
#Orta strong{font-weight:bold;}
#Orta .Flash{width:710px; float:left;  vertical-align:middle; background-color:#666;}
#Orta .HaberTab{width:290px; float:left; vertical-align:middle;  } 
#Orta .Line{width:100%; height:4px; background-color:#555555; margin-top:10px; margin-bottom:10px; clear:both;}
#Orta .OrtaTab{width:1000px; margin-bottom:10px;}
#Orta .UrunDetay table{max-width:550px;}
#Orta .UrunDetay table tr td{max-width:250px;}
#Orta .UrunDetay img{max-width:680px;}
#Orta .OrtaTab .Ot1{width:326px; height:156px; background:url(../images/img-md1.jpg) no-repeat #f7f7f7; float:left; vertical-align:middle; margin-right:10px; position:relative; }
#Orta .OrtaTab .Ot1 .Ot1Detay1{position:absolute; bottom:0px;  width:305px; margin:10px; opacity:0.8;}
#Orta .OrtaTab .Ot1 .Ot1Detay1 .Bslk1{background-color:#003399;  padding:10px; color:#FFF; cursor:pointer;}
#Orta .OrtaTab .Ot1 .Ot1Detay1 .Icerik1{background-color:#000; width:100%; min-height:100px;  display:none;   }

#Orta .OrtaTab .Ot2{width:326px; height:156px; background:url(../images/img-md2.jpg) no-repeat #f7f7f7; float:left; vertical-align:middle; margin-right:10px;  position:relative;}
#Orta .OrtaTab .Ot2 .Ot1Detay2{position:absolute; bottom:0px;  width:305px; margin:10px; opacity:0.8;}
#Orta .OrtaTab .Ot2 .Ot1Detay2 .Bslk2{background-color:#003399;  padding:10px; color:#FFF; cursor:pointer;}
#Orta .OrtaTab .Ot2 .Ot1Detay2 .Icerik2{background-color:#000;width:100%; min-height:100px;z-index:100;display:none;}
#Orta .OrtaTab .Ot3{width:328px; height:156px; background-color:#f7f7f7; float:left; vertical-align:middle}

#Orta .sayfaIc{width:755px;   margin-right:10px; float:left;vertical-align:middle; }
#Orta .sayfaIc ul li{ font-weight:normal; }
#Orta .sayfaIc .SayfaIcBaslik{width:720px; padding:10px; background-color:#3d7ea4; font-size:14px; color:#FFF; font-weight:bold; margin-bottom:10px;}
#Orta .SayfaLink{width:235px;  float:left;vertical-align:middle;}
#Orta .sayfaIc .SayfaResmi{width:755px; height:170px;  }
#Orta .sayfaIc .SayfaIcDetay{ width:755px; text-align:justify; text-indent: 15px; }
#Orta .sayfaIc .SayfaIcVideo{width:740px;  margin-top:20px; margin-bottom:20px;}
#Orta .SayfaLink .SayfaLinkBaslik{padding:10px; font-weight:bold; font-size:14px;color:#FFF; background-color:#003399;}
#Orta .SayfaLink  ul li{ clear:both; margin-top:5px; background-color:#999;  }
#Orta .SayfaLink ul li a{  display: block; font-size:13px;float: left;font-weight: bold;line-height: 25px;background: url(../images/sep-list-right.gif) no-repeat 9px 8px;padding-left: 21px; color: #333;} 
#Orta .Duyurular{width:755px;   margin-right:10px; float:left;vertical-align:middle; }

 
#Orta .Duyurular .DuyurularList{border:#ccc solid 1px; width:235px; height:350px; float:left; vertical-align:middle; padding:5px;  margin-bottom:10px;}
#Orta .Duyurular .DuyurularList2{border:#ccc solid 1px; width:235px; height:350px; float:left; vertical-align:middle; padding:5px;  margin-bottom:10px; margin-left:7px; margin-right:7px;}
#Orta .Duyurular .DuyurularList img{width:100%;}
#Orta .Duyurular .DuyurularList h1{font-size:12px; font-weight:bold; margin-bottom:5px; }
#Orta .Duyurular .DuyurularList p{text-align:justify; text-indent: 15px; }
 

#Orta .UrunBilgileri{width:280px; }
#Orta .UrunBilgileri tr td{padding:5px; font-size:14px;}
#Orta .UrunVideo{background-color:#ccc;  width:300px; height:220px;  border: 1px solid #ccc; background: #fff; box-shadow: 1px 1px 7px rgba(0,0,0,0.1); padding:5px; float:left; vertical-align:middle; }

.UrunSol{width:330px; float:left; vertical-align:middle;}
#Orta .UrunDetay{  width:670px; float:left; vertical-align:middle; }
#Orta .UrunDetay strong{font-weight:bold;}
 
#Orta .Referanslar{width:228px; height:220px; margin:5px; padding:5px; border:1px solid #eeeeee; background-color:#f7f7f7; float:left; text-align:center;}
#Orta .Referanslar h1{font-weight:bold; font-size:14px; margin-top:10px; color:#808080;}



#Orta .UrunResmi{ width:380px; }
#Orta .UrunResmi .main-image {    height:260px;  width:300px;   margin-bottom: 0.75em;}
#Orta .UrunResmi .main-image img{  height:260px;  width:300px; }
#Orta .UrunResmi .thumbnails li { display: inline; margin: 0 10px 0 0; width: 65px; margin: 9px; float: left; Orta-align: middle; }
#Orta .UrunResmi img { width: 50px; height: 50px;  padding: 5px;  border: 1px solid #ccc;  background: #fff;  box-shadow: 1px 1px 7px rgba(0,0,0,0.1); }
#Orta .UrunResmi  ul {  list-style: none;  margin-bottom: 1.5em; }


#Orta .SayfaLink ul li a:hover{background:url(../images/bg-hover-list.png) no-repeat left top;line-height:25px;color:#fff;width:230px;text-decoration:none;}  
  


#Orta .IletisimHarita{background-color:#999; width:100%; height:250px; margin-bottom:10px;}
#Orta .IletisimBilgileri{ width:500px; margin-right:20px;  float:left; vertical-align:middle;}
#Orta .IletisimBilgileri h1{font-size:18px; color:#003399; padding:10px;}
#Orta .IletisimBilgileri strong{font-size:17px; color:#333; font-weight:bold;}
#Orta .IletisimBilgileri tr td{padding:5px; font-size:13px;}
#Orta .IletisimFormu{ width:480px;  float:left; vertical-align:middle;  }
#Orta .IletisimFormu h1{font-size:18px; color:#003399; padding:10px;}
#Orta .IletisimFormu p{font-weight:bold; padding:5px; padding-left:20px; width:400px;background-color:#036; color:#FFF;}
#Orta .IletisimFormu tr td{padding:3px;}


#Orta .HaberSol{width:350px; float:left; vertical-align:align; margin-right:20px;}
#Orta .HaberSag{width:630px; float:left; vertical-align:middle; }
#Orta .HaberSag .HaberBaslik{font-size:18px; font-weight:bold; color:#4b4a49;}
#Orta .HaberSag .HaberDetay{font-size:12px; margin-top:10px;  text-align:justify; }

/*FOOTER*/
#footer{width:100%; background:url(../images/footerBg.jpg) right #00456c; min-height:182px; }
#footer .ust{width:1000px; height:135px; background:url(../images/footerHeadBg.jpg) no-repeat #3d7ea4; margin:0 auto; }
#footer .ust .fSol{ padding:10px; width:740px; float:left; vertical-align:middle;}
#footer .ust .fOrta{ padding:8px;  width:85px; height:120px; float:left; vertical-align:vertical-align;}
#footer .ust .fSag{ width:116px; padding:10px; padding-top:15px; float:left; vertical-align:middle;}
 #footer .ust .fSag img{margin-bottom:10px;}
#footer .ust .fSag ul li{font-size:13px; color:#fff; margin-top:12px; margin-left:20px; font-weight:bold;}
#footer .alt{width:1000px; height:31px; margin:0 auto; padding-top:15px; color:#fff;}

/*TABLE*/
.etabs { margin: 0px; padding: 0px; }
.tab {display: inline-block; zoom:1; *display:inline; background: #A49A59; padding:10px; margin:-1px; margin-top:0px; }
.tab a { float: left;border-bottom: none;text-decoration: none;color: #FFF;}
.tab a:hover {  }
.tab.active { background: #00456C;color: #FFF; }
.tab a.active { font-weight: bold; }
.tab-container div { border: solid #eeeeee 1px; padding: 10px;  margin-top:-2px; height:289px; }
 
.outer_row {width:980px; margin-top:10px;}

.menu2 { padding: 0; clear: both; }
.menu2 li { display: inline; }
.menu2 li a { background: #A49A59; padding: 10px; float:left; border-right: 1px solid #FFF; border-bottom: none; text-decoration: none; color: #FFF; font-weight: bold;}
.menu2 li.active a { background: #00456C; color:#FFF }
.content2 { float:left; clear: both; border: 1px solid #eee;  padding:10px 10px 5px 10px;  width:980px; height:auto; background-color:#ddd }	
.content2 ul li{float:left; vertical-align:middle;  }
.btn {display: inline-block;padding: 15px 30px;border: 2px solid #fff;text-transform: uppercase;letter-spacing: 0.015em;font-size: 18px;font-weight: 700;line-height: 1;color: #fff; text-decoration: none; -webkit-transition: all 0.4s;-moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;
}
.btn:hover {color: #005544;border-color: #005544;}

@media only screen and (max-width: 1000px) {
  h1 {font-size: 70px;}
}

@media only screen and (max-width: 800px) {
  h1 {font-size: 48px;}
  h1::after {height: 8px;}
}

@media only screen and (max-width: 568px) {
  #intro { padding: 0 10px;}
  h1 {font-size: 30px;}
  h1::after {height: 6px;}
  p { font-size: 18px;}
 .btn { font-size: 16px;}
}

@media only screen and (max-width: 320px) {
  h1 {font-size: 28px; }
  h1::after { height: 4px;}
}