html, body {
   font-family: Georgia, Constantia, Cambria, serif;
   padding: 0;
   margin: 0;
   font-size: 14px;
   color: black;
   background: white;
}
h1, h2, h3, h4, h5, h6 {
   background: transparent;
   margin-top: 8px;
   margin-bottom: 5px;
   padding: 2px 6px;
   text-decoration: none !important;
   font-family: Tahoma, Arial, Helvetica, Verdana, DejaVu, sans-serif;
}
h1 {font-size: 150%;}
h2 {font-size: 115%;}
h3 {font-size: 110%;}
h4 {font-size: 105%;}
h5 {font-size: 100%;}
h6 {font-size: 89%;}
p {
   margin: 0;
   padding: 0;
   text-align: justify;
   line-height: 140%;
}
p.left {text-align: left !important;}
p.center {text-align: center !important;}
p.right {text-align: right !important;}
p.justify {text-align: justify !important;}
p.indent {text-indent: 1.5em;}
a,
a:visited {
   color: blue;
   text-decoration: underline;
}
a:visited {
   color: purple;
}
a:hover,
a:active {
   color: black;
   text-decoration: none;
}
ul, ol {
   padding: 0;
   margin: 4px 6px 6px;
   list-style-position: inside;
   list-style-type: none;
}
img {
   border: 0px solid white;
   vertical-align: middle;
}
.imageLeft {
   float: left;
   margin-right: 10px;
}
.imageRight {
   float: right;
   margin-left: 10px;
}
.imageInline {
   float: none;
}
.bezRamecku {
   border-width: 0;
}
.sRameckem {
   border-width: 1px;
}
.visualClear {
   display: block;
   clear: both;
   line-height: 0;
   background: transparent;
}

.center {
   text-align: center;
}
.left {
   text-align: left;
}
.right {
   text-align: right;
}

pre {
   font-family: 'courier new', courier, monospace;
   font-size: 80%;
   padding: 15px;
   margin: 10px;
   border: 1px solid black;
   background: white;
   color: black;
   overflow: auto;
}

textarea {
   font-family: 'Courier New', Courier, monotype;
   line-height: 1.1;
}