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

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

p { margin: 4px 0px; line-height: 140%;}
h1,h2,h3,h4 { color: #444;  line-height: 1.25em;}
h4 { font-size:2em; margin:0.67em 0;}

.uctovnik { 
  float: left;
  width: 120px;
  margin: 5px 15px;
  height: 260px;
}
.flex {display: flex;}

.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 { margin: 0px auto; max-width:1090px; background-color:#fcfcfc; width: 100%; padding: 5px 2% 30px 2%; }

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


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:#0099cc; padding: 5px; padding-bottom: 0; color:white;}
.volbajazyka { float:right; }
.volbajazyka img { border: 1px solid white; margin:3px 5px; width:20px; height:13px; }

.nadpisklogu { 	font:Arial, Helvetica, sans-serif; color: #ff6600; padding: 5px 5px 0 5px; font-size: 1em;}
.nadpisklogu h1,h4 {font-size: 1.5em;}
.footercolumn { column-count: 3; }

.obsahleft { width:70%; float:left;}
.obsahright  { width:28%; float:right;}

#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: #ff6600;
    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; }
.hlavicka { width: 95%; }        
.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:auto; min-width: 250px; padding: 10px; }
    .footercolumn { column-count: 2; }
    
    .obsahleft { width:100%; float:left;}
    .obsahright  { width:100%; float:left;}

    
    #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:#FF6600;  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; }
  
  }