Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Скачиваний:
26
Добавлен:
18.04.2015
Размер:
28.77 Кб
Скачать
* { margin: 0; padding: 0; }
:focus { outline: none; }
img { border: none; }
.white { color: #fff; }
a { color: #0061bb; text-decoration: none;}
a:hover {text-decoration: none;}

html, body { min-width: 1263px; ; height: 100%; }

body { font: 14px 'Trebuchet MS', Arial, Helvetica, sans-serif; background: url(/images/bg_r1.png) 50% 0 repeat-y; }

.page { height: auto !important; min-height: 100%; height: 100%; background: url(/images/bg_f1.png) 50% 100% no-repeat; }
.wrap { min-height: 871px; background: url(/images/bg_h2.jpg) 50% 0 no-repeat; }
.wrap-bb { width: 1263px; margin: 0 auto; }
.resv { padding-top: 122px; clear: both; }

.tail { clear: both; height: 91px; position: relative; margin-top: -91px; }
.tail-h { position: absolute; width: 100%;height: 212px; overflow: hidden; z-index: 0; margin-top: -121px; }
.tail-p { width: 1230px; width: 1263px; margin: 0 auto; height: 212px; position: relative; z-index: 0; }
.tail-i { position: absolute; width: 395px; height: 212px; background: url(/images/f1.png) 0 0 no-repeat; top: 0; right: -92px; right: -19px; }


.head { height: 287px; position: relative; overflow: hidden; }
.logo { position: absolute; top: 68px; left: 1px; }

.wrap-p { position: relative; width: 1029px; z-index: 4; padding-left: 18px; }

.menu { height: 44px; margin-top: -40px; margin-left: 33px; position: relative; z-index: 5; }

.menu dl { display: block; position: relative; height: 40px; }
.menu dl dt { float: left; display: block; height: 40px; position: relative; margin-left: -10px; z-index: 1; }
.menu dl dt a.node { display: block; overflow: hidden; height: 40px; }
.menu dl dt a.node span { display: block; }

.menu .home { margin: 0; }
.menu dl dt a.node { display: block; position: relative; z-index: 2; }
.menu dl dt.active a.node, .menu dl dt.selected a.node { height: 40px; }
.menu dl dt.active a.node img { margin-top: -40px; }
.menu dl dt.selected a.node img { margin-top: -40px; }
.menu dl dt.selected { z-index: 55 !important; }
.menu dl dt.active { z-index: 65 !important; }

.menu dl dt.active-parent a.node { height: 47px; }
.menu dl dt.active-parent a.node img { margin-top: -84px; }
.menu dl dt.active-parent { z-index: 65 !important; }



.sub-level { zoom: 1; display: block; visibility: hidden;z-index: 1; top: 44px; width: 246px !important; position: absolute; }
.sub-level .top { position: relative; margin-right: 8px; padding-top: 10px; z-index: 1; zoom: 1; background: url(/images/m/n.png) 0 0 repeat-x #0078b8; }
.sub-level .top .tr { width: 10px; height: 10px; background: url(/images/m/corner.png) -10px 0 no-repeat; position: absolute; right: -10px; top: 0; }


.sub-level .bottom { position: relative; padding-top: 10px; margin: 0 8px 0 10px; z-index: 1; zoom: 1; background: url(/images/m/s.png) 0 100% repeat-x #0078b8; }
.sub-level .bottom .bl { position: absolute; width: 10px; height: 10px; background: url(/images/m/corner.png) 0 -10px no-repeat; left: -10px; bottom: 0; }
.sub-level .bottom .br { position: absolute; width: 10px; height: 10px; background: url(/images/m/corner.png) -10px -10px no-repeat; right: -10px; bottom: 0; }

.sub-level .sub-wrap { padding: 0 0 0 3px; background: url(/images/m/w.png) 0 0 repeat-y; }
.sub-level .sub-con { position: relative; zoom: 1; padding: 0 13px; background: url(/images/m/e.png) 100% 0 repeat-y #0078B8; }
.sub-level .sub-con ul { position: relative; zoom: 1; display:block; margin: 0; }
.sub-level .sub-con ul li { overflow: visible; position: relative; zoom: 1; display:block; padding: 0; background: none; }
.sub-level .sub-con ul li a { z-index: 1; background: url(/images/m/ml.png) 19px 100% no-repeat; padding-left: 10px; color: #fff; font-weight: normal; text-decoration: none; font-size: 12px; position: relative; display: block; }
.sub-level .sub-con ul li a:hover { padding: 0; z-index: 4; text-decoration: underline; color: #0078b8; }

.sub-level .sub-con ul li a span.cursor { cursor: pointer; zoom: 1; padding: 0 0 9px 0; display: block; position: relative; }
.sub-level .sub-con ul li a:hover span.cursor { background: url(/images/m/b.png) 0 100% repeat-x; }
.sub-level .sub-con ul li a span.text { zoom: 1;padding: 9px 20px 0 11px; display: block; position: relative; }
.sub-level .sub-con ul li a:hover span.text { cursor: pointer; padding-left: 19px; padding-right: 22px; background: url(/images/m/t.png) 0 0 repeat-x; }
.sub-level .sub-con ul li a:hover span span span { display: block; position: relative; z-index: 10; }

.sub-level .sub-con ul li a:hover i { z-index: 2; width: 12px; height: 12px; background: url(/images/m/icor.png) 0 0 no-repeat; position: absolute; display: block; font-size: 0; }
.sub-level .sub-con ul li a i.point { display: block; position: absolute; top: 12px; z-index: 55; left: 10px; background: url(/images/m/pm.png) 0 0 no-repeat; width: 5px; height: 7px; }
.sub-level .sub-con ul li a:hover i.point { background: url(/images/m/pam.png) 0 0 no-repeat; width: 5px; height: 7px; }

.sub-level .sub-con ul li a:hover i.ne { z-index: 55; background-position: -12px 0; right: 0; top: 0; }
.sub-level .sub-con ul li a:hover i.nw { z-index: 55; background-position: 0 0; left: 0; top: 0; }
.sub-level .sub-con ul li a:hover i.sw { background-position: 0 -12px; left: 0; bottom: 0; }
.sub-level .sub-con ul li a:hover i.se { background-position: -12px -12px; right: 0; bottom: 0; }


.sub-level .sub-con ul li a.active { padding: 0; z-index: 4; text-decoration: underline; color: #0078b8; }
.sub-level .sub-con ul li a.active span.cursor { background: url(/images/m/b.png) 0 100% repeat-x; }
.sub-level .sub-con ul li a.active span.text { cursor: pointer; padding-left: 19px; padding-right: 22px; background: url(/images/m/t.png) 0 0 repeat-x; }
.sub-level .sub-con ul li a.active span span span { display: block; position: relative; z-index: 10; }

.sub-level .sub-con ul li a.active i { z-index: 2; width: 12px; height: 12px; background: url(/images/m/icor.png) 0 0 no-repeat; position: absolute; display: block; font-size: 0; }
.sub-level .sub-con ul li a.active i.point { background: url(/images/m/pam.png) 0 0 no-repeat; width: 5px; height: 7px; }

.sub-level .sub-con ul li a.active i.ne { z-index: 55; background-position: -12px 0; right: 0; top: 0; }
.sub-level .sub-con ul li a.active i.nw { z-index: 55; background-position: 0 0; left: 0; top: 0; }
.sub-level .sub-con ul li a.active i.sw { background-position: 0 -12px; left: 0; bottom: 0; }
.sub-level .sub-con ul li a.active i.se { background-position: -12px -12px; right: 0; bottom: 0; }

.sub-level .sub-con ul li a.last{ background: none; }

.sub-level .sub-con ul li.have-sub-child { zoom: 1; z-index: 66; position: relative; display: block; }
.sub-level .sub-con ul li.have-sub-child i.ne,
.sub-level .sub-con ul li.have-sub-child i.se { display: none; }

.sub-level .sub-con ul li.have-sub-child.ne-hide i.ne { display: none; }
.sub-level .sub-con ul li.have-sub-child.se-show i.se { display: block; z-index: 67; }

.sub-level-2 { left: 246px; }
.sub-level-2 { zoom: 1; display: block; visibility: hidden;z-index: 66; top: 0; width: 246px !important; position: absolute; }
.sub-level-2 .top { position: relative; z-index: 1; margin-right: 12px; margin-left: -32px; margin-bottom: -18px; padding-top: 30px; width: 264px; z-index: 1; zoom: 1; background: url(/images/m/n-1.png) 0 0 repeat-x #fff; }
.sub-level-2 .top .tr { width: 12px; height: 12px; background: url(/images/m/corner-1.png) -12px 0 no-repeat; position: absolute; right: -12px; top: 0; }


.sub-level-2 .bottom { position: relative; padding-top: 10px; margin: 0 12px 0 12px; z-index: 1; zoom: 1; background: url(/images/m/s-1.png) 0 100% repeat-x #fff; }
.sub-level-2 .bottom .bl { position: absolute; width: 12px; height: 12px; background: url(/images/m/corner-1.png) 0 -12px no-repeat; left: -12px; bottom: 0; }
.sub-level-2 .bottom .br { position: absolute; width: 12px; height: 12px; background: url(/images/m/corner-1.png) -12px -12px no-repeat; right: -12px; bottom: 0; }

.sub-level-2 .sub-wrap { padding: 0 0 0 2px; background: url(/images/m/w-1.png) 0 0 repeat-y; }
.sub-level-2 .sub-con { z-index: 2; position: relative; zoom: 1; padding: 0 13px; background: url(/images/m/e-1.png) 100% 0 repeat-y #fff; }
.sub-level-2 .sub-con ul { position: relative; zoom: 1; display:block; margin: 0; }
.sub-level-2 .sub-con ul li { position: relative; zoom: 1; display:block; padding: 0; background: none; }
.sub-level-2 .sub-con ul li a { z-index: 1; background: url(/images/m/l-1.png) 19px 100% no-repeat; padding-left: 10px; color: #0078b8; font-weight: normal; text-decoration: none; font-size: 12px; position: relative; display: block; }
.sub-level-2 .sub-con ul li a:hover { padding: 0; z-index: 4; text-decoration: underline; color: #fff; }

.sub-level-2 .sub-con ul li a span.cursor { cursor: pointer; zoom: 1; padding: 0 0 9px 0; display: block; position: relative; }
.sub-level-2 .sub-con ul li a:hover span.cursor { background: url(/images/m/b-1.png) 0 100% repeat-x; }
.sub-level-2 .sub-con ul li a span.text { zoom: 1;padding: 9px 20px 0 11px; display: block; position: relative; }
.sub-level-2 .sub-con ul li a:hover span.text { cursor: pointer; padding-left: 19px; padding-right: 22px; background: url(/images/m/t-1.png) 0 0 repeat-x; }
.sub-level-2 .sub-con ul li a:hover span span span { display: block; position: relative; z-index: 10; }

.sub-level-2 .sub-con ul li a:hover i { z-index: 2; width: 12px; height: 12px; background: url(/images/m/icor-1.png) 0 0 no-repeat; position: absolute; display: block; font-size: 0; }
.sub-level-2 .sub-con ul li a i.point { display: block; position: absolute; top: 12px; z-index: 55; left: 10px; background: url(/images/m/pm-1.png) 0 0 no-repeat; width: 5px; height: 7px; }
.sub-level-2 .sub-con ul li a:hover i.point { background: url(/images/m/pam-1.png) 0 0 no-repeat; width: 5px; height: 7px; }

.sub-level-2 .sub-con ul li a:hover i.ne-2 { z-index: 55; background-position: -12px 0; right: 0; top: 0; }
.sub-level-2 .sub-con ul li a:hover i.nw-2 { z-index: 55; background-position: 0 0; left: 0; top: 0; }
.sub-level-2 .sub-con ul li a:hover i.sw-2 { background-position: 0 -12px; left: 0; bottom: 0; }
.sub-level-2 .sub-con ul li a:hover i.se-2 { background-position: -12px -12px; right: 0; bottom: 0; }

/**/


.sub-level-2 { left: 246px; }
.sub-level-2 { zoom: 1; display: block; visibility: hidden;z-index: 66; top: 0; width: 246px !important; position: absolute;
}
.sub-level-2.invert { top:auto; bottom:18px; }

.sub-level-2 .top { position: relative; margin-right: 12px; margin-left: -32px; margin-bottom: -18px; padding-top: 30px; width: 264px; z-index: 1; zoom: 1; background: url(/images/m/n-1.png) 0 0 repeat-x #fff;
}
.sub-level-2.invert .top { margin-top: -18px; background-image:url(/images/m/n-1-invert.png); }

.sub-level-2 .top .tr { width: 12px; height: 12px; background: url(/images/m/corner-1.png) -12px 0 no-repeat; position: absolute; right: -12px; top: 0;
}
.sub-level-2.invert .top .tr { top:18px; background-image:url(/images/m/corner-1-invert.png); background-position:-12px -12px; }

.sub-level-2 .bottom { position: relative; padding-top: 10px; margin: 0 12px 0 12px; z-index: 1; zoom: 1; background: url(/images/m/s-1.png) 0 100% repeat-x #fff;
}
.sub-level-2.invert .bottom { background-image:url(/images/m/s-1-invert.png); padding-top:12px; }

.sub-level-2 .bottom .bl { position: absolute; width: 12px; height: 12px; background: url(/images/m/corner-1.png) 0 -12px no-repeat; left: -12px; bottom: 0; }
.sub-level-2.invert .bottom .bl { background: url(/images/m/corner-1-invert.png) 0 0 no-repeat; }

.sub-level-2 .bottom .br { position: absolute; width: 12px; height: 12px; background: url(/images/m/corner-1.png) -12px -12px no-repeat; right: -12px; bottom: 0; }
.sub-level-2.invert .bottom .br { background: url(/images/m/corner-1-invert.png) -12px 0 no-repeat; }


/**/


.sub-level-2 .sub-con ul li a.last{ background: none; }

.map table { border-spacing: 0; border-collapse: collapse; width: 100%; }
.map table td { width: 30%; vertical-align: top; padding: 0 20px 20px 0; }
.map table td h2 { line-height: normal; }
.map table td li { line-height: normal; }
.map table td li a:hover { text-decoration: underline; }
.content { padding: 22px 29px; }



.l2 { height: 30px; background: url(/images/l/l2.png) 0 50% no-repeat; font-size: 0; clear: both; display: block; }
.l1 { height: 30px; background: url(/images/l/l1.png) 0 50% no-repeat; font-size: 0; clear: both; display: block; }

.news-title { padding-bottom: 9px;}
.h1 { font-family: ElektraMediumPro, Arial, Helvetica, sans-serif; font-style: italic; letter-spacing: 0.007em; font-weight: normal; font-size: 24px; color: #0078b8; }
.h1-i { text-transform: uppercase; background: url(/images/i/h1.png) 0 0 no-repeat; padding-bottom: 9px; padding-left: 38px; padding-top: 5px; }

.h1-ib { font-family: ElektraMediumPro, Arial, Helvetica, sans-serif; font-style: italic; letter-spacing: 0.007em; font-weight: normal; font-size: 24px; color: #0078b8;
text-transform: uppercase; background: url(/images/i/h1.png) 0 0 no-repeat; height: 35px; padding-left: 38px; line-height: 34px;}
.h1-i a { text-decoration: none; }

h2 { margin: 9px 0 0; }
h2, .h2 { font-size: 14px; overflow: hidden; font-weight: bold; background: url(/images/i/h2.png) 0 3px no-repeat; padding-left: 16px; }
.h2 { display: block; }
p { margin: 9px 0 0; }
span.h2 { margin: 9px 0 0; }

h3 { font-family: ElektraMediumPro, Arial, Helvetica, sans-serif; font-style: italic; letter-spacing: 0.007em; font-weight: normal; font-size: 24px; color: #0078b8; }

ul { list-style: none; margin: 9px 0 0; }
ul li { padding-left: 15px; padding-bottom: 5px; background: url(/images/i/li.png) 0 4px no-repeat; overflow: hidden; }

.sp { font-weight: normal; font-size: 18px; color: #0078b8; text-decoration: none;}

.sp a { font-weight: normal; font-size: 18px; color: #0078b8; text-decoration: none;}


.sp a:hover { font-weight: normal; font-size: 18px; color: #0061bb; text-decoration: none;}

.park-l table { border-spacing: 0; border-collapse: collapse; }
.park-l table td { box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box; padding: 9px 20px 10px 0; /*background: url(/images/l/v1.png) 227px 9px no-repeat; */}
.park-l table td.last{ background: none;}
.park-l table td .h2 { display: block; }
.park-l table td .icon { display: block; padding-bottom: 10px; }
.park-l table td .wrap-s { width: 195px; }

.box-wrap { position:relative; z-index: 1; overflow:hidden; font-size:0; padding: 10px; }
.box-wrap .tl,
.box-wrap .bl,
.box-wrap .br,
.box-wrap .tr { position:absolute; z-index:1; background:url("/images/shw.png"); width: 800px; height: 700px; }

.box-wrap .tl { top: 0; left: 0; }
.box-wrap .tr { width:10px; right:0; top: 0; z-index:2; background-position:100% 0; }
.box-wrap .bl { height:10px; z-index:3; left: 0; background-position:0 100%; bottom:0; }
.box-wrap .br { height:10px; width:10px; z-index:4; background-position:100% 100%; bottom:0; right: 0}

.box-wrap a.wrapper { display: inline-block; }
.box-wrap img.visual-fix,
.box-wrap img.visual-left,
.box-wrap img.visual-right,
.box-wrap a.wrapper { float: none; margin: 0; padding: 0; position:absolute; z-index:2; top:10px; left:10px; }
.box-wrap div.visual-fix { cursor: default; margin: 0; padding: 0; position: absolute; z-index: 4; top: 10px; left: 10px; }
.box-wrap div.wrap-s { cursor: default; margin: 0; padding: 0; position: absolute; z-index: 4; top: 10px; left: 10px; }

.visual-left { float: left; margin: 0 20px 0 0; }
.visual-right { float: right; margin: 0 0 0 20px; }

.box-wrapper { position:relative; overflow:hidden; font-size:0; padding: 10px; }
.box-wrapper .tl,
.box-wrapper .bl,
.box-wrapper .br,
.box-wrapper .tr { position:absolute; z-index:1; background:url("/images/shw.png"); width: 800px; height: 700px; }

.box-wrapper .tl { top: 0; left: 0; }
.box-wrapper .tr { width:10px; right:0; top: 0; z-index:2; background-position:100% 0; }
.box-wrapper .bl { height:10px; z-index:3; left: 0; background-position:0 100%; bottom:0; }
.box-wrapper .br { height:10px; width:10px; z-index:4; background-position:100% 100%; bottom:0; right: 0}

.box-wrapper a.wrapper { display: block; }
.box-wrapper a.wrapper { margin: 0; padding: 0; position: relative; z-index:2; top: 0; left: 0; }
.box-wrapper div.visual-fix { cursor: default; margin: 0; padding: 0; position: absolute; z-index: 4; top: 10px; left: 10px; }
.box-wrapper div.wrap-s { cursor: default; margin: 0; padding: 0; position: absolute; z-index: 4; top: 10px; left: 10px; }

.al-wrap { width: 736px;
overflow:hidden;
min-height: 493px;
background: url(/images/glsh.png) 0 0 no-repeat;
position: relative; margin: 0 auto;
padding: 8px 3px 14px 8px;
}

.al-wrap .al-left { width: 600px; height: 460px; text-align: center; }
.al-wrap .al-right { height: 486px; width: 130px; vertical-align: top; }

.al-wrap .al-main { position: relative; z-index: 555; }

.al-wrap .i-car { height: 379px; margin-left: -13px; overflow: hidden; width: 135px; position: relative; z-index: 1; }
.al-wrap .i-car .boxer { list-style: none; padding: 0; margin: 0; }
.al-wrap .i-car li { height: 96px; padding: 0; background: none; font-size: 0; line-height: 0; }
.al-wrap .i-car li a { width: 135px; position: relative; height: 96px; display: block; text-align: right; }
.al-wrap .i-car li a span { position: absolute; height: 96px; width: 135px; font-size: 0; display:none; left: 1px; top: 0; background: url(/images/i/cur.png) 0 0 no-repeat; }

.al-wrap .i-car li a.current span { display: block; }

.al-wrap .al-top { padding-top: 12px; margin-left: -13px; height: 45px; position: relative; }
.al-wrap .al-bottom { padding-top: 12px; margin-left: -13px; height: 45px; position: relative; }
.al-wrap .al-top a { display: block; position: relative; }
.al-wrap .al-bottom a { display: block; position: relative; }

.al-wrap .al-bottom a#next { height: 14px; background: url(/images/i/next.png) 50% 0 no-repeat; }
.al-wrap .al-bottom a#end { height: 21px; background: url(/images/i/end.png) 50% 0 no-repeat; }

.al-wrap .al-top a#prev { height: 14px; background: url(/images/i/prev.png) 50% 0 no-repeat; }
.al-wrap .al-top a#home { height: 21px; background: url(/images/i/home.png) 50% 0 no-repeat; }

.al-wrap .al-bottom a#next.disabled { background-position: 50% -14px;}
.al-wrap .al-bottom a#end.disabled { background-position: 50% -21px; }

.al-wrap .al-top a#prev.disabled { background-position: 50% -14px; }
.al-wrap .al-top a#home.disabled { background-position: 50% -21px; }

.al-wrap .i-title-box { width: 600px; border-spacing: 0; border-collapse: collapse; }
.al-wrap .i-title-box td { padding-left: 20px; height: 35px; vertical-align: middle; background: url(/images/i/i-title.png) 0 0 repeat-y; }

.al-wrap #preload { width: 600px; height: 450px; position: absolute; }
.al-wrap #preload img { width: 25px; height: 25px; position: absolute; z-index: 545; margin: -12px 0 0 -12px; top: 50%; left: 50%; }

.al-wrap .i-title-box { display: none; }

.al-wrap .tl,
.al-wrap .bl,
.al-wrap .br,
.al-wrap .tr { position:absolute; z-index:1; background:url("/images/shw.png"); width: 900px; height: 1000px; }

.al-wrap .tl { top: 0; left: 0; }
.al-wrap .tr { width:10px; right:0; top: 0; z-index:2; background-position:100% 0; }
.al-wrap .bl { height:10px; z-index:3; left: 0; background-position:0 100%; bottom:0; }
.al-wrap .br { height:10px; width:10px; z-index:4; background-position:100% 100%; bottom:0; right: 0px}


.l-nav { margin: 10px 0; position: relative; height: 20px; line-height: 13px; }
.l-nav li { float: left; background: url(/images/i/li.png) 100% 6px no-repeat; padding: 0 10px 0 0; margin-right: 10px; overflow: auto; line-height: normal; }
.l-nav li.last { padding-right: 0; margin-right: 0; background: none; }

.l1-1 { font-size: 0; display: block; clear: both; height: 23px; background: url(/images/l/l1-1.png) 0 50% no-repeat; }
.l1-2 { font-size: 0; display: block; clear: both; height: 40px; background: url(/images/l/l1-2.png) 0 50% no-repeat; }


.contact-field-f { height: 383px; width: 100%; border-spacing: 0; border-collapse: collapse; }
.contact-field-f td.column { width: 441px; vertical-align: top; }
.contact-field-f td.center-column { width: 57px; font-size: 0; text-align: center; vertical-align: bottom; background: url(/images/l/l1-3.png) 50% 0 no-repeat; }
.contact-field-f .h1 { padding-bottom: 9px; }

.form-table { width: 458px; border-spacing: 0; border-collapse: collapse; }
.form-table td { padding-bottom: 10px; line-height: normal; }
.form-table td.text-col { padding-top: 10px; vertical-align: top; }

.contact-field-f #done { width: 100%; text-align: center; border-spacing: 0; border-collapse: collapse; }
.form-table input, .form-table textarea { box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;border: 1px solid #cccccc; }

.form-table input { height: 27px; vertical-align: middle; }
* html .form-table input { height: 22px; line-height: 22px; vertical-align: middle; }
*:first-child+html .form-table input { height: 22px; line-height: 22px; vertical-align: middle; }
.form-table textarea { height: 118px; width: 100%; }
.form-table input.text{ width: 100%; }
.form-table input.text-s { width: 143px; }
.form-table td.left-col { width: 90px; }
.form-table td.bttn-field { padding: 0; }

.form-table .code-field { height: 38px; vertical-align: middle; }
.code-field .code-i { border: 1px solid #ccc; vertical-align: middle; }
.code-field .code-l { display: inline-block; }
.code-field .text-s { display: inline-block; }

.cop-box { height: 54px; padding-right: 184px; font-size: 13px; position: absolute; background: url(/images/vert.png) 100% 0 no-repeat; bottom: 18px; right: 213px; right: 290px; }
.cop-box table { border-collapse: collapse; width: 100%; }
.cop-box table td { height: 54px; }
.cop-box span { font-size: 11px; display: inline-block; margin-bottom: 4px; }
.black { color: #000; }

.vr-box { height: 31px; font-size: 11px; background: url(/images/l/v.png) 108px 0 no-repeat; bottom: 28px; position: absolute; left: 18px; }
.vr-box img { vertical-align: middle; margin-right: 41px; }
.vr-box .vr { margin-right: 9px; }
.vr-box a { font-size: 11px; }

.send { width: 94px; height: 35px; background: url(/images/bttn/send.png) 0 0 no-repeat; display: block; }
.clear { clear: both; display: block; font-size: 0; height: 0; }
.left { float: left; }
.right { float: right; }
.wrap-con { position: relative; }


.b-list { margin-top: 10px; display: block; width: 118px; height: 35px; background: url(/images/bttn/bk.png) 0 0 no-repeat }


.paginator { height: 23px; line-height: 23px; position: relative; clear: both; margin-top: 10px; }
.paginator strong, .paginator a { display: block; float: left; width: 23px; height: 23px; text-align: center; }
.paginator .pages { float: left; margin-right: 7px; width: auto; }
.paginator .pager { background: url(/images/l/v2.png) 100% 0 no-repeat; position: relative; z-index: 1; }
.paginator .current { width: 25px; margin:0 -1px; position: relative; z-index: 3; background: url(/images/i/p.png) 0 0 no-repeat; color: #fff; }
.paginator a.non-line { background: none; }
.paginator a.right { right: 0; position: absolute; }

.an, .paginator a.an { display: block; width: 102px; height: 35px; }

.bprs { display: block; width: 215px; height: 408px; position: absolute; right: -211px; top: 287px; }
.dw-pres { width: 215px; height: 195px; display: block; background: url(/images/b/bprs1.jpg) 0 0 no-repeat; }
.dw-pres img { width: 100%; height: 100%; }

.en-ver .dw-pres { background: url(/images/b/bprs1_en.jpg) 0 0 no-repeat; }

.bron-box { width: 215px; height: 207px; display: block; background: url(/images/b/bprs1.jpg) 0 -195px no-repeat; }
.en-ver .bron-box { background: url(/images/b/bprs1_en.jpg) 0 -195px no-repeat; }

.bron-form { padding: 20px; }
.bron-form table { border-spacing: 0; border-collapse: collapse; }
.bron-form table td { text-align: left; }
.bron-form table td div { position: relative; }
.bron-form .hour-box { float: left; background: url(/images/tm.png) 41px 0 no-repeat; }
.bron-form .minuts-box { float: left; margin-left: 20px; background: url(/images/tm.png) 50px 0 no-repeat; }
.bron-form select { font-size: 16px; border: 1px solid #ccc; box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box; width: 100%; }

input.field-error, textarea.field-error { border:#9C1F21 solid 1px !important; }
.field-wrapper { position:relative; }
.field-error-message {
position:absolute;
z-index:1;
bottom:-17px; left:0;
/*bottom:-16px;*/
height:18px; line-height:18px; padding:0 4px;
background:#9C1F21; color:#fff; font-size:11px;
white-space:nowrap;
}

.switcher-ln { top: 112px; right: -17px; position: absolute; z-index: 3; }

.send.en { background: url(/images/bttn/en/send.png) 0 0 no-repeat }
.b-list-en { margin-top: 10px; display: block; width: 126px; height: 35px; background: url(/images/bttn/en/bk.png) 0 0 no-repeat }

.visual-left { float: left; margin: 2px 10px 0 0; }
a.h2 { line-height: normal; margin-bottom: 3px; }
small.date { margin-bottom: 4px; display: block; }
div.date { margin-bottom: 5px; }


.table-partners { border-spacing: 0; border-collapse: collapse; }
.table-partners td { padding: 0 15px; vertical-align: top; }
.table-partners td.v-delemiter { padding: 0; width: 3px; vertical-align: bottom; background: url(/images/l/vl1-b.png) 0 0 no-repeat; font-size: 0; }
.table-partners td.delemiter { padding: 0; height: 40px; background: url(/images/l/l1-1.png) 0 50% no-repeat; font-size: 0; }


.control-box { width: 684px; margin: 0 auto; }
.al-box .gallery { width: 684px; height: 516px; margin: 0 auto; padding-right: 12px; }
.img-box-car { overflow: hidden; position: relative; z-index: 10; }

.img-box-car .tr { z-index: 44; width: 12px; }
.img-box-car .br { z-index: 55; width: 12px; }

.img-box-items { z-index: 10; position: relative; width: 1000000px; height: 513px; }
.img-box-line a { position: relative; display: block; float: left; }

.control-box { padding: 10px 12px 10px 10px; }
.items-car { position: relative; z-index: 14; width: 636px; margin: 0 0 0 22px; overflow: hidden; }


.control-box .slider_button_prev { position: absolute; z-index: 444; width: 13px; height: 21px; background: url(/images/i/h_prev.png) 0 0 no-repeat; top: 39px; left: 14px; }
.control-box .slider_button_next { position: absolute; z-index: 444; width: 13px; height: 21px; background: url(/images/i/h_next.png) 0 0 no-repeat; top: 39px; right: 14px; }

.control-box .slider_button_prev.disabled {background-position: -13px 0; }
.control-box .slider_button_next.disabled { background-position: -13px 0; }


.control-box .small-items-line { float: left; }
.control-box .small-items { width: 1000000px; }
.slider_items_size { position: relative; display: inline-block; }
.control-box .slider_item { padding: 2px 3px; float: left; z-index: 2; position: relative; }
.control-box .slider_item img { position: relative; z-index: 3; top: 0; left:0; filter: alpha(opacity=30); opacity: 0.3; border: 1px solid #c0c0c0; padding: 1px; }
.control-box .slider_item.curr img { filter: alpha(opacity=100); opacity: 1; border: 2px solid #faa41e; padding: 0; }

.al-box { position: relative; }
.tool-box { position: absolute; right: 40px; top: 25%; }
.tool-box a { float: left; display: block; width: 41px; height: 41px; }
.tool-box .slider_button_next { background: url(/images/i/next.png) 0 0 no-repeat; }
.tool-box .slider_button_prev { background: url(/images/i/prev.png) 0 0 no-repeat; }

.tool-box .slider_button_next.disabled { opacity: 0.5; filter: alpha(opacity=50); }
.tool-box .slider_button_prev.disabled { opacity: 0.5; filter: alpha(opacity=50); }


.slide-box { position: absolute; top: 25%; left: 35px; }
.slide-box .slide { display: block; background: url(/images/i/slide.png) 0 0 no-repeat; width: 86px; height: 41px; }
.slide-box .stop { display: none; background: url(/images/i/stop.png) 0 0 no-repeat; width: 86px; height: 41px; }
.slide-box .en-slide { display: block; background: url(/images/i/en/slide.png) 0 0 no-repeat; width: 86px; height: 41px; }
.slide-box .en-stop { display: none; background: url(/images/i/en/stop.png) 0 0 no-repeat; width: 86px; height: 41px; }

.text-box { overflow: hidden; width: 706px; margin: 10px auto; }
.text-box .text-con { width: 100000px; }
.text-float { float: left; width: 706px; }


.preload { z-index: 5555; display: none; position: absolute; width: 100%; height: 100%; }
.preload table { width: 100%; height: 100%; }
.preload table td { vertical-align: middle; text-align: center; }
Соседние файлы в папке Панх Парк техники_files