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;
}

#wrapper {
    clear: left;
}