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

.msg div{padding:10px;margin-bottom:10px;font-size:13px;position:relative;text-shadow:0 1px 0 rgba(255,255,255,0.4);text-align:left;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
.msg div.error{color:#a32326;border:solid 1px #db8288;background:#ef8f95;background:-webkit-gradient(linear,left top,left bottom,from(#f4afb2),to(#ef8f95));background:-moz-linear-gradient(top,#f4afb2,#ef8f95);background:-o-linear-gradient(top,#f4afb2,#ef8f95);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#F4AFB2,endColorstr=#EF8F95)}
.msg div.success{color:#39531e;border:solid 1px #8fc256;background:#91c358;background:-webkit-gradient(linear,left top,left bottom,from(#a8d07c),to(#91c358));background:-moz-linear-gradient(top,#a8d07c,#91c358);background:-o-linear-gradient(top,#a8d07c,#91c358);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#A8D07C,endColorstr=#91C358)}
.msg div.beyaz{color:#39531e;border:solid 1px #E1E1E1;background:#CCCCCC;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#E1E1E1));background:-moz-linear-gradient(top,#fff,#E1E1E1);background:-o-linear-gradient(top,#fff,#E1E1E1);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff,endColorstr=#E1E1E1)}
.msg div.warning{color:#9d4300;border:solid 1px #ffa34f;background:#f19d49;background:-webkit-gradient(linear,left top,left bottom,from(#ffc474),to(#f19d49));background:-moz-linear-gradient(top,#ffc474,#f19d49);background:-o-linear-gradient(top,#ffc474,#f19d49);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFC474,endColorstr=#F19D49)}
.msg div.info{color:#0067ce;border:solid 1px #6bbaff;background:#6bbaff;background:-webkit-gradient(linear,left top,left bottom,from(#94d1ff),to(#6bbaff));background:-moz-linear-gradient(top,#94d1ff,#6bbaff);background:-o-linear-gradient(top,#94d1ff,#6bbaff);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#94D1FF,endColorstr=#6BBAFF)}


#container input{box-sizing:border-box; padding:7px 12px; border:1px solid #e1e1e1; box-shadow:0 1px 1px #cacaca; margin-top:10px; width:300px}
#container textarea{box-sizing:border-box; padding:7px 12px; border:1px solid #e1e1e1; box-shadow:0 1px 1px #cacaca; margin-top:10px; width:300px; height:120px}
#container input[type=submit]{width:auto; background:#f1f1f1; padding:10px 15px; transition:background 400ms; cursor:pointer}
#container input[type=submit]:hover{background:#e1e1e1;}



a{text-decoration:none; color:#333;}
*{outline:None}
body{padding:0; margin:0; font-family: 'Open Sans', sans-serif; font-size:13px;
	background: #ddd; }

.clr{clear:both}
.ortala{width:1170px; margin:0 auto}


#header{height:70px; border-bottom:2px solid #cacaca; background:url(../img/header.png); margin-bottom:20px}
.logo{float:left; height:20px;}
.logo img{width:280px; height:60px; margin-top:10px}

#arama{float:left; width:570px;}

.arama{padding-top:15px; height:40px; width:355px; margin: 0 auto}
.arama input[type=text]{width:300px; padding:0 10px; float:left; margin-right:5px; border-radius:2px; box-sizing:border-box;  border:none; box-shadow:0 1px 1px #cacaca; height:40px}
.arama input[type=submit]{width:50px; float:left; height:40px; border:0; border-radius:2px; box-sizing:border-box; box-shadow:0 1px 1px #cacaca; background:#f1f1f1; transition:background 400ms;}
.arama input[type=submit]:hover{cursor:pointer; background:#e1e1e1;}
#header .sag{float:right; width:355px}
#header .sag a{display:block; height:40px; background:#f1f1f1; float:right; border-radius:2px; box-shadow:0 1px 1px #cacaca; margin-left:10px; padding:0 10px; line-height:40px; margin-top:15px; transition:background 400ms;}
#header .sag a span{background:#333; color:#fff; border-radius:2px; padding:2px 6px; margin-left:5px}
#header .sag a:hover{background:#e1e1e1}


#container{background:#fff; margin-bottom:20px; border-radius:2px; padding:0 10px 10px 10px; position:relative; box-shadow:0 1px 1px #cacaca}
#footer{background:#fff; margin-bottom:20px; border-radius:2px; padding:10px; position:relative; box-shadow:0 1px 1px #cacaca}
#footer .sag{float:right}
#footer a{color:#428bca; margin-left:10px}
#footer .sol{float:left}


#menu{top:-10px; position:relative; padding:0; list-style:none; box-shadow:0 1px 1px #cacaca; border-radius:2px; background:#eee;} 
#menu:after{display:block; content:''; clear:both}
#menu li{float:left;}
#menu li:last-child{margin-right:0}
#menu a{display:block; color:#2DA3E0; line-height:60px; font-size:15px; padding:0 5px; transition:background 400ms;}
#menu a:hover{background:#e1e1e1;}

#ust{margin-bottom:20px; background:#fff; box-shadow:0 1px 1px #cacaca; border-radius:2px}
#ust:after{clear:both; content:""; display:block;}
#ust ul{float:left; padding:0; margin:0; list-style:none}
#ust ul li{float:left; }
#ust ul a{display:block; color:#2DA3E0; line-height:40px; padding:0 10px; transition: background 400ms;}
#ust ul a:hover{background:#e1e1e1}

#ust .sosyal{float:right}
.sosyal a{line-height:40px; font-size:16px; padding:0 5px 0 10px; box-sizing:border-box; height:40px; background:#fff; color:#2DA3E0; transition: background 400ms; display:block; float:left}
.sosyal a p{padding:0; margin:0; display:inline-block; margin-right:5px}
.sosyal a:hover{background:#e1e1e1}
.sosyal i{line-height:40px; width:20px; text-align:center; font-size:20px; height:40px; display:inline-block; margin-right:5px}
#ozellik{margin-bottom:20px}
#ozellik .ozellik{float:left; margin:0 19px; font-size:16px}
.ozellik i{font-size:60px; display:block; background:#f1f1f1; border:1px solid #d1d1d1; margin:0 auto; width:70px; text-align:center; line-height:70px; border-radius:8px; box-shadow:0 1px 1px #cacaca; margin-bottom:10px}

.firsat{position:absolute; right:-47px; color:#fff; top:-8px; border-top:12px solid #428bca; transform:rotate(45deg); background:#428bca; padding:20px 30px 0 30px}
.urun{float:left; height:420px; margin:0 13px; overflow:hidden; position:relative; width:260px; border:1px solid #428bca; box-sizing:border-box; padding:20px; margin-bottom:20px; border-radius:3px; box-shadow:0 1px 1px #cacaca;}
.urun span{font-size:18px; max-height:48px; overflow:hidden; margin-bottom:10px; display:block}
.urun img{width:220px; height:220px; margin-bottom:20px}
.urun .fiyat{float:right; background:#5cb85c; color:#fff; font-weight:bold; padding:5px 7px; border-radius:2px}
.butonlar .incele,.urun .incele{float:left; margin-top:20px; width:260px; position:absolute; left:0; bottom:0; height:50px; line-height:50px; box-sizing:border-box; text-align:center; margin-right:10px; background:#5cb85c; color:#fff; font-weight:normal; border-radius:0 0 3px 3px}
.butonlar .incele{width:auto; font-size:16px; font-weight:normal}
.kirmizi{background:#f00!important}

.butonlar .incele2,.urun .incele2{float:left; margin-top:20px; width:100%; box-sizing:border-box; text-align:center; margin-right:10px; background:#5cb85c; color:#fff; font-weight:normal; padding:5px 7px; border-radius:2px}
.butonlar .incele2{width:auto; font-size:16px; font-weight:normal}

.resimler{width:280px; border-radius:2px; background:#e9e9e9; float:left; margin-right:18px; margin-left:20px; padding:10px; padding-bottom:0; border:1px solid #cacaca}
.resimler a:First-child img{width:280px; height:280px; margin-right:0}
.resimler a:last-child img{ margin-right:0; }
.resimler img{width:87px; height:87px; background:#fff; border-radius:2px; box-sizing:border-box; border:1px solid #cacaca; margin-right:6px; margin-bottom:6px}

.urunozellik{width: calc(100% - 340px); float:left}
.urunOz{float:left; width:calc(100% -300px)}
.urunAl{float:right}

.iletisimSol{width:300px; float:left}
.iletisimSag{width:calc( 100%- 320px); float:right}


.sayfalama{padding:0; margin:0; list-style:none}
.sayfalama li{float:left; margin-right:10px}
.sayfalama a{display:block; padding:0 10px; line-height:30px; box-shadow:0 1px 1px #cacaca; border-radius:2px; background:#e8e8e8; transition: background 400ms;}
.sayfalama a:hover,.sayfalama a.aktif{background:#e1e1e1}

#slider1_container{padding-bottom:20px}


.haberler{background:#fff; margin-bottom:20px; border-radius:2px; padding:10px ; position:relative; box-shadow:0 1px 1px #cacaca; width:750px; height:280px; float:left}
.haber{padding:0; list-style:none; margin:0}
.haber li{background:#e1e1e1; border-radius:2px; padding:5px; margin:10px 0 ; line-height:16px}
.haber span{padding:0; margin:10px 0 0 0; height:32px; display:block; overflow:hidden}
.haber.uzun span{height:48px; }
.haber.uzun span a{float:right; }
.haber i{float:right; font-weight:normal}


.hizmetler{padding:0; list-style:none; margin:0}
.hizmetler li{float:left; background:#e1e1e1; border-radius:2px; padding:5px; margin:10px; line-height:16px}
.hizmetler span{padding:0; margin:10px 0 0 0; height:32px; display:block; overflow:hidden}
.hizmetler img{display:block; width:200px; height:200px; margin-bottom:10px}
.hizmetler a{display:block}
.hizmetler b{height:48px; overflow:hidden; display:block; line-height:16px}

.galeri{background:#fff; margin-bottom:20px; border-radius:2px; padding:10px ; position:relative; box-shadow:0 1px 1px #cacaca; width:360px; height:280px; float:right}
.galeri h2,.haberler h2{display:block; padding:0; margin:0; font-size:18px; line-height:40px; height:40px}
.galeri h2 a,.haberler h2 a{display:block; float:right; font-size:16px; font-weight:normal; padding:5px 10px; background:#000; border-radius:2px; color:#fff; line-height:20px; margin-top:5px}
ul.resim{margin:0; padding:0; list-style:none}
.resim.uzun li{float:left; width:200px; margin:10px; padding:5px; line-height:16px; height:200px; overflow:hidden; background:#e1e1e1; border-radius:2px}
.resim.uzun img{width:200px; height:170px; margin-bottom:10px}
.resim li{float:left; width:100px; margin:5px; padding:5px; line-height:16px; height:100px; overflow:hidden; background:#e1e1e1; border-radius:2px}
.resim img{width:100px; height:80px}
.resim a{display:block}


.hizRes{width:300px; border-radius:2px; height:300px; padding:5px; background:#e1e1e1; float:left; margin-right:10px}
.jssorb05 {
	position: absolute;
}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
	position: absolute;
	/* size of bullet elment */
	width: 16px;
	height: 16px;
	background: url(../img/b05.png) no-repeat;
	overflow: hidden;
	cursor: pointer;
}
.jssorb05 div { background-position: -7px -7px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

.jssora12l, .jssora12r {
	display: block;
	position: absolute;
	/* size of arrow element */ 
	width: 30px;
	height: 46px;
	cursor: pointer;
	background: url(../img/a12.png) no-repeat;
	overflow: hidden;
}
.jssora12l { background-position: -16px -37px; }
.jssora12r { background-position: -75px -37px; }
.jssora12l:hover { background-position: -136px -37px; }
.jssora12r:hover { background-position: -195px -37px; }
.jssora12l.jssora12ldn { background-position: -256px -37px; }
.jssora12r.jssora12rdn { background-position: -315px -37px; }@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin,latin-ext);
@import url(font-awesome.min.css);

.msg div{padding:10px;margin-bottom:10px;font-size:13px;position:relative;text-shadow:0 1px 0 rgba(255,255,255,0.4);text-align:left;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
.msg div.error{color:#a32326;border:solid 1px #db8288;background:#ef8f95;background:-webkit-gradient(linear,left top,left bottom,from(#f4afb2),to(#ef8f95));background:-moz-linear-gradient(top,#f4afb2,#ef8f95);background:-o-linear-gradient(top,#f4afb2,#ef8f95);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#F4AFB2,endColorstr=#EF8F95)}
.msg div.success{color:#39531e;border:solid 1px #8fc256;background:#91c358;background:-webkit-gradient(linear,left top,left bottom,from(#a8d07c),to(#91c358));background:-moz-linear-gradient(top,#a8d07c,#91c358);background:-o-linear-gradient(top,#a8d07c,#91c358);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#A8D07C,endColorstr=#91C358)}
.msg div.beyaz{color:#39531e;border:solid 1px #E1E1E1;background:#CCCCCC;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#E1E1E1));background:-moz-linear-gradient(top,#fff,#E1E1E1);background:-o-linear-gradient(top,#fff,#E1E1E1);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff,endColorstr=#E1E1E1)}
.msg div.warning{color:#9d4300;border:solid 1px #ffa34f;background:#f19d49;background:-webkit-gradient(linear,left top,left bottom,from(#ffc474),to(#f19d49));background:-moz-linear-gradient(top,#ffc474,#f19d49);background:-o-linear-gradient(top,#ffc474,#f19d49);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFC474,endColorstr=#F19D49)}
.msg div.info{color:#0067ce;border:solid 1px #6bbaff;background:#6bbaff;background:-webkit-gradient(linear,left top,left bottom,from(#94d1ff),to(#6bbaff));background:-moz-linear-gradient(top,#94d1ff,#6bbaff);background:-o-linear-gradient(top,#94d1ff,#6bbaff);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#94D1FF,endColorstr=#6BBAFF)}


#container input{box-sizing:border-box; padding:7px 12px; border:1px solid #e1e1e1; box-shadow:0 1px 1px #cacaca; margin-top:10px; width:300px}
#container textarea{box-sizing:border-box; padding:7px 12px; border:1px solid #e1e1e1; box-shadow:0 1px 1px #cacaca; margin-top:10px; width:300px; height:120px}
#container input[type=submit]{width:auto; background:#f1f1f1; padding:10px 15px; transition:background 400ms; cursor:pointer}
#container input[type=submit]:hover{background:#e1e1e1;}



a{text-decoration:none; color:#333;}
*{outline:None}
body{padding:0; margin:0; font-family: 'Open Sans', sans-serif; font-size:13px;
	background: #ddd; }

.clr{clear:both}
.ortala{width:1170px; margin:0 auto}


#header{height:70px; border-bottom:2px solid #cacaca; background:url(../img/header.png); margin-bottom:20px}
.logo{float:left; height:20px;}
.logo img{width:280px; height:60px; margin-top:10px}

#arama{float:left; width:570px;}

.arama{padding-top:15px; height:40px; width:355px; margin: 0 auto}
.arama input[type=text]{width:300px; padding:0 10px; float:left; margin-right:5px; border-radius:2px; box-sizing:border-box;  border:none; box-shadow:0 1px 1px #cacaca; height:40px}
.arama input[type=submit]{width:50px; float:left; height:40px; border:0; border-radius:2px; box-sizing:border-box; box-shadow:0 1px 1px #cacaca; background:#f1f1f1; transition:background 400ms;}
.arama input[type=submit]:hover{cursor:pointer; background:#e1e1e1;}
#header .sag{float:right; width:355px}
#header .sag a{display:block; height:40px; background:#f1f1f1; float:right; border-radius:2px; box-shadow:0 1px 1px #cacaca; margin-left:10px; padding:0 10px; line-height:40px; margin-top:15px; transition:background 400ms;}
#header .sag a span{background:#333; color:#fff; border-radius:2px; padding:2px 6px; margin-left:5px}
#header .sag a:hover{background:#e1e1e1}


#container{background:#fff; margin-bottom:20px; border-radius:2px; padding:0 10px 10px 10px; position:relative; box-shadow:0 1px 1px #cacaca}
#footer{background:#fff; margin-bottom:20px; border-radius:2px; padding:10px; position:relative; box-shadow:0 1px 1px #cacaca}
#footer .sag{float:right}
#footer a{color:#428bca; margin-left:10px}
#footer .sol{float:left}


#menu{top:-10px; position:relative; padding:0; list-style:none; box-shadow:0 1px 1px #cacaca; border-radius:5px; background:#eee;} 
#menu:after{display:block; content:''; clear:both}
#menu li{float:left;}
#menu li:last-child{margin-right:0}
#menu a{display:block; color:#2DA3E0; line-height:40px; font-size:11px; padding:0 5px; transition:background 400ms;}
#menu a:hover{background:#e1e1e1;}

#ust{margin-bottom:20px; background:#fff; box-shadow:0 1px 1px #cacaca; border-radius:2px}
#ust:after{clear:both; content:""; display:block;}
#ust ul{float:left; padding:0; margin:0; list-style:none}
#ust ul li{float:left; }
#ust ul a{display:block; color:#2DA3E0; line-height:40px; padding:0 10px; transition: background 400ms;}
#ust ul a:hover{background:#e1e1e1}

#ust .sosyal{float:right}
.sosyal a{line-height:40px; font-size:16px; padding:0 5px 0 10px; box-sizing:border-box; height:40px; background:#fff; color:#2DA3E0; transition: background 400ms; display:block; float:left}
.sosyal a p{padding:0; margin:0; display:inline-block; margin-right:5px}
.sosyal a:hover{background:#e1e1e1}
.sosyal i{line-height:40px; width:20px; text-align:center; font-size:20px; height:40px; display:inline-block; margin-right:5px}
#ozellik{margin-bottom:20px}
#ozellik .ozellik{float:left; margin:0 19px; font-size:16px}
.ozellik i{font-size:60px; display:block; background:#f1f1f1; border:1px solid #d1d1d1; margin:0 auto; width:70px; text-align:center; line-height:70px; border-radius:8px; box-shadow:0 1px 1px #cacaca; margin-bottom:10px}

.firsat{position:absolute; right:-47px; color:#fff; top:-8px; border-top:12px solid #428bca; transform:rotate(45deg); background:#428bca; padding:20px 30px 0 30px}
.urun{float:left; height:420px; margin:0 13px; overflow:hidden; position:relative; width:260px; border:1px solid #428bca; box-sizing:border-box; padding:20px; margin-bottom:20px; border-radius:3px; box-shadow:0 1px 1px #cacaca;}
.urun span{font-size:18px; max-height:48px; overflow:hidden; margin-bottom:10px; display:block}
.urun img{width:220px; height:220px; margin-bottom:20px}
.urun .fiyat{float:right; background:#5cb85c; color:#fff; font-weight:bold; padding:5px 7px; border-radius:2px}
.butonlar .incele,.urun .incele{float:left; margin-top:20px; width:260px; position:absolute; left:0; bottom:0; height:50px; line-height:50px; box-sizing:border-box; text-align:center; margin-right:10px; background:#5cb85c; color:#fff; font-weight:normal; border-radius:0 0 3px 3px}
.butonlar .incele{width:auto; font-size:16px; font-weight:normal}
.kirmizi{background:#f00!important}

.butonlar .incele2,.urun .incele2{float:left; margin-top:20px; width:100%; box-sizing:border-box; text-align:center; margin-right:10px; background:#5cb85c; color:#fff; font-weight:normal; padding:5px 7px; border-radius:2px}
.butonlar .incele2{width:auto; font-size:16px; font-weight:normal}

.resimler{width:280px; border-radius:2px; background:#e9e9e9; float:left; margin-right:18px; margin-left:20px; padding:10px; padding-bottom:0; border:1px solid #cacaca}
.resimler a:First-child img{width:280px; height:280px; margin-right:0}
.resimler a:last-child img{ margin-right:0; }
.resimler img{width:87px; height:87px; background:#fff; border-radius:2px; box-sizing:border-box; border:1px solid #cacaca; margin-right:6px; margin-bottom:6px}

.urunozellik{width: calc(100% - 340px); float:left}
.urunOz{float:left; width:calc(100% -300px)}
.urunAl{float:right}

.iletisimSol{width:300px; float:left}
.iletisimSag{width:calc( 100%- 320px); float:right}


.sayfalama{padding:0; margin:0; list-style:none}
.sayfalama li{float:left; margin-right:10px}
.sayfalama a{display:block; padding:0 10px; line-height:30px; box-shadow:0 1px 1px #cacaca; border-radius:2px; background:#e8e8e8; transition: background 400ms;}
.sayfalama a:hover,.sayfalama a.aktif{background:#e1e1e1}

#slider1_container{padding-bottom:20px}


.haberler{background:#fff; margin-bottom:20px; border-radius:2px; padding:10px ; position:relative; box-shadow:0 1px 1px #cacaca; width:750px; height:280px; float:left}
.haber{padding:0; list-style:none; margin:0}
.haber li{background:#e1e1e1; border-radius:2px; padding:5px; margin:10px 0 ; line-height:16px}
.haber span{padding:0; margin:10px 0 0 0; height:32px; display:block; overflow:hidden}
.haber.uzun span{height:48px; }
.haber.uzun span a{float:right; }
.haber i{float:right; font-weight:normal}


.hizmetler{padding:0; list-style:none; margin:0}
.hizmetler li{float:left; background:#e1e1e1; border-radius:2px; padding:5px; margin:10px; line-height:16px}
.hizmetler span{padding:0; margin:10px 0 0 0; height:32px; display:block; overflow:hidden}
.hizmetler img{display:block; width:200px; height:200px; margin-bottom:10px}
.hizmetler a{display:block}
.hizmetler b{height:48px; overflow:hidden; display:block; line-height:16px}

.galeri{background:#fff; margin-bottom:20px; border-radius:2px; padding:10px ; position:relative; box-shadow:0 1px 1px #cacaca; width:360px; height:280px; float:right}
.galeri h2,.haberler h2{display:block; padding:0; margin:0; font-size:18px; line-height:40px; height:40px}
.galeri h2 a,.haberler h2 a{display:block; float:right; font-size:16px; font-weight:normal; padding:5px 10px; background:#000; border-radius:2px; color:#fff; line-height:20px; margin-top:5px}
ul.resim{margin:0; padding:0; list-style:none}
.resim.uzun li{float:left; width:200px; margin:10px; padding:5px; line-height:16px; height:200px; overflow:hidden; background:#e1e1e1; border-radius:2px}
.resim.uzun img{width:200px; height:170px; margin-bottom:10px}
.resim li{float:left; width:100px; margin:5px; padding:5px; line-height:16px; height:100px; overflow:hidden; background:#e1e1e1; border-radius:2px}
.resim img{width:100px; height:80px}
.resim a{display:block}


.hizRes{width:300px; border-radius:2px; height:300px; padding:5px; background:#e1e1e1; float:left; margin-right:10px}
.jssorb05 {
	position: absolute;
}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
	position: absolute;
	/* size of bullet elment */
	width: 16px;
	height: 16px;
	background: url(../img/b05.png) no-repeat;
	overflow: hidden;
	cursor: pointer;
}
.jssorb05 div { background-position: -7px -7px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

.jssora12l, .jssora12r {
	display: block;
	position: absolute;
	/* size of arrow element */ 
	width: 30px;
	height: 46px;
	cursor: pointer;
	background: url(../img/a12.png) no-repeat;
	overflow: hidden;
}
.jssora12l { background-position: -16px -37px; }
.jssora12r { background-position: -75px -37px; }
.jssora12l:hover { background-position: -136px -37px; }
.jssora12r:hover { background-position: -195px -37px; }
.jssora12l.jssora12ldn { background-position: -256px -37px; }
.jssora12r.jssora12rdn { background-position: -315px -37px; }@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin,latin-ext);
@import url(font-awesome.min.css);

.msg div{padding:10px;margin-bottom:10px;font-size:13px;position:relative;text-shadow:0 1px 0 rgba(255,255,255,0.4);text-align:left;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
.msg div.error{color:#a32326;border:solid 1px #db8288;background:#ef8f95;background:-webkit-gradient(linear,left top,left bottom,from(#f4afb2),to(#ef8f95));background:-moz-linear-gradient(top,#f4afb2,#ef8f95);background:-o-linear-gradient(top,#f4afb2,#ef8f95);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#F4AFB2,endColorstr=#EF8F95)}
.msg div.success{color:#39531e;border:solid 1px #8fc256;background:#91c358;background:-webkit-gradient(linear,left top,left bottom,from(#a8d07c),to(#91c358));background:-moz-linear-gradient(top,#a8d07c,#91c358);background:-o-linear-gradient(top,#a8d07c,#91c358);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#A8D07C,endColorstr=#91C358)}
.msg div.beyaz{color:#39531e;border:solid 1px #E1E1E1;background:#CCCCCC;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#E1E1E1));background:-moz-linear-gradient(top,#fff,#E1E1E1);background:-o-linear-gradient(top,#fff,#E1E1E1);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff,endColorstr=#E1E1E1)}
.msg div.warning{color:#9d4300;border:solid 1px #ffa34f;background:#f19d49;background:-webkit-gradient(linear,left top,left bottom,from(#ffc474),to(#f19d49));background:-moz-linear-gradient(top,#ffc474,#f19d49);background:-o-linear-gradient(top,#ffc474,#f19d49);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFC474,endColorstr=#F19D49)}
.msg div.info{color:#0067ce;border:solid 1px #6bbaff;background:#6bbaff;background:-webkit-gradient(linear,left top,left bottom,from(#94d1ff),to(#6bbaff));background:-moz-linear-gradient(top,#94d1ff,#6bbaff);background:-o-linear-gradient(top,#94d1ff,#6bbaff);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#94D1FF,endColorstr=#6BBAFF)}


#container input{box-sizing:border-box; padding:7px 12px; border:1px solid #e1e1e1; box-shadow:0 1px 1px #cacaca; margin-top:10px; width:300px}
#container textarea{box-sizing:border-box; padding:7px 12px; border:1px solid #e1e1e1; box-shadow:0 1px 1px #cacaca; margin-top:10px; width:300px; height:120px}
#container input[type=submit]{width:auto; background:#f1f1f1; padding:10px 15px; transition:background 400ms; cursor:pointer}
#container input[type=submit]:hover{background:#e1e1e1;}



a{text-decoration:none; color:#333;}
*{outline:None}
body{padding:0; margin:0; font-family: 'Open Sans', sans-serif; font-size:13px;
	background: #ddd; }

.clr{clear:both}
.ortala{width:1170px; margin:0 auto}


#header{height:70px; border-bottom:2px solid #cacaca; background:url(../img/header.png); margin-bottom:20px}
.logo{float:left; height:20px;}
.logo img{width:280px; height:60px; margin-top:10px}

#arama{float:left; width:570px;}

.arama{padding-top:15px; height:40px; width:355px; margin: 0 auto}
.arama input[type=text]{width:300px; padding:0 10px; float:left; margin-right:5px; border-radius:2px; box-sizing:border-box;  border:none; box-shadow:0 1px 1px #cacaca; height:40px}
.arama input[type=submit]{width:50px; float:left; height:40px; border:0; border-radius:2px; box-sizing:border-box; box-shadow:0 1px 1px #cacaca; background:#f1f1f1; transition:background 400ms;}
.arama input[type=submit]:hover{cursor:pointer; background:#e1e1e1;}
#header .sag{float:right; width:355px}
#header .sag a{display:block; height:40px; background:#f1f1f1; float:right; border-radius:2px; box-shadow:0 1px 1px #cacaca; margin-left:10px; padding:0 10px; line-height:40px; margin-top:15px; transition:background 400ms;}
#header .sag a span{background:#333; color:#fff; border-radius:2px; padding:2px 6px; margin-left:5px}
#header .sag a:hover{background:#e1e1e1}


#container{background:#fff; margin-bottom:20px; border-radius:2px; padding:0 10px 10px 10px; position:relative; box-shadow:0 1px 1px #cacaca}
#footer{background:#fff; margin-bottom:20px; border-radius:2px; padding:10px; position:relative; box-shadow:0 1px 1px #cacaca}
#footer .sag{float:right}
#footer a{color:#428bca; margin-left:10px}
#footer .sol{float:left}


#menu{top:-10px; position:relative; padding:0; list-style:none; box-shadow:0 1px 1px #cacaca; border-radius:5px; background:#eee;} 
#menu:after{display:block; content:''; clear:both}
#menu li{float:left;}
#menu li:last-child{margin-right:0}
#menu a{display:block; color:#2DA3E0; line-height:40px; font-size:11px; padding:0 5px; transition:background 400ms;}
#menu a:hover{background:#e1e1e1;}

#ust{margin-bottom:20px; background:#fff; box-shadow:0 1px 1px #cacaca; border-radius:2px}
#ust:after{clear:both; content:""; display:block;}
#ust ul{float:left; padding:0; margin:0; list-style:none}
#ust ul li{float:left; }
#ust ul a{display:block; color:#2DA3E0; line-height:40px; padding:0 10px; transition: background 400ms;}
#ust ul a:hover{background:#e1e1e1}

#ust .sosyal{float:right}
.sosyal a{line-height:40px; font-size:16px; padding:0 5px 0 10px; box-sizing:border-box; height:40px; background:#fff; color:#2DA3E0; transition: background 400ms; display:block; float:left}
.sosyal a p{padding:0; margin:0; display:inline-block; margin-right:5px}
.sosyal a:hover{background:#e1e1e1}
.sosyal i{line-height:40px; width:20px; text-align:center; font-size:20px; height:40px; display:inline-block; margin-right:5px}
#ozellik{margin-bottom:20px}
#ozellik .ozellik{float:left; margin:0 19px; font-size:16px}
.ozellik i{font-size:60px; display:block; background:#f1f1f1; border:1px solid #d1d1d1; margin:0 auto; width:70px; text-align:center; line-height:70px; border-radius:8px; box-shadow:0 1px 1px #cacaca; margin-bottom:10px}

.firsat{position:absolute; right:-47px; color:#fff; top:-8px; border-top:12px solid #428bca; transform:rotate(45deg); background:#428bca; padding:20px 30px 0 30px}
.urun{float:left; height:420px; margin:0 13px; overflow:hidden; position:relative; width:260px; border:1px solid #428bca; box-sizing:border-box; padding:20px; margin-bottom:20px; border-radius:3px; box-shadow:0 1px 1px #cacaca;}
.urun span{font-size:18px; max-height:48px; overflow:hidden; margin-bottom:10px; display:block}
.urun img{width:220px; height:220px; margin-bottom:20px}
.urun .fiyat{float:right; background:#5cb85c; color:#fff; font-weight:bold; padding:5px 7px; border-radius:2px}
.butonlar .incele,.urun .incele{float:left; margin-top:20px; width:260px; position:absolute; left:0; bottom:0; height:50px; line-height:50px; box-sizing:border-box; text-align:center; margin-right:10px; background:#5cb85c; color:#fff; font-weight:normal; border-radius:0 0 3px 3px}
.butonlar .incele{width:auto; font-size:16px; font-weight:normal}
.kirmizi{background:#f00!important}

.butonlar .incele2,.urun .incele2{float:left; margin-top:20px; width:100%; box-sizing:border-box; text-align:center; margin-right:10px; background:#5cb85c; color:#fff; font-weight:normal; padding:5px 7px; border-radius:2px}
.butonlar .incele2{width:auto; font-size:16px; font-weight:normal}

.resimler{width:280px; border-radius:2px; background:#e9e9e9; float:left; margin-right:18px; margin-left:20px; padding:10px; padding-bottom:0; border:1px solid #cacaca}
.resimler a:First-child img{width:280px; height:280px; margin-right:0}
.resimler a:last-child img{ margin-right:0; }
.resimler img{width:87px; height:87px; background:#fff; border-radius:2px; box-sizing:border-box; border:1px solid #cacaca; margin-right:6px; margin-bottom:6px}

.urunozellik{width: calc(100% - 340px); float:left}
.urunOz{float:left; width:calc(100% -300px)}
.urunAl{float:right}

.iletisimSol{width:300px; float:left}
.iletisimSag{width:calc( 100%- 320px); float:right}


.sayfalama{padding:0; margin:0; list-style:none}
.sayfalama li{float:left; margin-right:10px}
.sayfalama a{display:block; padding:0 10px; line-height:30px; box-shadow:0 1px 1px #cacaca; border-radius:2px; background:#e8e8e8; transition: background 400ms;}
.sayfalama a:hover,.sayfalama a.aktif{background:#e1e1e1}

#slider1_container{padding-bottom:20px}


.haberler{background:#fff; margin-bottom:20px; border-radius:2px; padding:10px ; position:relative; box-shadow:0 1px 1px #cacaca; width:750px; height:280px; float:left}
.haber{padding:0; list-style:none; margin:0}
.haber li{background:#e1e1e1; border-radius:2px; padding:5px; margin:10px 0 ; line-height:16px}
.haber span{padding:0; margin:10px 0 0 0; height:32px; display:block; overflow:hidden}
.haber.uzun span{height:48px; }
.haber.uzun span a{float:right; }
.haber i{float:right; font-weight:normal}


.hizmetler{padding:0; list-style:none; margin:0}
.hizmetler li{float:left; background:#e1e1e1; border-radius:2px; padding:5px; margin:10px; line-height:16px}
.hizmetler span{padding:0; margin:10px 0 0 0; height:32px; display:block; overflow:hidden}
.hizmetler img{display:block; width:200px; height:200px; margin-bottom:10px}
.hizmetler a{display:block}
.hizmetler b{height:48px; overflow:hidden; display:block; line-height:16px}

.galeri{background:#fff; margin-bottom:20px; border-radius:2px; padding:10px ; position:relative; box-shadow:0 1px 1px #cacaca; width:360px; height:280px; float:right}
.galeri h2,.haberler h2{display:block; padding:0; margin:0; font-size:18px; line-height:40px; height:40px}
.galeri h2 a,.haberler h2 a{display:block; float:right; font-size:16px; font-weight:normal; padding:5px 10px; background:#000; border-radius:2px; color:#fff; line-height:20px; margin-top:5px}
ul.resim{margin:0; padding:0; list-style:none}
.resim.uzun li{float:left; width:200px; margin:10px; padding:5px; line-height:16px; height:200px; overflow:hidden; background:#e1e1e1; border-radius:2px}
.resim.uzun img{width:200px; height:170px; margin-bottom:10px}
.resim li{float:left; width:100px; margin:5px; padding:5px; line-height:16px; height:100px; overflow:hidden; background:#e1e1e1; border-radius:2px}
.resim img{width:100px; height:80px}
.resim a{display:block}


.hizRes{width:300px; border-radius:2px; height:300px; padding:5px; background:#e1e1e1; float:left; margin-right:10px}
.jssorb05 {
	position: absolute;
}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
	position: absolute;
	/* size of bullet elment */
	width: 16px;
	height: 16px;
	background: url(../img/b05.png) no-repeat;
	overflow: hidden;
	cursor: pointer;
}
.jssorb05 div { background-position: -7px -7px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

.jssora12l, .jssora12r {
	display: block;
	position: absolute;
	/* size of arrow element */ 
	width: 30px;
	height: 46px;
	cursor: pointer;
	background: url(../img/a12.png) no-repeat;
	overflow: hidden;
}
.jssora12l { background-position: -16px -37px; }
.jssora12r { background-position: -75px -37px; }
.jssora12l:hover { background-position: -136px -37px; }
.jssora12r:hover { background-position: -195px -37px; }
.jssora12l.jssora12ldn { background-position: -256px -37px; }
.jssora12r.jssora12rdn { background-position: -315px -37px; }@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin,latin-ext);
@import url(font-awesome.min.css);

.msg div{padding:10px;margin-bottom:10px;font-size:13px;position:relative;text-shadow:0 1px 0 rgba(255,255,255,0.4);text-align:left;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
.msg div.error{color:#a32326;border:solid 1px #db8288;background:#ef8f95;background:-webkit-gradient(linear,left top,left bottom,from(#f4afb2),to(#ef8f95));background:-moz-linear-gradient(top,#f4afb2,#ef8f95);background:-o-linear-gradient(top,#f4afb2,#ef8f95);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#F4AFB2,endColorstr=#EF8F95)}
.msg div.success{color:#39531e;border:solid 1px #8fc256;background:#91c358;background:-webkit-gradient(linear,left top,left bottom,from(#a8d07c),to(#91c358));background:-moz-linear-gradient(top,#a8d07c,#91c358);background:-o-linear-gradient(top,#a8d07c,#91c358);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#A8D07C,endColorstr=#91C358)}
.msg div.beyaz{color:#39531e;border:solid 1px #E1E1E1;background:#CCCCCC;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#E1E1E1));background:-moz-linear-gradient(top,#fff,#E1E1E1);background:-o-linear-gradient(top,#fff,#E1E1E1);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff,endColorstr=#E1E1E1)}
.msg div.warning{color:#9d4300;border:solid 1px #ffa34f;background:#f19d49;background:-webkit-gradient(linear,left top,left bottom,from(#ffc474),to(#f19d49));background:-moz-linear-gradient(top,#ffc474,#f19d49);background:-o-linear-gradient(top,#ffc474,#f19d49);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFC474,endColorstr=#F19D49)}
.msg div.info{color:#0067ce;border:solid 1px #6bbaff;background:#6bbaff;background:-webkit-gradient(linear,left top,left bottom,from(#94d1ff),to(#6bbaff));background:-moz-linear-gradient(top,#94d1ff,#6bbaff);background:-o-linear-gradient(top,#94d1ff,#6bbaff);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#94D1FF,endColorstr=#6BBAFF)}


#container input{box-sizing:border-box; padding:7px 12px; border:1px solid #e1e1e1; box-shadow:0 1px 1px #cacaca; margin-top:10px; width:300px}
#container textarea{box-sizing:border-box; padding:7px 12px; border:1px solid #e1e1e1; box-shadow:0 1px 1px #cacaca; margin-top:10px; width:300px; height:120px}
#container input[type=submit]{width:auto; background:#f1f1f1; padding:10px 15px; transition:background 400ms; cursor:pointer}
#container input[type=submit]:hover{background:#e1e1e1;}



a{text-decoration:none; color:#333;}
*{outline:None}
body{padding:0; margin:0; font-family: 'Open Sans', sans-serif; font-size:13px;
	background: #ddd; }

.clr{clear:both}
.ortala{width:1170px; margin:0 auto}


#header{height:70px; border-bottom:2px solid #cacaca; background:url(../img/header.png); margin-bottom:20px}
.logo{float:left; height:20px;}
.logo img{width:280px; height:60px; margin-top:10px}

#arama{float:left; width:570px;}

.arama{padding-top:15px; height:40px; width:355px; margin: 0 auto}
.arama input[type=text]{width:300px; padding:0 10px; float:left; margin-right:5px; border-radius:2px; box-sizing:border-box;  border:none; box-shadow:0 1px 1px #cacaca; height:40px}
.arama input[type=submit]{width:50px; float:left; height:40px; border:0; border-radius:2px; box-sizing:border-box; box-shadow:0 1px 1px #cacaca; background:#f1f1f1; transition:background 400ms;}
.arama input[type=submit]:hover{cursor:pointer; background:#e1e1e1;}
#header .sag{float:right; width:355px}
#header .sag a{display:block; height:40px; background:#f1f1f1; float:right; border-radius:2px; box-shadow:0 1px 1px #cacaca; margin-left:10px; padding:0 10px; line-height:40px; margin-top:15px; transition:background 400ms;}
#header .sag a span{background:#333; color:#fff; border-radius:2px; padding:2px 6px; margin-left:5px}
#header .sag a:hover{background:#e1e1e1}


#container{background:#fff; margin-bottom:20px; border-radius:2px; padding:0 10px 10px 10px; position:relative; box-shadow:0 1px 1px #cacaca}
#footer{background:#fff; margin-bottom:20px; border-radius:2px; padding:10px; position:relative; box-shadow:0 1px 1px #cacaca}
#footer .sag{float:right}
#footer a{color:#428bca; margin-left:10px}
#footer .sol{float:left}


#menu{top:-10px; position:relative; padding:0; list-style:none; box-shadow:0 1px 1px #cacaca; border-radius:5px; background:#eee;} 
#menu:after{display:block; content:''; clear:both}
#menu li{float:left;}
#menu li:last-child{margin-right:0}
#menu a{display:block; color:#2DA3E0; line-height:40px; font-size:11px; padding:0 5px; transition:background 400ms;}
#menu a:hover{background:#e1e1e1;}

#ust{margin-bottom:20px; background:#fff; box-shadow:0 1px 1px #cacaca; border-radius:2px}
#ust:after{clear:both; content:""; display:block;}
#ust ul{float:left; padding:0; margin:0; list-style:none}
#ust ul li{float:left; }
#ust ul a{display:block; color:#2DA3E0; line-height:40px; padding:0 10px; transition: background 400ms;}
#ust ul a:hover{background:#e1e1e1}

#ust .sosyal{float:right}
.sosyal a{line-height:40px; font-size:16px; padding:0 5px 0 10px; box-sizing:border-box; height:40px; background:#fff; color:#2DA3E0; transition: background 400ms; display:block; float:left}
.sosyal a p{padding:0; margin:0; display:inline-block; margin-right:5px}
.sosyal a:hover{background:#e1e1e1}
.sosyal i{line-height:40px; width:20px; text-align:center; font-size:20px; height:40px; display:inline-block; margin-right:5px}
#ozellik{margin-bottom:20px}
#ozellik .ozellik{float:left; margin:0 19px; font-size:16px}
.ozellik i{font-size:60px; display:block; background:#f1f1f1; border:1px solid #d1d1d1; margin:0 auto; width:70px; text-align:center; line-height:70px; border-radius:8px; box-shadow:0 1px 1px #cacaca; margin-bottom:10px}

.firsat{position:absolute; right:-47px; color:#fff; top:-8px; border-top:12px solid #428bca; transform:rotate(45deg); background:#428bca; padding:20px 30px 0 30px}
.urun{float:left; height:420px; margin:0 13px; overflow:hidden; position:relative; width:260px; border:1px solid #428bca; box-sizing:border-box; padding:20px; margin-bottom:20px; border-radius:3px; box-shadow:0 1px 1px #cacaca;}
.urun span{font-size:18px; max-height:48px; overflow:hidden; margin-bottom:10px; display:block}
.urun img{width:220px; height:220px; margin-bottom:20px}
.urun .fiyat{float:right; background:#5cb85c; color:#fff; font-weight:bold; padding:5px 7px; border-radius:2px}
.butonlar .incele,.urun .incele{float:left; margin-top:20px; width:260px; position:absolute; left:0; bottom:0; height:50px; line-height:50px; box-sizing:border-box; text-align:center; margin-right:10px; background:#5cb85c; color:#fff; font-weight:normal; border-radius:0 0 3px 3px}
.butonlar .incele{width:auto; font-size:16px; font-weight:normal}
.kirmizi{background:#f00!important}

.butonlar .incele2,.urun .incele2{float:left; margin-top:20px; width:100%; box-sizing:border-box; text-align:center; margin-right:10px; background:#5cb85c; color:#fff; font-weight:normal; padding:5px 7px; border-radius:2px}
.butonlar .incele2{width:auto; font-size:16px; font-weight:normal}

.resimler{width:280px; border-radius:2px; background:#e9e9e9; float:left; margin-right:18px; margin-left:20px; padding:10px; padding-bottom:0; border:1px solid #cacaca}
.resimler a:First-child img{width:280px; height:280px; margin-right:0}
.resimler a:last-child img{ margin-right:0; }
.resimler img{width:87px; height:87px; background:#fff; border-radius:2px; box-sizing:border-box; border:1px solid #cacaca; margin-right:6px; margin-bottom:6px}

.urunozellik{width: calc(100% - 340px); float:left}
.urunOz{float:left; width:calc(100% -300px)}
.urunAl{float:right}

.iletisimSol{width:300px; float:left}
.iletisimSag{width:calc( 100%- 320px); float:right}


.sayfalama{padding:0; margin:0; list-style:none}
.sayfalama li{float:left; margin-right:10px}
.sayfalama a{display:block; padding:0 10px; line-height:30px; box-shadow:0 1px 1px #cacaca; border-radius:2px; background:#e8e8e8; transition: background 400ms;}
.sayfalama a:hover,.sayfalama a.aktif{background:#e1e1e1}

#slider1_container{padding-bottom:20px}


.haberler{background:#fff; margin-bottom:20px; border-radius:2px; padding:10px ; position:relative; box-shadow:0 1px 1px #cacaca; width:750px; height:280px; float:left}
.haber{padding:0; list-style:none; margin:0}
.haber li{background:#e1e1e1; border-radius:2px; padding:5px; margin:10px 0 ; line-height:16px}
.haber span{padding:0; margin:10px 0 0 0; height:32px; display:block; overflow:hidden}
.haber.uzun span{height:48px; }
.haber.uzun span a{float:right; }
.haber i{float:right; font-weight:normal}


.hizmetler{padding:0; list-style:none; margin:0}
.hizmetler li{float:left; background:#e1e1e1; border-radius:2px; padding:5px; margin:10px; line-height:16px}
.hizmetler span{padding:0; margin:10px 0 0 0; height:32px; display:block; overflow:hidden}
.hizmetler img{display:block; width:200px; height:200px; margin-bottom:10px}
.hizmetler a{display:block}
.hizmetler b{height:48px; overflow:hidden; display:block; line-height:16px}

.galeri{background:#fff; margin-bottom:20px; border-radius:2px; padding:10px ; position:relative; box-shadow:0 1px 1px #cacaca; width:360px; height:280px; float:right}
.galeri h2,.haberler h2{display:block; padding:0; margin:0; font-size:18px; line-height:40px; height:40px}
.galeri h2 a,.haberler h2 a{display:block; float:right; font-size:16px; font-weight:normal; padding:5px 10px; background:#000; border-radius:2px; color:#fff; line-height:20px; margin-top:5px}
ul.resim{margin:0; padding:0; list-style:none}
.resim.uzun li{float:left; width:200px; margin:10px; padding:5px; line-height:16px; height:200px; overflow:hidden; background:#e1e1e1; border-radius:2px}
.resim.uzun img{width:200px; height:170px; margin-bottom:10px}
.resim li{float:left; width:100px; margin:5px; padding:5px; line-height:16px; height:100px; overflow:hidden; background:#e1e1e1; border-radius:2px}
.resim img{width:100px; height:80px}
.resim a{display:block}


.hizRes{width:300px; border-radius:2px; height:300px; padding:5px; background:#e1e1e1; float:left; margin-right:10px}
.jssorb05 {
	position: absolute;
}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
	position: absolute;
	/* size of bullet elment */
	width: 16px;
	height: 16px;
	background: url(../img/b05.png) no-repeat;
	overflow: hidden;
	cursor: pointer;
}
.jssorb05 div { background-position: -7px -7px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

.jssora12l, .jssora12r {
	display: block;
	position: absolute;
	/* size of arrow element */ 
	width: 30px;
	height: 46px;
	cursor: pointer;
	background: url(../img/a12.png) no-repeat;
	overflow: hidden;
}
.jssora12l { background-position: -16px -37px; }
.jssora12r { background-position: -75px -37px; }
.jssora12l:hover { background-position: -136px -37px; }
.jssora12r:hover { background-position: -195px -37px; }
.jssora12l.jssora12ldn { background-position: -256px -37px; }
.jssora12r.jssora12rdn { background-position: -315px -37px; }@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin,latin-ext);
@import url(font-awesome.min.css);

.msg div{padding:10px;margin-bottom:10px;font-size:13px;position:relative;text-shadow:0 1px 0 rgba(255,255,255,0.4);text-align:left;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
.msg div.error{color:#a32326;border:solid 1px #db8288;background:#ef8f95;background:-webkit-gradient(linear,left top,left bottom,from(#f4afb2),to(#ef8f95));background:-moz-linear-gradient(top,#f4afb2,#ef8f95);background:-o-linear-gradient(top,#f4afb2,#ef8f95);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#F4AFB2,endColorstr=#EF8F95)}
.msg div.success{color:#39531e;border:solid 1px #8fc256;background:#91c358;background:-webkit-gradient(linear,left top,left bottom,from(#a8d07c),to(#91c358));background:-moz-linear-gradient(top,#a8d07c,#91c358);background:-o-linear-gradient(top,#a8d07c,#91c358);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#A8D07C,endColorstr=#91C358)}
.msg div.beyaz{color:#39531e;border:solid 1px #E1E1E1;background:#CCCCCC;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#E1E1E1));background:-moz-linear-gradient(top,#fff,#E1E1E1);background:-o-linear-gradient(top,#fff,#E1E1E1);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff,endColorstr=#E1E1E1)}
.msg div.warning{color:#9d4300;border:solid 1px #ffa34f;background:#f19d49;background:-webkit-gradient(linear,left top,left bottom,from(#ffc474),to(#f19d49));background:-moz-linear-gradient(top,#ffc474,#f19d49);background:-o-linear-gradient(top,#ffc474,#f19d49);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFC474,endColorstr=#F19D49)}
.msg div.info{color:#0067ce;border:solid 1px #6bbaff;background:#6bbaff;background:-webkit-gradient(linear,left top,left bottom,from(#94d1ff),to(#6bbaff));background:-moz-linear-gradient(top,#94d1ff,#6bbaff);background:-o-linear-gradient(top,#94d1ff,#6bbaff);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#94D1FF,endColorstr=#6BBAFF)}


#container input{box-sizing:border-box; padding:7px 12px; border:1px solid #e1e1e1; box-shadow:0 1px 1px #cacaca; margin-top:10px; width:300px}
#container textarea{box-sizing:border-box; padding:7px 12px; border:1px solid #e1e1e1; box-shadow:0 1px 1px #cacaca; margin-top:10px; width:300px; height:120px}
#container input[type=submit]{width:auto; background:#f1f1f1; padding:10px 15px; transition:background 400ms; cursor:pointer}
#container input[type=submit]:hover{background:#e1e1e1;}



a{text-decoration:none; color:#333;}
*{outline:None}
body{padding:0; margin:0; font-family: 'Open Sans', sans-serif; font-size:13px;
	background: #ddd; }

.clr{clear:both}
.ortala{width:1170px; margin:0 auto}


#header{height:70px; border-bottom:2px solid #cacaca; background:url(../img/header.png); margin-bottom:20px}
.logo{float:left; height:20px;}
.logo img{width:280px; height:60px; margin-top:10px}

#arama{float:left; width:570px;}

.arama{padding-top:15px; height:40px; width:355px; margin: 0 auto}
.arama input[type=text]{width:300px; padding:0 10px; float:left; margin-right:5px; border-radius:2px; box-sizing:border-box;  border:none; box-shadow:0 1px 1px #cacaca; height:40px}
.arama input[type=submit]{width:50px; float:left; height:40px; border:0; border-radius:2px; box-sizing:border-box; box-shadow:0 1px 1px #cacaca; background:#f1f1f1; transition:background 400ms;}
.arama input[type=submit]:hover{cursor:pointer; background:#e1e1e1;}
#header .sag{float:right; width:355px}
#header .sag a{display:block; height:40px; background:#f1f1f1; float:right; border-radius:2px; box-shadow:0 1px 1px #cacaca; margin-left:10px; padding:0 10px; line-height:40px; margin-top:15px; transition:background 400ms;}
#header .sag a span{background:#333; color:#fff; border-radius:2px; padding:2px 6px; margin-left:5px}
#header .sag a:hover{background:#e1e1e1}


#container{background:#fff; margin-bottom:20px; border-radius:2px; padding:0 10px 10px 10px; position:relative; box-shadow:0 1px 1px #cacaca}
#footer{background:#fff; margin-bottom:20px; border-radius:2px; padding:10px; position:relative; box-shadow:0 1px 1px #cacaca}
#footer .sag{float:right}
#footer a{color:#428bca; margin-left:10px}
#footer .sol{float:left}


#menu{top:-10px; position:relative; padding:0; list-style:none; box-shadow:0 1px 1px #cacaca; border-radius:5px; background:#eee;} 
#menu:after{display:block; content:''; clear:both}
#menu li{float:left;}
#menu li:last-child{margin-right:0}
#menu a{display:block; color:#2DA3E0; line-height:40px; font-size:12px; padding:0 5px; transition:background 400ms;}
#menu a:hover{background:#e1e1e1;}

#ust{margin-bottom:20px; background:#fff; box-shadow:0 1px 1px #cacaca; border-radius:2px}
#ust:after{clear:both; content:""; display:block;}
#ust ul{float:left; padding:0; margin:0; list-style:none}
#ust ul li{float:left; }
#ust ul a{display:block; color:#2DA3E0; line-height:40px; padding:0 10px; transition: background 400ms;}
#ust ul a:hover{background:#e1e1e1}

#ust .sosyal{float:right}
.sosyal a{line-height:40px; font-size:16px; padding:0 5px 0 10px; box-sizing:border-box; height:40px; background:#fff; color:#2DA3E0; transition: background 400ms; display:block; float:left}
.sosyal a p{padding:0; margin:0; display:inline-block; margin-right:5px}
.sosyal a:hover{background:#e1e1e1}
.sosyal i{line-height:40px; width:20px; text-align:center; font-size:20px; height:40px; display:inline-block; margin-right:5px}
#ozellik{margin-bottom:20px}
#ozellik .ozellik{float:left; margin:0 19px; font-size:16px}
.ozellik i{font-size:60px; display:block; background:#f1f1f1; border:1px solid #d1d1d1; margin:0 auto; width:70px; text-align:center; line-height:70px; border-radius:8px; box-shadow:0 1px 1px #cacaca; margin-bottom:10px}

.firsat{position:absolute; right:-47px; color:#fff; top:-8px; border-top:12px solid #428bca; transform:rotate(45deg); background:#428bca; padding:20px 30px 0 30px}
.urun{float:left; height:420px; margin:0 13px; overflow:hidden; position:relative; width:260px; border:1px solid #428bca; box-sizing:border-box; padding:20px; margin-bottom:20px; border-radius:3px; box-shadow:0 1px 1px #cacaca;}
.urun span{font-size:18px; max-height:48px; overflow:hidden; margin-bottom:10px; display:block}
.urun img{width:220px; height:220px; margin-bottom:20px}
.urun .fiyat{float:right; background:#5cb85c; color:#fff; font-weight:bold; padding:5px 7px; border-radius:2px}
.butonlar .incele,.urun .incele{float:left; margin-top:20px; width:260px; position:absolute; left:0; bottom:0; height:50px; line-height:50px; box-sizing:border-box; text-align:center; margin-right:10px; background:#5cb85c; color:#fff; font-weight:normal; border-radius:0 0 3px 3px}
.butonlar .incele{width:auto; font-size:16px; font-weight:normal}
.kirmizi{background:#f00!important}

.butonlar .incele2,.urun .incele2{float:left; margin-top:20px; width:100%; box-sizing:border-box; text-align:center; margin-right:10px; background:#5cb85c; color:#fff; font-weight:normal; padding:5px 7px; border-radius:2px}
.butonlar .incele2{width:auto; font-size:16px; font-weight:normal}

.resimler{width:280px; border-radius:2px; background:#e9e9e9; float:left; margin-right:18px; margin-left:20px; padding:10px; padding-bottom:0; border:1px solid #cacaca}
.resimler a:First-child img{width:280px; height:280px; margin-right:0}
.resimler a:last-child img{ margin-right:0; }
.resimler img{width:87px; height:87px; background:#fff; border-radius:2px; box-sizing:border-box; border:1px solid #cacaca; margin-right:6px; margin-bottom:6px}

.urunozellik{width: calc(100% - 340px); float:left}
.urunOz{float:left; width:calc(100% -300px)}
.urunAl{float:right}

.iletisimSol{width:300px; float:left}
.iletisimSag{width:calc( 100%- 320px); float:right}


.sayfalama{padding:0; margin:0; list-style:none}
.sayfalama li{float:left; margin-right:10px}
.sayfalama a{display:block; padding:0 10px; line-height:30px; box-shadow:0 1px 1px #cacaca; border-radius:2px; background:#e8e8e8; transition: background 400ms;}
.sayfalama a:hover,.sayfalama a.aktif{background:#e1e1e1}

#slider1_container{padding-bottom:20px}


.haberler{background:#fff; margin-bottom:20px; border-radius:2px; padding:10px ; position:relative; box-shadow:0 1px 1px #cacaca; width:750px; height:280px; float:left}
.haber{padding:0; list-style:none; margin:0}
.haber li{background:#e1e1e1; border-radius:2px; padding:5px; margin:10px 0 ; line-height:16px}
.haber span{padding:0; margin:10px 0 0 0; height:32px; display:block; overflow:hidden}
.haber.uzun span{height:48px; }
.haber.uzun span a{float:right; }
.haber i{float:right; font-weight:normal}


.hizmetler{padding:0; list-style:none; margin:0}
.hizmetler li{float:left; background:#e1e1e1; border-radius:2px; padding:5px; margin:10px; line-height:16px}
.hizmetler span{padding:0; margin:10px 0 0 0; height:32px; display:block; overflow:hidden}
.hizmetler img{display:block; width:200px; height:200px; margin-bottom:10px}
.hizmetler a{display:block}
.hizmetler b{height:48px; overflow:hidden; display:block; line-height:16px}

.galeri{background:#fff; margin-bottom:20px; border-radius:2px; padding:10px ; position:relative; box-shadow:0 1px 1px #cacaca; width:360px; height:280px; float:right}
.galeri h2,.haberler h2{display:block; padding:0; margin:0; font-size:18px; line-height:40px; height:40px}
.galeri h2 a,.haberler h2 a{display:block; float:right; font-size:16px; font-weight:normal; padding:5px 10px; background:#000; border-radius:2px; color:#fff; line-height:20px; margin-top:5px}
ul.resim{margin:0; padding:0; list-style:none}
.resim.uzun li{float:left; width:200px; margin:10px; padding:5px; line-height:16px; height:200px; overflow:hidden; background:#e1e1e1; border-radius:2px}
.resim.uzun img{width:200px; height:170px; margin-bottom:10px}
.resim li{float:left; width:100px; margin:5px; padding:5px; line-height:16px; height:100px; overflow:hidden; background:#e1e1e1; border-radius:2px}
.resim img{width:100px; height:80px}
.resim a{display:block}


.hizRes{width:300px; border-radius:2px; height:300px; padding:5px; background:#e1e1e1; float:left; margin-right:10px}
.jssorb05 {
	position: absolute;
}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
	position: absolute;
	/* size of bullet elment */
	width: 16px;
	height: 16px;
	background: url(../img/b05.png) no-repeat;
	overflow: hidden;
	cursor: pointer;
}
.jssorb05 div { background-position: -7px -7px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

.jssora12l, .jssora12r {
	display: block;
	position: absolute;
	/* size of arrow element */ 
	width: 30px;
	height: 46px;
	cursor: pointer;
	background: url(../img/a12.png) no-repeat;
	overflow: hidden;
}
.jssora12l { background-position: -16px -37px; }
.jssora12r { background-position: -75px -37px; }
.jssora12l:hover { background-position: -136px -37px; }
.jssora12r:hover { background-position: -195px -37px; }
.jssora12l.jssora12ldn { background-position: -256px -37px; }
.jssora12r.jssora12rdn { background-position: -315px -37px; }