@import url('reset.css');

body { margin: 0; font-family:"Trebuchet MS",sans-serif; font-size: 10pt; color: #3E3E3E; text-align: center; background: url('images/bg.gif') 0 80px repeat-x; }

/* ----------------------------------------------------------------------------------------------------------
Layout
---------------------------------------------------------------------------------------------------------- */

/* Obsah */
#obsah { position: relative; margin: auto; width: 900px; text-align: left; }

  /* Lista */
  #lista {position: fixed;} /* pro Mozillu */
  #lista {position: "absolute";} /* pro IE */
  #lista { z-index: 100; top: 0; left: 0; width: 100%; background-color: #F0F0F0; }
  #lista .lista-obsah { position: relative; margin: auto; width: 900px; font-size: 7pt; color: #6E6E6E; text-align: center; }
  
  /* Hlavicka */
  #hlavicka { clear: both; overflow: hidden; margin: 10px 0 0; }
  
    #hlavicka .logo { display: block; padding: 20px 0 0; }
    #hlavicka a, #hlavicka a:hover { color: #e81615; text-decoration: none; }
  
    #hlavicka ul { float: right; margin: 0; padding: 25px 0 0 15px; }
    #hlavicka ul li { display: inline; margin: 0; padding: 0; list-style-type: none; }      
    #hlavicka ul li a { float: left; display: block; margin: 0 10px; font-weight: bold; color: #005FA9; text-decoration: none; }
    #hlavicka ul li a:hover, #hlavicka ul li.active a { color: #e81615; text-decoration: none; border-bottom: 1px solid #e81615; }

  /* Banner */
  #banner { clear: both; overflow: hidden; margin: 22px 0 0; height: 200px; }
    .banner-obsah { padding: 15px 0; }
    
    .banner-obsah ul { margin: 20px 0 0; padding: 0; }
    .banner-obsah ul li { margin: 0 0 15px; padding: 0 0 0 25px; font-size: 11pt; color: #005FA9; background: url('images/li.gif') 0 50% no-repeat; }

  /* Hlavnipanel */
  #hlavnipanel { clear: both; overflow: hidden; margin: 20px 0; }

    /* Levypanel */
    .levypanel { float: left; overflow: hidden; width: 600px; }
    .levypanel-obsah { text-align: justify; line-height: 150%; }
    .levypanel-obsah a { text-decoration: underline; }
    .levypanel-obsah a:hover { text-decoration: none; }

    /* Pravypanel */
    .pravypanel { float: right; overflow: hidden; width: 300px; }
    .pravypanel-obsah { padding: 0 18px; }
    .pravypanel-obsah table, .pravypanel-obsah ul { margin-left: 0; padding-left: 0; }
    
  /* Paticka */
  #paticka { clear: both; overflow: hidden; margin: 0 0 10px; height: 71px; background: url('images/paticka.gif') 0 0 no-repeat; }
    .paticka-obsah { padding: 23px 20px; font-size: 9pt; color: #5B5B5B; }
    
    .paticka-obsah a { color: #5B5B5B; text-decoration: underline; }
    .paticka-obsah a:hover { color: #000; text-decoration: none; }
    
/* ----------------------------------------------------------------------------------------------------------
Univerzalni formatovaci styly
---------------------------------------------------------------------------------------------------------- */

.bg-01 { padding: 10px; background-color: #EFF5FB; }
.big { font-size: 26pt; color: #e81615; }
.big2 { font-size: 15pt; color: #e81615; }
.big3 { font-size: 17pt; color: #e81615; }
.small { font-size: 8pt; color: #999; }

.out { margin: 0 8px 0 0; }

.cols { clear: both; }
.cols .col-l { float: left; width: 50%; }
.cols .col-r { float: right; width: 50%; }

/* ----------------------------------------------------------------------------------------------------------
Obecne HTML tagy
---------------------------------------------------------------------------------------------------------- */

p, table, ul { margin: 5px 0 25px; }

h1 { margin: 0; font-size: 18pt; color: #005FA9; }
h2 { clear: both; margin: 0; font-size: 15pt; color: #005FA9; }
h3 { clear: both; margin: 0; font-size: 13pt; color: #005FA9; }
h4 { clear: both; margin: 0; font-size: 11pt; color: #005FA9; }

table { border-collapse: collapse; border-spacing:0; }
.levypanel-obsah td { padding: 8px 10px 8px 0; vertical-align: top; border-bottom: 1px solid #fff; }
.pravypanel-obsah td { padding: 8px 10px; vertical-align: top; border-bottom: 1px solid #fff; }

ul { margin-left: 30px; }
li { list-style-type: none; }

input.input { padding: 2px; width: 250px; border: 1px solid #D4D4D4; }
input.submit { padding: 5px; border: 1px solid #D4D4D4; }
textarea { padding: 2px; width: 250px; height: 90px; border: 1px solid #D4D4D4; }

a { color: #000; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }