@charset "utf-8";
/* CSS Document */
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0;
}
body {
	background-image: url(../images/body-bg.png);
	background-repeat: repeat;
	background-color: #f9f9f9;
}
body img { border:0;}
a:link {
	color: #C00;
	text-decoration: none;
}
a:visited { color: #C00;
	text-decoration: none;
}
a:hover {color: #C00;
	text-decoration: none;
}
a:active {color: #C00;
	text-decoration: none;
}
.sosyalmedya { width:46px; float:right; height:100px; margin:-35px 2px;}

.anahat { width:960px; height:auto; min-height:200px; margin:0 auto 10px; background:#fff;  border-radius:5px;
-moz-border-radius:5px;
box-shadow: #d9d9d9 0px 0px 15px;  
-moz-box-shadow: #d9d9d9 0px 0px 15px;  
-webkit-box-shadow: #d9d9d9 0px 0px 15px;  }
.banner { height:145px; width:960px;  margin:13px auto 0; background:url(../images/banner.png) no-repeat;}
.logo { width:250px; float:left; margin:5px 0 0 55px}
.menu { width:964px; height:55px; padding:0px 0 0 2px;  font-weight:bold; background:url(../images/menuarka.png) no-repeat; }
.menudisi { width:964px; margin:15px auto 0;}
.menu a { color:#fff;}
.menuanasayfa { width:35px; float:left; height:21px; margin:15px 0 0 0}
.menusirala { width:auto; min-width:80px; float:left; padding:10px 10px; text-align:center; margin:10px 0 0 0 ; }
.clear { clear:both;}
.slayt { width:960px; background:url(../images/slaytarka.png) no-repeat; height:360px; margin:10px auto 10px;}
.slaytic { margin:0 auto 0; width:945px; padding:15px 0 0 0 }
.bor { 
border-radius:5px;
-moz-border-radius:5px;}
.alt { width:960px; height:auto; min-height:200px; margin:0 auto 10px; background:#413f40;  border-radius:5px;
-moz-border-radius:5px; }
.baslik { padding:15px; font-weight:bold; font-size:14px; margin:0px auto 0; width:900px; border-bottom:1px solid #333; }
.anasayfayazi {float:left; padding:5px 15px; width:530px;  line-height:2; margin:5px 0 0 15px; font-size:13px;}
.anasayfaresim { float:left; width:357px; height:185px; margin:5px 0 0 0 }
.kolaj { width:307px; float:left; min-height:116px; height:auto; margin:5px; padding:1px;}
.kolajbaslik { padding:13px 0 0 0px; height:30px; width:307px; background:url(../images/butonarka.png) no-repeat; text-align:center; font-weight:bold; font-size:14px }
.kolajaciklama { padding:10px 15px; line-height:2; text-align:justify}
.altkolaj { width:245px; float:left; padding:5px 5px 5px 0; margin:5px; color:#FFF;}
.altbaslik { padding:5px; font-size:14px; font-weight:bold;}
.altsirala { padding:2px; min-height:20px; height:auto; margin:2px;font-weight:bold;}
.altkolaj a{ color:#FFF;}
.altkolaj2 { width:150px; float:left; padding:5px; margin:5px; color:#FFF;}
.altbaslik2 { padding:5px; font-size:14px; font-weight:bold;}
.footer { margin:0 auto 20px; width:940px; height:30px; font-weight:bold;}
.footer a { color:#000;} 
.footersag { float:right; padding:5px;}
.footersol { float:left; padding:5px;}
.ara { height:25px;}

.navi {margin:0px auto 0; height:50px; width:940px; border:double 2px #CCC;  border-radius:5px;
-moz-border-radius:5px;}
.navi a{ color:#000;}
.naviad { float:left; font-weight:bold; color:#000; width:850px; padding:10px 5px; margin:6px 0 0 0; font-size:13px}
.iconnavi { margin:3px 5px 5px 20px; float:left;}
.aralik { height:10px}
.yanmenu { width:260px; float:left; min-height:200px; height:auto; padding:5px; margin:5px 5px 5px 5px; background:#4c4a4a; border-radius:7px;
-moz-border-radius:7px;}

.yanmenusirala { padding:13px 5px 9px 30px;  height:20px; background:#5e5c5c; border-radius:7px;
-moz-border-radius:7px; width:218px; margin:5px auto 2px; font-weight:bold; color:#FFF;}
.yanmenusirala a{color:#fff; }
.yanmenuyan { float:left; width:670px; margin:5px;}
.iconyazi2 { width:160px; float:left; padding:0px 6px;}
.iconyazi2 a { font-weight:bold; color:#fff;}
.iconyazi3 {width:174px; float:left; margin-left:20px; padding:10px 6px 0px 5px; height:auto; min-height:25px; border-bottom:1px dotted #d36504;}
.iconyazi3 a { font-weight:bold; color:#000;}
.icon { width:28px; float:left;}
.kirmiziserit { background:url(../images/kiriziserit.png) repeat-x; height:17px;}
.buton { background:url(../images/buton.png) no-repeat; height:34px; width:253px; margin:0 auto 0; font-weight:bold; color:#FFF; padding:18px 0 0 0; text-align:center;}

.hizmet { background:url(../images/hizmetarka.png) no-repeat; width:672px; height:300px;float:left; }
.hizmetbaslik { padding:15px 0 0 55px; font-weight:bold;  width:200px; font-size:15px; height:25px; }
.hizmetsirala { width:320px; height:120px; float:left; margin:5px 5px 5px 10px ;}
.hizmetresim { float:left; width:152px; height:92px; padding:5px 0 0 0 }
.hizmetbas { padding:0px 0 0px 5px; font-weight:bold;  width:160px; font-size:13px; height:15px; float:left;  }
.hizmetyazi { padding:5px; width:155px;float:left;}
.iletisimbol { width:450px; float:left; margin:5px;}
.adres { width:450px;   height:200px; padding:10px; } 
.adresad { width:60px; float:left; height:20px; margin:5px; text-align:right; color:#000; font-weight:bold; padding:5px;}
.adresacikla { width:330px; float:left; height:20px; margin:5px;  color:#000; padding:5px;}
.adresad2 { width:80px; float:left; height:20px; margin:5px; text-align:right;  font-weight:bold; padding:5px;}
.adresacikla2 { width:250px; float:left; height:20px; margin:5px;   padding:5px;}
.adresacik { width:250px; float:left; height:100px; margin:5px;   padding:5px;}
.formclass3 { border:1px solid #ccc; height:20px; width:200px;}
.formclass2 { border:1px solid #ccc; height:100px; width:200px;}
.formbuton { border:1px solid #999; height:25px; width:100px; background:#9c2a12; color:#fff; font-weight:bold;}
.google { width:940px; height:290px; margin:10px auto 20px;}
.yapimasamasi {  width:600px; margin:50px auto 0; text-align:center; font-size:16px; font-weight:bold;}
.hizmetresimic {width:200px; height:150px; float:left; margin:10px; border-radius:7px;
-moz-border-radius:7px; border:2px #900 solid}
.kolajhizmet { width:195px; height:150px; padding:5px; float:left; margin:6px;  border:1px solid #9e1010;
border-radius:10px;
-moz-border-radius:10px; }
.kolajresimhizmet {  width:210px; height:160px; margin:0 auto 0; border:1px solid #CCC;
border-radius:10px;
-moz-border-radius:10px;}
.aracresimhizmet { width:195px; height:150px;  
border-radius:10px;
-moz-border-radius:10px;}
.kolajbaslikhizmet { padding:5px; color:#b40201; font-weight:bold; font-size:14px;}

/* Zorlu Model: mobil uyumlu ürün/hizmet grid'i ve sabit iletişim araçları */
.zorlu-discovery { clear:both; width:900px; margin:15px auto; padding:22px 15px; border-top:1px solid #ddd; color:#333; }
.zorlu-discovery h1 { margin:0 0 8px; color:#8d1712; font-size:22px; line-height:1.3; }
.zorlu-discovery-intro { font-size:14px; line-height:1.65; margin:0 0 16px; }
.zorlu-grid-title { margin:18px 0 8px; color:#444; font-size:17px; }
.zorlu-grid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; }
.zorlu-card { display:block; min-height:66px; padding:13px; border:1px solid #dedede; border-left:4px solid #9c2a12; border-radius:4px; background:#fafafa; box-sizing:border-box; color:#333 !important; }
.zorlu-card:hover { background:#fff3f1; border-color:#9c2a12; }
.zorlu-card strong { display:block; color:#8d1712; font-size:14px; margin-bottom:5px; }
.zorlu-card span { display:block; font-size:12px; line-height:1.45; }
.zorlu-discovery-cta { margin:18px 0 0; font-size:14px; line-height:1.6; }
.zorlu-discovery-cta a { font-weight:bold; }
.zorlu-contact-tools { position:fixed; right:16px; bottom:18px; z-index:9998; width:44px; }
.zorlu-contact-button { display:block; width:44px; height:44px; margin-top:8px; border-radius:50%; box-shadow:0 3px 10px rgba(0,0,0,.28); color:#fff !important; text-align:center; line-height:44px; font-size:19px; font-family:Arial,Helvetica,sans-serif; overflow:hidden; }
.zorlu-contact-button b { display:none; }
.zorlu-whatsapp { background:#25d366; }
.zorlu-phone { background:#9c2a12; }
.zorlu-chat-launcher { position:fixed; left:16px; bottom:18px; z-index:9998; padding:0 13px; height:44px; border:0; border-radius:22px; background:#4c4a4a; color:#fff; box-shadow:0 3px 10px rgba(0,0,0,.28); cursor:pointer; font: bold 12px Arial,Helvetica,sans-serif; }
.zorlu-chat-launcher span { display:inline-block; width:19px; height:19px; margin-right:5px; border-radius:50%; background:#9c2a12; line-height:19px; }
.zorlu-chat-panel { display:none; position:fixed; left:16px; bottom:72px; z-index:9999; width:250px; padding:18px; border-radius:8px; background:#fff; border:1px solid #ddd; box-shadow:0 8px 24px rgba(0,0,0,.25); color:#333; font:12px/1.5 Arial,Helvetica,sans-serif; }
.zorlu-chat-panel.is-open { display:block; }
.zorlu-chat-panel strong { display:block; padding-right:18px; color:#8d1712; font-size:14px; }
.zorlu-chat-panel p { margin:7px 0 11px; }
.zorlu-chat-panel a { display:block; margin:6px 0; padding:7px 9px; border-radius:3px; background:#f4f4f4; color:#333 !important; font-weight:bold; }
.zorlu-chat-panel .zorlu-chat-cta { background:#25d366; color:#fff !important; }
.zorlu-chat-panel small { display:block; margin-top:10px; color:#666; }
.zorlu-chat-close { position:absolute; top:6px; right:8px; border:0; background:transparent; color:#666; font:bold 20px Arial,Helvetica,sans-serif; cursor:pointer; }
@media screen and (max-width:700px) {
  .zorlu-discovery { width:auto; margin:12px 10px; padding:18px 12px; }
  .zorlu-grid { grid-template-columns:1fr; }
  .zorlu-contact-tools { right:10px; bottom:12px; }
  .zorlu-chat-launcher { left:10px; bottom:12px; }
  .zorlu-chat-panel { left:10px; bottom:66px; width:calc(100% - 56px); max-width:260px; }
}