/* 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;
  font-size: 120%;
  line-height: 140%;
  background-color: #cacaca;
}

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

img { max-width: 95%; padding:5px;}

p { margin: 4px 0px; line-height: 140%;}
h1,h2,h3,h4 { color: blue; line-height:1.1em;}
.hhh {display:inline; font-size: 1em; color: blue; line-height:1.1em;}

.dolenatitulke { clear: both; }

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


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

.gsc-search-box td {
  border: 0px;
}
.searchdiv {
  float: right;
  font-size: smaller;
}

.tab10 tr td,th { padding:10px;}
.tab5 tr td,th { padding:5px;}
td p { margin: 1px; }

.hide{display:none;}

.menu { background-color:lightgrey; padding: 5px; padding-bottom: 0;}
.footer { font-size: 0.9em;}

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

.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: lightgrey;
    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;
	font-weight: bold;
	color: black;
	cursor:pointer;
   text-decoration:none; }
        
.menu .big { color:#000000; 
background:#fcfcfc;
	
  }        
.menu .usko:hover { color: gray; }
a:hover{
  color: gray;
}
.menusor { float: left; }
.obsah { min-height:400px; word-break: break-word;}

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

.sargabox{
  border: 1px solid grey;
  background: lightyellow;
  text-align: center;
}

@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: " <<"; }
    .nadpisklogu h1,h4 { font-size: 0.9em;}
    
    .papier {width:auto; min-width: 250px; padding: 10px; }
    .footercolumn { column-count: 2; }
    
    #mobilmenu {display:block; color:white;}
    #menusor {display:none; position: fixed; bottom:10px; height:auto; width:75%; }
    #menusor a {display:block; width:100%; float:left; background-color:lightgrey;  text-align:center; margin: 1px; border:1px solid white;  padding:5px; 30px; font-size:1.3em;}
  }
  
  @media only screen and (max-width :550px)
  {
    .nadpisklogu { clear:both; }
  
  }