html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption,
th {
text-align: left;
}
address,
caption,
cite,
code,
dfn,
th,
var {
font-style: normal;
font-weight: normal;
}
q:before,
q:after {
content: '';
}
img {
border: 0;
vertical-align: top;
}
a:focus,
a:active {
outline: none;
}
.clearfix:after {
content: "";
display: table;
clear: both;
}
ul {
list-style-type: none;
}
@font-face {
font-family: 'DINPro Medium';
src: url('../ttf/pro-medium-normal-webfont.eot');
src: url('../ttf/pro-medium-normal-webfont.eot?#iefix') format('embedded-opentype'), url('../ttf/pro-medium-normal-webfont.woff') format('woff'), url('../ttf/pro-medium-normal-webfont.ttf') format('truetype'), url('../ttf/pro-medium-normal-webfont.svg#Pro-MediumNormal') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'DINPro';
src: url('../ttf/pro-regular-webfont.eot');
src: url('../ttf/pro-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../ttf/pro-regular-webfont.woff') format('woff'), url('../ttf/pro-regular-webfont.ttf') format('truetype'), url('../ttf/pro-regular-webfont.svg#Pro-Normal') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'DINPro';
src: url('../ttf/pro-bold-webfont.eot');
src: url('../ttf/pro-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../ttf/pro-bold-webfont.woff') format('woff'), url('../ttf/pro-bold-webfont.ttf') format('truetype'), url('../ttf/pro-bold-webfont.svg#Pro-BoldNormal') format('svg');
font-weight: bold;
font-style: normal;
}
body,
html {
height: 100%;
}
body {
color: #000;
background: #fff;
font: 13px/18px Arial, Helvetica;
}
td,
th {
color: #000;
font: 1em Arial, Helvetica;
}
input,
textarea,
option,
select,
button {
color: #616161;
font: 1em Arial, Helvetica;
}
.map-pin {
display: inline-block;
background: url(../img/pin-map.png);
width: 13px;
height: 19px;
font-size: 1px;
vertical-align: top;
}
/* // ---- typography ---- // */
a {
color: #939393;
text-decoration: none;
}
a:hover {
color: #000;
text-decoration: underline;
}
/* -- ---- typography ---- -- */
.m-title {
color: #000;
font: 20px/24px 'DINPro Medium', Arial, sans-serif;
-webkit-text-stroke: 1px transparent;
text-transform: uppercase;
padding-bottom: 30px;
}
.xs-title {
color: #000;
font: 16px/22px 'DINPro Medium', Arial, sans-serif;
-webkit-text-stroke: 1px transparent;
text-transform: uppercase;
padding-bottom: 15px;
}
.s-title {
color: #000;
font: 14px/18px 'DINPro', Arial, sans-serif;
-webkit-text-stroke: 1px transparent;
background: #3bd726 url(../img/title-bg.png) no-repeat 100% 100%;
padding: 7px 10px 3px 20px;
text-transform: uppercase;
}
.s-title a {
display: inline-block;
vertical-align: top;
color: #000;
background: url(../img/ar-b.png) no-repeat 100% 1px;
padding-right: 15px;
}
#container {
position: relative;
z-index: 3;
min-width: 1000px;
}
/*
** TOP
*/
.top {
position: relative;
width: 940px;
margin: 0 auto;
padding-bottom: 6px;
zoom: 1;
}
.top:after {
content: "";
display: table;
clear: both;
}
.top__logo {
position: relative;
float: left;
background: url(../img/top-bg.png) no-repeat 0 0;
width: 496px;
height: 69px;
margin-left: -16px;
padding: 57px 0 0 60px;
}
.top__auth-bar {
float: right;
width: 300px;
background: url(../img/brd.gif) repeat-x 0 0;
}
.top__auth-bar__nav {
font-size: 12px;
line-height: 14px;
zoom: 1;
}
.top__auth-bar__nav:after {
content: "";
display: table;
clear: both;
}
.top__auth-bar__nav li {
float: left;
width: 138px;
margin-right: 2px;
padding: 13px 0 7px;
text-align: center;
}
.top__auth-bar__nav li.hr {
padding-top: 7px;
border-top: 6px solid #000;
}
.top__auth-bar .i-p {
float: left;
color: #808080;
width: 126px;
background-color: #ddd;
border: none;
font-size: 12px;
padding: 4px 2px 5px 10px;
margin: 0 2px 0 0;
}
.top__auth-bar .btn {
cursor: pointer;
cursor: hand;
border: none;
margin: 0;
padding: 0 2px 0 7px;
background: none;
overflow: visible;
width: auto;
}
.top__auth-bar .btn::-moz-focus-inner {
padding: 0;
border: none;
}
.top__auth-bar .btn i {
display: inline-block;
vertical-align: top;
background: url(../img/ar.gif);
width: 7px;
height: 12px;
margin: 6px 0 0;
}
.top__oldsite {
position: absolute;
font-size: 12px;
line-height: 14px;
left: 398px;
background: url(../img/brd.gif) repeat-x 0 0;
padding: 13px 13px 0;
white-space: nowrap;
}
.lang-bar {
position: absolute;
z-index: 3;
left: 0;
background: url(../img/brd.gif) repeat-x 0 0;
white-space: nowrap;
}
.lang-bar li {
float: left;
width: 28px;
padding-top: 13px;
text-align: center;
font: 11px/13px 'DINPro', Arial, sans-serif;
-webkit-text-stroke: 1px transparent;
}
.lang-bar .hr {
border-top: 6px solid #000;
padding-top: 7px;
}
.lang-bar a {
color: #000;
}
/* end TOP */
/*
** NAVIGATION
*/
.navigation {
width: 940px;
margin: 0 auto;
padding-bottom: 30px;
zoom: 1;
}
.navigation:after {
content: "";
display: table;
clear: both;
}
.navigation__list {
/* float: left; width: 700px;*/
width: 100%;
}
.navigation__list td {
padding-left: 2px;
}
.navigation__list td:first-child {
padding-left: 0;
}
.navigation__item {
display: block;
color: #fff;
font: 12px/15px 'DINPro', Arial, sans-serif;
-webkit-text-stroke: 1px transparent;
text-transform: uppercase;
background: #000000 url(../img/nav-brd.gif) repeat-x 0 0;
text-align: center;
white-space: nowrap;
padding: 7px 5px 6px;
-webkit-transition: background-position 0.1s ease;
-moz-transition: background-position 0.1s ease;
-o-transition: background-position 0.1s ease;
transition: background-position 0.1s ease;
}
.navigation__item:hover {
color: #3bd726;
text-decoration: none;
background-position: 0 19px;
}
.navigation .hr {
color: #3bd726;
background-position: 0 19px;
}
.search {
position: relative;
float: right;
width: 220px;
display: none;
}
.search .i-p {
color: #808080;
width: 208px;
background-color: #ddd;
border: none;
font-size: 12px;
padding: 7px 2px 7px 10px;
vertical-align: top;
margin: 0;
}
.search .btn {
position: absolute;
top: 5px;
right: 5px;
cursor: pointer;
cursor: hand;
border: none;
margin: 0;
padding: 0;
background: none;
overflow: visible;
width: auto;
vertical-align: top;
}
.search .btn::-moz-focus-inner {
padding: 0;
border: none;
}
.search .btn i {
display: inline-block;
vertical-align: top;
background: url(../img/btn-search.png);
width: 17px;
height: 18px;
}
/* end NAVIGATION */
.visual {
width: 940px;
margin: 0 auto;
padding-bottom: 30px;
zoom: 1;
}
.visual:after {
content: "";
display: table;
clear: both;
}
.visual-panes {
float: left;
width: 700px;
height: 350px;
}
.visual-panes .pane {
display: none;
}
.visual-panes .pane-active {
display: block;
}
.visual-nav {
float: right;
width: 220px;
/* &_c2 {
padding-top: 13px; height: 67px;
}*/
}
.visual-nav__item {
position: relative;
display: block;
color: #000;
height: 80px;
background-color: #ddd;
font-size: 1px;
padding: 0 0 0 80px;
}
.visual-nav__item .ico {
position: absolute;
left: 0;
top: 0;
background-repeat: no-repeat;
background-position: 50%;
width: 80px;
height: 80px;
}
.visual-nav__item .ico-h {
position: absolute;
left: 0;
top: 0;
background-repeat: no-repeat;
background-position: 50%;
width: 80px;
height: 80px;
visibility: hidden;
}
.visual-nav li {
padding-bottom: 10px;
}
.visual-nav .va {
display: inline-block;
width: 1px;
height: 80px;
vertical-align: middle;
margin-right: -2px;
}
.visual-nav .txt {
display: inline-block;
font: 14px/18px 'DINPro Medium', Arial, sans-serif;
-webkit-text-stroke: 1px transparent;
text-transform: uppercase;
vertical-align: middle;
width: 125px;
}
.visual-nav .active {
color: #fff;
text-decoration: none !important;
background-color: #000;
}
.visual-nav .active .cr {
position: absolute;
left: -47px;
top: 17px;
background: url(../img/visual-nav-cr.png) no-repeat;
width: 47px;
height: 20px;
}
.visual-nav .active .ico {
display: none;
}
.visual-nav .active .ico-h {
visibility: visible;
}
.oldie .visual-nav .va,
.oldie .visual-nav .txt {
display: inline;
zoom: 1;
}
/*
** MIDDLE MAIN
*/
.middle-main {
width: 940px;
margin: 0 auto;
padding-bottom: 30px;
zoom: 1;
}
.middle-main:after {
content: "";
display: table;
clear: both;
}
.middle-main__col-1 {
float: left;
width: 300px;
}
.middle-main__col-1 .mm-mih {
min-height: 353px;
}
.middle-main__col-2 {
float: right;
width: 620px;
}
.middle-main__col-2 .mm-mih {
min-height: 193px;
}
.middle-main__col-2 .col-1 {
float: left;
width: 300px;
}
.middle-main__col-2 .col-2 {
float: right;
width: 300px;
}
.middle-main .mm-mih {
background: url(../img/brd.gif) repeat-x 0 100%;
padding-bottom: 6px;
}
/* end MIDDLE MAIN */
.news-list {
padding: 16px 20px 0;
font-size: 13px;
line-height: 16px;
}
.news-list h3 {
color: #808080;
font-weight: normal;
}
.news-list h3 a:hover {
text-decoration: none;
}
.news-list h3 a:hover span {
text-decoration: underline;
}
.news-list h3 .ar {
display: inline-block;
background: url(../img/ar.gif);
width: 7px;
height: 12px;
font-size: 1px;
vertical-align: top;
margin: 2px 0 0 2px;
}
.news-list .cn a {
color: #c6c6c6;
}
.news-list .cn a:hover {
color: #000;
text-decoration: none;
}
.news-list .cn a:hover span {
text-decoration: underline;
}
.news-list .cn .ar {
display: inline-block;
background: url(../img/ar.gif);
width: 7px;
height: 12px;
font-size: 1px;
vertical-align: top;
margin: 2px 0 0 2px;
}
.news-list__date {
font-size: 12px;
padding-bottom: 4px;
}
.news-list li {
padding-bottom: 19px;
}
.news-list_c1 {
position: relative;
margin-left: -80px;
padding: 0;
}
.news-list_c1 li {
display: inline-block;
vertical-align: top;
width: 277px;
padding: 0 20px 29px 80px;
}
.news-list_c2 {
position: relative;
margin-left: -80px;
padding: 0 0 20px;
}
.news-list_c2 li {
display: inline-block;
vertical-align: top;
width: 277px;
padding: 0 20px 15px 80px;
}
.oldie .news-list_c1 {
zoom: 1;
}
.oldie .news-list_c1 li {
display: inline;
zoom: 1;
}
.oldie .news-list_c2 {
zoom: 1;
}
.oldie .news-list_c2 li {
display: inline;
zoom: 1;
}
.cost-fuel {
font-size: 13px;
line-height: 15px;
padding: 16px 0 14px 20px;
zoom: 1;
}
.cost-fuel:after {
content: "";
display: table;
clear: both;
}
.cost-fuel p {
padding-bottom: 8px;
}
.cost-fuel__type-fuel {
float: left;
width: 139px;
margin-right: 10px;
}
.cost-fuel__type-fuel__pane {
float: left;
display: none;
background-color: #e6e6e6;
width: 94px;
font: bold 14px/18px 'DINPro', Arial, sans-serif;
-webkit-text-stroke: 1px transparent;
padding: 3px 0 3px;
min-height: 19px;
text-align: center;
}
.cost-fuel__type-fuel__pane.active {
display: block;
}
.cost-fuel__type-fuel__prev {
cursor: pointer;
cursor: hand;
float: left;
width: 20px;
height: 20px;
background-color: #ddd;
text-align: center;
margin-right: 2px;
padding-top: 5px;
}
.cost-fuel__type-fuel__prev i {
display: inline-block;
font-size: 1px;
vertical-align: top;
background: url(../img/ar-l.gif);
width: 9px;
height: 16px;
}
.cost-fuel__type-fuel__next {
cursor: pointer;
cursor: hand;
float: right;
width: 20px;
height: 20px;
background-color: #ddd;
text-align: center;
padding-top: 5px;
}
.cost-fuel__type-fuel__next i {
display: inline-block;
font-size: 1px;
vertical-align: top;
background: url(../img/ar-r.gif);
width: 9px;
height: 16px;
}
.cost-fuel__cost {
float: left;
width: 116px;
background-color: #ddd;
font: 14px/18px 'DINPro', Arial, sans-serif;
-webkit-text-stroke: 1px transparent;
padding: 3px 5px 3px 10px;
min-height: 18px;
}
.cost-fuel__cost .pane {
display: none;
line-height: 18px;
}
.cost-fuel__cost .active {
display: block;
}
.cost-fuel-all {
font-size: 13px;
line-height: 15px;
padding: 0 10px 0 20px;
}
.cost-fuel-all p {
padding-left: 10px;
padding-bottom: 13px;
}
.cost-fuel-all p .map-pin {
position: relative;
margin-top: -5px;
margin-left: 3px;
}
.cost-fuel-all select {
border-width: 0;
background: #ddd;
padding: 2px;
width: 240px;
height: 28px;
margin-right: 5px;
}
.cost-fuel-all .btn {
cursor: pointer;
cursor: hand;
border: none;
margin: 0;
padding: 0 2px;
background: none;
overflow: visible;
width: auto;
}
.cost-fuel-all .btn::-moz-focus-inner {
padding: 0;
border: none;
}
.cost-fuel-all .btn i {
display: inline-block;
vertical-align: top;
background: url(../img/ar-r.gif);
width: 9px;
height: 16px;
margin: 0;
}
.hotline {
font-size: 13px;
line-height: 15px;
padding: 16px 10px 26px 20px;
}
.hotline .big {
position: relative;
margin-top: -6px;
display: inline-block;
font: 20px/22px 'DINPro', Arial, sans-serif;
-webkit-text-stroke: 1px transparent;
vertical-align: top;
padding-left: 5px;
}
.hotline-ocn {
font-size: 13px;
line-height: 15px;
padding: 0 10px 0 20px;
zoom: 1;
}
.hotline-ocn:after {
content: "";
display: table;
clear: both;
}
.hotline-ocn .map-pin {
position: relative;
margin-top: -5px;
margin-left: 3px;
}
.hotline-ocn ul {
float: left;
padding-left: 20px;
padding-top: 7px;
}
.hotline-ocn ul li {
padding-bottom: 5px;
}
.mbn {
padding-top: 30px;
clear: both;
}
/*
** BOTTOM NAV
*/
.bottom-nav {
background-color: #e6e6e6;
}
.bottom-nav__inner {
width: 940px;
margin: 0 auto;
padding: 28px 0 20px;
zoom: 1;
}
.bottom-nav__inner:after {
content: "";
display: table;
clear: both;
}
.bottom-nav__cl {
float: left;
padding-left: 20px;
}
.bottom-nav__cl_c1 {
width: 100px;
}
.bottom-nav__cl_c2 {
width: 64px;
}
.bottom-nav__cl_c3 {
width: 137px;
}
.bottom-nav__cl_c4 {
width: 130px;
}
.bottom-nav__cl_c5 {
width: 110px;
}
.bottom-nav__contacts {
float: right;
width: 270px;
}
.bottom-nav__contacts dl {
padding-left: 20px;
padding-bottom: 16px;
background: url(../img/contacts-brd.gif) repeat-x 0 100%;
}
.bottom-nav__contacts__cnt {
font-size: 13px;
line-height: 15px;
background: url(../img/contacts-brd.gif) repeat-x 0 100%;
padding: 12px 0 12px 20px;
display: table;
}
.bottom-nav__contacts__cnt p {
padding-bottom: 9px;
}
.bottom-nav dl dt {
font: 12px/15px 'DINPro', Arial, sans-serif;
-webkit-text-stroke: 1px transparent;
text-transform: uppercase;
padding-bottom: 5px;
}
.bottom-nav dl dt a {
color: #000;
}
.bottom-nav dl dd {
font-size: 12px;
line-height: 15px;
}
.bottom-nav dl dd a {
position: relative;
margin: 0 -10px;
display: inline-block;
padding: 2px 10px 2px;
}
.bottom-nav dl dd a:hover {
color: #fff;
background-color: #000;
text-decoration: none;
}
.oldie .bottom-nav dd a {
display: inline;
zoom: 1;
}
/* end BOTTOM NAV */
/*
** BOTTOM
*/
.bottom {
background-color: #000;
color: #707070;
font-size: 11px;
line-height: 14px;
}
.bottom__inner {
width: 940px;
margin: 0 auto;
padding: 15px 0;
zoom: 1;
}
.bottom__inner:after {
content: "";
display: table;
clear: both;
}
.bottom__col-1 {
float: left;
}
.bottom__col-2 {
float: right;
padding-right: 10px;
}
.bottom a,
.bottom a:hover {
color: #bebebe;
}
.bottom__nav a {
margin-left: 25px;
}
/* end BOTTOM */
/*
** MIDDLE
*/
.middle {
width: 940px;
margin: 0 auto;
}
/* end MIDDLE */
/*
** GRID
*/
.grid-1 {
zoom: 1;
padding-bottom: 60px;
padding-left: 20px;
}
.grid-1:after {
content: "";
display: table;
clear: both;
}
.grid-1 .l-col-1 {
float: left;
width: 680px;
}
.grid-1 .l-col-2 {
float: right;
width: 220px;
}
.grid-2 {
zoom: 1;
padding-bottom: 60px;
padding-left: 20px;
}
.grid-2:after {
content: "";
display: table;
clear: both;
}
.grid-2 .l-col-1 {
float: left;
width: 328px;
}
.grid-2 .l-col-2 {
float: right;
width: 562px;
}
/* end GRID */
.subcats {
position: relative;
top: -30px;
width: 940px;
margin: 0 auto;
border-bottom: 1px solid #000;
}
.subnav {
width: 700px;
font-size: 12px;
line-height: 14px;
padding: 15px 0 6px;
zoom: 1;
}
.subnav:after {
content: "";
display: table;
clear: both;
}
.subnav li {
float: left;
padding: 0 10px 7px;
min-width: 200px;
text-align: left;
}
.subnav td {
padding: 0 10px 7px;
white-space: nowrap;
min-width: 200px;
}
.subnav a {
display: inline-block;
padding: 2px 10px;
}
.subnav .hr {
color: #000 !important;
background-color: transparent !important;
display: inline-block;
padding: 2px 10px;
}
.subnav a:hover {
color: #fff;
background-color: #000;
text-decoration: none;
}
div.subnav {
width: auto;
}
.for-editor p {
padding-bottom: 15px;
}
.for-editor p + .img-none,
.for-editor p + h2,
.for-editor p + h3,
.for-editor ol + h2,
.for-editor ol + h3,
.for-editor ul + h2,
.for-editor ul + h3 {
padding-top: 15px;
}
.for-editor .big {
font-size: 14px;
}
.for-editor .img-none {
padding-bottom: 30px;
}
.for-editor h2 {
color: #000;
font: 16px/20px 'DINPro Medium', Arial, sans-serif;
-webkit-text-stroke: 1px transparent;
text-transform: uppercase;
padding-bottom: 15px;
}
.for-editor h3 {
color: #000;
font: bold 14px/18px 'DINPro', Arial, sans-serif;
-webkit-text-stroke: 1px transparent;
text-transform: uppercase;
padding-bottom: 15px;
}
.for-editor ol {
padding: 0 0 0 50px;
}
.for-editor ol li {
padding-bottom: 15px;
}
.for-editor ul {
list-style-type: disc;
padding: 0 0 15px 50px;
}
.for-editor ul li {
padding-bottom: 0;
}
.for-editor blockquote {
color: #30d900;
font: 24px/1.3 'DINPro', Arial, sans-serif;
-webkit-text-stroke: 1px transparent;
padding: 35px 50px;
}
.for-editor blockquote:before {
position: absolute;
content: '\00ab';
font: 39px/1 'DINPro', Arial, sans-serif;
margin-left: -30px;
margin-top: -8px;
}
.for-editor blockquote:after {
position: absolute;
content: '\00bb';
font: 39px/1 'DINPro', Arial, sans-serif;
margin-top: -8px;
margin-left: 5px;
}
.for-editor .date {
padding-bottom: 10px;
}
.for-editor table {
width: 100%;
border-bottom: 1px solid #bebebe;
margin-bottom: 12px;
}
.for-editor table th {
color: #bebebe;
font-size: 13px;
line-height: 19px;
border-bottom: 1px solid #bebebe;
padding: 0 8px 8px 2px;
}
.for-editor table td {
font-size: 13px;
line-height: 16px;
padding: 6px 8px 6px 2px;
}
.for-editor table .w-brd td {
border-bottom: 1px solid #bebebe;
}
.for-editor table .w-brd + tr td {
padding-top: 10px;
}
.for-editor .ins-txt {
position: relative;
display: inline;
float: right;
width: 207px;
margin-right: -240px;
background: url(../img/brd.gif);
padding: 6px;
}
.for-editor .ins-txt__inner {
color: #707070;
font-size: 12px;
line-height: 15px;
background-color: #fff;
padding: 20px 13px 5px 20px;
zoom: 1;
}
.for-editor .ins-txt__inner:after {
content: "";
display: table;
clear: both;
}
.for-editor .ins-txt__inner .big {
color: #000;
font: bold 40px/1 'DINPro', Arial, sans-serif;
letter-spacing: -3px;
}
.for-editor .ins-txt__inner .stats {
border-bottom-width: 0;
width: auto;
}
.for-editor .ins-txt__inner .stats td {
color: #707070;
vertical-align: middle;
padding-bottom: 1px;
padding-top: 1px;
}
.for-editor .ins-txt__inner .stats .big {
color: #000;
text-align: right;
padding-left: 0;
}
.oldie .for-editor .ins-txt {
right: -30px;
}
.sc-btmline {
position: relative;
margin-left: -20px;
padding-bottom: 50px;
zoom: 1;
}
.sc-btmline:after {
content: "";
display: table;
clear: both;
}
.sc-btmline__col {
float: left;
width: 300px;
padding-left: 20px;
}
.sc-btmline__cnt {
font-size: 13px;
line-height: 15px;
padding: 18px 20px 0;
}
.sc-btmline__cnt ul {
padding-bottom: 34px;
}
.sc-btmline__cnt ul li {
background: url(../img/li.png) no-repeat 0 5px;
padding-left: 10px;
}
.sc-btmline__cnt p {
padding-bottom: 34px;
}
.sc-auth-bar {
position: relative;
margin-top: -4px;
}
.sc-auth-bar .ips {
padding-bottom: 10px;
zoom: 1;
}
.sc-auth-bar .ips:after {
content: "";
display: table;
clear: both;
}
.sc-auth-bar .i-p {
float: left;
color: #808080;
width: 213px;
background-color: #ddd;
border: none;
font-size: 12px;
padding: 4px 2px 5px 10px;
margin: 0 2px 0 0;
}
.sc-auth-bar .btn {
cursor: pointer;
cursor: hand;
border: none;
margin: 0;
padding: 0 2px 0 7px;
background: none;
overflow: visible;
width: auto;
}
.sc-auth-bar .btn::-moz-focus-inner {
padding: 0;
border: none;
}
.sc-auth-bar .btn i {
display: inline-block;
vertical-align: top;
background: url(../img/ar.gif);
width: 7px;
height: 12px;
margin: 6px 0 0;
}
.news-archive {
position: relative;
font-size: 10px;
line-height: 12px;
width: 60px;
margin-top: 3px;
background-color: #e6e6e6;
}
.news-archive:hover dd {
display: block;
}
.news-archive:hover dt {
background-position: 100% -11px;
}
.news-archive a {
color: #000;
text-decoration: none;
}
.news-archive dt {
background: #e6e6e6 url(../img/list-ar.png) no-repeat 100% 5px;
padding: 1px 5px;
border-right: 8px solid #e6e6e6;
zoom: 1;
}
.news-archive dd {
position: absolute;
width: 100%;
display: none;
background-color: #e6e6e6;
padding-bottom: 2px;
}
.news-archive dd a:hover {
color: #939393;
}
.news-archive li {
padding: 5px 5px 0;
}
.pages {
text-align: center;
}
.pages__prev {
cursor: pointer;
cursor: hand;
display: inline-block;
font-size: 1px;
vertical-align: top;
background: url(../img/ar-s-l.gif);
width: 7px;
height: 12px;
margin-top: 3px;
margin-right: 5px;
}
.pages__next {
cursor: pointer;
cursor: hand;
display: inline-block;
font-size: 1px;
vertical-align: top;
background: url(../img/ar.gif);
width: 7px;
height: 12px;
margin-top: 3px;
margin-left: 5px;
}
.pages__numbs {
font-size: 13px;
line-height: 16px;
}
.pages__numbs a {
display: inline-block;
padding: 2px 6px;
vertical-align: top;
margin: 0 3px;
}
.pages__numbs a:hover {
background-color: #000;
color: #fff;
text-decoration: none;
}
.pages__numbs .hr {
display: inline-block;
font-weight: bold;
padding: 2px 6px;
vertical-align: top;
margin: 0 3px;
}
.gallery-slider {
position: relative;
width: 560px;
}
.gallery-slider__prev {
position: absolute;
top: 50%;
margin-top: -18px;
left: -20px;
display: none;
cursor: pointer;
cursor: hand;
font-size: 1px;
vertical-align: top;
background: url(../img/ar-l.gif);
width: 9px;
height: 16px;
}
.gallery-slider__next {
position: absolute;
top: 50%;
margin-top: -18px;
right: -20px;
display: none;
cursor: pointer;
cursor: hand;
font-size: 1px;
vertical-align: top;
background: url(../img/ar-r.gif);
width: 9px;
height: 16px;
}
.gallery-slider ul.gallery-slider__ul {
list-style-type: none;
padding: 0;
margin: 0;
zoom: 1;
}
.gallery-slider ul.gallery-slider__ul:after {
content: "";
display: table;
clear: both;
}
.gallery-slider ul.gallery-slider__ul li {
float: left;
padding: 0 10px 20px;
}
.side-archive {
position: relative;
margin-top: 10px;
background: url(../img/brd.gif);
padding: 6px;
}
.side-archive__inner {
color: #707070;
font-size: 13px;
line-height: 16px;
background-color: #fff;
padding: 20px 20px 5px 25px;
zoom: 1;
}
.side-archive__inner:after {
content: "";
display: table;
clear: both;
}
.side-archive h2 {
color: #000;
font: bold 14px/18px 'DINPro', Arial, sans-serif;
padding-bottom: 30px;
}
.side-archive__li {
padding-bottom: 30px;
}
.side-archive__date {
color: #000;
font-size: 12px;
padding-bottom: 5px;
}
.side-archive h3 {
font-weight: normal;
}
.side-archive h3 a:hover {
text-decoration: none;
}
.side-archive h3 a:hover span {
text-decoration: underline;
}
.side-archive h3 .ar {
display: inline-block;
font-size: 1px;
vertical-align: top;
background: url(../img/ar.gif);
width: 7px;
height: 12px;
margin: 2px 0 0 3px;
}
.regform {
padding-bottom: 20px;
}
.regform .ips {
padding-bottom: 16px;
padding-left: 69px;
width: 218px;
zoom: 1;
}
.regform .ips:after {
content: "";
display: table;
clear: both;
}
.regform .lbl {
position: relative;
float: left;
left: -89px;
margin-right: -89px;
width: 77px;
text-align: right;
line-height: normal;
padding-top: 5px;
}
.regform .i-p {
float: right;
color: #808080;
width: 206px;
background-color: #ddd;
border: none;
font-size: 13px;
padding: 5px 2px 4px 10px;
margin: 0;
}
.regform .button {
cursor: pointer;
cursor: hand;
padding: 0;
margin: 0;
overflow: visible;
width: auto;
background: none;
border: 0;
}
.regform .button::-moz-focus-inner {
padding: 0;
border: 0;
}
.regform .button span {
display: inline-block;
vertical-align: top;
color: #fff;
background-color: #000;
line-height: 16px;
padding: 3px 10px 2px;
}
.regform .button .ar {
display: inline-block;
background: url(../img/ar-r.gif);
width: 9px;
height: 16px;
font-size: 1px;
vertical-align: top;
margin: 3px 0 0 5px;
}
/*
** FEEDBACK FORM
*/
.feedback-form {
float: right;
font-size: 12px;
line-height: 14px;
padding-top: 5px;
padding-right: 15px;
}
.feedback-form__item__inner span {
text-decoration: none;
border-bottom: 1px dashed;
}
.feedback-form__item__inner .ico {
position: absolute;
background: url(../img/i-mail.png);
width: 15px;
height: 9px;
font-size: 1px;
margin: 2px 0 0 -25px;
}
.feedback-form__item:hover {
text-decoration: none !important;
}
.feedback-form__inner {
position: absolute;
z-index: 2;
display: none;
right: 0;
top: 100%;
margin-top: 8px;
background: fixed #ffffff url(../img/brd.gif);
padding: 6px;
width: 552px;
}
.feedback-form__form {
padding: 30px 30px 11px;
background-color: #fff;
}
.feedback-form__form .ips {
padding-bottom: 10px;
}
.feedback-form__form .i-p {
color: #808080;
width: 480px;
background-color: #ddd;
border: none;
font-size: 13px;
padding: 5px 2px 4px 10px;
margin: 0;
}
.feedback-form__form textarea.i-p {
resize: vertical;
height: 135px;
}
.feedback-form__form .btn {
text-align: right;
}
.feedback-form__form .btn-style {
cursor: pointer;
cursor: hand;
color: #000;
font-size: 12px;
padding: 6px 13px 5px 15px;
margin: 0;
overflow: visible;
width: auto;
background: none;
border: 0;
background-color: #ddd;
white-space: nowrap;
}
.feedback-form__form .btn-style::-moz-focus-inner {
padding: 0;
border: 0;
}
.feedback-form__form .btn-style span {
display: inline-block;
vertical-align: top;
}
.feedback-form__form .btn-style .ar {
display: inline-block;
background: url(../img/ar.gif);
width: 7px;
height: 12px;
font-size: 1px;
vertical-align: top;
margin: 1px 0 0 5px;
}
.feedback-form_active {
position: relative;
z-index: 995;
}
.feedback-form_active .feedback-form__item {
position: relative;
z-index: 3;
display: inline-block;
margin: -14px -15px -14px 0;
background: fixed #ffffff url(../img/brd.gif);
padding: 6px 6px 0 6px;
}
.feedback-form_active .feedback-form__item__inner {
display: inline-block;
background-color: #fff;
padding: 8px 9px 14px 35px;
}
.feedback-form_active .feedback-form__inner {
display: block;
}
/* end FEEDBACK FORM */
/*
** CONTACTS TAB
*/
.contacts-tabs {
padding-bottom: 40px;
zoom: 1;
}
.contacts-tabs:after {
content: "";
display: table;
clear: both;
}
.contacts-tabs__li {
font-size: 12px;
line-height: 14px;
float: left;
margin-right: 10px;
}
.contacts-tabs__li:hover {
position: relative;
z-index: 999;
}
.contacts-tabs__li:hover .contacts-tabs__item {
color: #000;
text-decoration: none;
background-color: #ddd;
}
.contacts-tabs__li:hover .contacts-tabs__subcats {
display: block;
}
.contacts-tabs__item {
display: inline-block;
vertical-align: top;
padding: 5px 15px 6px;
}
.contacts-tabs__item:hover,
.contacts-tabs__item.selected {
color: #000;
text-decoration: none;
background-color: #ddd;
}
.contacts-tabs__subcats {
position: absolute;
top: 100%;
width: 100%;
background-color: #ddd;
display: none;
padding: 10px 0 8px;
}
.contacts-tabs__subcats li {
padding: 0 10px 8px 15px;
}
.contacts-area {
position: relative;
overflow-y: auto;
height: 565px;
margin-top: 2px;
}
.contacts-area__list li {
background: url(../img/li.png) no-repeat 0 7px;
padding: 0 0 20px 10px;
}
.contacts-area p {
padding: 0 0 13px;
}
.gmap {
border: 2px solid #ddd;
height: 566px;
width: 558px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
/* end CONTACTS TAB */
.slider-berlio {
position: relative;
padding: 30px 0 30px;
margin-right: -240px;
zoom: 1;
}
.slider-berlio:after {
content: "";
display: table;
clear: both;
}
.slider-berlio__prev {
position: absolute;
z-index: 4;
top: 50%;
margin-top: -8px;
left: 0;
display: none;
cursor: pointer;
cursor: hand;
font-size: 1px;
vertical-align: top;
background: url(../img/ar-l.gif);
width: 9px;
height: 16px;
}
.slider-berlio__next {
position: absolute;
z-index: 4;
top: 50%;
margin-top: -8px;
right: 0;
display: none;
cursor: pointer;
cursor: hand;
font-size: 1px;
vertical-align: top;
background: url(../img/ar-r.gif);
width: 9px;
height: 16px;
}
.slider-berlio .disabled {
display: none !important;
}
.slider-berlio__area {
position: relative;
overflow: hidden;
width: 920px;
}
.slider-berlio__ul {
position: relative;
width: 25000px;
}
.slider-berlio__li {
float: left;
}
.pp-gallery {
position: absolute;
z-index: 999;
display: none;
background: #ffffff url(../img/brd.gif);
padding: 6px;
}
.pp-gallery__close {
cursor: pointer;
cursor: hand;
position: absolute;
background: url(../img/close.png);
width: 19px;
height: 19px;
top: -19px;
right: -19px;
font-size: 1px;
}
.pp-gallery__inner {
background-color: #fff;
padding: 19px 60px;
width: 412px;
}
.pp-gallery__bigphoto {
position: relative;
margin-bottom: 20px;
}
.pp-gallery__bigphoto__area {
position: relative;
overflow: hidden;
width: 100%;
}
.pp-gallery__bigphoto__ul {
position: relative;
width: 25000px;
}
.pp-gallery__bigphoto li {
float: left;
min-height: 220px;
background: #ffffff url(../img/loader.gif) no-repeat 50%;
}
.pp-gallery__bigphoto img {
width: 412px;
height: auto;
}
.pp-gallery__bigphoto__prev {
position: absolute;
top: 50%;
margin-top: -8px;
left: -29px;
display: none;
cursor: pointer;
cursor: hand;
font-size: 1px;
vertical-align: top;
background: url(../img/ar-l.gif);
width: 9px;
height: 16px;
}
.pp-gallery__bigphoto__next {
position: absolute;
top: 50%;
margin-top: -8px;
right: -29px;
display: none;
cursor: pointer;
cursor: hand;
font-size: 1px;
vertical-align: top;
background: url(../img/ar-r.gif);
width: 9px;
height: 16px;
}
.pp-gallery__smallphoto {
position: relative;
width: 416px;
margin: 0 -2px;
}
.pp-gallery__smallphoto__area {
position: relative;
overflow: hidden;
width: 100%;
}
.pp-gallery__smallphoto__ul {
position: relative;
width: 25000px;
}
.pp-gallery__smallphoto li {
float: left;
padding: 0 4px;
}
.pp-gallery__smallphoto img {
width: 96px !important;
height: auto !important;
}
.pp-gallery__smallphoto .active img {
position: relative;
opacity: 0.5;
filter: alpha(opacity=50);
}
.pp-gallery__smallphoto__prev {
position: absolute;
top: 50%;
margin-top: -8px;
left: -26px;
display: none;
cursor: pointer;
cursor: hand;
font-size: 1px;
vertical-align: top;
background: url(../img/ar-l.gif);
width: 9px;
height: 16px;
}
.pp-gallery__smallphoto__next {
position: absolute;
top: 50%;
margin-top: -8px;
right: -26px;
display: none;
cursor: pointer;
cursor: hand;
font-size: 1px;
vertical-align: top;
background: url(../img/ar-r.gif);
width: 9px;
height: 16px;
}
ul.tabs-inline {
padding: 0 0 35px;
margin: 0;
list-style-type: none;
font-size: 12px;
line-height: 16px;
zoom: 1;
}
ul.tabs-inline:after {
content: "";
display: table;
clear: both;
}
ul.tabs-inline li {
float: left;
padding-right: 15px;
}
ul.tabs-inline a.tabs-inline__item {
display: inline-block;
vertical-align: top;
padding: 7px 15px 7px;
}
ul.tabs-inline .active {
color: #000;
background-color: #ddd;
text-decoration: none;
}
.tabs-inline-panes {
padding-bottom: 20px;
}
.tabs-inline-panes .pane {
display: none;
}
.tabs-inline-panes .pane-active {
display: block;
}
.snotes {
padding: 30px;
}
.snotes .cq {
position: absolute;
margin-left: -8px;
margin-top: -2px;
}
.site-map {
width: 940px;
margin: 0 auto;
}
.site-map__inner {
position: relative;
margin-left: -20px;
padding: 50px 0;
zoom: 1;
}
.site-map__inner:after {
content: "";
display: table;
clear: both;
}
.site-map dl {
float: left;
width: 140px;
padding-left: 20px;
}
.site-map dl dt {
background-color: #000;
margin-bottom: 14px;
}
.site-map dl dt a {
display: block;
color: #fff;
font-size: 14px;
line-height: 18px;
padding: 4px 12px 5px;
text-decoration: none;
}
.site-map dl dd {
font-size: 12px;
line-height: 15px;
padding: 0 12px 15px;
}
.site-map ul {
padding: 12px 0 0 35px;
}
.site-map ul li {
padding-bottom: 12px;
}
.site-map ul li:before {
position: absolute;
content: '';
width: 1px;
height: 1px;
background-color: #939393;
font-size: 1px;
margin: 6px 0 0 -6px;
}
.pg404 {
padding: 105px 0 105px 385px;
min-height: 165px;
background: url(../img/page404.png) no-repeat 75px 60px;
}
.pg404 .m-title {
padding-bottom: 15px;
}
.callto-manager {
padding: 0 0 0 70px;
font-size: 14px;
line-height: 18px;
}
.callto-manager__item {
display: inline-block;
min-height: 31px;
margin-bottom: 15px;
}
.callto-manager__item .ico {
position: absolute;
background: url(../img/call-to.png);
width: 32px;
height: 31px;
font-size: 1px;
margin-left: -43px;
margin-top: 1px;
}
.callto-manager__item .ico.online {
background: url(../img/manager_icon.png);
}
.print-link {
padding-bottom: 15px;
padding-left: 43px;
font-size: 14px;
line-height: 18px;
}
.print-link .ico {
position: absolute;
background: url(../img/print-ico.png);
width: 28px;
height: 38px;
font-size: 1px;
margin-left: -43px;
margin-top: 1px;
}
.grid-1 .l-col-1 .print-link {
float: right;
position: relative;
left: 140px;
}