*{box-sizing:border-box}
html {
height:100%
}
body {
background:#F2DAAD;
color:#231F20;
font-family:Arial, Times, serif;
line-height:1.3;
font-size:1em;
height:100%;
margin:0;
}
#container{
width:80%;
margin:0px auto;
background:#FFF6DD;
color:#231F20;
max-width:1024px;
}
h1, h2, h3, h4, h5, h6{font-family: Cambria, Georgia, serif; color:#8A3E01; font-weight:200; margin:4px}
#topmenu{
padding:10px 0;
background:#FFF1CC;
border-bottom:3px solid #F2DAAD;
}
h1{font-size:26px;
border-bottom:1px solid #DDA87D;
}

#topmenu img{
width:100%;
max-width:300px;
height:auto;
}
#nav {
background:#FFF1CC;
margin-bottom:0;
}
#nav ul {
list-style:none;
margin: 0;
padding: 0;
}
#nav a {text-decoration: none;}
.top-menu {position: relative;}
.top-menu:after {
content: "";
display: table;
clear: both;
}
.top-menu > li {float: left;}
.top-menu > li > a {
display: block;
padding: 0 15px;height: 46px;line-height: 46px;
font-size: .9em;
text-transform: uppercase;
letter-spacing: 1px;
color: #532507;
font-weight:600;
transition: .2s linear;
}
.top-menu > li > a:hover {color:#994400;}
.container label[for="mobile-button"] {
display: none;
width: 100%;
font-size: 35px;
color:#532507;
cursor: pointer;
line-height: 49px;
padding-left: 30px;
}
.container input[type="checkbox"] {
display: none; 
position: absolute;
}
.deleter{width:100%;height:12px;background: url(images/deleter.jpg) repeat-x #F2DAAD;}
#content{
padding:10px;
position:relative;
}
#footer{
width:100%;
background:#FFF1CC;
color:#532507;
text-align:center;
}
#footer p{padding:10px;margin:5px 5px 0px 5px}
.footdel{
width:100%;
height:6px;
background:#F2DAAD;
border-bottom:2px solid #D7945E;
}
#leftblock{
float:left;
margin-right:-260px;
padding-right:260px;
width:100%;
}
#rightblock{
width:260px;
float:right;
border:5px solid #FFF6DD;
margin:-10px;
}
.rightmenublock{
width:100%;
}
.rightmenublock span{
display:block;
width:100%;
background:#F2DAAD;
color:#8A3E01;
padding:5px;
text-align:center;
font-weight:600;
border-top-left-radius:1em;
}
.rightmenu{
margin:0;
padding-left:30px;
border:1px solid #F2DAAD;
}
.rightmenu li {
width:100%;
padding:4px;
list-style:none;
}
.rightmenu li:hover{list-style-image:url(images/marker.png)}
.rightmenu a{text-decoration:none}
.linia {width:100%; height:3px; background:#F2DAAD}
.mybanner{width:100%; border:1px solid #D7945E; margin:5px auto}
.mybanner img{display:block;width:100%;height:auto; max-width:248px;margin:0 auto;}
.mybanner p{color:#8A3E01; margin:0;padding:5px;}
a {color:#532507}
a:hover{color:#994400; text-decoration:none}
.img{
width:100%;
max-width:320px;
height:auto;
margin:5px;
clear:both;
}
.delitel{
clear:both;
height:1px;
width:100%;
background:#DAB69A;
margin:4px auto;
}
.markedul{
list-style:none;
list-style-image:url(images/markertwo.png);
}
.markedul li{margin:5px auto;}
.okras{
width:100%;
height:auto;
border:1px solid #F5D8BE;
padding:10px;
border-radius:10px;
}
.forlinks{width:100%; background-color:#FDE8C1; border:1px solid #F2DAAD; font-style:italic; padding:10px; border-radius:5px}
.veryreader{padding:5px; border-top: 1px solid #DAB69A; margin-bottom:-4px;}
.veryreader span{padding:5px; margin-left:-10px; font-weight:600; color:#2D2D2D;}
.veryreader a{display:block; color:#3C3C3D; margin-top:4px}
.veryreader a:hover{color:#5A5A5A;}
/* РЕКЛАМА КНИГИ */
.rekmaybook {
width:100%;
margin:0 auto;
border:2px solid #8ed8fe;
border-radius:20px;
min-height:145px;
}
.rekmaybook img{
float:left;
max-width:160px;
display:block;
margin:10px;
border-radius:5px;
}
.rekmaybook h3{ font-weight: bold; color:#0d90d3;}
.rekmaybook p {margin-top:10px;}
.rekmaybook a{text-decoration:none; background:#0d90d3; padding:10px 30px; margin:20px auto; color:#fff; border-radius:5px;}
.rekmaybook a:hover {background:#41abe2}
/* АДАПТИРУЕМ ДЛЯ МОБИЛЬНЫХ УСТРОЙСТВ */
@media (max-width: 768px){
#container{width:100%;}
.container label[for="mobile-button"]{display: block;}
.top-menu {display: none;}
#nav #mobile-button:checked + ul {
display: block;
position: relative;
left: 0;
width: 100%;
background:#FFF6DD;
}
.top-menu li {
width:100%;
height:auto!important;
}
.top-menu > li > a {color:#000;font-weight:600;}
.top-menu > li {border-top: 1px solid #F2DAAD;}
}
@media (max-width: 600px){
#leftblock{
width:100%;
float:none;
margin-right:0;
padding-right:0;
}
#rightblock{
float:none;
width:100%;
border:none;
margin:0;
}
.rightmenublock span{
margin-top:20px;
}
.rekmaybook a{display:block; margin:5px auto; text-align:center; width:90%; max-width:300px;}
}
@media (max-width: 420px){
.img{
float:none;
display:block;
margin:0 auto;
}
.rightmenublock span{
border-top-left-radius:0;
}
.rightmenu{
border:none;
}
.rekmaybook img{
float:none;
width:90%;
max-width:320px;
display:block;
margin:10px auto;
}
.rekmaybook p{padding:15px; margin-top:-10px;}
.rekmaybook h3{margin-left:15px;}
}