﻿<style type="text/css">

<!--


html body { background-color:#000; width:100%; height:100%; margin-left: auto; margin-right: auto; padding: 0; box-sizing: border-box;}

body { background-color:#000; width:100%; height:100%; margin-left: auto; margin-right: auto; padding: 0; box-sizing: border-box;}

/*html body { height:100%; }*/

   .leftimg {
    float:left; /* Выравнивание по левому краю */
    margin: 7px 7px 7px 0; /* Отступы вокруг картинки */
    border: 0px;
   }
   .rightimg  {
    float: right; /* Выравнивание по правому краю  */ 
    margin: 7px 0 7px 7px; /* Отступы вокруг картинки */
    border: 0px;
   } 


@media only screen and (min-width: 971px) {

/*print"<div id='russiatitle'>";*/
#russiatitle { position:fixed; z-index: 19999; background:#000; background-image: url("./imgstartfo");  background-repeat: no-repeat; background-size: 160px; width:98%; left:1%; height:11%; top: 0%; text-align: left; border-style: 0px solid; border-bottom: 4px solid yellow; color:yellow; font-size: 12px; font:100%/1.3 Arial,Sans-serif;  padding:0px 0px 0px 0px; }

/*<div id='header81'>";//меню*/
#menus { position:fixed; z-index:31000; background:none;  left:90%; height:7%; top: 2%; text-align: center; border: 1px solid #909090; color:#000; font-size: 10px; font:80%/1.9 Arial,Sans-serif;  padding:0px 0px 0px 0px; width:3%;}
#menus1 { position:fixed; z-index:29000; background:none;  left:90%; height:7%; top: 2%; text-align: center; border: 1px solid #909090; color:#000; font-size: 10px; font:80%/1.9 Arial,Sans-serif;  padding:0px 0px 0px 0px; width:3%;}


#leftus1 { position:fixed; z-index:3000; background:#000; border: 0px solid #909090; text-align: center; left:1%; height:100%; margin-top:5%;  color:#fff; font-size: 11px; font:80%/1.2 normal Arial,Sans-serif;   padding:0px 0px 0px 0px; width:24%; visibility:visible; }
#leftus2 { position:fixed; z-index:3000; background:#000; border: 0px solid #909090; text-align: center; left:25%; margin-top:5%;  color:#fff; font-size: 11px; font:80%/1.2 normal Arial,Sans-serif; height:100%; top:0%; padding:0px 0px 0px 0px; width:25%; visibility:visible;}
#leftus3 { position:fixed; z-index:3000; background:#000; border: 0px solid #909090; text-align: center; left:50%; margin-top:5%;  color:#fff; font-size: 11px; font:80%/1.2 normal Arial,Sans-serif; height:100%; top:0%; padding:0px 0px 0px 0px; width:25%; visibility:visible;}
#leftus4 { position:fixed; z-index:3000; background:#000; border: 0px solid #909090; text-align: center; left:75%; margin-top:5%;  color:#fff; font-size: 11px; font:80%/1.2 normal Arial,Sans-serif; height:100%; top:0%; padding:0px 0px 0px 0px; width:24%; visibility:visible;}



#left1 { float:left; background:#000; overflow:visible; border: 0px solid #909090; text-align: center; border-bottom: 1px solid #999999; margin-left:0.5%; border-right: 1px solid #999999; height:470px; margin-top:5%;  color:#fff; font-size: 11px; font:80%/1.2 normal Arial,Sans-serif;   padding:0px 0px 0px 0px; width:24%; }
#leftin1 { position:relative; background:none; overflow:hidden; border-bottom: 0px solid #999999; width:70%; height:10%;  top:50px; left:10px; display: block;font: 0.90em/1.9em Sans-serif; color:#fff;text-align: left; padding:5px 5px 5px 55px; visibility:visible; }

#left2 { float:left; background:#000; border: 0px solid #909090; text-align: center; left:25%; margin-top:5%; border-bottom: 1px solid #999999; border-right: 1px solid #999999; color:#fff; font-size: 11px; font:80%/1.2 normal Arial,Sans-serif; height:470px;  padding:0px 0px 0px 0px; width:25%; }
#leftin2 { position:relative; background:none; overflow:hidden; border-bottom: 0px solid #999999; width:90%; height:10%;  top:45px; left:10px; display: block;font: 0.90em/1.9em Sans-serif; color:#fff;text-align: left; padding:5px 5px 5px 55px; visibility:visible; }


#left3 { float:left; background:#000; border: 0px solid #909090; text-align: center; left:50%; margin-top:5%; border-bottom: 1px solid #999999; border-right: 1px solid #999999; color:#fff; font-size: 11px; font:80%/1.2 normal Arial,Sans-serif; height:470px; top:; padding:0px 0px 0px 0px; width:25%; }
#leftin3 { position:relative; background:none; overflow:hidden; border-bottom: 0px solid #999999; width:70%; height:10%;  top:50px; left:10px; display: block;font: 0.90em/1.1em Sans-serif; color:#fff;text-align: left; padding:5px 5px 5px 55px; visibility:visible; }

#left4 { float:left; background:#000; border: 0px solid #909090; border-bottom: 1px solid #999999; text-align: center; left:75%; margin-top:5%;  color:#fff; font-size: 11px; font:80%/1.2 normal Arial,Sans-serif; height:470px; top:; padding:0px 0px 0px 0px; width:22%; }
#leftin4 { position:relative; background:none; overflow:hidden; border-bottom: 0px solid #999999; width:90%; height:100%;  top:10px; left:10px; display: block;font: 0.90em/1.9em Sans-serif; color:#fff;text-align: left; padding:5px 5px 5px 55px; visibility:visible; }

#bottomn { position:absolute; z-index:300; background:#000; border: 0px solid #909090; text-align: center; left:1%; margin-top:5%;  color:#fff; font-size: 11px; font:70%/0.9 normal Arial,Sans-serif; height:10%; top:78%; padding:0px 0px 0px 0px; width:98%; visibility:visible;}


/*<div id='poisk'>"; поиск*/
/*#poisk {position:absolute; background:#205070; color:#333; border: 0px solid #909090; border-top: 1px solid #909090; border-bottom: 1px solid #909090; height:25%; top: 288%; left:1%; display: block; font: 90%/1.0 normal Arial,Sans-serif; text-align: center; color:#fff; padding:10px 0px 10px 0px; width:38%; }*/






h1 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font:100% normal Arial,Sans-serif;
    font-size:  18px;

}

h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font:100% normal Arial,Sans-serif;
    font-size:  14px;

}

h7 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font:100% normal Arial,Sans-serif;
    font-size:  36px;

}

h8 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font:100% normal Arial,Sans-serif;
    font-size:  24px;

}



}


@media only screen and (max-width: 970px) {

/*print"<div id='russiatitle'>";*/
#russiatitle { position:fixed; z-index: 19999; background:#3a4a7e; background-image: url("");  background-repeat: no-repeat; background-size: 60px; width:98%; left:1%; height:14%; top: 0%; text-align: left; border-style: 0px solid; border-bottom: 4px solid yellow; color:yellow; font-size: 12px; font:100%/1.3 Arial,Sans-serif;  padding:0px 0px 0px 0px; }
/*##menus { position:fixed; z-index:31100; background:none;  left:90%; height:9%; top: 2%; text-align: center; border: 1px solid #909090; color:#000; font-size: 10px; font:80%/1.9 Arial,Sans-serif;  padding:0px 0px 0px 0px; width:8%;}*/

#left1 { float:left; background:#000; border: 0px solid #909090; text-align: center; left:1%; height:500px; margin-top:5%;  color:#fff; font-size: 11px; font:200%/1.2 normal Arial,Sans-serif;   padding:0px 0px 0px 0px; width:24%; visibility:hidden; }
#leftin1 { position:relative; background:none; overflow:hidden; border-bottom: 1px solid #999999; width:90%; height:50%;  top:100px; left:10px; display: block;font: 0.90em/1.1em Sans-serif; color:#fff;text-align: center; padding:5px 5px 5px 5px; visibility:visible; }


#left2 { float:left; background:#000; border: 0px solid #909090; text-align: center; left:25%; margin-top:80px;  color:#fff; font-size: 11px; font:80%/1.2 normal Arial,Sans-serif; height:500px; top:; padding:0px 0px 0px 0px; width:25%; visibility:hidden;}
#leftin2 { position:relative; background:none; overflow:hidden; border-bottom: 1px solid #999999; width:90%; height:50%;  top:100px; left:10px; display: block;font: 0.90em/1.1em Sans-serif; color:#fff;text-align: center; padding:5px 5px 5px 5px; visibility:visible; }

#left3 { float:left; background:#000; border: 0px solid #909090; text-align: center; left:50%; margin-top:80px;  color:#fff; font-size: 11px; font:80%/1.2 normal Arial,Sans-serif; height:500px; top:; padding:0px 0px 0px 0px; width:25%; visibility:hidden;}
#leftin3 { position:relative; background:none; overflow:hidden; border-bottom: 1px solid #999999; width:90%; height:50%;  top:100px; left:10px; display: block;font: 0.90em/1.1em Sans-serif; color:#fff;text-align: center; padding:5px 5px 5px 5px; visibility:visible; }

#left4 { float:left; background:#000; border: 0px solid #909090; text-align: center; left:75%; margin-top:80px;  color:#fff; font-size: 11px; font:80%/1.2 normal Arial,Sans-serif; height:500px; top:; padding:0px 0px 0px 0px; width:25%; visibility:hidden;}
#leftin4 { position:relative; background:none; overflow:hidden; border-bottom: 1px solid #999999; width:90%; height:50%;  top:100px; left:10px; display: block;font: 0.90em/1.1em Sans-serif; color:#fff;text-align: center; padding:5px 5px 5px 5px; visibility:visible; }










/*<div id='poisk'>"; поиск*/
/*#poisk {position:absolute; background:#205070; color:#333; border: 0px solid #909090; border-top: 1px solid #909090; border-bottom: 1px solid #909090; height:25%; top: 288%; left:1%; display: block; font: 90%/1.0 normal Arial,Sans-serif; text-align: center; color:#fff; padding:10px 0px 10px 0px; width:38%; }*/









h1 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font:100% normal Arial,Sans-serif;
    font-size:  18px;

}

h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font:100% normal Arial,Sans-serif;
    font-size:  14px;

}




}



a, a:visited {text-decoration: underline; color: #209034;}
a:hover, a:active {text-decoration: none; color: #6782b2;}


//-->


</style>