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

						

html					{ background:url(../images/bg.jpg) repeat; margin: auto; height: 100%; height: 100%; }

body					{ margin: auto; height: 100%; padding:0px; width:100%;  top:0px;  min-height:314px;  }
#kapsul 				{ height: auto; min-height: 100%; }

.header					{ width: 100%;height:150px; background: url(../images/header.png) repeat-x; position: relative;top: 0px;left: 0px; }
.head					{ width: 970px;position: relative;margin: auto;padding: 20px 15px;background: #fff;height: 100px;top: 20px;border-radius: 15px;-webkit-box-shadow: 0 0 5px 0px #333;-moz-box-shadow: 0 0 5px 0px #333;box-shadow: 0 0 5px 0px #333; }

.slogan					{ position: relative;width: 392px;margin: 0 0 0px 89px;padding: 0px;float: left; }
.slogan h1 				{ color:#000030; font-weight: normal; font-size: 33px; font-family: Segoe ui; margin: 0; padding: 0; text-align: center; }


.menu					{ float: left;position: relative;margin: 0 0 10px 0;background: url(../images/menu.png) repeat-x;width: 970px;height: 42px;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:585px; margin:2px 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:20px; top:75px; position: absolute; width:268px; height: 44px; background:url(../images/tel.png) no-repeat;  }
.tel p 					{ float: left; color: #fff; font-size:0px; font-weight: bold; font-family: Segoe ui; margin: 10px 0 0 32px; }
.sosyal					{ float: right;position: relative;width: 164px;margin: 20px 0 0 0;top: 0px;right: 0; }
.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); /* CSS-3 standart kodu */ 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:1000px;height:auto; margin:0px auto 0 auto;padding:0px 0px; }
.detail					{ float: left;position: relative;background: #fff;border-radius: 15px;-webkit-box-shadow: 0 0 5px 0px #333;-moz-box-shadow: 0 0 5px 0px #333;box-shadow: 0 0 5px 0px #333;margin: 30px 0 30px 0;padding: 15px;width: 970px; }
.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;  }


.main					{ position:relative; width:1000px;height:auto; margin:30px auto 0 auto;padding:0px 0px; }
.detail 				{ float:left; position:relative; background: #f2f2f2; width:980px; min-height:400px; height:auto; padding:10px 10px 40px 10px; margin:0 0 50px 0; border-radius: 10px;   -webkit-box-shadow: 0 0 3px 0px black;    -moz-box-shadow: 0 0 3px 0px black;    box-shadow: 0 0 3px 0px black; }
.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;  }


.hakkimizda				{ float:left; width:710px; margin:0px 0 0 0; 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: 710px; 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:#FFF; 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:#333; 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%; height:230px; position:relative; background:#353535; margin:0px 0 0 0; bottom:0px; }
.footer					{ position:relative; width:1000px; height:215px; margin:15px auto 0 auto; }

.footer .linkler		{ float:left; width: 250px; }
.footer h1		        { font-family:Arial; font-size:15px; color:#CCC; margin:0; padding:0; border-bottom: 2px solid#212121; padding-bottom: 5px; margin-bottom: 8px; }
.footer .linkler li a	{ float:left; font-family:Arial; font-size:11px; color:#ddd; text-decoration:none; line-height:18px; font-weight:normal; margin:0; padding:0; }
.footer .linkler li a:hover{ text-decoration:underline; }
.linkler ul				{ list-style:none; margin: 0; padding: 0;}
.linkler ul li			{ float: left; background:url(../images/footer_li.png) no-repeat left center;  width: 190px;font-family: Arial;font-size: 11px;color: #ddd;text-decoration: none;line-height: 18px;font-weight: normal;margin: 0;padding:0 0 0 0px; }
.linkler h2       		{ width: 250px; font-family: arial;font-size: 12px;color: #616161; border-bottom: 2px solid#909090; padding: 0 0 5px 0; margin-bottom: 5px; }
.footer .linkler span	{ float:left; width:250px; font-family:Arial; font-size:11px; color:#ddd; text-decoration:none; line-height:18px; font-weight:normal; margin:0; padding:0; }



ul.hizmetlistesi		{ float:left; position:relative; list-style:none; width:240px; margin:0px; padding:0px; }
ul.hizmetlistesi h2		{ float:left; float:left; width:240px; font-family:Arial; color:#FFF; font-size:18px; line-height:21px; margin:0 0 10px 0; font-weight: normal; padding:0px; }
ul.hizmetlistesi li		{ float:left; width:240px; background:url(../images/list.png) no-repeat left center; padding:0 0 0 15px; }
ul.hizmetlistesi li a	{ float:left; font-family:Arial; color:#FFF; font-size:13px; line-height:21px; margin:0 0 0px 0; font-weight: normal; text-decoration:none; }

.copyright				{ float:left; position:absolute; font-family:Arial; color:#FFF; font-size:11px; width:500px;  bottom:5px; }

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

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

.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: 730px; padding: 0px 0 0px 0; list-style:none; margin:0px; }
#foo2 li				{ float:left; position:relative; margin:0 22px 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: 22px 0 0 27px;width: 212px;height: 57px;font-size: 21px;font-weight: bold; font-family: segoe ui; background: url(../images/yorumlar.png) no-repeat; }
.sag a#sss 	{ color:#00002f; float: left;margin: 10px 0; padding: 14px 102px 0 14px; width: 140px; height: 65px;font-size: 21px;line-height: 24px;text-align: center;font-weight: bold;font-family: segoe ui;background: url(../images/sss.png) no-repeat; }
.sag a#patent 	{ color:#00002f; float: left;margin: 10px 0;padding: 14px 102px 0 42px;width: 94px;height: 65px;font-size: 21px;line-height: 24px;text-align: center;font-weight: bold;font-family: segoe ui;background: url(../images/patent.png) no-repeat; }
.sag a#arac 	{ color:#00002f; float: left;margin: 10px 0; padding: 14px 102px 0 34px; width: 106px; height: 65px;font-size: 21px;line-height: 24px;text-align: center;font-weight: bold;font-family: segoe ui;background: url(../images/arac.png) no-repeat; }
.sag a#teknik 	{ color: #00002f;float: left;margin: 20px 0 10px 0;padding: 23px 0 0 12px;width: 227px;height: 56px;font-size: 21px;font-weight: bold;font-family: segoe ui;background: url(../images/teknik.png) no-repeat; }
.sag a#kilavuz 	{ color:#00002f; float: left;margin: 10px 0;padding: 14px 102px 0 42px;width: 94px;height: 65px;font-size: 21px;line-height: 24px;text-align: center;font-weight: bold;font-family: segoe ui;background: url(../images/kilavuz.png) no-repeat; }





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

.head 					{ width:97%; }
.js .nav-collapse.closed{ width:100% !important; }
.menu ul  				{ width:100%; }
.main   				{ width:99%; }

.detail					{ width:97%; }
.golge 					{ width: 100%; }


.sections				{ width:100%; }
.sectionleft			{ width:26%; }
.sectionleft iframe		{ width:99%; }

.sectioncenter			{ width:42%; }
.sectioncenter .basic   { width:100%; }
.sectioncenter .basic a { width:96%; }


.sectionright			{ width:25%; }


object 			{ width: 100%; height: auto; }


.footer					{ width:100%; }
.footer	.linkler		{ width:24%; margin: 0 5px 0 0; }
.footer	.linkler h2		{ width:100%; }
.footer	.linkler ul li	{ width:100%; }
.footer	.linkler span	{ 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; }



.yorumlar 				{ width: 100%; }
.yorum 					{ width: 97%; padding: 0 10px; }
.yorum h2 				{ width: 100%; }
.yorum p 				{ width: 100%; }

.yorumyaz 				{ width: 100%; }
.yorumyaz span 			{ width: 100%; }
.yorumyaz input[type="text"] { width:60%; }
.yorumyaz textarea 		{ width:95%; }

}

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

.slogan 				{ display: none; }
.sectionleft			{ width:99%; }
.sectionleft iframe 	{ width: 32%;}

.sectioncenter			{ width:97%; margin: 0; }
.sectioncenter .basic   { width:100%; }
.sectioncenter .basic a { width:96%; }

.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%; }


.detail .sag 					{ width:97%; height: auto; padding:0 10px; margin: 10px 0 0 0; }
.detail .sag a#yorumlar 		{ float: left;width: 45%; background: #2d2d2d; color: #fff; height: auto; padding: 10px;text-align: center; margin: 0 5px 5px 0; font-size: 14px; line-height: 19px; }
.detail .sag a#sss 				{ float: left;width: 45%; background: #2d2d2d; color: #fff; height: auto; padding: 10px;text-align: center; margin: 0 5px 5px 0; font-size: 14px; line-height: 19px;}
.detail .sag a#patent 			{ float: left;width: 45%; background: #2d2d2d; color: #fff; height: auto; padding: 10px;text-align: center; margin: 0 5px 5px 0; font-size: 14px; line-height: 19px;}
.detail .sag a#teknik 			{ float: left;width: 45%; background: #2d2d2d; color: #fff; height: auto; padding: 10px;text-align: center; margin: 0 5px 5px 0; font-size: 14px; line-height: 19px;}
.detail .sag a#kilavuz 			{ float: left;width: 45%; background: #2d2d2d; color: #fff; height: auto; padding: 10px;text-align: center; margin: 0 5px 5px 0; font-size: 14px; line-height: 19px;}
.detail .sag a#arac 	 		{ float: left;width: 45%; background: #2d2d2d; color: #fff; height: auto; padding: 10px;text-align: center; margin: 0 5px 5px 0; font-size: 14px; line-height: 19px;}

.tekniktablo 				{ width: 100% !important; }


.copyright 				{ width: 225px; }

}

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

.sosyal 				{ display: none; }
.tel 					{ display: none; }
.logo         			{ width:145px; overflow:hidden; }
.head 					{ width:99%; padding:20px 0; }
.detail 				{ width: 93%; }

.sections 				{ height: auto; }
.sectionleft			{ width:99%; }
.sectionleft iframe 	{ width: 48%;}

.sectioncenter			{ width:97%; margin: 0; }
.sectioncenter .basic   { width:100%; }
.sectioncenter .basic a { width:96%; }

#foo2 li				{ width: 47%;   margin-right: 10px;}


.detail .sag 					{ width:97%; height: auto; padding:0px; margin: 10px 0 0 0; }
.detail .sag a#yorumlar 		{ float: left;width: 93%; background: #2d2d2d; color: #fff; height: auto; padding: 10px;text-align: center; margin: 0 5px 5px 0; font-size: 14px; line-height: 19px; }
.detail .sag a#sss 				{ float: left;width: 93%; background: #2d2d2d; color: #fff; height: auto; padding: 10px;text-align: center; margin: 0 5px 5px 0; font-size: 14px; line-height: 19px;}
.detail .sag a#patent 			{ float: left;width: 93%; background: #2d2d2d; color: #fff; height: auto; padding: 10px;text-align: center; margin: 0 5px 5px 0; font-size: 14px; line-height: 19px;}
.detail .sag a#teknik 			{ float: left;width: 93%; background: #2d2d2d; color: #fff; height: auto; padding: 10px;text-align: center; margin: 0 5px 5px 0; font-size: 14px; line-height: 19px;}
.detail .sag a#kilavuz 			{ float: left;width: 93%; background: #2d2d2d; color: #fff; height: auto; padding: 10px;text-align: center; margin: 0 5px 5px 0; font-size: 14px; line-height: 19px;}
.detail .sag a#arac 	 		{ float: left;width: 93%; background: #2d2d2d; color: #fff; height: auto; padding: 10px;text-align: center; margin: 0 5px 5px 0; font-size: 14px; line-height: 19px;}


#footer					{ float: left; height: auto; }
.footer					{ width:98%; height: auto;float: left; padding: 0 5px; }
.footer	.linkler		{ width:47%; margin: 0 5px 0 0; height: 152px;}
.footer	.linkler h2		{ width:98%; }
.footer	.linkler ul li	{ width:98%; }
.footer	.linkler span	{ width:98%; }

.sosyal_alt 				{ display: none; }

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

}

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

#foo2 li				{ width:98%;  height: auto; margin-right: 0px; }

}