* {
  font-family: "book", sans-serif;
}

html, body {
  font-size: 14px;
  overflow-x: hidden;
}

body {
  position: relative;
  margin: 0;
  padding: 0;
  font-family: "book", sans-serif;
  font-size: 14px;
  line-height: 32px;
  font-weight: 400;
  color: #333;
  background:#fff !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "book", sans-serif;
  font-weight: 700;
  color: #333;
}

h1 {
  font-size: 54px;
  line-height: 56px;
}

h2 {
  font-size: 40px;
  line-height: 44px;
}

h3 {
  font-size: 33px;
  line-height: 33px;
}

h4 {
  font-size: 20px;
  line-height: 32px;
}

h5 {
  font-size: 18px;
  line-height: 24px;
}

h6 {
  font-size: 14px;
  line-height: 18px;
}

p {
  font-family: 'book', sans-serif;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #7e7d7d;
}

ul, ol, li {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}

a {
  color: inherit;
  text-decoration: none;
}

a:hover, a:focus {
  text-decoration: none;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;

}
.header {
	background:url(images/header.png);
	width:1026px;
	height:333px;
	margin-left:auto;
	margin-right:auto;
	margin-top:100px;
	position:relative
}
.text {
	position:absolute;
	font-weight:bold;
	top:80px;
	left:50px
}

.ustbanner {
	background-color:#000;
	width:460px;
	height:60px;
	color:#FFF;
	position:absolute;
	top:-70px;
	right:0px;
	text-align:center
}
.ustmenu {
	position:absolute;
	top:0px;
	right:15px;
}
.ustmenu li {
	float:left;
	font-size:14px;
	line-height:58px;
	border-left:solid 1px #343434;
}
.ustmenu a {
	color:#FFF;
	font-size:16px;
	text-decoration:none;
	padding-left:15px;
	padding-right:15px;	
}
.ustmenu a:hover {
	text-decoration:underline
}

.menulist ul
{
	list-style-type: none;
	color:#333;
	padding-left:0px;
}
.menulist ul li
{
	margin:10px;
	font-size:16px;
}
.menulist a:hover
{
	border-bottom:2px solid #333;
	color:#666;
}

.menulist_alt
{
	margin-left:20px;
}

.iletisim
{
	background-image:url('../images/ipd-map-1.gif');
	height:99vh;
}
.ilet
{
	background-color:#fff;
	width:400px;
	height:320px;
	padding:16px;
	margin-top:220px;
	left:0;
}
.top
{
	padding:0px !important;
	margin:0px !important;
	background-color:#343a40;
	color:#fff !important;
}

.top a
{
	color:#fff;
}
.uyelik{
	margin-left:15px;
	margin-right:15px;
}
.projeler
{
	margin-top:60px;
}



.pbaslik
{
	font-size:16px;
}
.proje{
	background-color:#fff;
	padding:20px 0px 0px 0px;
	-webkit-transition: background-color 1s ease-out;
	-moz-transition: background-color 1s ease-out;
	-o-transition: background-color 1s ease-out;
	transition: background-color 1s ease-out;
}
.proje:hover{
	background-color:#666;
	color:#fff;
}



@media only screen and (min-width: 992px) {
	.logolu
	{
		position:fixed;
		padding:0px !important;
	}
	.menulist
	{
		margin-top:60px;
		position:fixed;
	}
	.logo2
	{
		margin-top:200px;
		
	}
	.logo1
	{
		margin-top:100px;
		
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	.logolu
	{
		position:none;
		padding:0px !important;
	}
	.menulist
	{
		margin-top:1px;
		position:none;
	}
	.logo1{
		display:none;
	}
	.logo2
	{
		margin-top:20px;
		
	}
}

@media (min-width: 321px) and (max-width: 479px) {
	.logolu
	{
		position:none;
		padding:0px !important;
	}
	.menulist
	{
		margin-top:1px;
		position:none;
	}
	.logo1{
		display:none;
	}
	.logo2
	{
		margin-top:20px;
		
	}
}