/*CSS Reset and base styles */
* { margin: 0; padding: 0; }
html { }
body { font-family: Tahoma, Arial, sans-serif; font-size: 1em; color: #000; }
h1 {font-size: 1.6em; font-weight: normal; margin-bottom: 20px; }
h2 {font-size: 1.4em;font-weight:normal;margin:10px 0 10px;}
h3 {font-size: 1.1em;font-weight:bold;margin:5px 0 10px;}
a {color:#034066;text-decoration: none;}
a:hover {text-decoration:underline;}
a:visited {}
p {line-height: 1.5em; margin: 0 0 20px;}
div.clear {clear: both; float: none; }
table {border:none;border-collapse:collapse;}
table td {padding:0px;}
input[type=text],input[type=password],select { height: 20px; }
input[type=text],input[type=password],select,textarea { margin: 5px 0; border: 1px #cccccc solid; border-radius: 4px; padding: 0 0 0 5px; }

#void { width: 100%; }

/* Main area */
#actual { width: 1200px; margin: 0 auto; box-shadow: 0 0 20px #808080; }

/**
 * Header
 */
#header { width: 100%; height: 140px; background: url('/img/logo-back.jpg') no-repeat transparent top right; }
#header .logo { width: 400px; height: inherit; float: left; clear: none; }
#header .logo a {
    display: inline-block;
    width: 365px;
    height: 130px;
    margin: 10px 0 0 35px;
    background: url('/img/logo.gif') no-repeat transparent 0 0;
}
#header .contact { float: left; clear: none; margin: 20px 0 20px 100px; }
#header .contact .title { font-size: 1.2em; font-weight: bold; text-align: center; margin-bottom: 12px; }
#header .contact .line { font-size: 1.1em; line-height: 1.9em; }
#header .contact .line1 {}
#header .contact .line2 {}
#header .contact .line3 {}

#header .right { float: right; height: 140px; margin-right: 30px; }
#header .right .nav-panel { height: 30px; }
#header .right .spacer { height: 85px; }
#header .right .lang-panel { height: 25px; }
#header .right .lang-panel .inner { display:none;width: 96px; float: right; margin: 0 4px 0 0; }
#header .right .lang-panel .inner .item { width: 16px; height: 16px; margin: 7px 4px 1px; display: inline-block; }
#header .right .lang-panel .inner .item.ru { background: url('/img/flags/Russia.png') transparent no-repeat 0 0; }
#header .right .lang-panel .inner .item.mo { background: url('/img/flags/Moldova.png') transparent no-repeat 0 0; }
#header .right .lang-panel .inner .item.en { background: url('/img/flags/United-Kingdom.png') transparent no-repeat 0 0; }
#header .right .lang-panel .inner .sep { height: 20px; width: 1px; background-color: #172c36; display: inline-block; }

#header .right .company-info { margin: 34px 0 0; }
#header .right .company-info .line { font-size: 0.86em; font-weight: bold; margin: 12px 0; }

/**
 * Ribbon
 */
#ribbon { height: 55px; background: url('/img/ribbon-bg.gif') transparent repeat-x 0 0; border-bottom: 5px #044974 solid; }
#ribbon .menu { height: 50px; }
#ribbon .menu { padding: 5px 0; text-align: center; }
#ribbon .menu li {
    height: 35px;
    margin: 0 10px;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    list-style-type: none;
    padding: 15px 10px 0;
    font-size: 0.9em;
}
#ribbon .menu li a {
    color: #ffffff;
}
#ribbon .menu li a:hover {
    color: #f2f2f2;
}
#ribbon .menu li.active {
    border-radius: 5px  5px 0 0; background: url('/img/main-menu-active-bg.gif') transparent 0 0;
}
#ribbon .menu li.active a {
    color: #172c36;
}
#ribbon .menu li.active a:hover {
    color: #202020;
}

#banner {width:1200px;height:200px;background:url('/img/trucks.jpg') transparent no-repeat;}

/**
 * Main area
 */
#main { min-height:640px; }
#main>table { height:640px;width: 100%; }
#main>table tr {height:100%;}
#main .col { vertical-align: top; }

/* Left column */
#main .col.left {padding:20px 0 0 0;width:240px;background-color:#f2f2f2;}
#main .col.left .menu {}
#main .col.left .menu ul {}
#main .col.left .menu ul li {list-style-type:none;}
#main .col.left .menu li.level-1>span {
    color:#ffffff;
    height:30px;
    background:url('/img/left-menu-group-bg.gif') transparent repeat-x 0 0;
    padding:5px 20px;
    font-size:0.9em;
    display:block;
    cursor:default;
}
#main .col.left .menu li.level-1>ul {padding:0 10px 10px 20px;}
#main .col.left .menu li.level-2 {margin:0 0 10px 0;font-size:0.9em;color:#172c36;}
#main .col.left .menu li.level-3 {margin:8px 0 0 0;}
#main .col.left .menu li.level-3 a {color:#000000;}
#main .col.left .menu li.level-4 {margin:10px 0 0 10px;font-size:0.9em;color:#000000;}
#main .col.left .menu li.level-5 {margin:10px 0 0 10px;font-size:0.9em;color:#172c36;}
#main .col.left .menu li.active>a {font-weight:bold;}
#main .col.left .menu li.zip>span {color:#206040;cursor:pointer;}
#main .col.left .menu li.zip>span.hover {text-decoration:underline;}
#main .col.left .menu li.zip>ul {display:none;}
#main .col.left .menu li.zip.open>ul {display:block;}
#main .col.left .menu .toggle-cnt {
    width:10px;
    height:10px;
    margin: 0 0 0 -10px;
    display:inline-block;
    float:left;
    cursor: pointer;
}
#main .col.left .menu li.zip>.toggle-cnt>.toggle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 6.9px;
    border-color: transparent transparent transparent #000000;
    display:inline-block;
}
#main .col.left .menu li.zip.open>.toggle-cnt>.toggle {transform:rotate(90deg);}

#main .col.left .menu li.zip>span>.toggle {}
#main .col.left .menu li.zip.open>span>.toggle {}
#main .col.left .menu li.zip>a>.toggle {}
#main .col.left .menu li.zip>a.open>.toggle {}

/* Right column */
#main .col.right { width: 200px; background-color: #f2f2f2; }

/* Block with buttons */
#main .col.right .act-buttons-block { padding: 20px; }
#main .col.right .act-buttons-block .item {
    margin: 0 0 20px;
    width: 160px;
    height: 60px;
    background: url('/img/act-button-bg.gif') transparent top left repeat-x;
    border-radius: 12px 12px;
    cursor: pointer;
}
#main .col.right .act-buttons-block .item a {
    width: inherit;
    height: inherit;
    font-size: 0.6em;
    font-weight: bold;
    color: #FFFFFF;
    display: table-cell;
    vertical-align: middle;
    padding: 0 20px 0 65px;
    text-decoration: none;
    transition: color 0.15s;
}
#main .col.right .act-buttons-block .item a:hover { color: #66a5cc; }
#main .col.right .act-buttons-block .icon-calc { background: url('/img/icon-calc.png') transparent no-repeat 18px 8px; }
#main .col.right .act-buttons-block .icon-question { background: url('/img/icon-question.png') transparent no-repeat 18px 8px; }
#main .col.right .act-buttons-block .icon-phone { background: url('/img/icon-phone.png') transparent no-repeat 15px 8px; }

/* Central area */
#main .central { padding: 20px; }
#main .central .content { line-height: 1.6em; }
#main .central .content a {text-decoration:underline;}
#main .central .content a:hover {text-decoration:underline;color:#000000;}
#main .central .content img {margin:10px 0 20px;}
#main .central .content .img-note {margin:10px 0;text-align:center;font-size:0.96em;color:#404040;}
#main .central .content ul,#main .central .content ol { padding: 0 0 0 40px;margin:0 0 20px;}
#main .central .content table { border-collapse: collapse; }
#main .central .content table td { margin:0; font-size: 0.88em; vertical-align: top; text-align: left; padding: 5px; border: 1px #f2f2f2 solid; }

/* Common form styles */
form .error-summary { margin: 0 0 10px; font-size: 0.88em; color: #ff0000; }
form .error-summary ul li { list-style-type: none; }
form .row { width: 100%; min-height: 32px; font-size: 0.96em; }
form .row .label { width: 26%; float: left; }
form .row .value { width: 74%; display: inline-block; }
form .row .label { margin: 5px 0; line-height: 20px; }
form label span.required { color: red; }
form input[type=text],form input[type=password] { width: 320px; }
form select { width: 327px; }
form input[type=submit] {font-size:1.1em;padding:5px;}

/* Calc invoice form style */
.calc-form .f-load-date .value-from input {width: 130px;}
.calc-form .f-load-date .label-to {margin:0 0 0 10px;}
.calc-form .f-load-date .value-to input {width: 130px;}
.calc-form .f-cargo .value-cargo {width: 50px;}
.calc-form .f-cargo .value-cargo input {width: 207px;}
.calc-form .f-cargo .label-adr {margin: 0 0 0 9px;}
.calc-form .f-cargo .value-adr select {width:60px;}
.calc-form .f-weight .value-weight select {width:119px;}
.calc-form .f-weight .label-volume {width:86px;}
.calc-form .f-weight .value-volume select {width:114px;}
.calc-form .f-package-type .value-package-type select {width:126px;}
.calc-form .f-package-type .value-positions input {width:71px;}
.calc-form .f-size .value span {display:inline-block;}
.calc-form .f-size .value input {width: 38px;}
.calc-form .f-size .label-length {width: 50px;}
.calc-form .f-size .label-width {width: 63px;}
.calc-form .f-size .label-height {width: 56px;}
.calc-form .f-load-type .value-top {width: 70px;}
.calc-form .f-load-type .label-top {line-height: 20px; margin: 5px 0; display: inline-block;}
.calc-form .f-load-type .value-side {width: 70px; margin: 0 0 0 20px;}
.calc-form .f-load-type .label-side {line-height: 20px; margin: 5px 0; display: inline-block;}
.calc-form .f-load-type .value-back {width: 70px; margin: 0 0 0 20px;}
.calc-form .f-load-type .label-back {line-height: 20px; margin: 5px 0; display: inline-block;}
.calc-form .f-phone .value-phone .code-a input {width:24px;}
.calc-form .f-phone .value-phone .code-b input {width:48px;}
.calc-form .f-phone .value-phone .number input {width:208px;}
.calc-form .f-phone .value-phone2 {display:none;}
.calc-form .f-phone .value-phone3 {display:none;}
.calc-form .f-phone .add {display:inline-block; margin-bottom: 10px;}
.calc-form .f-docs .value {padding:5px 0 0 0;}
.calc-form .f-docs .value-tir {margin:0 20px 0 0;}
.calc-form .f-docs .value-cmr {margin:0 20px 0 0;}
.calc-form .f-docs .value-t1 {margin:0 20px 0 0;}
.calc-form .f-comment .value textarea {width:320px;height: 100px;}
.calc-form .f-captcha { margin-top: 10px; }
.calc-form .f-submit {margin:20px 0 0 0;}

/*.calc-form-s .f-phone {margin:0 0 20px;}*/
.calc-form-s .f-weight .value-weight select {width:327px;}

#ask-form .f-question textarea {width:320px;height:180px;}

#callback-form .f-comment textarea {width:320px;height:180px;}

.form-iframe {width:100%;height:auto;overflow:hidden;scroll:none;}

#footer {height: 155px; background: url('/img/bottom-bg.gif') repeat-x 0 0; border-top: 6px solid #044974;}
#footer .menu {min-height:120px;width:50%;margin:0 auto;padding:0 0 0 90px;}
#footer .menu ul {display:inline-block;text-align:left;list-style-type:none;width:33%;vertical-align:top;margin:20px 0 0;}
#footer .menu ul>li {line-height:18px;}
#footer .menu ul>li>a {color:#ffffff;font-size:0.8em;}
#footer .copyright {height: 40px; text-align: center; }
#footer .copyright span { font-size: 0.8em; color: #f2f2f2; }