/* CSS Document */
body{margin:0;font-size:16px;}
.header{background:#e6c45b;}
.heading{max-width:1200px;margin:auto;}
.logcont{float:left;margin-left:1em;padding:0.5em; width:450px;}
.logcont a {color:black;}
.logcont img {float: left;}
.chooselang{float:right;margin:20px;}
.chooselang img{width:50px;margin-right:14px;}
.mobilmenu img{width:50px;display:none;}
.group:before,.group:after{content:" ";display:table;}
.group:after{clear:both;}
.menu li{list-style:none;float:left;margin:3px 23px;}
.menu a{text-decoration:none;width:135px;text-align:center;t/ext-transform:capitalize;font-weight:bold;color:white;font-size:1.4em;}
.menu a:hover{border:1px solid grey;background-color:grey;border-radius:5px;}
.menu a:first-letter{text-transform:capitalize:}
.menu{display:inline-block;padding:0; margin: 5px 0;}
.navbar{text-align:center;border-top:1px solid grey;background:#3c3b3b;}
.logotext{text-transform:uppercase;float:left;font-size:65px;margin-left:14px;margin-top:10px;}
.alsotext{background-color:#3c3b3b;color:white;padding:1px;}
.alsotext a {color:white;}
.maina{background:#f6f6f6; padding:10px 10px; min-height:300px;}
.maina h2{margin-top:0;}
.nyelvmenu{display:none}

@media screen and (max-width:700px){
.logotext{font-size:47px;margin-top:12px;}
.logcont img{width:75px;}
.logcont {width:340px;}
}

@media screen and (max-width:550px){
.logotext{font-size:47px;margin-top:12px;}
.nyelvmenu{display:block}
.nyelvmenu img {width: 50px;}
.logcont img{width:75px;}
.chooselang{text-align:center;float:none;clear:both;display:none;}
.menu{width:100%;}
.menu li{float:none;background:#827e7e;margin:3px 0px;width:100%;padding:5px 0;height:55px;line-height:55px;}
.menu a{width:100%;display:block;}
.nyelvmenu a {display:inline;}
.mobilmenu img{width:35px;float:right;margin:10px;display:block;margin-top:28px;}
.container{min-height:2px;background:grey;}
.navbar{display:none;position:absolute;width:100%;}
.alsotext {font-size:0.9em;}
}
@media screen and (max-width:430px){.logcont{margin-left:0;}
.logotext{margin-left:4px;font-size:35px;margin-top:12px;}
.logcont {width:275px;}
}
.lekciatext { width:45%; float: left; color: rgb(0,153,102); 
  font-weight: bold; margin-bottom: 0.5em; }
.slovnikcast {  float:right;  width:54%; }
.slovnikcast h3 { margin: 5px 0 ;}
.slovnikcast table {  border-collapse: collapse; }
.slovnikcast table, th, td { vertical-align:top;  border-bottom: 1px solid lightgrey; }
.slovo-original { font-weight: bold;  color: rgb(0,153,102); }
.lrorig span.noveslovo {  border-bottom: 1px dotted; }
.lrorig span.noveslovo:hover {  background-color:yellow;  cursor:pointer; }
.lrprekl {  color:  rgb(128,128,128);  font-weight:normal;  font-style: italic;  
       padding-left: 5px; }
.slovo-original span {  font-weight:normal;  color:  rgb(128,128,128); }
.slovo-preklad { }
.tblsklonovania td:not(:nth-child(1)) { font-weight: bold;  color: rgb(0,153,102); }
.tblsklonovania td,th { padding:1px 5px; border: 1px solid lightgrey; font-weight:normal;}
.tblsklonovania {  border-collapse: collapse; margin:3px; border: 2px solid grey; min-width:320px;  }
.tblsklonovania th span { color: rgb(0,153,102); font-size:1.1em; font-weight:bold;}
.tblsklonovania th a { font-weight:bold;}

@media only screen and ( max-width :18cm ) {
 .lekciatext {  width:100%; }
 .slovnikcast {  width:100%; }
}
/* CSS Document */
body {max-width:1200px; margin:0 auto;}
* { box-sizing: border-box; }
.ytbvideo { width: 350px; height:195px; margin: 10px 0px 10px -5px; }
.songlist span { color: rgb(128,128,128);}
.songlist a { font-size: 1.2em; }
figure {margin:5px auto; max-width:96%; text-align:center;}
figcaption {color: grey; font-style: italic; margin: 0 auto;}
article img {max-width:100%; margin: 0 auto;}
.textrow   {   clear: both;   width: 95%;   min-height: 1em;   margin-bottom: 0.3em; }
.textoriginal  {  float: left;  width: 48%;  font-weight: bold;  color: rgb(0,153,102);
  min-height: 0.3em;
}
.texttranslation {    float: right;  width: 48%;  font-style: italic;  
  color:  rgb(128,128,128);   min-height: 0.3em;
}	
.srctext {clear: both;  color: grey;}
.capital::first-letter { text-transform:capitalize; }
.capital span { color:rgb(0,153,102); }
.multicol1 {column-count:3; }
.minigrey { font-size:0.8em; color: rgb(128,128,128);}

@media only screen and ( max-width :18cm ) {

 h1 {font-size: 1.4em;}
 h2 {font-size: 1.3em;}
 h3 {font-size: 1.2em;}
.textoriginal  {  width: 98%; }
.texttranslation {  width: 96%;}	
.multicol1 {column-count:2; }
}

.w100 { width: 100% }