body {left: 0;  overflow-x:hidden; top:0; font-family: 'Righteous', cursive;  font-size: 12pt; color:#000; 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: #CCCCCC;  left: -250px;  height: 100%;  position: fixed;  width: 250px;}

.ac-kapa{display:none; width:45px; height:45px; top:0; background-image: url('img/resim.png'); 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: 'Righteous', cursive; color: #000000; text-decoration: none}
a{ font-family: 'Righteous', cursive; color: #000000; text-decoration: none}
a:active { font-family: 'Righteous', cursive; color: #000000; text-decoration: none}
a:hover { font-family: 'Righteous', cursive; color: #F06812; text-decoration: none}

.beyaz:link {font-family: 'Righteous', cursive; color: #fff; text-decoration: none}
.beyaz{ font-family: 'Righteous', cursive; color: #fff; text-decoration: none}
.beyaz:active { font-family: 'Righteous', cursive; color: #fff; text-decoration: none}
.beyaz:hover { font-family: 'Righteous', cursive; color: #e0e0e0; text-decoration: none}

.golgeli { font-family: 'Righteous', cursive;  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:#F06812;}
h2 {color:#F06812;}
h3 {color:#F06812; 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 #C8C8C8; margin: 5px; cursor:pointer; transition: .2s linear 0s; background-color: #C8C8C8;}
.linkler:hover{ background-color: #4d4d4d;}
.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;}
.mavi:hover{border:#ca9e01 solid 1px; background-color: #f4f5f4;}
.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 #F06812; }
.urun{display: inline-table; border:1px solid #cecece;  min-width: 300px; padding:10px; width:29%; margin:10px; height:210px; overflow: hidden; transition: .2s linear 0s;}
.urun:hover{border:1px solid #CA000F; background-color:#F06812;
			.ustunde transform: rotateY(180deg);
            .ustunde{display:block;}
            }


.referans{display: inline-block; min-width: 220px; height:220px; border:1px solid #ccc; padding:10px;  margin: 10px; cursor:pointer; transition: .2s linear 0s; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden;}
.referans:hover{border:1px solid #00467F; transform: scale(1.1) }


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





// AKORDİYON MENU
ul#menu, ul#menu ul {list-style-type:none;  margin: 0;  padding: 0;  width: 1em; }

ul#menu a { display: block;  text-decoration: none;	}

ul#menu li {list-style-type:none;  margin-top: 1px;}

ul#menu li a {  background: #1c2978;  color: #fff;	  padding: 0.5em; border-radius:3px;}

ul#menu li a:hover {  background: #F06812;}

ul#menu li ul { margin-top: 1px; margin-left:-35px;}
ul#menu li ul li a { background: #555;  color: #FFF;  padding-left: -5px;}

ul#menu li ul li a:hover {  background: #000;  border-left: 2px #000 solid;}

// akordİyon menü .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; 
    //-webkit-border-radius: 10px;
    //border-radius: 5px;
}
option:disabled {color: #F06812;}

input[type=email] {
    padding:5px; border:2px solid #ccc; 
    //-webkit-border-radius: 10px;
    //border-radius: 5px;
}

input[type=number] {
    padding:5px; border:2px solid #ccc; 
    //-webkit-border-radius: 10px;
    ////border-radius: 5px;
}

textarea {
    padding:5px; border:2px solid #ccc; 
    //-webkit-border-radius: 10px;
    //border-radius: 5px;
}

select:not([multiple]) {
    padding:5px; border:2px solid #ccc; 
    //-webkit-border-radius: 10px;
    //border-radius: 5px;
}

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

input[type=submit] {
    padding: 20px; background:#F06812; color: #fff;  border:0 none; cursor:pointer;
    //-webkit-border-radius: 5px;
    //border-radius: 10px; 
}