﻿#sayfa {
    position: relative;
    width: 900px;
    text-align: left; 
    padding: auto; 
    margin-top: -100px; 
    margin-right: auto; 
    margin-bottom: 0px;
    margin-left: auto; 
    z-index: 1;
}
body {
    font-family: "Segoe UI" ,Helvetica, "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Arial, Geneva, Verdana,  sans-serif;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #fff;
    background: url(/images/bg.jpg) repeat-x;
    background-repeat: repeat-x;
    background-position: center top;
   
}
a:link, a:visited, a:active {
    color: #303030;
    text-decoration: none;
   
}
a:hover {
    color: #F23A46;
    text-decoration: underline;

}
img {
    border: 0;
}
p {
    font-size: 13px;
    color: #333333;
    text-shadow : 0px -1px 0px #f4f4f4;

}
#adres {
    font-weight: normal;
    font-size: 13px;
    margin-left: 15px;
    margin-right: 15px;
    padding-top: 15px;
    padding-bottom: 25px;
}
#adres h4 {
    font-size: 20;
    color: #ff0b92;
}
#ust {
    display: block;
    width: 900px;
    height: 100px;
}
#ust a {
    border: 0px;
}
#logo {
    width: 268px;
    margin-top: 35px;
    float: left;
}
#ikon {
    float: left;
    display: block;
    margin-left: 20px;
}
#slogan {
    float: left;
    width: 500px;
    height: 20px;
    text-align: center;
    margin-top: 30px;
    font-size: 16px;
    color: #666;
}
#menu {
    display: block;
    float: left;
    margin-top: 14px;
    width: 505px;
    height: 5px;
    text-align: center;
  
    margin-left:50px;
}
#ole {
    background-image: url(/images/mainback.png);
    background-repeat: no-repeat;
    float: left;
    width: 900px;
}

#icerik h1 {
    margin-top: 20px;
}
#icerik h2 {
    margin-top: 40px;
}
#icerik h3 {
    margin-top: 40px;
    margin-bottom: 50px;
    font-size: 15px;
    letter-spacing: -1px;
    color: #5b5b5b;
    font-weight: normal;
}



#alt {
    position: fixed;
    height: 30px;
    width: 100%;
    bottom: 0px;
    left: 0px;
    z-index: 1;
    background-image: url(/images/footer.png);
    text-transform: lowercase;
    font-size: 16px;
    color: white;
    letter-spacing: 2px;
    font-style: normal;
}
.sep {
    float: left;
    background-image: url(/images/seperator.png);
    background-repeat: repeat-x;
    width: 2px;
    height: 20px;
    display: block;
}
ul#minitabs {
    padding-top: 70px;
    font: 13px;
    text-align: center;
    list-style: none;
    margin: 0;
    padding: 7px 0;
    border-bottom: 0px solid #CCC;
    font-weight: normal;
    text-align: right;
    white-space: nowrap;
}
ul#minitabs li {
    float: left;
    display: inline;
    margin: 0 3px;
}
ul#minitabs a {
    text-decoration: none;
    padding: 0 0 3px;
    border-bottom: 0px solid #FFF;
    color: #4fb5d7;
}
ul#minitabs a#current {
    border-color: #F60;
    color: #4fb5d7;
}
ul#minitabs a:hover {
    border-color: #F60;
    color: #666;
}
.kutu {
    float: left;
    margin-top: 10px;
    margin-left: 30px;
    margin-right: 30px;
    width: 205px;
    height: 125px;
    background-image: url(/images/box.png);
    background-repeat: no-repeat;
    color: inherit;
    padding: 10px;
}
.kutu p {
    margin: 0;
    padding: 0;
    font-size:11px;
    color:#fff;
    text-shadow : 0px 1px 0px #666666;
    
}
.kutu p a{
   text-decoration:underline;
    color:#fff;
    text-shadow : 0px 1px 0px #666666;
    
}
.kutu p a:hover{
   text-decoration:none;
    color:#fff;
    text-shadow : 0px -1px 0px #666666;
    
}


.kutu .button {
    position: absolute;
    margin-left: -70px;
    margin-top: 3px;
    background-image: url(/images/goster_button.png);
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: -9999px;
    width: 65px;
    height: 25px;
    border: 0;
    background-color: transparent;
}
.kutu .button:hover {
    background-image: url(/images/goster_button.png);
    background-position: 0px -24px;
    cursor: pointer;
}
.kutu h1 {
   margin: 0;
    padding-right: 10px;
    font-size:40px;
    color:#fff;
    text-shadow : 0px 1px 0px #666666;

text-align:right;
}
.kutu h1 em{
padding:5px;
   margin-top:-10px;
   position:absolute;
font-style:normal;
letter-spacing:-1px;


    font-size:16px;
    color:#fff;
    text-shadow : 0px 1px 0px #666666;
}



#fotoortala {
    text-align: center;
}
#box h1 {
    text-align: justify;
    font-size: 11px;
    color: gray;
    width: 230px;
    height: 130px;
    margin-top: 0px;
    letter-spacing: -1px;
}
#mus {
    display: block;
    float: left;
    width: 170px;
    height: 30px;
    margin-top: 40px;
}
.must {
    display: block;
    float: left;
    margin-top: 0px;
    background-image: url(/images/mus.png);
    background-repeat: no-repeat;
    height: 25px;
    width: 185px;
    margin: 0px;
    padding: 5px 10px 0px 10px;
    border: 0px none;
}

.icon {
    float: left;
    height: 40px;
    width: 200px;
    bottom: 0px;
    z-index: 1;
    margin-top:5px;
    margin-left: 20px;
}
.icon2 {
    float: right;
    height: 30px;
    width: 5px;
    bottom: 0px;
    z-index: 1;
    margin-top:2px;
    margin-right: 30px;
}
#ile {
    display: block;
    width: 800px;
    padding: auto;
    margin-top: 50px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}
#ile_a {
    display: block;
    float: left;
    margin-left: 60px;
    width: 350px;
    height: 95px;
    background-image: url(/images/miniback.png);
    color: #564656;
    padding: 10px;
}
#ile_b {
    display: block;
    float: right;
    right: auto;
    width: 320px;
    height: 95px;
    background-color: #fff;
    color: #564656;
    padding: 10px;
}
#portfolio {
    position: relative;
    width: 900px;
    height: 620px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
#portfolio dd {
    position: absolute;
    left: 200px;
    top: -455px;
    width: 400px;
    height: 600px;
    margin: 0;
    padding: 0;
    padding: 0px;
}
#portfolio dd h3 {
    font: 20px;
    color: #fff;
    margin-bottom: 0px;
}
#portfolio dd h4 {
    font-size: 15px;
    color: #fff;
    margin-bottom: 0;
    margin-top: 0;
}
#portfolio dd p {
    font-size: 11px;
}
#portfolio dd img {
    display: block;
    margin: 30;
    border: 0px solid #fff;
}
.dt {
    width: 200px;
    height: 300px;
    font-size: 11px;
    padding: 5px;
    margin: 0;
}
.dt img {
    border: 0px solid #fff;
    height: 75px;
    width: 75px;
    float: left;
    margin-right: 5px;
}
.dt a {
    display: block;
    color: #fff;
    font: bold 13px;
    padding-bottom: 5px;
    text-decoration: none;
}
.dt.left {
    position: absolute;
    left: 0px;
}
.dt.right {
    position: absolute;
    right: 0px;
}
#menu {
    padding-top: 3px;
    padding-left: 50px;
}

/* GLOBALHEADER */
#globalheader {
    float: left;
    width: 480px;
    height: 22px;
    position: relative;
    z-index: 9998;
}

#globalheader #globalnav {
    margin: 0;
    padding: 0;
}
#globalheader #globalnav li {
    display: inline;
}
#globalheader #globalnav li a {
    float: left;
    width: 100%;
    height: 0;
    padding-top: 22px;
    overflow: hidden;
}
#globalheader #globalnav li a, #globalheader {
    background-image: url(/images/menu_ful.png);
    background-repeat: no-repeat;
}
/* BUTTONS */
#globalheader #globalnav li#gn-kurumsal a {
    width: 79px;
    background-position: 0 0px;
}
#globalheader #globalnav li#gn-neler a {
    width: 131px;
    background-position: -79px 0px;
}
#globalheader #globalnav li#gn-referans a {
    width: 112px;
    background-position: -210px 0;
}
#globalheader #globalnav li#gn-proje a {
    width: 89px;
    background-position: -322px 0;
}
#globalheader #globalnav li#gn-iletisim a {
    width: 69px;
    background-position: -411px 0;
}
/* OVER STATES */
#globalheader #globalnav li#gn-kurumsal a:hover {
    background-position: 0 -22px;
}
#globalheader #globalnav li#gn-neler a:hover {
    background-position: -79px -22px;
}
#globalheader #globalnav li#gn-referans a:hover {
    background-position: -210px -22px;
}
#globalheader #globalnav li#gn-proje a:hover {
    background-position: -322px -22px;
}
#globalheader #globalnav li#gn-iletisim a:hover {
    background-position: -411px -22px;
}
/* PRESSED STATES */
#globalheader #globalnav li#gn-kurumsal a:active {
    background-position: 0 -22px;
}
#globalheader #globalnav li#gn-neler a:active {
    background-position: -79px -22px;
}
#globalheader #globalnav li#gn-referans a:active {
    background-position: -210px -22px;
}
#globalheader #globalnav li#gn-proje a:active {
    background-position: -322px -22px;
}
#globalheader #globalnav li#gn-iletisim a:active {
    background-position: -411px -22px;
}
/* ON STATES */
#globalheader.Kurumsal #globalnav li#gn-kurumsal a {
    background-position: 0px -22px !important;
}
#globalheader.Neler_yapariz #globalnav li#gn-neler a {
    background-position: -79px -22px !important;
}
#globalheader.Referanslar #globalnav li#gn-referans a {
    background-position: -210px -22px !important;
}
#globalheader.Projeler #globalnav li#gn-proje a {
    background-position: -322px -22px !important;
}
#globalheader.iletisim #globalnav li#gn-iletisim a {
    background-position: -411px -22px !important;
}

.altmenu a {
    border: 0px;
}

/* 840px lik iç sayfa */
.s840pxsayfa {
    width: 840px;
    margin-top: 15px;
    padding-right: 10px;
    z-index: 1;
}
.s840pxsayfa .tepe {
    width: 840px;
    background-image: url(/images/icsayfa_840px_tepe.png);
    background-repeat: no-repeat;
    height: 11px;
}
.s840pxsayfa h2 {
    width: 840px;
    z-index: 11;
    background-image: url(/images/icsayfa_840px_back.png);
    background-repeat: repeat-y;
    padding-left: 8px;
}
.s840pxsayfa .alt {
    float: left;
    width: 840px;
    background-image: url(/images/icsayfa_840px_alt.png);
    background-repeat: no-repeat;
    height: 11px;
}
/* 600px lik iç sayfa */
.s600pxsayfa {
    float: left;
    width: 680px;
    margin-top: 15px;
    padding-right: 10px;
}
.s600pxsayfa .tepe {
    background-image: url(/images/icsayfa_600px_tepe.png);
    background-repeat: no-repeat;
    height: 11px;
}
.s600pxsayfa .ic {
    background-image: url(/images/icsayfa_600px_back.png);
    background-repeat: repeat-y; /*text-indent: 1cm;*/
}
.s600pxsayfa .ic .sayfa_baslik {
    width: 100%;
    padding: 10px 0px 20px 20px;
}
.s600pxsayfa .ic .sayfa_slogan {
    width: 100%;
    z-index:1px;
    padding: 0px 0px 20px 20px;
    letter-spacing:-1px;
}
.s600pxsayfa .ic .sayfa_metin {
    z-index:1px;
    text-indent: 0.5cm;
    padding: 0px 20px 20px 20px;
    font-size: 13px;
    font-weight: bold;
    font-size: inherit;
    color: #3d3d3d;
    font-style: normal;
    font-weight: normal;
    text-align: justify;
    min-height: 400px;
}
.s600pxsayfa .ic .sayfa_metin p {
    padding-top: 10px;
    text-indent: 0.5cm;
    font-size: 13px;
    color: #3e3e3e;
    letter-spacing: -0px;
}
.s600pxsayfa .ic .sayfa_metin p img {

float:right;
margin-left:20px;
margin-top:10px;
}
#loading {
    display: block;
    position: absolute;
    top: 100%;
    left: 45%;
    width: 350px;
}
#loading p {
    display: block;
    margin-top: 30px;
    font-size: 12px;
    margin-left: -19px;
}
.spanimg {
    margin-top: 20px;
}
.spantxt {
    margin-top: 10px;
}
.spantxt a {
    display: block;
    margin-top: 10px;
    color: #00bfff;
}
.spantxt a:hover {
    margin-top: 10px;
    color: #dc143c;
    text-decoration: none;
}
.spantxt img {
    position: static;
    float: right;
    margin-top: -80px;
    color: #dc143c;
    text-decoration: none;
}
.ayir640 {
    clear: both;
    background-image: url(/images/ayir.png);
    margin-top: 30px;
    margin-left: -20px;
    width: 630px;
    height: 5px;
    background-repeat: no-repeat;
}
#ajaxsayfagecisi {
    background-image: url(/images/tirip_menu.png);
    background-repeat: no-repeat;
    width: 200px;
    height: 200px;
    position: fixed;
    margin-left: 820px;
    padding-top: 20px;
    padding-left: 30px;
}
#ajaxsayfagecisi p {
    font-size: 12px;
    margin-top: 5px;
    display: list-item;
    color: #93D1EA;
}
#ajaxsayfagecisi p a {
    font-size: 12px;
    color: #666666;
    text-decoration: none;
    font-weight: bold;
}
#ajaxsayfagecisi p a:hover {
    background-color: #93D1EA;
    color: #FFFFFF;
}
#s600pxsayfa alt {
    background-image: url(/images/icsayfa_600px_alt.png);
    background-repeat: no-repeat;
    height: 11px;
}
/* 160px lik iÃ§ menusu */
.s160pxsayfa {
    float: left;
    width: 166px;
    margin-top: 15px;
}
.sayfa_slogan {
    text-align: left;
    color: #4c4c4c;
    font-size: 36px;
    font-weight: bold;
    letter-spacing: -2;
}
.s160pxsayfa .tepe {
    background-image: url(/images/icsayfa_160px_tepe.png);
    background-repeat: no-repeat;
    height: 8px;
}
.s160pxsayfa .ic {
    background-image: url(/images/icsayfa_600px_back.png);
    background-repeat: repeat-y; /*text-indent: 1cm;*/
    font-size: 13px;
    letter-spacing: 0px;
    color: #353535;
    padding-left: 5px;
    padding-right: 28px;
    padding-top: 0px;
    font-style: normal;
    font-weight: normal;
    text-align: left;
}
.s160pxsayfa .ic .button a, a:hover {
    border: 0px;
}
.s160pxsayfa .alt {
    background-image: url(/images/icsayfa_160px_alt.png);
    background-repeat: no-repeat;
    height: 11px;
}
#icerik #s_icerik {
    float: left;
    background-image: url(/images/sayfa_back.png);
    width: 928px;
    height: 100%;
    margin-top: 14px;
}
#icerik #s_iceril img {
    border: 1px;
}
ul.button li {
    list-style: none;
    position: relative;
}
ul.button li a {
    height: 32px;
    display: block;
    position: relative;
    border: 0px;
}
ul.button li a {
    text-indent: -9999px;
    text-decoration: none;
    outline: none;
}
.toplanti_talep a {
    margin-left: 9px;
    width: 137px;
    background-image: url(/images/toplanti_talep_button.png);
    background-position: top;
    background-repeat: no-repeat;
}
.toplanti_talep a:hover {
    width: 137px;
    background-position: bottom;
    background-repeat: no-repeat;
}
.referanslarimiz a {
    margin-left: 9px;
    margin-top: 10px;
    width: 137px;
    background-image: url(/images/referans_button.png);
    background-position: top;
    background-repeat: no-repeat;
}
.referanslarimiz a:hover {
    width: 137px;
    background-position: bottom;
    background-repeat: no-repeat;
}
.daha_fazlasi a {
    margin-left: 9px;
    margin-top: 10px;
    width: 137px;
    background-image: url(/images/daha_fazlasi_button.png);
    background-position: top;
    background-repeat: no-repeat;
    border: 0px;
}
.daha_fazlasi a:hover {
    width: 137px;
    background-position: bottom;
    background-repeat: no-repeat;
}
.altmenu {
    width: 160px;
    padding: 0;
    margin: 0;
}
ul.altmenu a {
    padding: 5px 0px 7px 20px;
    margin-left: 10px;
    color: #515151;
    text-decoration: none;
    background-image: url(/images/arrow.png);
    background-repeat: no-repeat;
    background-position: center left;
    font-size: 9pt;
    font-weight: bold;
    display:block;

}
ul.altmenu a:hover {
    color: #f1315a;
    text-decoration: underline;
}
ul.altmenu li {
    padding-bottom: 8px;
    padding-top: 8px;
    min-height:10px;
    background-image: url(/images/menu_ayrav.png);
    background-repeat: repeat-x;
    background-position: top;
    display:block;

}
abbr {
    display: none;
}
.baslik212 {
    letter-spacing: -1px;
    color: #daa520;
    font-size: 24px;
}
#iletisim_box {
    padding-top: 25px;
    padding-bottom: 25px;
    margin-bottom: 20px;
    margin-left: 55px;
    margin-right: 10px;
    width: 700px;
    float: none;
}
.baslik213 {
    letter-spacing: -1px;
    color: #f1315a;
    font-size: 14px;
}
.baslik214 a {
    text-decoration: none;
    color: #f1315a;
    font-weight: bold;
    font-size: 13px;
}
.baslik214 a:hover {
    font-weight: bold;
    text-decoration: underline;
    color: #f1315a;
    font-size: 13px;
}
.baslik215 {
    height: 20px;
}
#googlemaps {
    margin-top: -11px;
    margin-left: 50px;
    font-size: 11px;
    width: 50px;
    height: 10px;
}
.baslik220 {
    letter-spacing: -1px;
    color: #00bfff;
    font-size: 24px;
}
.baslik221 {
    letter-spacing: -1px;
    color: #4a4a4a;
    font-size: 14px;
}
.hobe {
    letter-spacing: -2px;
    color: #4a4a4a;
    font-size: 28px;
    text-align: center;
}
.resimKutusu {
    width: 400px;
    height: 250px;
    top: 20px;
    margin: 15px;
    float: left;
    background-image: url(/images/back_ref.PNG);
    border: solid 0px #8399AF;
    overflow: hidden;
    position: relative;
    text-align: left;
}
.resimKutusu img {
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
}
.resimKutusu p {
    padding: 0 10px;
    color: #515151;
    font-weight: normal;
    font-size: 12px;
}
.resimKutusu li {
    padding: 0 10px;
    color: #515151;
    font-weight: normal;
    font-size: 12px;
}
.resimBasligi {
    float: left;
    position: absolute;
    background: #000;
    height: 100px;
    width: 100%;
    opacity: .8; /* For IE 5-7 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.tamBaslik .resimBasligi {
    top: 260;
    left: 0;
}
.baslik .resimBasligi {
    top: 220;
    left: 0;
}

.metrocikcik {
    display: block;
    float: right;
    position: absolute;
    margin-top: -50px;
    width: 200px;
    height: 52px;
}
.metrocikcik img {
    display: block;
    float: right;
}


