@charset "utf-8";html{height:100%;}

body{font:100%/1.4 Verdana, Arial, Helvetica, sans-serif;height:auto;background:#808080;background-color:hsl(0, 0%, 80%);background-attachment:fixed;
background-image:
-moz-repeating-linear-gradient(transparent, transparent 50px, rgba(0,0,0,.4) 50px, rgba(0,0,0,.4) 53px, transparent 53px, transparent 63px, rgba(0,0,0,.4) 63px, rgba(0,0,0,.4) 66px, transparent 66px, transparent 116px, rgba(0,0,0,.5) 116px, rgba(0,0,0,.5) 166px, rgba(255,255,255,.2) 166px, rgba(255,255,255,.2) 169px, rgba(0,0,0,.5) 169px, rgba(0,0,0,.5) 179px, rgba(255,255,255,.2) 179px, rgba(255,255,255,.2) 182px, rgba(0,0,0,.5) 182px, rgba(0,0,0,.5) 232px, transparent 232px),
-moz-repeating-linear-gradient(180deg, transparent, transparent 50px, rgba(0,0,0,.4) 50px, rgba(0,0,0,.4) 53px, transparent 53px, transparent 63px, rgba(0,0,0,.4) 63px, rgba(0,0,0,.4) 66px, transparent 66px, transparent 116px, rgba(0,0,0,.5) 116px, rgba(0,0,0,.5) 166px, rgba(255,255,255,.2) 166px, rgba(255,255,255,.2) 169px, rgba(0,0,0,.5) 169px, rgba(0,0,0,.5) 179px, rgba(255,255,255,.2) 179px, rgba(255,255,255,.2) 182px, rgba(0,0,0,.5) 182px, rgba(0,0,0,.5) 232px, transparent 232px),
-moz-repeating-linear-gradient(-35deg, transparent, transparent 2px, rgba(0,0,0,.2) 2px, rgba(0,0,0,.2) 3px, transparent 3px, transparent 5px, rgba(0,0,0,.2) 5px);
background-image:
-o-repeating-linear-gradient(transparent, transparent 50px, rgba(0,0,0,.4) 50px, rgba(0,0,0,.4) 53px, transparent 53px, transparent 63px, rgba(0,0,0,.4) 63px, rgba(0,0,0,.4) 66px, transparent 66px, transparent 116px, rgba(0,0,0,.5) 116px, rgba(0,0,0,.5) 166px, rgba(255,255,255,.2) 166px, rgba(255,255,255,.2) 169px, rgba(0,0,0,.5) 169px, rgba(0,0,0,.5) 179px, rgba(255,255,255,.2) 179px, rgba(255,255,255,.2) 182px, rgba(0,0,0,.5) 182px, rgba(0,0,0,.5) 232px, transparent 232px),
-o-repeating-linear-gradient(180deg, transparent, transparent 50px, rgba(0,0,0,.4) 50px, rgba(0,0,0,.4) 53px, transparent 53px, transparent 63px, rgba(0,0,0,.4) 63px, rgba(0,0,0,.4) 66px, transparent 66px, transparent 116px, rgba(0,0,0,.5) 116px, rgba(0,0,0,.5) 166px, rgba(255,255,255,.2) 166px, rgba(255,255,255,.2) 169px, rgba(0,0,0,.5) 169px, rgba(0,0,0,.5) 179px, rgba(255,255,255,.2) 179px, rgba(255,255,255,.2) 182px, rgba(0,0,0,.5) 182px, rgba(0,0,0,.5) 232px, transparent 232px),
-o-repeating-linear-gradient(-35deg, transparent, transparent 2px, rgba(0,0,0,.2) 2px, rgba(0,0,0,.2) 3px, transparent 3px, transparent 5px, rgba(0,0,0,.2) 5px);background:url(../images/fon-shotl.jpg) repeat fixed;}

ul, ol, dl{padding:0;margin:0 auto;}
h1, h2, h3, h4, h5, h6{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:20px;line-height:27px;margin-top:27px;padding-right:20px;padding-left:20px;margin-bottom:27px;text-align:center;}
p{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:16px;line-height:27px;margin-top:0px;padding-right:20px;padding-left:20px;margin-bottom:5px;}

.container
{
width: 100%; 
max-width:800px;
 margin:0 auto;  
 position:relative;
 top:0px; 
 height:100%;
 }
 
header{  height:100%; border:1px solid #000000; border-radius:20px;box-shadow:0 0 15px #000000;  }
header img{  border-radius:20px; }
header span {
    position: absolute;
	display: block;
    top: 10px;
    left: 18px;
    z-index: 2;
    color: #FFF;
    font-size: 20px;
	text-align: center; 
  font-size: 20px;
  line-height: normal;
}

.content{height:100%; position:relative; border:1px solid #000000;border-radius:20px; z-index:30;padding:4px 0;float:left;background-color:#cccccc;box-shadow:0 0 15px #000000;}
.content img{
display: flex;
 justify-content: space-between;
 width: 100%;
 height:auto; 
min-width:260px;
 display: block;
 border:1px solid #000000;
 border-radius:20px;
display: inline-block;	
}
.navcontent  { height:100%; border:1px solid #000000;border-radius:20px; z-index:30; padding:4px 0;float:left; background-color:#cccccc;box-shadow:0 0 15px #000000;}
.navcontent span {text-align:center; margin:15px ;   /*  */}
.navcontent  li {padding:4px 0;float:left; list-style-type: none; /* Убираем маркеры */ }

footer { position:relative; border:1px solid #000000;border-radius:20px;box-shadow:0 0 15px #000000;padding:6px 6px;background-color:#cccccc;clear:both;}
footer p{ margin:5px 5px; text-align:center; font-size:10px;line-height:15px;}

.navimg  {
	display: flex;
    justify-content: space-between;
    text-align: justify;
    text-align: center; 
float: left;
width: 100%; 
min-width:180px;
max-width:357px;  
height:auto; 
position: relative;
display: block;
left:1%;
right:1%;
margin-inline-start:5px;
margin-inline-end: 5px;

}
 
.navimg img {
display: flex;
 justify-content: space-between;
 width: 100%;
 height:auto; 
min-width:220px;

 display: block;
 border:1px solid #000000;
 border-radius:20px;
display: inline-block;
filter: brightness(70%);
} 

.navimg span {
  position: absolute;
  display: block;
  margin-top: 20%;
  text-align: center; 
  font-size: 30px;
  color: #FFF;
  line-height: normal;
  top: 0px;

}


 
nav{
display:inline-block; 
width:100%;
position: sticky; 
top: 5px;
z-index:40;border:1px solid #000000;
border-radius:20px;
box-shadow:0 0 15px #000000;
background-color:#bbbbbb;}







nav3{width:auto;float:left; }
nav3 ul{display:table;float:right;margin:0;padding:0;}
nav3 ul li{float:left;list-style-type:none;  }
nav3 ul li:last-child{padding-right:0; }
nav3 ul li a{color:#fff;font-size:19px;padding:8px 10px;display:inline-block;text-decoration:none}
nav3 ul li a:hover{background-color:#fff;color:#002e5b; border-radius:20px; }
.toggle-menu ul{display:table;width:30px;margin-left:0;padding-left:0;margin:8px}
.toggle-menu ul li{width:100%;height:6px;background-color:#e9f0f7;margin-bottom:4px;list-style:none}
.toggle-menu ul li:last-child{margin-bottom:0}
input[type=checkbox],label{display:none}

@media only screen and (max-width: 768px) {
}
	
@media only screen and (max-width: 480px) {
header{display: none;}
input[type=checkbox]{position:absolute;top:-7777px;left:-7777px;background:none}
input[type=checkbox]:focus{background:none}
label{float:right;display:inline-block;cursor:pointer;margin-right:20px; }
input[type=checkbox]:checked ~ nav3{display:block; width: 100%;}
nav3{display:none;position:absolute;right:0;top:60px;background-color:#bbbbbb;padding:0;z-index:99; border-radius:20px; text-align: center; }
nav3 ul{width:auto;  }
nav3 ul li{float:none;padding:0;width:100%;display:table; }
nav3 ul li a{color:#FFF;font-size:15px;padding:15px 100px;display:block;border-bottom:1px solid rgba(225,225,225,0.1); }

.navimg  {
min-width:180px;
max-width:280px;  
margin-inline-start:4px;
margin-inline-end: 4px;
}
}

@media only screen and (max-width: 320px) {
.navimg  {
min-width:180px;
max-width:280px;  
margin-inline-start:4px;
margin-inline-end: 4px;
}
.navimg span {
  position: absolute;
  display: block;
  margin-top: 25%;
  text-align: center; 
  font-size: 25px;
  color: #FFF;
  line-height: normal;

}

}



table { margin: 10px auto; }
table, td, th { border: 1px solid black; border-collapse: collapse; text-align: left; }