html, body{ 
 padding:3px; 
 font-family: Georgia, serif;
 font-size:11pt;
 } 

a.nav-link{ color:black; font-weight:bold; }
a.nav-link-lang{ color:red; font-weight:bold; }
a { text-decoration: none; }
a.title{ color:black; }
a img {border:none; }


#top {
width:100%;
position:relative; 
}

#header{
 position:relative; 
 width:100%;
 font-size:1.4em;
padding-left:0.5em;
font-style:italic;
} 

#motto{
float:right;
text-align:right;
width:40%;
padding-top:1em;
}

#motto p {
margin-top:0.1;
margin-bottom:0.1;
}

div.spacer {
clear:both;
}

p.author {
float:right;
}
.float-left{
float:left;
}

li {
margin-left:-2em;
margin-bottom:1em;
list-style-position:inside;
}

img.slaby-img {
float:left;
padding-right:2em;
}
 
#leftcol{
 width:35%; 
 float:left; 
 position:relative; 
 background-color:#FFFFFF; 
 }


 
#twocols{
 width:65%; 
 float:right; 
 position:relative; 
  }
 
#rightcol{
 width:50%; 
 float:right; 
 position:relative; 
 background-color:#FFFFFF;
 }

 
#maincol{background-color: #FFFFFF;  
 float: left; 
 display:inline; 
 position: relative; 
 width:50%; 
 }


.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


div.content{
  padding-top:0em;
  padding-left:1em;
  padding-right:0.5em;
}

h1 {
padding-left:0.3em;
clear:none;
}

h3{
 font-size:12pt;
}