.hdr{
 text-align:center;
 font-style:oblique;
 font-weight:bold;
 font-size:medium;
}
 
.hdrm{
 text-align:center;
 font-style:oblique;
 font-weight:bold;
 font-size:large;
}
 
/* елементи заокруглення */ 
.inner-box{
 padding:1em; 
}
 
.r1,.r2,.r3,.r5{
 display: block;
 height: 1px;
 overflow: hidden;
 font-size:1px;
}
 
.r5{
 margin:0 5px;
}

.r3{
 margin: 0 3px;
}
.r2{
 margin: 0 2px;
}
.r1{
 margin: 0 1px;
}
 
.rounded-box{
 margin:1em auto;
 min-width:180px;
 max-width:40%;
}
 
.inner-box, b{
 background-color:#F4EDE7; /* колір заливки */
}

.first{
 display:inline-block;
 vertical-align:top;
 margin:0 2em;
}

.menubox{
 display:inline-block;
 vertical-align:top;
 text-align:left;
 width:45%;
 min-width:240px
}

@media only screen and (max-width:900px){
.rounded-box{
 max-width:60%;
}
}

@media only screen and (max-width:800px){
.rounded-box{
 max-width:70%;
}
}

@media only screen and (max-width:700px){
.rounded-box{
 max-width:60%;
}

.first{
 margin:0 1em;
}
}

@media only screen and (max-width:600px){
.rounded-box{
 max-width:70%;
}
}

@media only screen and (max-width:500px){
.rounded-box{
 max-width:80%;
}
}

@media only screen and (max-width:400px){
.rounded-box{
 max-width:90%;
}
}

@media only screen and (max-width:320px){
.rounded-box{
 max-width:100%;
}
}

a{
  cursor:url("paw.cur");
  color: #008000;
  font-weight: bold;  
 }

a:hover{
  color: #CC6600;
  font-weight: bold
 }
 
a:visited{
  color: #808080;
 }
 
div.menu a{
  color: #008000;
  font-size:medium;
 }

div.menu a:hover{
  color: #CC6600;
 }

div.menu a:visited{
  color: #008000;
 }

a.nlink{
  color: #000000;
 }
 
.content{
  text-align:center;
  margin:0 auto;
  padding:8px;
  border:2px solid #008000;
  border-radius:8px 8px;
  -moz-border-radius:8px 8px;
  -webkit-border-radius:8px 8px;
 }

img{
  max-width:100%;
  height:auto;
 }

.boxdown{
	min-width:250px;
	text-align:center;
	vertical-align:top;
	display:inline-block;
	margin:0 2em 1em 2em;
}

.shadow{ 
  background:#CCCCCC; /* shadow color */
  border:1px solid #DDDDDD; /* darker border color */
  margin: 5px;
  position: relative;
 }

.frame{
  text-align: center; 
  background: #FFFFFF; 
  border: 1px solid #999999; /* lighter border color */
  position: relative; 
  padding: 5px;
  left:-4px; /* change this to change the amount of shadow */
  top:-4px; /* change this to change the amount of shadow */
 }