body {
	line-height: 1.2em;
	font-family: Arial, Helvetica;
	font-size: 12px;
	color: #333
	}



h1 {
	font-size: 14px
	}
p {
	padding: 3px 0
	}
a {
	color: #003366
	}
strong {
	font-weight: bold
	}


input[type = 'text'],
input[type = 'password']{
/*	height: 14px; */
	min-height: 14px;
	margin: 2px 0;
	vertical-align: middle;
	border: #003366 1px solid
	}

input[type = 'submit'] {
	border: 0;
	vertical-align: middle;
	cursor: pointer
	}




.page {
	width: 1000px;
	margin: 0 auto;
	}

.header {
	float: left;
	margin: 0;
	height: 300px;
	width: 750px;
	}

	.header .logo {	
		position: absolute;
		margin: 20px 0 0 40px;
		z-index: 2
		}
	
	.header .search {
		position: absolute;
		top: 13px;
		margin-left: 747px;
		width: 253px
		}
		.header .search .content {
			padding: 5px 5px 10px 40px;
			}
		.header .search label {
			display: block;
			margin: 3px 0 0;
			font-size: 11px
			}
	.header .pic {
		position: absolute;
		float: left;
		top: 20px;
		width: 838px;
		height: 218px;
		background: url("../images/header.png") no-repeat
		}
	.header .menu {
		position: absolute;
		width: 750px;
		*width: 752px;
		top: 239px;
		font-size: 14px;
		background: #f8f8f8 url("../images/block_lb.png") bottom left no-repeat
		}
		.header .menu table {
			width: 100%;
			background: url("../images/block_rb.png") bottom right no-repeat
			}
		.header .menu a {	
			display: block;
			text-align: center;
			white-space: nowrap;
			}
		.header .menu a span {	
			display: block;
			padding: 10px 23px;
			}
		.header .menu a:hover {
			text-decoration: none;
			color: #fff;
			background: #a4a4a4 url("/images/menu_hover_l.png") bottom left no-repeat
			}
		.header .menu a:hover span {
			background: url("/images/menu_hover_r.png") bottom right no-repeat			
			}
		.header .menu a.active {
			color: white;
			text-decoration: none;
			background: #104d8d url("/images/menu_active_l.png") bottom left no-repeat;
			}
			.header .menu a.active span {
			background: url("/images/menu_active_r.png") bottom right no-repeat;

				}




.search .submit,
.auth .submit {
	margin: 2px 0;
	width: 20px;
	height: 18px;
	margin-left: 3px;
	background: url("../images/submit.png") !important
	}
	.auth input {
		position: relative;
		width: 110px
	}
	.auth a {
		position: relative;
		display: block;
		margin: 15px 0
	}

.panel {
	float: right;
	width: 200px;
	margin-top: 70px;
	padding: 0 20px 0 0
	}
	.panel h2 {
		display: block;
		margin: 30px 0 10px;
		padding: 5px;
		text-align: center;
		font-size: 1.2em;
		font-weight: normal;
		color: #fff;
		background: url("../images/header_blue.png") center center no-repeat
		}
		.panel .block {
			margin: 10px;
			font-size: 0.9em
			}
			.panel .block .content {
				padding: 10px 20px
				}
			.panel .block .more {
				display: block;
				margin: 10px 0 0 0;
				text-align: right;
				}
	.panel h3 {
		padding: 0px 0 4px;
		font-size: 13px;
		color: #0a3c79
		}
		.panel .contacts div {
			margin: 0px 0 15px
			}

	.panel .phone {
		font-size: 16px
		}






.submenu {
	float: left;
	clear: left;
	width: 200px;
	margin-top: 0px;
	margin-bottom: 30px
	}
	.submenu .c .c .c .content {
		padding: 5px 3px;
		}	
	.submenu li {
		padding: 8px 0px
		}
		.submenu li a {
			display: block;
			padding: 0 0 0 20px
		}
	.submenu li .active {	
		text-decoration: none;
		color: #ff9900
		}
		.submenu ul ul li {
			padding: 5px 25px;
			background: url("/images/subm_bul.png") 15px 10px no-repeat
			}	
		.submenu ul ul a {
			padding: 0;
			color: #666
			}
		.submenu ul ul .active {
			color: #000
			}



#content {
	/*  same in main page  */
	padding: 0 40px 30px 30px;
	float: left;
	width: 730px;
	_width: 700px
/*	border: red 1px solid */
	}
	
	#content .nav,
	#content .nav * {
		font-size: 11px;
		color: #999
		}
	#content h1,
	#content h2,
	#content h3 {
		margin: 25px 0 15px;
		font-size: 21px;
		color: #555		
		}
	#content h2 {
		font-size: 19px;
		}
	#content h3 {
		font-size: 17px;
		}
	#content h1 {
		line-height: 20px;
	}

	#content p {
		margin: 5px 0
		}
	#content .note {
		padding: 5px 30px;
		color: #999;
		background: url("/images/bul_h1.png") left center no-repeat
		}


	#content table.simple {
		width: 100%;
		border-collapse:collapse;
	}

	#content table.simple td {
		border: #e4e4e4 1px solid;
		padding: 10px 20px;
		text-align: left;
	}


	#content table.prod {
		width: 100%
		}
		#content table.prod tr + tr + tr td {
			border-top: #e4e4e4 1px solid
			}

		#content table.prod th,
		#content table.prod td {
			padding: 10px 20px;
			text-align: left;
			}
		#content table.prod th {
			font-weight: bold;
			background: #f6f6f6
			}
		#content table.prod th + th,
		#content table.prod td + td {
		    border:none;
			border-left: #e4e4e4 1px solid!important;
			}
	#content ol {
		margin-left: 15px
		}
		#content ol li {
			padding: 5px;
			list-style: decimal outside
			}
		#content ul li {
			padding: 5px 0 0 20px;
			background: url("/images/bullet.png") 0 10px no-repeat
			}


.block {
	background: #f8f8f8 url("/images/block_lt.png") top left no-repeat
	}
	.block .c {
		background: url("/images/block_rt.png") top right no-repeat
		}
		.block .c .c {
			background: url("/images/block_lb.png") bottom left no-repeat
			}
			.block .c .c .c {
				background: url("/images/block_rb.png") bottom right no-repeat
				}
				.block .content {
					padding: 5px 10px
					}
	.block .block {
		background: #fff url("/images/wblock_lt.png") top left no-repeat
		}
		.block .block .c {
			background: url("/images/wblock_rt.png") top right no-repeat !important
			}
			.block .block .c .c {
				background: url("/images/wblock_lb.png") bottom left no-repeat !important
				}
				.block .block .c .c .c {
					background: url("/images/wblock_rb.png") bottom right no-repeat !important
					}


.footer {
	clear: both;
	margin: 0 0 15px;
	padding: 15px 30px 0;
	height: 67px;
	font-size: 11px;
	color: #fff;
	background: url("../images/footer.png") repeat-x
	}
	.footer .umi {
		float: right;
		width: 180px;
		margin-top: 8px;
		margin-right: 80px;
		font-size: 10px;
		}
		.footer .umi a {
			color: #fff;
		}
		.footer .umi a.logo {
			position: relative;
			padding: 0 0 1px 18px;
			background: url("../images/umi.png") no-repeat
			}
	.footer .copy {
		width: 250px
		}
		.footer .copy p {
			line-height: 1em;
			font-size: 10px
			}
.quick-links {
	position: absolute;
	top: 15px;
	margin-left: 636px
	}
	.quick-links a span {
		display: none
		}

	.quick-links .home,
	.quick-links .mail,
	.quick-links .map {
		display: block;
		float: left;
		width: 18px;
		height: 18px;
		margin: 3px
		}
	.quick-links .home {
		background: url("../images/home.png") no-repeat center center
		}
	.quick-links .mail {
		background: url("../images/mailto.png") no-repeat center center
		}
	.quick-links .map {
		background: url("/img/icon_map.gif") no-repeat center center;
	}





/* news */
.news .item {
	margin: 0 0 15px
	}
.news .item .date {
	float: left;
	width: 120px;
	margin: 3px 0 0 10px;
	font-weight: bold;
	color: #ccc
	}
	.news .item .title {
		display: block;
		margin-left: 130px;
		font-size: 1.5em;
		line-height: 1.2em
		}
	.news .item .titlenew{
		display: block;
		margin-left: 0;
		font-size: 1.5em;
		line-height: 1.2em
		}		
	.news .item .description {
		margin: 10px 0 4px 130px;
		}
	.news .item .nodate {
		margin: 10px 0 4px 0;
		}		






/* catalogue */
.tabs li {
	display: block;
	float: left;
	width: 124px;
	height: 23px;
	margin: 2px 2px 3px 0 !important;
	padding: 0 !important;
	text-align: center;
	background: url("/images/tabs_center.png") repeat-x!important;
	}
	.tabs li .l, .tabs li .r {
		display: block;
		width: 100%;
		height: 100%
		}
	.tabs li .l {
		background: url("/images/tabs_left.png") no-repeat top left !important;	
		}
	.tabs li .r {
		padding: 4px 0;
		background: url("/images/tabs_right.png") no-repeat top right !important;	
		}
	.tabs li a {
		text-decoration: none;
		color: #6e6e6e
		}
.tabs li.active {
	background: url("/images/tabs_ac.png") repeat-x!important;	
	}
	.tabs li.active .l {
		background: url("/images/tabs_al.png") no-repeat top left !important;			
		}
	.tabs li.active .r {
		background: url("/images/tabs_ar.png") no-repeat top right !important;			
		}
	.tabs li.active .r {
		font-weight: bold
		}

table.catalogue {
	clear: both;
	margin: 20px 0 0 0
	}
	table.catalogue td {
		width: 200px;
		padding: 10px 5px 0 30px !important;
		vertical-align: top;
		font-size: 14px;
		border: none !important;
		background: url("/images/bul_h1.png") 3px 12px no-repeat
		}
	table.catalogue td + td {
		width: auto;
		font-size: inherit;
		background: url("/images/arrow_small.png") 7px 15px no-repeat
		}
	table.catalogue td + td + td {
		width: 160px;
		padding: 10px 0 0 0 !important;
		background: none
		}
	table.catalogue td.pic {
		background: none
		}
		table.catalogue td .block .content {
			min-height: 90px !important
			}

	table.catalogue li {
		padding: 3px 0 5px 10px !important;
		background: none !important
		}


th.desc {
	background: #f6f6f6 url("/images/desc.png") 90% 50% no-repeat !important
	}
th.asc {
	background: #f6f6f6 url("/images/asc.png") 90% 50% no-repeat !important
	}





.show-all {
	display: block;
	float: left;
	margin-left: 20px
	}

.pager {
	margin-left: 200px
	}
	.pager li {
		display: inline;
		padding: 0 4px !important;
		background: none !important
		}
		.pager li a {
			color: #6e6e6e
			}
		.pager li span {
			color: #6e6e6e;
			background: #f8f8f8
			}
		.pager .previous a,
		.pager .next a{
			text-decoration: none
			}
			
.price {
	float: right;
	}
	.price form select {
		position: relative;
		display: inline !important;
		margin: 0 15px 0 10px !important
		}



/* faq */


.faq .item {
	padding: 5px 0
	}
.faq .question {
	cursor: pointer;
	border-bottom: 1px dashed;

	}
.faq .answer {
	display: none
	}


/* vacancies */
.vacancies h3 {
	cursor: pointer
}

.vacancies .description {
	display: none
}





/* search */	
	
.g-search #content .search {
	width: 510px;
	margin: 20px 0 20px -30px;
	}
	.g-search #content .search .content {
		padding: 15px 0px 15px 50px
		}
		.g-search #content .search input {
			display: inline;
			margin: 0 !important;
			}
		.g-search #content .search input[type='text'] {
			width: 400px
			}
		.g-search #content .search .submit {
			width: 20px;
			height: 18px;
			margin-left: 3px !important
			}
.g-search #content  li {
	padding: 0;
	background: none;
	}
	.g-search #content  li p {
		padding-top: 0 !important
		}
	.g-search #content  li .link {
		color: #ccc
		}
.g-search #content h2 {
	font-size: 16px
	}
.g-search #content  .pager {
	padding-top: 30px
	}



/* partner */

.partners .item {
	clear: both;
	padding: 10px 0
}
	.partners .item img {
		float: left;
		width: 100px;
		height: auto
	}
	.partners .item a {
		display: block;
		margin-left: 120px;
		font-size: 16px
	}




#content form label {
	position: absolute;
/*	float: left; */
	clear: both;
	display: block;
	margin: 2px 0 0 0;
	width:160px;
	}
#content form input,
#content form select,
#content form textarea {
	width: 200px;
	display: block;
	margin: 5px 0 10px 170px
	}
#content form textarea {
	width: 300px;
	height: 100px
	}
#content form input[type='text'],
#content form input[type='password'],
#content form textarea {
	border: #ccc 1px solid
	}
#content form input[type='submit'] {
	width: auto;
	background: #547699;
	color: #fff
	}
#content form .captcha {
	height: 35px;
	margin: 5px 0 10px 170px
	}
#content form .captcha input {
	position: absolute;
	margin: 17px 0 0 130px;
	width: 70px
	}
#content form .captcha img {
	position: absolute;
	}
#content form .captcha label {
	float: none;
	clear: none;
	margin: 2px 0 0 130px;
	font-size: 0.9em
	}
.asterisk {
	position: relative;
	padding: 3px 0 0 3px;
	font-size: 1.4em;
	color: #8fc3fc
	}
	
/* Стили для логотипа ВашSEOмастер */

.crealink{
	height: 30px;
	position: absolute;
	margin: 10px 0 0 250px;
	font-size: 80%;
	color: #F9F9F9;	
	width: 130px;
	background: url(../images/creators_ico_25x25.png) left 3px no-repeat;
	display: block;
	}
	
.crealink a.flink{
	margin-left: 30px;
	color: #F9F9F9;
	width: 90px;
	display: block;
	letter-spacing: 0,5px;
	}
	
.crealink a.flink:link, .crealink a.flink:visited, .crealink a.flink:hover, .crealink a.flink:active{
	color: #BFDFFF;
	text-decoration: none;
	}
	
div.crealink span.slink{
	padding-left: 31px;
	color: #FFF;
	width: 90px;
	display: block;
	letter-spacing: 0,5px;
	}
	
.crealink a.slink:link, .crealink a.slink:visited, .crealink a.slink:hover, .crealink a.slink:active{
	color: #FFF;
	}

.digit {font-size:10px;}	
	
#qsign2011{
	display: block;
	position: relative;
	width: 120px;
	height: 120px;
	left: 480px;
	top: 0;
}
