BODY { position:relative; height:auto; background-color:white; } BODY { } * { font-family:Arial, sans-serif; font-size:13px; color:#242a35; } .table { display:table; width:100%; } .wSite { max-width:800px; height:100%; min-width:inherit; margin:0 auto; } .TOP { height:90px; background:#f0f6fd url('../images/bg_top.gif') repeat-x top; } .TOP .wSite { position:relative; z-index:500; } #lang { width:180px; position:relative; top:30px; right:-345px; } #lang LI { display:block; float:left; width:40px; margin-right:10px; height:34px; } #lang LI._l { margin-right:0px; } #lang LI A, #lang LI B { display:block; line-height:34px; text-align:center; } #lang LI._a B { background:url('../images/lang_a.png') center center; } #lang LI A { text-decoration:none; color:#5c677c; } #lang LI A:hover { text-decoration:underline; background:url('../images/lang_a.png') center center; } #logo { display:block; width:300px; height:85px; position:absolute; left:-20px; bottom:0; } #logo DT, #logo A { display:block; display:block; width:100%; height:100%; } #logo A { background:url('../images/logo_web.png') no-repeat center center; } #logo A B { display:none; } /* OrderBlock */ #order_b { display:block; width:280px; height:36px; position:absolute; right:0; top:30px; } #order_b .area { position:relative; display:block; float:left; } #order_b .area._p_ { float:right; } #order_b .button { width:134px; padding-right:10px; } #order_b .area._p_ .button { padding-right:0px; } #order_b BUTTON, .sbutton, BUTTON.def { display:block; width:134px; height:36px; border:none; background:#49a6d6 url('../images/bg_button.gif') repeat-x top; text-align:center; line-height:36px; cursor:pointer; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -moz-box-shadow:0px 1px 1px #2c7295; -webkit-box-shadow:0px 1px 1px #2c7295; box-shadow:0px 1px 1px #2c7295; filter: progid:DXImageTransform.Microsoft.Shadow(strength=1, direction=180, color='#033349'); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength=1, Direction=180, Color='#033349')"; } #order_b BUTTON, .sbutton, #order_b BUTTON B { color:#fefeff; font-size:12px; text-transform:uppercase; } #order_b BUTTON:hover B { border-bottom:1px solid #fefeff; } #order_b #oform { display:none; } /* #order_b BUTTON { width:134px; height:36px; display:block; float:left; margin-left:10px; border:none; background-color:none; background-position:center center; background-repeat:no-repeat; cursor:pointer; } #order_b BUTTON:active { background-position:center 1px; } #order_b BUTTON._f { margin-left:0px; } #order_b BUTTON.online { background-image:url('../images/fake/order_online.png'); } ._RU #order_b BUTTON.online { background-image:url('../images/fake/order_online_ru.png'); } #order_b BUTTON.phone { background-image:url('../images/fake/order_phone.png'); } ._RU #order_b BUTTON.phone { background-image:url('../images/fake/order_phone_ru.png'); } #order_b BUTTON B { visibility:hidden; } */ #order_b._h { } #order_b._h .button { position:absolute; } #order_b._h ._o_ .button { background:#f0f6fd url('../images/bg_top.gif') repeat-x 30px; left:0; top:0; height:44px; z-index:550; width:136px; -webkit-border-bottom-right-radius:15px; -moz-border-radius-bottomright:15px; border-bottom-right-radius:15px; } #order_b._h ._p_ .button { right:0; top:10px; height:34px; z-index:525; width:150px; background:#49a6d6 url('../images/bg_button.gif') repeat-x center -10px ; } #order_b._h ._p_ .button BUTTON { position:relative; top:-10px; float:right; } #order_b._h #oform { display:block !important; background-color:#49a6d6; width:250px; position:relative; right:0; top:44px; border:0; padding:15px; -webkit-border-radius:15px; -webkit-border-top-right-radius:0; -moz-border-radius:15px; -moz-border-radius-topright:0; border-radius:15px; border-top-right-radius:0; } #order_b._h BUTTON.phone { -moz-box-shadow:0px 0px 0px #2c7295; -webkit-box-shadow:0px 0px 0px #2c7295; box-shadow:0px 0px 0px #2c7295; filter: progid:DXImageTransform.Microsoft.Shadow(strength=0, direction=0, color='#2c7295'); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength=0, Direction=0, Color='#2c7295')"; } #oform ._fr { display:block; clear:both; margin-bottom:10px; } #oform LABEL { display:none; } #oform .field, #oform .textarea { display:block; border:1px solid #85afcb; background-color:white; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } #oform .field INPUT, #oform TEXTAREA { display:block; background:transparent; border:none; width:90%; position:relative; left:5%; top:5px; color:#a7aaae;/*242a35*/ font-size:15px; } #oform .field { height:30px; } #oform .warning { padding:4px 14px 2px; } #oform .field INPUT { height:20px; } #oform .textarea { height:110px; } #oform TEXTAREA { height:100px; } #oform .submit { display:table; width:100%; } #oform .sbutton { float:right; width:141px; } /* -- */ .KOLLAZ { height:315px; position:relative; z-index:400; background:#d0e9f1 url('../images/bg_kollaz.gif') repeat-x top; border-top:1px solid #8ec0d3; } #KBG { position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; } #KBG .bg { position:relative; left:0; top:0; height:100%; background:url('../images/worldline.gif') repeat-x 100px 0; } #KBG .bg { width:8000px; } /* esli dolgo hodit po meniu, chto-to potom fon uezajet */ #KBG .bg { width:20000px; } /* ☺ */ .KOLLAZ .wSite { position:relative; z-index:250; } .KOLLAZ H2 { color:white; font-size:28px; text-transform:uppercase; font-weight:normal; position:relative; top:20px; } .KOLLAZ H2.fake { display:block; height:25px; width:565px; background:url('../images/fake/kollaz_h2.png') no-repeat center left; } ._RU .KOLLAZ H2.fake { height:29px; width:532px; background:url('../images/fake/kollaz_h2_ru.png') no-repeat center left; } .KOLLAZ H2.fake SPAN { display:none; } #track { position:absolute; bottom:0; left:0; width:641px; height:187px; background:url('../images/track.png') no-repeat top left; z-index:300; } #animate { display:block; position:relative; left:555px; top:63px; width:26px; height:32px; z-index:350; } #animate:hover {} #animate.active { background:url('../images/ico_animation-a.gif') no-repeat top left; } .ajax_ { border:1px solid red; } .TMENU { height:60px; background-color:white; position:relative; z-index:400; } .TMENU .wSite { border-top:6px solid #5c677c; } .TMENU UL, .TMENU LI { list-style-type:none; } .TMENU UL, .TMENU LI, .TMENU A { display:block; } .TMENU A { text-transform:uppercase; text-decoration:none; white-space:nowrap; } .TMENU A:hover { text-decoration:underline; } .TMENU A:active { text-decoration:underline; } .TMENU A._a { text-decoration:underline; } .TMENU A.no_link { cursor:default; } .TMENU A.no_link:hover { text-decoration:none; } .TMENU LI { margin-right:60px; float:left; position:relative; } .TMENU UL DIV A { height:54px; line-height:59px; color:#1673bb; font-size:19px; } .TMENU LI LI, .TMENU LI._l { margin-right:0; } .TMENU LI LI { float:none; } .TMENU LI LI A { height:22px; line-height:22px; } .TMENU LI UL { position:absolute; left:0; top:60px; } .TMENU LI UL A { color:#5c677c; font-size:12px; } .TMENU UL.fake { } .TMENU UL.fake DIV A { letter-spacing:-1px; font-size:18px; } .TMENU UL.fake LI { margin-right:38px; } /*45*/ ._RU .TMENU UL.fake LI { margin-right:20px; } .TMENU UL.fake LI LI { margin-right:0; } .MAIN { background:white url('../images/bg_main.gif') repeat-x top; position:relative; z-index:300; } .MAIN .wSite { position:relative; } .MAIN ._lP { float:left; width:64%; position:relative; } .MAIN ._rP { float:left; width:36%; position:relative; } .MAIN .content { padding-top:120px; border-top:1px solid #5c677c; } .MAIN ._border { position:relative; height:6px; clear:both; bottom:-6px; left:0; } .MAIN ._border DIV { } .MAIN ._border ._lP { height:100%; background-color:#5c677c; } .MAIN ._border ._rP { height:100%; background-color:white; border-bottom:1px solid #5c677c; } .MAIN .content .text { padding:0 20px 10px 0; position:relative; } .MAIN .content .text .strut { background:transparent url('../images/loader.gif') no-repeat center 150px; position:absolute; width:100%; display:none; } .MAIN .content .text .strut * { visibility:hidden; } .MAIN .content H1 { font-size:35px; color:#1673bb; font-weight:normal; text-transform:uppercase; padding-bottom:20px; } .MAIN .content H3 { font-size:17px; color:#1673bb; font-weight:bold; padding-bottom:20px; } .MAIN .content H4 { font-size:15px; color:#1673bb; font-weight:bold; padding-bottom:15px; padding-top:7px; } .MAIN .content P { line-height:140%; padding-bottom:15px; text-align:justify; } ._RU .MAIN .content P { text-align:left; } .MAIN .content P.link { display:table; width:100%; } .MAIN .content P.link A { display:block; float:right; color:#1673bb; font-weight:bold; text-decoration:underline; } .MAIN .content UL { padding-bottom:20px; margin-left:10px; } .MAIN .content LI { line-height:150%; padding-left:15px; background:url('../images/bullet_sm.gif') no-repeat 2px 7px; list-style-type:none; } .MAIN .content DL.contact { padding:15px 0 10px; border-top:1px solid #dee1e5; } .MAIN .content DL.contact * { font-size:15px; font-weight:normal; font-style:normal; line-height:150%; } .MAIN .content DL.contact A { text-decoration:none; } .MAIN .content DL.contact A:hover { text-decoration:underline; } .MAIN .content DL.contact.address { position:relative; } .MAIN .content DL.contact DD.map { position:absolute; right:0; top:20px; padding-right:25px; height:25px; background:url('../images/ico_map.gif') no-repeat 99% 1px; } .MAIN .content DL.contact DD.map A { text-decoration:underline; color:#1673bb; font-size:12px; line-height:130%; } .MAIN .info_block { border-top:6px solid #5c677c; background-color:white; } .MAIN .info_block H2 { display:block; padding:30px 0 35px 20px; } .MAIN .info_block H2, .MAIN .info_block H2 * { font-size:25px; color:#1673bb; text-transform:uppercase; font-weight:normal; } .MAIN .info_block H2 B { display:block; } .MAIN .info_block DL { display:table; width:100%; margin-bottom:10px; cursor:pointer; } .MAIN .info_block DL.track { margin-bottom:5px; } .MAIN .info_block DT { width:45%; float:left; position:relative; } .MAIN .info_block DT A SPAN { display:none; } .MAIN .info_block DT A { display:block; min-height:80px; background-image:url('../images/transports.png'); background-repeat:no-repeat; width:100%; } .MAIN .info_block DL.track A { background-position:0 -19px; } .MAIN .info_block DL.air A { background-position:0 -118px; } .MAIN .info_block DL.ship A { background-position:0 -200px; } .MAIN .info_block DL.train A { background-position:0 -295px; } .MAIN .info_block DD { width:52%; float:right; padding-top:10px; } .MAIN .info_block DD, .MAIN .info_block DD * { font-size:11px; color:#686d78; line-height:140%; } .FOOTER { background:white url('../images/bg_footer.gif') repeat-x top; position:relative; z-index:150; min-height:160px; } .FOOTER * { font-size:12px; color:#5c677c; } #company { float:right; width:520px; margin-top:45px; position:relative; } #company DD { float:right; clear:right; display:block; width:185px; margin-right:60px; } #company DD B, #company DD SPAN { height:22px; line-height:22px; } #company DD B { float:left; display:block; width:60px; } #company DD SPAN { float:right; display:block; width:120px; } #company DD.fax, #company DD.mob { float:left; clear:left; position:relative; top:-44px; } #copyright { float:left; margin-top:45px; } #copyright H6 { font-weight:normal; display:block; padding-top:4px; } .UC.MAIN .content .text P { font-size:15px; text-transform:uppercase; } .UC.MAIN .content .text P U { color:#1673bb; font-size:15px; text-transform:uppercase; border-bottom:1px solid #1673bb; text-decoration:none; } #OF { position:relative; padding-bottom:40px; } #OF H3 { padding-bottom:0; } #step-line { position:absolute; bottom:20px; left:0; width:100%; height:35px; } #step-line .button { display:block; float:left; } #step-line .cmd.button { position:absolute; display:block; top:0; } #step-line .prev.button { left:0; } #step-line .next.button, #step-line .submit.button { right:0; } #step-line .submit.button { display:none; /*right:-145px;*/ } #step-line .steps { display:table; margin:0 auto; } #step-line .button BUTTON.step { display:block; height:27px; line-height:27px; width:27px; text-align:center; border:none; background:white url('../images/bg_step_button.gif') no-repeat center center; margin:4px 13px 0 0; cursor:pointer; } #step-line .button BUTTON.step._l { margin-right:0; } #step-line .button BUTTON.step B { color:#dcdcdc; font-size:18px; font-weight:bold; font-style:normal; } #step-line .button BUTTON.step._a B { color:#1673bb; } #step-line .cmd.button BUTTON._na { background:#dcdcdc url('../images/bg_button-na.gif') repeat-x top; cursor:default; -moz-box-shadow:0px 1px 1px #868484; -webkit-box-shadow:0px 1px 1px #868484;; box-shadow:0px 1px 1px #868484;; filter: progid:DXImageTransform.Microsoft.Shadow(strength=1, direction=180, color='#868484'); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength=1, Direction=180, Color='#868484')"; } #step-line .cmd.button BUTTON B { color:white; } #OF FORM { display:table; width:100%; padding:20px 0; border-bottom:1px solid #dee1e5; border-top:1px solid #dee1e5; margin:10px 0 30px; } #OF ._fo { display:table; clear:both; width:100%; margin-bottom:4px; } #OF FORM LABEL { display:block; width:39%; float:left; font-size:14px; color:#242a35; line-height:36px; } #OF FORM SUP { position:relative; top:3px; right:1px; color:#1673BB; font-weight:bold; } #OF ._fo SPAN.field, #OF ._fo SPAN.textarea, #OF ._fc SPAN.checkbox { display:block; width:60%; float:right; background:white; border:1px solid #d0d4dc; position:relative; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; -moz-box-shadow:0px 0px 1px #2c7295; -webkit-box-shadow:0px 0px 1px #2c7295; box-shadow:0px 0px 1px #2c7295; filter: progid:DXImageTransform.Microsoft.Shadow(strength=0, direction=180, color='#033349'); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength=0, Direction=180, Color='#033349')"; } #OF .field INPUT, #OF TEXTAREA { border:none; background:transparent; display:block; width:90%; position:relative; left:5%; } #OF ._fc SPAN.checkbox { height:36px; width:36px; float:left; margin-left:1%; } #OF .checkbox INPUT { border:0; position:relative; left:12px; top:12px; } #OF ._fo SPAN.field { height:36px; } #OF .field INPUT { height:26px; top:5px; } #OF ._fo SPAN.textarea { height:110px; } #OF TEXTAREA { height:100px; top:10px; } #OF ._fo .warning { display:none; width:100%; clear:both; margin:5px 0 7px; float:right; width:58%; } #OF ._fo .warning, #OF ._fo .warning * { color:#c56461; font-size:14px; } #S1 {} #S2 { display:none; }