*{margin:0; padding:0;}

BODY  {background-repeat:no-repeat; min-height: 100vh; overflow-y: scroll; min-width: 230px; max-width: 1920px; overflow: scroll; margin:0 auto;}
DIV#globaldiv {width: 100%;}
TABLE#primarytable {width: 100%; border-collapse: collapse; position: relative;}

div.logoimg {width: 120px; height: 30px; position: absolute; top: 60px; left: 110px; font-size: 16px; text-shadow:1px 1px 2px #669966;}
div.logotext {width: 340px; height: 30px; position: absolute; top: 10px; left: 110px; font-family:'Times New Roman', Times, serif;  font-size: 18px; text-align: left; text-shadow:1px 1px 2px #663366;}
.pozdrav {width: 240px; height: 80px; position: absolute; top: 75px; right: 50px;}

.headroomtd {width: 100%; height: auto; border-top: 1px solid #b8f895; border-collapse: collapse;  background-color: #f3f6e9; background-image: url(//metodorf.com/img/fonmramor.jpg); }
.headroomlogo {width: 123px; height: 86px; margin: 5px; float: left;  background-image: url('//metodorf.com/img/logotipfon.png'); background-repeat: no-repeat;}
.headroomlogopic {width: 123px; height: 86px; }
.headroomlogoright {width: 35px; height: 86px; margin: 5px; float: right;}

.primarylinksroomtd {width: 100%; border-top: 1px solid #b8f895; border-bottom: 1px solid #b8f895; border-collapse: collapse; background-color: #eaf2dc;}
div.topmenu {float: left; margin: 2px; padding-left: 25px; width: auto; text-align: center;}
.topmenutext {}
a.topmenulink {font: 14pt sans-serif; color: black; text-decoration: none;}
a.topmenulink:hover {color: green;}

.mediumroomtd {width: 100%; border-top: 1px solid #b8f895; border-bottom: 1px solid #b8f895; border-collapse: collapse; background-color: #f3f6e9;}
div.leftroommenyu {vertical-align: top; text-align: center; margin: 0;}
div.leftroomlinks {border: 1px double #b8f895; border-collapse: collapse; text-align: center; font: 17px sans-serif; margin: 6px; padding: 8px 0px 8px 0px;  background-color: #eef5e1; background-size: cover;}
.leftmenyutextlink  {}
a.leftlinks {color: #336600; font-weight: 500; font: 16px sans-serif; text-decoration: none;}
a.leftlinks:hover {color: #669966;}

.a-container{
    display: inline;
	margin: 0;
	text-align: left;
}
.a-container label{
	padding: 0;
	position: relative;
	z-index: 20;
	display: block;
	height: auto;
	cursor: pointer;
	color: #777;
	line-height: 33px;
	background: #e1e7d0;
}
.a-container label:before {
    display: block;
}
.main-container label:before {
    display: block;
}

.a-container input:checked + label{
	background: #ced8b2;
}
.a-container input{
	display: none;
	background: #ced8b2;
}
.main-container input{
	display: none;
	background: #ced8b2;
	height: auto;
}


.a-container div.menu{
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
}

.a-container input:checked ~ div.menu {
	height: auto;
}


.leftmenyutextlink a {
	display: block;
	text-align: center;
    height: 100%;
}

.leftroomlinks:hover {background-color: white;}


a.startlink {
   display: inline-block;
   text-decoration: none;
   text-transform: uppercase;
   letter-spacing: 1px;
   margin: 15px;
   padding: 3px 7px;
   font-size: 18px;
   font-weight: bold;
   font-family: 'Montserrat', sans-serif;
   transition: 0.4s ease-in-out;
}
a.startlink {
   border-radius: 5px;
   color: RoyalBlue;
   background: PaleGreen;
   border-bottom: 3px solid #E1B442;
   box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
   }
a:hover.startlink {
   color: black;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
   text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}

input[type=submit] {
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
	width: 200px; height: 55px;
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
}


div.mediumroomtext { background-color: #ffffff; min-height: 80vh;}
div.textroom {width: 100%; }
div.maintext {width: 100%; box-sizing: border-box; padding: 15px; text-align: left; font-size: 120%; font-family:'Times New Roman', Times, serif; text-align: left;}
div.rightroommenyu {vertical-align: top; text-align: center; margin: 0; float: none; }
div.rightroomlinks {border: 1px double #b8f895; border-collapse: collapse; text-align: center; font: 120% sans-serif; margin: 6px;  background-color: #eef5e1; background-size: cover;}
.rightmenyutextlink  {}
a.rightlinks {font-size: 17px; color: #336600; font-weight: 500; font-family:'Times New Roman', Times, serif; text-decoration: none;}
a.rightlinks:hover {color: #669966;}

.thispage {font-size: 14px;}
.thispage a:last-of-type {
    color: #ff0000;
}

.footerroomtd {width: 100%; border-collapse: collapse; background-color: #eaf2dc; border-top: 1px solid #b8f895; border-bottom: 1px solid #b8f895; }
div.footermenyu {clear: both; width: 100%; text-align: center; background-color: #eaf2dc; border-top: 1px solid #b8f895; border-bottom: 1px solid #b8f895;  }
span.footermenutext {font: 100% sans-serif;}
a.footermenyulink {color: black; text-decoration: none;}
a.footermenyulink:hover {color: green;}

div.copyright {text-align: center; width: 100%; height:55px; background-color: #f3f6e9; border-collapse: collapse;} 
.footerroomlogoleft {width: 35px; height: 35px; margin: 5px; float: left;}
.copyrighttext {display: inline-block; width: auto; font: bold italic 11px sans-serif; margin-top: 10px;}
a.copyrigtlink {color: black; text-decoration: none;}
a.copyrigtlink:hover {color: green;}
.footerroomlogoright {width: 35px; height: 35px; margin: 5px; float: right;}

table.maintable {width: 100%; text-align: center; border: 1px double #b8f895; border-collapse: collapse; background-color: #e9f2c9;}

.cotitle {FONT-SIZE: 14px; COLOR: #333399; font-family: tahoma, "Trebuchet MS", arial, serif; BACKGROUND-COLOR: #B1C5B1; TEXT-ALIGN: center; border: none;}
.links_title {font-family: tahoma, "Trebuchet MS", arial, serif; color: #336633; font-size: 14px; border: none; border-top: 1px solid #c0c0c0; background: #e1e7d0; TEXT-ALIGN: center;}
.links_title_left {display: block; font-family: tahoma, "Trebuchet MS", arial, serif; color: #336633; font-size: 14px; border: none; border-top: 1px solid #c0c0c0; TEXT-ALIGN: center;}
.links_title_left_top {font-family: tahoma, "Trebuchet MS", arial, serif; color: #336633; font-size: 14px; border: none; border-top: 1px solid #c0c0c0; background: #d3d7b7; TEXT-ALIGN: center;}
.links_title_main {display: block; font-family: tahoma, "Trebuchet MS", arial, serif; color: #333333; font-size: 14px; border: none; border-top: 1px solid #c0c0c0; background: #e1e7d0; TEXT-ALIGN: center;}
.links_title_menu {display: block; color: #333333; font-size: 14px; border: none; border-top: 1px solid #c0c0c0; background: #99cc99; TEXT-ALIGN: center;}

table.directions {width: 100%;}
.leftroomlinkstelo {height: auto; width: 33%; text-align: center; margin-left: auto; margin-right: auto; background-color: #e9fadb;}
.leftroomlinksrazum {height: auto; width: 33%; text-align: center; margin-left: auto; margin-right: auto; background-color: #e3f6fa;}
.leftroomlinksduh {height: auto; width: 33%; text-align: center; margin-left: auto; margin-right: auto; background-color: #fbe7e0;}

P{margin-bottom: 0.5em; margin-top: 0.5em; margin-right: 0.5em;}

a {color: #3366cc;}
a:hover {color: #000033;}

table.dubleliststable {width: 100%;}
td.dublelist {width: 50%;  text-align: center;}
span.affirm {width: 100%; height: 42px; text-align: center;}
div.str0 {text-align: center; width: auto; background-color: #eaf2dc; box-shadow: 0 3px 4px #eaf2dc;}
div.str1 {width: auto; border: 1px double #eff5e6; clear:both; overflow: hidden; padding: 5px 5px 5px 5px; box-shadow: 0 3px 5px #eaf2dc;}
div.str2 {width: auto; border: 1px double #eff5e6; background-color: #fdfef8; clear:both; overflow:hidden; padding: 5px 5px 5px 5px;  box-shadow: 0 3px 5px #eaf2dc;}

.str0 a {text-decoration: none;}
.str1 a {text-decoration: none;}
.str2 a {text-decoration: none;}

div.addsadapt {width: 96%; border-collapse: collapse; text-align: center; margin-left: auto; margin-right: auto;}

table.addplasetab {width: 100%; border: 1px double #b8f895;}
td.addplasetabads{width: 304px; text-align: right;}
td.addplasetabart{width: auto;}

.doubletable {border: 1px double #b8f895; border-collapse: collapse;}
.doubletabletd {border: 1px double #b8f895; border-collapse: collapse; padding: 5px 5px 5px 5px; border-color: black; width: auto;}
.bezmetki {list-style-type: none;}

.postlinks {margin-bottom: 12px;}
.testsmenu {width: 100%;}
.imglinks {width: 100%;}
.linksmenudiv {width: 98%; margin-top: 60px;}
.linksmenu {width: 18%;  border: 1px double #eff5e6; border-collapse: collapse; border-radius: 14px; box-shadow: 0 3px 10px rgba(0,0,0,0.2); float: left; margin-top: 15px; margin-left: 1%; display: inline-block; position: relative;}
.textlinks {width: 95%; padding-left: 15px; padding-right: 15px;   position: absolute;
    top: 8px;
    left: 0;
    right: 0;
    bottom: 0; z-index:1;}
.linksmenuspan {width: 100%;}
.linksmenulink {text-decoration: none; font-size: 1em; text-shadow: white 0 0 30px; color: green;line-height: .8em;}


@media screen and (max-width: 800px) {
  table.doubletable td.doubletabletd {display: block;}
}


table.tableformadmin {width: 180px; border: 1px double #b8f895; border-collapse: collapse; background-color: #cccc66;}
input.loginadmin {width: 120px;}
input.passwordadmin {width: 120px;}
.submitadmin {border: 1px solid #006; background: #ccf;}
.submitadmin:hover {border: 1px solid #f00; background: #eef;}




.grademotio {width: 220px;
  background: linear-gradient(#9966cc, #cc6666);
  border: 1px; height: auto; float: left; margin-bottom: 1em; margin-right: 1px; text-align: center;}

.emotio {width: 170px; background: #d3e5e8;
  background: linear-gradient(#ffcccc, #ccccff);
  border-radius: 2px; height: auto; float: left; margin-bottom: 1em; margin-right: 1px; text-align: center;}

.standarttd {border: 1px solid black; border-collapse: collapse; padding: 10px;}
.standarttable {border: 1px solid black; border-collapse: collapse;}
  
.glavblockperv {clear: both;}
  



li {margin:5px;  margin-top: 10px;list-style-type: none;overflow: hidden;}
li:nth-child(odd) {
box-shadow: 2px 2px 2px 2px #e3e8c6;
border: 1px;
color: #232620;
font-size: 20px;
padding: 5px;
}
li:nth-child(even) {
box-shadow: 2px 2px 2px 2px #e3e8c6;
border: 1px;
color: black;
font-size: 20px;
padding: 5px;
}
li:last-child {
border-bottom: none;
}
li.noform {list-style-type: none; border: 0; box-shadow: initial;}
	   

h1,h2,h3,h4 {font-family:'Times New Roman', Times, serif;}


.pictglavfloatleft {float: left; margin-right: 10px; border: 2px solid #feffa3;}

.imageright {float: right; margin-left: 10px; border: 2px solid #feffa3;}

.statimages {width:auto; height: auto;}

.sitemupmenyutextlink {text-align: left; font-family: "Times New Roman", serif;  font-size: 14px; color: black;}
.sitemuphref {text-align: left; font-family: "Times New Roman", serif;  font-size: 24px; color: black;}

.imgstat {float: left; width:50%;}
.statimages {width:100%; height: auto;}

a {line-height: 1.8em;}


@media (min-width: 1681px) {

TABLE#primarytable{}
.pictglavfloatleft {width:100%;}
div.leftroommenyu {width: 100%; float: left;}
div.leftroomlinks {width: auto; margin: 5px; padding: 8px; float: left;}
div.mediumroomtext {width: 100%; float: left;}
div.rightroommenyu {width: 100%; float: right;}
div.rightroomlinks {width: 49%; margin: 0px -2px 0px 0px; float: left;}
DIV.links_title  {width: 100%;  clear: both;}
DIV.links_title_left  {width: 100%; clear: both;}
DIV.cotitle {background-image: none;}
.linksmenu {width: 18%; float: left; margin-top: 15px;}
.textlinks {width: 98%;  }

}


@media (max-width: 1680px){
.pictglavfloatleft {width:100%;}
div.leftroommenyu {width: 100%; float: left;}
div.mediumroomtext {width: 100%; float: left;}
div.rightroommenyu {width: 100%; float: right;}
div.rightroomlinks {width: 50%; margin: 0px -2px 0px 0px; float: left;}
DIV.links_title  {width: 100%;  clear: both;}
DIV.links_title_left  {width: 100%; clear: both;}
DIV.cotitle {background-image: none;}
.linksmenu {width: 18%; float: left; margin-top: 15px;}
.textlinks {width: 98%; padding-left: 5px; padding-right: 5px; }
}

@media (max-width: 960px) {
div.logotext {width: 340px; height: 30px; position: absolute; top: 8px; left: 110px; font-size: 16px; text-align: left;}
}


@media (max-width: 799px){
.headroomlogopic {width: 68px; height: 35px; background: none;}
.headroomlogoright {width: 35px; height: 35px; background: none;}
.footerroomlogoleft {background: none;}
.footerroomlogoright {background: none;}
h1 {font-weight: normal; font-size: 28px;}
.linksmenudiv {width: 98%; margin-top: 45px;}
.linksmenu {width: 32%; float: left; margin-top: 15px;}
.textlinks {width: 98%; padding-left: 4px; padding-right: 4px; }
}
@media (max-width: 800px) and (min-width: 551px){
BODY {margin: 0px}
div.textroom {}
div.maintext {}
.pictglavfloatleft {width:50%;}
.imageright {width:50%;}
}
@media (max-width: 550px){
.headroomlogo {width: 123px; height: 50px; margin: 5px; float: left;  background-image: url('//metodorf.com/img/logotipfons.png'); background-repeat: no-repeat;}
div.logoimg {width: 80px; height: 30px; position: absolute; top: 40px; left: 56px; font-size: 0px;}
div.logotext {width: 240px; height: 30px; position: absolute; top: 7px; left: 56px; font-family:'Times New Roman', Times, serif;  font-size: 14px; text-align: left;}
BODY {margin: 0px}
div.logoimg {}
div.logotext {}
.pozdrav {visibility:hidden;}
.pictglavfloatleft {width:50%;}
.imageright {width:50%;}
.addsadapt {clear: both;}

.links_title_menu {display: block; color: #333333; font-size: 14px; border: none; border-top: 1px solid #c0c0c0; TEXT-ALIGN: center;  background: none;}

.main-container {
    display: inline;
	margin: 0;
	text-align: left;
}
.main-container label{
	padding: 0;
	position: relative;
	z-index: 20;
	display: block;
	height: auto;
	cursor: pointer;
	color: #777;
	line-height: 33px;
	background: #e1e7d0;
}
.main-container label:before {
    display: block;
}
.main-container input:checked + label {
	background: #ccffcc;
}
.a-container input:checked + label {
	background: #ced8b2;
}
.main-container input{
	display: none;
	background: #ced8b2;
}

.main-container div.menumain {
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
}
.main-container input:checked ~ div.menumain {
	height: auto;
}

}
@media (max-width: 375px) and (min-width: 361px){
br {line-height: 50%;}
.pictglavfloatleft {width:50%;}
.imageright {width:50%;}
}
@media (max-width: 360px) {
.imglinks {width: 98%;}
.textlinks {width: 95%; padding-left: 1px; padding-right: 1px;}
.linksmenu {width: 100%; float: left; margin-top: 15px; margin: 0px;}
BODY  {margin: 0px; background-repeat:no-repeat; overflow: scroll;}
div.maintext {padding: 3px; }
div.topmenu {margin-top: 3px; margin-bottom: 3px; width: auto;  padding-left: 5px;  text-align: center; font-size: 14px;}
div.leftroommenyu {width: 100%;}
div.leftroomlinks {width: 100%;}
div.mediumroomtext {width: 100%;}
div.rightroommenyu {width: 100%;}
div.rightroomlinks {width: 100%;}
.copyrighttext {font: bold italic 8px sans-serif;}
DIV.links_title  {width: 100%;}
DIV.links_title_left  {width: 100%;}
DIV.links_title_left_top  {width: 100%;}
br {line-height: 50%;}
.pictglavfloatleft {width:50%;}
.imageright {width:50%;}
a {line-height: 1.8em;}
.textlinks {width: 98%;}
a.startlink {font-size: 15px;}
}
@media (max-width: 319px) {
div.logoimg {width: auto; height: 30px; position: absolute; top: 40px; font-size: 11px;}
div.logotext {width: auto; height: 30px; position: absolute; top: 7px; font-family:'Times New Roman', Times, serif;  font-size: 12px; text-align: left;}
.topmenu {padding-top: 3px; padding-bottom: 3px; font-size: 12px; padding-left: 5px;}
.imgstat {width: 100%; clear: both;}
.statimages {width:100%; height: auto;}
.copyrighttext {width: 80px; font: normal 7px sans-serif;}
.imageright {width:100%;}
.pictglavfloatleft {width:100%;}
div.maintext {font-size: 100%;}
h1 {font-weight: normal; font-size: 19px;}
.pozdrav {background-image: none;}
.linksmenu {width: 98%; float: left; margin-top: 15px;}
.textlinks {width: 98%;}
}
@media (max-width: 279px) {
div.logoimg {width: 90%; height: 30px; position: absolute; top: 40px; left: 10px; font-size: 11px;}
div.logotext {width: 80%; height: 30px; position: absolute; top: 7px; left: 10px; font-family:'Times New Roman', Times, serif;  font-size: 10px; text-align: left;}
.headroomlogo {width: 123px; height: 50px; margin: 5px; float: left;  background-image: none;}
.topmenu {width: auto;  padding-left: 5px; font-size: 10px;}	
}
@media (max-width: 239px) {
BODY  {min-width: 160px;}
.headroomlogo {width: auto; height: 50px; float: left;  background-image: none;}
div.logotext {}
div.logoimg {}
div.maintext {padding: 3px; font-size: 90%;}
h1 {font-weight: normal; font-size: 16px;}
}