@import url('reset.css');

body { font-family: Arial; font-size: 9pt; color: #fff; text-align: center; background: url('images/bg.gif') repeat; }

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

div#obsah { position: relative; margin: 0 auto; width: 950px; text-align: left; }

  #hlavicka { clear: both; position: relative; height: 200px; }
  .en {  background: url('images/hlavicka.jpg') right no-repeat; }
  .cs {  background: url('images/hlavicka-cs.jpg') right no-repeat; }
    
    #hlavicka #logo { float: left; clear: both; position: relative; overflow: hidden; margin: 0; padding: 0; width: 555px; height: 200px; }
    #hlavicka #logo span { display: block; clear: both; position: absolute; top: 0; left: 0; z-index: 1; width: 555px; height: 200px; background: url('images/logo.jpg') no-repeat; }
    #hlavicka #logo a { display: block; padding: 20px 0 0 0; font-size: 12pt; color: #000; text-decoration: none; }
   
    #hlavicka .newsletter { position: absolute; top: 115px; left: 695px; width: 220px; color: #fff; }
      
      input.text { float: left; padding: 3px; width: 117px; height: 17px; border: 1px solid #A0A0A0; }
      input.submit { margin: 0 0 0 5px; }
      
    #hlavicka .languages { position: absolute; z-index: 3; top: 2px; right: 22px; text-align: right; }
    #hlavicka .languages a { padding: 0 2px; }
   
  #navigace { clear: both; overflow: hidden; height: 35px; text-align: center; background: url('images/navigace.gif') repeat-x; }
    
    #navigace ul { margin: 0 0 0 65px; padding: 0; list-style: none; }
    #navigace ul li { float: left; display: block; margin: 0; padding: 0; background: url('images/navigace-separator.gif') center left no-repeat; }
    #navigace ul li.last { width: 3px; height: 35px; }
    #navigace ul li a { float: left; display: block; margin: 0 0 0 3px; padding: 10px 35px; font-size: 10pt; font-weight: bold; color: #CCCCCC; text-decoration: none; }
    #navigace ul li a:hover, #navigace ul li .active { color: #fff; background: url('images/navigace-active.gif') top center no-repeat; }
    
  .hlavnipanel { clear: both; overflow: hidden; }
  .hlavnipanel .hlavnipanel-obsah { margin: 15px 0; }
    
    #levypanel { float: left; overflow: hidden; width: 280px; text-align: center; }
    #levypanel .levypanel-obsah { margin: 0 25px; }
            
      .levypanel-obsah .box { clear: both; overflow: hidden; margin: 0 0 15px 0; width: 230px; background: url('images/levypanel-box-bg.gif') repeat-y; }
      .levypanel-obsah .box h2 { padding: 9px 0 0 0; height: 26px; font-size: 15px; color: #CDCBCC; background: url('images/levypanel-box-nadpis.gif') no-repeat; }
      .levypanel-obsah .box p { margin: 15px; font-size: 8pt; text-align: justify; }
      .levypanel-obsah .box a { display: block; padding: 5px 0 0 0; font-size: 10pt; color: #CC0000; text-decoration: none; }
      .levypanel-obsah .box table { margin: 15px; width: 200px; font-size: 9pt; text-align: left; }
      .levypanel-obsah .box table { margin: 15px; width: 200px; font-size: 9pt; text-align: left; }
      .levypanel-obsah .box img { border: 5px solid #666666; }
      .levypanel-obsah .box .box-bottom { display: block; height: 8px; background: url('images/levypanel-box-bottom.gif') no-repeat; }
      
    #stredovypanel { float: left; overflow: hidden; width: 370px; text-align: justify; }
    #stredovypanel .stredovypanel-obsah { margin: 0 25px 15px 25px; }
      
      .stredovypanel-obsah h2, .vypispanel-obsah h2 { margin: 0 0 22px 0; font-size: 12pt; border-bottom: 1px solid #4B4B4B;  }
      .stredovypanel-obsah .hr, .vypispanel-obsah .hr { display: block; margin: 22px 0; clear: both; height: 1px; background-color: #999999; }
      .stredovypanel-obsah table td { padding: 0 10px 7px 0; vertical-align: top; text-align: left; }
      .stredovypanel-obsah table input { width: 200px; }
    
    /* Výpis */
    #vypispanel { overflow: hidden; width: 670px; }
    #vypispanel .vypispanel-obsah { float: left; overflow: hidden; margin: 0 20px; width: 630px; text-align: justify; }
    
      .vypispanel-obsah .vypis { float: left; overflow: hidden; margin: 3px 40px 3px 0; width: 165px; height: 310px; font-size: 8pt; text-align: center; }
      .vypispanel-obsah .vypis div { overflow: hidden; margin: 0 0 5px; height: 220px; border: 5px solid #666666; }
      .vypispanel-obsah .vypis a { display: block; font-size: 10pt; color: #CC0000; text-decoration: none; }
      .vypispanel-obsah .vypis img { display: block; }
      
      /* Detail */
      .vypispanel-obsah .detail { float: left; margin: 0 0 15px 25px; text-align: center; }
      .vypispanel-obsah .detail a { display: block; padding: 5px 0; color: #CC0000; text-decoration: none; }
      .vypispanel-obsah .detail img { display: block; border: 5px solid #666666; }
  
    #pravypanel { float: left; overflow: hidden; width: 300px; text-align: center; }
    #pravypanel .pravypanel-obsah { margin: 0 25px 15px 25px; }

      .pravypanel-obsah .box { clear: both; overflow: hidden; margin: 0 0 15px 0; width: 250px; background: url('images/pravypanel-box-bg.gif') repeat-y; }
      .pravypanel-obsah .box h2 { padding: 9px 0 0 0; height: 26px; font-size: 15px; color: #9A0000; background: url('images/pravypanel-box-nadpis.gif') no-repeat; }
      .pravypanel-obsah .box div.window { float: left; margin: 3px 0 3px 8px; height: 220px; font-size: 8pt; }
      .pravypanel-obsah .box div a { display: block; padding: 5px 0 0 0; font-size: 10pt; color: #CC0000; text-decoration: none; }
      .pravypanel-obsah .box img { display: block; width: 95px; border: 5px solid #666666; }
      .pravypanel-obsah .box .box-bottom { clear: both; display: block; height: 8px; background: url('images/pravypanel-box-bottom.gif') no-repeat; }

  #paticka { clear: both; height: 95px; text-align: center; background: url('images/paticka.gif') no-repeat; }
  #paticka .paticka-obsah { padding: 35px 0 0 0; }

      #paticka p { font-size: 8pt; color: #000; }
      
      #paticka a { padding: 0 5px 0 3px; font-size: 8pt; color: #9C0100; text-decoration: none; border-right: 1px solid #000; }
      #paticka a.last { border-right: none; }
    
/* Univerzální formátovací styly */
.c-red { color: #CC0000; }
.strong { font-weight: bold; }

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

.bg1 { background: url('images/hlavnipanel-bg1.gif') repeat-y; }
.bg2 { background: url('images/hlavnipanel-bg2.gif') repeat-y; }