* {
margin:0;
padding:0;
font-family:Tahoma, sans-serif;
font-size:12px;
}
a:hover {
text-decoration:none;
}
h1 {
color:#ffffff;
font-weight:normal;
font-size:20px;
text-align:center;
}
h2 {
font-size:20px;
color:#000;
font-weight:normal;
text-align:left;
}
h2 a {
white-space:nowrap;
font-size:20px;
color:#ffffff;
font-weight:normal;
text-align:left;
display:block;
margin-left:-20px;
padding-left:35px;
background:url(../images/bgs.png) 5px -67px no-repeat;
width:100px;
}
h3 {
font-size:16px;
color:#66ad00;
font-weight:normal;
}
h3 a {
font-size:16px;
color:#66ad00;
font-weight:normal;
text-align:left;
display:block;
margin-left:-20px;
padding-left:15px;
margin:0 auto;
background:url(../images/bgs.png) -260px -2px no-repeat;
width:100px;
}
h5 a {
padding-left:20px;
background:url(../images/bgs.png) -8px -51px no-repeat;
color:#ffffff;
font-weight:normal;
}
img {
border:none;
}
td {
background:none;
}
body {
background-color:#57606b;
}
.table-main {
width:100%;
min-width:980px;
height:100%;
min-height:100%;
position:absolute;
background:url(../images/bg-table-main.png) left top repeat-x;
}
.td-col-left {
width:260px;
}
.td-col-right {
width:265px;
}
.table-content-1 {
width:100%;
}
.td-content-center {
vertical-align:top;
padding-left:5px;
}
.tr-footer {
height:85px;
}
.td-topmenu {
height:50px;
vertical-align:top;
}
.tr-header {
height:175px;
background:none;
}
.div-logo {
width:200px;
height:106px;
background:url(../images/hpc-logo.png) 0 0 no-repeat;
margin-left:20px;
margin-top:20px;
}
.div-logo a {
width:200px;
height:106px;
display:block;
}
.td-header-left {
background:url(../images/bg-td-header-left.png) 0 0 no-repeat;
}
.td-header-center {
background:url(../images/bg-td-header-center.png) 0 0 repeat-x;
text-align:center;
vertical-align:top;
height:175px;
}
.div-banner-1 {
width:448px;
height:115px;
background:url(../images/banner-1.png) 0 0 no-repeat;
margin:44px auto 0;
}
.table-top-right {
width:243px;
height:208px;
margin-top:10px;
}
.table-top-right td {

}
.td-content-left {
vertical-align:top;
}
.td-content-right {
vertical-align:top;
}
.banner {
width:240px;
/*height:115px;*/
/*background:url(../images/banner-2.jpg) 0 0 no-repeat;*/
}
.banner-left {
margin-left:20px;
}
.td-top-right {
vertical-align:top;
background:url(../images/bg-table-top-right.png) 0 0 no-repeat;
}
.td-top-icons {
text-align:center;
height:57px;
}
.top-icons {
width:80%;
text-align:center;
margin:0 auto;
border-left:#9da2a8 solid 1px;
border-right:#9da2a8 solid 1px;
}
*+html .td-top-icons {
height:47px;
}
.top-icons td {
text-align:center;
}
.icon-home {
margin:0 auto;
width:20px;
height:20px;
}
.icon-map {
margin:0 auto;
width:20px;
height:20px;
}
.icon-env {
margin:0 auto;
width:20px;
height:20px;
}
.icon-home a {
display:block;
width:20px;
height:20px;
background:url(../images/bgs.png) -30px -3px no-repeat;
}
.icon-home a:hover  {
background-position:-30px -26px;
}
.icon-map a {
display:block;
width:20px;
height:20px;
background:url(../images/bgs.png) -87px -3px no-repeat;
}
.icon-map a:hover  {
background-position:-87px -26px;
}
.icon-env a {
display:block;
width:20px;
height:20px;
background:url(../images/bgs.png) -144px -3px no-repeat;
}
.icon-env a:hover  {
background-position:-144px -26px;
}
.top-tels-title {
color:#ffffff;
font-size:11px;
padding-left:20px;
}
.top-tels {
width:160px;
color:#ffffff;
font-size:16px;
height:72px;
}
*+html .table-top-right td {
padding-bottom:1px;
}
*+html .top-tels {
height:62px;
}
.poisk-title {
font-size:12px;
color:#ffffff;
text-transform:uppercase;
margin-left:20px;
float:left;
margin-right:10px;
}
.table-top-right form {
margin:0;
padding:0;
}
.td-search {
height:38px;
}
.table-top-right form input {
font-size:12px;
width:115px;
padding:1px;
background-color:#e2e2e2;
border:#65696c solid 1px;
margin:0;
}
.table-top-right form a {
display:block;
width:25px;
height:22px;
margin-left:5px;
background:url(../images/bgs.png) -198px -2px no-repeat;
}
.date-of-update {
font-size:10px;
color:#ffffff;
float:right;
width:95px;
margin-top:5px;
_display:inline;
}
.download-price {
font-size:11px;
color:#ffffff;
display:block;
margin-left:10px;
padding-left:15px;
float:left;
width:120px;
margin-top:10px;
background:url(../images/bgs.png) -15px -71px no-repeat;
_display:inline;
}
.td-top-right-bottom {
vertical-align:top;
}
.table-leftmenu {
width:240px;
margin-left:20px;
margin-bottom:6px;
}
.leftmenu-top {
height:20px;
background:url(../images/bg-top-1.png) 0 0 no-repeat;
}
.leftmenu-bottom {
height:20px;
background:url(../images/bg-bottom-1.png) 0 0 no-repeat;
}
.leftmenu-middle {
border-left:#68707a solid 1px;
border-right:#68707a solid 1px;
background-color:#57606b;
}
.table-vprodazhe {
margin-top:6px;
width:240px;
margin-left:20px;
}
.td-vprodazhe {
border-left:#b9c2c6 solid 1px;
border-right:#b9c2c6 solid 1px;
padding:5px;
}
.td-vprodazhe img {
float:left;
margin-left:15px;
}
.td-vprodazhe h6 {
margin:0;
padding:0;
margin-left:95px;
color:#ffffff;
font-size:11px;
font-weight:normal;
margin-right:20px;
margin-bottom:15px;
}
.td-vprodazhe p a {
display:block;
margin-left:95px;
font-size:14px;
color:#83d62b;
}
.td-vprodazhe-top {
height:30px;
background:url(../images/bg-top-2.png) 0 0 no-repeat;
}
.td-vprodazhe-bottom {
height:30px;
background:url(../images/bg-bottom-2.png) 0 0 no-repeat;
}
.table-soft {
margin-top:6px;
width:240px;
margin-left:5px;
}
.td-soft {
border-left:#b9c2c6 solid 1px;
border-right:#b9c2c6 solid 1px;
padding:5px;
}
.td-soft img {
float:left;
margin-left:15px;
}
.td-soft h6 {
margin:0;
padding:0;
margin-left:95px;
color:#ffffff;
font-size:11px;
font-weight:normal;
margin-right:20px;
margin-bottom:10px;
}
.td-soft p a {
display:block;
margin-left:95px;
font-size:14px;
color:#83d62b;
}
.td-soft-top {
height:30px;
background:url(../images/bg-top-2.png) 0 0 no-repeat;
}
.td-soft-bottom {
height:30px;
background:url(../images/bg-bottom-2.png) 0 0 no-repeat;
}
.table-content-right {
background:url(../images/bg-table-content-right.png) 0 0 no-repeat;
margin-bottom:6px;
margin-left:5px;
width:240px;
height:134px;
}
.tr-table-content-right-1 {
height:27px;
}
.tr-table-content-right-2 {
height:22px;
}
.td-trash {
width:105px;
}
.tr-table-content-right-2 a {
padding-left:25px;
background:url(../images/bgs.png) -3px -51px no-repeat;
color:#ffffff;
text-decoration:none;
}
.table-content-right h5 a {
background:none;
padding-left:15px;
}
.table-content-right form {
margin:0;
padding:0;
}
.table-content-right form a {
color:#ffffff;
}
.table-content-right form p {
margin:0;
padding:0;
margin-top:6px;
_margin-top:0;
}
.p-auth-bottom {
color:#ffffff;
}
.p-auth-bottom span {
margin-left:12px;
margin-right:12px;
font-size:11px;
white-space:nowrap;
}
.p-auth-bottom span a {
font-size:10px;
color:#ffffff;
display:block;
padding-left:17px;
}
.checkbox-zapomnit {
width:12px;
height:12px;
position:absolute;
}
*+html .p-auth-bottom span a {
top:0;
}
.table-content-right form p span {
width:70px;
margin-left:12px;
display:block;
float:left;
color:#ffffff;
_display:inline;
}
.table-content-1 {
width:100%;
}
.table-content-1-inside {
width:100%;
border-top:#ededed solid 6px;
}
.content-1-bottom {
width:100%;
}
.table-content-1-inside td {
background-color:#ededed;
padding:5px;
}
.table-content-1-inside td p {
margin-top:15px;
margin-left:105px;
margin-right:30px;
font-size:12px;
}

.contenttable td {
background-color:#ededed;
padding:10px;
}


.table-content-1-inside td p a {
font-size:11px;
color:#888888;
}
.table-content-1-inside td img {
float:left;
margin:15px;
}
.banner-right {
margin-left:5px;
}
.half {
width:50%;
}
.table-content-top-1 {
height:40px;
width:100%;
}
.table-content-1-bottom {
height:10px;
width:100%;
}
.td-h1-left {
width:20px;
background:url(../images/bg-content-top-sides.png) left top no-repeat;
}
.td-h1-inside {
width:20px;
background:url(../images/bg-content-top-center.png) center top repeat-x;
}
.td-h1-center {
background:url(../images/bg-content-top-center.png) center top repeat-x;
}
.td-h1-right {
width:20px;
background:url(../images/bg-content-top-sides.png) right top no-repeat;
}
.td-bottom-left {
width:20px;
background:url(../images/bg-content-bottom.png) 0 100% no-repeat;
}
.td-bottom-inside {
width:auto;
position:relative;
padding:1px;
background-color:#ededed;
}
.td-bottom-right {
width:20px;
background:url(../images/bg-content-bottom.png) right bottom no-repeat;
}
.td-news {
border-right:#c7c7c8 solid 1px;
}
.tr-footer {
background:url(../images/bg-bottom.png) center bottom repeat-x;
}
.footer-left {
padding-left:45px;
color:#ffffff;
font-size:14px;
vertical-align:top;
padding-top:20px;
background:url(../images/bg-bottom-sides.png) left top no-repeat;
}
.footer-right {
text-align:center;
background:url(../images/bg-bottom-sides.png) right top no-repeat;
}
.footer-center {
color:#ffffff;
font-size:11px;
height:85px;
text-align:center;
background:url(../images/bg-bottom-center.png) center top repeat-x;
}
.sub-top-menu {
display:none;
position:absolute;
background:url(../images/sub-menu-center.png) repeat-y;
}

.footer-above {
height:10px;
}

/* top-menu - begin */

.table-topmenu {
width:100%;
height:37px;
background:url(../images/bg-topmenu.png) 0 0 repeat-x;
}
.table-topmenu td {
text-align:center;
padding-left:30px;
}
.map_content {
	padding-left:50px;
	padding-right:20px;
}
.map_content ul {
	list-style-type: circle;
}
.map_content ul li {
	margin: 0;
	padding: 0;
	padding-bottom:5px;
	text-align:left;
}
.map_content a {
	margin:0;
	padding:0;
	color: #5d5d5d;
	font-weight:bold;
}
.map_content ul li ul {
	padding-left:30px;
	padding-top:10px;
}

.topmenu ul {
list-style-type:none;
}
.topmenu ul li{
	margin: 0;	
	padding: 0;	
	margin-right:2px;
	text-align:left;
	float:left;
	list-style:none;
}
.topmenu ul li ul {
	display:none;
    position:absolute;
	z-index:100;
	width:128px;
}
.topmenu ul li ul li {
	display:inline;
	position:relative;	
	width:128px;
}
.topmenu ul li a{
	display:block;
	padding-top:10px;	
	padding-bottom:9px;
	padding-left:15px;
	padding-right:15px;
	margin:0;
	color: #ffffff;
	background:url(../images/bg-topmenu-li.png) 0 4px no-repeat;
	text-decoration: none;	
	font-size:16px;
}
* html .topmenu ul li a{
	padding-bottom:10px;
}
*+html .topmenu ul li a{
	padding-bottom:10px;
}
.topmenu ul li a span {
	font-size:16px;
	color:#ffffff;
	padding-bottom:3px;
}
.topmenu ul li a:hover span {
	border-bottom:#a1cd75 solid 2px;
}
.topmenu ul li.first a {
background:none;
}
.topmenu ul li ul li a {
	line-height:16px;
	display:block;
	font-size:14px;
	background:url(../images/bgs.png) -30px -235px no-repeat;
	display:block;	
	padding-left:25px;
	width:90px;
	_width:130px;
	padding-right:15px;
}
.topmenu ul li ul li a:HOVER{
	color:#81d32a;
	background:url(../images/bgs.png) -5px -235px no-repeat;
}

.topmenu ul li ul li ul {
    display: none;
    position:absolute;
	margin-left:128px;
	margin-top:-35px;
}
 
.li-center {
    display:block;    
    border-top:0px;
	background:url(../images/sub-menu-center.png) 0 0 no-repeat;
}
.li-top {
height:17px;
background:url(../images/sub-menu-top.png) 0 0 no-repeat;
}
.li-bottom {
height:20px;
background:url(../images/sub-menu-bottom.png) 0 0 no-repeat;
}
/* top-menu - end */
/* left-menu - end */
.leftmenu-middle ul {
list-style-type:none;
margin-top:10px;
}
.leftmenu-middle ul li {
padding-left:35px;
margin-bottom:10px;
background:none;
}
.leftmenu-middle ul li.active {
background:url(../images/bgs.png) 0 -360px no-repeat;
margin-bottom:0;
}
.leftmenu-middle ul li.active a {
color:#000000;
line-height:25px;
}
.leftmenu-middle ul a {
font-size:16px;
color:#ffffff;
text-decoration:none;
}
.leftmenu-middle ul li ul {
display:none;
margin:0;
margin-top:3px;
margin-left:-11px;
background-color:#68707a;
padding-top:5px;
padding-bottom:5px;
margin-bottom:10px;
}
.leftmenu-middle ul li ul li {
margin:0;
padding-left:10px;
}
.leftmenu-middle ul li ul li a{
color:#000000;
font-size:12px;
padding-left:15px;
}
.leftmenu-middle ul li ul li a:hover {
color:white;
background:url(../images/bgs.png) -12px -111px no-repeat;
}
/* left-menu - end */
/* slider - begin */

.js-slider {
height:240px;
margin-bottom:10px;
}
.js-slider table td {
padding:1px;
}
.js-slider table {
width:100%;
height:240px;
}
.slider-1-1  {
width:7px;
background:url(../images/bg-slider-left.png) 0 0 no-repeat;
}
.slider-1-3  {
width:7px;
background:url(../images/bg-slider-right.png) 100% 0 no-repeat;
}
.slider-1-2 {
text-align:left;
height:35px;
background:url(../images/bg-slider-center.png) 0 0 repeat-x;
}
.slider-2-3 {
vertical-align:top;
text-align:left;
background:url(../images/bg-slider-center.png) 0 bottom repeat-x;
}
.slider-2-2 {
vertical-align:top;
width:15px;
height:201px;
background:url(../images/bg-slider-center.png) 0 bottom repeat-x;
}
.slider-2-4 {
vertical-align:top;
width:15px;
height:201px;
background:url(../images/bg-slider-center.png) 0 bottom repeat-x;
}
#to-left {
margin-top:80px;
width:15px;
height:15px;
cursor:pointer;
margin-left:-4px;
background:url(../images/arrow-left.png) center center no-repeat;
}
*+html #to-left {
margin-left:0;
}
#to-right {
margin-top:80px;
width:15px;
height:15px;
cursor:pointer;
margin-left:4px;
background:url(../images/arrow-right.png) center center no-repeat;
}
.slider-wrapper {
overflow:hidden;
position:absolute;
}
.slider-container {
white-space:nowrap;
overflow:hidden;
width:100%;
height:195px;
}
.slider-elem {
float:left;
width:115px;
text-align:center;
margin-bottom:50px;
}
.slider-elem-pic {
width:102px;
height:155px;
background:url(../images/bg-slider-elem.png) center center no-repeat;
text-align:center;
margin-top:7px;
margin-bottom:17px;
margin-left:auto;
margin-right:auto;
}
.slider-elem-pic img {
margin-top:10px;
}
.slider-elem-title a {
color:#7dcf28;
text-align:center;
}
.slider-elem-hidden {
text-align:center;
overflow:hidden;
display:block;
position:absolute;
bottom:32px;
height:0;
_margin-left:-1px;
background:url(../images/bg-slider-elem.png) center bottom no-repeat;
}
*+html .slider-elem-hidden {
margin-left:-1px;
}
.slider-elem-hidden  p {
width:90px;
margin:0 auto;
white-space:normal;
font-size:11px;
font-weight:bold;
margin-top:10px;
}
.slider-elem-hidden  p span {
display:block;
font-size:10px;
font-weight:normal;
margin-top:5px;
width:90px;
white-space:normal;
}
.slider-elem-hidden  p a {
font-size:11px;
}
/* slider - end */

.arrow-current {

}

#wrapper {
overflow:hidden;
position:absolute;
height:195px;
}
#wrapper ul {
list-style-type:none;
overflow:hidden;
height:195px;
}
#wrapper ul li {
float:left;
text-align:center;
margin-bottom:50px;
}
#wrapper ul li div {
text-align:center;
}
#wrapper ul li img {
margin:10px auto;
}