@import url('reset.css');

body { font-family: Arial; font-size: 9pt; color: #CCCCCC; 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; background: url('images/hlavicka.jpg') right no-repeat; }
    
    #hlavicka #logo { float: left; clear: both; position: relative; overflow: hidden; margin: 0; padding: 0; width: 950px; height: 200px; }
    #hlavicka #logo span { display: block; clear: both; position: absolute; top: 0; left: 0; z-index: 1; width: 950px; height: 200px; background: url('images/logo.jpg') no-repeat; }
    #hlavicka #logo a { display: block; padding: 0; font-size: 1pt; color: #000; text-decoration: none; }

    #hlavicka .languages { position: absolute; z-index: 3; top: 5px; right: 10px; text-align: right; }
    #hlavicka .languages a { padding: 0 2px; }

  #navigace { clear: both; overflow: hidden; height: 38px; text-align: center; background: url('images/navigace.gif') bottom repeat-x; }
    
    #navigace ul { margin: 0; padding: 0; list-style: none; }
    #navigace ul li { display: inline; margin: 0; padding: 0; }
    #navigace ul li a { float: left; display: block; }    
    #navigace span { display: none; }
    
    /* EN */    
    #navigace a.nav-1 { overflow: hidden; width: 119px; height: 35px; background: url('images/nav-1.gif') top left no-repeat; }
    #navigace a.nav-2 { overflow: hidden; width: 136px; height: 35px; background: url('images/nav-2.gif') top left no-repeat; }
    #navigace a.nav-3 { overflow: hidden; width: 210px; height: 35px; background: url('images/nav-3.gif') top left no-repeat; }
    #navigace a.nav-4 { overflow: hidden; width: 122px; height: 35px; background: url('images/nav-4.gif') top left no-repeat; }
    #navigace a.nav-5 { overflow: hidden; width: 116px; height: 35px; background: url('images/nav-5.gif') top left no-repeat; }
    #navigace a.nav-6 { overflow: hidden; width: 117px; height: 35px; background: url('images/nav-6.gif') top left no-repeat; }
    #navigace a.nav-7 { overflow: hidden; width: 130px; height: 35px; background: url('images/nav-7.gif') top left no-repeat; }
    
    /* CS */
    #navigace a.nav-1-cs { overflow: hidden; width: 119px; height: 35px; background: url('images/nav-1-cs.gif') top left no-repeat; }
    #navigace a.nav-2-cs { overflow: hidden; width: 136px; height: 35px; background: url('images/nav-2-cs.gif') top left no-repeat; }
    #navigace a.nav-3-cs { overflow: hidden; width: 210px; height: 35px; background: url('images/nav-3-cs.gif') top left no-repeat; }
    #navigace a.nav-4-cs { overflow: hidden; width: 122px; height: 35px; background: url('images/nav-4-cs.gif') top left no-repeat; }
    #navigace a.nav-5-cs { overflow: hidden; width: 116px; height: 35px; background: url('images/nav-5-cs.gif') top left no-repeat; }
    #navigace a.nav-6-cs { overflow: hidden; width: 117px; height: 35px; background: url('images/nav-6-cs.gif') top left no-repeat; }
    #navigace a.nav-7-cs { overflow: hidden; width: 130px; height: 35px; background: url('images/nav-7-cs.gif') top left no-repeat; }

    #navigace a:hover { background-position: bottom left; }
    #navigace li.active a { background-position: bottom left; }
    
  .hlavnipanel { clear: both; overflow: hidden; background-color: #000000; }
  .hlavnipanel .hlavnipanel-obsah { margin: 0 0 10px 0; }
    
    #levypanel { float: left; overflow: hidden; width: 225px; text-align: center; }
    #levypanel .levypanel-obsah { margin: 15px 15px; }
    
      .levypanel-obsah .nadpis-1 { clear: both; position: relative; overflow: hidden; margin: 0; padding: 0; width: 195px; height: 66px; }
      .levypanel-obsah .nadpis-1-cs { clear: both; position: relative; overflow: hidden; margin: 0; padding: 0; width: 195px; height: 66px; }
      .levypanel-obsah .nadpis-1 span { display: block; clear: both; position: absolute; top: 0; left: 0; z-index: 1; width: 195px; height: 66px; background: url('images/levypanel-nadpis-1.gif') no-repeat; }
      .levypanel-obsah .nadpis-1-cs span { display: block; clear: both; position: absolute; top: 0; left: 0; z-index: 1; width: 195px; height: 66px; background: url('images/levypanel-nadpis-1-cs.gif') no-repeat; }

      .levypanel-obsah .thumb { overflow: hidden; margin: 15px; width: 170px; }
      .levypanel-obsah .thumb a { display: block; padding: 5px 0 0 0; color: #FFCC00; text-decoration: none; }
      .levypanel-obsah .thumb img { display: block; padding: 4px; width: 155px; border: 1px solid #FFCC00; } 
      .levypanel-obsah .thumb span { display: block; padding: 0 10px; }
      
      .levypanel-obsah .newsletter-en { overflow: hidden; width: 195px; height: 182px; background: url('images/newsletter.gif') no-repeat; }
      .levypanel-obsah .newsletter-cs { overflow: hidden; width: 195px; height: 182px; background: url('images/newsletter-cs.gif') no-repeat; }
        .newsletter-obsah { padding: 90px 0 0 10px; text-align: left; }
        .newsletter-obsah input.news-input { margin: 0 0 5px 0; width: 160px; padding: 3px; font-weight: bold; border: 1px solid #A1A1A1; }
      
    #stredovypanel { float: left; overflow: hidden; width: 425px; text-align: justify; }
    #stredovypanel .stredovypanel-obsah { padding: 20px 15px 15px; }
      
      fieldset.action { margin: 0 0 15px; padding: 0 15px; text-align: justify; border: 1px solid #FDCA00; }
      fieldset.action legend { margin: 0 90px; padding: 0 5px; font-size: 12pt; color: #FDCA00; }
      fieldset.action ul { margin: 10px; padding: 0; list-style: none; color: #FDCA00; }
      
      #stredovypanel h2 { margin: 0; font-size: 12pt; color: #fff; }
      #stredovypanel h3 { margin: 0; font-size: 10pt; color: #fff; }
      #stredovypanel h4 { margin: 0; font-size: 9pt; color: #fff; }
      #stredovypanel p { margin: 0; }
      #stredovypanel table { width: 100%; font-size: 9pt; }
      #stredovypanel table td { padding: 0 10px 7px 0; vertical-align: top; text-align: left; }
  
    #pravypanel { float: left; overflow: hidden; width: 300px; text-align: center; }
    #pravypanel .pravypanel-obsah { margin: 0 15px 30px; }
    
      .pravypanel-obsah .nadpis-2 { clear: both; position: relative; overflow: hidden; margin: 0; padding: 0; width: 270px; height: 76px; }
      .pravypanel-obsah .nadpis-2 span { display: block; clear: both; position: absolute; top: 0; left: 0; z-index: 1; width: 270px; height: 76px; background: url('images/pravypanel-nadpis-2.gif') no-repeat; }
      .pravypanel-obsah .nadpis-2-cs { clear: both; position: relative; overflow: hidden; margin: 0; padding: 0; width: 270px; height: 76px; }
      .pravypanel-obsah .nadpis-2-cs span { display: block; clear: both; position: absolute; top: 0; left: 0; z-index: 1; width: 270px; height: 76px; background: url('images/pravypanel-nadpis-2-cs.gif') no-repeat; }
      
      .pravypanel-obsah .thumb { float: left; overflow: hidden; margin: 10px 10px 10px 13px; width: 110px; height: 214px; }
      .pravypanel-obsah .thumb a { display: block; padding: 5px 0 0 0; color: #FFCC00; text-decoration: none; }
      .pravypanel-obsah .thumb img { display: block; padding: 4px; width: 100px; border: 1px solid #FFCC00; } 
      .pravypanel-obsah .thumb span { display: block; padding: 0 10px; }

    /* Výpis */
    #vypispanel { overflow: hidden; }
    #vypispanel .vypispanel-obsah { margin: 20px; width: 910px; text-align: center; }
    
      .vypispanel-obsah h2 { font-size: 10pt; color: #fff; }
      .vypispanel-obsah .vypis { float: left; overflow: hidden; margin: 3px 6px; height: 325px; text-align: center; }
      .vypispanel-obsah .vypis a { display: block; padding: 5px 0; color: #FFCC00; text-decoration: none; }
      .vypispanel-obsah .vypis img { display: block; padding: 4px; width: 155px; border: 1px solid #FFCC00; }

    /* Detail */
    #detail-levypanel { float: left; overflow: hidden; width: 285px; }
    #detail-levypanel .detail-levypanel-obsah { margin: 15px 0 15px 10px; text-align: left; }
    
      .detail-levypanel-obsah .nadpis-3 { clear: both; position: relative; overflow: hidden; margin: 0; padding: 0; width: 271px; height: 73px; }
      .detail-levypanel-obsah .nadpis-3 span { display: block; clear: both; position: absolute; top: 0; left: 0; z-index: 1; width: 271px; height: 73px; background: url('images/levypanel-nadpis-3.gif') no-repeat; }
      .detail-levypanel-obsah .nadpis-3-cs { clear: both; position: relative; overflow: hidden; margin: 0; padding: 0; width: 271px; height: 73px; }
      .detail-levypanel-obsah .nadpis-3-cs span { display: block; clear: both; position: absolute; top: 0; left: 0; z-index: 1; width: 271px; height: 73px; background: url('images/levypanel-nadpis-3-cs.gif') no-repeat; }

      .detail-levypanel-obsah h3 { font-size: 10pt; color: #fff; }
      
      .detail-levypanel-obsah table { width: 250px; }
      .detail-levypanel-obsah table td { width: 175px; }

    #detail-pravypanel { overflow: hidden; }
    #detail-pravypanel .detail-pravypanel-obsah { margin: 55px 20px; text-align: center; }
    
      .detail-pravypanel-obsah h2 { font-size: 10pt; color: #fff; }
      .detail-pravypanel-obsah .detail { float: left; overflow: hidden; margin: 27px 30px 18px 30px; =margin: 26px 30px 18px 30px; text-align: center; }
      .detail-pravypanel-obsah .detail a { display: block; padding: 5px 0; color: #FFCC00; text-decoration: none; }
      .detail-pravypanel-obsah .detail img { display: block; padding: 4px; border: 1px solid #FFCC00; }
      
  #paticka { clear: both; text-align: center; }
  #paticka .paticka-obsah { margin: 20px 0; font-size: 8pt; color: #fff; }

    .paticka-obsah a { padding: 0 5px 0 3px; font-size: 8pt; color: #FDCA00; text-decoration: none; border-right: 1px solid #fff; }
    .paticka-obsah a.last { border-right: none; }
    
/* Univerzální formátovací styly */

.c-yellow { color: #FDCA00; }
.c-white { color: #fff; }

.fs-90 { font-size: 90%; }
.fs-110 { font-size: 110%; }
.fs-big { font-size: 150%; }

.hr { display: block; margin: 22px 0; clear: both; height: 3px; background: url('images/span-hr.gif') repeat-x; }

.border { margin: 15px 0; padding: 10px; text-align: justify; border: 1px solid #FDCA00; }

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

p { margin: 15px 0; }

table { width: 200px; }