@charset "iso-8859-9";

html, body {
    height: 100%;
}

body {
    background-color: #CCC;
    background-image: url(../images/back.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-position: top;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    behavior: url(css/csshover3.htc); /* ie6 & below, for :hover on everything. */
}

#SocialLinks {
    position: relative;
    width: 1006px;
    margin: 0 auto;
}

    #SocialLinks > div {
        position: absolute;
        right: 30px;
        top: 55px;
        height: 28px;
        width: 175px;
    }

.anasayfaMetin {
    text-align: justify;
    font-family: Verdana;
    font-size: 11px;
    color: #666;
}

.anasayfaCustomer {
    text-align: left;
    font-family: Arial,sans;
    font-size: 11px;
    color: #666;
}

.anasayfaDoviz {
    text-decoration: none;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #334B57;
}


.anasayfaKirmizi {
    text-decoration: none;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #9d292e;
}


.anasayfaBeyaz {
    text-decoration: none;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
}

.anasayfaYesil {
    text-decoration: none;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #37680c;
}


.anasayfaGriBaslik {
    text-decoration: none;
    text-align: left;
    font-family: Verdana;
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

.anasayfaGri {
    text-decoration: none;
    text-align: left;
    font-family: Verdana;
    font-size: 12px;
    color: #666;
}

.anasayfaMavi {
    text-decoration: none;
    text-align: left;
    font-family: Verdana;
    font-size: 10px;
    color: #4075a2;
}


    .anasayfaMavi a {
        text-decoration: none;
        font-family: Verdana;
        font-size: 10px;
        color: #4075a2;
        font-weight: lighter;
    }


        .anasayfaMavi a:hover {
            text-decoration: none;
            font-family: Verdana;
            font-size: 10px;
            color: #990000;
            font-weight: lighter;
        }

.anasayfaBeyaz {
    text-decoration: none;
    text-align: left;
    font-family: sans-serif;
    font-size: 12px;
    color: #FFFFFF;
}



.anasayfaSiteOzel {
    text-decoration: none;
    text-align: left;
    font-family: Verdana;
    font-size: 12px;
    color: #065055;
    font-weight: bold;
}

    .anasayfaSiteOzel a {
        text-decoration: none;
        text-align: left;
        font-family: Verdana;
        font-size: 12px;
        color: #065055;
        font-weight: bold;
    }

        .anasayfaSiteOzel a:hover {
            text-decoration: none;
            text-align: left;
            font-family: Verdana;
            font-size: 12px;
            color: #990000;
            font-weight: bold;
        }


.anasayfailetisim {
    text-decoration: none;
    font-family: Arial;
    font-size: 11px;
    color: #000000;
    font-weight: lighter;
}

    .anasayfailetisim a {
        text-decoration: none;
        font-family: Arial;
        font-size: 11px;
        color: #000000;
        font-weight: lighter;
    }


        .anasayfailetisim a:hover {
            text-decoration: none;
            font-family: Arial;
            font-size: 11px;
            color: #990000;
            font-weight: lighter;
        }



form {
}

.baslik {
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #2b79a5;
}


.haberDetay {
    text-decoration: none;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
}

.haberBas {
    text-decoration: none;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #cc0000;
}

.haberTarih {
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
}



.anaBaslik, .SingleMenuTitle, a {
    color: rgb(172, 20, 20);
}




.anaBaslik {
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

.anaSAYFAbEYAZ {
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
}

.sectionTitle {
    float: left;
    margin-left: 5px;
    padding-left: 12px;
    padding-top: 6px;
    background-image: url('../images/SectionTit.png');
    background-repeat: no-repeat;
    width: 248px;
    height: 37px;
    color: #FFF;
    font: bold 14px/43px Calibri;
}

.parentTitles {
    height: 20px;
    margin-top: 14px;
    font: bold 14px Calibri;
    color: #1d728d;
}

    .parentTitles a {
        color: #1d728d;
    }

.parTitLine {
    width: 727px;
    height: 6px;
    background-color: #00487f;
}

.content {
    min-height: 212px;
    height: auto !important;
    height: 312px;
    text-decoration: none;
    text-align: left;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #1b5d73;
    text-align: justify;
    margin-left: 8px;
}

.content_Title {
    padding: 10px 10px;
    line-height: 20px;
}

.content_Menu_Title {
    float: left;
    width: 727px;
    line-height: 20px;
}

.SingleMenuTitle {
    color: White;
    font: bold 14px Calibri;
    background-image: url('../icons/katListTop.jpg');
    height: 40px;
    background-repeat: no-repeat;
}

    .SingleMenuTitle div {
        padding-top: 16px;
        padding-left: 30px;
    }

.tablobaslik {
    color: #1d1d1d;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    background-color: #e6e7e8;
    border: 1px solid #7a7a7a;
}

.tablosolbaslik {
    color: #097AA6;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    background-color: #EAEAEA;
    border: 1px solid #7a7a7a;
}


.tablo {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #0f0f0f;
    font-size: 10px;
    line-height: 20px;
    border: 1px solid #7a7a7a;
    background-color: #f3f3f4;
}

#azaktbl {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #0f0f0f;
    font-size: 10px;
    line-height: 20px;
    border-collapse: collapse;
    background-color: #f3f3f4;
}





.anaDetay {
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #2D55B5;
    line-height: 20px;
}




.projeAdi {
    text-decoration: none;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #236f7c;
}

.menu {
    text-decoration: none;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
}

    .menu:hover {
        text-decoration: underline;
        text-align: left;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #CC0000;
    }





.projeAdiBuyuk {
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #CC0000;
}

.projeDetay {
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
    text-align: justify;
    line-height: 20px;
}



.haberDetay {
    text-decoration: none;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #236f7c;
}

.haberBas {
    text-decoration: none;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #cc0000;
}

.haberTarih {
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
}

.hakkiSaklidir, #anasayfaAltLinkler {
    text-decoration: none;
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #999;
}

#anasayfaAltLinkler {
    line-height: 14px;
}

.anahtarKelime {
    text-decoration: none;
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1px;
    color: #c4c4c4;
}



.btmLinks a, .btmLinks span {
    text-decoration: none;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #999;
}

    .btmLinks a:hover {
        text-decoration: underline;
        color: #FF0000;
    }

.currency {
    font-size: 9px;
}

.leftMenu {
    padding-left: 4px;
    padding-bottom: 30px;
    margin-bottom: 60px;
    width: 252px;
    border-right: solid 1px #cecece;
    float: left;
    height: 100%;
}
    /* Left menu */
    .leftMenu .ml1 {
        margin: 0;
    }

    .leftMenu .ml2 {
        margin-left: 12px;
    }

    .leftMenu .ml3 {
        margin-left: 24px;
    }

    .leftMenu .ml4 {
        margin-left: 36px;
    }

    .leftMenu .ml5 {
        margin-left: 48px;
    }

    .leftMenu .ml1, .leftMenu .ml2, .leftMenu .ml3, .leftMenu .ml4, .leftMenu .ml5 {
        background-image: url(../images/LMenuItem.png);
        height: 30px;
        color: #666;
        overflow: hidden;
    }

    .leftMenu a.txt {
        display: block;
        float: left;
        width: 100%;
        text-decoration: none;
        text-align: left;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #003366;
        line-height: 30px;
    }

        * html .leftMenu a.txt img /* ie6 & below, for centering image.(img align=absmiddle does not work in ie6.) */ {
            float: left;
            position: relative;
            top: 50%;
            margin-top: expression(-this.offsetHeight/2);
        }

    .leftMenu .ml1:hover, .leftMenu .ml2:hover, .leftMenu .ml3:hover, .leftMenu .ml4:hover, .leftMenu .ml5:hover {
        background-image: url(../images/LMenuItemOver.png);
    }

    .leftMenu .ml2:hover {
        background-position: -12px;
    }

    .leftMenu .ml3:hover {
        background-position: -24px;
    }

    .leftMenu .ml4:hover {
        background-position: -36px;
    }

    .leftMenu .ml5:hover {
        background-position: -48px;
    }

    .leftMenu .currM a.txt {
        font-weight: bold;
        text-shadow: 1px 1px white;
        color: #AC3500;
    }
/* Centered Image Container. */
.centCon {
    border-spacing: 0;
    background-repeat: no-repeat;
    display: table;
    *position: relative;
    *cursor: pointer;
    *clear: expression(this.onclick=function () { this.getElementsByTagName("a")[0].click(); }, style.clear = "none", 0);
}

    .centCon a {
        display: table-cell;
        vertical-align: middle;
        border: 0;
        *position: absolute;
        *top: 50%;
        *left: 0;
        *right: 0;
    }

    .centCon img {
        display: block;
        border: 0;
        *position: relative;
        *top: -50%;
        margin: 0 auto;
    }

a {
    outline: none;
    *noFocusLine: expression(this.onFocus=this.blur());
}
/* Top Menu */
#topMenuCon, #topMenuPlace {
    position: absolute;
    width: 1006px;
    height: 200px;
}

#topMenuCon {
    z-index: 20000; /* set it as a precaution for early rendering of flash. */
}

@-moz-document url-prefix() /* only firefox, for flickering problem while mouse entering the flash. */ {
    #topMenuCon embed {
        opacity: 0.999999; /* last number before 1 which is not rounded to 1. 1 does not work. */
    }
}
/* Pager */
.pg, .pg:visited, .pg:hover, .pg:active {
    margin: 2px;
    padding: 3px;
    border: 1px solid #FDB3B3;
    color: #cc0000;
}

    .pg:hover {
        color: white;
        background-color: #cc0000;
        text-decoration: none;
    }

.pgC {
    margin: 2px;
    padding: 3px;
    border: 1px solid #384c6d;
    color: white;
    background-color: #384c6d;
}

.pg, .pg:visited, .pg:hover, .pg:active, .pgC {
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}
/**/
#SearchCon {
    position: relative;
}

    #SearchCon #txtSearch {
        position: absolute;
        top: 6px;
        left: 0;
        outline: none;
        height: 20px;
        width: 130px;
        line-height: 20px;
        border: none;
    }

#btnSearch, #imgSearch {
    cursor: pointer;
}

#GroupCompaniesCon {
    position: relative;
    top: -1px;
    background-color: #c5c5c5;
    overflow: hidden;
}

#GroupCompanies {
    width: 1006px;
    margin: 20px auto;
    overflow: hidden;
}

    #GroupCompanies div {
        float: left;
        height: 66px;
        font: bold 12px Verdana;
        line-height: 66px;
        color: #666;
    }

    #GroupCompanies a {
        border-left: solid 1px #999;
        display: block;
        float: left;
        height: 66px;
        width: 115px;
        margin-left: 15px;
        padding-left: 15px;
    }

    #GroupCompanies img {
        border: none;
    }

#header {
    height: 146px;
    width: 1006px;
    margin: 0 auto;
    font-size: 0;
}

    #header > * {
        display: inline-block;
    }

#mainLogo {
    height: 146px;
    width: 236px;
    padding: 0 12px;
    background: url(/images/logoBack.png) no-repeat center;
    background-size: 260px 127px;
    box-sizing: border-box;
}

    #mainLogo img {
        height: 100%;
        width: 100%;
    }

#headerContent {
    height: 146px;
    vertical-align: top;
    width: 770px;
    padding-top: 13px;
    box-sizing: border-box;
}

#menu {
    font-family: 'Trebuchet MS';
    font-size: 0;
    font-weight: 500;
    display: inline-block;
}

    #menu a {
        font-size: 13px;
        text-decoration: none;
        color: #363636;
        font-weight: 600;
        line-height: 40px;
        position: relative;
        transition: color .2s;
        display: inline-block;
    }

        #menu a:hover {
            color: #3a668d;
        }

        #menu a:after {
            content: '';
            position: absolute;
            right: 0;
            background: #a8a8a9;
            border-left: 1px solid #eff0f1;
            width: 1px;
            height: 40px;
        }

        #menu a:last-child:after {
            display: none;
        }

#headerTop {
    height: 74px;
}

    #headerTop > * {
        display: inline-block;
        vertical-align: top;
    }

#slogan {
    font-size: 15px;
    font-family: 'Trebuchet MS';
    font-weight: 600;
    font-style: italic;
    color: #014b97;
    line-height: 75px;
    width: 430px;
    text-align: center;
    text-indent: -200px;
    overflow: hidden;
    opacity: 0;
    transition: all 2s;
}

    #slogan.show {
        opacity: 1;
        text-indent: 0;
    }

#header-katalog {
    transition: transform .1s;
}

    #header-katalog:hover {
        transform: scale(1.05);
    }

.langBtn {
    border-radius: 50%;
    overflow: hidden;
    background: white;
    margin: 10px 3px;
}

    .langBtn:hover img {
        opacity: .75;
    }

#mainPage {
    font-family: 'Trebuchet MS';
    text-decoration: none;
    font-weight: 600;
    font-size: 12px;
    padding-left: 40px;
    color: #636465;
    height: 20px;
    padding-top: 12px;
    margin: 0 5px;
    transition: color .2s;
}


    #mainPage:hover {
        color: #3a668d;
    }

    #mainPage > svg {
        fill: #8d8d8f;
        height: 100%;
        position: relative;
        top: 2px;
        margin-right: 5px;
    }

#slider {
    width: 100vw;
    margin: 0 -25px;
    height: 360px;
    overflow: hidden;
    margin-bottom: -50px;
}

    #slider .owlslider {
        height: 360px;
        display: block;
    }

        #slider .owlslider img {
            height: 360px;
            object-fit: cover;
        }

.newsItem {
    display: block;
    height: 40px;
    padding: 15px 5px;
    overflow: hidden;
    position: relative;
    top: -20px;
    font-size: 0;
    border-bottom: 1px solid #bbbbbb;
    text-decoration: none;
}

    .newsItem:last-child {
        border: none;
    }

    .newsItem > div {
        display: inline-block;
        vertical-align: top;
        line-height: 50px;
        font-family: 'Verdana';
    }

.newsImg {
    width: 60px;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.newsText {
    font-size: 11px;
    padding-left: 10px;
    width: 259px;
    color: #666
}