body {margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; }


.reset, .reset li { list-style: none; padding: 0; margin: 0; }
.block_navi { width:318px; overflow:hidden; color:#fff; margin:0 0 10px 1px;}
.block_navi_h {height:48px; background:url('block_navi.png') no-repeat;}
.block_navi_h div {padding:17px 0 0 14px; font-weight:bold; text-transform:uppercase; text-shadow: 0 0 1px #111111; color:#c9cfd3;}
.block_navi_c {padding:0 5px; background:url('block_navi.png') repeat-y -318px 0;}
#side_left {overflow:hidden; float:left; width:327px;  margin: 0 0 0 0px;}


.block_navi_b {height:12px; background:url('block_navi.png') no-repeat -636px -36px;}

.navi ul {width:100%;}
.navi li{list-style-type:none; padding-top:5px; } 
.navi a {padding-left:10px; display:block; height:26px; background:url('navilinks.png') no-repeat; line-height:26px; color:#202020;} 
.navi2 a {padding-left:10px; display:block; height:26px; background:url('navilinks2.png') no-repeat; line-height:26px; color:#202020;} 

.navi a:hover {background-position:0 -104px; text-decoration:none;}
.navi ul li a.closed { background-position:0 -26px;} 
.navi ul li a.closed:hover { background-position:0 -52px;}
.navi ul li a.opened {background-position:0 -78px;}
.navi .submenu {width:300px; background:url('navisub.png') repeat-y 0 100%; margin-left:4px;} 
.sbmbtm{background:url('navisub.png') no-repeat -200px 100%;}
.navi .submenu ul {padding:2px 0 8px 3px;}
.navi .submenu li {list-style-type:none; padding-top:5px;}
.navi .submenu a {padding-left:10px; display:block; height:25px; background: url('navisub_link.png') no-repeat; line-height:25px; color:#fff;}
.navi .submenu a:hover {color:#202020; background-position:0 -25px;}
.otst {margin: 10;}

details > summary {
        padding: 5px;
        background-color: #eee;
        color: #333;
        border: 2px #ccc solid;
        cursor: pointer;
        list-style: none;
       
    }
 
    details > div {
        border: 2px #ccc solid;
        padding: 10px;
    }
 
details[open] > summary {
    color:#eee; 
   background-color:#377;
}
summary:before {
   content: "+";
   font-size: 20px;
   font-weight: bold;
  margin: -5px 5px 0 0;
  text-align:left;
}
 
details[open] summary:before {
   content: "-";
}