@import url('reset.css');

body { font-family: Arial; font-size: 9pt; color: #fff; text-align: center; background-color: #CCECFF; }

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

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

  #hlavicka { overflow: hidden; height: 195px; background: url('images/hlavicka.png') no-repeat; }

  #hlavicka .vlajky { position: absolute; top: 25px; right: 35px; }
  #hlavicka .vlajky img { width: 24px; height: 16px; }

    #navigace { overflow: hidden; float: left; margin: 172px 40px 0; width: 900px; text-align: center;}
    #navigace a { padding: 0 15px; height: 30px; width: 150px; display: inline-block; font-size: 11pt; color: #fff; font-weight: bold; text-decoration: none; }
    #navigace a:hover { color: #023785; /*text-decoration: underline; background: url('images/menu-top-active.gif') center no-repeat;*/ }
    #navigace a.active { color: #960001;/* text-decoration: underline;*/ }
    #navigace .sep { width: 3px; height: 20px; margin: -3px; display: inline-block; background: url('images/menu-1-sep.png') no-repeat; }

    #sub-navigace { overflow: hidden; clear: both; float: left; margin: 0 40px 0; width: 900px; text-align: center;}
    #sub-navigace a { padding: 0 15px; font-size: 11pt; color: #fff; font-weight: bold; text-decoration: none; }
    #sub-navigace a:hover { color: #fff; text-decoration: underline; background: url('images/menu-top-active.png') no-repeat;/*center */ }
    #sub-navigace a.active { color: #023785; text-decoration: underline; }
    #sub-navigace .sep { width: 2px; height: 20px; background: url('images/menu-2-sep.png') no-repeat; }

  .hlavnipanel { margin: 0; min-height: 200px; clear: both; overflow: hidden; background: #fff url('images/hlavnipanel.png') repeat-y; }
  .hlavnipanel .hlavnipanel-obsah { margin: 0 0 10px; }

    #levypanel { float: left; overflow: hidden; width: 200px; }
    #levypanel .levypanel-obsah { padding: 0 0 0 10px; }
    #levypanel .levypanel-obsah p { padding: 5px 10px; }
    #levypanel .levypanel-obsah a { color: #fff; background: url('images/lmenu.gif') 0 0 repeat-x; }
    #levypanel .levypanel-obsah a { display: block; padding: 5px 0 5px 10px; height: 22px; font-size: 10pt; color: #fff; font-weight: bold; text-decoration: none; }
    #levypanel .levypanel-obsah a:hover { color: #023785; text-decoration: none; }
    #levypanel .levypanel-obsah a.active { color: #960001; text-decoration: none; } 
    span.podmenu { margin: 0 0 0 20px; font-size: 8pt; }

    #stredovypanel { float: left; overflow: hidden; width: 580px; background-color: #E6E6E6; }
    #stredovypanel .stredovypanel-obsah { margin: 15px; color: #000; }

      #stredovypanel h2 { font-size: 12pt; color: #023785; border-bottom: 1px solid #023785; }
      #stredovypanel h3 { font-size: 10pt; color: #023785; }
      #stredovypanel h4 { font-size: 9pt; color: #023785; }

    #pravypanel { float: left; overflow: hidden; width: 200px; }
    #pravypanel .pravypanel-obsah { padding: 0 10px 0 0; }
    #pravypanel .pravypanel-obsah a { color: #fff; }
    #pravypanel .pravypanel-obsah p { padding: 5px 10px; }

    .ikony { overflow: hidden; clear: both; }
  
      .ikony { overflow: hidden; margin: 5px 10px; padding: 10px 20px 10px 10px; width: 170px; height: 89px; background: url('images/ico-1.png') no-repeat; }
      .ikony h4 { font-size: 10pt; color: #fff; }
      .ikony a { font-size: 10pt; color: #fff; }
      .ikony p { margin: 0; padding: 5px 0 0 !important; }

  #paticka { clear: both; overflow: hidden; text-align: center; }
  #paticka .paticka-obsah { margin: 10px 25px 0; font-size: 8pt; color: #fff; }

  #paticka .paticka-obsah a { color: #fff; }

  .ref { display: block; height: 90px; width: 461px; margin: 0 0 15px 10px; background: url('images/ref.png') no-repeat; }
  .ref img { display: inline-block; height: 60px; width: 90px; margin: 12px 26px 18px 15px; }
  .ref .odkaz { display: inline-block; height: 40px; width: 218px; margin: 25px 0 25px 0; padding: 13px 0 13px 0; font-size: 14px; }
  .ref .odkaz a { color: black; text-decoration: none; font-weight: bold; }

/* Univerzální formátovací styly */
a { color: #023785; text-decoration: underline; }
a:hover { color: #023785; text-decoration: none; }

#levypanel h2, #pravypanel h2 { margin: 0; padding: 8px 0 0; height: 22px; font-size: 11pt; color: #fff; text-align: center; background: url('images/h2.png') top repeat-x; }

ul, p { margin: 15px 0; }
ul { list-style: none; }

table { width: 200px; }