﻿<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='poisk'>"; поиск*/
#poisk {position:fixed; z-index:31000; background:none; color:#333; border: 0px solid #909090; border-top: 0px solid #909090; border-bottom: 0px solid #909090; height:5%; top: 6%; left:14%; display: block; font: 90%/1.0 normal Arial,Sans-serif; text-align: center; color:#fff; padding:0px 0px 0px 0px; width:25%; }

/*<div id='header81'>";//меню*/
#menus { position:fixed; z-index:31000; background:none; overflow:auto; left:40%; height:9%; top: 1%; text-align: right; border: 0px solid #909090; color:#fff; font-size: 10px; font:80%/1.1 Arial,Sans-serif;  padding: 0px 0px 0px 0px; width:58%;}
#leftus1 { position:fixed; z-index:3000; overflow:auto; background:#000; border: 0px solid #909090; text-align: left; left:10%; height:100%; margin-top:5%;  color:#fff; font-size: 11px; font:80%/1.5 normal Arial,Sans-serif;   padding:0px 0px 0px 0px; width:24%; visibility:visible; }
#leftus4 { position:fixed; z-index:3000; background:#000; border: 0px solid #909090; text-align: center; left:85%; 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:14%; visibility:visible;}
#left2 { float:left; background:#303033; border: 0px solid #909090; text-align: justify;  margin-left:35%; left:25%;  margin-top: 2%; border-right: 0px solid #999999; color:#fff; font-size: 11px; font:80%/1.2 normal Arial,Sans-serif; height:100%; top:; padding: 0px 20px 0px 20px; width:47%; }




/*#smallcart { position:fixed; z-index: 22999; overflow:auto; background:#fff; border: 8px solid #909090; text-align: left; left:10%; margin-top:0%;  color:#000; font-size: 11px; font:80%/1.2 normal Arial,Sans-serif; height:90%; padding:10px 10px 10px 10px; width:80%; visibility:hidden; }*/
/*#cart_content {position:absolute; width:80%; visibility:visible;}*/
/*#smallcart1 { position:fixed; z-index: 21999;  background:none ; overflow:hidden; border: 0px solid #909090; text-align: right; left:85%; margin-top:0%;  color:#000; font-size: 11px; font:80%/1.2 normal Arial,Sans-serif; height:10%; padding:0px 0px 0px 0px; width:5%; visibility:hidden; }*/
/*#smallcart2 { position:relative;  background:none; border: 1px solid #909090; text-align: left; left:45%; top:10%;  color:#000; font-size: 12px; font:120%/1.2 normal Arial,Sans-serif; height:60%; padding:10px 10px 10px 10px; width:40%; }*/
/*#cart_content { position:relative;  background:#fff; overflow:auto; border: 5px solid #909090; text-align: left; left:15%; top:10%;  color:#000; font-size: 12px; font:120%/1.2 normal Arial,Sans-serif; height:; padding:10px 10px 10px 10px; width:90%; visibility:hidden;}*/

  .thumb {
    height: 54px;
    border: 0.5px solid #000;
    margin: 1px 1px 0 0;
  }




    .hidel {
 // display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
 // line-height: 30px;
  cursor: pointer;
 }

.close {
    position: absolute;
    top: 5%;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}




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:#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; overflow:auto; left:40%; height:9%; top: 1%; text-align: right; border: 0px solid #909090; color:#fff; font-size: 10px; font:80%/1.1 Arial,Sans-serif;  padding: 0px 0px 0px 0px; width:58%; visibility:hidden;}
#leftus1 { position:relative; z-index:3000; overflow:auto; background:#000; border: 0px solid #909090; text-align: left; left:10%; height:100%; margin-top:8%;  color:#fff; font-size: 11px; font:80%/1.5 normal Arial,Sans-serif;   padding:0px 0px 0px 0px; width:85%; visibility:visible; }
#leftus4 { position:fixed; z-index:3000; background:#000; border: 0px solid #909090; text-align: center; left:90%; margin-top:5%;  color:#fff; font-size: 11px; font:290%/1.2 normal Arial,Sans-serif; height:8%; top:10%; padding:0px 0px 0px 0px; width:5%; visibility:visible;}
#left2 { float:left; background:#303033; border: 0px solid #909090; text-align: justify;  margin-left:3%; left:0%;  margin-top: 2%; border-right: 0px solid #999999; color:#fff; font-size: 11px; font:80%/1.2 normal Arial,Sans-serif; height:100%; top:; padding: 0px 20px 0px 20px; width:87%; }

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: none; color: #209034;}
a:hover, a:active {text-decoration: none; color: #6782b2;}


//-->


</style>