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


/*Ссылки основные*/
/*LINKS*/
:link {
	color: #ff7800; text-decoration: underline;
	}

:visited { 
	color: #ff7800; text-decoration: none;
	}

:link:hover, :visited:hover {
	color: #ffae00; text-decoration: none;
	}

:link:active, :link:active { 
	color: #ffae00; 
	}
/*END-LINKS*/


h1, h2, h4, h5, h6 {
    font-family: Tahoma, verdana, sans-serif;
    margin: 0.5em 0 0.2em 0;
}

h1 { font-size: 160%; font-weight: normal; }
h2 { font-size: 150%; }
h3 { font-size: 120%; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin: 0;}
h4 { font-size: 100%; }
h5 { font-size: 90%; font-weight: normal;}
h6 { font-size: 90%; border: 0; }

body, font, td, p, ul {
	color: #6a6a6a;
	font-size: 11px;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	}

body {
	height: 100%; 
	padding: 0 /*for Opera*/;
	min-width: 610px;
	margin: 0 0 1em 0;
	background: #DEE4EB;
}

#page_bg {
	background: #DEE4EB url(../images/body_bg1.png) left 40px repeat-x;
}

p {
	margin: 3px 0;
}

a img {
	border: 0;
}

html {
	height: 100%;
	margin-bottom: 1px;
}

form {
	padding: 0;
	margin: 0;
}

#wrapper {
	margin: 0 auto;
	background: #FFF;
	width: 994px;
	text-align: left;
	background: #fdfcfc url(../images/body_bg.png) top left repeat-x;
}

#shadow-left {
	background: transparent url(../images/shadow_left.png) left top repeat-y;
	float: left;
	width: 994px;
}

#shadow-right {
	background: transparent url(../images/shadow_right.png) right top repeat-y;
	float: left;
	width: 994px;
}

#container {
	float: left;
	width: 994px;
}

#container div,
#container td {
	line-height: 140%;
}

#present-icons {
	background: transparent url(../images/presenticon_bg.jpg) left top no-repeat;
	float: left;
	width: 964px; height: 87px;
	padding: 0 15px;
}

#present-icons div {
	float: left;
	width: 241px; height: 87px;
}

#present-icons div img {
	float: left;
	width: 78px; height: 87px;
}

#present-icons div span {
	font-size: 10px;
	padding: 5px;
	padding-top: 16px;
	width: 140px;
	float: left;
}


/*Формы*/
input, textarea, select {
	background: #FFFFFF;
	color: #777;
	border: 1px #e0d5c9 solid;
	font-size: 11px;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
}

.f_input {
	background: url(../images/dlet_field_o.gif) top repeat-x;
}

/*Настройка основного Header*/
#header {
	position: relative;
	overflow: hidden;
	height: 199px;
}

#logotype {
	position: relative;
	top: 47px; 
	margin-left: 35px;
	float: left;
	background: transparent url(../images/logotype.png) left top no-repeat;
	font-size: 20px;
	outline: none;
}

/*DEMONSTRATION*/
.demo {
	position: relative;
	top: 8px;
	float: right;
	width: 553px;
	height: 183px;
	background: #FFF url(../images/demo_bg.png) top repeat-x;
	overflow: hidden;
}

.demo-left {
	height: 183px;
	background: transparent url(../images/demo_left.png) left top no-repeat;
	position: relative;
	padding-left: 9px;
}

.demo-right {
	height: 183px;
	background: transparent url(../images/demo_right.png) right top no-repeat;
	position: relative;
	padding-right: 9px;
}

#demonstration {
	position: relative;
	top: 9px;
	float: left;
	width: 346px;
	height: 165px;
	background: transparent url(../images/demonstration_bg.gif) center center no-repeat;
}

div.release {
	position: relative;
	float: right;
	width: 178px;
	height: 130px;
	overflow: hidden;
	color: #a3a3a3;
	text-align: right;
}

div.release h3{
	color: #f59000;
	font-size: 20px;
	padding-top: 20px;
}

a.download {
	position: relative;
	float: right;
}

a.download:link, a.download:visited {
	font-family: Arial, Helvetica, Sans-serif;
	font-weight: bold;
	font-size: 20px;
	color: #fff;
	display: block;
	width: 178px; height: 43px;
	line-height: 44px;
	text-align: center;
	background: #f59000 url(../images/download.png) left top no-repeat;
	outline: none;
	overflow: hidden;
}

a.download:hover {
	font-family: Arial, Helvetica, Sans-serif;
	font-weight: bold;
	font-size: 20px;
	color: #fff;
	background: #f8af47 url(../images/download.png) left -43px no-repeat;
}


/*Настройка горизонтального меню*/
/*Примечание: символы которые выходят за рамки допустимого*/
div#navigation {
	padding: 0;
	margin: 0;
	height: 40px;
	overflow: hidden;
	background: #2d2d2d url(../images/navigation_bg.png) left -28px repeat-x;
	text-align: center;
	position: relative;
}

div#navigation div{
	display: block;
	height: 40px;
	width: 994px;
	margin: auto;
}

div#navigation a {
	display: block;
	float: left;
	height: 40px;
	line-height: 40px;
	padding: 0 24px;
	color: #FFF;
	font-weight: bold;
	background: url(../images/navigation_link.png) right -28px no-repeat;
	outline: none;
}

div#navigation a:hover {
	color: #480000;
	background: #ff8c00 url(../images/navigation_link.png) left -96px repeat-x;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	outline: none;
}

#searchbox {
	position: absolute;
	top: 3px;
	right: 86px;
}

#searchbox .btn{
	border: 0;
}

#searchbox .area{
	width: 90px;
}

/*BORDER FOR CONTENT*/
ul {
	margin: 2px 0;
	padding: 0 0 0 5px;
    }

ul li {
	margin: 5px 0; padding: 0px 0 0px 14px;
	list-style-type: none;
	background: url(../images/li.gif) left 5px no-repeat;
    }

ul li a:link, ul li a:visited, ul li a:hover{
	color: #999;
	}

.nameerror,
.nameerror li {
	list-style-type: none;
	background: none;
	color: #f00;
}

.nameerror font {
	color: green;
}

/*Отступы и переносы*/
.clr {clear:both;}

/*Линия стили для <HR>*/
hr	{ 
	height: 1px;
	border: solid #d8d8d8 0px;
	border-top-width: 1px;
	}


/*FOOTMENU*/
#fmenu {
	position: relative;
	height: 27px;
	background: #393939 url(../images/fmenu_bg.png) top repeat-x;
}

#fmenu-left {
	position: relative;
	height: 27px;
	background: transparent url(../images/fmenu_left.png) left top no-repeat;
	padding-left: 6px;
}

#fmenu-right {
	position: relative;
	height: 27px;
	background: transparent url(../images/fmenu_right.png) right top no-repeat;
	padding-right: 6px;
}

#fmenu div.cont {
	float: right;
}

#fmenu div.cont a:link, #fmenu div.cont a:visited{
	float: left;
	padding: 0 8px;
	line-height: 26px;
	height: 27px;
	font-size: 10px;
	color: #fff;
	outline: none;
	background: transparent url(../images/fmenu_link.png) center top no-repeat;
}

#fmenu div.cont a:hover{
	font-size: 10px;
	color: #ff9c00;
	background: transparent url(../images/fmenu_link.png) center bottom no-repeat;
}

/*FOOTER*/
#footer {
	position: relative;
	height: 77px;
	background: #FFF url(../images/footer_bg.png) top repeat-x;
}

#footer-left {
	position: relative;
	height: 77px;
	background: transparent url(../images/footer_left.png) left top no-repeat;
	padding-left: 6px;
}

#footer-right {
	position: relative;
	height: 77px;
	background: transparent url(../images/footer_right.png) right top no-repeat;
	padding-right: 6px;
}

/*Copyright*/
#copyright {
	position: relative;
	top: 10px;
	padding-left: 10px;
	float: left;
	width: 300px;
	color: #a2a2a2;
	font-size: 10px;
}

#copyright a:link, #copyright a:visited{
	color: #a2a2a2;
	font-size: 10px;
}

#copyright a:hover{
	color: #ff7800;
	font-size: 10px;
}


/*Настройка блока вертикального меню*/
div#blockVMenu h3{
	margin: 1px;
	padding: 0 8px;
	height: 35px;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	display: block;
	line-height: 25px;
	font-family: Verdana, Tahoma, Helvetica sans-serif;
	background: #282727 url(../images/leftblocktop.png) top repeat-x;
	}

div#blockVMenu {
	position: relative;
	width: 186px;
	border: 1px solid #ebebeb;
	background: #fff url(../images/leftblockbottom.png) bottom repeat-x;
	margin: 0 0 12px 0;
}

div#blockVMenu div{
	width: auto;
	padding: 1px;
}

div#blockVMenu div div{
	padding: 0;
	margin: 0;
}

div#blockVMenu div ul.navs		{list-style: none; padding: 0; margin: 0;}
div#blockVMenu div ul.navs li	{background: none; padding: 0; margin: 0;}
div#blockVMenu div ul.navs li a	{
	background: #f8f8f8 url(../images/leftblknavig.png) top left no-repeat;
	font-weight: bold;
	color: #777;
	width: auto;
	margin: 0;
	padding-left: 20px;
	height: 34px;
	line-height: 32px;
	display: block;
	overflow: hidden;
	}

div#blockVMenu div ul.navs li a:hover	{
	background: #0d1d65 url(../images/leftblknavig.png) bottom left no-repeat;
	color: #fff;
	text-decoration: none;
	}

/* ====================speedbar */
.speedbar,
.speedbar a:link,
.speedbar a:visited,
.speedbar a:hover {
	color: #757575;
	font-size: 10px;
}

div.speedbar {
	padding: 6px 0 3px 0;
	border-bottom: 1px solid #EEE;
	margin-bottom: 3px;
}

.speedbar a:hover {
	color: #757575;
	text-decoration: underline;
}

span.ttfrm {
	color: #a69e92;
}

table.userstop {background-color: #EEEEEE;}
table.userstop td {background-color: #FFFFFF;}


/*СЧЕТЧИКИ*/

.count2 {
	position: absolute;
	right: 12px;
	top: 10px;
	width: 88px; height: 18px;
}

.count1 {
	position: absolute;
	right: 12px;
	top: 34px;
	width: 88px; height: 18px;
}

div.avatar {
	border: 1px #e0e0e0 solid;
	float: left;
	background: #fcfcfc;
	margin: 0 15px 4px 0;
	width: 108px;
}

div.avatar img {
	float: left;
	margin: 4px;
	width: 100px;
	height: auto;
}


div.avatar span {
	display: block;
	font-size: 10px;
	height: 16px;
	background-color: #EEE;
	padding: 2px;
	text-align: center;
}

.mid {
	font-weight: bold;
}

.small {
	font-size: 10px;
}

.cominfo {
	margin-bottom: 6px;
	padding-bottom: 6px;
	background: url("../images/dotted.gif") left bottom repeat-x;
}






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


/*MBOX*/
a.mboxbtn {
	position: relative;
	display: block;
	margin: 6px;
}

a.mboxbtn:link, a.mboxbtn:visited {
	font-family: Arial, Helvetica, Sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	color: #fff;
	padding-left: 17px;
	width: 180px; height: 44px;
	line-height: 36px;
	background: #989898 url(../images/mboxbuttons.png) left top no-repeat;
	outline: none;
	overflow: hidden;
}

a.mboxbtn:hover {
	font-family: Arial, Helvetica, Sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	color: #fff;
	background: #f58800 url(../images/mboxbuttons.png) left -44px no-repeat;
}

/*-----LEFTBLOCKS-----*/
div#leftbox {
	font-size: 11px;
	float: left;
	width: 209px;
}

div#leftbox td {
	font-size: 11px;
}

div#leftbox div.blocks{
	width: 197px;
	background: #FFF url(../images/leftblock_bg.png) left repeat-y;
	margin: 6px;
	margin-bottom: 10px;
	position: relative;
}

div#leftbox div.blocks div{
	background: transparent url(../images/leftblock_top.png) top left no-repeat;
	width: 197px;
}

div#leftbox div.blocks div div{
	width: 197px;
	background: transparent url(../images/leftblock_bottom.png) bottom left no-repeat;
}

div#leftbox div.blocks div div div{
	width: 177px;
	padding-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 10px;
	background: transparent;
}

div#leftbox div.blocks div div div h3{
	width: 177px;
	font-size: 10px;
	color: #ff6d00;
	display: block;
	clear: both;
	font-weight: bold;
	text-transform: uppercase;
	font-family: Tahoma, Helvetica, sans-serif;
	padding: 0 0 6px 0;
	margin: 0 0 2px 0;
	background: transparent url(../images/leftblock_h3line.png) bottom left repeat-x;
}

div#leftbox div.blocks div div div div {
	padding: 0px;
	margin: 0px;
}

/*-----RIGHTBLOCKS-----*/
div#rightbox {
	float: right;
	font-size: 11px;
	width: 209px;
}

div#rightbox td {
	font-size: 11px;
}

div#rightbox div.blocks {
	width: 197px;
	background: #FFF url(../images/rightblock_bg.png) left repeat-y;
	margin: 6px;
	margin-bottom: 10px;
	position: relative;
}

div#rightbox div.blocks div {
	background: transparent url(../images/rightblock_top.png) top left no-repeat;
	width: 197px;
}

div#rightbox div.blocks div div {
	width: 197px;
	background: transparent url(../images/rightblock_bottom.png) bottom left no-repeat;
}

div#rightbox div.blocks div div div {
	width: 177px;
	padding-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 10px;
	background: transparent;
}

div#rightbox div.blocks div div div h3{
	width: 177px;
	font-size: 10px;
	color: #5b5b5b;
	display: block;
	clear: both;
	font-weight: bold;
	text-transform: uppercase;
	font-family: Tahoma, Helvetica, sans-serif;
	padding: 0 0 6px 0;
	margin: 0 0 2px 0;
	background: transparent url(../images/leftblock_h3line.png) bottom left repeat-x;
}

div#rightbox div.blocks div div div div {
	padding: 0px;
	margin: 0px;
}


/*MAINBOX*/
div#mainbox {
	float: left;
	width: 576px;
	padding:0;
	font-size: 11px;
}

div#mainbox div.blocks {
	width: 576px;
	background: #FFF url(../images/mainbox_bg.png) left repeat-y;
	margin-bottom: 10px;
}

div#mainbox div.blocks div.blocks1 {
	background: transparent url(../images/mainbox_top.png) top left no-repeat;
	width: 576px;
}

div#mainbox div.blocks div.blocks1 div.blocks2 {
	width: 576px;
	background: transparent url(../images/mainbox_bottom.png) left bottom no-repeat;
}

div#mainbox div.blocks div.blocks1 div.blocks2 div.blocks3 {
	width: 564px;
	padding-bottom: 6px;
	margin-left: 6px;
	margin-right: 6px;
	padding-top: 6px;
	background: transparent;
}

/*CONTENT*/
div.content {
	margin-bottom: 10px;
}

div.content h3.ntitle {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #ff6d00;
	margin: 0 10px;
	padding: 10px 0;
	clear: both;
}

div.content h3.ntitle2 {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #ff9c00;
	margin: 0 10px;
	padding: 10px 0;
	clear: both;
}

div.content h3.ntitle3 {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	margin: 8px 0;
	margin-bottom: 1px;
	padding: 5px;
	clear: both;
	background: #ff9c00 url(../images/ntitle3.png) left top repeat-y;
}


div.content div.morefield {
	color: #a6a6a6;
	margin: 0 10px;
	font-size: 10px;
	padding-bottom: 20px;
}

div.content div.morefield span {
	padding-right: 12px;
	float: left;
}

div.content div.maincont {
	padding: 10px;
	background: transparent url(../images/maincont_bg.png) right top no-repeat;
}

div.content div.morelink {
	padding: 10px;
	background: transparent url(../images/morelink_bg.png) left bottom no-repeat;
	font-size: 10px;
}

div.content div.morelink a{
	font-weight: bold;
	font-size: 10px;
}






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

/*TOOLBAR*/
#toolbar {
	height: 88px;
	background: #2d2d2d url(../images/toolbar_bg.png) top repeat-x;
	position: relative;
	overflow: hidden;
}

#toolbar-left {
	height: 88px;
	background: transparent url(../images/toolbar_left.jpg) left top no-repeat;
	position: relative;
	padding-left: 14px;
}

#toolbar-right {
	height: 88px;
	background: transparent url(../images/toolbar_right.png) right top no-repeat;
	position: relative;
	padding-right: 6px;
}

/*Login*/
#toolbar input,
#toolbar span {
	color: #d3d3d3;
	font-size: 10px;
}

div.searchform {
	width: 196px;
	position: absolute;
	right: 6px;
	top: 58px;
}

div.searchform input {
	border: 1px solid #808080;
	background: transparent;
	padding: 3px;
	float: left;
}

div.searchform a.btn {
	float: left;
	width: 21px; height: 20px;
	margin: 0 2px;
	background: transparent url(../images/search_btn.gif) left top no-repeat;
	outline: none;
}

div.searchform a.btn:hover {
	background: transparent url(../images/search_btn.gif) left bottom no-repeat;
}

div.loginform {
	position: relative;
	top: 11px;
	float: left;
}

/*ФОРМА ВХОДА*/
div.loginform div.formlgn{
	float: left;
	width: 160px;
}

div.loginform div.formlgn label{
	float: left;
	clear: both;
	padding: 3px 0;
	width: 160px;
}

div.loginform div.formlgn label input{
	border: 1px solid #808080;
	background: transparent;
	padding: 1px;
}

div.loginform div.formlgn label span{
	float: left;
	width: 50px;
}

div.loginform a.btn {
	float: left;
	width: 42px; height: 42px;
	background: transparent url(../images/login_btn.png) left top no-repeat;
	outline: none;
}

div.loginform a.btn:hover {
	background: transparent url(../images/login_btn.png) left bottom no-repeat;
}

div.loginform p a {color: #ff7800;}
div.loginform p a:hover {color: #ffb400;}

/*БЛОК ПОЛЬЗОВАТЕЛЯ*/
div.loginform h3,
div.loginform h3 a{
	color: #bfbfbf;
	font-size: 12px;
	padding-bottom: 2px;
	background: url("../images/dotted.gif") left bottom repeat-x;
}

div.loginform div.logincol{
	float: left;
	width: 130px;
}


/*Select Language*/
div.language { position: relative; float:right; top: 6px; display: block; width: auto;}
div.language span {float: left; width: auto; height: 22px; line-height: 22px; margin: 0 2px;}

div.language a:link, div.language a:visited {
	display: block;
	float: left; width: 36px; height: 22px;
	text-decoration: none;
	line-height: 22px;
	margin: 0 2px;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica sans-serif;
	text-transform: uppercase;
	text-align: center;
	color: #000;
	background: #c09464 url(../images/language_btn.png) left -22px no-repeat;
}

div.language a:hover {
	font-family: Arial, Verdana, Helvetica sans-serif;
	color: #3e0000;
	background: #f59000 url(../images/language_btn.png) left top no-repeat;
	}

div.bannerbox {
	position: absolute;
	top: 14px;
	left: 270px;
	width: 468px; height: 60px;
}