* {
margin : 0;
padding : 0;
}
.logotext {
font-size : 20px;
}
.logotext1 {
font-size : 14px;
}
.wrapper {
width : 100%;
overflow : hidden;
}
.clear {
clear : both;
font-size : 0%;
line-height : 0%;
height : 0;
}
input, select {
vertical-align : middle;
font-weight : normal;
}
img {
border : 0;
vertical-align : top;
text-align : left;
}
ul, ol {
list-style : none;
}
a {
color : #575451;
}
a:hover {
text-decoration : none;
}
body {
background : #fff url(images/body-tail.jpg) repeat-x 0% 0%;
font-family : Arial, Helvetica, sans-serif;
font-size : 100%;
line-height : 1em;
color : white;
}
h1 {
font : normal 26px/30px Arial;
}
h2 {
padding : 0 0 11px 0;
font-size : 1.25em;
font-weight : normal;
line-height : 1.067em;
color : #698d9b;
}
h3 {
padding : 7px 0 5px 1px;
font-size : 1.231em;
font-weight : normal;
line-height : 1em;
color : #fff;
}
h4 {
padding : 7px 0 5px 1px;
font-size : 1.333em;
font-weight : normal;
line-height : 1em;
color : #bfbfbf;
}
h5 {
padding : 0 0 27px 0;
font-family : "Arial Narrow", Helvetica, sans-serif;
font-size : 2em;
font-weight : normal;
text-transform : uppercase;
letter-spacing : -1px;
color : #fb6d0e;
}
.fleft {
float : left;
}
.no-padding {
padding : 0 !important ;
}
img.fleft {
float : left;
margin : 0 31px 0 0;
}
#top-right-tail {
background : url(images/top-right-tail.jpg) repeat-x 0% 0%;
width : 50%;
height : 791px;
position : absolute;
top : 0;
right : 0;
}
.col-1, .col-2, .col-3, .col-4 {
float : left;
overflow : hidden;
}
#header {
position : relative;
width : 960px;
height : 438px;
margin : 0 auto;
}
#content {
background : #000;
font-size : 0.75em;
padding : 100px;
}
#content p {
padding : 0 0 24px 0;
font-size : 1.083em;
line-height : 1.23em;
}
#content p strong {
display : block;
font-size : 0.923em;
font-weight : normal;
}
#content p b {
display : block;
padding : 16px 0 16px 0;
font-size : 1.538em;
font-weight : normal;
line-height : 1em;
color : #fff;
}
#content p em {
float : right;
padding : 0 20% 0 0;
font-style : normal;
}
#content p span a {
color : #959595;
}
#content p.type1 {
color : #3c3b3b;
}
#content p.type2 {
padding : 0 0 14px 0;
color : #3c3b3b;
}
#content p.no-indent {
padding : 0;
}
.row-1 {
background : #000 url(images/content-bg.jpg) no-repeat 100% 0%;
position : relative;
width : 980px;
margin : 0 auto;
padding : 33px 0 25px 0;
}
.row-2 {
background : #1c1b1b;
width : 100%;
position : relative;
overflow : hidden;
padding : 24px 0 26px 0;
}
.center {
width : 980px;
margin : 0 auto;
}
.title {
height : 50px;
}
.title1 {
height : 43px;
padding : 0 0 0 2px;
}
.link {
background : url(images/link-bg.jpg) no-repeat 0% 0%;
display : block;
width : 99px;
height : 33px;
padding : 0 90px 33px 48px;
margin : 0 0 0 -48px;
text-align : center;
line-height : 28px;
}
.link a {
display : block;
width : 99px;
height : 33px;
text-decoration : none;
font-size : 1.25em;
color : #fdfdfd;
}
.link a:hover {
font-weight : bold;
}
.box .corner-top-left {
background : url(images/corner-top-left.png) no-repeat 0% 0%;
}
.box .corner-top-right {
background : url(images/corner-top-right.png) no-repeat 100% 0%;
width : 100%;
}
.box .border-top {
background : url(images/border-top.png) repeat-x 0% 0%;
height : 47px;
margin : 0 7px 0 6px;
}
.box .border-top img {
margin : 13px 0 0 7px;
}
.box .box-content {
background : #131212;
padding : 21px 20px 9px 27px;
}
.box .corner-bot-left {
background : url(images/corner-bot-left.png) no-repeat 0% 0%;
}
.box .corner-bot-right {
background : url(images/corner-bot-right.png) no-repeat 100% 0%;
width : 100%;
}
.box .border-bot {
background : url(images/border-bot.png) repeat-x 0% 0%;
height : 5px;
margin : 0 5px 0 5px;
font-size : 0;
}
.list {
padding : 0 0 14px 0;
}
.list li {
background : url(images/marker.gif) no-repeat 0% 14px;
padding : 0 0 0 24px;
position : relative;
font-size : 1.083em;
line-height : 2.308em;
}
.list li a {
color : #5b8793;
text-decoration : none;
}
.list-1 {
padding : 0 0 7px 0;
}
.list-1 li {
background : url(images/list-pic.jpg) no-repeat 0% 0%;
padding : 0 0 16px 53px;
font-size : 1.083em;
line-height : 1.231em;
color : #bbbbbb;
}
.list-2 li {
width : 100%;
overflow : hidden;
padding : 0 0 30px 0;
}
.list-2 li img {
float : left;
margin : 0 37px 0 0 !important ;
}
.list-2 li span {
display : block;
font-size : 1.333em;
line-height : 1em;
padding : 0 0 3px 1px;
color : #cdcdcd;
}
.list-2 li p {
padding : 0 0 3px 0 !important ;
line-height : 1.231em !important ;
color : #3c3b3b !important ;
}
.list-2 li strong {
float : right;
padding : 2px 56px 0 0;
font-weight : normal;
}
.list-2 li b {
font-size : 1.667em;
font-weight : normal;
line-height : 1em;
color : #fff;
}
.box-1 .corner-top-left {
background : #141313 url(images/corner-top-left1.gif) no-repeat 0% 0%;
}
.box-1 .corner-top-right {
background : url(images/corner-top-right1.gif) no-repeat 100% 0%;
}
.box-1 .corner-bot-left {
background : url(images/corner-bot-left1.gif) no-repeat 0% 100%;
}
.box-1 .corner-bot-right {
background : url(images/corner-bot-right1.gif) no-repeat 100% 100%;
}
.box-1 .box-content {
padding : 19px 25px 36px 37px;
}
.indent {
padding : 0 47px 0 34px;
}
.box-2 .corner-top-left {
background : url(images/corner-top-left2.png) no-repeat 0% 0%;
}
.box-2 .corner-top-right {
background : url(images/corner-top-right2.png) no-repeat 100% 0%;
width : 100%;
}
.box-2 .border-top {
background : url(images/border-top2.png) repeat-x 0% 0%;
height : 6px;
overflow : hidden;
margin : 0 6px 0 6px;
}
.box-2 .border-top img {
margin : 13px 0 0 7px;
}
.box-2 .box-content {
background : #131212;
padding : 13px 25px 25px 37px;
}
.box-2 .corner-bot-left {
background : url(images/corner-bot-left.png) no-repeat 0% 0%;
}
.box-2 .corner-bot-right {
background : url(images/corner-bot-right.png) no-repeat 100% 0%;
width : 100%;
}
.box-2 .border-bot {
background : url(images/border-bot.png) repeat-x 0% 0%;
height : 5px;
margin : 0 5px 0 5px;
font-size : 0;
}
#contact-form {
width : 535px;
}
#contact-form textarea {
background : #201f1f;
width : 265px;
height : 62px;
padding : 3px;
border : 1px solid #a4a4a4;
overflow : auto;
float : right;
font-family : Tahoma, Geneva, sans-serif;
font-size : 0.917em;
color : #a4a4a4;
}
#contact-form label {
display : block;
height : 25px;
overflow : hidden;
}
#contact-form input {
background : #201f1f;
width : 250px;
height : 16px;
padding : 1px 3px 1px 3px;
border : 1px solid #a4a4a4;
float : left;
font-family : Tahoma, Geneva, sans-serif;
font-size : 0.917em;
color : #a4a4a4;
}
#contact-form a {
float : right;
margin : 10px 0 0 24px;
}
#footer {
width : 980px;
height : 133px;
margin : 0 auto;
position : relative;
font-size : 0.75em;
color : red;
}
#footer p {
padding : 29px 0 0 37px;
font-size : 1.083em;
}
#footer a {
margin : 0 0 0 16px;
text-decoration : none;
color : #5b8793;
}
#footer a:hover {
text-decoration : underline;
}
#footerthrough {
width : 980px;
margin : 10px 0 10px 32px;
}
#footerthrough a {
margin : 0 0 0 5px;
}
#article p strong {
display : inline;
}
#article p {
color : #ffffff;
text-align : justify;
}
#head {
float : left;
width : 900px;
margin-left : 28px;
}
#fon_menu {
position : absolute;
width : 900px;
left : 0;
z-index : 999 !important ;
}
#menu_top {
background : #000 url('skin/background.jpg') no-repeat left top;
position : relative;
float : left;
width : 900px;
height : 308px;
z-index : 1;
}
#logo {
position : relative;
float : left;
height : 120px;
width : 300px;
}
#head_block {
background : url('images/top-right-tail.jpg') repeat-x left top;
position : relative;
float : left;
height : 149px;
width : 800px;
margin-left : 88px;
}
.head_text {
position : relative;
float : left;
padding : 10px;
height : 103px;
width : 400px;
color : #fff;
font : bold 18px/16px Arial;
}
.head_text a {
text-decoration : none;
}
.head_text h3 {
font : normal 28px/30px Arial;
margin : 0;
padding : 0;
}
.contact_head {
position : absolute;
top : 1px;
right : 0;
font : bold 18px/24px Arial;
text-align : right;
}
.contact_head a {
text-decoration : none;
}
#menu_top ul {
position : absolute;
bottom : 0;
z-index : 10;
}
#menu_top li {
position : relative;
float : left;
width : 125px;
color : #fff;
bottom : 0;
padding-left : 30px;
list-style-type : none;
font : normal 14px/20px Arial;
}
#menu_top li a {
color : #fff;
text-decoration : none;
}
.service {
left : 0;
}
.service_img, .to_img, .odnometr_img, .parts_img, .contact_img {
position : absolute;
width : 272px;
height : 308px;
z-index : 2;
}
.service_img {
background : url(skin/service.png) no-repeat;
left : 2px;
}
.to_img {
background : url(skin/to.png) no-repeat;
left : 473px;
}
.contact_img {
background : url(skin/contact.png) no-repeat;
left : 630px;
}
.odnometr_img {
background : url(skin/odnometr.png) no-repeat;
left : 159px;
}
.parts_img {
background : url(skin/parts.png) no-repeat;
left : 316px;
}
.text {
width : 100px;
}
#page1 .row-1 .col-1 {
width : 574px;
padding : 36px 40px 0 48px;
}
#page1 .row-1 .col-2 {
width : 273px;
padding : 0 45px 0 0;
}
#page1 .row-2 .col-1 {
width : 610px;
padding : 0 19px 0 34px;
}
#page1 .row-2 .col-2 {
width : 272px;
padding : 1px 45px 0 0;
}
#page2 .row-1 .col-1 {
width : 273px;
padding : 0 19px 0 45px;
}
#page2 .row-1 .col-2 {
width : 598px;
padding : 0 45px 0 0;
}
#page2 .row-2 .col-1 {
width : 404px;
padding : 0 30px 0 0;
}
#page2 .row-2 .col-2 {
width : 403px;
padding : 0 0 0 0;
}
#page3 .row-3 .col-1 {
width : 275px;
padding : 0 30px 0 0;
}
#page3 .row-3 .col-2 {
width : 276px;
padding : 0 30px 0 0;
}
#page3 .row-3 .col-3 {
width : 241px;
}
#page4 .row-1 .col-1 {
width : 598px;
padding : 0 19px 0 45px;
}
#page4 .row-1 .col-2 {
width : 273px;
padding : 0 45px 0 0;
}
#page4 .row-2 .col-1 {
width : 414px;
padding : 0 20px 0 0;
}
#page4 .row-2 .col-2 {
width : 403px;
}
#page5 .row-1 .col-1 {
width : 273px;
padding : 0 19px 0 45px;
}
#page5 .row-1 .col-2 {
width : 598px;
padding : 0 45px 0 0;
}
#page5 .row-2 .col-1 {
width : 610px;
padding : 0 19px 0 34px;
}
#page5 .row-2 .col-2 {
width : 272px;
padding : 1px 45px 0 0;
}
#page6 .row-1 {
width : 892px;
padding : 36px 40px 0 48px;
}
L1 {
color : #ffffff;
}
L2 {
color : #fb6d0e;
font-weight : bold;
}
L3 {
color : #5b8793;
}
#page1 .row-1 .col-1 {
width : 574px;
padding : 36px 40px 0 48px;
}
#page1 .row-1 .col-2 {
width : 273px;
padding : 0 45px 0 0;
}
#page1 .row-2 .col-1 {
width : 610px;
padding : 0 19px 0 34px;
}
#page1 .row-2 .col-2 {
width : 272px;
padding : 1px 45px 0 0;
}
#page2 .row-1 .col-1 {
width : 273px;
padding : 0 19px 0 45px;
}
#page2 .row-1 .col-2 {
width : 598px;
padding : 0 45px 0 0;
}
#page2 .row-2 .col-1 {
width : 404px;
padding : 0 30px 0 0;
}
#page2 .row-2 .col-2 {
width : 403px;
padding : 0 0 0 0;
}
#page3 .row-3 .col-1 {
width : 275px;
padding : 0 30px 0 0;
}
#page3 .row-3 .col-2 {
width : 276px;
padding : 0 30px 0 0;
}
#page3 .row-3 .col-3 {
width : 241px;
}
#page4 .row-1 .col-1 {
width : 598px;
padding : 0 19px 0 45px;
}
#page4 .row-1 .col-2 {
width : 273px;
padding : 0 45px 0 0;
}
#page4 .row-2 .col-1 {
width : 414px;
padding : 0 20px 0 0;
}
#page4 .row-2 .col-2 {
width : 403px;
}
#page5 .row-1 .col-1 {
width : 273px;
padding : 0 19px 0 45px;
}
#page5 .row-1 .col-2 {
width : 598px;
padding : 0 45px 0 0;
}
#page5 .row-2 .col-1 {
width : 610px;
padding : 0 19px 0 34px;
}
#page5 .row-2 .col-2 {
width : 272px;
padding : 1px 45px 0 0;
}
#page6 .row-1 {
width : 892px;
padding : 36px 40px 0 48px;
}
L1 {
color : #ffffff;
}
L2 {
color : #fb6d0e;
font-weight : bold;
}
L3 {
color : #5b8793;
}