body{ font-size:12px; color:#8b8b8b; background-color:#fff; font-family:Arial, Helvetica, sans-serif;padding:0;margin:0;
-moz-background-size: 100%; /* Firefox 3.6+ */
-webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
-o-background-size: 100%; /* Opera 9.6+ */
background-size: 100%; /* Современные браузеры */
/*-webkit-text-size-adjust: 100%;*/
}

.head_top {top:0;left:0;width:100%;height:60px;background-color:#e0e0e0;position:absolute;}
.head_top .top_logo {top:12px;left:3%;position:absolute;}

.logo_image{
width:36px;
border: 1px solid #ccc;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 3px 1px 5px #666;
-moz-box-shadow: 3px 1px 5px #666;
box-shadow: 3px 1px 5px #666;
}

.head_top .top_left {top:21px;left:10%;position:absolute;}
.logo_title {
font-weight:500;
font-size:24px;
text-shadow: 1px 1px 3px #909090;
color:#e11;
font-family:Times New Roman;
white-space: nowrap;
}

.head_top .top_center {top:10px;left:40%;position:absolute;}
.head_top .top_right {top:16px;left:82%;position:absolute;}

.head_top h1 {
font-weight:400;
font-size:28px;
line-height: 3px;
text-align:center;
font-family:Arial;
white-space: nowrap;
transform-origin: 0 0;
transform: scaleY(1.3);
letter-spacing:1px;
color:#101010;
}
.head_top h2 {
font-weight:600;
font-size:20px;
line-height: 3px;
text-align:center;
color:#c44;
font-style:italic;
font-family:Times New Roman;
white-space: nowrap;
}

.gradient_head {
top:60px;
left:0;
width:100%;
height:9px;
border-bottom: 1px solid #d44;
background: #999;
background: -moz-linear-gradient(top, #e0e0e0 0%, #f8f8f8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(100%,#f8f8f8));
background: -webkit-linear-gradient(top, #e0e0e0 0%, #f8f8f8 100%);
background: -o-linear-gradient(top, #e0e0e0 0%, #f8f8f8 100%);
background: -ms-linear-gradient(top, #e0e0e0 0%, #f8f8f8 100%);
background: linear-gradient(top, #e0e0e0 0%, #f8f8f8 100%);
z-index: 3;
position:absolute;
}

@media screen and (max-width: 900px) {
.head_top .top_logo {left:2%;}
.logo_title {font-size:18px;}
.head_top h1 {font-size:24px;}
.head_top .top_center {left:38%;}
.head_top .top_right {left:80%;}
.head_top h2 {font-size:18px;}
}

@media screen and (max-width: 600px) {
.head_top .top_logo {left:1%;}
.head_top .top_left {left:12%;}
.head_top .top_center {left:35%;}
.logo_image{width:27px;}
.head_top .top_right {display:none;}
}