﻿html,body{margin:0px;padding:0px;width:100%;height:100%;font-family: "Verdana", sans-serif; font-size:12px;}
html {overflow-x:hidden;overflow-y:scroll;}
body { background: url('/resimler/bodybg.jpg') no-repeat center center fixed;-moz-background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-size: cover;}
a {text-decoration:none;}
.sagahizala {text-align:right;}
.ortala {text-align:center;}
.hizala {margin-left:auto;margin-right:auto;}
.temizle{clear:both;}
#ekran_karart{display:none;background:#000;opacity:0;position:fixed;z-index:1;top:0;left:0;width:100%;height:100%;filter:alpha(opacity=0)}
#anacerceve{position:relative;z-index:500;}
.sayfa-section {width:100%;min-height:680px !important;padding-bottom:50px;overflow-y:auto;}

#sayfa-anasayfa{}
#sayfa-hakkimizda{background-color:#fff;}
#sayfa-hizmetlerimiz{background: url('/resimler/bg02.jpg') no-repeat center center fixed;-moz-background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-size: cover;}
#sayfa-evraklar{background:#fff url('/resimler/bg03.jpg') no-repeat center center fixed;-moz-background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-size: cover;}
#sayfa-iletisim{background: url('/resimler/bg04.jpg') no-repeat center center fixed;-moz-background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-size: cover;}



#isimalan {position:relative;margin-top:20%;padding:15px 0px;z-index:500;text-align:center;background-color:#000; opacity:0.8;}
#isimalan span {font-size:80px;color:#fff;z-index:600;opacity:1;}
#isimalan span.anatelefon a{font-size:40px;color:#fff;}

#menualan{position:fixed;z-index:1000;bottom:10px;left:10px; width:120px;}
#menualan div.gizlegoster {display:none;color:#000;}
#menualan ul {margin:0px;padding:0px;list-style-type:none;}
#menualan ul li, .gizlegoster {text-align:center;background-color:#fff;margin-bottom:5px; padding:5px;border-radius:5px;}
#menualan ul li a {display:block;color:#000;font-size:14px;}
.aktifmenu {color:#ccc;font-weight:bold;}

#formalan{padding-top:10%;position:relative;z-index:600;width:550px;}
#formalan input[type="text"] {border:none; width:400px;}
#formalan input[type="submit"] {font-size:16px;}
#formalan textarea {border:none; width:400px; height:140px;}
#formalan span {display:block;min-width:120px;padding-left:10px;white-space:nowrap;}
.tblsatir {display:block;}
.tblsutun {font-size:16px;display:inline; float:left; color:#fff;}
.tblpad {clear:both;}

#altmenu ul {list-style-type:none;margin:0px;padding:0px;}
#altmenu li {padding:5px 0px;text-align:center;}
#altmenu li a {color:#fff; font-size:15px;}

.yazialan {position:relative;top:50px;width:80%;max-width:900px;margin-left:auto;margin-right:auto;z-index:500;background:url(../resimler/byz.png) top left; padding:10px;padding-bottom:30px;border-radius:10px;font-size:13px;}

.binlik {width:95%;max-width:960px;position:relative;}

#yapimci {color:#000;font-size:10px;position:fixed;bottom:0px;right:0px;}




@media only screen and (min-width : 200px) and (max-width : 680px) {
body {background: url('/resimler/bodybg2.jpg') no-repeat center center fixed;-moz-background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-size: cover;} 
#isimalan span{font-size:50px;}
#isimalan span.anatelefon a{font-size:25px;color:#fff;}

#menualan ul {display:none;}
#menualan div.gizlegoster {display:block;cursor:pointer;}

#formalan{position:relative;top:50px !important;z-index:600;width:220px;}
#formalan input[type="text"] {border:none; width:220px;}
#formalan input[type="submit"] {font-size:14px;}
#formalan textarea {border:none; width:220px; height:90px;}
#formalan span {display:block;width:220px;text-align:left !important;}
.tblsutun {font-size:14px;display:block; float:none;}
#yapimci {font-size:8px;position:fixed;bottom:-10px;right:-10px;}
}