/* Copyright © 2012 WebMaestro. All rights reserved. */
footer{
    position: relative;
    display: table;
    width: 100%;
    height: 270px;
    background: #0f3668;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBmMzY2OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTQwOTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #0f3668 0%, #014091 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0f3668), color-stop(100%,#014091));
    background: -webkit-linear-gradient(top,  #0f3668 0%,#014091 100%);
    background: -o-linear-gradient(top,  #0f3668 0%,#014091 100%);
    background: -ms-linear-gradient(top,  #0f3668 0%,#014091 100%);
    background: linear-gradient(to bottom,  #0f3668 0%,#014091 100%);

}
footer > div#blockMenuSearch{
    position: relative;
    width: 100%;
    height: 37px;
    background-color: #082c5b;
}
footer > div#blockMenuSearch > div{
    position: relative;
    width: 980px;
    height: 100%;
    margin: auto;
}
footer > div#blockMenuSearch > div > ul{
    position: relative;
    float: left;
    padding: 0;
    margin: 5px 0px 0px 0px;
    list-style: none;
}
footer > div#blockMenuSearch > div > ul li{
    float: left;
    margin: 0;
    padding: 5px 15px;
    border-right: 1px solid #0f3b75;
}
footer > div#blockMenuSearch > div > ul li:first-child{
    padding-left: 0;
}
footer > div#blockMenuSearch > div > ul li:last-child{
    padding-right: 0;
    border-right: none;
}
footer > div#blockMenuSearch > div > ul li a{
    float: left;
    margin: 0;
    padding: 0;
    font: 13px "Segoe UI", Arial, Tahoma, Verdana, sans-serif;
    color: #fff;
    text-decoration: none;
}
footer > div#blockMenuSearch > div > ul li a:hover{
    text-decoration: underline;
}
footer > div#blockMenuSearch > div > ul li.active a{
    color: #5e9ae8;
}

footer > div#blockFooter{
    position: relative;
    display: table;
    width: 980px;
    height: auto;
    padding: 0px 0px 0px 0px;
    margin: auto;
}
footer > div#blockFooter section#blockRubricMenu{
    position: relative;
    display: block;
    float: left;
    width: auto;
    max-width: 300px;
    height: 100%;
    margin: 20px 80px 20px 0px;
    overflow: hidden;
}
footer > div#blockFooter section#blockRubricMenu h3{
    display: block;
    padding: 0px 0px 10px 5px;
    margin: 0px 0px 0px 0px;
    border-bottom: 1px solid #235aa3;
    font: bold 12px  Arial, "Segoe UI",Tahoma, Verdana, sans-serif;
    color: #fff;
    text-transform: uppercase
}

footer > div#blockFooter section#blockRubricMenu ul{
    position: relative;
    float: left;
    padding: 0;
    margin: 10px 40px 0px 0px;
    list-style: none;
}
footer > div#blockFooter section#blockRubricMenu ul:nth-of-type(2n){
    margin-right: 0;
}
footer > div#blockFooter section#blockRubricMenu ul:first-of-type{
    margin-left: 5px;
}
footer > div#blockFooter section#blockRubricMenu ul li{
    position: relative;
    padding: 1px 0px;
    margin: 0px 0px 1px 0px;
    max-height: 20px;
    max-width: 150px;
    overflow: hidden;
}
footer > div#blockFooter section#blockRubricMenu ul li a{
    font: 13px  Arial, "Segoe UI", Tahoma, Verdana, sans-serif;
    color: #9ab4da;
    text-decoration: underline;
}
footer > div#blockFooter section#blockRubricMenu ul li a:hover{
    color: #fff;
    text-decoration: none;
}
footer > div#blockFooter div#blockCopyRight{
    position: relative;
    float: right;
    width: 390px;
    height: 195px;
    padding: 0px 0px 0px 30px;
    margin: 20px 0px 0px 0px;
    border-left: 1px solid #235aa3;
}
footer > div#blockFooter div#blockCopyRight article.styleCopyRight span{
    font: 13px "Segoe UI", Arial,Tahoma, Verdana, sans-serif;
    color: #fff;    
}
footer > div#blockFooter div#blockCopyRight article.styleCopyRight p{
    padding: 0;
    margin: 5px 0px;
    font: 12px/19px Arial,Tahoma, Verdana, sans-serif;
    color: #9ab4da;    
}
footer > div#blockFooter div#blockCopyRight article.styleCopyRight p a{
    font: 12px "Segoe UI", Arial,Tahoma, Verdana, sans-serif;
    color: #9ab4da;
}
footer > div#blockFooter div#blockCopyRight article.styleCopyRight p a:hover{
    font: 12px "Segoe UI", Arial,Tahoma, Verdana, sans-serif;
    color: #fff;
    text-decoration: none;
}
footer > div#blockFooter div#blockCopyRight div.blockSocialLink{
    position: relative;
    width: 100%;
    height: 100px;
    margin: 30px 0px 0px 0px;
}
footer > div#blockFooter div#blockCopyRight div.blockSocialLink span{
    display: block;
    margin: 0px 0px 7px 0px;
    font: 13px "Segoe UI", Arial,Tahoma, Verdana, sans-serif;
    color: #fff;
}
footer > div#blockFooter div#blockCopyRight div.blockSocialLink a{
    display: block;
    float: left;
    width: 28px;
    height: 26px;
    margin: 0px 10px 0px 0px;    
    text-indent: -999999px;
    opacity: 0.6;
    transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
}
footer > div#blockFooter div#blockCopyRight div.blockSocialLink a:hover{
    opacity: 1.0;
}
footer > div#blockFooter div#blockCopyRight div.blockSocialLink a.styleLinkVk{
    background: url('../img/iconFooterVk.png') no-repeat center center;
}
footer > div#blockFooter div#blockCopyRight div.blockSocialLink a.styleLinkFb{
    background: url('../img/iconFooterFb.png') no-repeat center center;
}
footer > div#blockFooter div#blockCopyRight div.blockSocialLink a.styleLinkTw{
    background: url('../img/iconFooterTw.png') no-repeat center center;
}
div.blockCopyRightWM{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 260px;
    height: 45px;
}
div.blockCopyRightWM p{
    float: left;
    padding: 2px 0px 0px 0px;
    margin: 0;
    font: 13px "Segoe UI", Arial,Tahoma, Verdana, sans-serif;
    color: #fff;
    text-align: right;
}
div.blockCopyRightWM p a{
    font: 13px "Segoe UI", Arial,Tahoma, Verdana, sans-serif;
    color: #fff;
}
div.blockCopyRightWM > a{
    float: right;
    height: 40px;
}
div.blockCopyRightWM a img{
    height: 40px;
    border: none;
}
div.blockCopyRightWM a:hover{
    text-decoration: none;
}