html{ height:100%; width:100%;}
body{ height:100%; width:100%; font-family:helvetica;}

a { text-decoration:none; color:#369}
a:hover { text-decoration:none; color:#69C}
.b{ font-weight:bold}
.i{ font-style:italic}

.sol { float:left}
.sag { float:right}
.orta{ text-align:center}

.f10	{ font-size:10px}
.f11	{ font-size:11px}
.f12	{ font-size:12px}
.f13	{ font-size:13px}
.f14	{ font-size:14px}
.f15	{ font-size:15px}
.f16	{ font-size:16px}
.f18	{ font-size:18px}
.dosis { font-family:dosis}
.yaziGolge{ text-shadow:-1px 1px 3px #000; -webkit-text-shadow:-1px 1px 3px #000;	}

.input{margin: 5px; border:1px solid #BBB; color:#800; background-color:#e0e0e0; border-radius:4px; padding:2px 4px; font-size:16px; outline:none}

.none { display:none}
.uyari{ font-size:16px; background:url(../img/i_uyari.png) center top no-repeat; padding-top:100px; text-align:center;}
/*
yesil	#84BB2B
kırmızı	#880000
mavi	#0681B4
sarı	#F7B604
pembe	#B87FAF
*/


#sutun-ust-sol { background:url(../img/bg-sol-ust.jpg) right bottom repeat;}
#sutun-ust-orta{ background:url(../img/bg-ort-ust.jpg) center bottom repeat-y; min-width:300px; width:1010px; position:relative}
#sutun-ust-sag { background:url(../img/bg-sag-ust.jpg) left bottom repeat;}

#sutun-alt-sol { background:url(../img/bg-sol-alt.jpg) right top repeat-x;}
#sutun-alt-orta{ background:url(../img/bg-ort-alt.jpg) center top no-repeat; min-height:300px;; min-width:300px; width:1010px; position:relative}
#sutun-alt-sag { background:url(../img/bg-sag-alt.jpg) left top repeat-x;}

#logo {margin:0 auto; border:0px solid red; max-width:875px;}

#menuMobil	{ float:right; border:1px solid #333; border-radius:5px; background-color:#444; width:50px; height:40px; text-align:center; color:white; margin:10px 10px 0 0; padding-top:8px; cursor:pointer; position:relative; box-shadow:}
#menuMobilList{ float:right; border:1px solid #333; border-radius:5px; background-color:#444; width:120px;  color:white; top:40px; right:0px; padding:5px 20px 5px 20px; cursor:pointer; position:absolute; display:none; z-index:99 }
#menuMobilList span { float:left; margin-right:42px; line-height:30px}
#menuMobilList span a:link { color:#ccc; text-decoration:none}
#menuMobilList span a:hover{ color:yellowgreen; }

.okSol 		 {background: url(../img/arrows.png) no-repeat left top;  position: absolute;  left:0px;  top: 50%;  margin-top: -15px;  width: 30px;  height: 30px;}
.okSol:hover {background: url(../img/arrows.png) no-repeat right top;  position: absolute;  left:0px;  top: 50%;  margin-top: -15px;  width: 30px;  height: 30px;}

.okSag 		 {background: url(../img/arrows.png) no-repeat left bottom; position: absolute;  right:0px;  top: 50%;  margin-top: -15px;  width: 30px;  height: 30px;}
.okSag:hover {background: url(../img/arrows.png) no-repeat right bottom; position: absolute;  right:0px;  top: 50%;  margin-top: -15px;  width: 30px;  height: 30px;}


#menuGenel	{ background:url(../img/menu.png) top left no-repeat; margin:-10px auto; border:0px solid red; width:875px; height:90px; position:relative}
.menuGenelic{ margin:27px 0 0 70px; border:0px solid red; height:20px; position:absolute}

.aktifSayfa { border:0px solid #84BB2B; background-color:#666; padding:3px 8px 4px 8px; border-radius:4px; color:#84BB2B; margin:0 auto; box-shadow: 0px 1px 2px #222 inset;}
#menuGenel span { float:left; margin-right:39px; font-family:Dosis; font-size:16px}
#menuGenel span a { color:#ccc; text-decoration:none}
#menuGenel span a:hover{ color:yellowgreen; }
.golge{ box-shadow:-2px 2px 6px #333; -webkit-box-shadow:-2px 2px 6px #333;	}

.kutuButon{margin: 8px auto 0 auto; width:auto; display:inline-block; border:1px solid #909090; color:#FFF; border-radius:4px; background-color:#999; padding:1px 6px; font-size:13px; outline:none}
.kutuButon:hover{border:1px solid #880000; background-color:#880000; color:#FFF; border-radius:4px; padding:1px 6px; font-size:13px; cursor:pointer; outline:none}

.kutuButon2{margin: 8px auto 0 auto; width:auto; display:inline-block; border:1px solid #888; color:#FFF; border-radius:4px; background-color:#999; padding:1px 6px; font-size:15px; outline:none}
.kutuButon2:hover{border:1px solid #74AB1B; background-color:#84BB2B; color:#FFF; border-radius:4px; padding:1px 6px; font-size:15px; cursor:pointer; outline:none}

.kutuAktif{margin: 8px auto 0 auto; width:auto; display:inline-block; border:1px solid #BBB; color:#FFF; border-radius:4px; background-color:#BBB; padding:1px 6px; font-size:13px;}

.kutuPasif{margin: 8px auto 0 auto; width:auto; display:inline-block; border:1px solid #BBB; color:#999; border-radius:4px; padding:1px 6px; font-size:13px; cursor:pointer}
.kutuPasif:hover{border:1px solid #880000; background-color:#880000; color:#FFF; border-radius:4px; padding:1px 6px; font-size:13px; cursor:pointer}


.dekorKanepe{ background:url(../img/dekor-kanepe.png) no-repeat center top; width:85%; height:300px; margin:-20px 0 0 0; text-align:center;}
.dekorKoltuk{ background:url(../img/dekor-koltuk2.png) no-repeat center top; width:100%; height:201px; margin:40px 0 0 0; text-align:center;}
.dekorSovale{ background:url(../img/dekor-sovale2.png) no-repeat left top; width:249px; height:350px; margin:-100px 0 0 10px; text-align:center; z-index:1; position:absolute}
.dekorKoltukMaviMavi{ background:url(../img/dekor-koltuk-mavi-mavi.png) no-repeat center top; width:100%; height:230px; margin:40px 0 0 0; text-align:center;}
.dekorKoltukMaviKahve{ background:url(../img/dekor-koltuk-mavi-kahve.png) no-repeat center top; width:100%; height:230px; margin:40px 0 0 0; text-align:center;}
.dekorKoltukKahveKahve{ background:url(../img/dekor-koltuk-kahve-kahve.png) no-repeat center top; width:100%; height:230px; margin:20px 0 0 0; text-align:center; z-index:99}
.dekorKoltukKahveKrem{ background:url(../img/dekor-koltuk-kahve-krem.png) no-repeat center top; width:100%; height:230px; margin:40px 0 0 0; text-align:center;}
.dekorKoltukYesilKahve{ background:url(../img/dekor-koltuk-yesil-kahve.png) no-repeat center top; width:100%; height:230px; margin:40px 0 0 0; text-align:center;}
.dekorKoltukYesilMavi{ background:url(../img/dekor-koltuk-yesil-mavi.png) no-repeat center top; width:100%; height:230px; margin:40px 0 0 0; text-align:center;}
.dekorKoltukKizilMavi{ background:url(../img/dekor-koltuk-kizil-mavi.png) no-repeat center top; width:100%; height:230px; margin:40px 0 0 0; text-align:center;}
.dekorKoltukKizilKrem{ background:url(../img/dekor-koltuk-kizil-krem.png) no-repeat center top; width:100%; height:230px; margin:40px 0 0 0; text-align:center;}
.dekorKoltukKizilKizil{ background:url(../img/dekor-koltuk-kizil-kizil.png) no-repeat center top; width:100%; height:230px; margin:40px 0 0 0; text-align:center;}
.dekorKoltukLarciKahve{ background:url(../img/dekor-koltuk-larci-kahve.png) no-repeat center top; width:100%; height:230px; margin:40px 0 0 0; text-align:center;}
.dekorKoltukLarciKizil{ background:url(../img/dekor-koltuk-larci-kizil.png) no-repeat center top; width:100%; height:230px; margin:40px 0 0 0; text-align:center;}
.dekorKoltukLarciLarci{ background:url(../img/dekor-koltuk-larci-larci.png) no-repeat center top; width:100%; height:230px; margin:40px 0 0 0; text-align:center;}
.dekorKoltukLarciKrem{ background:url(../img/dekor-koltuk-larci-krem.png) no-repeat center top; width:100%; height:230px; margin:40px 0 0 0; text-align:center;}
.dekorKoltukKremKrem{ background:url(../img/dekor-koltuk-krem-krem.png) no-repeat center top; width:100%; height:230px; margin:40px 0 0 0; text-align:center;}
.dekorKoltukKremKizil{ background:url(../img/dekor-koltuk-krem-kizil.png) no-repeat center top; width:100%; height:230px; margin:40px 0 0 0; text-align:center;}
.dekorKoltukKremPembe{ background:url(../img/dekor-koltuk-krem-pembe.png) no-repeat center top; width:100%; height:230px; margin:40px 0 0 0; text-align:center;}
.dekorKoltukPembePembe{ background:url(../img/dekor-koltuk-pembe-pembe.png) no-repeat center top; width:100%; height:230px; margin:40px 0 0 0; text-align:center;}
.dekorKoltukSiyahSiyah{ background:url(../img/dekor-koltuk-siyah-siyah.png) no-repeat center top; width:100%; height:230px; margin:40px 0 0 0; text-align:center;}



#copywrite{position:absolute;font-size:12px; width:1000px; border:0px solid red; text-align:center}


.kapat 		{background: url(../img/kapat.png) no-repeat left top;   position: absolute; right:0px;  top: 0px;  margin: -15px -15px 0 0;  width: 30px;  height: 30px; cursor:pointer}
.kapat:hover{background: url(../img/kapat.png) no-repeat right top;  position: absolute; right:0px;  top: 0px;  margin: -15px -15px 0 0;  width: 30px;  height: 30px; cursor:pointer;}

.loading{ height:200px; background:url(../img/loading1.gif) no-repeat center center;}
.faaliyetGorsel { max-height:80px; max-width:200px}

.device {
  width: 850px;
  height: 570px;
  background: transparent;
  border: 0px solid red;
  margin:0 0 0px 0;
  position: relative;
  left:-50px;
  z-index:2
}
.swiper-container-portfolyo {
  width: 740px;
  height: 540px;
  border:0px solid blue;
  padding-top:5px;
  position:relative;
}
.device .arrow-left {
  background: url(../img/arrows.png) no-repeat left top;
  position: absolute;  left: 10px;  top: 50%;  margin-top: -15px;  width: 30px;  height: 30px;
}
.device .arrow-left:hover {
  background: url(../img/arrows.png) no-repeat right top; position: absolute;  left: 10px;  top: 50%;  margin-top: -15px;  width: 30px;  height: 30px;
}
.device .arrow-right {
  background: url(../img/arrows.png) no-repeat left bottom; position: absolute;  right: 10px;  top: 50%;  margin-top: -15px;  width: 30px;  height: 30px;
}
.device .arrow-right:hover {
  background: url(../img/arrows.png) no-repeat right bottom;
  position: absolute;  right: 10px;  top: 50%;  margin-top: -15px;  width: 30px;  height: 30px;
}
.content-slide {
  text-align:center;
  color: #fff;
}
.title {
  font-size: 25px;
  margin-bottom: 10px;
}
.pagination{
  position: absolute;
  left: 0;
  bottom:-5px;
  text-align: center;
  width: 100%;
  border:0px solid green;
}
.swiper-pagination-switch .swiper-pagination-bullet {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 10px;
  background: #AAA;
  box-shadow: 0px 1px 1px #777 inset;
  margin: 0 4px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #FFF;
  width: 12px;
  height: 12px;
}