html, body {
height: 100%;
min-height: 100%; }
body {
background: #54575A;
font: 14px/16px Arial, sans-serif; }
.wrapper {
width: 980px;
margin: 0 auto;
box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.15);
background: #fff; }
a {
text-decoration: none;
cursor: pointer; }
li {
list-style: none; }
ul, ol {
padding: 0;
margin: 0; }
.site-logo {
display: block;
width: 236px;
height: 138px;
padding: 0 16px 37px 0;
background: #28577B;
box-sizing: border-box;
border-bottom: 1px solid rgba(126, 154, 176, 0.5); }
.clear-fix {
clear: both; }
.left-side {
width: 236px;
position: fixed;
top: 0;
bottom: 0;
min-height: 650px;
border-right: 4px solid #DBDAD8;
background: #333; }
.left-side a {
color: #fff;
font-size: 14px;
font-weight: normal; }
.left-side a:hover {
color: #ccc; }
.left-side .link-active {
color: #FFE400; }
.ls-language-setting {
border-bottom: 1px solid rgba(126, 154, 176, 0.5);
padding: 20px 16px 20px 20px; }
.ls-language-setting a {
margin-right: 10px; }
.ls-menu-item {
border-bottom: 1px solid rgba(126, 154, 176, 0.5); }
.ls-menu-item a {
display: block;
padding: 20px 16px 20px 20px;
line-height: 18px;
font-size: 16px; }
.ls-menu-item a:hover {
background-color: #54575A; }
.ls-menu-item .active {
color: #FFE400;
font-weight: bold; }
.menu-icon {
display: inline-block;
width: 18px;
height: 18px;
margin: 0px 10px -2px 0px;
background: transparent url("../img/icons.png") no-repeat scroll 0% 0%; }
.ls-menu-item .active .icon-pricelist {
background-position: -1px -22px; }
.ls-menu-item .active .icon-about {
background-position: -20px -22px; }
.ls-menu-item .active .icon-contact {
background-position: -40px -22px; }
.icon-pricelist {
background-position: -1px -2px; }
.icon-about {
background-position: -20px -2px; }
.icon-contact {
background-position: -40px -2px; }
.right-side {
position: relative;
width: 740px;
margin-left: 240px;
background: #fff;
border-top: 4px solid #FFE400; }
.header {
height: 34px;
padding: 10px 18px 9px 36px;
border-top: 1px solid #D49B00;
border-bottom: 1px solid rgba(206, 209, 212, 0.6); }
.our-call {
float: left; }
.our-call .our-call-text {
color: #666;
text-align: right;
width: 64px; }
.our-call .our-call-numb {
display: inline-block;
color: #000;
font-size: 24px;
line-height: 26px;
margin: 4px 20px 4px 14px; }
.site-maps {
height: 26px;
padding: 13px 30px 3px 36px;
border-bottom: 1px solid rgba(206, 209, 212, 0.6); }
.site-maps a {
color: #0368B3; }
.site-maps a:hover {
text-decoration: underline; }
.footer {
width: 100%;
border-top: 1px solid #A3A3A3;
background-color: #ccc;
height: 63px;
padding-left: 30px;
box-sizing: border-box; }
.footer .copyring {
line-height: 63px;
display: inline-block; }
.footer .email {
display: block;
line-height: 63px;
margin-right: 30px;
float: right; }
.page-title {
display: inline-block;
float: right;
padding: 0;
margin: 0;
text-align: center;
font-size: 24px; }
.content {
padding: 15px;
background: #fff;
font-size: 22px;
line-height: 25px; }
.item-vac {
margin-top: 15px;
padding-bottom: 40px; }
.about-company:after {
content: " ";
clear: both;
display: table; }
.i-v-img {
float: left;
width: 200px;
height: 200px;
margin-right: 20px;
margin-bottom: 20px; }
.item-vac-table {
width: 90%;
margin-left: 3%;
margin-top: 10px; }
.item-vac-table td {
border: 1px solid black;
padding: 5px; }
.last-text {
margin-top: 20px; }
.company-name {
text-align: center;
font-size: 26px; }
/*# sourceMappingURL=style.css.map */