/* CSS Document */

.groupdiv:before,
.groupdiv:after {content:" "; display:table;}
.groupdiv:after {clear:both;}
.groupdiv { clear: both; *zoom: 1;}/* ***css_base_template **** */

body {
	padding: 0;
	margin: 0;
	font-family: Arial,Helvetica,sans-serif;
  background-color: #cacaca;
  font-size: 90%;
  line-height: 140%;
}

img {
  /*box-sizing: border-box;*/
  max-width: 95%;
  padding:5px;
}

p {
  margin: 4px 0px;
  line-height: 140%;
}

h1,h2,h3,h4 {
  color: green;
  line-height:1.1em;
}

.hhh {
  display:inline;
  font-size: 1em;
  color: green;
  line-height:1.1em;
}

.uctovnik {
  float: left;
  margin: 5px 5px;
  /*height: 260px;*/
  width: 200px;
}

.titulbox {
  float: left;
  width: 29.5%;
  margin: 10px 0.5%; 
  border: 1px solid green; height: 100%; 
  padding: 5px 0.5%; background: rgb(242, 250, 242); 
  border-radius: 5px;
}

.titulbox ul {
  padding-left: 20px;
}

.dolenatitulke {
  clear: both;
}

.papier {
  box-sizing: border-box;
  margin: 0px auto;
  max-width: 975px;
  background-color: #fcfcfc;
  width: 100%;
  padding: 5px 2% 30px 2%;
}

.logo {
  float: left;
  border:none;
}

.castlogin {
  float: right;
}

.loginbutton {
  background: rgb(110, 184, 92);
  display:block;
  color: white; 
  border: 1px solid gray;
  padding:5px;
  border-radius: 4px; 
  font-weight: bold; cursor:pointer; text-decoration:none; text-align:center;
}

.reglink {
  color: green;
  margin-left:10px;
  font-size:80%;
}

.loginbutton:hover {
  color:#FFCC66;
}

.halftab {
  width:47%;
  float: left;
  margin: 10px 10px;
}

table {
  border-collapse: collapse;
}

table, th, td {
  border: 1px solid black;
  padding: 2px;
}

.tab10 tr td,th {
  padding:10px;
}

.tab5 tr td,th {
  padding:5px;
}

td p {
  margin: 1px;
}

.hide {
  display:none;
}

.menu {
  background-color:green;
  padding: 5px;
  padding-bottom: 0;
}

.volbajazyka {
  float:right;
}

.volbajazyka img {
  border: 1px solid white;
  margin:3px 5px;
  width:20px;
  height:13px;
}

.nadpisklogu {
  font:Arial, Helvetica, sans-serif;
  color: green;
  padding: 5px 5px 0 5px;
  font-size: 1em;
}

.nadpisklogu h1,h4 {
  display:inline;
  font-size: 1em;
}

.footercolumn {
  column-count: 3;
}

#mobilmenu {
  display:none;
  float:right;
  padding: 0 2px 0 15px;
  text-decoration: underline;
}

#menusor {
  display:block;
  position:initial
}

.csik {
  width:15px;
  height: 3px;
  background-color: white;
  float: left;
  margin-bottom:3px;
}

.csikdiv {
  width:20px;
  height:20px;
  float:right;
  padding: 8px 4px 4px 9px;
  border: 5px solid darkgray;
  background-color: green;
  border-radius: 50%;
  position: fixed;
  bottom: 30px;
  right: 10px;
}

.menu .usko {
  float:left;
	line-height:30px;
	padding:0px 10px;
	margin-right:5px;
	border-radius:5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;
	-o-border-radius:5px 5px 0px 0px;
	font-style:italic;
	color:#FFFFFF;
	cursor:pointer;
  text-decoration:none;
}
        
.menu .big {
  color:#000000; 
  background:#fcfcfc;
}

.menu .usko:hover {
  color:#FFCC66;
}

.menusor {
  float: left;
}

.obsah {
  word-break: break-word;
}

@media only screen and (max-width :18cm) {
  body {
    font-size: 110%;
  }
  
  .titulbox {
    width: 91%;
    margin: 5px 2%;
  }
  
  .menu .big {
    color: white;
  }
  
  .menu .big:before {
    content: ">> ";
  }
  
  .menu .big:after {
    content: " <<";
  }
    
  .papier {
    width: 100%;
    min-width: 250px;
    padding: 10px;
  }
  
  .footercolumn {
    column-count: 2;
  }
  
  .halftab {
    width:99%;
  }
    
  #mobilmenu {
    display:block;
    color:white;
  }
  
  #menusor {
    display:none;
    position: fixed;
    top:150px;
    height:auto;
    width:75%;
  }
  
  #menusor a {
    display:block;
    width:100%;
    float:left;
    background-color:green;
    text-align:center;
    margin: 1px;
    border:1px solid white;
    padding:5px; 30px;
    font-size:1.3em;
  }
}
  
@media only screen and (max-width :600px) {
  .nadpisklogu {
    clear:both;
  }
}