<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body{
 background-color: #f1f1f1;
 font-size: 14px;
 color: black;
 font-family: Meiryo, Arial;
 margin: 0px;
 padding: 0px;
 min-width: 1100px;
}

a:link, a:active, a:visited{
 color: #045;
}

a:hover {
color: darkblue; 
text-decoration: none;
}

a img {
 border: none;
}

form, p {
margin: 0px;
}

input, textarea, select{
 margin: 0px;
 padding: 3px 0px;
 background-color: #f8f8f8; 
 border: 1px solid #d3d3d3;
 color: black;
 border-radius: 5px 5px 0px 0px;
 -webkit-border-radius: 5px 5px 0px 0px;
 -moz-border-radius: 5px 5px 0px 0px;
}
 
 
nav ul, nav ol { 
 list-style: none outside none;
 margin: 0px;
 padding: 0px;
}
 
table {border-collapse: collapse}
 
 
 
   /* ---- списки  ---- */
   
.items, .search {
 list-style: none;
 padding: 0;
 margin-top: 10px;
 margin-bottom: 0;
}

.items li {
 display: block;
 position: relative;
 box-sizing: border-box;
}

.items li a {text-decoration:none}

.items li &gt; a {
 display: block;
 overflow: hidden;
 background: white;
} 

.items li img {
 vertical-align: middle;
 max-height: 100%;
 max-width: 100%;
}

/*  tiles  */


.tiles {
 text-align: center;
 margin-left: -10px;
 margin-right: -10px;
} 

.tiles li {
 width: 49%;
 padding: 5px;
 display: inline-block;
 vertical-align: top;
 margin-bottom: 10px;
}


.tiles h2, .tiles h3 {margin: 10px 0 0}
 
.tiles li &gt; a {
 margin: auto;
 height: 240px;
 width: 240px;
 line-height: 215px;
 text-align: center;
 text-decoration:none;
 border: solid white 10px;
 /* border-top-width: 5px; */
 /* color: black; */
 position: relative;
 box-shadow: 1px 1px 4px grey;
}


.tiles img {
 transition: all 0.4s ease-out;
}
.tiles li:hover img {
 transform: scale(1.075);
} 


 
 
 
 
.knt {
 margin: 0px;
 padding: 3px 10px;
 color: white;
 background-color: black;
 border: 1px solid #cfcfcf;
 cursor: pointer;
}
.knt1{
 margin: 0px;
 padding: 3px 10px;
 color: white;
 background-color: #b22222;
 border: 1px solid #d72a2a;
 cursor: pointer;
}
.knt2{
 margin: 0px;
 padding: 3px;
 font-size: 10px;
 color: white;
  background-color: black;
 border: 1px solid #cfcfcf;
 cursor: pointer;
}

/* верх */
#d1{
 margin: 0px;
 padding: 20px 0px 0px 0px;
 width: 100%;
 background-color: #f4f4f4;
 /* border-bottom: 1px solid #d5d5d5; */
 overflow: hidden;
}
#d1s{
 margin: 0px auto;
 padding: 0px;
 width: 1000px;
 height: 45px;
 overflow: hidden;
}

#d1sl{
 float: left;
 margin: 0px;
 padding: 0px;
 width: 275px;
 height: 45px;
 background: url('/tpl/main/img/d1.png') left no-repeat #505050;
 overflow: hidden;
}

#d1sl div{
 float: left;
 margin: 0px;
 padding: 10px 0px 0px 40px;
 color: white;
 font-family: Verdana;
 font-size: 20px;
}
#d1sl span{
 margin: 0px;
 padding: 0px;
 font-size: 16px;
}

#d1sl button{
 float: right;
 margin: 8px 10px 0px 0px;
 padding: 0px;
 width: 28px;
 height: 28px;
 border: 0px;
 background: url('/tpl/main/img/home.png') center no-repeat;
 cursor: pointer;
 
}
#d1sl button:hover{
 background: url('/tpl/main/img/home_h.png') center no-repeat;
}

#d1sp{
 float: right;
 margin: 0px;
 padding: 0px;
 overflow: hidden;
}

/* menu top */
ul#menu{
 margin: 0px;
 padding: 0px;
 display: inline-block;
}
ul#menu li{
 float: left;
 list-style: none;
 margin: 0px;
 padding: 0px;
}
ul#menu li a{
 display: block;
 margin: 0px;
 padding: 0px;
 line-height: 44px;
 text-decoration: none;
 width: 145px;
 height: 45px;
 background: url('/tpl/main/img/menu.png') no-repeat;
 text-align: center;
 font-family: Century Gothic;
 font-size: 16px;
 color: black;
}
ul#menu li a:hover{
 background: url('/tpl/main/img/menu_h.png') no-repeat;
 color: #009abd;
}

ul#menu li ul{
 display: none;
 padding: 0px;
 text-align: center;
}
ul#menu li:hover ul{
 position: absolute;
 display: block;
 z-index: 1000;
}
ul#menu li:hover ul li{
 width: 200px;
 float: none;
 border-right: none;
}
ul#menu li:hover ul li a{
 width: 200px;
 margin: 0px;
 padding: 0px;
 background: url('/tpl/main/img/mn.png');
 font-family: Verdana;
 font-size: 12px;
 color: white;
 border-top: 1px solid #d5d5d5;
 height: 28px;
 line-height: 28px;
}
ul#menu li:hover ul li a:hover{
 background: url('/tpl/main/img/mn_h.png');
 color: black;
 border: 3px solid white;
}

#d2{
 margin: 0px;
 padding: 0px;
 width: 100%;
 background-color: #f6f6f6;
 overflow: hidden;
}
#d2s{
 margin: 0px auto;
 padding: 0px;
 width: 1080px;
 height: 250px;
 overflow: hidden;
}
#d2s1{
 float: left;
 margin: 0px;
 padding: 0px;
 width: 40px;
 height: 250px;
}
#d2s2{
 float: left;
 margin: 0px;
 padding: 0px;
 width: 275px;
 height: 250px;
}

#d2s2 img{
 display: block;
 margin: 0px;
 padding: 0px;
 border: 0px;
 width: 275px;
 height: 150px;
}

#d2s2 div{
 display: block;
 background-color: #50b0bc;
 margin: 0px;
 padding: 0px;
 height: 100px;
 text-align: center;
 font-size: 20px;
 color: white;
 font-family: Century Gothic;
}
#d2s2 p{
 display: block;
 margin: 0px;
 padding: 1px 0px;
}
#d2s3{
 float: left;
 margin: 0px;
 padding: 0px;
 width: 725px;
 height: 250px;
}
#d2s3 img{
 margin: 0px;
 padding: 0px;
 width: 725px;
 height: 250px;
 border: 0px;
}

#d2s4{
 float: left;
 margin: 0px;
 padding: 0px;
 width: 40px;
 height: 250px;
 text-align: center;
}
#d2s4 img{
 margin: 5px 0px 0px 10px;
 padding: 0px;
 display: block;
 width: 24px;
 height: 24px;
 border: 0px;
 filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
 -moz-opacity: 0.5;
 -khtml-opacity: 0.5;
 opacity: 0.5;
 filter: alpha(opacity=50);
}
#d2s4 a:hover img{
 filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity: 1;
 -khtml-opacity: 1;
 opacity: 1;
 filter: alpha(opacity=100);
}

#d3{
 margin: 0px;
 padding: 0px;
 width: 100%;
 background-color: #f6f6f6;
 height: 50px;
 overflow: hidden;
}
#d3s{
 margin: 0px auto;
 padding: 0px;
 width: 1000px;
 height: 50px;
 background: url('/tpl/main/img/d3.png') no-repeat;
 overflow: hidden;
}
#d3s1{
 margin: 0px;
 padding: 0px;
 height: 50px;
 overflow: hidden;
}

#d3s #kop{
 margin: 0px 0px 0px 110px;
 padding: 0px;
 width: 450px;
 height: 50px;
 border: 0px;
 background-color: #2c364b;
 font-size: 20px;
 color: white;
 font-family: Century Gothic;
 border-radius: 26px 26px 0px 0px;
 -webkit-border-radius: 26px 26px 0px 0px;
 -moz-border-radius: 26px 26px 0px 0px;
 cursor: pointer;
}

#dvzk{
 position: absolute;
 display: none;
 width: 440px;
 margin: 50px 0px 0px 0px;
 padding: 1px 5px 5px 5px;
 background-color: #2c364b;
}
#dvzk div{
 margin: 0px;
 padding: 5px;
 background-color: white;
}

#dvzk div dl{
 margin: 5px 0px 10px 0px;
 padding: 1px 0px;
 display: block;
 overflow: hidden;
}
#dvzk div dt{
 float: left;
 width: 115px;
 margin: 0px;
 padding-top: 3px;
 /* font-size: 16px; */
}

#dvzk #zktm{
 width: 280px;
 margin: 0px;
 padding: 1px 0px;
 background-color: #f9f9f9;
 font-size: 14px;
 font-family: inherit;
 color: black;
 border-radius: 0px 5px;
 -webkit-border-radius: 0px 5px;
 -moz-border-radius: 0px 5px;
 border: 1px solid #cdcdcd;
}

#dvzk #kzk{
 margin: 0px 0px 0px 3px;
 padding: 0px;
 background-color: white;
 font-size: 20px;
 color: red;
 border: 1px solid white;
 font-weight: bold;
 cursor: pointer;
}

#dvzk #zkname, #dvzk #zkmail, #dvzk #zktelf{
 width: 305px;
 margin: 0px;
 padding: 2px 0px;
 background-color: #f9f9f9;
 font-size: 14px;
 font-family: inherit;
 color: black;
 border-radius: 0px 5px;
 -webkit-border-radius: 0px 5px;
 -moz-border-radius: 0px 5px;
 border: 1px solid #cdcdcd;
}

#dvzk #zktxt{
 width: 305px;
 height: 160px;
 margin: 0px;
 padding: 2px 0px;
 background-color: #f9f9f9;
 font-size: 14px;
 font-family: inherit;
 color: black;
 border-radius: 0px 5px;
 -webkit-border-radius: 0px 5px;
 -moz-border-radius: 0px 5px;
 border: 1px solid #cdcdcd;
}

#dvzk #zksm{
 width: 30px;
 margin: 0px;
 padding: 2px 0px;
 background-color: white;
 font-size: 16px;
 color: red;
 border-radius: 0px 5px;
 -webkit-border-radius: 0px 5px;
 -moz-border-radius: 0px 5px;
 border: 1px solid white;
}

#dvzk p{
 padding: 0px 0px 5px 0px;
 color: black;
 text-align: center;
 /* font-size: 14px; */
}

#dvzk #zkok{
 margin: 0px 0px 0px 5px;
 padding: 0px;
 border: 0px;
 background: url('/tpl/main/img/zkgo.png');
 width: 100px;
 height: 100px;
 cursor: pointer;
}

/* index */
#ind{
 margin: 0px;
 padding: 0px;
 width: 100%;
 height: 290px;
 background: url('/tpl/main/img/d4.png') top repeat-x;
 overflow: hidden;
}
#inds{
 margin: 0px auto;
 padding: 0px;
 width: 1000px;
 height: 290px;
 background: url('/tpl/main/img/d4.png') top repeat-x white;
 overflow: hidden;
}

#ind1{
 float: left;
 margin: 0px 0px 0px 30px;
 padding: 0px;
 width: 300px;
 height: 285px;
 background: url('/tpl/main/img/box1.png');
}

#ind2{
 float: left;
 margin: 0px 0px 0px 20px;
 padding: 0px;
 width: 300px;
 height: 285px;
 background: url('/tpl/main/img/box2.png');
}

#ind3{
 float: left;
 margin: 0px 0px 0px 20px;
 padding: 0px;
 width: 300px;
 height: 285px;
 background: url('/tpl/main/img/box3.png');
}

#ind1 div, #ind2 div, #ind3 div{
 margin: 0px;
 padding: 42px 0px 0px 0px;
}

#ind1 h2, #ind2 h2, #ind3 h2{
 margin: 0px;
 padding: 0px 20px 15px 40px;
 display: block;
 text-align: right;
 font-size: 24px;
 color: #333333;
}

#ind1 ul, #ind2 ul, #ind3 ul{
 margin: 0px 15px 0px 40px;
 padding: 0px;
 display: block;
 height: 110px;
 list-style: none;
}

#ind1 li, #ind2 li, #ind3 li{
 margin: 0px;
 padding: 1px 0px;
 display: block;
}

#ind1 ul a, #ind1 ul a:visited, #ind1 ul a:active, 
#ind2 ul a, #ind2 ul a:visited, #ind2 ul a:active, 
#ind3 ul a, #ind3 ul a:visited, #ind3 ul a:active{
 margin: 0px;
 padding: 1px 0px 1px 8px;
 display: block;
 background: url('/tpl/main/img/kn.png') 0px 10px no-repeat;
 color: #444;
 text-decoration: none;
}
#ind1 ul a:hover, #ind2 ul a:hover, #ind3 ul a:hover{
 color: black;
 background: url('/tpl/main/img/kn_h.png') 0px 10px no-repeat;
 text-decoration: underline;
}
/*
#ind1 p, #ind2 p, #ind3 p{
 margin: 0px;
 padding: 15px 0px 0px 105px;
 display: block;
}

#ind1 p a, #ind1 p a:visited, #ind1 p a:active, 
#ind2 p a, #ind2 p a:visited, #ind2 p a:active, 
#ind3 p a, #ind3 p a:visited, #ind3 p a:active{
 margin: 0px;
 padding: 5px 20px;
 color: white;
 text-decoration: none;
}
#ind1 p a:hover, #ind2 p a:hover, #ind3 p a:hover{
 color: black;
}
*/

#d4{
 margin: 0px;
 padding: 0px;
 width: 100%;
 height: 36px;
 background: url('/tpl/main/img/d5.png');
 overflow: hidden;
}
#d4s{
 margin: 0px auto;
 padding: 0px;
 width: 990px;
 height: 36px;
 overflow: hidden;
}

#d4l{
 float: left;
 margin: 0px;
 padding: 8px 0px 0px 0px;
 font-family: Verdana;
 font-size: 14px;
 color: black;
}
#d4l a, #d4l a:visited, #d4l a:active{
 padding: 0px;
 color: black;
 margin: 1px 0px 1px 0px;
}
#d4l a:hover{
 color: white;
}

#d4p{
 float: right;
 margin: 0px;
 padding: 6px 0px 1px 15px;
 background: url('/tpl/main/img/s1.png') 0px 6px no-repeat;
 height: 25px;
 overflow: hidden;
}
#d4p #s{
 float: left;
 margin: 0px;
 padding: 1px 0px 0px 3px;
 width: 160px;
 height: 25px;
 background: url('/tpl/main/img/s2.png') repeat-x;
 border: 0px;
 border-radius: 0px;
 -webkit-border-radius: 0px;
 -moz-border-radius: 0px;
}

#d4p #shk{
 margin: 0px;
 padding: 0px;
 width: 25px;
 height: 25px;
 background: url('/tpl/main/img/s3.png') no-repeat;
 border: 0px;
 border-radius: 0px;
 -webkit-border-radius: 0px;
 -moz-border-radius: 0px;
 cursor: pointer;
}

#d5{
 margin: 0px auto;
 padding: 10px 0px;
 width: 1000px;
 background-color: white;
 border-top: 8px solid #e6e6e6;
 overflow: hidden;
}
#d5l{
 float: left;
 margin: 0px;
 padding: 0px 10px;
}
#d5l div{
 margin: 0px;
 padding: 6px 0px 6px 35px;
 background: url('/tpl/main/img/d2.png') 0px 2px no-repeat;
 color: #999;
}
#d5l a, #d5l a:visited, #d5l a:active{
 margin: 0px;
 padding: 3px 5px;
 color: black;
}
#d5l a:hover{
 text-decoration: none;
 color: #b22222;
}
#d5l p{
 margin: 0px;
 padding: 2px 0px 0px 40px;
 color: #999;
 font-size: 10px;
}

#d5p{
 float: right;
 margin: 0px;
 padding: 8px 22px 0px 0px;
 color: grey;
 font-size: 24px;
 font-family: Century Gothic;
}

/* счетчики */
#d6{
 margin: 0px auto;
 padding: 10px 0px;
 width: 800px;
 text-align: center;
 overflow: hidden;
}

#d6 img{
 margin: 0px 3px;
 border: none;
 border-radius: 3px;
 filter: progid: DXImageTransform.Microsoft.Alpha(opacity=40);
 -moz-opacity: 0.4;
 -khtml-opacity: 0.4;
 opacity: 0.4;
 filter: alpha(opacity=40);
}

#d6 img:hover{
 filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity: 1;
 -khtml-opacity: 1;
 opacity: 1;
 filter: alpha(opacity=100);
}

/* таблица центр */
#tds{
 margin: 0px auto;
 padding: 0px;
 width: 1000px;
 border: 0px;
 border-collapse: collapse;
 background-color: white;
}

#tdsl{
 width: 265px;
 padding: 10px 5px;
 margin: 0px;
 vertical-align: top;
 background: url('/tpl/main/img/mb.png') repeat-y;
}

#tdsl img{
 margin-left: -5px;
 border: none;
}

#tdss{
 padding: 10px 5px;
 margin: 0px;
 vertical-align: top;
}

#tdsp{
 width: 345px;
 padding: 10px 5px;
 margin: 0px;
 vertical-align: top; 
}

/* див меню бок */
#menuside{
 margin: 0px;
 padding: 0px 5px 20px 12px;
 overflow: hidden;
}
#menuside h2{
 margin: 0px;
 padding: 8px 0px 5px 0px;
 font-size: 20px;
 color: #2f688f;
 font-weight: bold;
}
#menuside a{
 display: block;
 margin: 0px;
 padding: 5px 0px 5px 12px;
 background: url('/tpl/main/img/m1.gif') left center no-repeat;
 text-decoration: none;
 color: #34709b;
  border-bottom: 1px solid #d6e7ea;
}
#menuside a.nm{
 display: block;
 margin: 0px 0px 0px 10px;
 padding: 5px 0px 5px 12px;
 background: url('/tpl/main/img/m2.gif') left center no-repeat;
 color: black;
}
#menuside a.nme{
 display: block;
 margin: 0px 0px 0px 10px;
 padding: 5px 0px 5px 12px;
 background: url('/tpl/main/img/m2.gif') left center no-repeat;
 color: #951e1e;
}
#menuside a:hover{
 color: white;
 background-color: #50b0bc;
  border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
}

/* тм меню */
#menutm{
 margin: 0px 0px 5px 0px;
 font-size: 85%; 
}
#menutm a, #menutm a:visited, #menutm a:active{
 padding: 5px 0px 5px 5px;
 background-color: #e8eff6;
 color: #4279b0;
 display: block;
 margin: 1px 0px 1px 0px;
 border-left: 10px solid #008b8b; 
}
#menutm a:hover{
 background-color: #008b8b;
 text-decoration: none;
 color: white;
 border-left: 10px solid red;
}

/* див блоки */
.bln{
 margin: 0px;
 padding: 10px 15px 10px;
 /* background: url('/tpl/main/img/bn.png') 0px 14px no-repeat; */
 font-size: 18px;
 color: #2F688F;
 font-weight: bold;
}
.blt{
 padding: 0px 5px 20px 5px;
 overflow: hidden;
}
.blt small{
 font-size: 14px;
}
.blt dd{
 margin: 0px;
 padding: 3px 0px 3px 0px;
 text-align: center;
}

#blp{
 margin: 0px;
 padding: 5px 0px 5px 90px;
 background: url('/tpl/main/img/bz.png') 0px center no-repeat;
}
#blp a, #blp a:visited, #blp a:active{
 margin: 1px 0px;
 padding: 2px 0px 2px 10px;
 color: #333333;
 display: block;
 background: url('/tpl/main/img/bs.png') 0px 12px no-repeat;
}
#blp a:hover{
 color: #931d1d;
}

#ttl, #ttld{
 margin: 0px;
 padding: 10px 0px 10px 0px;
}
#ttl h1, #ttld h1{
 margin: 0px;
 padding: 0px;
 font-family: "Century Gothic";
 font-size: 22px;
 color: black;
 font-weight: bold;
}
#ttl h2, #ttld h2{
 margin: 0px;
 padding: 0px;
 font-size: 18px;
 color: black;
 font-weight: bold;
}

/* зона текста */


article strong, article b  {color: #37525a}


#txt{
 margin: 0px;
 padding: 0px 10px 0px 5px;
 min-height: 500px;
}

#txt h2, h3{
 font-family: "Century Gothic";
 margin-bottom: 8px;
}

#txt h2{
 font-size: 14pt;
}

#txt &gt; h3{
 color: #577;
 border-bottom: 1px solid #aaa;
}

article p{
 margin-bottom: 12px;
 text-align: justify;
}

#txt &gt; ul li{
 margin-bottom: 4px;
 /* text-align: justify; */
}

#txt &gt; p img, #txt &gt; li img, figure img{
 border-radius: 8px;
 margin: 0 10px;
 transition: all 0.4s ease-out 0s;
}

figure {
 padding: 10px;
 text-align: center;
}

figure img {
 max-width: 100%;
}


#txt p img:hover, figure img:hover {
 box-shadow: 0 0 10px rgba(0,0,0,0.5);
}



#txt p.imgc{
 text-align: center;
}


#txt strong {
}

.imgr, .imgl {
 max-width: 300px;
}



.imgr{
 float: right;
 margin: 4px 0px 0 12px;
}

.imgl{
 float: left;
 margin: 4px 12px 0 -50px;
}

#txt ul, #txt ol{
 margin: -6px 10px 12px 0px;
}

#txt blockquote{
 text-align: right;
 background-color: #bdd;
 margin: 0 -50px 12px 200px;
 padding: 12px 18px;
 font-style:  oblique;
 font-size:  larger;
 border-radius: 3px;
 box-shadow: 2px 3px 10px 4px rgba(0,0,0,0.4); 
 transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-webkit-transition: all 0.5s ease-out 0s;
}

#txt blockquote:hover{
 background-color: #ff9;
}

#txt blockquote:before {
 content: '“';
 float: left;
 font-family: Candara;
 margin-top: -0.4em;
 font-size: 250%;
}


#indx{
 margin: 0px;
 padding: 0px 0px 0px 20px;
}
#indx p{
 margin: 0px;
 padding: 0px 0px 10px 0px;
}

#eror{
 margin: 0px;
 padding: 0px 0px 0px 25px;
}
#eror p{
 margin: 0px;
 padding: 0px 0px 6px 0px;
}

/* див katg */
.inds{
 display: block;
 margin: 5px 5px 10px 0px;
 padding: 0px 10px 5px 15px;
 border-bottom: 1px solid #bebebe;
 border-radius: 0px 0px 0px 25px;
 -webkit-border-radius: 0px 0px 0px 25px;
 -moz-border-radius: 0px 0px 0px 25px;
 overflow: hidden;
}

.inds img{
 float: left;
 margin: 2px 10px 0px 0px;
 padding: 1px;
 border: 1px solid #bebebe;
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 width: 152px;
 height: 114px;
}

.inds h2{
 margin: 0px;
 padding: 0px 0px 4px 0px;
 font-size: 16px;
 color: #3d8a99;
}

.indst{
 margin: 0px;
 padding: 0px;
 height: 65px;
 display: block;
 text-align: justify;
}

.indsl{
 margin: 0px;
 padding: 5px 0px 12px 0px;
 display: block;
 text-align: right;

}

.indsl a, .indsl a:visited, .indsl a:active{
 margin: 0px;
 padding: 3px 10px;
 background-color: #4d4d4d; 
 border: 1px solid #626262;
 color: white;
 text-decoration: none;
 border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 font-size: 12px;
 transition: all 0.5s ease 0s;
 -o-transition: all 0.4s ease 0s;
 -moz-transition: all 0.4s ease 0s;
 -webkit-transition: all 0.4s ease 0s;
 
 
}
.indsl a:hover{
 border: 1px solid #b22222;
 background-color: #851d1d;
}

.inddl{
 margin: 0px;
 padding: 10px 0px;
 display: block;
 text-align: right;
}

.inddl a, .inddl a:visited, .inddl a:active{
 margin: 0px;
 padding: 3px 10px;
 background-color: #4d4d4d; 
 border: 1px solid #626262;
 color: white;
 text-decoration: none;
 border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 font-size: 12px;
}
.inddl a:hover{
 border: 1px solid #b22222;
 background-color: #851d1d;
}

/* див ссылки блоки */
.blokmenu{
 display: block;
 padding: 1px 0px 1px 10px;
 background-image: url('/tpl/main/img/m2.gif');
 background-repeat: no-repeat;
 background-position: 0.1em;
}

/* див имг */
.imgct{
 float: left; 
 margin: 0px;
 padding: 0px 10px 10px 0px;
}
.imgctr, .imgct img  {
 margin: 5px 0px -10px;
 padding: 0px;
 border: 3px double #d7d7d7;
 border-radius: 20px;
 -webkit-border-radius: 20px;
 -moz-border-radius: 20px;
 max-width: 240px;
}

/* цифры */
.tpv{
 width: 300px;
 position: absolute; 
 display: none;
 padding: 2px 1px;
 margin: 0px;
 background-color: #FFFFFF;
}
.tpv input{
 display: inline;
 font-size: 12px;
 background-color: black; 
 padding: 1px;
 margin: 0px; 
 border: 1px solid #373737;
 color: #FFFFFF;
 cursor: pointer;
}

/* div form */
.form, .form dl{
 display: block;
 overflow: auto;
}
.form1{
 float: left;
 width: 70px;
 padding: 0px;
 margin: 0px 0px 0px 20px;
}
.form2{
 float: left;
 width: 100px;
 padding: 0px;
}
.form2a{
 float: left;
 width: 100px;
 padding: 0px;
 text-align: right;
}

/* таблицы */
.tbm{
 background-color: #e9e9e9;
 padding: 8px 5px;
 font-weight: bold;
 font-size: 14px;
}
.tbt{
 background-color: #F7F7F7;
 padding: 5px 3px;
 font-size: 12px;
}

/* 1-2-3 нав. */
.mn{
 margin: 5px 0px;
 padding: 10px 20px;
 display: block;
}
.mn a{
 margin: 0px;
 padding: 2px 8px;
 border: 1px solid #c7c7c7;
 background-color: #e9e9e9;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 text-decoration: none;
 color: black;
}
.mn a:hover, .mn b{
 margin: 0px;
 padding: 2px 8px;
 border: 1px solid #b22222;
 background-color: #771717;
 color: white;
 border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
}

/* див скрытый */
.Tabs{
 margin: 10px 0px 0px 0px;
 padding: 0px;
 height: 28px;
 display: block;
 overflow: hidden;
}

.Pages{
 border: 1px solid #e2e2e2;
 padding: 1px;
 border-radius: 5px 5px 0px 0px;
 -webkit-border-radius: 5px 5px 0px 0px;
 -moz-border-radius: 5px 5px 0px 0px;
 overflow: hidden;
}
.Page{
 overflow: hidden;
}

.Tabs a{
  float: left;
  display: block;
  padding: 5px 10px;
  border-top: 1px solid #e2e2e2;
  border-left: 1px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
  margin-right: 2px;
  color: black;
  text-decoration: none;
}
.Tabs a:active, .Tabs a:visited{
 color: black;
}
.Tabs a:hover, .TabView .Tabs a.Active{
 background-color: #d0d0d0;
 color: #007375;
}
.stt1{
 padding: 3px;
}

/* poll */
.polvp{
 display: block;
 padding: 5px;
 font-weight: bold;
 text-align: center;
 color: #006a9d;
}
.polot{
 display: block;
 color: #116eb7;
 padding: 3px;
 text-align: left;
}
.polod{
 display: block;
 color: #0b3759;
 padding: 3px;
 font-size: 75%;
 text-align: left;
}
.polnz{
 display: block;
 padding: 2px;
 text-align: center;
 color: #006a9d;
}
.polnd{
 display: block;
 padding: 2px;
 color: #006a9d;
 text-align: center;
}
#polsot{
 display: block;
 padding: 0px 0px 0px 7px;
}

/* div - таблицы */
.bn {
 margin: 5px 0px;
 padding: 8px 10px;
 font-weight: bold;
 color: black;
 border-left: 10px solid #008b8b;
 background-color: #efefef;
  border-radius: 5px 5px 0px 0px;
 -webkit-border-radius: 5px 5px 0px 0px;
 -moz-border-radius: 5px 5px 0px 0px;
}

.bn a, .bn a:visited, .bn a:active, .bn a:hover{
  color: black;
  display: block;
}

.bns{
 margin: 5px 0px 0px 0px;
 padding: 0px;
 display: block;
 background-color: #efefef;
 overflow: hidden;
}

.bnn {
 float: left;
 margin: 0px;
 padding: 5px;
 color: #000000;
 border-left: 10px solid #008b8b;
 font-weight: bold;
}
.bnd {
 float: right;
 margin: 0px;
 padding: 5px;
 color: #000000;
}
.bt {
 display: block;
 padding: 5px;
 color: #000000;
 border: 1px solid #efefef;
 background-color: #f4f4f4;
 margin: 0px 0px 3px 0px;
 border-radius: 5px 5px 0px 0px;
 -webkit-border-radius: 5px 5px 0px 0px;
 -moz-border-radius: 5px 5px 0px 0px;
}

/* pages */
#pages{
 /* margin: 0px;
 padding: 0px 5px 0px 0px; */
}

#pages .imgctr{
 margin: 5px 0px -10px;
 padding: 0px;
 width: 240px;
 height: 180px;
}

#pages .tximg{
 margin: 0px;
 padding: 0px 0px 12px 10px;
}
#pages .tximg img{
 margin: 0px;
 padding: 1px;
 border: 1px solid #efefef;
 border-radius: 25px;
 -webkit-border-radius: 25px;
 -moz-border-radius: 25px;
 width: 640px;
}


#pages .btdp{
 margin: 0px 0px 3px 0px;
 padding: 5px 0px 5px 10px;
 background-color: #f1f1f1;
 border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
}

/* Кнопки соц. сетей  */
.ssb{
 margin: 18px 18px 0;
 text-align: right;
 filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
 -moz-opacity: .5;
 -khtml-opacity: .5;
 opacity: .5;
 filter: alpha(opacity=50);
 transition: all 0.3s ease-out 0s;
 -o-transition: all 0.3s ease-out 0s;
 -moz-transition: all 0.3s ease-out 0s;
 -webkit-transition: all 0.3s ease-out 0s;
}
.ssb:hover{
 filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity: 1;
 -khtml-opacity: 1;
 opacity: 1;
 filter: alpha(opacity=100);
}


/* вкладки */ 
.tabs {
 margin: 0px;
 padding: 0px 0px;
 width: 100%;
 min-height: 506px;
}

.tabs p{
 text-align: justify;
}


.tabs ul, .tabs li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.tabs, .tabs input[type="radio"]:checked + label {
    position: relative;
}

.tabs li, .tabs input[type="radio"] + label {
    display: inline-block;
}

.tabs li &gt; div, .tabs input[type="radio"] {
    position: absolute;
}

.tabs li &gt; div, .tabs input[type="radio"] + label {
  border: solid 1px #ccc;
}

.tabs li {
    vertical-align: top;
}
.tabs li:first-child {
    margin-left: 8px;
}
.tabs li &gt; div {
    top: 33px;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 8px;
    overflow: auto;
    background: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.tabs input[type="radio"] + label {
    margin: 0 2px 0 0;
    padding: 0 18px;
    line-height: 32px;
    background: #f1f1f1;
    text-align: center;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
.tabs input[type="radio"]:checked + label {
    z-index: 1;
    background: #fff;
    border-bottom-color: #fff;
    cursor: default;
}
.tabs input[type="radio"] {
    opacity: 0;
}
.tabs input[type="radio"] ~ div {
    display: none;
}
.tabs input[type="radio"]:checked:not(:disabled) ~ div {
    display: block;
}
.tabs input[type="radio"]:disabled + label {
    opacity: .5;
    cursor: no-drop;
}


/* ---breadcrumbs---  */

.breadcrumbs {
 padding: 5px 5px 10px;
 border-bottom: 1px dashed #CCC;
 color: grey;
}

.breadcrumbs li {display: inline}

.breadcrumbs li:after {content: " › "}

.breadcrumbs li:last-child:after {content: ""}

.breadcrumbs a {}

.breadcrumbs a:hover {text-decoration: underline}

.description {
 font-weight: bold;
 font-style: italic;
 min-height: 13.5em;
 color: #37525a;
}

table.custom {margin: auto}

.custom tbody {
 border-bottom: 2px solid grey;
 border-top: 2px solid grey;
}

.custom thead {
 font-size: 120%;
 background-color: lightcyan;
}

.custom td, .custom th {
 padding: 5px 10px 0px;
}

.custom tbody th {
 background-color: #ded;
}

.custom tbody tr:hover {
 background-color: PaleGreen;
}

.custom td:not(:last-child), .custom th:not(:last-child) {
 border-right: 1px solid grey
}

.custom tbody tr {
 line-height: 1.25em;
}

.price td:last-child {text-align:center}

.custom tbody tr:not(:last-child) {
 border-bottom: 1px solid grey;
}</pre></body></html>