* body {top: 0; font-family: 'Baloo', cursive; font-size: 12pt; 
	background: url('img/bg.jpg') ; 
	//background-repeat: no-repeat;
    background-attachment: fixed;
}


img {border-radius: 10px; transition: .2s linear 0s;}
img:hover{transform: scale(0.9);}
a { font-family: 'Baloo', cursive; font-size: 12pt; color: #7d7d7d; text-decoration: none}
a:link { font-family: 'Baloo', cursive; font-size: 12pt; color: #7d7d7d; text-decoration: none}
a:visited { font-family: 'Baloo', cursive; font-size: 12pt; color: #7d7d7d; text-decoration: none} 
a:hover { font-family: 'Baloo', cursive; font-size: 12pt; color: #000; text-decoration: none}

ul {list-style-type: none;   margin: 0;  padding: 0;    overflow: hidden;  width:100%px; color: #000000;}
li {display: inline-block; transition: .4s, linear 0s; color: #e10600;}
li a {display: block;    color: #e10600;    text-align: center;    padding: 14px 14px;    text-decoration: none; transition: .4s, linear 0s; margin:5px; padding:15px;}
li a:link { color: #000000;}
li a:visited { color: #000000;} 
li a:hover {background-color: #000; color:#ffffff; border-radius:10px;}
 nav select { display: none;}
 .mobilmenu {display: none;}
 .pcde {display: inline-block;}
 .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: #FE0000; text-shadow: 2px 2px 4px #585858;}        
h2 {color: #FE0000; text-shadow: 2px 2px 4px #585858;}  
h3 {color: #FE0000; text-shadow: 2px 2px 4px #585858;}  
               
tr {padding:10px; margin:10px; cursor:pointer; height:45px;}
tr:hover { background-color: #fcfcfc; }
table { padding:10px; margin:10; border-collapse: collapse; width:100%;}

.alt{ background-color:#6f6f6f;  width: 100%; margin:auto; padding-top:5px; opacity:0.8;}
.altkutular{ color:#951500; max-width: 20%; min-width: 280px; display: inline-table;  background-color:#6f6f6f; padding: 10px; border-left: 1px solid #CCC; }

.ust {z-index:1; width: 100%; height:200px; postion:fixed; background:#fff; top:0px;}
.orta{z-index:50; width: 92%; margin: auto; background-color:#f3f3f3; padding:10px;}	
.bos{z-index:18; width: 90%; height: 20px;	clear: both;}
.ara{display: inline-block; z-index:30; width: 50px; height: 50px;	background-image: url("img/resim.png"); 	background-repeat:no-repeat; background-position:-360px 0px; cursor:pointer; transition: .2s linear 0s;}
.ara:hover{background-image: url("img/resim.png"); background-repeat:no-repeat; background-position:-360px -60px;}

.pclogo{display: inline-block; z-index:30; width: 210px; height: 76px;	background-image: url('img/resim.png'); 	transform: scale(1); background-repeat:no-repeat; background-position:-10px -145px; cursor:pointer; transition: .2s linear 0s}
.pclogo:hover{background-image: url("img/resim.png"); transform: scale(0.9);}

.garanti{display: inline-block; z-index:30; width: 200px; height: 155px;	background-image: url('img/resim.png'); 	background-repeat:no-repeat; background-position:-456px -141px; cursor:pointer; transition: .2s linear 0s}
.garanti:hover{background-image: url("img/resim.png"); transform: scale(0.9);}

.klavuz{display: inline-block; z-index:30; width: 200px; height: 155px;	background-image: url('img/resim.png'); 	background-repeat:no-repeat; background-position:-250px -141px; cursor:pointer; transition: .2s linear 0s}
.klavuz:hover{background-image: url("img/resim.png"); transform: scale(0.9);}


.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;}

.mail{display: inline-block; z-index:30; width: 50px; height: 50px;	background-image: url("img/resim.png"); 	background-repeat:no-repeat; background-position:-240px 0px; cursor:pointer; transition: .2s linear 0s;}
.mail:hover{background-image: url("img/resim.png"); background-repeat:no-repeat; background-position:-240px -60px;}
.ucak{display: inline-block; z-index:30; width: 50px; height: 50px;	background-image: url("img/resim.png"); 	background-repeat:no-repeat; background-position:-300px 0px; cursor:pointer; transition: .2s linear 0s;}
.ucak:hover{background-image: url("img/resim.png"); background-repeat:no-repeat; background-position:-300px -60px;}
.harita{display: inline-block; z-index:30; width: 50px; height: 50px;	background-image: url("img/resim.png"); 	background-repeat:no-repeat; background-position:-180px 0px; cursor:pointer; transition: .2s linear 0s;}
.harita:hover{background-image: url("img/resim.png"); background-repeat:no-repeat; background-position:-180px -60px;}
.linkler{display: inline-block; padding:5px; border: 1px solid #E3000F; margin: 5px; cursor:pointer; transition: .2s linear 0s;}
.linkler:hover{border: 1px solid #262929; background-color:#FFF;}
.menulinkler{padding:1px; margin-top: 10px; width: 100%; height:30px; border-bottom: 0.2px solid #e6e6e6;}

.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: #eeeeee; padding: 15px; margin: 5px; cursor:pointer; transition: .2s linear 0s; -webkit-border-radius: 5px; border-radius: 5px;}
.sayfalink:hover{ background-color: #E3000F; color:#fff}



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

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

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

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

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