@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800&subset=latin,latin-ext);


.projelerBg {
    height: 100%;
   /* margin-top:-25px;
    width: 100%;*/
}

    .projelerBg > .projelerPattern {
        /*background: #fff;*/
        height: 332px;
        width: 100%;
    }

        .projelerBg > .projelerPattern > .container > .sonProjelerTitle {
            color: #f17f00;
            font-family: 'Open Sans', sans-serif;
            font-size: 22px;
            font-weight: 700;
            margin: 0 auto;
            text-align: center;
            width: 990px;
        }

        .projelerBg > .projelerPattern > .container > a.tumReferanslarimiButton {
            background: url(../images/tumReferanslarimiButton.png);
            height: 17px;
            position: absolute;
            right: 0;
            top: 0;
            width: 156px;
            font-family: 'Open Sans', sans-serif;
            font-size: 13px;
            padding: 21px 0;
            text-align: center;
            color: #868686;
            text-decoration: none;
        }

        .arrow {
            background: url(../images/projelerArrow.png) !important;
            cursor: pointer !important;
            height: 56px !important;
            position: absolute !important;
            margin-top: 90px !important;
            width: 56px !important;
            z-index: 99999999999 !important;
        }

         .arrowLeft {
            left: 15px;
        }

        .arrowRight {
            background-position: -56px -56px !important;
            right:60px;
        }

  .arrowLeft:hover {
            background-position: 0 -56px !important;
        }

       .arrowRight:hover {
            background-position: -56px 0 !important;
        }

#projeler > .container > ul > li {
    height: 200px;
    overflow: hidden;
    position: absolute;
    width:85%;
    z-index: 999;
    left: 50px;
}

    #projeler > .container > ul > li.active {
        z-index: 99999;
    }

    #projeler > .container > ul > li > .left {
        height: auto;
        left: -400px;
        position: absolute;
        top: 23px;
        width: 25%;
        z-index: 9;
    }

        #projeler > .container > ul > li > .left .title a {
            color: #3AC1E1;
            font-family: 'Open Sans', sans-serif;
            font-size: 22px;
            font-weight: 800;
            margin-bottom: 10px;
            text-align: right;
            width: 100%;
           
            display: block;
            text-decoration: none;
        }

        #projeler > .container > ul > li > .left .desc {
            color: #9b9b9b;
            font-family: 'Open Sans', sans-serif;
            font-size: 16px;
            font-weight: 700;
            margin-bottom: 8px;
            text-align: right;
            width: 100%;
        }

        #projeler > .container > ul > li > .left .text {
            color: #7e7e7e;
            font-family: 'Open Sans', sans-serif;
            font-size: 12px;
            margin-bottom: 8px;
            text-align: right;
            width: 100%;
        }

        #projeler > .container > ul > li > .left .usedSystem {
            text-align: right;
        }

    #projeler > .container > ul > li > .right {
        height: 197px;
        position: absolute;
        right: -320px;
        top: 25px;
        width:318px;
        margin-left: 10px;
    }