@charset "utf-8";
/* CSS Document */
html, body {
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
}
html {
overflow-y: scroll;
}
body {
background-color: #FFFFFF;
font-family: "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
color: #303030;
line-height: 15px;
font-size: 12px;
}
img {
border: none;
border-width: 0px;
padding: 0px;
margin: 0px;
}
a {
color: #0163af;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
ins {
text-decoration: none;
font-style: normal;
}
div.clear {
clear: both;
height: 0px;
overflow: hidden;
}
h1, h3 {
color: #303030;
font-family: "Times New Roman", Times, serif;
font-size: 24px;
font-weight: normal;
padding: 15px 0px 0px;
margin: 0px;
display: block;
line-height: 24px;
height: 40px;
border-bottom: solid 1px #dbdbdb;
}
h2 {
font-family: "Times New Roman", Times, serif;
font-size: 16px;
color: #0163af;
line-height: 18px;
margin: 0px 0px 5px 0px;
font-weight: bold;
}
h3 {
font-size: 18px;
height: 36px;
border-bottom: none;
border-bottom-width: 0px;
}
p {
margin: 0px 0px 15px 0px;
}
sup {
position: relative;
bottom: 0.3em;
vertical-align: baseline;
}
div.generalWrapper {
width: 960px;
margin: 0px auto;
padding: 0px 0px 0px 20px;
}
div.topHolder {
height: 80px;
overflow: visible;
}
a.logo, div.logo {
float: left;
width: 320px;
height: 80px;
overflow: visible;
position: relative;
display: block;
}
a.logo img, div.logo img {
position: absolute;
width: 309px;
height: 138px;
top: 0px;
left: 0px;
z-index: 1;
}
div.smallMenuHolder {
height: 32px;
padding-top: 13px;
float: right;
}
div.smallMenuHolder img {
vertical-align: middle;
}
div.smallMenuHolder img.divider {
width: 4px;
height: 4px;
margin: 0px 6px;
}
div.smallMenuHolder img.phoneNumber {
width: 133px;
height: 22px;
margin: 0px 10px 0px 20px;
}
div.smallMenuHolder a {
font-size: 16px;
line-height: 22px;
color: #505050;
text-decoration: none;
}
div.smallMenuHolder a:hover {
color: #0163af;
}
div.smallMenuHolder div {
display: inline;
font-size: 16px;
line-height: 22px;
color: #0163af;
text-decoration: none;
font-weight: bold;
}
div.topMenuHolder {
clear: right;
height: 35px;
width: 660px;
float: right;
}
div.topMenuHolder a, div.topMenuHolder div {
position: relative;
color: #000000;
text-decoration: none;
font-size: 16px;
line-height: 20px;
height: 26px;
padding: 9px 10px 0px 10px;
white-space: nowrap;
display: block;
float: right;
background: url(../images/topmenu-tab.gif) transparent -10px 0px no-repeat;
*padding-top: 5px;
*height: 30px;
}
div.topMenuHolder a ins, div.topMenuHolder div ins {
display: block;
width: 10px;
height: 35px;
position: absolute;
top: 0px;
left: auto;
right: 0px;
background: url(../images/topmenu-tab.gif) transparent 0px 0px no-repeat;
}
div.topMenuHolder a:hover, div.topMenuHolder div {
background-position: -10px -35px;
}
div.topMenuHolder a:hover ins, div.topMenuHolder div ins {
background-position: 0px -35px;
}
div.mainFlashHolder {
width: 100%;
height: 230px;
background-color: #000000;
}
div.oneThird {
float: left;
width: 300px;
margin-right: 20px;
position: relative;
}
div.twoThird {
float: left;
width: 620px;
margin-right: 20px;
}
div.textContent {
padding-top: 20px;
}
div.textContent div.imgHolder img {
padding: 0px 2px;
border: solid 1px #dbdbdb;
border-width: 0px 1px;
}
div.textContent div.imgHolder div.top, div.textContent div.imgHolder div.bottom {
height: 3px;
background: url(../images/img-holder-top.gif) transparent -3px 0px no-repeat;
position: relative;
}
div.textContent div.imgHolder div.top ins, div.textContent div.imgHolder div.bottom ins {
width: 3px;
height: 3px;
overflow: hidden;
display: block;
position: absolute;
top: 0px;
left: auto;
right: 0px;
background: url(../images/img-holder-top.gif) transparent 0px 0px no-repeat;
}
div.textContent div.imgHolder div.bottom, div.textContent div.imgHolder div.bottom ins {
background-image: url(../images/img-holder-bottom.gif);
}
div.textContent ul {
margin: 10px 0px;
padding: 0px;
}
div.textContent ul li {
list-style: none;
background: url(../images/list-marker-arrow.gif) 10px 6px no-repeat;
padding: 2px 0px 2px 22px;
}
a.arrowLink {
padding-right: 6px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
background: url(../images/link-arrow.gif) transparent 100% 5px no-repeat;
}
a.arrowLink:hover {
text-decoration: none;
padding-right: 7px;
}
div.boldDivider {
margin-top: 20px;
background-color: #808080;
height: 3px;
overflow: hidden;
}
div.boldDivider div.r, div.boldDivider div.l {
float: right;
width: 1px;
height: 3px;
overflow: hidden;
background-image: url(../images/bold-divider-ends.gif);
}
div.boldDivider div.l {
float: left;
}
div.listItem {
height: 55px;
background: url(../images/dotted-devider.gif) transparent 0px 100% repeat-x;
margin-bottom: 15px;
color: #808080;
}
div.listItem a.listLink {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}
div.listItem a.listLink:hover {
text-decoration: none;
}
.markerNew {
padding-left: 35px;
background: url(../images/marker-new.gif) transparent 0px 2px no-repeat;
}
div.bottomHolder {
width: 100%;
height: 190px;
background-color: #ebebeb;
}
div.copyrightHolder {
width: 940px;
height: 27px;
margin: 0px auto;
color: #808080;
padding-top: 13px;
}
div.quickLinks a, div.quickLinks span {
display: block;
float: left;
clear: both;
line-height: 17px;
padding-right: 7px;
white-space: nowrap;
background: url(../images/link-arrow.gif) transparent 100% 7px no-repeat;
}
div.quickLinks span {
color: #76a7cd;
text-decoration: none;
background-image: none;
}
div.quickLinks a:hover {
text-decoration: none;
padding-right: 8px;
}
#worksHolder {
width: inherit;
}
#worksHolder div.itemHolder {
width: 50px;
height: 50px;
margin: 0px 18px 18px 0px;
float: left;
}
#worksHolder div.itemHolder img {
width: 44px;
height: 44px;
padding: 3px;
background: url(../images/works-img-bg.gif) transparent 0px 0px no-repeat;
}
#worksHolder div.itemHolder div.src,
#worksHolder div.itemHolder div.title,
#worksHolder div.itemHolder div.width,
#worksHolder div.itemHolder div.height {
display: none;
}
#worksHolder a.nextBtn, #worksHolder a.prevBtn {
display: block;
width: 50px;
height: 50px;
margin: 0px 18px 18px 0px;
float: left;
background: url(../images/works-arrow-next.gif) 0px 0px;
}
#worksHolder a.prevBtn {
background: url(../images/works-arrow-prev.gif) 0px 0px;
}
#worksHolder a.nextBtn:hover, #worksHolder a.prevBtn:hover {
background-position: 0px -50px;
}
/* WORKS DESCRIPTION BLOCK */
#workDescription {
position: absolute;
top: 0px;
left: 0px;
display: none;
z-index: 1000;
}
#workDescription td div {
position: relative;
overflow: hidden;
}
#workDescription td.tl,
#workDescription td.tr,
#workDescription td.tl div,
#workDescription td.tr div {
width: 25px;
height: 25px;
}
#workDescription td.bl,
#workDescription td.br,
#workDescription td.bl div,
#workDescription td.br div {
width: 25px;
height: 25px;
vertical-align: top;
}
#workDescription td.tl img,
#workDescription td.tr img,
#workDescription td.bl img,
#workDescription td.br img {
width: 50px;
height: 50px;
position: absolute;
}
#workDescription td.tl img {
top: 0px;
left: 0px;
}
#workDescription td.tr img {
top: 0px;
left: -25px;
}
#workDescription td.bl img {
top: -25px;
left: 0px;
}
#workDescription td.br img {
top: -25px;
left: -25px;
}
#workDescription td.t, #workDescription td.t div {
height: 25px;
}
#workDescription td.t img {
width: 2091px;
height: 50px;
position: absolute;
top: 0px;
left: 0px;
}
#workDescription td.l,
#workDescription td.r,
#workDescription td.l div,
#workDescription td.r div {
width: 25px;
}
#workDescription td.l img,
#workDescription td.r img {
width: 50px;
height: 800px;
position: absolute;
top: 0px;
}
#workDescription td.l img {
left: 0px;
}
#workDescription td.r img {
left: -25px;
}
#workDescription td.c {
background: url(../images/loading.gif) #FFFFFF center center no-repeat;
}
#workDescription td.b, #workDescription td.b div {
height: 25px;
}
#workDescription td.b img {
width: 2091px;
height: 65px;
position: absolute;
top: -25px;
left: 0px;
}
div.spectrLineHolder {
width: 100%;
height: 40px;
background: url(../images/top-spectr-line.png) #FF0000 center center no-repeat;
}
table.vacancie {
margin: 10px 0px 10px 20px;
}
table.vacancie td {
padding-bottom: 10px;
vertical-align: top;
}
table.vacancie td:first-child {
font-weight: bold;
width: 160px;
}
table.vacancie tr.contact td {
padding-top: 10px;
border-top: solid 1px #dbdbdb;
}
div.imgHolder iframe {
padding: 0px;
border: solid 1px #DBDBDB;
border-width: 0px 1px;
}