* {
margin: 0;
padding: 0;
}
html, body {
width: 100%;
height: 100%;
}
body {
font: 62.5%/1.5 Tahoma, Geneva;
color: #000;
background: url(../img/bg_body.gif) repeat-x;
}
#h100 {
position: relative;
width: 100%;
min-width: 994px;
min-height: 100%;
height: auto !important;
height: 100%;
}
/* common */
ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
table {
border-collapse: collapse;
}
td{
vertical-align: top;
}
fieldset {
width: 100%;
border: 0;
}
/*a:link, a:visited { */
a {
color: #0054a6;
}
a:hover {
text-decoration: underline;
}
img { border:0;}
/* #header */
#header {
position: relative;
width: 100%;
height: 296px;
z-index: 1;
}
#header h1{ position: absolute; top: 20px; left: 46px; font: 17px/19px Tahoma; color: #fff; z-index: 1
/*position: absolute;
top: 20px;
left: 46px;
font: 17px/19px Tahoma;
color: #fff;
z-index: 1;*/
}
#header h2{
position: absolute;
top: 0px;
left: 0;
width: 29.8%;
height: 108px;
/*background: #ccc;*/
}
#header h2 a{
display: block;
width: 100%;
height: 86px;
padding-top: 22px;
overflow: hidden;
font-size: 28px;
line-height: 28px;
color: #656565;
text-align: center;
}
#header h2 span{
font-size: 14px;
}
}
#header h2 i{
position: absolute;
display: block;
top: 27px;
left: 50%;
width: 214px;
height: 44px;
cursor: pointer;
margin-left: -107px;
background: url(../img/bg_logo_text.gif) no-repeat;
}
/* icq */
#icq{
width: 248px;
padding: 5px 0;
margin: 0 0 10px 38px;
}
#icq li{
font-size: 12px;
margin-top: 10px;
}
#icq li.first-child,
#icq li:first-child{
margin-top: 0;
}
#icq a{
color: #0355de;
font-size: 11px;
padding-right: 4px;
}
#icq img{
vertical-align: middle;
}
/* car */
#car{
position: absolute;
top: 0;
right: 0;
width: 676px;
height: 322px;
background: url(../img/bg_car.jpg) no-repeat;
}
/* lang */
#lang{
position: absolute;
top: 270px;
right: 40px;
width: 210px;
height: 32px;
}
#lang li{
float: left;
}
#lang a{
position: relative;
float: left;
width: 35px;
height: 18px;
padding: 14px 0 0 35px;
font: bold 12px/12px Tahoma;
color: #464646;
text-decoration: none;
background: url(../img/bg_lang.jpg) no-repeat;
opacity: .2;
}
.isIE #lang a{
filter:alpha(opacity=20);
}
#lang .ru {background-position: 0 0;}
#lang .de {background-position: 0 -32px;}
#lang .eng{background-position: 0 -64px;}
#lang a:hover,
#lang .current{
opacity: 1;
}
.isIE #lang a:hover,
.isIE #lang .current{
filter:alpha(opacity=100);
}
#lang a:hover{
text-decoration: underline;
}
/* #content */
#content {
width: 100%;
padding-bottom: 82px;
}
#content-left {
float: left;
width: 296px;
}
#content-right {
float: right;
width: 100%;
margin-left: -348px;
}
#content-inner{
position: relative;
margin-left: 348px;
padding: 28px 56px 30px 0;
}
#content-right h1{
width: 100%;
font-size: 18px;
font-weight: normal;
line-height: 21px;
padding-top: 26px;
}
#content-right h3{
font-size: 15px;
color: #898989;
line-height: 15px;
margin: 1em 0 -.5em;
}
#content-right h3.normal{
margin: 1em 0;
}
#content-right p{
font-size: 12px;
line-height: 14px;
margin: 1em 0;
color: #252525;
}
#content-right .pad-left{
padding-left: 20px;
}
#content-right p img{
vertical-align: middle;
}
.form h2,
#content-left h2, #contenticq h2{
width: 100%;
margin-bottom: 5px;
background: #959595 url(../img/bg_h2_left.gif) no-repeat 0 72%;
border-bottom:4px solid #c5302d;
}
.form h2 span,
#content-left h2 span, #contenticq h2 span{
display: block;
padding: 8px 0 8px 46px;
font: bold 14px/15px Arial;
color: #fff;
background: url(../img/bg_h2_left.gif) no-repeat;
border-bottom:1px solid #fff;
}
.form h2 span b,
#contenticq h2 b{
color: #000;
}
.form h2{
margin-bottom: 0;
border-bottom:0;
}
.form h2 span{
font-size: 18px;
line-height: 19px;
padding: 6px 0 6px 46px;
font-family: Tahoma;
font-weight: normal;
}
.form h2 span b{
font-weight: normal;
}
/* form */
.form{
width: 540px;
margin-left: 50px;
font-size: 12px;
line-height: 14px;
color: #fff;
margin-top: 30px;
}
.message{
font-size: 14px;
}
.form em{
color: #000;
font: bold 14px Verdana;
font-style: normal;
}
.form .inner{
padding: 16px 16px 12px 32px;
background-color: #74a3d7;
border-left: 17px solid #c5302d;
}
.form label{
position: relative;
display: block;
clear: both;
width: 100%;
overflow: hidden;
margin-bottom: 8px;
}
.form label span{
}
.form label select,
.form label textarea,
.form label input{
float: right;
width: 280px;
font: 12px Tahoma;
border: 0;
background-color: #fff;
margin-left: 20px;
}
.form label textarea,
.form label input{
padding: 2px 0px 3px;
}
.isIE .form label select{
width: 281px;
}
.form label textarea{
height: 5em;
}
.message label textarea{
width: 300px;
height: 7em;
}
.message label input{
width: 200px;
margin-right: 100px;
}
.form .captcha{
width: 100%;
margin-top: 10px;
color: #000;
font-size: 12px;
font-weight: bold;
}
.form .captcha td{
padding-right: 15px;
vertical-align: middle;
}
.form .captcha input{
border: 1px solid #959595;
text-align: center;
width: 100px;
padding: 3px 0;
}
.form .captcha .btn{
margin: 0;
}
.note{
position: absolute;
left: 0;
bottom: 0;
font-size: 11px;
line-height: 12px;
color: #000;
}
/* btn */
.btn{
float: right;
height: 28px;
padding-right: 10px;
margin: 4px 16px 0 0;
color: #000;
text-decoration: none;
border: none !important;
margin-top: 10px;
color: #000;
font-size: 12px;
font-weight: bold;
text-align: center;
width: 100% !important;
padding: 3px 0;
}
.btn span{
float: left;
height: 21px;
padding: 7px 15px 0 25px;
font-size: 13px;
font-weight: bold;
line-height: 13px;
cursor: pointer;
background: url(../img/bg_btn.gif) no-repeat;
}
.btn:hover{
color: #0054a6;
text-decoration: none;
}
/* kroshka */
#kroshka{
width: 100%;
overflow: hidden;
}
#kroshka li{
float: left;
padding: 0 24px 0 15px;
margin-left: -15px;
font-size: 11px;
line-height: 13px;
color: #9d9d9d;
background: url(../img/bg_menu_left_a.gif) no-repeat left 5px;
}
#kroshka li a{
color: #0054a6;
text-decoration: none;
}
#kroshka li a:hover{
text-decoration: underline;
}
/* address */
#address{
width: 540px;
padding-left: 50px;
overflow: hidden;
}
#address .left{
width: 285px;
padding-right: 20px;
float: left;
}
#address .right{
width: 230px;
float: left;
}
#address p{
font-size: 12px;
line-height: 15px;
padding-left: 20px;
}
/* #footer */
#footer {
position: relative;
clear: both;
width: 100%;
min-width: 994px;
height: 82px;
margin-top: -82px;
background-color: #c5302d;
}
#footer .inner{
position: relative;
top: 4px;
height: 77px;
overflow: hidden;
border-top: 1px solid #fff;
background-color: #cacaca;
}
#footer .max{
position: relative;
height: 77px;
width: 100%;
}
#logo-footer{
position: relative;
display: block;
width: 270px;
height: 60px;
padding: 17px 0 0 26px;
overflow: hidden;
font-size: 26px;
color: #656565;
}
#logo-footer b{
position: absolute;
display: block;
top: 0;
left: 0;
width: 296px;
height: 77px;
background: url(../img/bg_logo_footer.jpg) no-repeat;
}
#copyright{
position: absolute;
top: 13px;
left: 296px;
height: 40px;
padding: 10px 0 0 40px;
color: #7a7a7a;
font-size: 12px;
line-height: 14px;
}
#copyright a{
color: #737171;
text-decoration: none;
}
#copyright a:hover{
text-decoration: underline;
}
#counters{
position: absolute;
top: 23px;
right: 35px;
height: 31px;
width: 400px;
}
#counters .item{
float: right;
width: 88px;
height: 31px;
overflow: hidden;
margin-left: 6px;
}
/* menu */
#menu{
position: absolute;
top: 239px;
left: 38px;
font: bold 12px/1.5em Arial;
}
#menu li{
position: relative;
float: left;
padding-left: 8px;
background: url(../img/bg_menu_li.gif) no-repeat 3px center;
}
#menu li.first-child,
#menu li:first-child{
padding-left: 0px;
background-image: none;
}
#menu li a{
float: left;
padding: 0 8px;
color: #656565;
text-decoration: none;
}
#menu li.hover a,
#menu li:hover a{
color: #fff;
background: #959595 url(../img/bg_menu_a_top_right.gif) no-repeat right top;
}
#menu .current a{
color: #000;
}
#menu li.hover ul,
#menu li:hover ul{
display: block;
}
#menu ul{
position: absolute;
display: none;
top: 1.5em;
left: 7px;
border: 1px solid #fff;
}
#menu li.first-child ul,
#menu li:first-child ul{
left: -1px;
}
#menu ul li{
position: relative;
float: none;
clear: both;
width: 164px;
padding-left: 0;
}
#menu li.hover li a,
#menu li:hover li a,
#menu ul li a{
position: relative;
width: 120px;
color: #069;
padding: 0 23px 1px 21px;
font-size: 12px;
font-weight: normal;
border-top: 1px solid #fff;
background: #ccc url(../img/bg_menu_a.gif) no-repeat 0 center;
}
#menu ul li.first-child a,
#menu ul li:first-child a{
border-top: 0;
}
.isIE #menu ul li a{
margin-bottom: -3px;
}
#menu li.hover li.hover a,
#menu li:hover li:hover a{
color: #fff;
}
/* menu-service */
#menu-service{
position: absolute;
top: 241px;
left: 0;
width: 50px;
height: 21px;
padding-left: 5px;
overflow: hidden;
/*background: #959595;*/
}
#menu-service a,
#menu-service li{
position: relative;
float: left;
line-height: 32px;
width: 18px;
text-align: center;
color: #fff;
}
#menu-service a{
text-indent: -1000em;
background: url(../img/bg_menu_service.gif) no-repeat;
}
#menu-service .home {background-position: -21px 0;}
#menu-service .map {background-position: -48px 0;}
#menu-service .email{background-position: -75px 0;}
#menu-service .home:hover {background-position: -21px -32px;}
#menu-service .map:hover {background-position: -48px -32px;}
#menu-service .email:hover{background-position: -75px -32px;}
/* menu-left */
#menu-left{
width: 248px;
margin: 18px 0 12px 38px;
}
#menu-left li{
position: relative;
width: 214px;
padding: 7px 0 13px 34px;
}
#menu-left li a{
font: bold 14px/14px Arial;
color: #656565;
text-decoration: none;
}
#menu-left .current a,
#menu-left li ul .current a,
#menu-left .current ul li a:hover,
#menu-left li a:hover{
color: #01438d;
}
#menu-left li ul li a:hover{
}
#menu-left li a img{
position: absolute;
top: 0;
left: 0;
}
#menu-left li a b{
position: absolute;
display: block;
top: 0;
left: 0;
width: 30px;
height: 34px;
background: url(../img/bg_menu_left.jpg) no-repeat;
}
#menu-left .ml1 b{background-position: 0 0;}
#menu-left .ml2 b{background-position: -30px 0;}
#menu-left .ml3 b{background-position: -60px 0;}
#menu-left .ml4 b{background-position: -90px 0;}
#menu-left ul{
width: 214px;
margin-top: 10px;
}
#menu-left ul li{
width: 200px;
padding: 0 0 0 14px;
background: url(../img/bg_menu_left_a.gif) no-repeat left center;
}
#menu-left .current ul li a,
#menu-left ul li a{
font: 13px/14px Arial;
color: #656565;
}
/* banner */
.banner{
position: relative;
display: block;
float: left;
height: 91px;
width: 300px;
overflow: hidden;
margin-bottom: 18px;
background-color: #959595;
font-weight: bold;
text-decoration: none;
margin: 6px;
}
.banner span{
position: absolute;
top: 0;
left: 0;
padding: 8px 16px 9px;
font: bold 14px/15px Arial;
color: #fff;
background: url(../img/bg_banner_h3.gif) no-repeat right bottom;
cursor: pointer;
width: 180px;
}
.banner span b{
color: #000;
}
/* clear */
.clear {
clear: both;
display: block;
height: 0;
overflow:hidden;
visibility: hidden;
}
.clearfix {
display:block;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.isIE .clearfix {
height:1%;
}
/* региоальные */
#header #lat .likeh1 {position: absolute; top: 20px; left: 46px; font: 17px/19px Tahoma; color: #fff; z-index: 1}
#header #lat h2 {top: 0}
#header h2 b {position: absolute; top: 0; left: 0; display: block; width: 317px; height: 239px; cursor: pointer; background: url(/img/logo_ru.jpg) no-repeat}
/* menu-service */
/#lat #menu-service {position: absolute; top: 242px; margin-left: 0; padding-left: 0; width: 50px; height: 11px; overflow: hidden; background: none}
#lat #menu-service li {float: left; width: 11px; left: 12px; color: #fff}
#lat #menu-service li .home {background: url(../img/home_n.gif) no-repeat}
#lat #menu-service li .home:hover {background: url(../img/home_h.gif) no-repeat}
#lat #menu-service li .map {background: url(../img/map_n.gif) no-repeat; padding-left: 12px}
html>body #lat #menu-service li .map {left: 12px}
#lat #menu-service li .map:hover {background: url(../img/map_h.gif) no-repeat; left: 12px}
#lat #menu{position: absolute; top: 239px; left: 52px; font: bold 12px/1.5em Arial}
/*#lat #menu-service li .map {background: url(../img/map_n.gif) no-repeat; left: 12px}
#lat #menu-service li .map {background: url(../img/map_n.gif) no-repeat; padding-left: 12px}
#lat #menu-service li .map:hover {background: url(../img/map_h.gif) no-repeat; left: 12px}
html>body #lat #menu-service li .map {left: 12px}
#lat #menu-service li .map {background: url(../img/map_n.gif) no-repeat; padding-left: 12px}
#lat #menu-service li .map:hover {background: url(../img/map_h.gif) no-repeat; left: 12px}
#lat #menu{position: absolute; top: 239px; left: 52px; font: bold 12px/1.5em Arial}*/
.ls_rt, .ls_lt, .ls_rb, .ls_lb {padding: 3px; width: 120px}
.ls_rt {float: right}
.ls_lt {float: left}
.ls_rt p, .ls_lt p {font-size: 9px !important}
a.inwis {text-decoration: none; color: #252525 !important; cursor: text}
a.inwis:hover {text-decoration: none; color: #252525 !important; cursor: text}
#contenticq {
position: relative;
float: left;
margin: 6px;
}
#contenticq h2 {width: 300px}
#worldcargo {position: relative; float: left; width: 50%}