bodi{font-size:100%;width:100%;height:100%}
aside A:link{color:#6b8e23 /* Цвет ссылок */}
aside A:visited{color:#006400 /* Цвет посещенных ссылок */}
aside A:active{color:#20b2aa; /* Цвет активных ссылок */}
a:link{color:#D2691E;}
a:visited{color:#800000}
a:active{color:#20b2aa}
a:hover{color:#BC8F8F}
.mainframe{max-width:70%;background:#DCDCDC	;font-family:"PT Sans", Arial;margin-top:5px;margin-bottom:10px;margin-left:15%}
header{width:100%;max-width:100%;height:auto}
.sod{border:solid 1px #aaa;max-width:30%;height:50px;float:right}
.workarea{padding-left:3%;padding-right:2%}
aside{padding-left:.1%;padding-right:1%;padding-bottom:10px;margin-bottom:10px;width:100%;float:right;}
aside a{padding:3px 12px;text-decoration:underline;font-size:1.1em;color:#008000;line-height:100%}
aside li{list-style-type:none;display:inline-block}
.workarea h1{text-align:center;padding-top:10px;color:#006400;font-size:1.5em}
.workarea h2{text-align:center;padding-top:10px;color:#006400;font-size:1.2em}
.workarea h3{text-align:left;padding-left:3%;padding-top:10px;color:#808000;font-size:1.1em}
.nadp{width:35%;max-width:35%;height:auto;margin-bottom:1%;margin-left:7%;margin-right:15%}
.sad{width:5%;max-width:5%;height:auto;margin-top:2%; }
.mal{width:5%;max-width:5%;height:auto;margin-top:1%;}
.kalendula{width:5%;max-width:5%;height:auto;margin-top:1%;}
ul{list-style-image: url(photo/spisok.jpg);}
.my-list {list-style:none;}
table {width: 94%; margin: auto; /* Выравниваем таблицу по центру окна  */ }
.en1{width:6%;height:auto;margin-left:3%;margin-top:2%}
.current{display:none}
.workarea p{text-align:left;margin-left:3%;margin-right:1%}
.hr{clear:both;border:none;/* Убираем границу для Firefox */color:#006400;/* Цвет для остальных браузеров */background-color: green;/* Цвет для браузера Firefox и Opera */height:2px}
footer{height:30px;margin-top:5px;padding-top:1%;padding-bottom:1%;text-align:center;background:#C0C0C0;clear:both;height:auto}
.verx{float:left;max-width:50%;margin-top:4%;margin:3%}
.niz{float:right;max-width:50%;margin:2%}
.verx1{float:left;max-width:35%;margin-top:4%;margin:3%}
.niz1{float:right;max-width:35%;margin:2%}
.glav{text-align: center;max-width:95%;margin-left:6%}
.xol2{clear:both}
.pr{margin:2%;width:35%;clear:both;float:left}
.pro{clear:both;}
.pro a{display: block; text-align: center}
.rrr{text-align:center;padding-top:10px;font-size:1.2em;color:#008000}
/* меню */
.nav{clear:both;height:auto;background:#D3D3D3}
.nav ul{padding:0}
.nav li{margin-top:15px;margin-left:6%;margin-bottom:15px;padding:0;list-style:none;display:inline-block}
.nav a{padding:3px 5px;font-size:1.1em;color:#008000;line-height:100%;}
.nav a:hover{color:#000}
.nav .current a{background:#999;color:#fff}
.nav .current{display:none}	
.nav.center ul{text-align:center}
 @media screen and (max-width: 50em){
 .verx{max-width:96%;margin-left:2%;}
 .niz{max-width:96%;margin-left:2%;}
 .verx1{max-width:96%;margin-left:2%;}
 .niz1{max-width:96%;margin-left:2%;}
.rrr{font-size:1.1em}
.workarea p{font-size:1.2em}
.workarea li{font-size:1.2em}
.tip p{font-size:1.1em}
.mainframe{max-width:98%;margin-left:1%}}
@media screen and (max-width: 40em){
.rrr{font-size:1em}
.workarea p{font-size:1.1em}
.workarea li{font-size:1.1em}
.rrr{display:none}
.tip p{font-size:1em}
.mainframe{max-width:98%;margin-left:1%}
.workarea{padding-left:1%;padding-right:1%}
.nav{position:relative;min-height:40px;z-index:4;margin-bottom:20px}	
.nav ul{width:180px;padding:5px 0;position:absolute;top:0;left:0;border:solid 1px #aaa;background:#FAFAFA}
.nav li{display:none; /* скрыть все <li> пункты */margin:0}
.nav .current a{background:#999;color:#fff}
.nav .current{display:block; /* показывать только текущие активные <li> пункты */}
.nav a{display:block;padding:5px 5px 5px 32px;text-align:left}
.nav .current a{background:none;color:#666}
 /* при наведении на пункты меню */
.nav ul:hover{background-image:none}
.nav ul:hover li{display: block;margin:0 0 5px}
.nav ul:hover .current{background:#FAFAFA}
/* адаптивное меню справа */
.nav.right ul{left:auto;right:0}
 /* адаптивное меню по центру */
.nav.center ul{left:50%;margin-left:-90px}
.mainframe{max-width:90%;margin-left:5%;}
.rrr{display:none}
aside{position:relative;min-height:40px;z-index:3}	
aside ul{width:180px;padding:5px 0;position:absolute;top:0;left:2px;border:solid 1px #aaa;background:#FAFAFA}
aside li{display:none; /* скрыть все <li> пункты */margin:0}
aside .current a{background:#999;color:#fff;}
aside .current{display:block; /* показывать только текущие активные <li> пункты */}
aside a{display:block;padding:5px 5px 5px 32px;text-align:left;font-size:1.1em}
aside .current a{background:none;color:#666}
/* при наведении на пункты меню */
aside ul:hover{background-image:none}
aside ul:hover li{display:block;margin:0 0 5px}
aside ul:hover .current{background:#FAFAFA}
 /* адаптивное меню справа */
aside.right ul{left:auto;right:0}
/* адаптивное меню по центру */
aside.center ul{left:50%;margin-left:-90px;}}
.kalendar{
width:95%;
margin:0 auto;
}
@media screen and (max-width: 30em){
.rrr{font-size:1em}
.workarea p{font-size:1em}
.workarea li{font-size:1em}
.tip p{font-size:1em}
.mainframe{max-width:98%;margin-left:1%}
.workarea{padding-left:1%;padding-right:1%}}
@media screen and (max-width: 20em){ 
.nav ul{width:100%;padding:5px 0;position:absolute;top:0;eft:0;border:solid 1px #aaa;background:#FAFAFA}
.nav a{display:block;padding:5px 5px 5px 10px;text-align:left;font-size:1em}
aside ul{width:100%;padding:5px 0;position:absolute;top:0;left:0;border:solid 1px #aaa;background:#FAFAFA}
aside a{display:block;padding:5px 5px 5px 10px;text-align:left;font-size:1em}