body {left: 0;  overflow-x:hidden; top:0; font-family: 'Fira Sans', sans-serif;  font-size: 13pt; color:#000000; margin: 0; position: relative;  background-color:#FFFFFF;}

.logo{width:310px; top:0; position: fixed; }
.logokucuk{width:100%; top:0; right:0px; z-index:5; background-color:#111; height:45px; display: none;}
.mobil-menu {background: #F0F0F0;  left: -250px;  height: 100%;  position: fixed;  width: 250px;}

.ac-kapa{display:none; width:45px; height:45px; top:0; background-image: url('img/resim.gif'); background-repeat:no-repeat; cursor:pointer; z-index:291; float:left;}

@media (max-width: 1000px){
  .mobil-menu{display: block;}
  .ac-kapa{display: block;}
  .pc-menu{display: none;}
  .bos{display: none;}
  .logokucuk{display: block;}
  .golgeli{display:none;}
  .pcdeki_goruntu{display:none;}
  .ortaladostum{width:100%;}
  .alttaki{width:320px; margin:auto;}
  }


a:link {font-family: 'Fira Sans', sans-serif; color: #000000; text-decoration: none}
a{font-family: 'Fira Sans', sans-serif; color: #000000; text-decoration: none}
a:active {font-family: 'Fira Sans', sans-serif; color: #000000; text-decoration: none}
a:hover {font-family: 'Fira Sans', sans-serif; color: #6A227C; text-decoration: none}

.beyaz:link {font-family: 'Fira Sans', sans-serif; color: #fff; text-decoration: none}
.beyaz{font-family: 'Fira Sans', sans-serif; color: #fff; text-decoration: none}
.beyaz:active {font-family: 'Fira Sans', sans-serif; color: #fff; text-decoration: none}
.beyaz:hover {font-family: 'Fira Sans', sans-serif; color: #e0e0e0; text-decoration: none}

.golgeli {font-family: 'Fira Sans', sans-serif;  font-size: 26pt; color: #FFF; text-shadow: 2px 2px 4px #000000;}
.telefon{
  //display:none;
  position:absolute;
  right:20px;
  top:20px;
  width: 91px;
  height: 45px;
  z-index:5;
  cursor:pointer;
	}
h1 {color:#000000; font-size:22;}
h2 {color:#000000;}
h3 {color:#000000; font-size:15;}
.sol{max-width: 20%; min-width: 290px; display: inline-table; padding:10px; border:2px solid #ccc; }
.icdiv{width: 70%; min-width: 310px; display: inline-table; padding:10px;}
.orta{ float:left; z-index:6; width: 72%;  top: 5px; left: 5px; margin: auto;	margin-top: 10px; padding:5px 10px 5px 10px;}
	
.linkler{display: inline-block; padding:5px; border: 0px solid #FF6699; margin: 5px; cursor:pointer; transition: .2s linear 0s; background-color: #FF6699;}
.linkler:hover{ background-color: #FF6699;}
.mavi{display: inline-table; border:#2a2a2a solid 1px; width:40%; min-width:320px; height:230px; margin: 5px; padding: 5px; text-align: center;	transition: linear 0s; overflow:auto; border-radius:15px;}
.mavi:hover{border:#ff6699 solid 1px; background-color: #f0f0f0;}
.galeri{display: inline-block; min-width: 220px; height:180px; border:1px solid #ccc; padding:5px;  margin: 5px; cursor:pointer; transition: .2s linear 0s; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden;}
.galeri:hover{border:1px solid #00467F; }


.alt{ background-color:#111;  width: 100%; margin:auto; padding:5px;}
.beyazlink:link {font-family: 'Fira Sans', sans-serif; color: #ccc; text-decoration: none}
.beyazlink {font-family: 'Fira Sans', sans-serif; color: #ccc; text-decoration: none}
.beyazlink:active {font-family: 'Fira Sans', sans-serif; color: #ccc; text-decoration: none}
.beyazlink:hover {font-family: 'Fira Sans', sans-serif; color: #fff; text-decoration: none}


.altkutular{ color:#000000; max-width: 17%; display: inline-table; min-width: 200px;  background-color:#111; padding: 10px; border-left: 1px solid #636366; }
input[type=text] {padding:5px; border:2px solid #ccc; 

}

input[type=email] {
    padding:5px; border:2px solid #ccc; 
}

input[type=number] {
    padding:5px; border:2px solid #ccc; 

}

textarea {
    padding:5px; border:2px solid #ccc; 

}

select:not([multiple]) {
    padding:5px; border:2px solid #ccc; 

}

input[type=text]:focus {
    border-color:#C80D3C;
}

input[type=submit] {
    padding: 20px; background:#FF0000; color: #fff;  border:0 none; cursor:pointer;

}