﻿@import url(https://fonts.googleapis.com/css?family=Open+Sans&subset=latin,cyrillic);
*
{
   margin:0;
   padding:0; 
}
aside, article, header, footer
{
    display:block;
}
body
{
    background:#fff url('/images/bgBody.png') repeat fixed;
    font-family:'open sans';
    color:#555;
    font-size:14px;
}
a
{
    color:#007BA7;
    text-decoration:none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
a:hover
{
    color:#007BA7;
    text-decoration:underline;
}
p
{
    padding:5px 0;
}
ul
{
    margin:0 0 0 20px;
    list-style:square;
}
ul li
{
    padding:5px 0;
}
.clear
{
    clear:both;
}
.pageWrap
{
    width:960px;
    margin:0 auto;
}

.nav_bottom 
{
    left: 0;
    bottom: 0;
    margin: 0;
    list-style-type: none;
}
.nav_bottom li
{
    float: left;
    margin: 0 5px;
    font: 11px/14px 'pt sans', Arial;
}
.nav_bottom li a
{
    color: #fff;
    text-decoration: none;
}
.headerMenu > ul > li:hover ul, .headerMenu > ul > li:focus ul {
    display: block;
    top: 60px;
}

@media (max-width: 480px) {

    aside, footer, .contentFooter, .footerSlogan, .footerColumn, .footerSlogan, .headerTop, article, .headerLogo, .header, .pageWrap, header, .pageWrap, headerTop, .footerMails > div, .contactFormRight, .contactFormLeft {
        width: auto !important;
    }
    header, .headerMenu > ul {
        height: auto !important;
    }
    .nav_bottom li, .nav_bottom, .footerColumnRight, .contactFormRight,.headerLogo,.headerMenu, aside, article, .footerMails > div, .contactFormLeft, .headerMenu > ul, .headerMenu > ul > li, .headerTopPhone, .headerTopText {
        float: none !important;
    }
    .contactForm .contactFormLeft {
        margin: 0;
    }
    .contentWrap article .listWrap.doubleList, .headerMenu > ul > li {
        width: 100% !important;
    }
    .headerTop {
        height: auto !important;
        padding: 5px;
    }
    .headerLogo {
        padding: 10px !important;
    }
    .headerMenu > ul > li {
        border-left: none !important;
    }
    .headerMenu > ul {
        border-right: none !important;
    }
    .clients_container form img {
        display: block;
    }
    .headerMenu > ul > li ul {
        position: static !important;
    }
    .headerLogo, .headerTopPhone{
        text-align: center;
    }
    .clients_container {
        width: 250px;
        overflow: scroll;
    }
    .jobs_img {
        width: 100px !important;
        height: 100px !important;
        background-size: 100% !important;
        left: 130px !important;
    }
    .nav_bottom {
        width: 100%;
    }
    .nav_bottom li a {
        width: 100%;
        text-align: center;
        display: block;
    }
    .headerMenu > ul > li:hover ul, .headerMenu > ul > li:focus ul {
        display: block;
    }

}