* {
outline: none;
}

html,body {
overflow: hidden;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
color: #2D3038;
font: 14px Arial, Tahoma, Verdana, sans-serif;
background-color: #D7D7D7;
}

div,form,ul,li,dl,dt,dd,p {
margin: 0;
padding: 0;
list-style: none;
}

img {
border: 0;
}

h1,h2,h3,h4,h5,h6 {
margin: 0;
padding: 0;
font-weight: normal;
}

.clear {
clear: both;
}

.relative {
position: relative;
}

a {
color: #D6245F;
}

a:hover {
text-decoration: none;
}

#layer {
width: 900px;
margin: auto;
min-height: 100%;
}

* html #layer {
height: 100%;
}

#layer .body {
width: 854px;
padding: 80px 18px 106px 28px;
}

#layer .sidebar {
float: left;
width: 201px;
font-size: 12px;
}

#layer .sidebar .main {
position: relative;
width: 191px;
height: 256px;
padding: 10px;
margin-left: -10px;
background: #FFF url(images_main/bg_main.gif) no-repeat;
}

#layer .sidebar .main .logo h1 {
display: none;
}

#layer .sidebar .main .logo a {
color: #817E7E;
font-size: 40px;
}

#layer .sidebar .main .auth {
position: absolute;
bottom: 10px;
left: 10px;
width: 163px;
height: 154px;
padding: 14px;
background: #2D3038 url(images_main/bg_auth.gif) no-repeat;
}

#layer .sidebar .main .auth p {
color: #FFF;
margin: 5px 0;
}

#layer .sidebar .main .auth p a {
color: #AFB2BA;
}

#layer .sidebar .main .auth .input {
margin: 0 0 15px;
}

#layer .sidebar .main .auth .input input {
width: 153px;
height: 16px;
padding: 5px 5px 4px;
color: #2D3038;
font: 14px Arial, Tahoma, Verdana, sans-serif;
border: none;
background: #FFF url(images_main/bg_auth_input.gif) no-repeat;
}

#layer .sidebar ul {
margin: 15px 0;
}

#layer .content {
float: right;
width: 644px;
}

#layer .content .block {
position: relative;
width: 304px;
height: 327px;
padding: 7px;
background: #2D3038 url(images_main/bg_block.gif) no-repeat;
}

#layer .content .block_left {
float: left;
}

#layer .content .block_right {
float: right;
}

#layer .content .block h2 {
color: #FFF;
font-size: 18px;
font-weight: bold;
line-height: 110%;
padding: 5px 7px;
}

#layer .content .block .white {
position: absolute;
bottom: 7px;
left: 7px;
width: 276px;
height: 244px;
padding: 14px;
background: #FFF url(images_main/bg_block_white.gif) no-repeat;
}

#layer .content .block .white p {
color: #4B4B4B;
font-size: 13px;
line-height: 130%;
}

#layer .content .block .white ul {
color: #212121;
font-size: 13px;
margin: 5px 0;
}

#layer .content .block .white ul li {
padding: 2px 0 2px 18px;
background: url(images_main/dot.gif) 0 5px no-repeat;
}

#layer .content .block .white .start {
position: absolute;
bottom: 14px;
left: 14px;
font-size: 21px;
}

#layer .content .info {
float: left;
width: 100%;
display: block;
padding: 20px 0;
border-bottom: 1px solid #9FA0A3;
}

#layer .content .info em {
display: block;
color: #21232A;
font-size: 22px;
line-height: 110%;
padding: 10px 0 10px 70px;
background: url(images_main/icon_info.gif) 7px 7px no-repeat;
}

#layer .content .view {
float: left;
width: 100%;
margin: 18px 0 0;
}

#layer .content .view h3 {
float: left;
display: block;
color: #FFF;
width: 166px;
height: 24px;
font-size: 16px;
margin: 0 15px 0 0;
padding: 5px 0 0;
text-align: center;
background: #70747D url(images_main/bg_view.gif) no-repeat;
}

#layer .content .view p {
margin: 7px 0 0;
}

#layer .content .view .screen {
float: left;
width: 206px;
margin: 18px 0 0;
}

#layer .content .view .screen_tab {
margin: 18px 13px 0 0;
}

#layer .content .view .screen .picture {
width: 202px;
height: 123px;
padding: 0 2px;
background: #70747D url(images_main/bg_screen.gif) no-repeat;
}

#layer .text {
*margin-top: -78px;
padding: 40px 0 0;
}

#footer {
width: 854px;
height: 88px;
margin: auto;
padding: 0 18px 0 28px;
margin-top: -88px;
}

#footer .body {
padding: 18px 0 0;
border-top: 1px solid #959699;
}

#footer address {
float: left;
width: 650px;
color: #8E8F92;
font-size: 12px;
font-style: normal;
}

#footer address a {
color: #8E8F92;
text-decoration: none;
}

#footer .counter {
float: right;
margin: 0 0 0 10px;
}

#page {
overflow: auto;
position: relative;
width: 100%;
height: 100%;
}

.popup {
display: none;
overflow: auto;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('images_main/bg_window.png');
}

.popup .body {
width: 715px;
height: 456px;
margin: auto;
padding: 92px;
}

.popup .window {
position: relative;
width: 700px;
height: 436px;
padding: 10px;
background-color: #FFF;
}

.popup .window .text {
float: left;
padding: 13px 0 0;
}

.popup .window .registration {
float: right;
padding: 13px 0 0;
}

.popup .window .exit {
position: absolute;
top: 0;
right: 0;
width: 78px;
height: 27px;
}