/* 
   CommonBase.css (former maket03) - to be the first CSS file included.
   See also http://verstka.pro/notes/prizhatyy-k-nizu-futer.html. - glued-to-bottom-footer
   Sunday, November 03, 2013
*/
* {
    margin: 0;
    padding: 0;
    /* To allow elements be placed side-by-side. */
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

html, body {
    height: 100%; /* needed for prizhatyy-k-nizu-futer */
    width: 100%;
}

body {
    -webkit-font-smoothing: antialiased;
    background: orange; /* orange - for debugging */
    margin-left: auto;
    margin-right: auto;
    font-family: Arial,Helvetica,sans-serif;
}

a {
    outline: none;
    text-decoration: none; /* prevents undelining links*/
    color: #e2e2e2; /* all links have off-white (light-gray) color*/
}

    a:hover {
        color: #00ec48; /* when hovered, all links have light-green color*/
    }

.page {
    min-width: 1000px;
    background: #ffffff;
    min-height: 100%; /* 3 lines needed for glued-to-bottom-footer */
    height: auto !important;
    height: 100%;
}

.wrap { /*glued-to-bottom-footer: to prevent page from getting under the footer*/
    padding-bottom: 220px; /* same as overfooter height or more*/
}

/*-----------------------------------------------------------MAIN MENU*/
header {
    z-index: 100; /* should be above middlezone, above footer - above everything */
    /*position: fixed;*/
    position: absolute;
    display: block;
    background: #ffffff;
    height: 70px;
    min-width: 1000px; /* needed for position absolute, but not fixed*/
    width: 100%;
    box-shadow: 0 0 10px rgba(0,0,0,0.5); /* shadow parameters */
}

#menublock {
    position: static; /* relative is also OK? */
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 70px;
    width: 1000px;
    /*background: url(../images/menublock_debug.png);*/
}

.linkToTop a {
    position: absolute;
    top: 6px;
    right: 0;
    padding: 0 10px;
    font: 11px Calibri;
    color: #fff;
    background: #aaa;
    display: block;
}

    .linkToTop a:hover {
        color: #000;
    }

#footerToTop a {
    position: absolute;
    top: 36px;
    right: 35px;
    padding: 0 10px;
    font: 11px Calibri;
    color: #fff;
    background: #aaa;
    display: block;
}

    #footerToTop a:hover {
        color: #000;
    }


.bottomSloTecContainer {
    position: relative;
    min-height: 100%;
    background: #999;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    border: 0px solid cyan; /* */
}

#TOP { /* to push logo down, below menu */
    position: static;
    display: block;
    height: 70px;
}

#logoContainer {
    position: relative;
    display: block;
    background: none;
    height: 75px;
    width: 1000px;
    top: 6px;
}

#logo {
    position: relative;
    display: block;
    background: url(../images/logo.png) no-repeat; /* #fffaaa yellowish for debugging */
    left: 20px;
    height: 116px;
    width: 621px;
    z-index:5;
}

#slogan_top {
    position: absolute;
    top: 40px;
    display: block;
    background: none; /* #ffc000 orange-ish - slogan for debugging */
    left: 230px;
    height: 30px;
    width: 550px;
    font-family: lobster,calibri;
    letter-spacing: 17px;
}

/*---------------------------------------------------------SLOGAN2 - on the left*/
#slogan2 {
    position: absolute;
    top: 172px;
    display: block;
    background: 0 /*#dcdaaa*/;
    /* border: 1px solid black; */
    margin: 0px;
    padding: 20px;
    height: 370px;
    width: 220px;
}

.fontForSlogan2 {
    font: normal 100% sans-serif;
    font-family: lobster,calibri;
    line-height: 1.5;
    color: #000000;
    background: none;
    font-size: 16pt;
    /*outline: black solid 0.3em;
    -moz-outline-offset: 0.04em;*/
}

    .fontForSlogan2 span {
        position: relative;
    }
/*---------------------------------------------------------/SLOGAN2*/

.contain {
    position: relative;
    display: block;
    margin-left: auto; /* comment out two lines to force the page stick to the left. Uncomment to have page centered .*/
    margin-right: auto;
    /*min-height: 600px;*/
    width: 1000px;
}


/*-----------------------------------------------------------SOCIAL BUTTS*/
#socbutt {
    position: absolute;
    top: 30px;
    left: 803px;
    background: none;
    /*width: 195px;*/
    /*height: 39px;*/
}

#socbutt_dn {
    position: absolute;
    top: 155px;
    left: 774px;
    background: none;
    /*width: 195px;*/
    /*height: 39px;*/
}

.buttmenu {
    /*width: 195px;*/
    margin: 0px;
    list-style: none;
}

    .buttmenu li {
        display: inline;
    }

        .buttmenu li a {
            display: block;
            float: left;
            height: 39px;
            background-image: url(../images/socbutt.png);
            text-indent: -9999px;
        }

            .buttmenu li a.vk {
                width: 39px;
                background-position: 0 0;
            }

            .buttmenu li a.fb {
                width: 39px;
                background-position: -39px 0;
            }

            .buttmenu li a.gg {
                width: 39px;
                background-position: -78px 0;
            }

            .buttmenu li a.tw {
                width: 39px;
                background-position: 78px 0;
            }

            .buttmenu li a.ml {
                width: 39px;
                background-position: 39px 0;
            }

            .buttmenu li a.vk:hover, .buttmenu li a.vk:focus {
                background-position: 0 -39px;
            }

            .buttmenu li a.fb:hover, .buttmenu li a.fb:focus {
                background-position: -39px -39px;
            }

            .buttmenu li a.gg:hover, .buttmenu li a.gg:focus {
                background-position: -78px -39px;
            }

            .buttmenu li a.tw:hover, .buttmenu li a.tw:focus {
                background-position: 78px -39px;
            }

            .buttmenu li a.ml:hover, .buttmenu li a.ml:focus {
                background-position: 39px -39px;
            }
/*---------------------------------------------------SOCIAL BUTTS*/

/*---------------------------------------------------FOOTER*/
.overfooter {
    position: relative;
    background: #535353;
    z-index: 3;
    height: 220px; /* remove it from tocFooter! */
    margin-top: -220px; /* to prevent from hiding below browser limit */
    min-width: 1000px;
}

.uplink {
    font-family: Calibri;
    font-size: 15px;
    color: #e2e2e2;
}

.inactive {
    font-family: Calibri;
    font-size: 15px;
    color: #b4b4b4;
}

#tocFooter {
    position: relative;
    display: block;
    /*height: 220px;*/
    margin-bottom: 30px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    padding: 30px;
}

    #tocFooter dl {
        display: block;
        float: left;
        width: 15%;
        color: #e2e2e2;
    }

        #tocFooter dl dd {
            line-height: 150%;
            margin-bottom: 5px;
            /*color: #e2e2e2;*/
        }

        #tocFooter dl dt {
            font-size: 13px;
            margin-bottom: 5px;
            color: #e2e2e2;
        }

    #tocFooter .copyright {
        float: left;
        width: 25%;
        color: #e2e2e2;
    }

        #tocFooter .copyright .about {
            position: absolute;
            top: 66px;
            right:97px;
            font-size: 11px;
            margin-left: 50px;
            width: 130px;
            text-align: left;
        }

.footer_logo {
    position: absolute;
    top: 16px;
    right: 120px;
    background-attachment: scroll;
    background-image: url(../images/logo_dn.png);
    display: block;
    height: 58px;
    width: 111px;
    margin-left: auto;
    margin-right: auto;
}


/*------------------------------------------------------OUTER FONTS*/
@font-face {
    font-family: Segoe Script;
    src: url(../fonts/segoesc.ttf);
    font-family: AG ForeignerULB-Plain;
    src: url(../fonts/ag-foreignerulb-plain-medium.ttf);
}
   .segoe {
    font-family: Segoe Script, 'Calibri', cursive;
   }
   .foreigner {
    font-family: AG ForeignerULB-Plain, 'Calibri';
   }
/*------------------------------------------------------/OUTER FONTS*/

.leftbanner_container {
    position: absolute;
    display: block;
    left: 30px;
    top: 704px;
    width: 244px;
    min-height: 244px;
    border: 0px;
    margin-bottom: 30px;
}