/*
################################
# 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 {  background-image: url("../img/mobile_yol.png");background-repeat: repeat-x;height:100%;background-size: 11% 10%;}
	
	.clear{clear:both;}
	
	#araba{width:100%; position:Absolute;background-repeat: no-repeat; background-size: 100% 100%; left:1%; width:8%; height:6%; top:2%; background-image: url("../img/araba.png");}
	
	.yoldon{height:15%; width: 15%;position:Absolute;background-repeat: no-repeat;background-size: 100% 100%;}
	#yoldon1{ top:9%; left:4%;  background-image: url("../img/mobile_yoldon.png");}
	#yoldon2{ top:9%; left:30%;  background-image: url("../img/mobile_yoldon.png");}
	#yoldon3{ top:9%; left:56%;  background-image: url("../img/mobile_yoldon.png");}
	#yoldon4{ top:9%; left:80%;  background-image: url("../img/mobile_yoldon.png");}
	
	.lamba{height:16%; width: 4%;position:Absolute;background-repeat: no-repeat;  background-size: 100% 100%;  }
	#lamba1{top:10%; left:19%;background-image: url("../img/yesil_lamba.png");}
	#lamba2{top:10%; left:45%;background-image: url("../img/yesil_lamba.png");}
	#lamba3{top:10%; left:71%;background-image: url("../img/yesil_lamba.png");}
	#lamba4{top:10%; left:95%;background-image: url("../img/yesil_lamba.png");}
	
	.tabela{ height:10%; width: 16%; background-size: 100% 100%; position:Absolute;background-repeat: no-repeat; cursor:pointer;}
	#tabela1{ top:20%; left:6%; background-image: url("../img/tabela_hakkimda.png");}
	#tabela2{ top:20%; left:32%; background-image: url("../img/tabela_bildiklerim.png");}
	#tabela3{ top:20%; left:58%; background-image: url("../img/tabela_projeler.png");}
	#tabela4{ top:20%; left:82%; background-image: url("../img/tabela_iletisim.png");}
		
	#duvar{position:absolute; left:1%; top:32%; width:99%; height:70%; background-image: url("../img/duvar.jpg");}
	#duvar_tabela{ top:34%; left:38%; background-image: url("../img/tabelab_hakkimda.png");height:8%; width: 20%; background-size: 100% 100%; position:Absolute;background-repeat: no-repeat; z-index:501;}
	
	#icerik{  width:89%; height:59%;border:3px solid #ffb200; position:fixed; left:5%; top:37%; z-index:500; background-color:#fff; opacity:0.9}

	#icerik_detay{width:88%; height:56%;clear: both;position:fixed; left:6%; top:41%;  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:75%; overflow:auto;}
	#icerik_yazi_bildiklerim{height:67%; overflow:auto;}


	#icerik_detay_resimler_hakkimda{ width:100%;height:20%;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; font-size:3vw;}
	.projeler_kutucuk{width:97%; height:auto; border:2px solid #333;  margin:1%; float:left; clear:none !important;}
	.projeler_kutucuk_aktif{width:width:97%;}
	.projeler_kutucuk_baslik{font-size:3vw;line-height:1; margin:0;background-color:#b72e1c; color:#fff; text-align:center; padding:3%;}
	.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 { margin-left:10%; }
	.proje_img_aktif img{width:100%; 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:95%; margin:1%; border:1px solid #333; display:none; padding:1%; line-height:1; height:auto;}
	.detay_yazi h2{padding:3%; background-color:#ffb200; color:#333; margin:0; font-size:3vw; }
	.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%;
	  font-size: 3vw; 
	}

	.detay_yazi li::before {
	  content: "• ";
	  color: #b72e1c;
	}
		
	
	.kapat{
		float:right;
		background-color:#fff;
		color:#b72e1c;
		padding:0.5% 1% 0.5% 1%;
		margin-top:-8.5%;
		margin-right:1%;
		display:none;
		font-size:3vw;
		cursor:pointer;
	}
	.kapat:hover{
		color:#ffb200;
		font-size:3.5vw;
	}
	
	#harita{border:2px solid #b72e1c; width:98.5%; height:42%;}
	
	.iletisim_kutucuk{overflow:auto;margin:1%; margin-top:0; width:97%; height:53%; border:2px solid #b72e1c; }
	.iletisim_kutucuk:last-child{margin-bottom:3%;}
	
	.iletisim_kutucuk_baslik {padding:2%;background-color:#b72e1c; color:#fff; font-size:4vw; font-weight:bold;}
		
	#iletisim_bilgileri{width:100%;}
	#iletisim_bilgileri tr {font-size:3vw; border-bottom:1px solid #ccc; font-weight:bold; width:100%; display:block;}
	
	#iletisime_gec{width:100%; padding:1%; }
	#iletisime_gec tr{font-size:3vw; line-height:1; font-weight:bold;}
	#iletisime_gec input{border:1px solid #ccc; padding:4%; width:90%;}
	#iletisime_gec textarea{border:1px solid #ccc; padding:2%; width:95%; }
	#iletisime_gec .buton{ background-color:#b72e1c; color:#fff; padding:3%; font-size:3vw;}
		
	#dogrulama{padding:5%;}
	#dogrulama img{width:100%;}

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