html{
overflow-y:scroll;
}
body{
margin:0 auto;
}
html, body{
background:-webkit-linear-gradient(top,#AAD595 0,#FFF 275px);
background:-moz-linear-gradient(top,#AAD595 0,#FFF 275px);
background:-o-linear-gradient(top,#AAD595 0,#FFF 275px);
background:linear-gradient(to bottom,#AAD595,#FFF 275px);
background:-ms-linear-gradient(top,#AAD595 0,#FFF 275px);
background-repeat:repeat-x;
height: 100%;
}
.letter{
min-height:100%;
position:relative;
width:980px;
margin:0 auto;
}
.letter [rel="sheet"]{
padding-bottom:70px;
}
.sheet{
margin:0 auto;
padding:0 0 20px 0;
width:980px;
cursor:auto;
}
header{
margin:0 auto;
width:100%;
height:250px;
background-image:url('images/header-rb.png');
background-position:right 15px ;
background-repeat:no-repeat;
position:relative;
z-index: auto !important;
}
.logo{
margin:25px 0 0 10px;
}
nav{
position:absolute;
margin:0 auto;
bottom:25px;
width:100%;
z-index:100;
text-align:right;
}
.hmenu{
margin:0;
float:right;
}
.hmenu>li{
position:relative;
margin:0 0 0 5px;
display:inline-block;
background:url('images/1-mnu.png');
background-repeat:repeat-x; 
}
.hmenu>li a{
display:inline-block;
padding:4px 7px;
font-size:14px;
text-align:left;
}
.hmenu>li:hover>ul{
display:block;
}
.hmenu>li>ul{
display:none;
position:absolute;
width:240px;
border:1px solid #B8E0AE;
background:#F0F8ED;
border-bottom:none;
padding:0;
}
.hmenu li ul li{
display:block;
border-bottom:1px solid #B8E0AE;
}
.hmenu li ul li a{
display:block;
}
.hmenusub li a{
font-size:13px;
text-align:left;
}
.hmenusub li a:hover{
background:#DAECCF;
}
.page{
display:table;
width: 980px;
table-layout: fixed;
}
.panel{  
border-right:1px solid #5A905A;
display:table-cell;
width:250px;
min-height:500px;
padding:0;
}
.content{
display:table-cell;
padding:0 0 5px 15px;
}
.vmenublock{
margin:0;
width:auto;
z-index:10;
}
.vmenublock:after{
clear:both;
display:block;
content:" ";
}
.vmenuheader{
margin:25px 3px 10px 0;
}
.vmenuheader a{
display:block;
font-size:1.1em;
text-align:left;
text-indent:0;
}
.vmenucontent{
display:block;
margin-right:5px;
}
.vmenu,.layer{
list-style-type:none;
padding:0;
}
.vmenu{
margin:0;
}
.vmenu a{
display:block;
font-size:16px;
text-align:left;
margin-bottom:5px;
line-height:125%;
}
.vmenu ul a{
display:block;
font-size:14px;
line-height:110%;
}
.active{
margin:0 0 7px 0px;
padding:0;
}
.layer{
margin:0 0 5px 10px;
}
.vmenu li li a.active:before{
content:url('images/a-4.png');
margin-right:5px;
margin-left:-9px;
bottom:1px;
position:relative;
vertical-align:baseline;
line-height:0;
}
.otstup{
margin-top:15px;
}
h1,h2,h3,h4,h5,h6,p,a,ul,ol,li,th,td,label,.blockheader,.blockcontent{
color:#001000 ;
font-family:Arial,'Arial Unicode MS',Helvetica,Sans-Serif;
font-weight:normal;
font-style:normal;
text-align:justify;
text-decoration:none;
text-indent:0;
line-height:125%;
}
a:link,a:visited,.vmenu a,.vmenuheader a,.hmenu a,.hmenusub li a{
color:#357025;
}
.content a{
color:#005A00;
}
a:hover,.vmenu a:hover,.vmenu a.active,.vmenuheader a:hover,.hmenusub li a:hover,label:hover,.blockcontent label:hover{
color:#001000;
}
p{
font-size:14px;
margin:0 0 8px 0;
line-height:135%;
}
h1{
margin:0 0 15px 0;
font-size:18px;
text-shadow:1px 1px 0px #B8E0AE;
letter-spacing:1px;
text-align:left;
}
h3,h4{
font-size:16px;
}
h5,.content ul,.blockcontent p{
font-size:14px;
}
h2{
font-size:18px;
margin:0 0 5px 0px;
}
h3{
margin:0 0 5px 5px;
}
h4{
margin:0 0 2px 15px;
}
h5{
margin:10px 0 2px 0;
}
h6{
margin:0 0 -2px 25px;
font-size:15px;
}
.content ul{
list-style-type:none;
margin:0 0 10px 0;
padding-left:30px;
}
.content ul>li:before{
content:url('images/a-7.png');
position:relative;
display:inline-block;
vertical-align:middle;
margin:0 8px 0 -15px;
line-height:0;
bottom:1px;
}
.content li{
margin:0px 0 5px 0;
}
.block{
margin:15px 0;
}
.blockheader{
font-size:16px;
color:#003500;
text-align:left;
margin-bottom:10px;
}
.blockheader:before{
content:url('images/a-5.png');
position:relative;
display:inline-block;
vertical-align:middle;
margin-right:8px;
bottom:2px;
line-height:0;
}
.blockcontent p{
margin-bottom:5px;
color:#003500;
text-align:left;
}
.blockcontent li{
margin:5px 0 0 0;
text-align:left;
}
img{
margin:0 0 10px 0;
border:0;
}
.content table{
border-collapse:collapse;
margin:0 0 15px 0;
table-layout:fixed;
width: auto;
}
th,td{
vertical-align:top;
text-align:left;
}
th{
border:1px solid #B4D7A0;
font-size:16px;
padding:5px;
}
td{
font-size:14px;
padding:4px 5px 4px 0;
line-height:100%;
}
th>img{
margin:0;
float:right;
border:0 !important;
}
table.sorttable th{
cursor:pointer; 
}
.ok-bord td{
border:1px solid #B4D7A0;
padding:2px 2px 2px 5px;
vertical-align:middle;
}
.no-bord td{
border:none;
padding:2px 0;
vertical-align:top;
}
label{
display:block;
font-size:14px;
color:#2D552D;
padding-left: 20px;
margin:0 0 5px 0;
cursor: pointer;
vertical-align:middle;
}
td label{
font-size:14px;
padding-left: 20px;
cursor: pointer;
vertical-align:middle;
}
.blockcontent label{
font-size:13px;
text-align:left;
padding-left: 20px;
line-height:110%;
}
input[type="checkbox"],input[type="radio"]{
display: none;
}
input[type="radio"] + label{
background: url('images/radio0.png') 0 2px no-repeat;
}
input[type="radio"]:checked + label{
background: url('images/radio.png') 0 2px no-repeat;
color:#001000;
}
input[type="checkbox"] + label{
background: url('images/check0.png') 0 0 no-repeat;
}
input[type="checkbox"]:checked + label{
background: url('images/check.png') 0 0 no-repeat;
color:#001000;
}
.layer1{
float:left;
position: relative;
margin:0 0 10px 0;
width:505px;
height:345px;
}
.layer2{
position: absolute;
cursor:default;
}
.legenda{
border:1px solid #DCEBDC;
padding:10px 0 0 5px;
overflow-y:auto;
height:320px;
width:500px;
}
.legenda2{
border:1px solid #DCEBDC;
padding:10px 0 0 5px;
overflow-y:auto;
height:595px;
width:99%;
}
.leg-nav{
float:right;
width: 195px;
padding:0 0 0 10px;
}
.leg-chief{
margin:0 0 20px 0;
}
.next{
float:right;
margin-top:3px;
}
.latin{
color:#001000 ;
font-size:16px;
font-family:Arial,'Arial Unicode MS',Helvetica,Sans-Serif;
font-weight:normal;
font-style:italic;
margin:10px 0 15px 0;
}
.razdel{
color:#002500 ;
font-size:16px;
font-family:Arial,'Arial Unicode MS',Helvetica,Sans-Serif;
margin:10px 0 2px 0;
}
.taxon{
margin:0 0 3px 15px;
font-size:16px;
}
.tip{
color:#005A00;
margin:15px 0 -5px 5px;
font-size:16px;
}
.tip1{
margin:20px 0 -7px 0;
font-size:16px;
}
.tip1:before{
content:url('images/a-10.png');
margin-right:7px;
bottom:2px;
position:relative;
display:inline-block;
vertical-align:middle;
font-size:0;
line-height:0;
}
.klas{
margin:10px 0 -8px 10px;
font-size:16px;
}
.klas1{
margin:10px 0 -8px 17px;
font-size:16px;
}
.ryad{
margin:10px 0 0px 20px;
font-size:15px;
}
.rod{
margin:2px 0 0 35px;
font-size:15px;
}
.vid{
margin:0 0 3px 20px;
font-size:14px;
text-align:left;
}
.vid:before{
content:url('images/a-7.png');
margin-right:7px;
bottom:2px;
position:relative;
}
.dod{
margin:0 0 5px 0;
padding-left:35px;
line-height:0;
font-size:16px;
}
.dod:before{
content:url('images/a-10.png');
position:relative;
display:inline-block;
vertical-align:middle;
margin:0 10px 0 -20px;
bottom:3px;
}
.letter footer {
border-top:1px solid #5A905A;
position: absolute;
width: 100%;
height: 20px;
left: 0;
bottom: 0;
}
footer td,footer th,footer a,footer a:link,footer a:visited,footer p,.postfooter{
border:0;
margin:0;
padding:2px 0 2px 0;
font-size:10px;
color:#357025;
line-height:125%;
text-align:left;
}
footer a:hover{
color:#001000;
}
.ok-mob, .mob-button, .views{
display:none;
}
@media only screen and (max-device-width: 480px){
html, body{
background:url('images/mob-fom.png')repeat-x; 
}
.ok-mob{
display:block;
}
.block,footer,.hmenu li ul li,.mob-panel,.no-mob,.layer1,.layer2,.leg-nav{
display:none;
}
.mob-button{
display:block;
width:170px;
margin:0 0 20px 5px;
padding:3px 5px;
text-align:center;
font-size:18px;
border:1px solid #B4D7A0;
border-radius:5px;
}
.letter {
width:100%;
}
.sheet{
display:block;
width:100%;
padding:0;
}
.page{
display:block;
width:auto;
padding:0 10px;
}
.panel{
width:auto;
border-right:none;
}
.content{
width:auto;
display:inline-block;
padding:0;
}
.vmenublock{
margin-bottom:30px;
width:100%;
}
.vmenucontent{
border:1px solid #5A905A;
border-radius:10px;
padding:10px;
}
.vmenu a{
margin-bottom:10px;
font-size:18px;
}
.vmenu ul a{
font-size:18px;
}
header{
margin:0 auto;
width:100%;
height:120px;
background-image:url('images/header-mob-rb.png');
background-position:bottom left;
background-repeat:no-repeat;
position:relative;
}
nav{
margin:0 auto;
top:5px;
z-index:100;
padding:0;
}
.hmenu{
padding:0;
float:none;
margin:0;
}
.hmenu>li{
margin:0 0 0 5px;
}
.hmenu>li a,.hmenu>li a:hover{
padding:3px 5px;
font-size:16px;
}
.content li{
padding:0 0 5px 0;
margin:5px 0 5px 0;
}
.content table{
border-collapse:collapse;
margin:0 0 25px 0;
}
.ok-bord td{
line-height:100%;
}
img{
width: 50%;
float:none !important;
}
.imgnav{
width: auto;
}
th>img{
width: auto;
}
.legenda,.legenda2{
width:auto;
border:0px solid #5A905A;
height: 500px;
}
.taxon{
margin:0 0 8px 15px;
}
.tip{
color:#001000;
}
.vid, .rod{
margin:5px 0 5px 35px;
}
.ryad{
margin:15px 0 5px 35px;
}
.leg-nav1{
display:block;
float:none;
margin:0 0 20px 0;
width:100%;
}
}