/*author: Rumin Sergey*/
/*Copyright: CENTROARTS.com*/
/*e-mail: info@centroarts.com, centroarts@mail.ru*/
/*URL: http://www.centroarts.com*/

/*===HEADMENU===*/
.headicons { 
	float: right;
	width: 593px; height: 113px;
	background: transparent url("../images/headicons_right.png") no-repeat right top;
}

.headicons div {
	height: 113px;
	background: transparent url("../images/headicons_right.png") no-repeat right top;
}

.headicons a { 
	float: left;
	width: 184px; height: 113px;
}

.headicons a img { 
	display: block;
	width: 184px; height: 113px;
}

.headicons a.music { background: #6bbd56 url("../images/headicons.jpg") no-repeat 0 -113px; }
.headicons a.games { background: #ff8d22 url("../images/headicons.jpg") no-repeat -184px -113px; }
.headicons a.video { background: #ffc429 url("../images/headicons.jpg") no-repeat -368px -113px; }

.headicons a.music:hover { background: #6bbd56 url("../images/headicons.jpg") no-repeat 0 0; }
.headicons a.games:hover { background: #ff8d22 url("../images/headicons.jpg") no-repeat -184px 0; }
.headicons a.video:hover { background: #ffc429 url("../images/headicons.jpg") no-repeat -368px 0; }

/*===FOOTMENU===*/
.footicons { 
	float: right;
	width: 456px;
	padding-top: 23px;
}

.footicons div {
	height: 87px;
	background: transparent url("../images/footicons_right.png") no-repeat right top;
}

.footicons a { 
	float: left;
	width: 141px; height: 87px;
}

.footicons a img { 
	display: block;
	width: 141px; height: 87px;
}

.footicons a.music { background: #6bbd56 url("../images/footicons.jpg") no-repeat 0 -87px; }
.footicons a.games { background: #ff8d22 url("../images/footicons.jpg") no-repeat -141px -87px; }
.footicons a.video { background: #ffc429 url("../images/footicons.jpg") no-repeat -282px -87px; }

.footicons a.music:hover { background: #6bbd56 url("../images/footicons.jpg") no-repeat 0 0; }
.footicons a.games:hover { background: #ff8d22 url("../images/footicons.jpg") no-repeat -141px 0; }
.footicons a.video:hover { background: #ffc429 url("../images/footicons.jpg") no-repeat -282px 0; }


/*===MENU===*/
.menubox a, .menubox a b, .menubox a i {
	float: left;
	height: 61px;
	cursor: pointer;
	text-decoration: none !important;
	font-family: Arial, Tahoma, sans-serif;
	color: #ffffff;
}

.menubox a { background: none; }
.menubox a b { background: none; }
.menubox a i {
	background: transparent url("../images/manubox_link.png") no-repeat right top;
	font-style: normal;
	padding: 0 15px 0 13px;
	font-size: 12px;
	line-height: 59px;
}

.menubox a:hover { background: #3da518 url("../images/manubox_link.png") repeat-x center -61px; }
.menubox a:hover b { background: transparent url("../images/manubox_link.png") no-repeat center -122px; }

/*===SEARCH===*/
.searchbox { background: #ffffff url("../images/searchbox.png") no-repeat left top; }
.searchbox { float: right; width: 240px; height: 34px; }
.searchbox div { padding: 8px 26px 0 26px; }
.searchbox div div {
	float: left;
	padding: 0;
	width: 154px; height: 20px;
	background: #d5d7d8 url("../images/searchbox_input.png") no-repeat left top;
}
.searchbox div div span {
	padding-left: 4px;
	padding-top: 4px;
	float: left;
}

.searchbox form { }
.searchbox input {
	float: left;
	width: 144px;
	background: none;
	border: none;
	color: #000000;
}

.searchbox .btn {
	float: right;
	width: 28px; height: 21px;
	color: #fff;
	background: #5896af url("../images/search_btn.png") no-repeat left top;
}

.searchbox .btn:hover {
	color: #fff;
	background: #5896af url("../images/search_btn.png") no-repeat left -21px;
}

.searchbox .btnhover {
	float: right;
	width: 28px; height: 21px;
	color: #fff;
	background: #8bb7c7 url("../images/search_btn.png") no-repeat left -21px;
}

/*===LOGINFORM===*/
.loginform { width: 300px; position: relative; color: #ffffff; }
.loginbox { float: left; padding-top: 30px; }
.loginform .login { margin-right: 1px; }
.loginform .login, .loginform .pass { float: left; width: 124px; position: relative; }
.loginform span { display: block; color: #ffffff; padding-bottom: 3px; }
.loginform .login .input,
.loginform .pass .input {
	width: 122px; height: 22px;
	background: #00233a url("../images/night/loginform.png") no-repeat left top;
}

.loginform .input div {
	padding-left: 5px;
	padding-top: 3px;
}

.loginform .login input,
.loginform .pass input {
	width: 110px;
	padding: 0;
	background: none;
	border: none;
	color: #ffffff;
}

.loginbox a.btn img { width: 42px; height: 44px; display: block; }
.loginbox a.btn {
	position: relative;
	top: 6px;
	float: left;
	width: 42px; height: 44px;
	color: #fff;
	background: #87d954 url("../images/night/login_btn.png") no-repeat left top;
}

.loginbox a.btn:hover {
	color: #fff;
	background: #87d954 url("../images/night/login_btn.png") no-repeat left -44px;
}

.loginform .olinks { padding-top: 5px; text-align: left; }
.loginform .olinks a { color: #ffffff; }