body {left: 0;  overflow-x:hidden; top:0; font-family: 'Cairo', sans-serif; font-size: 12pt;  margin: 0; position: relative;  background-color:#333333}

.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: #111111;  left: -250px;  height: 100%;  position: fixed;  width: 250px;}
.mobil-menu ul {border-top: 1px solid #636366;  list-style: none;  margin: 0;  padding: 0;}
.mobil-menu li {border-bottom: 1px solid #222;  line-height: 45px;  padding-bottom: 3px;  padding-left: 20px;  padding-top: 3px;  color:grey;  text-decoration:none;  transition:all .1s;}
.mobil-menu li:hover {background-color:#000;  color:white;}
.mobil-menu li a{color:inherit;  text-decoration:none;}

.pc-menu ul {list-style: none; width:100%; margin: auto; display: inline-block; top:0; padding:0px;}
.pc-menu li {border-right: 1px solid #222; margin: auto;  vertical-align: middle; text-align: center; float:left; color:grey; background-color:#000; width:10%; height:45px; text-decoration:none;  transition:all .1s;}
.pc-menu li:hover {height:45px; background-color:#000;  color:white;}
.pc-menu li a{color:inherit;  text-decoration:none;}

.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;}
  }

p {color:#FFFEEE;}
h1 {color:#FEFEFE; text-shadow: 3px 3px 4px #000}
h2 {color:#C79C28;}
h3 {color:#EEE;}
h4 {color:#CCC;}
h5 {color:#DDD;}

hr {border: 0.2; width: 100%; color:#C79C28; background-color: #C79C28;}


a:link {font-family: 'Francois One', sans-serif; color: #fefefe; text-decoration: none}

a{ font-family: 'Francois One', sans-serif; color: #fefefe; text-decoration: none}

a:active { font-family: 'Francois One', sans-serif; color: #fefefe; text-decoration: none}

a:hover { font-family: 'Francois One', sans-serif; color: #fefefe; text-decoration: none}


.beyaz:link {font-family: 'Francois One', sans-serif; color: #fff; text-decoration: none}

.beyaz{ font-family: 'Francois One', sans-serif; color: #fff; text-decoration: none}

.beyaz:active { font-family: 'Francois One', sans-serif; color: #fff; text-decoration: none}

.beyaz:hover { font-family: 'Francois One', sans-serif; color: #e0e0e0; text-decoration: none}

.golgeli { font-family: 'Francois One', 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;
	}

//.sol{max-width: 20%; min-width: 290px; display: inline-table; padding:10px; border:2px solid #ccc; }
.sol{max-width: 20%; min-width: 290px; display: none; padding:10px; border:2px solid #ccc; }
.icdiv{width: 99%; min-width: 310px; display: inline-table; padding:10px;}
.orta{ z-index:6; width: 92%; right: 3px; top: 3px; left: 3px; margin: auto;	margin-top: 10px; padding:5px 10px 5px 10px;}
	
.linkler{display: inline-block; min-width: 290px; padding:5px; border: 0px solid #C79C28; margin: 5px; cursor:pointer; transition: .2s linear 0s;}
.linkler:hover{ background-color: #C79C28;}

.mavi{display: inline-table; border:#2a2a2a solid 1px; margin: 5px; padding: 5px; text-align: center;	transition: linear 0s;}
.mavi:hover{border:#ca9e01 solid 1px; background-color: #f4f5f4;}


.alt{ background-color:#111;  width: 100%; margin:auto; padding:5px;}

.beyazlink:link {font-family: 'Francois One', sans-serif; color: #ccc; text-decoration: none}

.beyazlink { font-family: 'Francois One', sans-serif; color: #ccc; text-decoration: none}

.beyazlink:active { font-family: 'Francois One', sans-serif; color: #ccc; text-decoration: none}

.beyazlink:hover { font-family: 'Francois One', sans-serif; color: #fff; text-decoration: none}


.altkutular{ color:#ffffff; max-width: 17%; display: inline-table; min-width: 200px;  background-color:#111; padding: 10px; border-left: 1px solid #636366; }