/* Copyright, Tomáš Krchňák */
body {padding: 0px; background: #6DABE0 url('./img/backgro-top.gif') repeat-x left top; margin: auto; 
      text-align: center;}
      
#content-top {width: 550px; float: center; margin: 0px auto 0px auto; 
              background: #6DABE0 url('./img/content-top.jpg') no-repeat; height: 19px;}

#content-bottom {width: 552px; float: center; margin: 0px auto 0px auto; 
                 background: #6DABE0 url('./img/content-bottom.jpg') no-repeat; clear: both; height: 19px;}

#text-pole {height: auto; _height: 500px; padding: 14px; font-family: Verdana; color: black; 
            font-size: 12px; line-height: 1.9em; background: #6DABE0 url('./img/content.jpg') repeat-y top; 
            float: center; text-align: justify; margin: 0px auto 0px auto; width: 520px; min-height: 500px; 
            }
            
#text-pole a {font-weight: bold; text-decoration: underline; color: #6DABE0;}

#text-pole a:hover {font-weight: bold; text-decoration: none; color: #006CC9;}
            
#menu {width: 518px; height: 50px; padding: 3px; text-align: right !important; float: center; 
       margin: 0px auto -35px auto; font-family: Verdana; font-size: 9px; color: white;}
       
#menu a {color: white; padding: 6px; display: inline; margin: 5px; background: none; width: auto; text-decoration: underline; _padding-top: 8px;}

#menu a:hover {background-color: whitesmoke; margin: 5px; padding: 5px; color: #006DCA; display: inline; width: auto; border: 1px solid #e8e8e8; text-decoration: none;}

#header {background: transparent url('./img/header.gif') no-repeat; text-align: center; width: 760px; height: 220px;  
         margin: auto; position: relative;}
         
#header:hover {cursor: pointer;}
         
#bottom {background: transparent url('./img/backgro-bottom.gif') repeat-x left bottom; height: 220px; width: auto; 
         clear: both; margin: auto; text-align: center; _height: 220px;}
             
.first-paragraph {text-indent: 0; margin: 0;}

#text-pole p.long-text:first-letter {font-size: 18px; font-weight: bold; color: #006CC9;}

.first-letter {font-size: 18px; font-weight: bold; color: #006CC9;}

#text-pole strong {font-weight: bold; color: #006CC9;}

abbr.popisek {border-bottom: 1px dotted #006CC9;}

abbr.popisek:hover {border-bottom: 1px dotted #6DABE0; cursor: help;}

.pic-right {margin: 5px 2px 5px 8px; float: right; text-align: right; display: block; border: 4px solid #f6f6f6;}

.pic-left {margin: 5px 8px 5px 2px; float: left; text-align: right; display: block; border: 4px solid #f6f6f6;}

h1 {color: #006CC9; font-family: "Tahoma" sans-serif; letter-spacing: -0.2px; font-size: 21px; 
    font-weight: normal; margin: 10px auto auto auto; text-align: center; display: block; float: center; 
    }
    
#text-pole a.web {color: #006CC9; font-family: "Tahoma" sans-serif; letter-spacing: -0.2px; font-size: 21px; 
    font-weight: normal !important; margin: 10px auto auto auto; text-align: center; display: block; float: center; 
    text-decoration: underline;}
    
#text-pole a.web:hover {color: #2D87D0; font-family: "Tahoma" sans-serif; letter-spacing: -0.2px; font-size: 21px; 
    font-weight: normal !important; margin: 10px auto auto auto; text-align: center; display: block; float: center;
    text-decoration: none;}
    
.error-parag {width: 400px; margin: 15px auto auto auto; float: center; display: block; text-align: justify;}
            
.long-text {width: 450px !important; margin: 15px auto auto auto; float: center; display: block;
                         text-align: justify;}
.ref-pic {margin: 10px auto 20px auto; text-align: auto; border: 4px solid #fafafa; float: center; display: block;
          padding: 4px;}

.up-down {border-top: 4px solid #6DABE0; border-bottom: 4px solid #6DABE0;}

.ref-pic:hover {margin: 10px auto 20px auto; text-align: auto; border: 4px solid #f3f3f3; float: center; display: block;
          padding: 4px;}

.up-down:hover {border-top: 4px solid #509cda; border-bottom: 4px solid #509cda;}

li {list-style-type: none;}

ul {margin: 15px 0px 15px 65px;}
.list-image {display: block; background: #fff url("./img/square.gif") no-repeat; width: 6px; height: 6px; 
             margin: 9px 10px 0px auto; float: left; text-align: left;}

.backwards {unicode-bidi:bidi-override; direction: rtl;}

legend {height: 25px; width: 75px; background-color: whitesmoke; color: black; font-weight: bold; 
        border: 1px solid gray; padding: 1px 4px 1px 4px; font-size: 10px;}
        
fieldset {width: 400px; padding: 13px; border: 1px solid gray; background-color: none; float: center;
          margin: 15px auto auto auto; height: auto; text-align: right;}
          
.formular {background-color: #f4f4f4; border: 1px solid #e0e0e0;}

textarea {width: 370px; height: 100px; padding: 3px; background: #f2f2f2; border: 1px solid #c5c5c5; float: center;
          display: block; margin: 20px auto auto auto;}
          
.submit {margin-top: 9px; cursor: pointer; padding: 3px;}

.error {width: 400px; padding: 8px; float: center; margin: 10px auto 7px auto; text-align: center;
        border-top: 4px solid darkred;}
        
.ok {width: 400px; padding: 8px; float: center; margin: 10px auto 7px auto; text-align: center; 
     border-top: 4px solid #006600;}
     
div#header a {display: block; width: 100%; height: 100%;}