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

/*===TOPMENU===*/
#topmenu span { float: right; width: 580px; height: 58px; overflow: hidden; }
#topmenu span a {
	float: left;
	width: 116px; height: 58px;
}

#topmenu span a img {
	display: block;
	width: 116px; height: 58px;
}

#topmenu a.link1 { background: transparent url("../images/menulink.png") no-repeat 0 top; }
#topmenu a.link2 { background: transparent url("../images/menulink.png") no-repeat -116px top; }
#topmenu a.link3 { background: transparent url("../images/menulink.png") no-repeat -232px top; }
#topmenu a.link4 { background: transparent url("../images/menulink.png") no-repeat -348px top; }
#topmenu a.link5 { background: transparent url("../images/menulink.png") no-repeat -464px top; }

#topmenu a.link1:hover { background: #1d517b url("../images/menulink.png") no-repeat 0 -58px; }
#topmenu a.link2:hover { background: #1d517b url("../images/menulink.png") no-repeat -116px -58px; }
#topmenu a.link3:hover { background: #1d517b url("../images/menulink.png") no-repeat -232px -58px; }
#topmenu a.link4:hover { background: #1d517b url("../images/menulink.png") no-repeat -348px -58px; }
#topmenu a.link5:hover { background: #1d517b url("../images/menulink.png") no-repeat -464px -58px; }

/*===HEADICONS===*/
#midheader span { float: right; width: 488px; height: 135px; overflow: hidden; }
#midheader span a {
	float: left;
	width: 122px; height: 135px;
}

#midheader span a img {
	display: block;
	width: 122px; height: 135px;
}

#midheader a.link1 { background: transparent url("../images/headicons.jpg") no-repeat 0 top; }
#midheader a.link2 { background: transparent url("../images/headicons.jpg") no-repeat -122px top; }
#midheader a.link3 { background: transparent url("../images/headicons.jpg") no-repeat -244px top; }
#midheader a.link4 { background: transparent url("../images/headicons.jpg") no-repeat -366px top; }

#midheader a.link1:hover { background: #1d517b url("../images/headicons.jpg") no-repeat 0 -135px; }
#midheader a.link2:hover { background: #1d517b url("../images/headicons.jpg") no-repeat -122px -135px; }
#midheader a.link3:hover { background: #1d517b url("../images/headicons.jpg") no-repeat -244px -135px; }
#midheader a.link4:hover { background: #1d517b url("../images/headicons.jpg") no-repeat -366px -135px; }


/*===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 { float: left; width: 212px; height: 27px; position: relative; top: 18px; }
.searchbox div { padding-top: }
.searchbox div div {
	float: left;
	padding: 0;
	width: 177px; height: 21px;
	background: #000a12 url("../images/searchbox_input.png") no-repeat left top;
}
.searchbox div div div {
	padding-left: 4px;
	padding-top: 4px;
	width: auto; height: auto;
}

.searchbox div div div input {
	width: 168px;
	background: none;
	border: none;
	color: #90b4cd;
}

.searchbox .btn {
	position: relative;
	top: -3px;
	float: right;
	width: 27px; height: 27px;
	color: #fff;
	background: #4880b1 url("../images/search_btn.png") no-repeat left top;
}

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

.searchbox .btnhover {
	position: relative;
	top: -3px;
	float: right;
	width: 27px; height: 27px;
	color: #fff;
	background: #3c90cf url("../images/search_btn.png") no-repeat left -27px;
}

/*===LOGINFORM===*/
.loginform { width: 900px; position: relative; float: left;  }
.loginbox { float: left; padding-top: 1px; padding-left: 75px;}
.loginbox a img { opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100); }   
.loginbox a:hover img { background-color: #999; opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=30); }
.loginbox2 { float: left; padding-left: 2;  position: relative; }