html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
}



::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}



hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}



img {
    vertical-align: middle;
}



fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}



textarea {
    resize: vertical;
}



.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

 .center { width:990px; margin:0 auto;}
 .sayyac { width:100%; height: auto; float:left; margin:5px 0}



#header { width: 100%; height: 150px; background: url("/img/header_bg.png") repeat-x;}
#header header { width: 990px; height: 150px; background: url("/img/header-cnt.png") no-repeat; float:left;}
#header header .logo { width: 263px; height: 79px; background: url("/img/logo_bg.png") no-repeat; margin:35px 0 0 35px; float: left;}
#header header .logo a { width:309px; height: 74px; float:left; }
#header header .logo:active {opacity: 0.7}

#menu {width:100%; height: 42px; background: url("/img/menu_bg.png") repeat-x; float: left; line-height: 7px}
#menu ul { float:left;} 
#menu ul li {height:43px; float:left;  list-style: none;}
#menu ul li a {text-decoration: none; text-shadow: 0 1px 0 rgba(0,0,0,0.3); color:#fff; font-size: 13px; font-family: "tahoma", Arial, Helvetica, sans-serif; font-weight: 700; padding: 11px 20px 13px 20px; border-left: 1px solid transparent; border-right: 1px solid transparent;}
#menu ul li a:hover {   background: #eee; box-shadow: inset 0 2px 4px rgba(0,0,0,0.2); border-color: #ebebeb; color:#000}

#icerik {width:100%; min-height: 300px; background: #fff url("/img/content-bg.png") repeat-x;}
#icerik .slider { width:918px; height: 368px; background: #fff; border-radius: 4px; border:1px solid #eee; float:left; margin:15px 0 10px 33px;}
#icerik .slider .slides { width:900px; height: 350px; padding: 14px; position: relative;}
#icerik .slider ul {margin:0; padding: 0; list-style: none; width:90px; height: 350px;}
#icerik .slider ul li { float:left; position: relative; z-index: 99;}
#icerik .slider .bx-prev {width: 38px; height: 38px; text-indent: -999em; display: block; z-index: 9999999; position: absolute; left: 5px; bottom: 175px; background:  url('/img/gray_prev.png') no-repeat 0 0px;}
#icerik .slider .bx-next {width: 38px; height: 38px; text-indent: -999em; display: block; z-index: 9999999; position: absolute; right: 5px; bottom: 175px; background:  url('/img/gray_next.png') no-repeat 0 0px;}


#icerik .alt-icerik { width:990px; height: 380px; float:left; margin:15px 0 5px 33px }
#icerik .alt-icerik .grup { width:296px; height: 388px; float:left; border-right:1px dotted #bdbdbd; padding:0 6px}
#icerik .alt-icerik .grup .hakkimizda {width:auto; height: auto; float:left; display: block; padding: 5px 10px; background:#ee1c24; border-radius:3px; margin:0 0 0 15px; font-size:11px; font-family: tahoma; color:#fff; text-decoration: none;}
#icerik .alt-icerik .grup .img { width:280px; margin:8px; border-bottom: 3px solid #ee1c24; padding: 0 0 5px 0}
#icerik .alt-icerik .grup label { margin: 0 10px 0 0; font-size: 12px; font-weight: 700; color:#000}
#icerik .alt-icerik .grup .kilometre { float:left; margin:0 0 0 90px; font-size:15px; color:#000; font-weight: 700}
#icerik .alt-icerik .grup .combobox { width:180px; height: 20px; float:right; margin:0 20px 0 0}
#icerik .alt-icerik .grup p { font-size:11px; font-family: arial; padding: 0 15px; color:#000; line-height: 15px;}
#icerik .alt-icerik .iptal { padding:0;}

#footer {width:100%; height: 130px; float:left;}
#footer footer { width:908px; height: 100px; background: url("/img/footer_bg.png") repeat-x; float:left; margin:20px 0 0 36px; border-radius:3px;}
#footer footer .klogo { width:142px; height: 42px; background: url("/img/klogo_bg.png"); margin:35px 20px 0 20px; float:left;}
#footer footer .copy { font-size:11px; height: 70px; color:#000; border-left: 1px solid #dadada; left top; float:left; padding: 0 0 0 10px; font-family: "Trebuchet MS",serif; margin:25px 0 0 0}
#footer footer .copy a { font-size:11px; color:#000; text-decoration: none}
#footer footer .copy a:hover { text-decoration: underline; opacity: 0.6}


#icerik .hakkimizda-bg { width:100%; height: auto; float:left; margin:15px 0 10px 33px;;}
#icerik .hakkimizda-bg .detay-ust { width:918px; height: 7px; background: url("/img/icerik-ust-bg.png"); float:left; }
#icerik .hakkimizda-bg .detay-alt { width:918px; height: 7px; background: url("/img/icerik-alt-bg.png"); float:left;}
#icerik .hakkimizda-bg .detay { width:918px; background: url("/img/icerik-bg.png") repeat-y; float:left; padding:10px 0 10px 20px; }
#icerik .hakkimizda-bg .detay .baslik { width:100%; height: 20px; border-bottom:2px solid #e5e5e5; font-size:15px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: 700; margin:0 0 20px 0}
#icerik .hakkimizda-bg .detay .aciklama { font-size:13px; font-family: tahoma; color:#000}
#icerik .hakkimizda-bg .detay .resim {width: 440px; height:150px; float: left; margin: 0 25% }
#icerik .hakkimizda-bg .detay .resim img { width:200px; height: 150px; float:left; margin:10px 10px}
#icerik .hakkimizda-bg .detay .resim img:hover { opacity: 0.8; cursor:pointer}


#icerik .paketleme-bg { width:100%; height: auto; float:left; margin:15px 0 10px 33px;;}
#icerik .paketleme-bg .detay-ust { width:918px; height: 7px; background: url("/img/icerik-ust-bg.png"); float:left; }
#icerik .paketleme-bg .detay-alt { width:918px; height: 7px; background: url("/img/icerik-alt-bg.png"); float:left;}
#icerik .paketleme-bg .detay { width:918px; background: url("/img/icerik-bg.png") repeat-y; float:left; padding:10px 0 10px 20px; }
#icerik .paketleme-bg .detay .baslik { width:100%; height: 20px; border-bottom:2px solid #e5e5e5; font-size:15px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: 700; margin:0 0 20px 0}
#icerik .paketleme-bg .detay .resim {width: 960px; min-height:150px; float: left;}
#icerik .paketleme-bg .detay .resim img { width:250px; height: 175px; margin:10px 20px; border:3px solid #ddd}
#icerik .paketleme-bg .detay .resim img:hover { opacity: 0.8; cursor:pointer}


#icerik .iletisim-bg { width:100%; height: auto; float:left; margin:15px 0 10px 33px;;}
#icerik .iletisim-bg .detay-ust { width:918px; height: 7px; background: url("/img/icerik-ust-bg.png"); float:left; }
#icerik .iletisim-bg .detay-alt { width:918px; height: 7px; background: url("/img/icerik-alt-bg.png"); float:left;}
#icerik .iletisim-bg .detay { width:918px; background: url("/img/icerik-bg.png") repeat-y; float:left; padding:10px 0 10px 20px; }
#icerik .iletisim-bg .detay .baslik { width:100%; height: 20px; border-bottom:2px solid #e5e5e5; font-size:15px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: 700; margin:0 0 20px 0}
#icerik .iletisim-bg .detay .aciklama {width:350px; font-size:13px; font-family: tahoma; color:#000; float:left;}
#icerik .iletisim-bg .detay .aciklama span { font-weight: 700; color:maroon}
#icerik .iletisim-bg .detay .harita { width: auto; height: 450px; float:left; display:block; background: #fff; border:3px solid #fff; box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.3); }
#icerik .iletisim-bg .detay .harita img { margin:2px 0 2px 0; float:left;}

.form{float:right;width:460px;background:#fafafa;border-radius:3px;border:1px solid #bbb;margin:5px 50px 0 0}
.form h2{width:460px;height:40px;line-height:40px;text-align:center;color:#555;font-size:16px;font-weight:300;font-family:Ubuntu, sans-serif;background:#f6f6f6;border-radius:3px 3px 0 0;border-bottom:1px solid #ddd;margin:0;padding:0}
.form .label{width:440px;overflow:auto;border-bottom:1px solid #ddd;padding:10px}
.form .label label{float:left;width:120px;height:26px;line-height:26px;color:#555;font-size:13px}
.form .label input{float:left;width:300px;height:24px;border:1px solid #ccc;border-radius:3px;color:#555;font-size:13px;transition:all linear .25s;-webkit-transition:all linear .25s;-moz-transition:all linear .25s;padding:0 5px}
.form .label textarea{float:left;width:300px;height:80px;max-height:200px;border:1px solid #ccc;border-radius:3px;color:#555;font-size:13px;transition:all linear .25s;-webkit-transition:all linear .25s;-moz-transition:all linear .25s;padding:5px}
.form .label input:focus,.form .label textarea:focus{outline:none;box-shadow:0 0 8px rgba(0,93,153,.2);border-color:#90c3df}
.form button{width:130px;height:40px;background:#fafafa;font-size:15px;font-weight:200;font-family:Ubuntu, sans-serif;border:1px solid #ddd;border-radius:3px;box-shadow:0 2px 0 rgba(0,0,0,.1);margin:10px 0 10px 130px}
.form button:hover{background:#eee;box-shadow:0 2px 0 rgba(0,0,0,.3)}




.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " "; 
    display: table; 
}

.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}