@font-face {

    font-family: '00297';

    src: url('../font/00297.eot');

    src: url('../font/00297d41d.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: 980px;

	height: 78px;

	margin:0 auto;

}



.navmenu{

	position: absolute;

	top: 19px;

	left: 342px;

}

.logo{

	position: absolute;

	width: 287px;

	height: 148px;

	float: left;

	background: url('../images/LogoBg.png') no-repeat;

	z-index: 999;

}

.logo img{

	position: absolute;

	top: 20px;

	left: 12px;

}

/*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:11px Arial ;

	color: #000;

}

.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: -50px;

}

.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: #000;

	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: #000;

    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:5px 0 5px 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:203px;

	height:136px;

	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:203px;

	height:145px;

	float:left;

	overflow:hidden;

}

.galeriresim img{

	width:203px;

}

#iletisim{

	width:100%;

	float:left;

}

.adres{

	padding-top:90px;

	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;

}