/* CSS Document */

body, html{
	margin:0px; padding:0px; width:100%; height:100%;
	background-color:#fff;
	background-image:url(../img/bg.jpg);
	background-repeat:no-repeat;
	background-size:contain;
	background-attachment: fixed;
	background-position:bottom;
}
a{text-decoration:none; color:#CCC;}
a:hover{text-decoration:none; color:#CCC;}
a:visited{text-decoration:none; color:#CCC;}
a:active{text-decoration:none; color:#CCC;}

.topper{
	width:100%;
	height:25px;
	background-color:#333;
}
.topperIc{
	width:960px;
	height:25px;
	margin:0px auto;
}

.menuMusic2{
	width:25px;
	height:15px;
	float:right;
	clear:none;
	cursor:pointer;
	background-image:url(../img/audioOn.png);
	background-repeat:no-repeat;
	margin-top:7px;
}

.menuMusic{
	width:25px;
	height:15px;
	float:right;
	clear:none;
	cursor:pointer;
	background-image:url(../img/audioOff.png);
	background-repeat:no-repeat;
	margin-top:7px;
}


.menuBg{width:100%; height:110px; background-color:#d2d2d2;}
.menuBgIc{width:960px; height:110px; margin:0px auto;}
.menuImg{width:220px; height:110px; background-image:url(../img/d2d2d2.png); float:left; clear:none; margin-right:10px;}
.menuBtn{
	width:130px; height:20px; text-align:center; text-height:110px; line-height:110px; padding:45px 0px;
	font:16px 'Droid Sans', sans-serif;  float:left; clear:none; color:#222; background-image:none;
	cursor:pointer;
}
.menuBtn:hover{ background-image:url(../img/button.jpg);}

.menuBtn2{
	width:130px; height:20px; text-align:center; text-height:110px; line-height:110px; padding:45px 0px;
	font:16px 'Droid Sans', sans-serif;  float:left; clear:none; color:#222; background-image:url(../img/button2.jpg);
	cursor:pointer;
}

.menuBgIc a{color:#222;  margin-top:45px;}

.menuFbButton{
	width:50px;
	height:50px;
	float:left;
	clear:none;
	cursor:pointer;
	background-image:url(../img/fbBtn.jpg);
	background-repeat:no-repeat;
}

.banner{
	width:100%;
	height:500px;
	overflow:hidden;
	background-color:#000;
}

.bannerIcBG{
	width:100%;
	height:500px;
	background-image:url(../img/banner01.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

.bannerIc{
	width:960px;
	height:500px;
	margin:0px auto;
	color:#FFF;
}

.bannerTxt{
	width:auto;
	height:auto;
	padding-top:150px;
	margin-left:-60px;
}

.sliderBtnKayis{
	width:100%;
	height:3px;
	background-color:#dd910f;
}
.sliderBtnAlan{
	width:100%;
	height:20px;
	background-color:#333;
}
.sliderBtnBg{
	width:200px;
	height:15px;
	z-index:100;
	margin-left:auto;
	margin-right:auto;
}

.sliderBtn{
	width:40px;
	height:15px;
	background-image:url(../img/sliderBtn.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	cursor:pointer;
	margin-left:5px;
	margin-right:5px;
	float:left;
	clear:none;
}

.sliderBtn:hover{
	background-position:0px -15px;
}

.sliderBtn2{
	width:40px;
	height:15px;
	background-image:url(../img/sliderBtn.png);
	background-repeat:no-repeat;
	background-position:0px -30px;
	cursor:pointer;
	margin-left:5px;
	margin-right:5px;
	float:left;
	clear:none;
}

.siteColon{
	width:960px;
	height:auto;
	margin:0px auto;
	background-color:#FFF;
}

.contactTxt{
	width:auto; height:auto; line-height:100px; font:16px 'Droid Sans', sans-serif; color:#222; text-align:left;
	margin:10px 0px; 
}

.formTxt{
	width:auto; height:30px; text-height:30px; line-height:30px; font:16px 'Droid Sans', sans-serif;  float:left; clear:none; color:#222; text-align:left;
	margin:2px 0px;
}
textarea {
    resize: none;
}
.textbox{
	width:300px;
	height:30px;
	margin:2px 0px;
}
.textArea{
	width:298px;
	height:60px;
	margin:2px 0px;
}

.formButton{
	width:100px;
	height:30px;
	background-color:#999;
	border:#CCC 1px solid;
	color:#000;
	font:14px 'Play', sans-serif;
	text-decoration:none;
	margin:10px auto;
	text-height:30px;
	line-height:30px;
	cursor:pointer;
}

.formButton:hover{
	background-color:#CCC;
}

.indexBlock{
	width:280px;
	height:auto;
	margin-left:-2px;
	margin-top:-2px;
	padding:10px;
	padding-bottom:3px;
	background-color:#FFF;
	border:solid 1px #EEE;
	font:14px 'Droid Sans', sans-serif;
	line-height:20px;
	color:#666;
	border-radius:3px;
}
.indexBlockShadow{
	float:left;
	clear:none;
	width:300px;
	height:auto;
	margin-left:40px;
	margin-top:2px;
	padding-right:2px;
	padding-bottom:2px;
	background-color:#CCC;
	border-radius:3px;
}

.indexBlockTitle{
	width:280px;
	height:40px;
	color:#FC0;
	font:28px  'Roboto Condensed', sans-serif;
	font-weight: 300;
}
hr{
	border: 0;
    height: 1px;
    background: #DFDFDF; 
}

.indexBlockButon{
	width:278px;
	height:20px;
	font:14px 'Droid Sans', sans-serif;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	line-height:20px;
	border:1px solid #EEE;
	background-color:#EFEFEF;
	cursor:pointer;
	margin:10px 0px;
	color:#666;
	border-radius:2px;
}

.indexBlockButon:hover{
	border-bottom:2px solid #FC3;
	padding-bottom:4px;
	color:#FC3;
}

.footer{width:100%; height:205px; background-color:#333;}
.footerBg{width:960px; height:200px; background-color:#333; margin:0px auto;}
.footerSocialMedia{width:200px; height:32px; margin-top:84px; margin-bottom:44px; background-color:#333; float:left; clear:none;}
	.footerSM_Text{
		width:100px; height:32px; color:#CCC; float:left; clear:none; margin-left:15px;
		font:15px Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif; line-height:32px; font-weight:bolder;
	}
	.footerSM_BtnFB{
		width:32px; height:32px; background-image:url(../img/facebook-48gray-circle.png); cursor:pointer;
		float:left; clear:none; margin-left:10px;
	}
	.footerSM_BtnFB:hover{background-image:url(../img/facebook-48circle.png);}
	.footerSM_BtnTT{
		width:32px; height:32px; background-image:url(../img/twitter-48gray-circle.png);
		cursor:pointer; float:left; clear:none; margin-left:10px;
	}
	.footerSM_BtnTT:hover{background-image:url(../img/twitter-48circle.png);}
	
.footerColon{width:200px; height:160px; float:left; clear:none;}
	.footerColonTitle{
		width:200px; height:20px; font:16px 'Roboto Condensed', sans-serif; text-align:center; color:#999;
		margin-top:14px; font-weight: 400;
	}
	.footerColonList{
		width:200px; height:110px; font:14px  'Roboto Condensed', sans-serif; text-align:center;  color:#CCC;
		line-height:20px; margin-top:10px; font-weight: 400;
	}
.footerLogo{
	width:160px; height:160px; float:left; clear:none;	background-image:url(../img/footer_logo.jpg);
}
.footerHr{
	width:720px; height:0px; float:left; clear:none; margin:0px 15px; margin-left:225px;
	border:1px solid;
	border-left:0px;
	border-right:0px;
	border-bottom-color:#555;
	border-top-color:#222;
}
.footerBottom{
	width:720px; height:40px; background-color:#333; float:left; clear:none; color:#999; margin:0px 15px; margin-left:225px;
	font:15px Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif; line-height:40px; font-weight:bolder;
}

.footerPandoline{width:250px; height:40px; background-image:url(../img/footerDown.jpg); float:right; clear:none;}

.urunColon{
	width:960px;
	min-height:700px;
	margin:0px auto;
	height:auto;
}

.urunBlock{
	width:240px;
	height:185px;
	margin-left:-2px;
	margin-top:-2px;
	padding:10px;
	padding-bottom:3px;
	background-color:#FFF;
	border:solid 1px #EEE;
	border-radius:3px;
}
.urunBlockShadow{
	float:left;
	clear:none;
	width:260px;
	height:200px;
	margin-left:40px;
	margin-top:10px;
	padding-right:2px;
	padding-bottom:2px;
	background-color:#CCC;
	border-radius:3px;
}

.brandColon{
	width:960px;
	height:50px;
	margin:0px auto;
	background-color:#FFF;
	padding:40px 15px;
}

.brandMask{
	width:896px;
	height:50px;
	float:left;
	clear:none;
	overflow:hidden;
	margin:0px 2px;
}
.brandMaskIc{width:auto; height:50px;}
.brandBrands{width:110px; height:50px; background-position:0px 0px; float:left; clear:none; cursor:pointer; margin:0px 1px;}
.brandBrands:hover{background-position:0px -50px;}
.brandBtnLeft{
	width:30px;
	height:50px;
	float:left;
	clear:none;
	background:url(../img/brandBtnLeft.png) no-repeat;
	cursor:pointer;
}
.brandBtnRight{
	width:30px;
	height:50px;
	float:left;
	clear:none;
	background:url(../img/brandBtnRight.png) no-repeat;
	cursor:pointer;
}

.katalogColon{
	width:960px;
	min-height:700px;
	margin:0px auto;
	height:auto;
}

.katalogBlock{
	width:240px;
	height:335px;
	margin-left:-2px;
	margin-top:-2px;
	padding:10px;
	padding-bottom:3px;
	background-color:#FFF;
	border:solid 1px #EEE;
	border-radius:3px;
}
.katalogBlockShadow{
	float:left;
	clear:none;
	width:260px;
	height:350px;
	margin-left:40px;
	margin-top:10px;
	padding-right:2px;
	padding-bottom:2px;
	background-color:#CCC;
	border-radius:3px;
}