/*******************************************************************
PROJE           : HEZARFEN DÖKÜMANTASYON YAZILIMI
SURUM           : v.1.0
UYUM            : ie6+, ff, opera, chrome, safari, yandex 
TASARIM         : H.K.KOKSAL [hezarfen@yandex.com]
BASLAMA TARiHi  : 12 Kasım 2015,perşembe
BiTiM TARiHi    : 30 Kasım 2015,pazartesi
*********************************************************************/

@import "reset.css";
@import url(https://fonts.googleapis.com/css?family=Hind:700,500&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700,300italic&subset=latin,latin-ext);
/* FONT ÖRNEK UYGULAMA */
/* h1 {font-family: 'Hind', sans-serif; font-weight: 500/700; } */
/* h1 {font-family: 'Open Sans Condensed', sans-serif; font-weight: 300/700/300italic; } */

/* 01 GENEL SAYFA AYARLARI */
body{
	height: 100%;
	margin: 0;
	padding: 0;
	background: url(../resimler/sayfa/bg11.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
	
	
	
	
#ortalaAlan {
	width: 250px;
	height: 190px;
	border:1px dotted #333333;
	position: absolute;
	right: 30px;
	top: 45px;
	display: none;
	}
	div.saydamAlan {
	width: 250px;
	height: 190px;
	background-color:#000;	
	background-color:rgb(35,35,35); 
	z-index:-1; 
	position:absolute; 
	opacity:0.5;	
	}
	div.girisEkrani{
	font-family: 'Hind', sans-serif; 
	font-weight: 500;
	font-size: 15px;
	color:#FFF;
	padding: 35px;
	line-height: 1.3;
	}
		input.tb_150{
		display:inline-block;
		color:white;
		text-align:left;
		vertical-align: middle;
		background-color: #404040;
		font-family: 'Hind', sans-serif; 
		font-size: 15px;
		border: 1px dotted #FFF;
		width: 150px;
		}
		
		input.cb01{
		display:inline-block;
		color:white;
		vertical-align: middle;
		background-color: #404040;
		border: 1px dotted #FFF;
		width: 20px;
		}
		
		div.submit{
		position: absolute;
		overflow: hidden;
		width: 32px;
		height: 32px;
		left: 190px;
		top: 140px;
		z-index:118;
		}	
div.ustSabit {
	width: 100%;
	height: 40px;
    position: fixed;
    top: 0px;
	right: 0px;
	border-bottom: 1px dotted #000;
	}	
	div.buttonKutusu{
	position: fixed;
	top: 5px;
	right: 20px; 
	}
	div.ustSabitAlti{
	width: 100%;
	height: 40px;
	top: -120px;
	background-color:#000;	
	background-color:rgb(35,35,35); 
	opacity:0.5;
	}
	a.button{
	color:#000;
	}
	a:hover.button{
	color: #800;
	}
div.buttonKutusu{
	position: fixed;
	top: 5px;
	right: 20px; 
	}	
	.girisIcon{
		display: table-cell;
		background: url(../resimler/icon/giris01_32px.png) no-repeat;
		height: 32px;
		width: 32px;
		float: right;
		margin-right: 20px;
		top: -80px;
	}
	.girisIcon:hover{
		background: url(../resimler/icon/giris00b_32px.png) no-repeat;
	}
	
	.girisIconB{
		display: table-cell;
		background: url(../resimler/icon/giris00b_32px.png) no-repeat;
		height: 32px;
		width: 32px;
		float: right;
		margin-right: 20px;
		top: -80px;
	}
	.girisIconB:hover{
		background: url(../resimler/icon/giris01_32px.png) no-repeat;
	}

div.buttonKutusu2{
	position: fixed;
	top: 25px;
	right: 45px; 
	}
	
div.altSabit {
    position: fixed;
    bottom: 0px;
    right: 10px;
	border: 0px;
	}
	a.anaLogo {
	font-family: 'Hind', sans-serif; 
	font-weight: 500;
	font-size: 15px;
	color:#000;
	text-shadow: 1px 1px 1px #191919;
	text-decoration: none;
	}
	a:hover.anaLogo {
	color:#333333;
	}	
div.ortaSabit {
    position: fixed;
    top: 70px;
    right: 40px;
	left: 340px;
	height:510px;
	float: center;
	z-index: -1;
	border-top: dotted 1px #000;	
	border-bottom: dotted 1px #000;	
	border-left: dotted 1px #000;	
	border-right: dotted 1px #000;
	background: url(../resimler/sayfa/img01.png) no-repeat;
	}
	div.kullaniciBanner {
	position: fixed;
	text-align: right;
    top: 50px;
    left: 40px;
	width: 300px;
	height:80px;
	background: url(../resimler/sayfa/kullaniciCizgisi.png) repeat-x;
	font-family: 'Hind', sans-serif; 
	font-weight: 500;
	font-size: 16px;
	color:#000;
	text-shadow: 1px 1px 1px #191919;
	text-decoration: none;
	
	}
	div.tarihBanner {
	position: fixed;
    top: 73px;
    left: 40px;	
	width: 300px;
	font-family: 'Hind', sans-serif; 
	font-weight: 500;
	font-size: 14px;
	color:#fff;
	text-shadow: 1px 1px 1px #191919;
	text-decoration: none;
	}
	div.ajandaBanner {
	position: fixed;
    top: 93px;
    left: 75px;	
	width: 300px;
	font-family: 'Hind', sans-serif; 
	font-weight: 500;
	font-size: 13px;
	color:#000;
	text-shadow: 1px 1px 1px #191919;
	text-decoration: none;
	}
	div.havaDurumu {
	position: fixed;
	float: left;
    top: 193px;
    left: 51px;
	width: 250px;
	height: 45px;
	font-family: 'Hind', sans-serif; 
	font-weight: 500;
	font-size: 13px;
	line-height: 15px;
	color:#000;
	text-shadow: 1px 1px 1px #191919;
	text-decoration: none;
	}	
	
	a.menuButon {
	font-family: 'Hind', sans-serif; 
	font-weight: 500;
	font-size: 13px;
	line-height: 15px;
	color:#fff;
	text-shadow: 1px 1px 1px #191919;
	}
	a:hover.menuButon {
	color:#000;
	text-shadow: 1px 1px 1px #191919;	
	}
	
	div.butonSet {
	position: fixed;
	float: left;
    top: 50px;
    left: 90px;
	width: 230px;
	font-family: 'Hind', sans-serif; 
	font-weight: 500;
	font-size: 13px;
	line-height: 15px;
	color:#000;
	text-shadow: 1px 1px 1px #191919;
	text-decoration: none;
	}	

		/*custom font for text*/
		@import url(http://fonts.googleapis.com/css?family=Nunito);
		/*CSS file for fontawesome - an iconfont we will be using. This CSS file imported contains the font-face declaration. More info: http://fortawesome.github.io/Font-Awesome/ */
		@import url(http://thecodeplayer.com/uploads/fonts/fontawesome/css/font-awesome.min.css);


		#accordian {
			background: #004050;
			width: 230px;
			margin: 100px auto 0 auto;
			color: white;
			/*Some cool shadow and glow effect*/
			box-shadow: 
				0 5px 15px 1px rgba(0, 0, 0, 0.6), 
				0 0 200px 1px rgba(255, 255, 255, 0.5);
		}
		/*heading styles*/
		#accordian h3 {
			font-size: 12px;
			line-height: 34px;
			padding: 0 10px;
			cursor: pointer;
			/*fallback for browsers not supporting gradients*/
			background: #003040; 
			background: linear-gradient(#003040, #002535);
		}
		/*heading hover effect*/
		#accordian h3:hover {
			text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
		}
		/*iconfont styles*/
		#accordian h3 span {
			font-size: 16px;
			margin-right: 10px;
		}
		/*list items*/
		#accordian li {
			list-style-type: none;
		}
		/*links*/
		#accordian ul ul li a {
			color: white;
			text-decoration: none;
			font-size: 11px;
			line-height: 27px;
			display: block;
			padding: 0 15px;
			/*transition for smooth hover animation*/
			transition: all 0.15s;
		}
		/*hover effect on links*/
		#accordian ul ul li a:hover {
			background: #003545;
			border-left: 5px solid lightgreen;
		}
		/*Lets hide the non active LIs by default*/
		#accordian ul ul {
			display: none;
		}
		#accordian li.active ul {
			display: block;
		}
		#islemAlani {
		position: fixed;
		top: 120px;
		left: 350px;
		width: 900px;
		height:465px;
		border: solid 1px #000;	
		font-family: 'Hind', sans-serif; 
		font-weight: 500;
		font-size: 13px;
		background: #004050;
		color: white;
		box-shadow: 
			0 5px 15px 1px rgba(0, 0, 0, 0.6), 
			0 0 200px 1px rgba(255, 255, 255, 0.5);		
		}
		#islemAlani h3 {
			font-size: 12px;
			line-height: 34px;
			padding: 0 10px;
			cursor: pointer;
			/*fallback for browsers not supporting gradients*/
			background: #003040; 
			background: linear-gradient(#003040, #002535);
		}
		/*heading hover effect*/
		#islemAlani h3:hover {
			text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
		}
		/*iconfont styles*/
		#islemAlani h3 span {
			font-size: 16px;
			margin-right: 10px;
		}
		
		div.dizinSayfaKaydir {
		position: fixed;	
		text-align: center;
		width: 65px;
		height: 35px;
		top: 122px;
		right: 135px;	
		}
			div.solButon{
			float: left;	
			margin-top: 3px;
			width: 30px;
			height: 30px;	
			}
				div.solukSol {
				float: left;	
				width: 30px;
				height: 30px;	
				background: url(../resimler/sayfa/sol1.png) no-repeat center center;	
				opacity: 0.3;	
				}		
			div.sagButon{
			float: right;		
			margin-top: 3px;
			width: 30px;
			height: 30px;					
			}
				div.solukSag{
				float: right;		
				width: 30px;
				height: 30px;	
				background: url(../resimler/sayfa/sag1.png) no-repeat center center;
				opacity: 0.3;			
				}
			img:hover.button1{
				opacity: 0.5;
				}
		table.genel{border-collapse: separate;border-spacing: 10px 5px;}
			th {color: #f1540f;text-align: left;font-size: 14px;text-shadow: 1px 1px 1px #000;}
			tr:hover.dizin{color: #827f00; cursor: pointer;}
			
			a.listeLinki {
			font-family: 'Hind', sans-serif; 
			font-weight: 500;
			font-size: 13px;
			color: white;
			cursor: pointer;		
			text-decoration: none;
			}
			a:hover.listeLinki {
			text-decoration: underline; 
			cursor: pointer;				
			}
		
		div.mansetResmi {
			width: 120px;
			height: 185px;
			float: left;
			margin-top: 25px;
			margin-left: 50px;
			border: dotted 1px #FFF;
			}
				div.bilgiKutusu{
				position: fixed;
				text-align: right;				
				width: 120px;
				height: 40px;
				top: 370px;
				left: 401px;	
				}
				
			div.mansetAdi {
			width: 500px;
			margin-top: 30px;
			margin-left: 180px;
			color: #f1540f;
			text-align: left;
			font-size: 14px;
			line-height: 16px;
			text-shadow: 1px 1px 1px #000;
			}
			div.yazarAdi {
			margin-top: 5px;
			margin-left: 200px;
			color: #FFF;
			text-align: left;
			font-size: 14px;
			line-height: 16px;
			}					
			div.arsivBilgisi{
			margin-top:145px;
			margin-left: 45px;	
			}
			div.gizliInput {
			position: fixed;
			width: 188px;
			height: 20px;
			float: left;
			top: 302px;
			left: 860px;
			}

.girisKutusu{
		display: none;	
		position: relative;
		float: right;
		width: 200px;
		height: 125px;
		margin-right: 40px;
		margin-top: 50px;
		border: 1px solid #000;
		background-color: #000;
		-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
		box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	}
	.tbust{
		width:152px;
		height:24px;
		margin-top:20px;
		margin-left:25px;
		margin-bottom:5px;
	}
	.tb{
		width:152px;
		height:24px;
		margin-left:25px;
		margin-bottom:5px;	
	}	
		input.tb_140-20{
			width:140px;
			height:20px;
			background-color:#000;
			color:#fff;
			padding-left:5px;
			font-size:15px;
			font-family:'Roboto Condensed',sans-serif;
			border: solid 1px #E89408;
		}
		.buttonOK {
			width:130px;
			height:27px;
			background-color: #008000;
			border: solid 1px #fff;
			color: #fff;
			text-align: center;
			text-decoration: none;
			display: inline-block;
			font-size: 14px;
			font-weight:700;
			cursor: pointer;
			}
		.buttonOK:hover {
			background-color: #fff;
			border: solid 1px #E89408;
			color: #000;
			}
		.buttonOK2 {
			width:130px;
			height:27px;
			background-color: #c00000;
			border: solid 1px #fff;
			color: #fff;
			text-align: center;
			text-decoration: none;
			display: inline-block;
			font-size: 14px;
			font-weight:700;
			cursor: pointer;
			}
		.buttonOK2:hover {
			background-color: #fff;
			border: solid 1px #E89408;
			color: #000;
			}
		.buttonOK3 {
			width:265px;
			height:27px;
			background-color: #E89408;
			border: solid 1px #fff;
			color: #fff;
			text-align: center;
			text-decoration: none;
			display: inline-block;
			font-size: 14px;
			font-weight:700;
			cursor: pointer;
			}
		.buttonOK3:hover {
			background-color: #fff;
			border: solid 1px #E89408;
			color: #000;
			}	
		.buttonOK4{
			width:155px;
			background-color: #404040;
			border: 1px dotted #FFF;
			color:white;
			text-align: center;
			text-decoration: none;
			display: inline-block;
			font-family: 'Hind', sans-serif; 
			font-size: 15px;
			font-weight:700;
			cursor: pointer;
			}
		.buttonOK4:hover {
			background-color: #fff;
			border: solid 1px #E89408;
			color: #000;
			}	
					
		input.tb400_16{
		color: #FFF;
		text-align:left;
		vertical-align: middle;
		background-color: #004050;
		font-family: 'Hind', sans-serif; 
		font-size: 14px;
		width: 398px;
		height: 14px;
		border: 1px dotted #FFF;
		}
		input.tb190_16{
		color: #FFF;
		text-align:left;
		vertical-align: middle;
		background-color: #004050;
		font-family: 'Hind', sans-serif; 
		font-size: 14px;
		width: 188px;
		height: 14px;
		border: 1px dotted #FFF;
		}
		select.select190_16{
		color: #FFF;
		text-align: left;
		background-color: #004050;
		font-family: 'Hind', sans-serif; 
		font-size: 14px;
		width: 200px;
		height: 22px;
		border: 1px dotted #FFF;
		}
		textarea.ta1 {
		width: 388px;
		height: 58px;
		background-color:#004050;
		border: 1px dotted #FFF;
		resize: none;
		font-family: 'Hind', sans-serif; 
		font-size: 14px;
		line-height: 18px;
		color: #FFF;
		padding: 10px;
		}
		div.submit2{
		position: absolute;	
		overflow: hidden;
		width: 32px;
		height: 32px;
		left: 380px;
		top: 330px;
		z-index:118;
		}
		div.submit3{
		position: absolute;	
		overflow: hidden;
		width: 32px;
		height: 32px;
		left: 570px;
		top: 380px;
		z-index:118;
		}