@charset "utf-8";
/* CSS Document */
ul, a					{ list-style:none; text-decoration:none; }

						

ul, a					{ list-style:none; text-decoration:none; }
td 						{ color: #3a3a3a;font-family: Segoe ui; font-size: 13px; text-align: left; }

html					{ background:url(../images/bg.jpg) repeat; margin: auto; height: 100%;}
body					{ margin: auto; height: 100%; padding:0px; width:100%;  top:0px;  }
#kapsul 				{ height: auto; min-height: 100%; }
.cizik 					{ width: 100%;background: #b30003;height: 7px;position: absolute;z-index: 1; }

.header					{ width: 100%;height:130px;  position: relative;top: 0px;left: 0px; }
.head					{ width: 987px;position: relative;margin: auto;padding:15px 10px;height: 100px;top: 0px;  background: url(../images/bgg.png) repeat-y;}

.menu					{ float: left;position: relative;margin: -10px 0 0px -4px;background: url(../images/menu.png) repeat-x;width: 1009px;height: 70px;right: 0;top: 0; }
.menu a					{ float: left;position: relative;color: #fff;font-size: 15px;font-family: segoe ui;padding: 0px 0 0 0px;text-decoration: none;font-weight: bold; }
.menu a.active			{ color:#000;}
.menu li:first-child	{ background: none;}
.menu li				{ float:left; position:relative; padding:10px 15px; }
.menu li a:hover		{ color:#CCC; }
.menu ul				{ width: 675px;margin: 15px auto 0 auto;padding: 0px 0 0 0px;position: relative;list-style: none; }


.logo					{ position: relative;margin:7px 0 0 0;width: 145px;float: left; }
.tel 					{ float: right;right: 10px;top: 0px;position: absolute;width: 277px;height: 120px;background: url(../images/tel.png) no-repeat; z-index: 2; }
.tel p 					{ float: left; color: #fff; font-size:0px; font-weight: bold; font-family: Segoe ui; margin: 10px 0 0 32px; }
.sosyal					{ position: relative;width: 85px;height: 40px;margin: 0px auto 0 auto;top: 4px; }
.sosyal	a				{ float:right; padding:0 0px 0 10px; }
.sosyal	a.twt			{ float:right; padding:0 0px 0 10px; position:relative; top:0px; }
.sosyal	a:hover			{ filter:alpha(opacity=60);  opacity:0.6; }

.diller					{ position: absolute;float: right;background: url(../images/dil_bg.png) no-repeat center bottom;padding: 0 0px 0px 0px;right: 20px;top: 7px; z-index: 999; }
.diller #tr				{ float: left; padding: 0 0px 0 0;}
.diller #tr a			{ float: left; color: #1a1a1a; font-family: segoe ui;  padding: 0px 0px 0 1px;background: url(../images/tr.jpg) no-repeat left top;width: 23px;height: 18px;text-indent: -9999px; }
.diller #eng			{ float: left; padding: 0 0px 0 14px; background: url(../images/dil_li.png) no-repeat left center;}
.diller #eng a			{ text-decoration: none; color: #1a1a1a; font-family: segoe ui; float: left;padding: 0px 0px 0 0px;background: url(../images/eng.jpg) no-repeat left top;width: 23px;height: 18px;text-indent: -9999px; }


.main					{ position:relative; width:1008px;height:auto; margin:0px auto 0 auto;padding:0px 0px; }
.detail					{ float: left;position: relative;margin: 0px 0 0px 0;padding: 0 0 100px 0; width:1004px;  background: url(../images/bgg.png) repeat-y;}
.detail_bottom			{ float:left; position:relative; width:1000px; min-height:110px; height:auto; background:url(../images/detail_bottom.png) no-repeat; margin:0 0 0px 0; padding:0px;  }


.golge 					{ float: left; background:url(../images/golge.png) no-repeat; width: 990px; height: 20px;margin: 0px 0 0 0;  }


.hakkimizda				{ float:left; position: relative; width: 725px; margin: 0px 0 0 16px; padding:0px; text-align: justify;color: #3a3a3a;font-family: segoe ui;font-size: 13px;line-height: 19px; }
.hakkimizda h1			{ float: left;font-family: segoe ui;font-weight: bold;font-size: 15px;color: #333;width: 725px; margin: 0 0 8px 0; padding: 0 0 8px 0;border-bottom: 1px solid#aaaaaa; }
.hakkimizda p			{ float:left; text-align: justify; font-size:13px; color:#4a4a4a; font-family:segoe ui; font-weight:normal; padding:0px 0 0px 0px; margin:0 0 0px 0; line-height:19px; }
.hakkimizda span		{ font-size:13px; text-align: justify; color:#4a4a4a; font-family:segoe ui; font-weight:normal; padding:0px 0 0px 0px; margin:0 0 0px 0; line-height:19px; }
.hakkimizda img			{ float:left; margin:0 10px 10px 0px; }

.detail .sag  			{ float:right; position: relative; width: 247px; height:auto; }
.detail .sag h2 		{ background:url(../images/sagh2.png) no-repeat; font-family: segoe ui; color: #fff;text-align: center;font-size: 15px;padding: 15px;margin: 0; z-index: 9;position: relative; }
.detail .sag ul 		{ list-style: none;text-decoration: none; float: left; margin: -16px 0 0 4px;padding:20px 10px 50px 10px;background: #e8e8e8;border-radius: 0px 0px 10px 10px; width: 221px; -webkit-box-shadow: 0 0 3px 0px #333;    -moz-box-shadow: 0 0 3px 0px #333;    box-shadow: 0 0 3px 0px #333; }
.detail .sag ul li 		{ background:url(../images/sagli.png) no-repeat left center; float: left; width: 222px; height: 33px; }
.detail .sag ul li a 	{ color:#333333; font-family: segoe ui; font-size: 14px; font-weight: normal; padding: 0 0 0 20px; }

.list_carousel 			{ background-color: #162e6e;border-radius: 10px;width: 892px;margin-top:20px;position: absolute;float: left;padding: 13px 24px;}
.list_carousel ul 		{ margin: 0;padding: 0;list-style: none;display: block;}
.list_carousel li 		{ color: #999;text-align: center;background-color: #eee;border: 5px solid #FFF;padding: 0;margin: 6px;display: block;float: left;}
.list_carousel.responsive 	{ width: auto;margin-left: 0;}
.clearfix 				{ float: none;clear: both;}

/* Galeri Başlangıç */


/* Galeri Bitiş */





#footer					{ float:left;  width:100%;left:0px; height:40px; background:#333; position: relative;margin:-45px auto 0 auto; }
.footer					{ position:relative; width:1000px; margin:0px auto 0 auto; padding:0px 0 0 0; }

.footer .adres p		{ float:left; font-family:Arial; color:#333; font-size:13px; width:500px; line-height:21px; margin:0 0 10px 0; font-weight: normal; }
.footer .adres h2		{ float:left; font-family:Arial; color:#333; font-size:18px; width:500px; line-height:21px; margin:0 0 10px 0; font-weight: normal; }
.adres					{ float: left; position: relative; width:450px; }	

.copyright				{ float:left; position:relative;font-family:Arial; color:#fff; font-size:12px; width:215px;  top:15px; left: 15px; }

.ziyaretci				{ float: left; color: #333;text-align: center;width: 975px;position: relative;top: -31px; }

.sosyalile					{ float:left; position:relative; width:105px; margin: 0px; }
.sosyalile	a				{ float:left; padding:0 10px 0 0px; }
.sosyalile	a.twt			{ float:right; padding:0 10px 0 0px; position:relative; top:0px; }
.sosyalile	a:hover			{ filter:alpha(opacity=60); /* CSS-3 standart kodu */ opacity:0.6; }

.weblogo				{ float:right; right:5px; position:absolute; font-family:Arial; color:#FFF; font-size:12px;  top:15px; }

.sosyal_alt				{ float:right; right:0px; position:relative; width:180px; margin:0px; }
.sosyal_alt	a			{ float:right; padding:0 0px 0 10px; }
.sosyal_alt	a:hover		{ filter:alpha(opacity=60); /* CSS-3 standart kodu */ opacity:0.6; }



/* Standart Sayfası Start  */

.main_standart			{float: left; position:relative; width:1000px; margin:0px auto; height: auto; }


.detail_content			{ float:left; position:relative; width:978px; margin:15px 0 0px 0px; background:#353535; padding:10px 10px 60px 10px; }
.detail_content h2		{ float:left; position:relative; width:1000px; font-size:15px; color:#FFF; font-family:Segoe ui; font-weight:normal; padding:4px 0; margin: 0px;}
.detail_content p		{ float:left; font-size:13px; color:#FFF; font-family:Segoe ui; font-weight:normal; padding:10px 0 0px 0px; margin:0 0 0px 0; }

/* Galeri Başlangıç */

#foo2					{ float:left; position:relative; width: 745px; padding: 0px 0 0px 0; list-style:none; margin:0px; }
#foo2 li				{ float:left; position:relative; margin:0 32px 0 0; width:216px; height: 165px; }
#foo2 li a				{ float:left; position:relative; margin:0 15px 15px 0; }
.galerimask				{ float:left; position:absolute; background:url(../images/galeri_maske.png) no-repeat center top; width:216px; height:124px; top:0px; left:0px; z-index:9; }
#foo2 li a h3			{ float: left;color: #333;font-size: 14px;width:216px;text-align: center;margin: 3px 0 10px 0; }
#foo2 li a img			{ float:left; margin: 0; border:1px solid#ddd; }

/* Galeri Bitiş */


/* iletişim başlangıcı */
#bayi_resim							{ float:right; width: 415px; height: 269px; margin:-px 0 10px 24px;}
#bayi_resim	iframe					{ float:left; width: 415px; height: 269px;}

.rehber								{ float: right; width: 370px;margin-bottom: 10px;right: 0px;position: relative; }
.iletisimalanii  					{ float: left; width: 340px; }

table.AdresTable                    { width:360px; height:160px; float:left; position:relative; top:0px; left:15px; }
table.AdresTable td                 { float:left; color:#333; font-size:14px; font-family:Segoe ui; min-width:30px;}
table.AdresTable td b               { color:#333; font-size:13px; font-family:Segoe ui; height:21px; float:left;margin-left: 0px}
.adres								{ float:left; width:580px; margin-bottom:10px;}
.adres p							{ float:left; color:#8a8a8a; font-family:Segoe ui; font-size:12px; font-weight:bold; margin:0px; padding:0px; line-height:19px; }
.adres #ss							{ float:left; width:530px; color:#333; font-family:Segoe ui; font-size:12px; margin:0px; padding:0px; line-height:19px;   }

table.formalani					    { width:330px; float:left; margin-top:10px; margin-left:0px; position:relative; z-index:999; }
	table.formalani tr td			{ width:240px; padding-bottom: 5px; float: left; }
	table.formalani tr td #sifre	{ width:330px; height:28px; }
	div.fx_identifier				{ font-family:"Segoe ui"; width:100%; float:left; margin:4px 0 4px 0; font-size:13px; color:#333; position:relative; }
	div.fx_identifier span			{ font-family: "Segoe ui"; font-size: 13px;float: left;margin-right: 3px;font-weight: normal;}
	div.fx_input					{ width: 325px; height: 34px; float:left;}
	div.fx_input input[type="text"] { width: 310px; height: 30px;float:left;  padding:0px 6px; font-size:12px; color:#5e5e5e; border: 1px solid#9c9c9c; }
    div.fx_area_short textarea	    { width: 313px;height: 75px;padding: 6px;float: left;font-family: "Segoe ui";color: #5e5e5e;font-size: 13px;border: 1px solid#9c9c9c; } 
    div.fx_area_short	            { width:330px; height:96px;float:left;}
table.formalani a					{ font-family:"Segoe ui"; font-size:12px;  margin-right:3px; font-weight:bold; color:#fff; }

.errormessage						{ font-family:"Segoe ui"; font-size:12px; font-weight:bold; color:#F00; }
.basarilimessage					{ font-family:"Segoe ui"; font-size:12px; font-weight:bold; color:#333; }

input.buton 						{ float: left; border:0px; cursor:pointer; height: 25px; width: 83px; background: transparent url(../resimler/buton.png) left top repeat-x; font-family: Segoe ui, Helvetica, sans-serif; font-size: 12px; color: #fff; margin-right:10px; }
input.buton:hover					{ opacity:0.7;filter:alpha(opacity=70); }

.iletisimalanii h2					{ float:left; font-family:"Segoe ui"; font-weight:bold; font-size:15px; color:#333; width:465px; margin:0px; padding:0px; }
.rehber h2							{ float:left; font-family:"Segoe ui"; font-weight:bold; font-size:18px; color:#333; width:355px; margin:10px 0; padding:0px; }
.hakkimizda .sosyalile h1		{ float:left; font-family:"Segoe ui"; font-weight:normal; font-size:24px; color:#333; width:465px; margin:0 0 5px 0; padding:0px; }

/* İletişim Bitiş */


ul.menumuz							{ float:left; width:235px; min-height:500px; background:url(../images/menu_list.png) no-repeat right top; margin:0px; padding:0px; }
ul.menumuz	li						{ float:left; width:200px; border-bottom:1px dashed#333; margin:0px; padding:0px; }
ul.menumuz	li a					{ color:#333; font-family:Segoe ui; font-size:13px; font-weight:normal; line-height:37px; padding:0px; text-decoration:none; }
ul.menumuz	li a:hover				{ color:#000; }	

.menumuz_right						{ float:left; position:relative; width: 726px; margin-left:0px; }
.menumask							{ float:left; position:absolute; background:url(../images/menu_maske.png) no-repeat; width:214px; height:140px; left:0px; top:0px; }
.listeleme							{ float:left; position:relative; width:220px; height:170px; margin-right: 20px;  }
.listeleme a h1						{ float:left; color:#333; font-family:"Segoe ui"; font-size:15px; font-weight:normal; text-align:center; width:220px; margin:-6px 0 2px 0; border:0; }
.listeleme a						{ text-decoration:none; }
.listeleme img 						{ float: left; border:1px solid#ddd; }

.yemekler							{ float:left; width: 657px; background: #333; margin-top: 7px; }
.yemekler h1						{ color:#fff; font-family:"Biffo MT"; font-size:16px; font-weight:normal; line-height:24px; width:580px; padding-left: 15px; }
.yemekler span.fiyat				{ color:#fff; font-family:"Biffo MT"; font-size:16px; font-weight:normal; line-height:24px; padding-left:0px; }
/* Referanslar başlangıcı */

.referanslar						{ float:left; position:relative; width:728px; }
.referans							{ float:left; position:relative; width:164px; margin: 0 16px 16px 0; }
.referans h2 						{ float:left; position:relative; width:164px; background:none; font-family:"Segoe ui"; font-size:13px; font-weight:bold; color:#333; text-align:center; padding: 0px;
margin: 5px 0 10px 0;}
.referans img 						{ float:left; width:163px; height:115px; border:1px solid#ddd; z-index:9; margin: 0;}

/* Referanslar Bitiş */


/* Hizmetlerimiz başlangıcı */
.hizmetlerimiz						{ float:left; position:relative; width:980px;; margin:-20px 0px 0px 0; }
.hizmetlerimiz .hizmet				{ float:left; position:relative; width: 974px; margin:0px 0px 10px 0; }
.hizmetlerimiz img					{ float: left;position: relative; margin:10px 10px 10px 0;}
.hizmetlerimiz h2					{ float: left; background:#ff6a00; font-size: 15px;width: 954px;color: #fff;font-family: Segoe ui; font-weight:normal; padding:9px 10px; margin:10px 0 0 0; }
.hizmetlerimiz p					{ float:none; width:auto; position: relative;font-size: 13px;color: #FFF;font-family: Segoe ui;line-height:21px;margin: 0px;padding: 0px;display: inline;}
.hizmet_mask						{ float:left; position:absolute; background:url(../images/hizmeti_maske.png) no-repeat center top; width:302px; height:252px; left: 0px;top: 10px; z-index:9; }

/* Hizmetlerimiz Bitiş */

/* Duyurular başlangıcı */

.duyurular							{ float:left; position:relative; width:930px; margin:0px 0px 0px 0; }
.duyurular h2						{ float: left;position: relative;width: 922px;
background: #333;
color: #fff;
padding: 3px 0 3px 8px;
margin: 0px 0 10px 0;}
.duyurular p						{ float: left;position: relative;width: 668px;font-size: 12px;color: #FFF;font-family: Segoe ui;line-height: 19px;margin: 0px 0 10px 10px;padding: 0px;text-align: justify; }



/* Duyurular Bitiş */

.yorumlar				{ float:left; width:710px; margin: 15px 0 0 0; }
.yorum					{ float: left; margin: 0px 0 15px 0;padding: 10px 0px 0px 10px;width: 700px;background: #333; opacity: 0.8; }
.yorum h2				{ float: left; font-size: 12px; margin:0px; font-family: Segoe ui; font-weight: bold; color:#fff; width:690px;}
.yorum span				{ float:left; font-family: Segoe ui; font-size: 11px; color:#CCC; width:690px; }
.yorum p				{ float: left; width: 690px;font-size: 11px; margin:0px; font-family: Segoe ui; font-weight: normal; color:#fff; padding:10px 0; }

.yorumyaz				{ float:left; padding: 10px 0px 10px 10px;width:700px;background: #333; margin: 15px 0 15px 0;  opacity: 0.8;}
.yorumyaz span			{ float:left; font-family: Segoe ui; font-size: 13px; color:#fff; width:690px; margin:10px 0 6px 0; }
.yorumyaz input[type="text"]	{ float:left; width:470px; padding:3px 8px; }
.yorumyaz textarea		{ float:left; max-width:670px; width:670px; max-height:130px; height:130px;padding:3px 8px; color: #333; font-family: Segoe ui; }
.yorumyaz .yorumbuton	{ width: auto;height: auto;cursor: pointer;padding: 5px 13px;float: left;background: #ddd;border: 0px;color: #1a1a1a;margin:10px 500px 0 0;text-decoration: none;border-radius: 5px;font-size: 12px; }
.yorumyaz .yorumbuton:hover	{ background:#f00; }




.sag a#yorumlar			{ color:#00002f; float: left;margin:0px 0 10px 0;padding: 27px 0 0 27px;width: 212px;height: 52px;font-size: 21px;font-weight: bold; font-family: segoe ui; background: url(../images/yorumlar.png) no-repeat; }
.sag a#sss 				{ color: #fff; float: left;margin:0 0 10px 0;padding: 12px 26px 0 67px;width: 140px;height: 50px;font-size: 19px;line-height: 18px;text-align: center;font-weight: bold;font-family: segoe ui;background: url(../images/sss.png) no-repeat; }
.sag a#patent 			{ color: #fff;float: left;margin: 0px 0;padding: 22px 21px 0 50px;width: 163px;height: 39px;font-size: 19px;line-height: 18px;text-align: center;font-weight: bold;font-family: segoe ui;background: url(../images/patent.png) no-repeat; }
.sag a#arac 			{ color: #fff;float: left;margin: 10px 0;padding: 10px 54px 0 82px;width: 104px;height: 51px;font-size: 19px;line-height: 18px;text-align: center;font-weight: bold;font-family: segoe ui;background: url(../images/arac.png) no-repeat; }
.sag a#teknik 			{ color: #fff;float: left;margin: 0px 0 10px 0;padding: 17px 0 0 74px;width: 160px;height: 44px;font-size: 19px;font-weight: bold;font-family: segoe ui;background: url(../images/teknik.png) no-repeat; }
.sag a#kilavuz 			{ color: #fff;float: left;margin: 0px 0;padding: 14px 44px 0 87px;width: 102px;height: 49px;font-size: 19px;line-height: 18px;text-align: center;font-weight: bold;font-family: segoe ui;background: url(../images/kilavuz.png) no-repeat; }












@media  screen and (max-width: 1000px) {
#kapsul					{ width:100%; }
.head 					{ width: 100%; padding: 15px 0; }
.main   				{ width:100%; }
.detail   				{ float: left; width:100%; margin: 0px; }
.js .nav-collapse.closed	{ width:100% !important; }
.footer					{ width: 100%; }

.hakkimizda				{ width:70%; }
.hakkimizda	h1			{ width:100%; }
.detail .sag			{ width:26%; }
#foo2 					{ width:100%; }
#foo2 li				{ width:30%; margin: 0 15px 0 0; height: auto; }
#foo2 li a 				{ margin: 0; float: none; }
#foo2 li a img 			{ width:100%; height: auto;  }
#foo2 li a h3			{ width:100%; }

.hakkimizda table.referanslar	{ width:100% !important; }

.rehber 				{ width:47%; }
.iletisimalanii			{ width:47%; }

table.formalani 		{ width:100%; }

div.fx_input input[type="text"] { width:100%; }
div.fx_input 			{ width:100%; }

div.fx_area_short 		{ width:100%; }
div.fx_area_short textarea { width:100%; }

table.AdresTable 		{ width:100%; }
.rehber h2 				{ width:100%; }
table.AdresTable td 	{ width:90% !important; }

.hakkimizda .basic2 	{ width:96%; }
.hakkimizda .basic2 a	{ width:100%; text-align: left; }

table.teknikbilgiler 	{ width:100% !important; }
}

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

.main   				{ float: left; width:100%; }
.detail   				{ float: left; width:100%; }
.hakkimizda				{ width:92%; }
.hakkimizda	h1			{ width:100%; }
.hakkimizda	p			{ width:100%; }
.detail .sag 			{ float: left; width: 98%; margin: 10px 0 0 10px; }
.detail .sag h2 		{ background:#0304f6;  }
.detail .sag ul 		{ width: 96%; list-style: none;text-decoration: none; float: left; margin: 0; padding: 10px 10px 5px 10px; background: #e8e8e8; border-radius: 0; -webkit-box-shadow: 0 0 0px 0px #333;  -moz-box-shadow: 0 0 0px 0px #333; box-shadow: 0 0 0px 0px #333; }
.detail .sag ul li 		{ background: none; float: left; width: 100%; height: auto; margin: 0 0 5px 0; padding: 0 0 5px 0; border-bottom: 1px solid#ddd; }
.detail .sag ul li a 	{ padding: 0; }

.menumuz_right 			{ width: 100%; }
.listeleme 				{ width: 30%;  height: auto; margin-right: 10px;}
.listeleme img 			{ float: left;border: 1px solid#ddd; width: 100%;height: auto; min-height: 147px;}
.listeleme a h1 		{ width: 100%; }

#foo2 					{ width: 100%; }
#foo2 li				{ width: 30%;  height: auto; margin-right: 10px;}
#foo2 li img 			{ float: left;border: 1px solid#ddd; width: 100%;height: auto; min-height: 147px;}
#foo2 li h3 			{ width: 100%; }

.referanslar			{ width:100%; }
.referans 				{ width: 30%;  height: auto; margin-right: 10px;}
.referans img 			{ float: left;border: 1px solid#ddd; width: 100%;height: auto; min-height: 147px;}
.referans h2 			{ width: 100%; }



.sag a#arac 			{ margin: 0; width: 98px; }
.sag a#sss 				{ height: 48px; margin: 0; }
.sag a#teknik 			{ margin: 0; }
}

@media (max-width: 480px) {
.tel 					{ float: left; background: #0304f6; position: absolute; width: 100%; height: 42px; right:0; text-align: center; }
.tel p					{ text-align: center; float: none; margin: 10px 0; }

.logo 					{ height: auto !important; }

.listeleme 				{ width: 47%;  height: auto; margin-right: 10px;}
#foo2 li				{ width: 47%;  height: auto; margin-right: 10px;}
.referans 				{ width: 47%;  height: auto; margin-right: 10px;}

.sosyal 				{ display:none; }
.copyright 				{ width: auto; }


.rehber 				{ width:100%; }
.iletisimalanii			{ width:100%; }
div.fx_input input[type="text"] { width:100%; }


.sky-tabs .typography img  	{ width: 47%; }

.tel 					{ display: none; }
img.gizle 				{ display: none; }
}

@media (max-width: 320px) {
.head 					{ min-width: 100%; }
.logo 	 				{ width: 100%; }
.listeleme 				{ width: 100%;  height: auto; margin-right: 0px; }
.listeleme a h1 		{ width: 100%; }
#foo2 li				{ width: 100%;  height: auto; margin-right: 0px; }
.referans 				{ width: 100%;  height: auto; margin-right: 10px; }

.footer					{ width: 100%; }
}