html {
    color: #000;
    background: #FFF;
}

body,
img,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,
img {
    border: 0;
}

caption,
th {
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before,
q:after {
    content: '';
}

abbr,
acronym {
    border: 0;
    font-variant: normal;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

input,
textarea,
select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

legend {
    color: #000;
}

ol li {
    list-style: decimal
}

form {
    display: inline;
    padding: 0;
    margin: 0;
}

input,
textarea {
    background-color: #ffffff;
    border: 1px solid #656565;
    color: #000000;
    font-size: 12px;
}

select {
    border: 1px solid #656565;
    color: #000000;
    font-size: 12px;
}

label {
    font-size: 12px;
}

a img {
    border: 0;
}

a {
    color: #ff4800;
    text-decoration: underline;
}

a:hover {
    color: #ff4800;
    text-decoration: none;
}

p {
    text-indent: 0px;
    margin: 7px 0px 7px 0px;
    font-size: 12px;
}

ul {
    padding: 0;
    margin: 0;
    font-size: 12px;
}

ol {
    padding: 0;
    margin: 0;
    font-size: 12px;
}

hr {
    border: solid #f0efed 0px;
    border-top-width: 2px;
    height: 0px;
}

h1 {
    color: #000000;
    font: normal 22px Geneva, Arial, Helvetica, sans-serif;
    text-align: left;
    margin: 0;
    padding: 0px;
}

h2 {
    color: #000000;
    font: normal 20px Geneva, Arial, Helvetica, sans-serif;
    text-align: left;
    margin: 0;
    padding: 0px;
}

h3 {
    color: #000000;
    font: normal 18px Geneva, Arial, Helvetica, sans-serif;
    text-align: left;
    margin: 0;
    padding: 0px;
}

h4,
h5,
h6 {
    color: #000000;
    font: normal 16px Geneva, Arial, Helvetica, sans-serif;
    text-align: left;
    margin: 0;
    padding: 0px;
}

html,
body {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

#all {
    margin: 0 auto;
    width: 1010px;
    min-width: 1010px;
}

#header {
    position: relative;
    background: #ffffff url(/images/tpl/header.jpg) no-repeat;
    width: 1010px;
    height: 124px;
    margin: 0 auto;
}

#main {
    width: 1002px;
    margin: 0 auto;
    padding-top: 26px;
}

#footer {
    position: relative;
    background: #615a5a url(/images/tpl/footer.jpg) repeat-x;
    width: 1002px;
    height: 87px;
    margin: 0 auto;
}

.lang-icon ul {
    position: absolute;
    float: left;
    list-style: none;
    top: 2px;
    right: 10px;
}

.lang-icon ul li {
    float: left;
    padding: 0 5px;
}

.lang-icon ul li.icon-ru a {
    float: left;
    position: relative;
    width: 24px;
    height: 32px;
    cursor: pointer;
}

.lang-icon ul li.icon-ru a span {
    position: absolute;
    background: url(/images/tpl/icon-ru.jpg) no-repeat;
    width: 100%;
    height: 100%;
}

.lang-icon ul li.icon-en a {
    float: left;
    position: relative;
    width: 24px;
    height: 32px;
    cursor: pointer;
}

.lang-icon ul li.icon-en a span {
    position: absolute;
    background: url(/images/tpl/icon-en.jpg) no-repeat;
    width: 100%;
    height: 100%;
}

.lang-icon ul li.icon-ger a {
    float: left;
    position: relative;
    width: 24px;
    height: 32px;
    cursor: pointer;
}

.lang-icon ul li.icon-ger a span {
    position: absolute;
    background: url(/images/tpl/icon-ger.jpg) no-repeat;
    width: 100%;
    height: 100%;
}

.top-icon ul {
    position: absolute;
    float: left;
    list-style: none;
    top: 53px;
    left: 223px;
}

.top-icon ul li {
    float: left;
    padding: 0 5px;
}

.top-icon ul li a {
    float: left;
    background: #7a7a7a url(/images/tpl/top-icon.jpg) no-repeat;
    width: 44px;
    height: 57px;
}

.top-icon ul li a:hover {
    float: left;
    background: #ed1c24 url(/images/tpl/top-icon-hover.jpg) no-repeat;
    width: 44px;
    height: 57px;
}

.top-icon ul li a span.home {
    display: block;
    background: url(/images/tpl/home.png) no-repeat center;
    width: 42px;
    height: 43px;
}

.top-icon ul li a span.map {
    display: block;
    background: url(/images/tpl/map.png) no-repeat center;
    width: 44px;
    height: 43px;
}

.top-icon ul li a span.contacts {
    display: block;
    background: url(/images/tpl/email.png) no-repeat center;
    width: 43px;
    height: 43px;
}

.top-icon ul li.active {
    float: left;
    padding: 0;
    margin: 0 4px;
    background: #ed1c24 url(/images/tpl/top-icon-hover.jpg) no-repeat;
    width: 44px;
    height: 57px;
}

.top-icon ul li span.home-active {
    display: block;
    background: url(/images/tpl/home.png) no-repeat center;
    width: 42px;
    height: 43px;
}

.top-icon ul li span.map-active {
    display: block;
    background: url(/images/tpl/map.png) no-repeat center;
    width: 44px;
    height: 43px;
}

.top-icon ul li span.contacts-active {
    display: block;
    background: url(/images/tpl/email.png) no-repeat center;
    width: 43px;
    height: 43px;
}

.consultant {
    position: absolute;
    /*background: url(/web/20180125194058im_/http://globeweb.biz/images/consultON.gif) no-repeat; */
    list-style: none;
    width: 199px;
    height: 53px;
    top: 53px;
    left: 400px;
}

#top-menu {
    overflow: hidden;
}

#top-menu ul {
    float: left;
    list-style: none;
}

#top-menu ul li {
    float: left;
    text-decoration: none;
}

#top-menu ul li.home a {
    float: left;
    position: relative;
    width: 136px;
    height: 48px;
    cursor: pointer;
    text-decoration: none;
}

#top-menu ul li.home a span {
    position: absolute;
    background: url(/images/tpl/top-menu1.jpg) no-repeat;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

#top-menu ul li.home a:hover span {
    position: absolute;
    background: url(/images/tpl/top-menu1-hover.jpg) no-repeat;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

#top-menu ul li.home-active {
    float: left;
    position: relative;
    width: 136px;
    height: 48px;
}

#top-menu ul li.home-active span {
    position: absolute;
    background: url(/images/tpl/top-menu1-hover.jpg) no-repeat;
    width: 100%;
    height: 100%;
}

#top-menu ul li.portfolio a {
    float: left;
    position: relative;
    width: 145px;
    height: 48px;
    cursor: pointer;
    text-decoration: none;
}

#top-menu ul li.portfolio a span {
    position: absolute;
    background: url(/images/tpl/top-menu2.jpg) no-repeat;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

#top-menu ul li.portfolio a:hover span {
    position: absolute;
    background: url(/images/tpl/top-menu2-hover.jpg) no-repeat;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

#top-menu ul li.portfolio-active {
    float: left;
    position: relative;
    width: 145px;
    height: 48px;
}

#top-menu ul li.portfolio-active span {
    position: absolute;
    background: url(/images/tpl/top-menu2-hover.jpg) no-repeat;
    width: 100%;
    height: 100%;
}

#top-menu ul li.creating a {
    float: left;
    position: relative;
    width: 184px;
    height: 48px;
    cursor: pointer;
    text-decoration: none;
}

#top-menu ul li.creating a span {
    position: absolute;
    background: url(/images/tpl/top-menu3.jpg) no-repeat;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

#top-menu ul li.creating a:hover span {
    position: absolute;
    background: url(/images/tpl/top-menu3-hover.jpg) no-repeat;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

#top-menu ul li.creating-active {
    float: left;
    position: relative;
    width: 184px;
    height: 48px;
}

#top-menu ul li.creating-active span {
    position: absolute;
    background: url(/images/tpl/top-menu3-hover.jpg) no-repeat;
    width: 100%;
    height: 100%;
}

#top-menu ul li.advancement a {
    float: left;
    position: relative;
    width: 164px;
    height: 48px;
    cursor: pointer;
    text-decoration: none;
}

#top-menu ul li.advancement a span {
    position: absolute;
    background: url(/images/tpl/top-menu4.jpg) no-repeat;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

#top-menu ul li.advancement a:hover span {
    position: absolute;
    background: url(/images/tpl/top-menu4-hover.jpg) no-repeat;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

#top-menu ul li.advancement-active {
    float: left;
    position: relative;
    width: 164px;
    height: 48px;
}

#top-menu ul li.advancement-active span {
    position: absolute;
    background: url(/images/tpl/top-menu4-hover.jpg) no-repeat;
    width: 100%;
    height: 100%;
}

#top-menu ul li.advertising a {
    float: left;
    position: relative;
    width: 129px;
    height: 48px;
    cursor: pointer;
    text-decoration: none;
}

#top-menu ul li.advertising a span {
    position: absolute;
    background: url(/images/tpl/top-menu5.jpg) no-repeat;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

#top-menu ul li.advertising a:hover span {
    position: absolute;
    background: url(/images/tpl/top-menu5-hover.jpg) no-repeat;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

#top-menu ul li.advertising-active {
    float: left;
    position: relative;
    width: 129px;
    height: 48px;
}

#top-menu ul li.advertising-active span {
    position: absolute;
    background: url(/images/tpl/top-menu5-hover.jpg) no-repeat;
    width: 100%;
    height: 100%;
}

#top-menu ul li.order a {
    float: left;
    position: relative;
    width: 108px;
    height: 48px;
    cursor: pointer;
    text-decoration: none;
}

#top-menu ul li.order a span {
    position: absolute;
    background: url(/images/tpl/top-menu6.jpg) no-repeat;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

#top-menu ul li.order a:hover span {
    position: absolute;
    background: url(/images/tpl/top-menu6-hover.jpg) no-repeat;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

#top-menu ul li.order-active {
    float: left;
    position: relative;
    width: 108px;
    height: 48px;
}

#top-menu ul li.order-active span {
    position: absolute;
    background: url(/images/tpl/top-menu6-hover.jpg) no-repeat;
    width: 100%;
    height: 100%;
}

#top-menu ul li.contacts a {
    float: left;
    position: relative;
    width: 136px;
    height: 48px;
    cursor: pointer;
    text-decoration: none;
}

#top-menu ul li.contacts a span {
    position: absolute;
    background: url(/images/tpl/top-menu7.jpg) no-repeat;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

#top-menu ul li.contacts a:hover span {
    position: absolute;
    background: url(/images/tpl/top-menu7-hover.jpg) no-repeat;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

#top-menu ul li.contacts-active {
    float: left;
    position: relative;
    width: 136px;
    height: 48px;
}

#top-menu ul li.contacts-active span {
    position: absolute;
    background: url(/images/tpl/top-menu7-hover.jpg) no-repeat;
    width: 100%;
    height: 100%;
}




#top-menu ul li span span {
    margin-top: 11px;
    position: relative !important;
    height: 20px !important;
    background: none !important;
    display: block !important;
}

#top-menu ul li span span,
#top-menu ul li a span span {
    font-size: 14px;
    font-family: Arial;
    font-weight: normal;
    color: #FFFFFF;
    text-align: center;
}


#main div.line-about {
    background: url(/images/tpl/line-about.jpg) no-repeat;
    width: 100%;
    height: 2px;
    font-size: 0;
}

#main div.about {
    border-left: 2px solid #8a8a8a;
    border-right: 2px solid #8a8a8a;
}

#main div.about div.text {
    padding: 10px 40px;
}

.about-more {
    display: none;
    text-align: justify;
}

a#about-more-link1 {
    border-bottom: 1px dotted #ffc600;
    text-decoration: none;
}

#main ul.service {
    float: left;
    list-style: none;
}

#main ul.service li {
    float: left;
}

#main ul.service li.creating {
    background: url(/images/tpl/pic-creating.jpg) no-repeat top;
    width: 206px;
    height: 220px;
}

#main ul.service li.creating a {
    float: left;
    position: relative;
    color: #585858;
    font-size: 18px;
    text-decoration: none;
    width: 206px;
    height: 220px;
}

#main ul.service li.creating a:hover {
    float: left;
    position: relative;
    color: #585858;
    font-size: 18px;
    text-decoration: none;
    width: 206px;
    height: 220px;
}

#main ul.service li.creating a span {
    position: absolute;
    background: url(/images/tpl/strelka.jpg) no-repeat left center;
    padding-left: 20px;
    top: 205px;
    left: 32px;
}

#main ul.service li.creating a:hover span {
    position: absolute;
    background: url(/images/tpl/strelka-hover.jpg) no-repeat left center;
    padding-left: 20px;
    top: 205px;
}

#main ul.service li.hosting {
    background: url(/images/tpl/pic-hosting.jpg) no-repeat top;
    width: 207px;
    height: 220px;
    margin: 0 60px;
}

#main ul.service li.hosting a {
    float: left;
    position: relative;
    color: #585858;
    font-size: 18px;
    text-decoration: none;
    width: 207px;
    height: 220px;
}

#main ul.service li.hosting a:hover {
    float: left;
    position: relative;
    color: #585858;
    font-size: 18px;
    text-decoration: none;
    width: 207px;
    height: 220px;
}

#main ul.service li.hosting a span {
    position: absolute;
    background: url(/images/tpl/strelka.jpg) no-repeat left center;
    padding-left: 20px;
    top: 205px;
    left: 48px;
}

#main ul.service li.hosting a:hover span {
    position: absolute;
    background: url(/images/tpl/strelka-hover.jpg) no-repeat left center;
    padding-left: 20px;
    top: 205px;
}

#main ul.service li.advancement {
    background: url(/images/tpl/pic-advancement.jpg) no-repeat top;
    width: 204px;
    height: 220px;
    margin-right: 58px;
}

#main ul.service li.advancement a {
    float: left;
    position: relative;
    color: #585858;
    font-size: 18px;
    text-decoration: none;
    width: 204px;
    height: 220px;
}

#main ul.service li.advancement a:hover {
    float: left;
    position: relative;
    color: #585858;
    font-size: 18px;
    text-decoration: none;
    width: 204px;
    height: 220px;
}

#main ul.service li.advancement a span {
    position: absolute;
    background: url(/images/tpl/strelka.jpg) no-repeat left center;
    padding-left: 20px;
    top: 205px;
    left: 18px;
}

#main ul.service li.advancement a:hover span {
    position: absolute;
    background: url(/images/tpl/strelka-hover.jpg) no-repeat left center;
    padding-left: 20px;
    top: 205px;
}

#main ul.service li.support {
    background: url(/images/tpl/pic-support.jpg) no-repeat top;
    width: 207px;
    height: 220px;
}

#main ul.service li.support a {
    float: left;
    position: relative;
    color: #585858;
    font-size: 18px;
    text-decoration: none;
    width: 206px;
    height: 220px;
}

#main ul.service li.support a:hover {
    float: left;
    position: relative;
    color: #585858;
    font-size: 18px;
    text-decoration: none;
    width: 206px;
    height: 220px;
}

#main ul.service li.support a span {
    position: absolute;
    background: url(/images/tpl/strelka.jpg) no-repeat left center;
    padding-left: 20px;
    top: 205px;
    left: 35px;
}

#main ul.service li.support a:hover span {
    position: absolute;
    background: url(/images/tpl/strelka-hover.jpg) no-repeat left center;
    padding-left: 20px;
    top: 205px;
}

#main div.content {
    padding: 10px 40px;
}

#main div.content ul {
    padding: 10px 40px;
}

#main div.content-part1 {
    float: left;
    width: 630px;
    padding-right: 10px;
    background-image: none;
}

#main div.content-part1 img {
    border: 1px solid #777777;
}

#main div.content-part2 {
    float: left;
    width: 280px;
}

#main div.content-part2 p a {
    color: #787878;
    text-decoration: underline;
}

#main div.content-part2 p a:hover {
    color: #787878;
    text-decoration: none;
}

#main div.content-part1 ul.portfolio-links {
    margin: 0;
    padding: 7px 0px 0px 0px;
    float: left;
}

#main div.content-part1 ul.portfolio-links li {
    list-style-type: none;
    float: left;
    padding: 0 15px 10px 0px;
    width: 195px;
}

#main div.content-part1 ul.portfolio-links li.pic {
    list-style-type: none;
    float: left;
    width: 195px;
}

#main div.content-part1 ul.portfolio-links li p {
    text-align: center;
    padding-top: 0px;
}

#main div.content ul.content-news {
    list-style: none;
    padding: 7px 0 0 0;
    margin: 0;
}

#main div.content ul.content-news li {
    padding-bottom: 10px;
}

#main div.content ul.map-site {
    padding: 7px 0 0 15px;
    margin: 0;
}

#main div.content ul.map-site li {
    padding-bottom: 5px;
}

#main div.content-home {
    border-left: 2px solid #8a8a8a;
    margin: 30px 0 40px 0;
    padding: 0 40px;
}

#main div.work-news {
    background-color: #615a5a;
    width: 1002px;
    height: 345px;
}

#main div.work-news div.work {
    float: left;
    padding: 31px 40px 0px 40px;
    width: 591px;
}

#main div.work-news div.work h1 {
    padding-bottom: 15px;
    color: #ffffff;
}

#main div.work-news div.work ul {
    float: left;
    list-style: none;
}

#main div.work-news div.work ul li {
    float: left;
}

#main div.work-news div.work ul li a {
    color: #c1dc01;
    float: left;
    position: relative;
    font-size: 11px;
    width: 180px;
    height: 270px;
}

#main div.work-news div.work ul li a:hover {
    color: #c1dc01;
    float: left;
    position: relative;
    font-size: 11px;
    width: 180px;
    height: 270px;
}

#main div.work-news div.work ul li a span {
    position: absolute;
    top: 200px;
    margin: 0 5px;
    text-align: center;
    width: 170px;
}

#main div.work-news div.work ul li.zaborpro {
    background: url(/images/portfolio/zaborpro-s1.jpg) no-repeat;
    width: 180px;
    height: 270px;
}

#main div.work-news div.work ul li.koszavod {
    background: url(/images/portfolio/koszavod-s1.jpg) no-repeat;
    width: 180px;
    height: 270px;
    margin: 0 25px;
}

#main div.work-news div.work ul li.port-2 {
    background: url(/images/portfolio/metalkrafft-s1.jpg) no-repeat;
    width: 180px;
    height: 270px;
    margin: 0 25px;
}

#main div.work-news div.work ul li.homastroy {
    background: url(/images/portfolio/homastroy-s1.jpg) no-repeat;
    width: 180px;
    height: 270px;
}

#main div.work-news div.news {
    float: left;
    padding: 31px 10px 0px 0px;
    width: 321px;
}

#main div.work-news div.news h1 {
    padding-bottom: 15px;
    color: #ffffff;
}

#main div.work-news div.news ul {
    list-style: none;
}

#main div.work-news div.news ul li {
    color: #ffffff;
    padding-bottom: 10px;
}

#main div.work-news div.news ul li.last-news {
    padding-bottom: 0px;
}

#main div.work-news div.news ul li a {
    color: #c1dc01;
}

#main div.work-news div.news ul li span.news-date {
    color: #c1dc01;
    text-decoration: underline;
}

#footer div.copy {
    position: absolute;
    color: #c7c7c7;
    top: 23px;
    right: 165px;
    font-size: 12px !important;
}

#footer div.copy a {
    color: #ffc600;
}

#footer div.copy a:hover {
    color: #ffc600;
}

#footer div.counter {
    position: absolute;
    top: 17px;
    right: 376px;
}

#footer div.debug {
    position: absolute;
    top: 60px;
    width: 100%;
    font-weight: normal;
    font-size: 90%;
    text-align: center;
    color: #c7c7c7;
    display: none
}

#footer div.debug a {
    color: #c7c7c7;
    display: none
}

.clear {
    font-size: 0pt;
    clear: both;
}