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


//img {border-radius: 100%; transition: .4s, linear 0s;}
ul {list-style-type: none;   margin: 0;  padding: 0;    overflow: hidden;  width:100%px;}
li {display: inline-block; transition: .4s, linear 0s;}
li a {display: block;    color: #ffffff;    text-align: center;    padding: 14px 14px;    text-decoration: none; transition: .4s, linear 0s; margin:5px; padding:15px;}
li a:hover {background-color: #cecdbb; color:#FFFFFF}
 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;}
                           
                            body {background-image:url('img/bgmiz.jpeg');}

                           }
                           
            @media (max-width: 400px) { 
                           * body {background: url('img/mobilelmira.jpeg') no-repeat center top cover; }
                           }
h1 {color: #429ec5; text-shadow: 2px 2px 4px #0B0D0C;}        
h2 {color: #E09834; text-shadow: 2px 2px 6px #000000;}  
h3 {color: #cecdbb; text-shadow: 2px 2px 4px #0B0D0C;}  
               
a { font-family: 'Baloo', cursive; font-size: 12pt; color: #737373; text-decoration: none}
a:link { font-family: 'Baloo', cursive; font-size: 12pt; color: #737373; text-decoration: none}
a:visited { font-family: 'Baloo', cursive; font-size: 12pt; color: #737373; text-decoration: none} 
a:hover { font-family: 'Baloo', cursive; font-size: 12pt; color: #429ec5; text-decoration: none}
tr {padding:10px; margin:10px; cursor:pointer; height:45px;}
tr:hover { background-color: #FFE9BB; }
table { padding:10px; margin:10; border-collapse: collapse; width:100%;}

.kose {border-radius: 100%; transition: .4s, linear 0s;}
.alt{ background-color:#6f6f6f;  width: 100%; margin:auto; padding-top:5px; opacity:0.8;}
.altkutular{ color:#429ec5; 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;}

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

.instagram{display: inline-block; z-index:30; width: 50px; height: 50px;	background-image: url("img/resim.png"); 	background-repeat:no-repeat; background-position:-183px -0px; cursor:pointer; transition: .2s linear 0s;}
.instagram:hover{background-image: url('img/resim.png'); background-repeat:no-repeat; background-position:-183px -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 #e1ad40; margin: 5px; cursor:pointer; transition: .2s linear 0s;}
.linkler:hover{border: 1px solid #0B0D0C; background-color:#FFF;}
.menulinkler{padding:1px; margin-top: 10px; width: 100%; height:30px; border-bottom: 0.2px solid #429ec5;}

.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: #e1ad40; color:#fff}

.altbaslik{display:inline-table; border:1px solid #fff; margin: auto padding: auto; cursor:pointer; transition: .2s linear 1s;}
.altbaslik:hover{border:1px solid #ccc; margin: auto; }


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

.button {  display: inline-block;  border-radius: 10px;  background-color: #e1ad40;  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 {padding:5px; border:2px solid #429ec5; -webkit-border-radius: 10px; border-radius: 10px; padding:10px; margin:15px; width:280px;}
input[type=text] {padding:5px; border:2px solid #429ec5; -webkit-border-radius: 10px; border-radius: 10px; padding:10px; margin:15px; width:280px;}
input[type=email] {padding:5px; border:2px solid #429ec5; -webkit-border-radius: 10px; border-radius: 10px; padding:10px; margin:15px; width:280px;}
input[type=number] {padding:5px; border:2px solid #429ec5; -webkit-border-radius: 10px; border-radius: 10px; padding:10px; margin:15px; width:280px;}
textarea {padding:5px; border:2px solid #429ec5; -webkit-border-radius: 10px; border-radius: 10px; padding:10px; margin:15px; width:300px;}
select:not([multiple]) {padding:5px; border:2px solid #429ec5; -webkit-border-radius: 10px; border-radius: 10px; padding:10px; margin:15px; width:300px;}
input[type=submit] {padding: 20px; background:#e1ad40; color: #fff;  border:0 none; cursor:pointer;   -webkit-border-radius: 5px;   border-radius: 10px; width:280px;}