@font-face {
    font-family: '00297';
    src: url('../font/00297.eot');
    src: url('../font/00297d41dd41d.eot?#iefix') format('embedded-opentype'),
         url('../font/00297.html') format('woff'),
         url('../font/00297.ttf') format('truetype'),
         url('../font/00297.svg#o00297') format('svg');
    font-weight: normal;
    font-style: normal;
}
body,html{height:100%;}
::-webkit-scrollbar {  
    width: 5px;  
}  
::-webkit-scrollbar-track {  
    background-color: #FFFFFF;  
    border-left: 1px solid #ccc;  
}  
::-webkit-scrollbar-thumb {  
    background-color: #000;  
}  
::-webkit-scrollbar-thumb:hover {  
    background-color: #666;  
} 

-webkit-scrollbar {  
    width: 5px;  
}  
-webkit-scrollbar-track {  
    background-color: #FFFFFF;  
    border-left: 1px solid #ccc;  
}  
-webkit-scrollbar-thumb {  
    background-color: #000;  
}  
-webkit-scrollbar-thumb:hover {  
    background-color: #666;  
} 


-moz-scrollbar {  
    width: 5px;  
}  
-moz-scrollbar-track {  
    background-color: #FFFFFF;  
    border-left: 1px solid #ccc;  
}  
-moz-scrollbar-thumb {  
    background-color: #000;  
}  
-moz-scrollbar-thumb:hover {  
    background-color: #666;  
} 
a{
	transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
	text-decoration:none;
}
#header{
	position: absolute;
	width: 100%;
	height: 78px;
	background: url('../images/headerbg.png') bottom left repeat-x;
	float: left;
	z-index: 999;
	left: 0;
	top: 0;
}
.headeric{
	position:relative !important;
}
.headerin{
	position: relative;
	width: 1050px;
	height: 78px;
	margin:0 auto;
}

.navmenu{
	position: absolute;
	top: 19px;
	left: 300px;
}
.logo{
	position: absolute;
	width: 287px;
	height: 225px;
	float: left;
	background: url('../images/LogoBg.png') no-repeat;
	z-index: 999;
}
.logo img{
	position: absolute;
	top: 0px;
	left: -7px;
}
/*slider*/
.slider{
	position: absolute;
	overflow: hidden;
	left: 0;
	right: 0;
	bottom: 0;
	top: 72px;
}
.slider ul.slider_liste li {
	font-size: 0;
	width: 100%;
	height: 100%;
	float: left
}
.slider ul.slider_liste li img {
	width: 100%;

}
/* buton */
a#arrow_left{
	background: url('../images/sol.png');
}
a#arrow_right{
	background: url('../images/sag.png');
}
a#arrow_left, a#arrow_right {
	width: 67px;
	height: 145px;
	text-decoration: none;
	font: 32px/70px Arial;
	color: #fff;
	position: absolute;
	top: 50%;
	margin-top: -73px;
	text-align: center
}
a#arrow_left { left: -10px }
a#arrow_right { right: -10px }
a#arrow_left:hover{
	left: 0
}
a#arrow_right:hover{
	right: 0
}
/*Footer*/
#footer{
	position: fixed;
	width: 100%;
	bottom: 0;
	height: 70px;
	background: url('../images/FooterBg.png');
	bottom:0;
}
.footeric{
	float:left;
	background: url('../images/FooterBg1.png') !important;
}
.solalt{
	position: relative;

}
.solalt p{
	position: absolute;
	top: 32px;
	left: 24px;
	font:14px Arial ;
	color: #FFF;
}
.solalt p img{
	vertical-align: middle;
	margin-right: 5px;
}
.solalt p:last-child{
	position: absolute;
	top: 32px;
	left: 200px;
}
.sosyal{
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -100px;
}
.sosyal a{
	width: 42px;
	height: 62px;
	position: relative;
	float: left;
}
.sosyal b{	
	width: 75px;
	height: 31px;
	position: absolute;
	top: -40px;
	left: -17px;
	font:12px/29px Arial;
	color: #fff;
	background: url("../images/tooltip.png");
	text-align: center;
	display: none;
}
.sosyal a:hover b{
	display: block;
}
a.facebook{
	background: url("../images/facebook.png") center center no-repeat;
}
a.facebook:hover{
	background: url("../images/facebook.png") #3865af center center no-repeat;
}
a.twitter{
	background: url("../images/twitter.png") center center no-repeat;
}
a.twitter:hover{
	background: url("../images/twitter.png") #35e6f6 center center no-repeat;
}
a.google{
	background: url("../images/google.png") center center no-repeat;
}
a.google:hover{
	background: url("../images/google.png") #f00 center center no-repeat;
}
.copy img {
	position: absolute;
	top: 28px;
	right: 20px;
}
.copy p{
	position: absolute;
	top: 35px;
	right: 5px;
	font-size: 11px;
    font-family: '00297';
    color: #fff;
    text-align: right;
    width:1300px;

}
.ustresim{
	width:100%;
	height:169px;
	float:left;
	background:url(../images/icresim.jpg) center top no-repeat;
	margin-top:-5px;
}
.band{
	width:100%;
	float:left;
	height:40px;
	border-bottom:1px dashed #ccc;
}
.bandic{
	width:980px;
	height:40px;
	margin:0 auto;
}
.bandlink a{
	font:11px/40px arial;
	color:#777;
	padding:0 10px;
	float:left;
	background:url(../images/bandok.png) right center no-repeat;
	text-decoration:none;
}
.bandlink a:hover{
	text-decoration:underline;
}
.bandyazi{
	font:11px/40px arial;
	color:#777;
	padding:0 10px;
	float:left;
}
#icsayfa{
	width:980px;
	position:relative;
	left:50%;
	margin-left:-490px;
	padding:15px 0;
	float:left;
	height: auto;
	overflow:hidden;
	height:125%;
}
#icsayfa h1{
	height:44px;
	padding:0 25px 0 45px;
	font:24px/55px arial;
	color:#000;
	background:url(../images/title.png) left center no-repeat;
	float:right;
	position:absolute;
	top:-80px;
	right:0;
}
#hakkimizda{
	width:100%;
	float:left;
}
#hakkimizda img{
	max-width:100%;
	margin:10px 0;
}
#hakkimizda p{
	width:100%;
	margin-bottom:10px;
	font:13px/18px arial;
	color:#3f3f3f;
	text-align:justify;
	text-justify:distribute;
}
#urunler{
	width:100%;
	float:left;
}
.urun{
	width:203px;
	height:201px;
	float:left;
	border:1px solid #e1e1e1;
	padding:7px;
	transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
	margin:13px;
}
.urunresim{
	width:203px;
	height:145px;
	float:left;
	overflow:hidden;
}
.urunresim img{
	width:203px;
}
.urun h2{
	width:100%;
	float:left;
	padding:0 20px;
	text-align:center;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	font:15px arial;
	color:#000;
	margin-top:5px;
}
.urun h4{
	width:100%;
	float:left;
	padding:0 20px;
	text-align:center;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	font:18px arial;
	color:#000;
}
.urun:hover{
	border:1px solid #999;
}
.sayfalama{
	width:100%;
	text-align:center;
	padding:15px 0 15px 0;
	float:left;
}
.sayfalama a{
	padding:8px 8px;
	color:#000;
	font:14px/16px tahoma;
	transition: 0.3s;
    -moz-transition: 0.3s; /* Firefox 4 */
    -webkit-transition: 0.3s; /* Safari and Chrome */
    -o-transition: 0.3s; /* Opera */
    -ms-transition: 0.3s;
	margin:1px;
}
.sayfalama a:hover{
	padding:8px 8px;
	color:#fff;
	background:#000;
	font:14px/16px tahoma;
	text-decoration:none;
}
span.aktif{
	padding:8px 8px;
	color:#fff;
	background:#000;
	font:14px/16px tahoma;
	text-decoration:none;
}
.sayfalama b{
	padding:8px 8px;
	color:#fff;
	background:#000;
	font:14px/16px tahoma;
	text-decoration:none;
	border:0;
	margin:1px;
}
.galeri{
	width:100px;
	height:65px;
	float:left;
	border:1px solid #e1e1e1;
	padding:7px;
	transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
	margin:13px;
	transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}
.galeri:hover{
	background:#ffc784;
}
.galeriresim{
	width:100px;
	height:65px;
	float:left;
	overflow:hidden;
}
.galeriresim img{
	width:100px;
}
#iletisim{
	width:100%;
	float:left;
}
.adres{
	padding-top:20px;
	width:400px;
	height:200px;
	float:left;
	font-family:Arial, Geneva, sans-serif;
	font-size:14px;
	background:url(../images/iletisimayrac.png) center right no-repeat;
}
.adres h2{
	float:right;
	width:280px;
	padding:3px 5px 3px 20px;
	font-weight:normal;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#525352;
}
.home{
	background:url(../images/home1.png) left center no-repeat;
}
.home span{
	position:relative;
	top:15px;
	right:20px;
}
.tel1{
	background:url(../images/tel1.png) left center no-repeat;
}
.fax{
	background:url(../images/fax.png) left center no-repeat;
}
.mail{
	background:url(../images/mail1.png) left center no-repeat;
}
.iletisimform{
	margin-top:0px;
	width:290px;
	padding:15px;
	float:left;
	padding-left:30px;
}
.konu{
	width:150px;
	padding:8px 10px;
	float:left;
	background:#000;
	color:#fff;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	border:0px;
	margin:5px;
}
.mesaj{
	width:280px;
	height:80px;
	padding:5px 10px;
	float:left;
	background:#000;
	color:#fff;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	border:0px;
	margin:5px;
}
.gonder{
	float:left;
	width:100px;
	padding:5px;
	text-align:center;
	background:#b92626;
	color:#fff;
	border:0px;
	margin:5px;
	cursor:pointer;
	transition: 0.3s;
    -moz-transition: 0.3s; /* Firefox 4 */
    -webkit-transition: 0.3s; /* Safari and Chrome */
    -o-transition: 0.3s; /* Opera */
    -ms-transition: 0.3s;
}
.gonder:hover{
	color:#fff;
	background:#000;
}
.harita{
	width:980px;
	position:relative;
	float:left;
	margin-bottom:30px;
}
.mapgolge{
	position:absolute;
	width:980px;
	height:11px;
	background:url(../images/mapgolge.png) center top no-repeat;
}
#urundetay{
	width:100%;
	float:left;
}
/* Detay Tab */

#example-two .list-wrap { 
	background: #d9d9d9; 
	padding: 0px; 
	margin: 0 0 0px 0; 
}

#example-two ul { 
	list-style: none; 
	margin-top:-5px;
}
#example-two ul li a { 
	display: block; 
	padding: 4px; 
	color: #fff;
	margin-right:1px;
}
#example-two ul li a:hover {
	background:url(../images/tabok.png) #000 bottom center no-repeat;
	color: #fff;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
}
#example-two ul li:last-child a { 
	border: none;
}

#example-two .nav {
	width:500px;
	overflow: hidden;
	background:none;
	height:54px;
	padding-left:0px;
	background:#d5d5d5;
	border-bottom:1px solid #ddd;
}
#example-two .nav li { 
	float: left; 
	margin: 0 0px 0 0;
}
#example-two .nav li.last { 
	margin-right: 0; 
}
#example-two .nav li:last-child {
	background:none;
}
#example-two .nav li a { 
	display: block; 
	margin-top:0px;
	margin-left:0;
	padding: 16px 30px 16px 30px; 
	color: #000; 
	font-family:'00297', Tahoma, Geneva, sans-serif;
	font-size:18px;
	text-align: center; 
	text-decoration:none;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	transition: 0.3s;
    -moz-transition: 0.3s; /* Firefox 4 */
    -webkit-transition: 0.3s; /* Safari and Chrome */
    -o-transition: 0.3s; /* Opera */
    -ms-transition: 0.3s;
	background:url(../images/bos.png) bottom center no-repeat;
}

#example-two li a.current,#example-two li a.current { 
	background:url(../images/tabok.png) #000 bottom center no-repeat;
	color: #fff;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
}
#example-two .nav li a:hover, #example-two .nav li a:focus {
}
#tabbaslik{
	width:480px;
	float:left;
	height:auto;
	padding:20px 10px 20px 10px;
	margin-top:0;
	margin-bottom:5px;
	margin-left:0;
	color:#fff;
	font-size:16px;
	background:#fff;
	box-shadow:0px 1px 0px #dedede;
}
.urunaciklama{
	color:#000;
	font:arial;
	font-size:15px;
}
.urunaciklama h3{
	width:480px;
	min-height:293px;
	font-size:13px;
	line-height:21px;
	text-align:justify;
	text-justify:distribute;
	color:#333;
	font-family:tahoma;
	margin:0;
	font-weight:normal;
}
.urunozellik{
	width:490px;
	min-height:auto;
	float:left;
	overflow:hidden;
}
.urunozellik p , urunaciklama p{
	color:#000;
}
.urunozellik ul{
	width:230px;
	margin-left:10px;
	float:left;
	margin:0;
}
.urunozellik ul li{
	width:230px;
	float:left;
	padding:3px 0;
	font-size:13px;
	color:#333;
	list-style-type:disc;
	font-family:tahoma;
}
.tablar{
	width:490px;
	float:right;
	margin-right:30px;
	margin-top:5px;
}

#urundetay h2{
	width:920px;
	float:left;
	color:#6b6b6b;
	font:30px/48px '00297';
	padding:10px 20px;
	text-transform:uppercase;
	margin:0;
}
.resimler{
	width:402px;
	float:left;
	margin-left:15px;
}
.urunresim1{
	width:393px;
	height:297px;
	float:left;
	margin-left:7px;
	overflow:hidden;
	border:1px solid #dedede;
}
.urunresim1 img{
	width:393px;
	cursor:url(../images/buyutf.png), progress !important;
}
.urunkucuk{
	width:405px;
	margin-left:5px;
	float:left;
}
.urunkucuk img{
	width:92px;
	margin-left:1px;
	margin-top:5px;
	border:1px solid #dedede;
	cursor:url(../images/buyutf.png), progress !important;
}
#benzer{
	width:100%;
	float:left;
}
#benzer h6{
	width:100%;
	float:left;
	background:url(../images/nokta.png) center left repeat-x;
	text-align:center;
	padding:20px 0;
}
#benzer h6 b{
	padding:5px 10px;
	font:18px arial;
	color:#000;
	display:inline-block;
	background:#fff;
}
.benzeric{
	width:100%;
	float:left;
}