body { margin:0; background:url(../img/bg.jpg); font-family: 'Open Sans Condensed', sans-serif; overflow-x: hidden;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}


.genel { width:990px; margin-left:auto; margin-right:auto;}
.logo { width:284px; height:115px; position:absolute; margin-left:25px; z-index:2;}
.menubg { width:990px; height:61px; background: url(../img/menubg.jpg) no-repeat; margin-top:54px; position:absolute; z-index:1;}
.slogan { width:393px; height:31px; float:right; margin-top:10px;}
.aramabg { width:215px; height:38px; background: url(../img/aramabg.png) no-repeat; position: absolute; margin-top:115px; margin-left:775px;}
.sliderbg { width:100%; height:222px; position: relative; background: url(../img/icsayfa.jpg) no-repeat center top; border-bottom: 3px solid #333; z-index:-1;}
.sliderbgmobilya { width:100%; height:222px; position: relative; background: url(../img/icsayfamobilya.jpg) no-repeat center top; border-bottom: 3px solid #333; z-index:-1;}
.altslider { width:1000px; height:135px; margin-left:auto; margin-right: auto; margin-top:-60px; background: url(../img/altslider.png) no-repeat;}
.altkutularbg { width:990px; height:89px; background:url(../img/altkutularbg.jpg) no-repeat; margin-left:auto; margin-right:auto; margin-top:20px;}

.altkutularurun { width:234px; height:53px; background: url(../img/altkutuurun.png) no-repeat; float:left; margin-top:20px; margin-left:40px; cursor:pointer; -webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;-ms-transition:all 0.2s linear;transition:all 0.2s linear;}
.altkutularurun:hover { width:234px; height:53px; background: url(../img/altkutuurun_h.png) no-repeat; float:left; margin-top:20px; margin-left:40px;}

.altkutularsiparis { width:282px; height:53px; background: url(../img/altkutusiparis.png) no-repeat; float:left; margin-top:20px; margin-left:80px; cursor:pointer; -webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;-ms-transition:all 0.2s linear;transition:all 0.2s linear;}
.altkutularsiparis:hover { width:282px; height:53px; background: url(../img/altkutusiparis_h.png) no-repeat; float:left; margin-top:20px; margin-left:80px;}

.altkutularkatalog { width:269px; height:53px; background: url(../img/altkutularkatalog.png) no-repeat; float:left; margin-top:20px; margin-left:40px; cursor:pointer; -webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;-ms-transition:all 0.2s linear;transition:all 0.2s linear;}
.altkutularkatalog:hover { width:269px; height:53px; background: url(../img/altkutularkatalog_h.png) no-repeat; float:left; margin-top:20px; margin-left:40px;}
.altbilgi { width:100%; height:40px; background:#222; margin-top:30px;}


#menu { width:675px; height:61px; padding:0; margin:0; list-style:none; float:right;}
#menu li { padding:18px 21px 19px 20px; color:#FFF; font-size:18px; float:left; cursor:pointer; -webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;-ms-transition:all 0.2s linear;transition:all 0.2s linear; }
#menu ul li a { text-decoration:none;}
#menu li:hover { background:#500E1F;}

#menuyesil { width:675px; height:61px; padding:0; margin:0; list-style:none; float:right;}
#menuyesil li { padding:18px 21px 19px 20px; color:#FFF; font-size:18px; float:left; cursor:pointer; -webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;-ms-transition:all 0.2s linear;transition:all 0.2s linear; }
#menuyesil ul li a { text-decoration:none;}
#menuyesil li:hover { background:#b4c900;}

#menuturuncu { width:675px; height:61px; padding:0; margin:0; list-style:none; float:right;}
#menuturuncu li { padding:18px 21px 19px 20px; color:#FFF; font-size:18px; float:left; cursor:pointer; -webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;-ms-transition:all 0.2s linear;transition:all 0.2s linear; }
#menuturuncu ul li a { text-decoration:none;}
#menuturuncu li:hover { background:#ea7a00;}

.menuilk { border-right:1px solid #303030;}
.menuorta {border-right:1px solid #303030; border-left:1px solid #1A1A1A;}
.menuson {border-left:1px solid #1A1A1A;}

div#slider{width:100%; height: 636px; position:relative;}
div#slider .slider{width: 100%; height: 100%; overflow: hidden; z-index:-2;}
div#slider .item{width: 100%; height: 100%; background-position: center center;background-repeat: no-repeat;}
div.sliderButon{ position: relative;}
div.sliderButon > div{
	width: 30px; height: 87px;
	background: url('../img/sliderButonlari.png') no-repeat;
	position:absolute;
	cursor: pointer; 
	top: 300px;
	z-index: 300;
}
div.sliderButon > div.sag{right: 10px;  background-position: -60px -100px;}
div.sliderButon > div.sol{left: 10px; background-position: 0 -100px}


div.sliderButon > div.sag:hover{background-position: -60px 0;}
div.sliderButon > div.sol:hover{background-position: 0 -0}

div.sliderButonlari{width: 350px; height: 210px; top: -227px;  z-index: 450;}
div.sliderButonlari .buton{
	position:relative; 
	height: 95px; 
	margin: 2px;
	cursor: pointer;
	text-align: center; 
	padding: 0 5px;
}

#content {position: relative; margin-left:-10px;width: 1020px;}
.als-container {position: relative;width: 100%;margin: 0px auto;}
.als-viewport {position: relative;overflow: hidden;margin: 0px auto;}
.als-wrapper {position: relative;list-style: none;}
.als-item {position: relative;display: block;text-align: center;cursor: pointer;float: left;}
.als-prev, .als-next {position: absolute;cursor: pointer;clear: both;}
#lista1 .als-item {margin: 0px 8px;height: 113px;width: 103px;}
#lista1 .als-item img {position: relative;display: block;vertical-align: middle;}
#lista1 .als-prev, #lista1 .als-next {top: 40px;width: 39px; z-index:3;}
#lista1 .als-prev {left: 10px;}
#lista1 .als-next {right: 10px;}


.icsayfagenel { width:990px; min-height:550px; background:#fff;margin-left:auto; margin-right:auto; z-index:3; margin-top:-60px; position:relative;}
.icsayfabaslik { width:990px; height:60px; background:url(../img/icsayfabaslikbg.jpg) no-repeat; font-size:22px; color:#FFF; padding:15px 0 20px 20px ;}
.icsayfagenelic { width:980px;  min-height:200px; padding:5px; display:table; margin-top:-20px;}
.icsayfayanmenu { width: 200px; min-height:300px; border-right: 1px solid #FFF; float:left;}
.icsayfaicerik { width:770px; min-height:300px; float:right;}

div.urun{float:left; width: 237px; min-height: 200px; cursor: pointer;  position:relative; margin: 5px 5px; border:1px solid #CCC;} 
div.urun img{-webkit-transition:all 0.1s linear;-moz-transition:all 0.1s linear;-o-transition:all 0.1s linear;-ms-transition:all 0.1s linear;transition:all 0.1s linear; padding:3px; background:#FFF;}
div.urun span{font-size:16px; text-align: left; color: #fff; display:block; position:Relative;
height: 25px; background: #333; width: 218px;  padding: 5px 10px; left: 0px;
-webkit-transition:all 0.1s linear;-moz-transition:all 0.1s linear;-o-transition:all 0.1s linear;-ms-transition:all 0.1s linear;transition:all 0.1s linear;}
div.urun:hover img{}
div.urun:hover span{background: #671229}

div.urunyesil{float:left; width: 237px; min-height: 200px; cursor: pointer;  position:relative; margin: 5px 5px; border:1px solid #CCC;} 
div.urunyesil img{-webkit-transition:all 0.1s linear;-moz-transition:all 0.1s linear;-o-transition:all 0.1s linear;-ms-transition:all 0.1s linear;transition:all 0.1s linear; padding:3px; background:#FFF;}
div.urunyesil span{font-size:16px; text-align: left; color: #fff; display:block; position:Relative;
height: 25px; background: #333; width: 218px;  padding: 5px 10px; left: 0px;
-webkit-transition:all 0.1s linear;-moz-transition:all 0.1s linear;-o-transition:all 0.1s linear;-ms-transition:all 0.1s linear;transition:all 0.1s linear;}
div.urunyesil:hover img{}
div.urunyesil:hover span{background: #b9cf00}

div.urunturuncu{float:left; width: 237px; min-height: 200px; cursor: pointer;  position:relative; margin: 5px 5px; border:1px solid #CCC;} 
div.urunturuncu img{-webkit-transition:all 0.1s linear;-moz-transition:all 0.1s linear;-o-transition:all 0.1s linear;-ms-transition:all 0.1s linear;transition:all 0.1s linear; padding:3px; background:#FFF;}
div.urunturuncu span{font-size:16px; text-align: left; color: #fff; display:block; position:Relative;
height: 25px; background: #333; width: 218px;  padding: 5px 10px; left: 0px;
-webkit-transition:all 0.1s linear;-moz-transition:all 0.1s linear;-o-transition:all 0.1s linear;-ms-transition:all 0.1s linear;transition:all 0.1s linear;}
div.urunturuncu:hover img{}
div.urunturuncu:hover span{background: #ea7a00}

div.urun1{float:left; width: 237px; min-height: 200px; cursor: pointer;  position:relative; margin: 5px 5px; border:1px solid #CCC;} 
div.urun1 img{-webkit-transition:all 0.1s linear;-moz-transition:all 0.1s linear;-o-transition:all 0.1s linear;-ms-transition:all 0.1s linear;transition:all 0.1s linear; padding:3px; background:#FFF;}
div.urun1 span{font-size:16px; text-align: left; color: #fff; display:block; position:Relative;
height: 25px; background: #333; width: 218px;  padding: 5px 10px; left: 0px;
-webkit-transition:all 0.1s linear;-moz-transition:all 0.1s linear;-o-transition:all 0.1s linear;-ms-transition:all 0.1s linear;transition:all 0.1s linear;}
div.urun1:hover img{}
div.urun1:hover span{background: #671229}

#yanmenu { padding:0; margin:0; list-style:none;}
#yanmenu li { width:93%; padding:5px; background:#FFF; border-bottom: 1px solid #CCC; color:#333; cursor:pointer;}
#yanmenu li:hover { color:#500e1f;}
#yanmenu ul li a { text-decoration:none;}

.hayalmedia { width:40px; height:35px; float:right;}