* body {top: 0; background: #FFEFBF; font-family: 'Barlow Condensed', sans-serif ; font-size: 12pt; 
	background: url('img/bg-pc.jpg') no-repeat center center fixed; 
	background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; 
}

a { font-family: 'Barlow Condensed', sans-serif ; font-size: 12pt; color: #000; text-decoration: none}
a:link { font-family: 'Barlow Condensed', sans-serif ; font-size: 12pt; color: #000; text-decoration: none}
a:visited { font-family: 'Barlow Condensed', sans-serif ; font-size: 12pt; color: #000; text-decoration: none} 
a:hover { font-family: 'Barlow Condensed', sans-serif ; font-size: 12pt; color: #FF0000; text-decoration: none}


//img {border-radius: 10px; transition: .4s, linear 0s;}
//img:hover {box-shadow: 3px 3px 7px #333333;}

ul {list-style-type: none;   margin: 0;  padding: 0;    overflow: hidden;  border-radius: 0px; width:100%px;}
li {display: inline-block; background-color: #000;  opacity:0.9; font-size: 12pt; color:white;  text-align: center;  text-decoration: none; margin:1px; padding:8px; border-radius:0px; cursor: pointer;}
li:hover {background-color: #f3f3f3; opacity:1; color:black;}



 nav select { display: none;}
 .mobilmenu {display: none;}
 .pcde {display: inline-block; margin:auto;}
 .mobilde{ display: none;}
 
            @media (max-width: 980px) { 
                            nav ul {display: none;}
                           .pcde  {display: none;} 
                           .mobilmenu {display: inline-block;}
                           }
                           
            @media (max-width: 400px) { 
                           * body {background: url('img/bg-mobil.jpg') no-repeat center top fixed; }
                           }
h1 {color: #ED6502; text-shadow: 2px 2px 4px #000;}        
h2 {color: #ED6502; text-shadow: 2px 2px 4px #000;}  
h3 {color: #FF0000; text-shadow: 2px 2px 4px #000;}  
               
tr {padding:10px; margin:10px; cursor:pointer;}
tr:hover { background-color: #fcfcfc; }
table { padding:10px; margin:10; border-collapse: collapse; width:100%; background-color:#FFF;}

.alt{ background-color:#FFF1E8;  width: 100%; margin:auto; padding-top:5px; opacity:0.9;}
.altkutular{ color:#FFF1E8; max-width: 24%; min-width: 280px; display: inline-table;  padding: 10px; border-left: 0px solid #CCC; }

.ust {z-index:1; width: 100%; height:200px; postion:fixed; background:#fff; top:0px;}
.orta{z-index:50; width: 99%; margin: auto; padding:5px; background-color:#fff; opacity:1; border:#ED6502 solid 1px;}	
.bos{z-index:18; width: 90%; height: 20px;	clear: both;}

.mavi{display: inline-table; width:45%; min-width:145px; border:#ED6502 solid 1px; margin: 10px; padding: 5px; box-shadow: 0px 0px 20px #333333; text-align: center; border-radius:10px;	transition: linear 0s;}
.mavi:hover{border:#000000 solid 1px; background-color: #FFEFBF;}


.facebook{display: inline-block; z-index:30; width: 50px; height: 50px;	background-image: url('img/resim.png'); 	background-repeat:no-repeat; background-position:0px -0px; cursor:pointer; transition: .2s linear 0s}
.facebook:hover{background-image: url("img/resim.png"); background-repeat:no-repeat; background-position:0px -60px;}

.twitter{display: inline-block; z-index:30; width: 50px; height: 50px;	background-image: url("img/resim.png"); 	background-repeat:no-repeat; background-position:-64px -0px; cursor:pointer; transition: .2s linear 0s;}
.twitter:hover{background-image: url('img/resim.png'); background-repeat:no-repeat; background-position:-64px -58px;}

.google{display: inline-block; z-index:30; width: 50px; height: 50px;	background-image: url("img/resim.png"); 	background-repeat:no-repeat; background-position:-125px -0px; cursor:pointer; transition: .2s linear 0s;}
.google:hover{background-image: url('img/resim.png'); background-repeat:no-repeat; background-position:-125px -60px;}

.linkler{display: inline-block; padding:5px; background-color:#ED6502;  border: 1px solid #ED6502; border-radius:10px; margin: 5px; cursor:pointer; transition: .2s linear 0s;}
.linkler:hover{border: 1px solid #ED6502; background-color:#FFF;}
.menulinkler{padding:1px; margin-top: 10px; width: 100%; height:30px; border-bottom: 1px solid #fff;}

.sayfalar{float:left; width:100%;	height:90px; margin-right: 5px;	margin-left: 5px;	margin-bottom: 10px;	margin-top: 5px;	background-color: #f4f5f4;	}
.sayfalink{display: inline-block; background-color: #c8c8c8; color:black; padding: 10px; margin: 2px; cursor:pointer; transition: .2s linear 0s; -webkit-border-radius: 5px; border-radius: 5px;}
.sayfalink:hover{ background-color: #ED6502; color:#000}



.galeri{display: inline-block; min-width: 223px; height:220px; 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; }

.ktel{display: inline-block; width: 33px; height: 26px;	background-image: url("img/resim.png"); 	background-repeat:no-repeat; background-position:-203px -180px; cursor:pointer; transition: .4s, linear 0s; }
.ktel:hover{background-image: url("img/resim.png"); background-repeat:no-repeat; background-position:-203px -145px;}

.button {  display: inline-block;  border-radius: 10px;  background-color: #ED6502;  border: none;  color: #FFFFFF;  text-align: center;  font-size: 28px;  padding: 20px;  width:300px; transition: all 0.5s;  cursor: pointer;  margin: 5px;}
.button span {  cursor: pointer;  display: inline-block;  position: relative; transition: 0.5s;}
.button span:after {  content: '\00bb';  position: absolute;  opacity: 0;  top: 0;  right: -20px;  transition: 0.5s;}
.button:hover span {  padding-right: 25px;}
.button:hover span:after {  opacity: 1;  right: 0;}
.radio{border-radius: 50%;}
.radio:after {left: 7px;  top: 7px;  height: 6px;  width: 6px;  border-radius: 50%;  background: #fff;}

input[type=text] {padding:5px; border:2px solid #FF0000; -webkit-border-radius: 10px; border-radius: 10px; padding:10px; margin:15px; width:280px;}
input[type=email] {padding:5px; border:2px solid #FF0000; -webkit-border-radius: 10px; border-radius: 10px; padding:10px; margin:15px; width:280px;}
input[type=number] {padding:5px; border:2px solid #FF0000; -webkit-border-radius: 10px; border-radius: 10px; padding:10px; margin:15px; width:280px;}
textarea {padding:5px; border:2px solid #FF0000; -webkit-border-radius: 10px; border-radius: 10px; padding:10px; margin:15px; width:300px;}
select:not([multiple]) {padding:5px; border:2px solid #FF0000; -webkit-border-radius: 10px; border-radius: 10px; padding:10px; margin:15px; width:300px;}
input[type=submit] {padding: 20px; background:#FF0000; color: #fff;  border:0 none; cursor:pointer;   -webkit-border-radius: 5px;   border-radius: 10px; width:280px;}