body {
    background-color:#808080;
}
.up {
    position:fixed;
   right:25%;
   bottom:0;
    width:110pX;
    height:34px;
    background-image:url('../tasarimresimler/up.png');
    opacity:0.1;
    z-index:2;
}
.icerik {
    position:relative;
    width:960px;
    height:1280px;
    background-color:#E5E5E5;
    margin:0 auto;
}

.icerik2 {
    position:relative;
    width:960px;
    height:1280px;
    background-color:#E5E5E5;
    margin:0 auto;
}



.iceriktalep {
    position:relative;
    width:960px;
    height:1280px;
    background-color:#E5E5E5;
    margin:0 auto;
}
.icerik3 {
  position:relative;
    width:960px;
    height:1280px;
    background-color:#E5E5E5;
    margin:0 auto;
}
    .icerik3 h1 {
        margin-left:20px;
        line-height:150%;
        font-size:28px;
        color:#F8B133;
        font-family:Century;
    }
.icerik4 {
    position:relative;
    width:960px;
    height:1280px;
    background-color:#E5E5E5;
    margin:0 auto;
}
.icerik5 {
    position:relative;
    width:960px;
    height:1280px;
    background-color:#E5E5E5;
    margin:0 auto;
}
.icerik6 {
    position:relative;
    width:960px;
    height:1280px;
    background-color:#E5E5E5;
    margin:0 auto;
}
.icerik7 {
    position:relative;
    width:960px;
    height:1280px;
    background-color:#E5E5E5;
    margin:0 auto;
}

.icerik8 {
    position:relative;
    width:960px;
    height:1280px;
    background-color:#E5E5E5;
    margin:0 auto;
}
.icerik .ortacizgi {
    position:absolute;
    left:479px;
    width:2px;
    height:1000px;
    
    background-color:#999999;
}
.icerik .twitter {
   position:absolute;
   top:150px;
   left:488px;
   background-image:URL('../tasarimresimler/twitter.png');
   width:19px;
   height:24px;
   background-repeat:no-repeat;
}

.icerik .face {
   position:absolute;
   top:100px;
   right:483px;
   background-image:URL('../tasarimresimler/face.png');
   width:19px;
   height:24px;
   background-repeat:no-repeat;
}


.solust {
     position:absolute;
   top:277px;
   left:-250px;
   background-image:URL('../tasarimresimler/bgsolust.png');
   width:750px;
   height:676px;
   background-repeat:no-repeat;
 
   background-size:cover;
}
.sariok {
  position:absolute;
   bottom:60px;
   right:-60px;
   background-image:URL('../tasarimresimler/sariok.png');
   width:163px;
   height:250px;
   background-repeat:no-repeat;
   z-index:1000;
   background-size:cover;
}


.icerik .logo {
    position:absolute;
    left:300px;
    top:140px;
   width:157px;
   height:140px;
    background-image:url('../tasarimresimler/logo221.png');
    transition:.5s;
}


.icerik .logo:hover {
    position:absolute;
    left:300px;
    top:140px;
   width:157px;
   height:140px;
    background-image:url('../tasarimresimler/logo2.png');
    transition:.5s;
}

.icerik .vinc {
    position:absolute;
  right:150px;
   bottom:0px;
   width:239px;
   height:175px;
   background-image:url('../tasarimresimler/vinc.png');
   background-size:cover;
}

.icerik2 .sariprojeler {
    position:absolute;
  left:20px;
   top:10px;
   width:300px;
   height:31px;
   background-image:url('../tasarimresimler/projelersari.png');
   background-size:cover;
   margin-bottom:100px;
}

.icerik8 .sariprojeler {
    position:absolute;
  left:20px;
   top:10px;
   width:300px;
   height:31px;
   background-image:url('../tasarimresimler/projelersari.png');
   background-size:cover;
   margin-bottom:30px;
}
.iceriktalep .sariprojeler {
    position:absolute;
  left:20px;
   top:10px;
   width:300px;
   height:31px;
   background-image:url('../tasarimresimler/projelersari.png');
   background-size:cover;
   margin-bottom:60px;
}





.sariprojeler h22 {
   position:absolute;
   left:300px;
   top:-10px;
    line-height: 200%;
font-size: 28px;
color: #1A1A1A;
font-family: Century;
}


.sariprojeler .pa {
   position:absolute;
   left:300px;
   top:-10px;
    line-height: 200%;
font-size: 28px;
color: #1A1A1A;
font-family: Century;

}
.sariprojeler .pa2 
{
    width:200px;
   position:absolute;
   left:300px;
   top:-10px;
    line-height: 200%;
font-size: 28px;
color: #1A1A1A;
font-family: Century;

}


.sariprojeler h2 {
   position:absolute;
   left:300px;
   top:-10px;
    line-height: 200%;
font-size: 28px;
color: #1A1A1A;
font-family: Century;
}

.sariprojeler h222 {
   position:absolute;
   width:280PX;
   left:300px;
   top:-10px;
    line-height: 200%;
font-size: 28px;
color: #1A1A1A;
font-family: Century;
}


.icerik2 .harita {
 
   position:absolute;
   bottom:0px;
   left:30px;
   width:900px;
   height:285px;
   background-image:url('../tasarimresimler/tim.png');
   background-size:cover;
   opacity:0.5;

}


.projeler {
    position:absolute;
    top:329px;
    left:490px;
    
}
.projeler p {

    font-size:21px;
    font-family:Century;
    color:#595959;
}

.projeler p:hover {
  
    font-size:21px;
    font-family:Century;
    color:#009DDA;
}

.hakkimizda {
     position:absolute;
    top:360px;
    right:490px;
}
    .hakkimizda p {
        font-size:20px;
    font-family:Century;
    color:#595959; 
 
}

        .hakkimizda p:hover {
        font-size:20px;
    font-family:Century;
    color:#009DDA; 
 
}

    .kuruluslar {
     position:absolute;
    top:390px;
    left:490px;
}
    .kuruluslar p {
        font-size:20px;
    font-family:Century;
    color:#595959; 
 
}

      .kuruluslar p:hover {
        font-size:20px;
    font-family:Century;
    color:#009DDA; 
 
}

    .ik {
     position:absolute;
    top:420px;
    right:490px;
}
    .ik p {
           font-size:20px;
    font-family:Century;
    color:#595959;
 
}

       .ik p:hover {
           font-size:20px;
    font-family:Century;
    color:#009DDA;
 
}

.gorseller {


       position:absolute;
    top:480px;
    right:490px;
}
        .gorseller p {
       font-size:20px;
    font-family:Century;
    color:#595959; 
 
}


              .gorseller p:hover {
       font-size:20px;
    font-family:Century;
    color:#009DDA; 
 
}

        .duyurular {
     position:absolute;
    top:450px;
    left:490px;
}
    .duyurular p {
       font-size:20px;
    font-family:Century;
    color:#595959; 
 
}

       .duyurular p:hover {
       font-size:20px;
    font-family:Century;
    color:#009DDA; 
 
}

    .iletisim {
      position:absolute;
    top:505px;
    left:490px;

}
    .iletisim p {
      font-size:20px;
    font-family:Century;
    color:#595959; 
 
}


        .iletisim p:hover {
      font-size:20px;
    font-family:Century;
    color:#009DDA; 
 
}
.basliklar {
    width:900px;
    height:40px;
    background-image:url('../tasarimresimler/baslik.png');
    margin:0 auto;
}

 .resim {
     margin-top:20px;
    width:900px;
    height:200px;
   margin:0 auto;
   
    
}
    .resim .kutu {
        width:280px;
        margin-right:10px;
        margin-left:10px;
        height:200px;
        float:left;
        background-color:#4D4D4D;
        opacity:0.5;
    }
.icerik3 p {
  font-size:14px;
    font-family:Century;
    color:#4D4D4D;
    margin-left:30px;
    margin-right:30px;
    line-height:200%;
    margin-bottom:30px;
    margin-top:30px;
}
.icerik3 .alt {
    position:absolute;
    bottom:0px;

    width:960px;
    height:349px;
    background-image:URL('../tasarimresimler/hakkimizdaalt.png');
}

.pervane {
    position:absolute;
    right:-118px;
    background-image:url('../tasarimresimler/pervane.png');
    top:470px;
    width:120px;
    height:350px;
}

.kuruluslaryesil {
    float:right;
    margin-right:100px;
    background-image:url('../tasarimresimler/kuruluslaryesil.png');
    width:289px;
    height:38px;
    background-repeat:no-repeat;
    margin-top:30px;
}


   .kuruluslaryesil h1 {
        position:absolute;
        top:20px;
        left:418px;
        line-height:200%;
        font-size:28px;
        color:#1A1A1A;
        font-family:Century;
    }

.beneksol {
    position:absolute;
    width:450px;
    height:559px;
    left:-200px;
    top:-130px;
    background-image:URL('../tasarimresimler/benek.png');
}


.resim2 {
     position:absolute;
     left:195px;
    width:770px;
    height:200px;
    top:100px;
  
   
    
}
    .resim2 .kutu2 {
       

        width:220px;
        margin-right:10px;
        margin-left:10px;
        height:110px;
        float:left;
       
    }

        .resim2 .kutu2 h1 {
            position:absolute;
            top:120px;
           
            font-family:Century;
            font-size: 14px;
font-family: Century;
color: #4D4D4D;
        }
.duyurusiyah {
    width:250px;
    height:40px;
    margin-left:30px;
    background-image:url('../tasarimresimler/duyurusiyah.png');
}

.duyurusiyah h1 {
position: absolute;
top: -10px;
left: 290px;
line-height: 200%;
font-size: 28px;
color: #1A1A1A;
font-family: Century;
}

.gosteren {
    position:absolute;
    width:128px;
    height:170px;
    background-image:url('../tasarimresimler/gosteren.png');
    right:40px;
    top:0px;
}


.sagbenek {
    position:absolute;
    width:399px;
    height:300px;
    background-image:url('../tasarimresimler/sagbenek.png');
    right:-150px;
    top:300px;
    opacity:0.1;
}

.oklar {
    width:900px;
    height:50px;
    position:absolute;
    background-image:url('../tasarimresimler/oklar.png');
    left:30px;
    top:480px;
}
.icerik2 h2 {
    font-size:14px;
    font-family:Century;
    color:#1A1A1A;
    margin-left:30px;
    font-weight:bold;
}
.icerik5 h2 {
    margin-top:10px;
    margin-bottom:10px;
    font-size:16px;
    font-family:Century;
    color:#1A1A1A;
    margin-left:30px;
    font-weight:bold;
}

.icerik5 p {
   font-size:14px;
    font-family:Century;
    color:#4D4D4D;
    margin-left:30px;
    margin-right:30px;
    line-height:150%;
}
.icerik2 p {
   font-size:14px;
    font-family:Century;
    color:#4D4D4D;
    margin-left:30px;
    margin-right:30px;
    line-height:150%;
}

.greyder {
    width:709px;
    height:300px;
    margin-left:45px;
    background-image:url('../tasarimresimler/timik.png');
}
.solampul {
    position:absolute;
    top:150px;
    left:-148px;
    width:150px;
    height:99px;
 
    background-image:url('../tasarimresimler/solampul.png');
}



.bayrak {
    position:absolute;
    width:300px;
    height:166px;
    left:150px;
    top:240px;
    background-image:url('../tasarimresimler/bayrak.png');
    background-size:cover;
}
.ikkirmizi {
    position:absolute;
    width:470px;
    height:24px;
    left:30px;
    top:325px;
    background-image:url('../tasarimresimler/ikkirmizi.png');
    background-repeat:no-repeat;
   background-size:cover;
}

.ikkirmizi h2 {
  position:absolute;
    right:-260px;
    top:0px;
    font-size:28px;
    font-family:Century;
    color:#1A1A1A;
    margin-left:30px;
}

.yesilok {
  
    position:absolute;
    width:64px;
    height:149px;
    left:772px;
    top:133px;
    background-image:url('../tasarimresimler/yesilok3.png');
    background-repeat:no-repeat;
   background-size:cover;
}


.yesilok h2 {
 
    position:absolute;
    right:-80px;
    top:85px;
    font-size:28px;
    font-family:Century;
    color:#1A1A1A;
    margin-left:30px;
}



.icerik6 p {
    margin-top:75px;
    font-size:14px;
    font-family:Century;
    color:#4D4D4D;
    margin-left:30px;
    margin-right:30px;
    line-height:150%;
}

.iletisimbordo {
    width:197px;
    height:40px;
    margin-left:30px;
    background-image:url('../tasarimresimler/iletisimbordo.png');
}

.iletisimbordo h2 {
    position:absolute;
    left:10px;
    top:5px;
    font-size:27px;
    font-family:Century;
    color:#F8B133;
    margin-left:30px;
}

.pusula {
    width:155px;
    height:151px;
    position:absolute;
    left:340px;
    top:-187px;
     background-image:url('../tasarimresimler/pusula.png');
     z-index:2;
     opacity:0.9;
}

.seffafpusula {
    width:436px;
    height:400px;
    position:absolute;
    right:-190px;
    top:-117px;
     background-image:url('../tasarimresimler/seffafpusula.png');
     z-index:1;
    opacity:0.1;
}
.uclu {
    width:960px;
    height:671px;
    position:absolute;
    left:-250px;
    top:317px;
     background-image:url('../tasarimresimler/uclu.png');
     z-index:-1;
     opacity:0.1;
}
.map {
    margin-top:50px;
 
 
    height:300px;
    background-color:#8F8F8F;
  
    z-index:3;
}

.icerik7 p {
    margin-top:50px;
   font-size:14px;
    font-family:Century;
    color:#4D4D4D;
    margin-left:30px;
    margin-right:30px;
    line-height:150%;
    width:400px;
   
}
.ampul {
    width:150px;
    height:112px;
    position:absolute;
    right:0px;
    top:517px;
     background-image:url('../tasarimresimler/ampul.png');
 
}

.projebasliklari {
    margin-top:30px;
    margin-left:30px;
    float:left;
}
    .projebasliklari h2 {
    font-family:Century;
    font-size:16px;
    }
.projeanaresim {
    position:absolute;
    width:900px;
    height:400px;
    background-color:#8F8F8F;
    top:60px;
    left:30px;
  
}
.kucuk {
    position:absolute;
    left:350px;
   top:480px;
    width:700px;
    height:100px;
}


.kucukresimler {
    width:125px;
    height:85px;
    background-color:#8F8F8F;
    float:left;
    margin-left:10px;
}
.kucukyazi {
       position:absolute;
    left:350px;
   top:480px;
    width:700px;
    height:100px;
}

.yukaricikaran {
    position:fixed;
    width:100px;
    height:100px;
    background-color:red;
}

.projekapsa {
    width:500px;
    height:10px;
  
  
   
}
.projekaydir {
    width:10px;
    height:10px;
    background-color:red;
}

.icerik-tablo22					{ width: 900px; font-size: 14px; font-family: Century; margin-left:15px; border: 0px; border-spacing: 0px; border-collapse: collapse; }
.icerik-tablo22-baslik1			{ width: 175px; text-align: left; padding: 0px 0px 0px 0px; }
.icerik-tablo22-icerik0			{ text-align: left; padding: 0px; }
.icerik-tablo22-icerik1			{ text-align: left; padding: 0px 0px 0px 0px; }
.icerik-tablo22-icerik2			{ text-align: right; padding: 0px 0px 0px 0px; }
.icerik-tablo22-bosluk1			{ height: 15px; padding: 0px; }

.icerik-tablo23					{ font-size: 12px; margin-left: 0; margin-right: auto; border-spacing: 0px; border-collapse: collapse; }
.icerik-tablo23-icerik1			{ text-align: left; padding: 0px 5px 0px 0px; }
.icerik-tablo23-icerik2			{ text-align: left; padding: 0px 5px 0px 0px; }
.icerik-tablo23-icerik3			{ color: #828282; font-style: italic; text-align: left; padding: 0px 0px 0px 0px; }
.icerik-tablo23-icerik5			{ color: #231F20; text-align: left; padding: 1px 10px 0px 0px; }

.icerik-tablo24					{ width: 100%; font-size: 12px; margin: 0 auto; border: 0px; border-spacing: 0px; border-collapse: collapse; }
.icerik-tablo24-baslik1			{ font-weight: bold; text-align: center; padding: 0px 0px 0px 0px; }
.icerik-tablo24-icerik1			{ text-align: left; padding: 0px 0px 0px 0px; }
.icerik-tablo24-bosluk1			{ width: 5px; padding: 0px; }
.icerik-tablo24-bosluk2			{ height: 5px; padding: 0px; }

/*****************************************************/

.icerik-tablo25					{ width: 100%; font-size: 0px; margin: 0 auto; border: 0px; border-spacing: 0px; border-collapse: collapse; }
.icerik-tablo25-icerik1			{ text-align: left; vertical-align: top; padding: 0px 0px 0px 0px; }

.icerik-tablo26					{ width: 100%; font-size: 12px; margin: 0 auto; border: 0px; border-spacing: 0px; border-collapse: collapse; }
.icerik-tablo26-baslik1			{ font-size: 14px; font-weight: bold; text-align: left; vertical-align: top; padding: 4px 0px 4px 26px; background-image: url('../resimler/icerik/icerik-tablo26-baslik1-artalan.png'); background-repeat: no-repeat; background-position: left center; }
.icerik-tablo26-icerik1			{ font-size: 12px; text-align: left; vertical-align: top; padding: 4px 0px 4px 26px; background-image: url('../resimler/icerik/icerik-tablo26-icerik1-artalan.png'); background-repeat: no-repeat; background-position: left center; }
.icerik-tablo26-bosluk1			{ height: 5px; padding: 0px; }


.icerik7 .sol {
    width:480px;
    height:300px;
    float:left;

}
.icerik7 .sag {
     width:480px;
    height:300px;
    float:left;

}

.kucukresimx  {
    width:410px;
    height:200px;
    margin-left:30px;
  
}

.kucukresimx img {
    width:410px;
    height:200px;
    margin-left:0px;
}


.icerik6 img {
    width:100px;
    height:100px;
    margin-left:30px;
    float:left;
}


.yazialani {
    position:absolute;
    top:480px;
    left:30px;
    width:900px;
    height:200px;
    background-color:red;
    display:none;
}

.icerik .talepikon {
    position:absolute;
    top:10px;
    right:10px;
    width:100px;
    height:100px;

}
.overlay1
{
      position:absolute;
    top:330px;
    left:260px;
    width:600px;
    height:200px;
   
    display:none;
}

.overlay2
{
      position:absolute;
    top:330px;
    left:260px;
    width:600px;
    height:200px;
  
    display:none;
}
.overlay3
{
      position:absolute;
    top:330px;
    left:260px;
    width:600px;
    height:200px;
   
    display:none;
}