body {
 background: #ffffff;
 color: #000;
 font-family: Arial, Verdana, Courier, Serif;
 font-weight: normal;
 font-size: 16px;
 margin: 0;
 padding: 0 0 40px 0;
}

body.home {
 background-image: url(../images/tlo00.jpg);
 background-position: center top;
 background-size: 100% auto;
 background-repeat: no-repeat;
}

body.all {
 background-image: url(../images/tlo01.jpg);
 background-position: center top;
 background-size: 100% auto;
 background-repeat: no-repeat;
}

div.top {
 width: 100%;
 display: table;
 margin: auto;
}

div.menutop01 {
 font-size: 1.1em;
}

div.menutop02 {
 font-size: 1.1em;
}

div.srodek {
 width: 90%;
 display: block;
 color: #333;
 text-align: center;
 vertical-align: top;
 margin: auto;
}

td.sl{
 width: 20%;
}

td.sp{
 width: 20%;
}

td.txt{
 width: 60%;
 background: rgba(51, 51, 51, 0.7);
 border-radius: 25px;
 color: #fff;
 text-align: justify;
 line-height: 1.6em;
 padding: 30px;
}

div.txt{
 display: block; 
 max-width: 800px; 
 margin: auto;
 background: rgba(51, 51, 51, 0.7);
 border-radius: 25px;
 color: #fff;
 text-align: justify;
 line-height: 1.6em;
 padding: 30px;
}

div.txtk{
 width: 90%; 
 margin: auto;
 background: rgba(51, 51, 51, 1);
 border-radius: 25px;
 color: #fff;
 text-align: center;
 line-height: 1.6em;
 padding: 5%;
}

div.center {
 text-align: center;
}

div.right {
 text-align: right;
}

div.left {
 text-align: left;
}

div.floatright {
 float: right;
}

div.floatleft {
 float: left;
}

h1 {
 font-size: 1.6em;
 line-height: 1.8em;
 margin: 30px;
}

span.top {
 text-decoration: underline;
 text-decoration-color: #999;
 }

hr.top {
 width: 10%;
 background: none;
 border: none;
 border-top: 1px dotted #666;
}

img.top02{
 display: none;
}

img.img{
 border-radius: 5px;
}

img.imgk{
 border-radius: 5px;
 width: 40%;
}

a {
 background: none;
 text-decoration: none;
 text-decoration-color: #999;
 color: #000;
}

a:hover {
 background: none;
 text-decoration: underline;
 text-decoration-color: #999;
 color: #000;
}

a:active {
 background: none;
 text-decoration: underline;
 color: #000;
}

a.pdf {
 background: none;
 text-decoration: none;
 text-decoration-color: #999;
 color: #fff;
}

a.pdf:hover {
 background: none;
 text-decoration: underline;
 text-decoration-color: #999;
 color: #fff;
}

a.pdf:active {
 background: none;
 text-decoration: underline;
 color: #fff;
}

@media (min-width: 850px) {

 div.menutop02{
 display: none;
}

}

@media (max-width: 849px) {

 div.menutop01{
 display: none;
}

td.sl{
 width: 1%;
}

td.sp{
 width: 1%;
 }

 td.txt{
 width: 98%;
 }

}

@media (max-width: 680px) {

body.home {
 background-image: url(../images/tlo00a.jpg);
 background-position: center top;
 background-size: 100% auto;
 background-repeat: no-repeat;
}

body.all {
 background-image: url(../images/tlo01a.jpg);
 background-position: center top;
 background-size: 100% auto;
 background-repeat: no-repeat;
}

td.txt{
 line-height: 1.2em;
 border-radius: 10px;
 padding: 10px;
}

h1 {
 font-size: 1.6em;
 line-height: 1.8em;
 margin: 10px;
}

img.top01{
 display: none;
}

img.top02{
 display: inline;
}

img.imgk{
 border-radius: 5px;
 width: 100%;
}

}