body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}q{quotes:none}img{border:none}table{border-collapse:collapse;border-spacing:0}textarea{font-family:sans-serif}pre,code,kbd,samp{font-family:monospace, serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}form{margin:0}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}textarea{overflow:auto;vertical-align:top}

html {font-size:100%; background:#fff url('/img/system/bg-html.jpg') 50% 0 no-repeat; min-width: 1000px; }
body {color: #474747; font:14px/1.2 Arial, sans-serif; }
a {color:#4c8ac4; }
a:hover {text-decoration:none; }
a:focus {outline:thin dotted; }
a:hover, a:active {outline:0; }

h1 {font-size:30px; margin:25px 0; line-height: 30px;}
h2 {font-size:24px; margin:20px 0; line-height: 24px;}
h3 {font-size:21px; margin:20px 0; line-height: 21px;}
h4 {font-size:18px; margin:15px 0; line-height: 18px;}
h5 {font-size:16px; margin:15px 0; line-height: 18px;}
h6 {font-size:14px; margin:10px 0; line-height: 18px;}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, p:first-child, pre:first-child {margin-top: 0;}
h1, h2 {color: #000; font-family: 'Calibri'; }
h3, h4 {color: #5098c1; font-weight: normal;}

p, pre {margin:1em 0; line-height: 20px;}


/*base*/
.box-ov {overflow: hidden;}
.clear {clear: both;}
.text-center {text-align: center;}


/*colors*/
.color-blue {color: #5098c1;}
.color-grey {color: #a8a8a8;}


/*table*/
.table-grey {width: 100%; margin-bottom: 30px; font-size: 12px; line-height: 18px;}
.table-grey thead td {background: #e9edf6; background: linear-gradient(to bottom, #e9edf6, #d1d5dd); text-align: center; font-size: 16px; font-weight: bold; color: #474747; height: 56px;}
.table-grey tbody td {padding: 25px 15px 20px 20px; border-bottom: 1px solid #f1f1f1; vertical-align: top;}
.table-grey b.fz14 {font-size: 14px;}
.table-grey p {line-height: 18px;}

/*lists*/
ul.list-point {list-style: none; margin: 0 0 20px 0; padding: 0; font-size: 14px; overflow: hidden;}
ul.list-point > li {line-height: 20px; padding-left: 25px; margin-bottom: 5px; background: url('/img/system/point-list.gif') 1px 7px no-repeat;}
ul.list-point > li > ul {list-style: none; margin: 15px 0 15px 35px; padding: 0; font-style: italic; overflow: hidden;}
ul.list-point > li > ul > li {line-height: 18px; margin-bottom: 5px; background: url('/img/system/li-point-podmenu.gif') 0 9px no-repeat; padding-left: 12px;}

ul.list-number {list-style: none; margin: 0 0 20px 0; padding: 0;}
ul.list-number > li {overflow: hidden; margin-bottom: 20px;}
ul.list-number > li p {margin-top: 10px;}
ul.list-number .number {float: left; width: 27px; height: 27px; line-height: 27px; text-align: center; background-color: #fbfbfb; border: 2px solid #7a97b1; font-size: 18px; font-weight: bold; border-radius: 4px; -moz-border-radius: 4px; margin: 4px 15px 0 0;}

/*images*/
img.img-fll {display: block; float: left; margin: 7px 28px 28px 0;}
img.img-flr {display: block; float: right; margin: 7px 0 28px 28px;}
.img-flr-border {
  float: right; 
  margin: 0px 0 20px 10px; 
  border: 6px solid #fff; 
  position: relative; 
  background-color: #fff;  
    -webkit-box-shadow:0 0 3px rgba(0,0,0,0.1);
       -moz-box-shadow:0 0 3px rgba(0,0,0,0.1);
            box-shadow:0 0 3px rgba(0,0,0,0.1);
}
.img-flr-border:before,
.img-flr-border:after {
    content:"";
    position:absolute;
    z-index:-2;
} 
.img-flr-border:before {
    top:50%;
    bottom:-3px;
    left:10px;
    right:10px;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);
       -moz-box-shadow:0 0 15px rgba(0,0,0,0.6);
            box-shadow:0 0 15px rgba(0,0,0,0.6);
    -moz-border-radius:100px / 10px;
         border-radius:100px / 10px;
}

.img-block {
        position:relative;
        margin-bottom: 30px;
        background:#fff;
    -webkit-box-shadow:0 0px 10px rgba(0, 0, 0, 0.4);
       -moz-box-shadow:0 0px 10px rgba(0, 0, 0, 0.4);
            box-shadow:0 0px 10px rgba(0, 0, 0, 0.4);
 
}
.img-block img {display: block; width: 100%;}
 
.img-block:before,
.img-block:after {
        content:"";
        position:absolute;
        z-index:-2;
        bottom:15px;
        left:3px;
        width:50%;
        height:20%;
        max-width:300px;
    -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.3);
       -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.3);
            box-shadow:0 15px 10px rgba(0, 0, 0, 0.3);
    -webkit-transform:rotate(-4deg);
       -moz-transform:rotate(-4deg);
        -ms-transform:rotate(-4deg);
         -o-transform:rotate(-4deg);
            transform:rotate(-4deg);
}
 
.img-block:after {
    right:3px;
    left:auto;
    -webkit-transform:rotate(4deg);
       -moz-transform:rotate(4deg);
        -ms-transform:rotate(4deg);
         -o-transform:rotate(4deg);
            transform:rotate(4deg);
}
.img-block2 {
        position:relative;
        margin-bottom: 40px;
        background:#fff;
        border: 6px solid #f1f1f1;
        border-radius: 5px;
       -moz-border-radius: 5px;
 
}
.img-block2 img {display: block; width: 100%;}
 
.img-block2:before,
.img-block2:after {
        content:"";
        position:absolute;
        z-index:-2;
        bottom:11px;
        left:10px;
        width:80%;
        height:20%;
    -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.2);
       -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.2);
            box-shadow:0 15px 10px rgba(0, 0, 0, 0.2);
    -webkit-transform:rotate(-2deg);
       -moz-transform:rotate(-2deg);
        -ms-transform:rotate(-2deg);
         -o-transform:rotate(-2deg);
            transform:rotate(-2deg);
}
 
.img-block2:after {
    right:10px;
    left:auto;
    -webkit-transform:rotate(2deg);
       -moz-transform:rotate(2deg);
        -ms-transform:rotate(2deg);
         -o-transform:rotate(2deg);
            transform:rotate(2deg);
}
.img-block3 img {display: block; width: 100%;}
.img-block3 {
  margin: 0px 0 60px 0; 
  border: 6px solid #fff; 
  position: relative; 
  background-color: #fff;  
    -webkit-box-shadow:0 0 3px rgba(0,0,0,0.1);
       -moz-box-shadow:0 0 3px rgba(0,0,0,0.1);
            box-shadow:0 0 3px rgba(0,0,0,0.1);
}
.img-block3:before,
.img-block3:after {
  content:"";
  position:absolute;
  z-index:-2;
  bottom:9px;
  left:7px;
  width:50%;
  height:20%;
-webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.2);
 -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.2);
      box-shadow:0 15px 10px rgba(0, 0, 0, 0.2);
-webkit-transform:rotate(-1deg);
 -moz-transform:rotate(-1deg);
  -ms-transform:rotate(-1deg);
   -o-transform:rotate(-1deg);
      transform:rotate(-1deg);
}
 
.img-block3:after {
  right:7px;
  left:auto;
  -webkit-transform:rotate(1deg);
     -moz-transform:rotate(1deg);
      -ms-transform:rotate(1deg);
       -o-transform:rotate(1deg);
          transform:rotate(1deg);
}

.img-block4 {
    position:relative;
    border: 3px solid #f1f1f1;
    background:#fff;
    margin: 30px auto 50px auto;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
}
 
.img-block4:before,
.img-block4:after {
    content:"";
    position:absolute;
    z-index:-2;
}
 
.img-block4:before {
    top:0px;
    bottom:0px;
    left:10px;
    right:10px;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);
       -moz-box-shadow:0 0 15px rgba(0,0,0,0.4);
            box-shadow:0 0 15px rgba(0,0,0,0.4);
    -moz-border-radius:100px / 10px;
         border-radius:100px / 10px;
}

.img-block4-right {
    position:relative;
    float: right;
    border: 3px solid #f1f1f1;
    background:#fff;
    margin: 4px 4px 35px 25px;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
}
 
.img-block4-right:before,
.img-block4-right:after {
    content:"";
    position:absolute;
    z-index:-2;
}
 
.img-block4-right:before {
    top:0px;
    bottom:0px;
    left:10px;
    right:10px;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);
       -moz-box-shadow:0 0 15px rgba(0,0,0,0.4);
            box-shadow:0 0 15px rgba(0,0,0,0.4);
    -moz-border-radius:100px / 10px;
         border-radius:100px / 10px;
}

.img-fll-shadow {float: left; width: 210px; height: 118px; margin: 0 30px 15px 0; position: relative; overflow: hidden; box-shadow: 0 4px 10px #949494; -moz-box-shadow: 0 4px 10px #949494;}
.img-fll-shadow img {display: block; width: 100%;}
.img-fll-shadow > i {position: absolute; left: 3px; top: 3px; right: 3px; bottom: 3px; border: 1px solid #fff; border: 1px solid rgba(255, 255, 255, 0.3); z-index: 3;}

/*icons*/
[class^="icon-"],
[class*=" icon-"] {
  width: 16px; 
  height: 16px; 
  margin-top: 0px;
  display: inline-block;
  margin-right: .4em;
  line-height: 16px;
  vertical-align: text-top;
  background-image: url("/img/system/icons.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}

[class^="icon-"] a,
[class*=" icon-"] a {
	display: block; width: 16px; height: 16px;
}

.icon-mail {background-position: 0 0;}
.icon-str {background-position: -16px 0;}
.icon-str-menu {background-position: -32px 0;}
.icon-a-back {background-position: -48px 0;}
.icon-address {background-position: -64px 0;}
.icon-phone {background-position: 0 -16px;}
.icon-fax {background-position: -16px -16px;}
.icon-mail2 {background-position: -32px -16px;}

/*language*/
[class^="flag-"],
[class*=" flag-"] {
  width: 14px; 
  height: 11px; 
  margin-top: 0px;
  display: inline-block;
  line-height: 11px;
  vertical-align: text-top;
  background-image: url("/img/system/language.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}

[class^="flag-"] a,
[class*=" flag-"] a {
	display: block; width: 14px; height: 11px;
}

.flag-mail {background-position: 0 0;}
.flag-english {background-position: 0 -11px;}
.flag-german {background-position: 0 -22px;}
.flag-french {background-position: 0 -33px;}

/*slider*/
#slider {margin-bottom: 30px;}


#slider .block-slider {
    height: 241px;
    margin-bottom: 30px;
    position:relative;
    background:#fff;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
}
 
#slider .block-slider:before,
#slider .block-slider:after {
    content:"";
    position:absolute;
    z-index:-2;
}
 
#slider .block-slider:before {
    top:50%;
    bottom:0px;
    left:10px;
    right:10px;
    -webkit-box-shadow:0 0 25px rgba(0,0,0,0.5);
       -moz-box-shadow:0 0 25px rgba(0,0,0,0.5);
            box-shadow:0 0 25px rgba(0,0,0,0.5);
    -moz-border-radius:150px / 15px;
         border-radius:150px / 15px;
}
#slider .block-slider > div {position: absolute; left: 0; right: 0; height: 241px; z-index: 1; overflow: hidden;}
#slider .block-slider > div > i {position: absolute; left: 3px; top: 3px; right: 3px; bottom: 3px; border: 1px solid #fff; border: 1px solid rgba(255, 255, 255, 0.3); z-index: 3;}
#slider .block-slider > div:first-child {z-index: 2;}
#slider .block-slider > div img {display: block; width: 100%;}

#slider .nav-slider {text-align: center;}
#slider .nav-slider a {display: inline-block; width: 65px; height: 45px; position: relative; margin: 0 15px; }
#slider .nav-slider a {
    position:relative;
    background:#fff;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
}
 
#slider .nav-slider a:before,
#slider .nav-slider a:after {
    content:"";
    position:absolute;
    z-index:-2;
}
 
#slider .nav-slider a:before {
    top:50%;
    bottom:0px;
    left:10px;
    right:10px;
    -webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);
       -moz-box-shadow:0 0 10px rgba(0,0,0,0.5);
            box-shadow:0 0 10px rgba(0,0,0,0.5);
    -moz-border-radius:30px / 5px;
         border-radius:30px / 5px;
}
#slider .nav-slider a img {display: block; width: 65px; height: 45px;}
#slider .nav-slider a > i {position: absolute; left: 2px; top: 2px; right: 2px; bottom: 2px; border: 1px solid #fff; border: 1px solid rgba(255, 255, 255, 0.3); z-index: 3;}
#slider .nav-slider a:hover > i {border: 1px solid #c0d3e1; border: 1px solid rgba(192, 211, 255, 0.3); outline: 2px solid #3476a6; outline: 2px solid rgba(52, 118, 1665, 0.4);}
#slider .nav-slider a:hover {-webkit-transform: scale(1.5, 1.5);}
#slider .nav-slider a.active > i {border: 1px solid #c0d3e1; border: 1px solid rgba(192, 211, 255, 0.3); outline: 2px solid #3476a6; outline: 2px solid rgba(52, 118, 1665, 0.4);}
#slider .nav-slider a.active {cursor: default; -webkit-transform: scale(1.5, 1.5);}

/*header*/
#header {position: relative; margin-bottom: 20px; min-height: 221px;}

#header .bg {position: absolute; left: 0; right: 0; height: 191px; background: url('/img/system/bg-header.jpg') 50% 0 no-repeat; -moz-background-size: cover; -o-background-size: cover; background-size: cover; z-index: 1;}

#header .box-info {width: 960px; margin: 0 auto; padding: 30px 0 0 0; height: 133px; position: relative; z-index: 2;}

#header .box-settings {position: absolute; left: 0; top: 0; right: 0; z-index: 3; background-color: #072e53; border-bottom: 1px solid #0c528d; height: 5px; }
#header .box-settings > div {position: absolute; left: 50%; top: 5px; padding: 5px 20px 10px 20px; background-color: #072e53; border: 1px solid #0c528d; border-top: none; }
#header .box-settings > div > i {
	position: absolute;
	left: -10px;
	top: 0;
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 32px solid #072e53;
	border-left: 10px solid transparent;
}

#header .box-settings > div > b {
	position: absolute;
	right: -10px;
	top: 0;
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 32px solid #072e53;
	border-right: 10px solid transparent;
}

#header .language {height: 11px; float: left; margin: 4px 23px 0 0;}
#header .language a {display: block; float: left; width: 14px; height: 11px; margin: 0 7px 0 0; box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);}

#header .city {float: right; font-size: 11px; color: #fff; }
#header .city > div {display: inline-block; position: relative; position: relative;}
#header .city > div > a {text-decoration: none; color: #1bbee6; font-size: 13px; font-weight: bold; margin-left: 10px; z-index: 4; position: relative;}
#header .city > div > a u {text-decoration: none; display: inline-block; border-bottom: 1px dashed #1bbee6; line-height: 14px;}
#header .city > div:hover > a u {border: none;}
#header .city .podmenu {position: absolute; left: 0; width: 150px; padding-top: 5px; top: -10px; left: 0px; z-index: 3; display: none;}
#header .city .podmenu ul {list-style: none; margin: 0; padding: 30px 20px 15px 10px; background-color: #fff; border: 1px solid #3cb912; border-radius: 5px; -moz-border-radius: 5px;}
#header .city .podmenu li {margin-top: 5px;}
#header .city .podmenu li:first-child {margin-top: 0;}
#header .city .podmenu a {color: #1bbee6;}

#header .logo {float: left; padding-left: 6px; font-size: 16px; font-family: 'Calibri'; color: #fff;}
#header .logo > div {padding: 20px 0 0 104px; background: url('/img/system/logo-header.png') 0 0 no-repeat; min-height: 82px; position: relative;}
#header .logo > div a {position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 5;}
#header .logo > div span {display: block; font-size: 39px; font-family: 'Cambria'; font-weight: bold; text-shadow: 1px 1px 1px #205684; margin-bottom: 5px; line-height: 39px;}

#header .search {width: 228px; height: 29px; background: #fff url('/img/system/lupa.png') 9px 7px no-repeat; border: 4px solid rgba(13, 78, 120, 0.8); border-radius: 5px; -moz-border-radius: 5px; float: right; margin: 0 -4px 0 0;}
#header .search input[type="text"] {outline: none; border: none; background: none; font-size: 14px; color: #333; width: 190px; float: left; padding: 7px 0;}
#header .search input[type="submit"] {float: left; width: 30px; height: 29px; border: none; background: none;}

#header .box-right {float: right;}

#header .phone {text-align: right; padding-top: 5px; color: #fff; margin-bottom: 20px;}
#header .phone span {display: inline-block; font-size: 26px; font-weight: bold; padding-left: 25px; line-height: 26px; margin-bottom: 5px; position: relative;}
#header .phone span i {position: absolute; left: 0; top: 3px; width: 16px; height: 19px; background: url('/img/system/sprite.png') 0 0 no-repeat;}
#header .phone a {display: inline-block; font-size: 13px; color: #fff; font-family: 'Calibri';}

#header .menu-header {
  width: 960px; 
  margin: 0 auto; 
  list-style: none; 
  padding: 0; 
  display: block; 
  height: 58px; 
  background: url('/img/system/bg-menu.png') 0 0 repeat-x;
  border-radius: 0 0 4px 4px; 
  -moz-border-radius: 0 0 4px 4px; 
  position: relative; 
  z-index: 5;
}
#header .menu-header:before,
#header .menu-header:after {
    content:"";
    position:absolute;
    z-index:-7;
}
 
#header .menu-header:before {
    top:50%;
    bottom:0px;
    left:10px;
    right:10px;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);
       -moz-box-shadow:0 0 15px rgba(0,0,0,0.6);
            box-shadow:0 0 15px rgba(0,0,0,0.6);
    -moz-border-radius:100px / 10px;
         border-radius:100px / 10px;
}


#header .menu-header > li {float: left; background: url('/img/system/bg-menu.png') 0 0 repeat-x;  position: relative;}
#header .menu-header > li:first-child {border-radius: 0 0 0 5px; -moz-border-radius: 0 0 0 5px;}
#header .menu-header > li:first-child > a {background: none; padding-left: 42px;}
#header .menu-header > li + li + li + li + li {border-radius: 0 0 5px 0; -moz-border-radius: 0 0 5px 0;}
#header .menu-header > li > a {background: url('/img/system/str.png') 0 0 no-repeat; display: inline-block; color: #fff; font-size: 16px; text-transform: uppercase; font-weight: bold; text-decoration: none; height: 58px; line-height: 58px; text-shadow: 1px -1px #347f11; -moz-text-shadow: 1px -1px #347f11; padding: 0 41px;}

#header .menu-header > li:hover {z-index: 5; background: url('/img/system/bg-menu-active.png') 4px 0 repeat-x;}
#header .menu-header > li:hover > a {background: url('/img/system/str-active.png') 0 0 no-repeat;}
#header .menu-header > li:hover + li > a {background: url('/img/system/str-next.png') 0 0 no-repeat;}

#header .menu-header > li:hover .podmenu {display: block;}

#header .menu-header > li.active {z-index: 3; background: url('/img/system/bg-menu-active.png') 4px 0 repeat-x;}
#header .menu-header > li.active > a {background: url('/img/system/str-active.png') 0 0 no-repeat;}
#header .menu-header > li.active + li > a {background: url('/img/system/str-next.png') 0 0 no-repeat;}
#header .menu-header > li.active + li:hover > a {background: url('/img/system/str-active.png') 0 0 no-repeat;}

#header .menu-header > li:hover + li.active > a {background: url('/img/system/str-active.png') 0 0 no-repeat;}

#header .menu-header .podmenu {display: none; position: absolute; left: 0; top: 53px; border: 4px solid #135d00; background-color: #fbfbfb; padding: 15px 20px; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);}
#header .menu-header .podmenu ul {list-style: none; padding: 0; margin: 0; width: 200px;}
#header .menu-header .podmenu li {border-top: 1px solid #ccc; padding: 5px 0;}
#header .menu-header .podmenu li:first-child {border: none;}
#header .menu-header .podmenu a {color: #4c8ac4; text-decoration: none; display: block;}
#header .menu-header .podmenu a:hover, #header .menu-header .podmenu a:focus {color: #000; text-decoration: underline;}


/*footer*/
#footer {border-top: 1px solid #e6f0f4; font-size: 12px;}
#footer > div {border-top: 1px solid #3b89ad; padding: 35px 0; background: url('/img/system/bg-footer.jpg') 0 0 no-repeat; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#footer > div > div {width: 960px; margin: 0 auto; overflow: hidden;}

#footer .copy {color: #fff; float: right; width: 215px; text-align: right; margin: 0 0 0 20px;}
#footer .copy a {color: #fff;}

#footer .logo {float: left; width: 278px; color: #fff; font-size: 11px; }
#footer .logo div {position: relative; margin: 0 0 0 11px; padding: 10px 0 0 74px; background: url('/img/system/logo-footer.png') 0 0 no-repeat; min-height: 63px;}
#footer .logo div a {position: absolute; left: 0; right: 0; bottom: 0; top: 0;}
#footer .logo span {display: block; font-size: 28px; font-family: 'Cambria'; font-weight: bold; text-shadow: 1px 1px 1px #205684; margin-bottom: 5px; line-height: 28px;}

#footer .menu-footer {list-style: none; padding: 0; overflow: hidden; margin: 0 0 15px 0;}
#footer .menu-footer li {float: left; padding: 0 15px; border-left: 1px solid #2c658f; height: 14px; line-height: 14px;}
#footer .menu-footer li:first-child {border: none; padding-left: 0;}
#footer .menu-footer a {color: #fff; text-decoration: none;}
#footer .menu-footer a:hover, #footer .menu-footer a:focus {text-decoration: underline;}

#footer .contacts {font-size: 11px; color: #388dc8; line-height: 14px;}


/*main*/
#main {width: 1000px; margin: 0 auto 40px auto; overflow: hidden; position: relative; z-index: 2;}
#main .sidebar {width: 250px; float: left; margin: 0 0 0 20px;}
#main .content {overflow: hidden;}
#main .box-padding {padding: 20px 20px 0 30px;}

#main .menu-side {background: url('/img/system/bg-menu-side.jpg') 0 0 repeat; margin: 0 0 40px 0; padding: 10px 22px; box-shadow: inset 0 0 150px rgba(0, 0, 0, 0.4);}
#main .menu-side ul {list-style: none; margin: 0; padding: 0;}
#main .menu-side li {background: url('/img/system/line-menu-side.gif') 0 0 repeat-x; font-size: 16px; padding: 8px 0 7px 0;}
#main .menu-side li:first-child {background: none;}
#main .menu-side a {display: block; color: #fff; text-decoration: none; font-weight: bold; padding: 7px 0 6px 0; position: relative;}
#main .menu-side a i {position: absolute; left: 1px; top: 0; bottom: 0; width: 6px; background: url('/img/system/line-a-active.png') 0 0 no-repeat; display: none;}
#main .menu-side a:hover {text-decoration: underline;}
#main .menu-side li.active a {padding-left: 20px; cursor: default;}
#main .menu-side li.active a:hover {text-decoration: none;}
#main .menu-side li.active a i {display: block;}

#main .title-about {font-size: 24px; font-family: 'Calibri'; color: #000; margin-bottom: 20px; overflow: hidden;}
#main .title-about span {display: block; font-size: 36px; color: #5492bc; font-family: arial; line-height: 36px; margin-top: 5px;}

#main .box-border {border: 5px solid #f1f1f1; margin-bottom: 30px; padding: 18px 20px 25px 20px;}

#main .bread-crumbs {clear: both; margin-bottom: 15px; color: #646464; font-size: 10px; position: relative; padding: 0 20px 0 17px;}
#main .bread-crumbs a {display: inline-block; color: #646464; margin: 0 3px;}
#main .bread-crumbs a.active {color: #2c2c2c; font-weight: bold; text-decoration: none; cursor: default;}

#main .news-preview-sidebar {list-style: none; margin: 0; padding: 0; font-size: 12px; color: #646464;}
#main .news-preview-sidebar li {margin-top: 40px;}
#main .news-preview-sidebar li:first-child {margin-top: 0;}
#main .news-preview-sidebar li > i {display: block; color: #b4b4b4; margin-bottom: 2px;}
#main .news-preview-sidebar li p {margin: 0; padding: 0; line-height: 14px;}
#main .news-preview-sidebar a.h1 {display: block; color: #4c8ac4; font-size: 14px; font-weight: bold; margin-bottom: 15px;}
#main .news-preview-sidebar a.more {color: #fff; text-decoration: none; display: inline-block; margin-top: 10px; padding: 0 10px; line-height: 21px; background: #58758f; background: linear-gradient(to bottom, #58758f, #476084); border-radius: 5px; -moz-border-radius: 5px;}
#main .news-preview-sidebar a.more, #main .news-preview-sidebar a.more:focus {background: #f47e00; background: linear-gradient(to bottom, #f47e00, #f46a00);}

#main .title-line {border-bottom: 1px solid #e9e9e9; padding: 0 8px 15px 8px; font-size: 30px; font-weight: bold; color: #000; font-family: 'Calibri'; line-height: 30px; margin-bottom: 25px;}

#main .client-list {list-style: none; margin: 0; padding: 0 10px; text-align:justify; text-justify:newspaper; zoom:1; text-align-last:justify;}
#main .client-list:after {width:100%; height:0; visibility:hidden; content:''; display:inline-block; }
#main .client-list li {margin: 0 10px 30px 10px; width: 82px; text-align:left; display:inline-block; //display:inline; //zoom:1; vertical-align: middle;}
#main .client-list img {max-width: 82px; display: block; margin: 0 auto;}

#main .list-service {list-style: none; margin: 0 0 40px -20px; padding: 0; position: relative;}
#main .list-service li {width: 203px; margin: 0 0 20px 20px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; position: relative;}
#main .list-service li > i {position: absolute; left: 3px; top: 3px; right: 3px; bottom: 3px; border: 1px solid #fff; border: 1px solid rgba(255, 255, 255, 0.3); z-index: 3;}
#main .list-service li > a {position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 4;}
#main .list-service li:hover {cursor: pointer; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); opacity: 0.9;}
#main .list-service .img {overflow: hidden;}
#main .list-service .img img {display: block; width: 100%;}
#main .list-service .name {background: #569acc; background: linear-gradient(to bottom, #569acc, #3d74c3); padding: 10px 26px 10px 15px; position: relative; min-height: 32px; line-height: 14px;}
#main .list-service .name span {display: block; color: #fff; font-size: 14px; font-weight: bold;}
#main .list-service .name span.center {line-height: 32px;}
#main .list-service .name i {position: absolute; right: 18px; top: 50%; margin-top: -2px; width: 4px; height: 5px; background: url('/img/system/sprite.png') -16px 0 no-repeat;}

#main .list-news {list-style: none; margin: 0; padding: 0;}
#main .list-news li {margin-bottom: 38px; padding-bottom: 28px; border-bottom: 1px solid #f1f1f1; min-height: 120px;}
#main .list-news .img {float: left; width: 210px; height: 118px; margin: 0 30px 0 0; position: relative; overflow: hidden; box-shadow: 0 4px 10px #949494; -moz-box-shadow: 0 4px 10px #949494;}
#main .list-news .img a {position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 5;}
#main .list-news .img img {display: block; width: 100%;}
#main .list-news .img > i {position: absolute; left: 3px; top: 3px; right: 3px; bottom: 3px; border: 1px solid #fff; border: 1px solid rgba(255, 255, 255, 0.3); z-index: 3;}
#main .list-news .date {position: absolute; right: 0; top: 0; width: 80px; height: 80px; border-radius: 0 0 0 20px; -moz-border-radius: 0 0 0 20px; background: #3476a6; background: rgba(52, 118, 166, 0.8); z-index: 4; color: #fff; font-size: 14px; text-align: center;}
#main .list-news .date b {font-size: 30px; display: block; margin-top: 15px; line-height: 30px;}
#main .list-news .h1 {display: block; font-size: 14px; font-weight: bold;}

#main .list-articles {list-style: none; margin: 0; padding: 0;}
#main .list-articles li {margin-bottom: 38px; padding-bottom: 28px; border-bottom: 1px solid #f1f1f1; min-height: 120px;}
#main .list-articles .img {float: left; width: 210px; height: 118px; margin: 0 30px 0 0; position: relative; overflow: hidden; box-shadow: 0 4px 10px #949494; -moz-box-shadow: 0 4px 10px #949494;}
#main .list-articles .img a {position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 5;}
#main .list-articles .img img {display: block; width: 100%;}
#main .list-articles .img > i {position: absolute; left: 3px; top: 3px; right: 3px; bottom: 3px; border: 1px solid #fff; border: 1px solid rgba(255, 255, 255, 0.3); z-index: 3;}
#main .list-articles .date {font-size: 12px; font-style: italic; color: #b4b4b4;}
#main .list-articles .date b {font-size: 30px; display: block; margin-top: 15px; line-height: 30px;}
#main .list-articles .h1 {display: block; font-size: 14px; font-weight: bold;}

#main .paginator {overflow: hidden; height: 31px; line-height: 31px; color: #646464;}
#main .paginator a {display: block; width: 31px; height: 31px;}
#main .paginator > a {float: left; }
#main .paginator a.prev {background: url('/img/system/sprite.png') -20px 0 no-repeat;}
#main .paginator a.prev:hover, #main .paginator a.prev:focus {background-position: -20px -31px;}
#main .paginator a.next {background: url('/img/system/sprite.png') -51px 0 no-repeat;}
#main .paginator a.next:hover, #main .paginator a.next:focus {background-position: -51px -31px;}
#main .paginator ul {list-style: none; margin: 0; padding: 0; float: left; font-size: 12px;}
#main .paginator li {float: left; margin: 0 3px; text-align: center;}
#main .paginator ul a {overflow: hidden; background-color: #f1f1f1; border-radius: 3px; -moz-border-radius: 3px; color: #646464; text-decoration: none;}
#main .paginator ul a:hover, #main .paginator ul a:focus {background-color: #40bd0d; color: #fff;}
#main .paginator li.active a {background-color: #40bd0d; color: #fff; cursor: pointer;}

#main .date-news {margin-bottom: 20px; font-size: 12px; color: #b4b4b4; font-style: italic; position: relative; margin-top: -20px;}
#main .date-article {margin-bottom: 10px; font-size: 12px; color: #b4b4b4; font-style: italic; }

#main .collumns {overflow: hidden; margin-bottom: 30px; font-size: 12px;}
#main .collumns p {line-height: 18px; margin: 20px 0;}
#main .collumns > div {float: left; width: 320px;}
#main .collumns > div + div {float: right;}

#main a.back {color: #4c8ac4; font-size: 12px;}

#main .clients {padding: 0; margin: 0 0 30px -3px; list-style: none; overflow: hidden; position: relative;}
#main .clients li {width: 131px; height: 131px; background-color: #fff; border: 1px solid #f0f0f0; float: left; margin: 0 0 3px 3px; overflow: hidden;}
#main .clients a {display: block; width: 131px; height: 131px; position: relative; }
#main .clients img {display: block; width: 100%;}

#main .list-reviews {list-style: none; margin: 0; padding: 0 0 30px 0;}
#main .list-reviews li {margin-bottom: 40px; min-height: 120px;}
#main .list-reviews .img {
  float: left; width: 132px; height: 132px; margin: 0 30px 0 0; position: relative; box-shadow: 0 4px 10px #949494; -moz-box-shadow: 0 4px 10px #949494; border: 1px solid #efefef;
}
#main .list-reviews .img {
    position:relative;
    background:#fff;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.2);
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.2);
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.2);
}
 
#main .list-reviews .img:before,
#main .list-reviews .img:after {
    content:"";
    position:absolute;
    z-index:-2;
}
 
#main .list-reviews .img:before {
    top:50%;
    bottom:-2px;
    left:10px;
    right:10px;
    -webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);
       -moz-box-shadow:0 0 10px rgba(0,0,0,0.2);
            box-shadow:0 0 10px rgba(0,0,0,0.2);
    -moz-border-radius:30px / 5px;
         border-radius:30px / 5px;
}
#main .list-reviews .img a {display: block; width: 132px; height: 132px; overflow: hidden; }
#main .list-reviews .img img {display: block; width: 100%;}
#main .list-reviews .date {font-size: 12px; font-style: italic; color: #b4b4b4;}
#main .list-reviews .date b {font-size: 30px; display: block; margin-top: 15px; line-height: 30px;}
#main .list-reviews .h1 {display: block; font-size: 14px; font-weight: bold;}

#main .block-review {overflow: hidden;}
#main .block-review .logo-client {margin-bottom: 25px;}
#main .block-review .logo-client img {display: block; width: 100%;}
#main .block-review .speak {font-size: 12px; color: #646464;}
#main .block-review .speak p {line-height: 14px;}
#main .block-review .speak > div {float: left; width: 16px; height: 16px; background: url('/img/system/sprite.png') 0 -19px no-repeat; margin: 2px 11px 0 0;}
#main .block-review .box-img {float: left; width: 320px; margin: 0 40px 40px 0;}
#main .block-review .box-img {
  position:relative;
  background:#fff;
 
}
#main .block-review .box-img img {display: block; width: 100%;}
 
#main .block-review .box-img:before,
#main .block-review .box-img:after {
  content:"";
  position:absolute;
  z-index:-2;
  bottom:15px;
  left:7px;
  width:50%;
  height:20%;
-webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.3);
 -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.3);
      box-shadow:0 15px 10px rgba(0, 0, 0, 0.3);
-webkit-transform:rotate(-4deg);
 -moz-transform:rotate(-4deg);
  -ms-transform:rotate(-4deg);
   -o-transform:rotate(-4deg);
      transform:rotate(-4deg);
}
 
#main .block-review .box-img:after {
  right:7px;
  left:auto;
  -webkit-transform:rotate(4deg);
     -moz-transform:rotate(4deg);
      -ms-transform:rotate(4deg);
       -o-transform:rotate(4deg);
          transform:rotate(4deg);
}

#main .list-diploms {list-style: none; margin: 0 0 0 -35px; padding: 0;}
#main .list-diploms li {width: 320px; margin: 0 0 40px 35px; text-align: center; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline;}
#main .list-diploms a.h1 {display: block; font-weight: bold;}
#main .list-diploms .img {display: block; margin-bottom: 30px;}
#main .list-diploms .img img {display: block; width: 100%;}
#main .list-diploms .img {
    position:relative;
    background:#fff;
}
 
#main .list-diploms .img:before,
#main .list-diploms .img:after {
    content:"";
    position:absolute;
    z-index:-2;
}
 
#main .list-diploms .img:before {
    top:50%;
    bottom:0px;
    left:10px;
    right:10px;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);
       -moz-box-shadow:0 0 15px rgba(0,0,0,0.6);
            box-shadow:0 0 15px rgba(0,0,0,0.6);
    -moz-border-radius:100px / 10px;
         border-radius:100px / 10px;
}

#main .examples-help {list-style: none; margin: 0 0 40px -40px; padding: 0; position: relative; font-size: 12px; line-height: 18px;}
#main .examples-help li {width: 320px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 0 0 40px 40px;}
#main .examples-help li > div p {line-height: 18px;}
#main .examples-help a.more {display: block; text-align: right;}
#main .examples-help li > div {
  padding: 25px;
  border: 5px solid #fff;
  position: relative;
  min-height: 112px;
  background: url('/img/system/bg-li-vacancy.png') 0 0 repeat;
-webkit-box-shadow:0 0px 10px rgba(0, 0, 0, 0.2);
       -moz-box-shadow:0 0px 10px rgba(0, 0, 0, 0.2);
            box-shadow:0 0px 10px rgba(0, 0, 0, 0.2);
 
} 
#main .examples-help li > div:before,
#main .examples-help li > div:after {
        content:"";
        position:absolute;
        z-index:-2;
        bottom:12px;
        left:3px;
        width:50%;
        height:20%;
        max-width:300px;
    -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.3);
       -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.3);
            box-shadow:0 15px 10px rgba(0, 0, 0, 0.3);
    -webkit-transform:rotate(-4deg);
       -moz-transform:rotate(-4deg);
        -ms-transform:rotate(-4deg);
         -o-transform:rotate(-4deg);
            transform:rotate(-4deg);
}
 
#main .examples-help li > div:after {
    right:3px;
    left:auto;
    -webkit-transform:rotate(4deg);
       -moz-transform:rotate(4deg);
        -ms-transform:rotate(4deg);
         -o-transform:rotate(4deg);
            transform:rotate(4deg);
}

#main .list-how-help {list-style: none; margin: 0 0 40px -40px; padding: 0; position: relative;}
#main .list-how-help li {width: 320px; text-align: center; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 0 0 40px 40px; padding-top: 20px;}
 
#main .list-vacancy {list-style: none; margin: 0 0 0 -40px; padding: 0 0 40px 0;}
#main .list-vacancy li {color: #7d7d7d; width: 320px; text-align: center; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 0 0 40px 40px;}
#main .list-vacancy li > div {
  padding: 25px;
  border: 5px solid #fff;
  position: relative;
  background: url('/img/system/bg-li-vacancy.png') 0 0 repeat;
-webkit-box-shadow:0 0 3px rgba(0,0,0,0.1);
       -moz-box-shadow:0 0 3px rgba(0,0,0,0.1);
            box-shadow:0 0 3px rgba(0,0,0,0.1);
}
#main .list-vacancy li > div:before,
#main .list-vacancy li > div:after {
    content:"";
    position:absolute;
    z-index:-2;
} 
#main .list-vacancy li > div:before {
    top:50%;
    bottom:-3px;
    left:10px;
    right:10px;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);
       -moz-box-shadow:0 0 15px rgba(0,0,0,0.6);
            box-shadow:0 0 15px rgba(0,0,0,0.6);
    -moz-border-radius:100px / 10px;
         border-radius:100px / 10px;
}
#main .list-vacancy li > div > span {display: block; color: #474747; font-weight: bold;}
#main .list-vacancy li > div > img {display: inline; margin: 0 auto 10px 0;}
#main .list-vacancy li > div p {font-size: 12px;}
#main .list-vacancy li > div p span {display: block; font-size: 14px;}
#main .list-vacancy li.ceil {padding-top: 55px;}

#main .contacts {overflow: hidden; padding: 0 20px 30px 20px;}

#main .contacts .info-conacts {float: left; width: 250px;}
#main .contacts .info-conacts > div {margin-bottom: 30px;}
#main .contacts .info-conacts > div > span {display: block; margin-bottom: 8px;}

#main .contacts .face {overflow: hidden; margin-bottom: 20px; font-size: 11px;}
#main .contacts .face div {padding: 9px 0;}
#main .contacts .face div span {display: block; font-size: 14px; margin-bottom: 3px;}
#main .contacts .face img {float: left; margin: 0 10px 0 2px; border: 1px solid #3476a6; height: 48px; width: 48px; border-radius: 24px; -moz-border-radius: 24px; box-shadow: 1px 1px 2px #c1c1c1; -moz-box-shadow: 1px 1px 2px #c1c1c1;}

#main .contacts .box-img-contacts {float: right; width: 595px; margin-right: 5px;}

#main .map img {display: block; width: 100%;}
#main .map {
  margin: 0px 0 60px 0; 
  border: 6px solid #fff; 
  position: relative; 
  background-color: #fff;  
    -webkit-box-shadow:0 0 3px rgba(0,0,0,0.1);
       -moz-box-shadow:0 0 3px rgba(0,0,0,0.1);
            box-shadow:0 0 3px rgba(0,0,0,0.1);
}
#main .map:before,
#main .map:after {
  content:"";
  position:absolute;
  z-index:-2;
  bottom:9px;
  left:7px;
  width:50%;
  height:20%;
-webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.2);
 -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.2);
      box-shadow:0 15px 10px rgba(0, 0, 0, 0.2);
-webkit-transform:rotate(-1deg);
 -moz-transform:rotate(-1deg);
  -ms-transform:rotate(-1deg);
   -o-transform:rotate(-1deg);
      transform:rotate(-1deg);
}
 
#main .map:after {
  right:7px;
  left:auto;
  -webkit-transform:rotate(1deg);
     -moz-transform:rotate(1deg);
      -ms-transform:rotate(1deg);
       -o-transform:rotate(1deg);
          transform:rotate(1deg);
}

#main .box-grey {background-color: #ebebeb; padding: 45px 50px; position: relative;}
#main .box-grey > p {margin-top: -15px;}
#main .box-grey:before,
#main .box-grey:after {
  content:"";
  position:absolute;
  z-index:-2;
  bottom:14px;
  left:7px;
  width:50%;
  height:20%;
-webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.2);
 -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.2);
      box-shadow:0 15px 10px rgba(0, 0, 0, 0.2);
-webkit-transform:rotate(-1deg);
 -moz-transform:rotate(-1deg);
  -ms-transform:rotate(-1deg);
   -o-transform:rotate(-1deg);
      transform:rotate(-1deg);
}
 
#main .box-grey:after {
  right:7px;
  left:auto;
  -webkit-transform:rotate(1deg);
     -moz-transform:rotate(1deg);
      -ms-transform:rotate(1deg);
       -o-transform:rotate(1deg);
          transform:rotate(1deg);
}

#main .form-bid {overflow: hidden;}
#main .form-bid .box-left {width: 390px; float: left; margin: 34px 80px 0 0;}
#main .form-bid .box-right {overflow: hidden;}
#main .form-bid .box-right > div {border: 1px solid #ddd; background: #fff; background: linear-gradient(to bottom, #fff, #f5f5f5); overflow: hidden; padding: 0 10px 0 34px; box-shadow: inset 1px 1px #f3f3f3; position: relative;}
#main .form-bid .box-right > div textarea {background: none; border: none; width: 100%; padding: 8px 0; font-size: 14px; font-family: arial; outline: none; resize: none; height: 144px;}
#main .form-bid .box-right > div i {width: 35px; height: 35px; position: absolute; left: 0; top: 0;}
#main .form-bid .box-right > div i.pensil {background: url('/img/system/sprite.png') -117px -35px no-repeat;}
#main .form-bid .box-right > span {line-height: 34px;}
#main .form-bid label {display: block; overflow: hidden; margin-bottom: 30px;}
#main .form-bid label span {float: left; width: 87px; padding-top: 10px;}
#main .form-bid sup {color: #e33117; font-size: 12px; top: -3px;}
#main .form-bid .input {border: 1px solid #ddd; background: #fff; background: linear-gradient(to bottom, #fff, #f5f5f5); overflow: hidden; padding: 0 10px 0 34px; box-shadow: inset 1px 1px #f3f3f3; position: relative;}
#main .form-bid .input input[type="text"] {background: none; border: none; padding: 8px 0; font-size: 14px; font-family: arial; width: 100%; outline: none;  }
#main .form-bid .input i {width: 35px; height: 35px; position: absolute; left: 0; top: 0;}
#main .form-bid .input i.user {background: url('/img/system/sprite.png') -82px 0 no-repeat;}
#main .form-bid .input i.mail {background: url('/img/system/sprite.png') -82px -35px no-repeat;}
#main .form-bid .input i.phone {background: url('/img/system/sprite.png') -117px 0 no-repeat;}

#main .form-bid input[type="submit"] {float: right; height: 28px; padding: 0 15px; color: #fff; border: 1px solid #cfcfcf; border-radius: 14px; -moz-border-radius: 14px; background: #33880f; background: linear-gradient(to bottom, #66ca3b, #33880f); box-shadow: 1px 1px 3px #cfcfcf; margin: 6px 4px 0 0; font-size: 13px;}
#main .form-bid input[type="submit"]:hover {background: #66ca3b; background: linear-gradient(to bottom, #33880f, #66ca3b);}
#main .form-bid p.info {float: left; font-size: 12px; }

#main .history {background: url('/img/system/bg-history.png') 0 0 repeat-y; padding: 10px 0 10px 70px;}
#main .history ul {list-style: none; margin: 0; padding: 0;}
#main .history li {position: relative; border: 1px solid #f2f2f2; border-radius: 10px; -moz-border-radius: 10px;  box-shadow: 1px 1px 5px rgba(125, 125, 125, 0.3); -moz-box-shadow: 1px 1px 5px rgba(125, 125, 125, 0.3); margin-top: 50px;}
#main .history li:first-child {margin-top: 0;}
#main .history li > i {position: absolute; left: -70px; top: 50%; margin-top: -25px; width: 44px; height: 44px; line-height: 44px; border: 3px solid #fff; background-color: #98da78; font-style: normal; font-size: 14px; font-weight: bold; text-align: center; border-radius: 25px; border-radius: 25px; box-shadow: 1px 1px 5px rgba(44, 44, 44, 0.2); -moz-box-shadow: 1px 1px 5px rgba(44, 44, 44, 0.2); color: #fff; z-index: 5;}
#main .history li > u {position: absolute; left: -50px; top: 50%; margin-top: -5px; width: 50px; height: 10px; background-color: #f1f1f1; z-index: 4;}
#main .history li > div {overflow: hidden; padding: 30px 20px 15px 30px; background: url('/img/system/li-history.png') 0 0 repeat;}
#main .history li .img img {display: block; width: 100%;}
#main .history li .img {
  overflow: hidden;
  float: left; 
  width: 184px; 
  height: 119px;
  border: 5px solid #fff; 
  margin: 0 20px 5px 0; 
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
 -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
      box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
 
}

#main .list-filials {list-style: none; margin: 0 0 30px -20px; padding: 0; overflow: hidden; position: relative;}
#main .list-filials li {width: 155px; text-align: center; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; font-weight: bold; line-height: 18px; margin: 0 0 45px 20px;}
#main .list-filials li img {display: block; margin: 0 auto 10px auto;}

.errors { display: block; width: auto; height: auto; border-bottom: 1px solid #adadad; background-color: #efefef; padding: 10px 0 10px 10px;  margin: 0 0  15px 0;}
.errors div div { font-family: Arial; font-size: 16px; font-weight: bold; color: #000000; }
.errors ul { list-style-type: none; margin: 0px 0 0 0; padding: 0; }
.errors ul li { clear: both; margin-bottom: 5px; }

.success { display: block; width: auto; height: auto; border-bottom: 1px solid #adadad; background-color: #efefef; padding: 10px 0 10px 10px;  margin: 0 0  15px 0;}
.success div div { font-family: Arial; font-size: 16px; font-weight: bold; color: #000000; }
.success ul { list-style-type: none; margin: 0px 0 0 0; padding: 0; }
.success ul li { clear: both; margin-bottom: 5px; }