/*
Standards-based Web Design
by Alex - http://www.webunit.spb.ru
*/
body {
font: normal 13px/1.4 tahoma, sans-serif;
color: #707070;
background: url(images/site/bgd_main.jpg) repeat 0 0;
text-align: center;
}
/* ============ Basic Layout ==== */
#container {
min-width: 1000px;
max-width: 1200px;
min-height: 400px;
display: block;
position: relative;
z-index: 50;
margin: 0 auto;
text-align: left;
}
#bgtl {
position: absolute;
top: 0;
left: 0;
width: 80px;
height: 152px;
z-index: 900;
background: url(images/site/bg-tl.png) no-repeat 0 0;
}
#bgtr {
position: absolute;
top: 0;
right: 0;
width: 80px;
height: 152px;
z-index: 900;
background: url(images/site/bg-tr.png) no-repeat 0 0;
}
#bgbl {
position: absolute;
bottom: 0;
left: 0;
width: 80px;
height: 127px;
z-index: 900;
background: url(images/site/bg-bl.png) no-repeat 0 0;
}
#bgbr {
position: absolute;
bottom: 0;
right: 0;
width: 80px;
height: 127px;
z-index: 900;
background: url(images/site/bg-br.png) no-repeat 0 0;
}
#footer {
display: block;
min-width: 840px;
max-width: 1040px;
margin: 0 80px;
height: 127px;
position: relative;
z-index: 30;
background: url(images/site/bg-footer.png) repeat-x 0 0;
}
#header {
position: relative;
z-index: 30;
margin: 0 80px;
display: block;
min-height: 152px;
background: url(images/site/bg-header.png) repeat-x 0 0;
}
.topunit {
display: block;
position: relative;
min-width: 920px;
padding-right: 29px;
background: url(images/site/bg-cright.png) repeat-y 100% 0;
}
.topunit .wrapper {
display: block;
padding-left: 29px;
background: url(images/site/bg-cleft.png) repeat-y 0 0;
}
.unit {
display: block;
position: relative;
min-width: 920px;
padding-right: 29px;
background: url(images/site/bg-cright2.png) repeat-y 100% 0;
}
.unit .wrapper {
display: block;
padding-left: 29px;
background: url(images/site/bg-cleft2.png) repeat-y 0 0;
}
#content {
display: block;
min-height: 500px;
padding-bottom: 20px;
}
#content.common {
background: url(images/site/bg-submenutop.jpg) no-repeat 0 0;
}
#content.private {
background: url(images/site/bg-insider.jpg) no-repeat 0 0;
}
#content.company {
background: url(images/site/bg-insider-com.jpg) no-repeat 0 0;
}
/* ------------------------------------- */
/* ============= Header Block ===== */
.logoplace {
width: 170px;
height: 100px;
padding: 40px 0 0 0;
float: left;
}
.cap {
width: 633px;
float: right;
}
.cap dl {
width: 633px;
height: 50px;
padding: 70px 0 0 0;
}
.cap dl dd {
width: 210px;
float: left;
border-left: 1px solid #e7e9e9;
text-align: center;
}
.menusigns {
height: 30px;
padding-top: 20px;
}
.menusigns a {
width: 30px;
height: 20px;
display: block;
float: left;
margin-left: 30px;
}
.menusigns .home {background: url(images/site/menusigns.gif) no-repeat 5px 0;}
.menusigns .lett {background: url(images/site/menusigns.gif) no-repeat -66px 0;}
.menusigns .smap {background: url(images/site/menusigns.gif) no-repeat -139px 0;}
/* ---------------------------- */
/* ============== SubHeader Block ===== */
.menutopcomm {
display: block;
height: 190px;
}
#menuleft {
width: 240px;
width: 300px;
height: 190px;
float: left;
background: url(images/site/bg-menutop-left2.jpg) no-repeat 0 0;
padding: 0;
}
/* ===== Menu Links === */
#menuleft ul {
list-style: none;
margin: 0;
padding: 36px 10px 0 55px;
}
#menuleft li {
margin-bottom: 20px;
}
#menuleft li a {
text-decoration: none;
color: #FFFFFF;
display: block;
width: 170px;
height: 16px;
}
#menuleft li.one a {background: url(images/site/menutop-left-txt.gif) no-repeat 0 0;}
#menuleft li.one a:hover,
#menuleft li.one .selected {background-position: -300px 0;}
#menuleft li.two a {background: url(images/site/menutop-left-txt.gif) no-repeat 0 -36px;}
#menuleft li.two a:hover,
#menuleft li.two .selected {background-position: -300px -36px;}
#menuleft li.three a {background: url(images/site/menutop-left-txt.gif) no-repeat 0 -72px;}
#menuleft li.three a:hover,
#menuleft li.three .selected {background-position: -300px -72px;}
#menuleft li.four a {background: url(images/site/menutop-left-txt.gif) no-repeat 0 -108px;}
#menuleft li.four a:hover,
#menuleft li.four .selected {background-position: -300px -108px;}
.rightzone {
display: block;
height: 190px;
background: url(images/site/bg-top-common.jpg) no-repeat 0 0;
/*margin-left: 301px;*/
overflow: hidden;
text-align: left;
}
.rightzone_jurik {
display: block;
width: 740px;
height: 190px;
background: url(images/site/bg-top-jurik.jpg) no-repeat 0 0;
margin-left: 240px;
}
.rightzone_jurik p {
margin: 0;
padding: 110px 0 0 250px;
}
/* ---------------------------- */
/* ======================= Typography ==== */
#content h1 {
display: block;
color: #3e6da3;
text-transform: uppercase;
font-size: 16px;
font-weight: normal;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
margin-bottom: 10px;
}
h1.pdg {padding-left: 15px;}
p {
padding-bottom: 8px;
}
/* ======================= Content Columns === */
.sidebar {
width: 300px;
float: left;
}
.sidebar h1 {
padding-left: 55px;
padding-top: 30px;
padding-bottom: 10px;
}
/* ==== dd menus === */
.bluebg {
display: block;
padding: 0 0 0 40px;
margin-right: 20px;
background: #eff8fc;
}
.ddmenus {
background: url(images/site/line-bot-ddmenu.gif) repeat-x 0 100% #dae7f1;
padding: 8px 3px 8px 11px;
margin-bottom: 15px;
text-align: center;
position: relative;
z-index: 10;
}
.ddmenus a {
display: block;
width: 202px;
height: 28px;
background: url(images/site/bg-menuselect.gif) no-repeat 100% 0;
text-align: left;
padding-left: 5px;
padding-right: 10px;
padding-top: 3px;
color: #3e6da3;
text-decoration: none;
}
.ddmenus ul {
list-style-type: none;
padding: 0 0 0 0;
margin: 0;
}
.ddmenus ul li a {
background-image: none;
text-align: left;
height: auto;
padding: 2px 4px 2px 5px;
margin: 3px 3px 3px 3px;
width: auto;
}
.ddmenus ul li a:hover {
background-color: #cee8f5;
}
#ddmenu div,
#ddmenu2 div,
#ddmenu3 div,
#ddmenu4 div {
display: none;
position: absolute;
width: 215px;
height: 124px;
overflow: auto;
top: 36px;
left: 12px;
background: url(images/site/bg-menuoption.gif) no-repeat 0 100%;
padding-bottom: 6px;
}
#ddmenu {z-index: 120;}
#ddmenu2 {z-index: 110;}
#ddmenu3 {z-index: 100;}
#ddmenu4 {z-index: 90;}
.menudd_01{
width: 160px;
height: 27px;
font-size: 12px;
font-style: normal;
text-decoration: none;
background: url(images/site/bg-menuselect.gif) no-repeat 100% 0;
color: #707070;
border: 1px solid #c6c7c7;
padding: 2px 4px;
}
/* ------------------------ */
.mainbar {
display: block;
margin-left: 300px;
padding-top: 30px;
}
.mainbar.shadeside {
background: url(images/site/shadeside.jpg) no-repeat 100% 0;
}
.contentbar {
width: 70%;
float: left;
}
.contentbar .wrap,
.onecolbar .wrap {
display: block;
min-height: 100px;
padding: 0;
}
.townbar {
display: block;
min-height: 100px;
padding: 0 20px 0 240px;
}
.onecolbar {
width: 630px;
padding: 100px 0 0 0;
}
.onecolbar.ptzero {
padding-top: 0;
}
.onecolbar p {
padding-bottom: 10px;
}
.onecolbar ul {
list-style-type: none;
padding: 0 0 5px 5px;
}
.onecolbar ul li {
padding: 0 0 5px 16px;
background: url(images/site/marker-green.gif) no-repeat 0 .5em;
}
.addbar {
width: 29%;
float: right;
}
.addbar .wrap,
.tandemside .wrap {
display: block;
min-height: 100px;
padding-right: 0;
}
.addrbox {
display: block;
padding: 60px 0 20px 50px;
}
.addrbox p {
padding-bottom: 6px;
}
.resnetbox {
width: 206px;
height: 190px;
padding: 48px 0 0 45px;
}
.resnetbox a {
display: block;
width: 206px;
height: 190px;
background: url(images/site/resnet.jpg) no-repeat 0 0;
}
/*
.paymentbox {
width: 206px;
height: 171px;
padding: 40px 0 0 45px;
}
.paymentbox a {
display: block;
width: 206px;
height: 171px;
background: url(images/site/payment.jpg) no-repeat 0 0;
}
*/
.paymentbox {
width: 206px;
height: auto;
padding: 40px 0 0 45px;
background: url(images/site/payment.jpg) no-repeat 45px 40px;
}
.paymentbox p {
display: block;
height: auto;
margin: 180px 0 0 30px;
}
/* -------------------- */
/* -------------------- */
.gmap {
width: 99%;
height: auto;
margin-bottom: 15px;
border: 1px solid #a2aa9c;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.newsbox {
display: block;
background: url(images/site/bg-newsbox-top.gif) no-repeat 0 0;
padding-top: 20px;
}
.newsbox dl {
display: block;
min-height: 60px;
background: url(images/site/bg-newsbox-bot.gif) no-repeat 0 100%;
padding: 0 0 10px 15px;
font-size: 90%;
}
.newsbox dl a {color: #707070;}
.newsbox dl a:hover {text-decoration: none;}
.newsbox dl dt {
min-height: 16px;
display: block;
background: url(images/site/marker-dt.gif) no-repeat 0 50%;
padding-left: 25px;
padding-right: 30px;
}
.newsbox dl dt span {
color: #fff;
background: #71ce39;
padding: 2px 10px;
}
.newsbox dl dd {
margin: 12px 0 15px 0;
padding: 0 30px 6px 0;
border-bottom: 1px solid #e0e6e9;
}
/* ======================= Forms === */
.fdback {
display: block;
padding: 30px 20px 20px 0;
}
.fdback label {
display: block;
}
.fdback input,
.fdback textarea {
width: 162px;
width: 90%;
padding: 4px;
margin-bottom: 10px;
border: 1px solid #d9dbdd;
}
.fdback textarea {
height: 7em;
}
.fdback .togo,
.togo {
width: 107px;
height: 29px;
margin-right: 6%;
border: none;
background: url(images/site/bttn-submit.gif) no-repeat 0 0;
cursor: pointer;
}
/* ------------------ */
.orderform {
display: block;
}
.ordersubmit {
width: 231px;
height: 48px;
border: none;
background: url(images/site/order.gif) no-repeat 0 0;
cursor: pointer;
margin-top: 22px;
}
/* ======================= TxtBlocks Switcher ==== */
.onecolbar #navigation a {
color: #3e6da3;
text-decoration: none;
border-bottom: 1px dotted #aaa;
}
.onecolbar #navigation a:hover {
border: none;
}
.onecolbar #navigation {
list-style-type: none;
display: block;
margin: 20px 0 10px 0;
padding: 10px 20px;
background: #f2f3f5;
border: 1px solid #f2f3f5;
-moz-border-radius: 7px;
-khtml-border-radius: 7px;
-webkit-border-radius: 7px;
}
.onecolbar #navigation li {
display: inline;
padding: 1px 10px 1px 0;
margin-right: 10px;
border-right: 1px solid #aaa;
background-image: none;
}
.onecolbar #information {
margin: 5px 0 15px 0;
padding: 0;
}
.status {
display: block;
width: auto;
height: auto;
padding: 0;
margin: 6px 0;
color: #3e6da3;
}
.status p {
width: auto;
padding: 6px 20px 6px 20px;
background: #effae3;
display: table-cell;
border: 1px solid #effae3;
-moz-border-radius: 7px;
-khtml-border-radius: 7px;
-webkit-border-radius: 7px;
}
.status p input {
vertical-align: top;
}
.status p span {
vertical-align: baseline;
}
.infobox {
width: 628px;
display: block;
}
.infobox th,
.infobox td {
padding: 8px 2px;
text-align: center;
border: 1px solid #ddd;
}
.infobox th {
background: #eef7fc;
}
.infobox .colored {
background: #effae3;
}
.infobox strong {
color: #3e6da3;
}
.infobox caption {
text-align: left;
padding: 0 20px 3px 20px;
color: #3e6da3;
}
/* ======================= Payment Systems === */
.paysys {
display: block;
margin: 20px 0;
padding-bottom: 5px;
border-bottom: 1px solid #ddedf6;
}
.paysys dt {
width: 132px;
height: 174px;
float: left;
}
.paysys dt img {
border: 1px solid #6bb6de;
}
.paysys dd {
display: block;
vertical-align: bottom;
padding-top: 40px;
margin-left: 200px;
}
/* ======================= Footer Blocks ==== */
.copyright {
width: 280px;
float: left;
margin-right: 20px;
padding-top: 25px;
min-height: 40px;
}
.copyright p {
color: #576164;
padding-left: 60px;
}
.ktclinks {
width: 200px;
padding-top: 25px;
float: left;
min-height: 40px;
}
.ktclinks p {
padding: 0 10px;
}
.ktclinks p a {
padding: 4px 6px;
background: #487eb1;
color: #fff;
}
.ktcadv {
width: 310px;
padding-top: 20px;
font-size: 90%;
float: right;
min-height: 40px;
}
.ktcadv p,
.ktcadv p a,
.masters p,
.masters p a {
color: #bdc2c3;
}
.masters {
display: block;
clear: both;
padding: 4px 0 0 0;
font-size: 80%;
}
.masters p,
.masters p a {
color: #bdc2c3;
text-align: center;
}
/* -------------------------- */
.sitemap {
display: block;
margin: 20px 0 0 0;
}
/*.sitemap li {
padding: 4px 0 8px 0;
}*/
.sitemap li a {
display: block;
padding: 4px 0 8px 10px;
margin-right: 50px;
}
.sitemap li a:hover {
background: #cee8f5;
}
/* ======================= MISC === */
a {color: #707070;}
a:hover {text-decoration: none;}
.no {display: none;}
.listhead,
.onecolbar .listhead {padding-bottom: 5px;}
.tblcell {
display: table-cell;
vertical-align: baseline;
}
.separator {display: block; clear: both; visibility: hidden; height: 0;}
.separator10 {display: block; clear: both; visibility: hidden; height: 10px;}
.separator20 {display: block; clear: both; visibility: hidden; height: 20px;}
.separator40 {display: block; clear: both; visibility: hidden; height: 40px;}
/* ======================= AUTO Cleaning === */
.clear {clear: both;}
.paysys:after {
content: "."; display: block; visibility: hidden; height: 0; clear: both;
}