/* CSS Document */
    
    body {
    background-color: #111111;
    background-image: url(img/bg3.jpg);
    background-position: 40% 0%;
    background-repeat: no-repeat;
    padding:0px;
    margin:0px;
    font:88% Arial, Helvatica, san-serif;
    color:#FFFFFF;
    text-align:center;
    }
    
    img {border:0px;}
    
    
    
    /*!!!*/
    
    #name h1 {
    margin:0px;
    font-size:230%;
    }
    
    #name h2 {
    margin:0px;
    font-size:110%;
    }
    
    #text h1 {
    color:#FFFFFF;
    margin:0px 0px 20px 0px;
    font-size:150%;
    }
    
    #text h3 {
    color:#FFFFFF;
    margin:-10px 0px 20px 0px;
    }
    
    /*id's*/ 
    
    #oblogka {
    text-align:left;
    margin:0px auto;
    width:800px;
    min-width:800px;
    }
    
    #name {
    margin:40px 0px 0px 0px;
    left:20%;
    color:#FFFFFF;
    }
    
    #menu {
    margin:40px 0px 0px 0px;
    //margin:40px 0px 0px -7px;
    -margin:40px 0px 0px -7px;
    font-size:90%;
    font-weight: bold;
    }
    
    #submenu {
    margin:0px 0px 5px 0px;
    //margin:0px 0px 5px -12px;
    font-size:90%;
    font-style: italic;
    font-weight: bold; 
    width:500px;//width:450px;
    z-index:50;   
    }
    
    #submenu:first-of-type  { 
    width:500px;
    }
    
    #menu ul, #submenu ul {
    margin:0px 0px 0px -50px;//margin:0px;
    display:inline;
    }
    
    #menu ul li, #submenu ul li {
    list-style-type: none;
    display:inline;
    }
    
    #text {
    margin:115px 0px 90px 0px;
    width:350px;
    font-size:95%;
    line-height: 1.3em;
    /*background-image: url(img/podlogka.png);
    background-position: left bottom;
    background-repeat: repeat-x;*/
    }
    
    #lang {
    position: relative;
    text-align:right;
    left:600px;
    top:-14px;
    _top:-14px;
    width:200px;
    _width:195px;
    font-size:90%;
    font-weight: bold;
    z-index:30;
    color:#2B2B2B;
    }
    
    #copyright {
    position: absolute;
    top:700px;
    left:20%;
    color:#FFFFFF;
    line-height: 1.4em;
    padding:0px 0px 50px 0px;
    display:none;
    }
    
    #kartinka {
    position: absolute;
    top:400px;
    left:200%;
    }
    
    /*classes*/
    
    .current {
    margin:0px 0px 0px 0px;
    padding:0px 10px 0px 10px;
    border-right:2px solid #2B2B2B;
    color:#2B2B2B;
    }
    
    .current1 {
    margin:0px 0px 0px 0px;
    padding:0px 10px 0px 15px;
    //margin:0px 0px 0px 10px;
    border-right:2px solid #2B2B2B;
    background-image: url(img/arrow.gif);
    background-repeat: no-repeat;
    background-position: middle right;
    color:#2B2B2B;
    }
    
    .current2 {
    margin:0px 0px 0px 0px;
    padding:0px 10px 0px 7px;
    color:#2B2B2B;
    }
    
    .mcurrent2 {
    margin:0px 0px 0px 0px;
    padding:0px 10px 0px 7px;
    }
    
    .current3 {
    margin:0px 0px 0px 0px;
    padding:0px 10px 0px 7px;
    //margin:0px 0px 0px 5px;
    border-right:2px solid #2B2B2B;
    font-style: italic;
    color:#2B2B2B;    
    }
    
    .current4 {
    margin:0px 0px 0px 0px;
    padding:0px 10px 0px 7px;
    font-style: italic;
    color:#2B2B2B;    
    }
    
    .m {
    margin:0px 0px 0px 0px;
    padding:0px 10px 0px 7px;
    //padding:0px 10px;
    border-right:2px solid #2B2B2B;
    }
    
    .mc {
    margin:0px 0px 0px 0px;
    padding:0px 5px 0px 0px;    
    }
    
    .mactive {
    margin:0px 0px 0px 0px;
    padding:0px 10px 0px 15px;
    //margin:0px 0px 0px 10px;
    border-right:2px solid #2B2B2B;
    background-image: url(/img/arrow.gif);
    background-repeat: no-repeat;
    background-position: middle right;
    }
    
    .white {
    color:#FFFFFF;    
    }
    
    .e-name {
    width:230px;
    }
    
    .mlast {
    padding:0px 0px 0px 7px;
    }
    
    .e-text {
    width:230px;
    height:200px;
    }
    
    /*links*/
    
    a {
    color:#FFFFFF;
    }
    
    #lang a {
    color:#FFFFFF;
    }
    
    .mactive a {
    color:#2B2B2B;
    }
    
    .mfirst a {
    color:#2B2B2B;
    text-decoration:none;
    margin:0px 0px 0px 10px;
    padding:0px 10px 0px 0px;
    border-right:2px solid #2B2B2B;
    }
    
    .mlast active a {
    color:#2B2B2B;
    text-decoration:none;
    }
    
    @media all and (-webkit-min-device-pixel-ratio:10000),
    not all and (-webkit-min-device-pixel-ratio:0) {
    #lang {width:185px; top:-14px;}
    }
    
    body:last-child:not(:root:root) #lang {
    width:185px;
    }