@font-face {
    font-family: 'neo_sans_trmedium';
    src: url('../fonts/neosans_medium_tr-webfont.eot');
    src: url('../fonts/neosans_medium_tr-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/neosans_medium_tr-webfont.woff') format('woff'),
         url('../fonts/neosans_medium_tr-webfont.ttf') format('truetype'),
         url('../fonts/neosans_medium_tr-webfont.svg#neo_sans_trmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'neo_sans_trregular';
    src: url('../fonts/neosans_tr-webfont.eot');
    src: url('../fonts/neosans_tr-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/neosans_tr-webfont.woff') format('woff'),
         url('../fonts/neosans_tr-webfont.ttf') format('truetype'),
         url('../fonts/neosans_tr-webfont.svg#neo_sans_trregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


.clear {clear: both;}
.left  {float: left;}
.right {float: right;}
.white {color: #fff;}

/*
koyu gri = 212429



*/


body {background: #212429;}




.header1 {width: 100%; height: 87px; background: url(../images/header1-bg.jpg) top no-repeat;}
.header2 {width: 100%; height: 143px; background: url(../images/header2-bg.png) repeat-x;}
    .headerDiv {width: 1000px; margin: 0 auto;}
        .logo {float: left; margin: 15px 0 0 10px;}
        .lang {float: right; margin: 20px 0 0 0;}
        .nav {float: left; margin: 20px 0 0 0;}
            #navigation {float: left; margin: 7px 0 0 0;}
            #navigation li {float: left; padding: 0 30px 0 5px; font-family: 'neo_sans_trregular'; font-weight: 100; font-size: 15px; background: url(../images/menu-list-bg.png) right no-repeat;}
            #navigation li.last {background: none;}
            #navigation li a {color: #fff; text-decoration: none; padding: 0 10px;}
            #navigation li a:hover {color: #ED1F24; text-decoration: none; padding: 0 10px;}
            #navigation li a.on {color: #ED1F24; text-decoration: none; padding: 0 10px;}




.content {width: 1000px; margin: 0 auto; position: relative;}
    .shadow {width: 33px; height: 280px; background: url(../images/shadow.png) bottom no-repeat; position: absolute; left: -33px; z-index: -1;}
    .box {position: relative; width: 327px; height: 287px; float: left; margin: 0 9px 0 0; background: url(../images/box-bg.png) no-repeat;}
    .box .boxHeader {width: 292px; height: 127px; padding: 15px 0 0 15px;}
    .box .boxHeader img {position: absolute;}
    .box .boxHeader h1 {position: relative; z-index: 99; font-family: 'neo_sans_trregular'; font-size: 23px; font-weight: 100; top:60px; left: 20px; line-height: 26px;}
    
    .box .boxContent {padding: 10px 15px;}
    .box .boxContent p {font-size: 12px; font-family: 'neo_sans_trregular'; color: #fff; line-height: 15px;}
    .box .boxContent p.devam {font-size: 11px; background: url(../images/menu-list.png) center left no-repeat; padding: 0 0 0 15px; margin: 0 0 5px 0;}
    .box .boxContent p.devam a {color: #fff; text-decoration: none;}
    .box .boxContent p.devam a:hover {color: #ED1F24; text-decoration: none;}
    .box .boxContent ul { padding: 10px 0 10px 0px; }
    .box .boxContent ul li {float: left; width: 110px; font-size: 11px; font-family: 'neo_sans_trregular'; color: #fff; margin: 0 0 8px 0; padding: 0 0 0 20px; background: url(../images/menu-list.png) center left no-repeat;}
    .box .boxContent ul li a {color: #fff; text-decoration: none;}
    .box .boxContent ul li a:hover {color: #ED1F24; text-decoration: none;}
    .last {margin: 0;}




.sidebar {width: 229px; top:-37px; position: relative;}
    .shadow2 {width: 33px; height: 130px; position: absolute; left: -33px; background: url(../images/shadow-2.png) no-repeat; bottom: 0px;}
    .sidebar .sideBox {width: 229px; background: url(../images/bg.jpg); margin: 15px 0 0 0; position: relative;}
    .sidebar .sideBox p {font-size: 11px; font-family: 'neo_sans_trregular'; background: url(../images/menu-list.png) left center no-repeat; padding: 20px 0 20px 20px; margin: 0 0 0 10px;}
    .sidebar .sideBox p a {color: #fff; text-decoration: none;}

    .sidebar .form {width: 229px; background: url(../images/bg.jpg); margin: 0; position: relative;}
    .sidebar .form h1 {font-size: 17px; font-family: 'neo_sans_trmedium'; color: #fff; font-weight: 100; margin: 0 0 10px 0; padding: 11px 0 0 50px; background: url(../images/menu-list-bg.png) 15px 9px no-repeat;}
    .sidebar .form p {font-size: 12px; font-family: 'neo_sans_trregular'; color: #fff;  margin: 15px 0 15px 15px; line-height: 19px;}
    .sidebar .form ul {padding: 10px 0 10px 18px; font-size: 13px; line-height: 17px; font-family: 'neo_sans_trregular'; }
    .sidebar .form ul li {background: url(../images/menu-list.png) left center no-repeat; padding: 6px 0px 6px 25px; color: #fff;}

.page {width: 735px; background: url(../images/bg.jpg); top:-40px; position: relative; padding: 0 0 10px 0; right: 5px;}
    .shadow3 {width: 33px; height: 100%;  position: absolute; left: -33px; bottom: 0px;}
    .shadow3 img {width: 33px; height: 100%;}
    .page-header {margin: 15px 15px 0 15px; border-bottom: 1px dotted #fff; padding: 0 0 7px 0; background: url(../images/logo-opak.png) no-repeat;}
    .page-header h1 {font-size: 17px; font-family: 'neo_sans_trmedium'; color: #fff; font-weight: 100; margin: 0 0 10px 0; }
    .page-header span {font-size: 11px; font-family: 'neo_sans_trregular'; color: #fff;}
    .page-header a {color: #fff; text-decoration: none;}

    .page-content {margin: 20px 15px 15px 15px;}
    .page-content p {font-family: 'neo_sans_trregular'; font-size: 12px; color: #fff; line-height: 19px; margin: 0 0 10px 0;}
    .page-content h2 {font-family: 'neo_sans_trmedium'; font-size: 17px; color: #ed1f24; font-weight: 100; margin: 20px 0; }
    .page-content a {font-family: 'neo_sans_trregular'; color: #fff; text-decoration: none; }

    .shadowurun {width: 15px; height: 93px; position: absolute; left: -15px; background: url(../images/shadow-3.png) no-repeat; bottom: 0px;}
    .alt-shadow {width: 140px; height: 12px; background: url(../images/alt-shadow.png) no-repeat; position: absolute; top:93px;}
    .page-content .urun {position: relative; float: left; margin: 0 25px 30px 10px;}
    .page-content .urun img {width: 140px;}

    .igneL {width: 52px; height: 50px; background: url(../images/igne.png) no-repeat; position: absolute; left: -10px; bottom: -10px;}
    .igneR {width: 52px; height: 50px; background: url(../images/igne.png) no-repeat; position: absolute; right: -5px; bottom: -10px; overflow: hidden;}



.footer {width: 100%; border-top: 1px solid #3e4045; margin: 20px 0 0 0;}
    .footerDiv {width: 1000px; margin: 15px auto;}
    .footerDiv p {font-size: 11px; font-family: 'neo_sans_trregular'; color: #fff;}
    .footerDiv p a {color: #fff; text-decoration: none;}



form {font-family: 'neo_sans_trregular'; color: #fff;}
.textbox {font-family: 'neo_sans_trregular'; width: 190px; height: 15px; background: url(../images/form-bg.png); border:1px solid #363b44; padding: 5px; margin:0 0 5px 0; color: #fff; font-size: 11px;}
.area {font-family: 'neo_sans_trregular'; width: 190px; background: url(../images/form-bg.png); border:1px solid #363b44; padding: 5px; margin:0 0 10px 0; color: #fff; font-size: 11px; overflow: auto;}
.btn    {margin: 0 13px 15px 0; }
select {font-family: 'neo_sans_trregular'; width: 202px; background: url(../images/form-bg.png); border:1px solid #363b44; padding: 5px; margin:0 0 5px 0; color: #fff; font-size: 14px;}
.iletisimHead {font-family: 'neo_sans_trregular'; font-size: 12px; color: #fff; text-align: right; padding: 0 15px 0 0;}

form#carrierForm {font-size: 12px;}