.orta{width: 1150px; margin: 0 auto;}
#banner{width: 100%; position: absolute; z-index: 999;}
.banner{width: 1150px; margin: 0 auto;}

#logososyal{width: 200px; float: left; margin: 66px 0 0 40px;}

#logososyal div.logo{width: 200px; height: 80px;}
#logososyal div.sosyal{float: left; margin-top: 15px;}
#logososyal div.sosyal a{width: 30px; height: 30px; float: left; display: block; margin-right: 5px; overflow: hidden;}
#logososyal div.sosyal a:hover > img{margin-top: -30px;}

#menu{width: 513px; height: 90px; float: right; background: url(../img/menuBg.png);}
#menu ul{float: left; margin: 20px 0 0 90px;}
#menu ul li{float: left; margin-right: 18px;}
#menu ul li a{font-family: 'Century Gothic'; font-size: 18px; color: white;}
#menu ul li a:hover{color: #e8ad52;}

#slider{width: 100%;}
.slider{width: 100%; background: url(../img/bannerCubuk.png) no-repeat left bottom; overflow: hidden; position: relative; z-index: 1;}
.slider ul li{float: left;}
.slider ul li a img{width: 100%;}
.slidersira{width: 1150px; height: 86px; margin:0 auto; position: relative; z-index: 0;}
.slidersira div{width: 200px; float: left; cursor: pointer; overflow: hidden;}
.slidersira div:nth-child(1){height: 86px; background: url(../img/temizlikBg.png); margin: -13px 0 0 136px;}
.slidersira div:nth-child(2){height: 90px; background: url(../img/medikalBg.png); margin: -17px 0 0 25px;}
.slidersira div:nth-child(3){height: 94px; background: url(../img/kirtasiyeBg.png); margin: -21px 0 0 25px;}
.slidersira div:nth-child(4){height: 98px; background: url(../img/kutuBg.png); margin: -25px 0 0 25px;}
.slidersira div span{width: 100%; display: block;}
.slidersira div span p{font-family: 'Century Gothic'; font-size: 24px; color: white; text-align: center; padding-top: 20px;}
.slidersira div:nth-child(1) span{margin-top: -86px;}

.bizkimiz{width: 1109px; height: 570px; background: url(../img/bizkimizBg.png); float: left; margin: 55px 0 0 20px;}
.bizkimiz h1{font-family: 'Century Gothic'; font-size: 35px; color: #414246; font-weight: normal; text-align: center; padding-bottom: 10px;}
.bizkimiz div{width: 990px; margin: 0 auto; font-family: 'Century Gothic'; font-size: 14px; color: #414246; text-align: justify;}

#mesajlar{width: 100%; height: 200px; background: #6a0239; float: left; margin-top: 70px;}
#mesajlist{width: 810px; height: 160px; float: left; background: url(../img/mesajBg.png); margin: 23px 0 0 13px;}
#mesajlist div.mesajlist{width: 760px; height: 70px; float: left; margin: 45px 0 0 50px; overflow: hidden;}
#mesajlist div.mesajlist ul{width: 760px; height: 70px;}
#mesajlist div.mesajlist ul li{width: 760px; height: 70px; float: left;}
#mesajlist div.mesajlist ul li p{font-family: 'Century Gothic'; font-size: 14px; color: white;}

.mesajsira{float: left; margin-top: 20px}
.mesajsira div{width: 14px; height: 14px; background: white; border-radius: 14px; float: left; cursor: pointer; margin-right: 5px; }
.mesajsira div.aktif{background: black;}

#mesajlar div.bizeulas{width: 231px; height: 314px; float: right; background: url(../img/bizeulas.png); margin: -114px 59px 0 0;}

#hizmetler{width: 1106px; float: left; margin: 60px 0 50px 44px;}
#hizmetler ul li{width: 250px; float: left; margin-right: 34px;}
#hizmetler ul li:last-child{margin-right: 0;}
#hizmetler ul li a{width: 100%; display: block;}
#hizmetler ul li a strong{font-family: 'Century Gothic Bold'; font-weight: normal; font-size: 15px; color: #414246;}
#hizmetler ul li a div{width: 250px; height: 135px; float: left; margin: 10px 0;}
#hizmetler ul li:nth-child(1) a div{background: #0181ff}
#hizmetler ul li:nth-child(2) a div{background: #01cbf6}
#hizmetler ul li:nth-child(3) a div{background: #e8ad52}
#hizmetler ul li:nth-child(4) a div{background: #414246}
#hizmetler ul li a p{font-family: 'Century Gothic'; font-size: 13px; color: #414246;}

#footer{width: 100%; height: 290px; background: #6b0339;}

#footer div.part1{width: 390px; float: left; margin: 30px 0 0 35px;}
#footer div.part1 p{font-family: 'Century Gothic'; font-size: 13px; color: #c6c6c6;}
#footer div.part2{width: 425px; float: right;}
#footer div.part2 div.altmenu{float: left; margin-top: 15px;}
#footer div.part2 div.altmenu a{font-family: 'Century Gothic'; font-size: 18px; float: left; display: block; color: white; margin-right: 18px}
#footer div.part2 div.altmenu a:hover{color: black;}
#footer div.part2 div.bulten{float: left; margin: 73px 0 0 43px;}
#footer div.part2 div.bulten strong{font-family: 'Century Gothic'; font-size: 24px; color: white; font-weight: normal;}
#footer div.part2 div.bulten p{font-family: 'Century Gothic'; font-size: 13px; color: #c6c6c6;}
#footer div.part2 div.bulten div{float: left; margin-top: 15px;}
#footer div.part2 div.bulten div input[type="text"]{width: 240px; height: 30px; float: left; background: white; border-radius: 30px; border:none; padding-left: 10px}
#footer div.part2 div.bulten div input[type="submit"]{width: 60px; height: 30px; float: left; border-radius: 30px; background: #414246; margin-left: 5px;}
#footer div.part2 div.bulten div input[type="submit"]{font-family: 'Century Gothic Bold'; font-size: 14px; color: white; cursor: pointer;}
#footer div.part2 div.olumlu{float: right; margin-top: 10px; font-family: 'Century Gothic Bold'; font-size: 16px; color: green;}
#footer div.part2 div.olumsuz{float: right; margin-top: 10px; font-family: 'Century Gothic Bold'; font-size: 16px; color: red;}

#ortakbaslik{width: 100%; height: 240px;}
.ortakbaslik{width: 100%; height: 213px;}
.ortakbaslik h1{font-family: 'Century Gothic'; font-size: 35px; color: white; font-weight: normal; float: right; padding-top: 150px}
.ortakcubuk{width: 100%; height: 27px; background: url(../img/bannerCubuk.png) no-repeat;}

.ortakdetay{width: 1100px; float: left; margin: 40px 0 0 25px;}
.ortakdetay div.resim{width: 385px; float: left; margin-right: 75px;}
.ortakdetay div.detay{width: 635px; float: right;}
.ortakdetay div.detay img{margin-bottom: 35px}
.ortakdetay div.detay p{font-family: 'Century Gothic'; font-size: 15px; color: #414246;}

.ortakgaleri{width: 961px; float: left; margin: 45px 0 60px 96px;}
.ortakgaleri div{width: 180px; height: 90px; margin: 6px; float: left;}

#akordiyon{width: 1100px; float: left; margin: 30px 0 0 25px;}
#akordiyon h2{font-family: 'Century Gothic Bold'; font-weight: normal; font-size: 20px;}

.loading {display: none;}

.accordion {width: 100%; float: left; margin: 10px 0 30px 0;}

.accordion li div p{font-family: 'Century Gothic'; font-size: 16px}

.accordion li h3 a {
        background:             #9b7288;
        color:                  #000;
        display:                block;
        font-style:             normal;
        margin:                 0 0 1px 0;
        padding:                10px 10px;
        font-family: 'Century Gothic Bold';
        font-size: 16px;
        }
.accordion li.active h3 a {
        background:             #9b7288;
       	}
.accordion li.locked h3 a {
        background:             #9b7288;
        border-bottom:          1px solid #630;
        border-top:             1px solid #fc9;
        }
.accordion li h3 {
        margin:         0;
        padding:        0;
        }
.accordion .panel {
        padding:        20px;
        }

#inka{width: 1100px; float: left; margin: 50px 0 50px 25px;}

#inka div.baslik{width: 100%; height: 40px; float: left; background: #6a0239;}
#inka div.baslik strong{font-family: 'Century Gothic Bold'; font-weight: normal; font-size: 18px; color: white; line-height: 40px; padding-left: 15px}
#inka ul{width: 100%; margin: 20px 0; float: left;}
#inka ul li{width: 500px; height: 30px; float: left; margin: 0 25px 15px 25px; border-bottom: 1px solid black;}
#inka ul li span{float: left; font-family: 'Century Gothic Bold'; font-size: 25px; color: red;}
#inka ul li input[type="text"]{width: 479px; height: 30px; padding-left: 10px; float: left;}
#inka ul li input[type="text"]{font-family: 'Century Gothic Bold'; font-size: 15px}
#inka ul li p{font-family: 'Century Gothic'; font-size: 15px; color: #6a0239; padding: 5px 0 0 10px; float: left; margin-right: 15px}
#inka ul li input[type="radio"]{width: 20px; height: 20px; float: left; margin: 5px 5px 0 0;}
#inka ul li label{font-family: 'Century Gothic Bold'; font-size: 15px; float: left; margin: 5px 15px 0 0;}
#inka ul li select{width: 490px; height: 30px; float: left; margin-left: 5px; border:none;}
#inka ul li select{font-family: 'Century Gothic'; font-size: 15px; color: #6a0239;}
#inka ul li select option{font-family: 'Century Gothic Bold'; color: black;}
#inka ul li.uzun{width: 1050px; height: 80px;}
#inka ul li.uzun textarea{width: 1030px; height: 60px; padding: 0 10px; border: none; resize: none;}
#inka ul li.uzun textarea{font-family: 'Century Gothic Bold'; font-size: 15px;}
#inka h2{font-family: 'Century Gothic Bold'; font-size: 18px; font-weight: normal; padding: 10px 0 0 15px; display: block; float: left;}
#inka button{width: 100%; height: 40px; background: #005e99; border:none; cursor: pointer;}
#inka button{font-family: 'Century Gothic Bold'; font-size: 20px; color: white;}

.ikolumlu{width: 100%; background: green; margin-bottom: 20px;}
.ikolumlu p{font-family: 'Century Gothic Bold'; font-size: 18px; text-align: center; padding: 10px 0; color: white;}

.ikolumsuz{width: 100%; background: red; margin: 40px 0 0 0; float: left;}
.ikolumsuz p{font-family: 'Century Gothic Bold'; font-size: 18px; text-align: center; padding: 10px 0; color: white;}

#galeri{width: 1100px; float: left; margin: 50px 25px;}
#galeri div{width: 255px; height: 255px; margin: 10px; float: left; border-radius: 255px; overflow: hidden;}
#galeri div a img{width: 100%; height: 100%;}

.iletisimadres{width: 100%; float: left; margin: 40px 0;}
.iletisimadres p{font-family: 'Century Gothic'; font-size: 16px; padding-left: 15px;}

#harita{width: 100%; height: 400px; float: left; margin-top: 30px;}

.iletisimforum{width: 1100px; float: left; margin: 50px 25px;}
.iletisimforum h2{font-family: 'Century Gothic Bold'; font-size: 22px; font-weight: normal; padding-bottom: 15px;}
.iletisimforum div{width: 350px; float: left;}
.iletisimforum div input[type="text"]{width: 340px; height: 35px; background: #bfbfbf; float: left; margin-bottom: 5px; border-radius: 10px; padding-left: 10px}
.iletisimforum div input[type="text"]{font-family: 'Century Gothic Bold'; font-size: 14px; color: black;}
.iletisimforum textarea{width: 670px; height: 135px; float: right; background: #bfbfbf; margin-bottom: 5px; border-radius: 10px; padding: 10px 15px; resize: none;}
.iletisimforum textarea{font-family: 'Century Gothic Bold'; font-size: 14px; color: black;}
.iletisimforum button{width: 250px; height: 40px; float: left; background: #414246; border:none; border-radius: 10px; margin-top: 15px; cursor: pointer;}
.iletisimforum button{font-family: 'Century Gothic Bold'; font-size: 20px; color: white;}

.iletolumsuz{width: 100%; float: left; margin-bottom: 30px;}
.iletolumsuz p{font-family: 'Century Gothic Bold'; font-size: 16px; color: red;}

.iletolumlu{width: 100%; float: left; margin-bottom: 30px;}
.iletolumlu p{font-family: 'Century Gothic Bold'; font-size: 16px; color: green;}


@media screen and (min-width: 1025px){
		#bannermobil{display: none;}
		#mobilslider{display: none;}
		#mobilmesaj{display: none;}
	}



@media screen and (max-width: 1024px){

	.orta{width: 95%;}
	#banner{display: none;}
	#slider{display: none;}
	#mesajlar{display: none;}
	#ortakbaslik{display: none;}

	#bannermobil{width: 100%; float: left; border-bottom: 10px solid #6a0239;}
	.bannermobil{width: 95%; margin: 0 auto;}
	.bannermobil div.logo{width: 40%; float: left;}
	.bannermobil div.logo a img{width: 100%;}

	#mobilmenu{width: 18%; float: right;}
	#mobilmenu a img{width: 100%;}

	.mobilmenu{width: 100%; position: absolute; background: #26272b; z-index: 999; overflow: hidden;}
	.mobilmenu ul li{width: 100%; float: left; border-bottom: 1px solid white;}
	.mobilmenu ul li:last-child{border:none;}
	.mobilmenu ul li a{display: block; width: 95%; padding: 15px 2.5%;}
	.mobilmenu ul li a{font-family: 'Century Gothic'; font-size: 18px; color: white;}

	#mobilslider{width: 100%; float: left;}

	.bizkimiz{width: 100%; height: auto; background: none; margin: 25px 0 0 0;}
	.bizkimiz h1{text-align: left;}
	.bizkimiz div{width: 100%; text-align: left;}

	#mobilmesaj{width: 100%; float: left; margin-top: 25px; background: #6a0239;}
	.mobilmesaj{width: 90%; margin: 15px 5%;}
	.mobilmesaj p{font-family: 'Century Gothic'; font-size: 16px; color: white;}

	#hizmetler{width: 95%; margin: 20px 2.5%;}
	#hizmetler ul li{width: 100%; margin: 0 0 20px 0;}
	#hizmetler ul li a strong{float: left;}
	#hizmetler ul li a div{width: 100%; height: auto;}
	#hizmetler ul li a div img{width: 100%;}
	#hizmetler ul li a p{float: left;}

	#footer{height: auto; float: left;}
	#footer div.part1{width: 100%; margin: 30px 0 0 0;}
	#footer div.part1 img{width: 40%; margin-left: 30%;}
	#footer div.part1 p{text-align: center;}

	#footer div.part2{width: 100%; float: left;}
	#footer div.part2 div.altmenu{display: none;}
	#footer div.part2 div.bulten{width: 100%; margin: 30px 0 0 0;}
	#footer div.part2 div.bulten div{width: 100%;}
	#footer div.part2 div.bulten div input[type="text"]{width: 229px;}

	.ortakdetay{width: 100%; margin: 40px 0 0 0;}
	.ortakdetay div.resim{width: 100%; margin-right: 0;}
	.ortakdetay div.resim img{width: 100%;}
	.ortakdetay div.detay{width: 100%; float: left;}
	.ortakdetay div.detay img{width: 40%; float: left; margin: 10px 0  20px 30%;}
	.ortakdetay div.detay p{clear: both;}

	.ortakgaleri{width: 100%; margin: 30px 0 30px 0;}

	#akordiyon{width: 100%;}

	#inka{width: 100%; margin: 50px 0;}
	#inka ul li{width: 100%; margin: 0 0 15px 0;}
	#inka ul li input[type="text"]{width: 93%; padding: 0 0 0 2.5%;}
	#inka ul li.uzun{width: 100%;}
	#inka ul li.uzun textarea{width: 95%; padding: 0 2.5%;}
	#inka ul li select{width: 97.5%; margin-left: 2.5%;}

	#galeri{width: 100%; margin: 50px 0;}

	.iletisimforum{width: 100%; margin: 50px 0;}
	.iletisimforum div{width: 100%;}
	.iletisimforum div input[type="text"]{width: 97%; padding-left: 3%;}
	.iletisimforum textarea{width: 94%; padding: 10px 3%;}

}