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

.topmenu table { width: 100%; }
.topmenu table tr { background-color: #5490be; }
.topmenu table td { width: 20%; }
.topmenu a {
	display: block;
	width: 100%; height: 36px;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	background: transparent url("../images/topmenu_link.png") repeat-x left -36px;
}

.topmenu a:hover {
	text-decoration: none;
	background: #7fb6dc url("../images/topmenu_link.png") repeat-x left -72px;
}

.topmenu a span {
	display: block;
	height: 36px;
	line-height: 35px;
	background: transparent url("../images/topmenu_link.png") no-repeat right 0;
	cursor: pointer;
}


/*===SEARCH===*/
.searchbox { float: right; width: 298px; height: 23px; position: relative; top: 6px; }
.searchbox { background: #d6dde4 url("../images/searchbox_bg.png") no-repeat left top; }
.searchbox form { padding-left: 4px; }
.searchbox input {
	float: left;
	width: 262px;
	padding-top: 5px;
	background: none;
	border: none;
	color: #3980bb;
}

.searchbox .btn {
	float: right;
	width: 23px; height: 23px;
	color: #fff;
	background: #2870b2 url("../images/search_btn.png") no-repeat left top;
	padding: 0;
}

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

.searchbox .btnhover {
	float: right;
	width: 23px; height: 23px;
	color: #fff;
	background: #4f8eca url("../images/search_btn.png") no-repeat left -23px;
	padding: 0;
}


/*===LOGINFORM===*/
.loginform { float: right; width: 386px; position: relative; top: 6px; }
.loginbox { float: right; padding-top: 6px; }
.loginform .login { margin-right: 10px; }
.loginform .login, .loginform .pass { float: left; width: 163px; height: 23px; position: relative; }
.loginform .pass { width: 170px; }
.loginform span { position: absolute; top: 10%; }
.loginform .login .input,
.loginform .pass .input {
	float: right;
	width: 127px; height: 23px;
	background: #d6dde4 url("../images/loginform.png") no-repeat left top;
}

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

.loginform .login input,
.loginform .pass input {
	float: left;
	width: 117px;
	padding: 0;
	background: none;
	border: none;
	color: #3980bb;
}

.loginbox .btn {
	float: left;
	width: 23px; height: 23px;
	color: #fff;
	background: #2870b2 url("../images/login_btn.png") no-repeat left top;
}

.loginbox .btn:hover {
	color: #fff;
	background: #4f8eca url("../images/login_btn.png") no-repeat left -23px;
}

.loginbox .btnhover {
	float: left;
	width: 23px; height: 23px;
	color: #fff;
	background: #4f8eca url("../images/login_btn.png") no-repeat left -23px;
}


.loginform .olinks { padding-top: 5px; text-align: right; }

/*LOGINDATE*/
.loginboxdate { text-align: right; }
.loginboxdate h4 { margin: 0; padding: 0; padding-bottom: 4px; background: transparent url("../images/dotted.png") repeat-x left bottom; }

.loginboxdate .colomn { float: right; width: 33%; text-align: left; }
.loginboxdate .colomn p { margin: 0; padding: 0; font-size: 10px; }
.loginboxdate .colomn p a img { margin: 0; margin-top: 4px; margin-right: 4px;  }