/*
################################
# NECDET BURAK ATAMTÜRK - 2018 #
################################
*/
	body{margin:0; padding:0; margin-top:1.3%; background-color:#eee; overflow:hidden;}
	.container{position:absolute; height:96%; width:99%;}
	.yol { margin:-4px; background-image: url("../img/yol.png");background-repeat: repeat-y;height:100%;background-size: 11% 10%;}
	
	.clear{clear:both;}
	
	#araba{width:100%; position:Absolute;background-repeat: no-repeat; top:1%;background-size: 100% 100%; left:2.5%; width:5%; height:10%; top:1%; background-image: url("../img/araba.png");}
	
	.yoldon{height:18%; width: 8%;position:Absolute;background-repeat: no-repeat;background-size: 100% 100%;}
	#yoldon1{ top:1%; left:10.8%;  background-image: url("../img/yoldon.png");}
	#yoldon2{ top:25%; left:10.8%;  background-image: url("../img/yoldon.png");}
	#yoldon3{ top:50%; left:10.8%;  background-image: url("../img/yoldon.png");}
	#yoldon4{ top:75%; left:10.8%;  background-image: url("../img/yoldon.png");}
	
	.lamba{height:16%; width: 2%;position:Absolute;background-repeat: no-repeat;  background-size: 100% 100%;  }
	#lamba1{top:9%; left:11%;background-image: url("../img/yesil_lamba.png");}
	#lamba2{top:33%; left:11%;background-image: url("../img/yesil_lamba.png");}
	#lamba3{top:58%; left:11%;background-image: url("../img/yesil_lamba.png");}
	#lamba4{top:83%; left:11%;background-image: url("../img/yesil_lamba.png");}
	
	.tabela{ height:7%; width: 7%; background-size: 100% 100%; position:Absolute;background-repeat: no-repeat; cursor:pointer;}
	#tabela1{ top:17%; left:12%; background-image: url("../img/tabela_hakkimda.png");}
	#tabela2{ top:40%; left:12%; background-image: url("../img/tabela_bildiklerim.png");}
	#tabela3{ top:65%; left:12%; background-image: url("../img/tabela_projeler.png");}
	#tabela4{ top:90%; left:12%; background-image: url("../img/tabela_iletisim.png");}
		
	#duvar{position:absolute; left:20%; top:1%; width:80%; height:95%; background-image: url("../img/duvar.jpg");}
	#duvar_tabela{ top:1%; left:55%; background-image: url("../img/tabelab_hakkimda.png");height:14%; width: 10%; background-size: 100% 100%; position:Absolute;background-repeat: no-repeat; z-index:501;}
	
	#icerik{  width:60%; height:80%;border:3px solid #ffb200; position:fixed; left:30%; top:10%; z-index:500; background-color:#fff; opacity:0.9}

	#icerik_detay{width:59%; height:72%;clear: both;position:fixed; left:31%; top:17%;  color:#333; font-size:1.2vw; opacity:1; line-height:2; z-index:502;overflow:auto;}
	#icerik_detay b {text-decoration:underline;}
	/*b72e1c*/
	#icerik_yazi_hakkimda{height:65%; overflow:auto;}
	#icerik_yazi_bildiklerim{height:65%; overflow:auto;}


	#icerik_detay_resimler_hakkimda{ width:100%;height:30%;position:absolute;bottom:4%;}
	#icerik_detay_resimler_hakkimda img {margin:1%; width:17.5%; height:100%; border:1px solid #333; float:left;}
	
	#icerik_detay_resimler_bildiklerim{ width:100%;height:27%;position:absolute; bottom:5%;}
	#icerik_detay_resimler_bildiklerim img {margin:1%; width:17.5%; height:45%; border:1px solid #333; float:left; }
	
	#projeler_kutular{width:100%; height:95%; position:absolute; overflow:auto;}
	.projeler_kutucuk{width:30%; height:auto; border:2px solid #333;  margin:1%; float:left; }
	.projeler_kutucuk_aktif{width:97%;}
	.projeler_kutucuk_baslik{line-height:1; margin:0;background-color:#b72e1c; color:#fff; text-align:center; padding:2%;}
	.proje_img {width:80%; height:100%; border:1px solid #333; margin:1%; margin-left:9%;float:left; }
	.proje_img img{width:100%; height:100%; }
	.proje_img_aktif{width:40%; height:100%; margin-left:10%; }
	.goster{ background-color:#333; color:#fff;  text-align:center; font-size:90%;line-height:1; padding:3%;clear:both; cursor:pointer;vertical-align:text-middle; }
	.goster img{ width:2%; height:2%; vertical-align:middle;}
	.detay_yazi{float:left; width:53%; margin:1%; border:1px solid #333; display:none; padding:1%; line-height:1; height:auto;}
	.detay_yazi h2{padding:2%; background-color:#ffb200; color:#333; margin:0; font-size:1vw; }
	.detay_yazi ul {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-top:1%;
	height:50%;
	overflow:auto;
	}
	.detay_yazi li {
	  padding-left: 1em; 
	  text-indent: -.7em;
	  margin-bottom:2%;
	}

	.detay_yazi li::before {
	  content: "• ";
	  color: #b72e1c;
	}
		
	
	.kapat{
		float:right;
		background-color:#fff;
		color:#b72e1c;
		padding:0.5% 1% 0.5% 1%;
		margin-top:-5.5%;
		margin-right:1%;
		display:none;
		font-size:1vw;
		cursor:pointer;
	}
	.kapat:hover{
		color:#ffb200;
		font-size:1.1vw;
	}
	
	#harita{border:2px solid #b72e1c; width:98.5%; height:45%; margin-top:1%; margin:bottom:0;}
	
	.iletisim_kutucuk{margin:1%; margin-top:0; width:47%; height:48%; border:2px solid #b72e1c; float:left; overflow:auto;}
	
	.iletisim_kutucuk_baslik {padding:1%;background-color:#b72e1c; color:#fff; font-size:1vw;}
		
	#iletisim_bilgileri{width:100%;}
	#iletisim_bilgileri tr {font-size:0.9vw; border-bottom:1px solid #ccc; font-weight:bold; width:100%; display:block;}
	
	#iletisime_gec{width:100%; padding:1%;}
	#iletisime_gec tr{font-size:1vw; line-height:1; font-weight:bold;}
	#iletisime_gec input{border:1px solid #ccc; padding:2%; width:95%;}
	#iletisime_gec textarea{border:1px solid #ccc; padding:2%; width:50%; }
	#iletisime_gec .buton{ background-color:#b72e1c; color:#fff; padding:3%;}
	
	
	 
	
@media (orientation: portrait) {
   /*
   .container{position:absolute; height:60%; width:100%;}
   #icerik{ border:3px solid #ffb200; position:fixed; left:26%; top:6%; width:65%; height:50%; z-index:500; background-color:#fff; opacity:0.9}
   #icerik_detay{width:64%; height:40%;clear: both;position:fixed; left:27%; top:11%;  color:#333; font-size:1vw; opacity:1; line-height:2; z-index:502;overflow:auto;}
   */
   
}

#goster_ac{display:none;}
#mesaj{display:none; z-index:9999;}
.mesaj_hata{background-color:#ff0000; color:#fff; border:2px solid #990000; color:#fff; padding:1%; text-align:center; font-weight:bold; position:absolute; left:45%; top:60%; width:30%; font-size:1vw;}
.mesaj_basarili{background-color:#00e600; color:#333; border:2px solid #008000; padding:1%; text-align:center; font-weight:bold; position:absolute; left:45%; top:60%; width:30%; font-size:1vw;}