Муниципальное учреждение культуры "Межпоселенческая библиотека КОльского района"

<style>
.horizontal-click [name="vkl"] { display: none; }
.horizontal-click > :not(input):not(label) {
 overflow: hidden;
 height: 0;
 margin: 0;
 padding: 0 .5em;
 border: 1px solid #808080;
 border-top-style: none;
 transition: .5s;
}
.horizontal-click > label {
 overflow: hidden;
 display: block;
 padding: .5em 1em;
 background: #606060;
 color: rgb(200,200,200);
 white-space: nowrap;
 text-overflow: ellipsis;
 cursor: pointer;
}
.horizontal-click > :checked + label + * {
 overflow: auto;
 height: 500%;
}
.horizontal-click > :checked + label {
 background: #454545;
 cursor: default;
}
</style>

<div class="horizontal-click">
 
<input type="radio" name="vkl" id="vkl0"/>
 <label for="vkl0">Меню</label>
 <div>Вкладка 0</div>



<input type="radio" name="vkl" id="vkl1" />
 <label for="vkl1">2013</label>
 <div>
<li><a href="2013/magazine1/index.html" target="main">№1 (4/01/2013)</a>
<li><a href="2013/magazine2/index.html" target="main">№2 (11/01/2013)</a>
<li><a href="2013/magazine3/index.html" target="main">№3 (18/01/2013)</a>
<li><a href="2013/magazine4/index.html" target="main">№4 (25/01/2013)</a>
<li><a href="2013/magazine5/index.html" target="main">№5 (01/02/2013)</a>
<li><a href="2013/magazine6/index.html" target="main">№6 (08/02/2013)</a>
<li><a href="2013/magazine7/index.html" target="main">№7 (15/02/2013)</a>
<li><a href="2013/magazine8s/index.html" target="main">Спецвыпуск <br>(19/02/2013)</a>
<li><a href="2013/magazine8/index.html" target="main">№8 (22/02/2013)</a>
<li><a href="2013/magazine9/index.html" target="main">№9 (01/03/2013)</a>
<li><a href="2013/magazine10/index.html" target="main">№10 (9/03/2013)</a>
<li><a href="2013/magazine11/index.html" target="main">№11 (15/03/2013)</a>
<li><a href="2013/magazine12/index.html" target="main">№12 (22/03/2013)</a>
<li><a href="2013/magazine13/index.html" target="main">№13 (29/03/2013)</a>
<li><a href="2013/magazine14/index.html" target="main">№14 (05/04/2013)</a>
<li><a href="2013/magazine15/index.html" target="main">№15 (12/04/2013)</a>
<li><a href="2013/magazine16/index.html" target="main">№16 (19/04/2013)</a>
<li><a href="2013/magazine17/index.html" target="main">№17 (26/04/2013)</a>
<li><a href="2013/magazine18/index.html" target="main">№18 (08/05/2013)</a>
<li><a href="2013/magazine19/index.html" target="main">№19 (16/05/2013)</a>
<li><a href="2013/magazine20/index.html" target="main">№20 (23/05/2013)</a>
<li><a href="2013/magazine21/index.html" target="main">№21 (30/05/2013)</a>
<li><a href="2013/magazine22/index.html" target="main">№22 (06/06/2013)</a>
<li><a href="2013/magazine23/index.html" target="main">№23 (13/06/2013)</a>
<li><a href="2013/magazine24/index.html" target="main">№24 (20/06/2013)</a>
<li><a href="2013/magazine25/index.html" target="main">№25 (27/06/2013)</a>
<li><a href="2013/magazine26/index.html" target="main">№26 (04/07/2013)</a>
<li><a href="2013/magazine27/index.html" target="main">№27 (11/07/2013)</a>
<li><a href="2013/magazine28/index.html" target="main">№28 (18/07/2013)</a>
<li><a href="2013/magazine29/index.html" target="main">№29 (25/07/2013)</a>
<li><a href="2013/magazine30/index.html" target="main">№30 (01/08/2013)</a>
<li><a href="2013/magazine31/index.html" target="main">№31 (08/08/2013)</a>
<li><a href="2013/magazine32/index.html" target="main">№32 (15/08/2013)</a>
<li><a href="2013/magazine33/index.html" target="main">№33 (22/08/2013)</a>
<li><a href="2013/magazine34/index.html" target="main">№34 (28/08/2013)</a>
<li><a href="2013/magazine35/index.html" target="main">№35 (05/09/2013)</a>
<li><a href="2013/magazine36/index.html" target="main">№36 (12/09/2013)</a>
<li><a href="2013/magazine37/index.html" target="main">№37 (19/09/2013)</a>
<li><a href="2013/magazine38/index.html" target="main">№38 (26/09/2013)</a>
<li><a href="2013/magazine39/index.html" target="main">№39 (03/10/2013)</a>
<li><a href="2013/magazine40/index.html" target="main">№40 (10/10/2013)</a>
<li><a href="2013/magazine41/index.html" target="main">№41 (17/10/2013)</a>
<li><a href="2013/magazine42/index.html" target="main">№42 (24/10/2013)</a>
<li><a href="2013/magazine43/index.html" target="main">№43 (31/10/2013)</a>
<li><a href="2013/magazine45/index.html" target="main">№45 (14/11/2013)</a>
<li><a href="2013/magazine46/index.html" target="main">№46 (21/11/2013)</a>
<li><a href="2013/magazine47/index.html" target="main">№47 (28/11/2013)</a>
<li><a href="2013/magazine48/index.html" target="main">№48 (05/12/2013)</a>
<li><a href="2013/magazine49s/index.html" target="main">Спецвыпуск <br>(10/12/2013)</a>
<li><a href="2013/magazine49/index.html" target="main">№49 (12/12/2013)</a>
<li><a href="2013/magazine50/index.html" target="main">№50 (19/12/2013)</a>
</div>
 

 <input type="radio" name="vkl" id="vkl2"/>
 <label for="vkl2">2014</label>
 <div>
<li><a href="2014/magazine24/index.html" target="main">№24 (29/05/2014)</a>
<li><a href="2014/magazine25/index.html" target="main">№25 (05/06/2014)</a>
<li><a href="2014/magazine26/index.html" target="main">№26 (10/06/2014)</a>
<li><a href="2014/magazine27/index.html" target="main">№27 (19/06/2014)</a>
<li><a href="2014/magazine28/index.html" target="main">№28 (26/06/2014)</a>
<li><a href="2014/magazine29/index.html" target="main">№29 (28/06/2014)</a>
<li><a href="2014/magazine30/index.html" target="main">№30 (03/07/2014)</a>
<li><a href="2014/magazine31/index.html" target="main">№31 (10/07/2014)</a>
<li><a href="2014/magazine32/index.html" target="main">№32 (10/07/2014)</a>
<li><a href="2014/magazine33/index.html" target="main">№33 (17/07/2014)</a>
<li><a href="2014/magazine34/index.html" target="main">№34 (17/07/2014)</a>
<li><a href="2014/magazine35/index.html" target="main">№35 (21/07/2014)</a>
<li><a href="2014/magazine36/index.html" target="main">№36 (24/07/2014)</a>
<li><a href="2014/magazine37/index.html" target="main">№37 (31/07/2014)</a>
<li><a href="2014/magazine38/index.html" target="main">№38 (07/08/2014)</a>
<li><a href="2014/magazine39/index.html" target="main">№39 (14/08/2014)</a>
<li><a href="2014/magazine40/index.html" target="main">№40 (21/08/2014)</a>
<li><a href="2014/magazine41/index.html" target="main">№41 (28/08/2014)</a>
<li><a href="2014/magazine42/index.html" target="main">№42 (04/09/2014)</a>
<li><a href="2014/magazine43/index.html" target="main">№43 (11/09/2014)</a>
<li><a href="2014/magazine44/index.html" target="main">№44 (18/09/2014)</a>
<li><a href="2014/magazine44s/index.html" target="main">Спецвыпуск <br>(18/09/2014)</a>
<li><a href="2014/magazine45/index.html" target="main">№45 (25/09/2014)</a>
<li><a href="2014/magazine46/index.html" target="main">№46 (02/10/2014)</a>
<li><a href="2014/magazine46s/index.html" target="main">Спецвыпуск <br>(02/10/2014)</a>
<li><a href="2014/magazine47/index.html" target="main">№47 (09/10/2014)</a>
<li><a href="2014/magazine48/index.html" target="main">№48 (16/10/2014)</a>
<li><a href="2014/magazine49/index.html" target="main">№49 (23/10/2014)</a>
<li><a href="2014/magazine50/index.html" target="main">№50 (30/10/2014)</a>
<li><a href="2014/magazine50s/index.html" target="main">Спецвыпуск <br>(30/10/2014)</a>
<li><a href="2014/magazine51/index.html" target="main">№51 (06/11/2014)</a>
<li><a href="2014/magazine51s/index.html" target="main">Спецвыпуск <br>(06/11/2014)</a>
<li><a href="2014/magazine52/index.html" target="main">№52 (13/11/2014)</a>
<li><a href="2014/magazine52s/index.html" target="main">Спецвыпуск <br>(13/11/2014)</a>
<li><a href="2014/magazine53/index.html" target="main">№53 (20/11/2014)</a>
<li><a href="2014/magazine54/index.html" target="main">№54 (27/11/2014)</a>
<li><a href="2014/magazine55/index.html" target="main">№55 (04/12/2014)</a>
<li><a href="2014/magazine55s/index.html" target="main">Спецвыпуск <br>(04/12/2014)</a>
<li><a href="2014/magazine56/index.html" target="main">№56 (11/12/2014)</a>
<li><a href="2014/magazine57/index.html" target="main">№57 (18/12/2014)</a>
<li><a href="2014/magazine57s/index.html" target="main">Спецвыпуск <br>(18/12/2014)</a>
<li><a href="2014/magazine58/index.html" target="main">№58 (25/12/2014)</a>
<li><a href="2014/magazine59/index.html" target="main">№59 (30/12/2014)</a>
</div>
 <input type="radio" name="vkl" id="vkl3"/>
 <label for="vkl3">2015</label>
 <div>Вкладка 3</div>
</div>