/* ========== Obecne direktivy ========== */
* {margin: 0; padding: 0;}
html {height: 100%; font-size: 62.5%;}
body {height: 100%; font: 1.2em Verdana, Arial, Helvetica, sans-serif; text-align: center;
color: navy; padding-bottom: 60px;}
table {font: 1em Verdana, Arial, Helvetica, sans-serif;}
form {font: 1em Verdana, Arial, Helvetica, sans-serif;}

/* ========== Layout ========== */
#obal {
   width: 90%;
   max-width: 900px;
   min-width: 500px;
   margin: 20px auto 20px auto;
   text-align: left;
   border: 1px solid green;
   background: url('pozadi.gif') repeat-y 25% 0;  
   }

#hlavicka {
   padding: 10px;
   border-bottom: 1px solid green;
   background: #F0FBDF;
   }

#sloupec1 {
   float: right;
   width: 78%;
   text-align: justify;
   line-height: 1.5em;
   }

#sloupec2 {
   display: block;
	 float: left;
   width: 20%;
   text-align: left;
   margin-left: 5px;
   margin-top: 5px;
   line-height: 1.5em;   
   }

#sloupec1-in, #sloupec2-in {
   margin: 0.8em 1.2em;
   }

.cleaner {
   clear: both;
   height: 0;
   font-size: 0;
   visibility: hidden;
   }

#paticka {
   padding: 10px;
   border-top: 1px solid green;
   background: #F0FBDF;
   }


/* ========== Ostatni ========== */
h2, h3 {margin-bottom: 5px;}
p {line-height: 1.5; margin-bottom: 14px;}
ul li {margin-bottom: 3px;}
.noscreen {display: none;}