@import url('reset.css');

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

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

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

  #hlavicka { clear: both; position: relative; height: 256px; background: url('images/hlavicka.jpg') right no-repeat; }

    #hlavicka .languages { position: absolute; z-index: 3; top: 2px; right: 22px; text-align: right; }
    #hlavicka .languages a { padding: 0 2px; }
   
  #navigace { clear: both; padding: 210px 0 0 150px; height: 35px; text-align: center; }
    
    #navigace ul { margin: 0 0 0 65px; padding: 0; list-style: none; }
    #navigace ul li { float: left; display: block; margin: 0; padding: 0; }
    #navigace ul li.last { width: 3px; height: 35px; }
    #navigace ul li a { float: left; display: block; margin: 0 0 0 2px; padding: 10px; font-size: 10pt; font-weight: bold; color: #000; text-decoration: none; }
    #navigace ul li a:hover, #navigace ul li .active { color: #fff; }
    
  .hlavnipanel { clear: both; overflow: hidden; background-color: #071C2F; }
  .hlavnipanel .hlavnipanel-obsah { margin: 15px 0; }
    
    #levypanel { float: left; overflow: hidden; width: 265px; text-align: center; }
    #levypanel .levypanel-obsah { margin: 0 15px; }
            
    #stredovypanel { float: left; overflow: hidden; width: 470px; text-align: justify; }
    #stredovypanel .stredovypanel-obsah { margin: 0 25px 15px 25px; }
      
      .stredovypanel-obsah h2, .vypispanel-obsah h2 { padding: 13px 0 0 15px !important; font-size: 12pt; }
      .stredovypanel-obsah .hr, .vypispanel-obsah .hr { display: block; margin: 22px 0; clear: both; height: 1px; background: url('images/hr.gif') top no-repeat; }
      .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; }
    #vypispanel .vypispanel-obsah { float: left; overflow: hidden; margin: 0 15px; text-align: justify; }
      
      .vypispanel-obsah p { margin: 15px 0 0 15px !important; }
    
      .vypispanel-obsah .vypis { float: left; overflow: hidden; margin: 3px 29px 3px 0; width: 165px; height: 300px; 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: #D0961B; 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: #D0961B; text-decoration: none; }
      .vypispanel-obsah .detail img { display: block; border: 5px solid #666666; }
  
    #pravypanel { float: left; overflow: hidden; width: 250px; text-align: center; }
    #pravypanel .pravypanel-obsah { margin: 0 25px 15px 0; }

  /* Paticka */
  #paticka { clear: both; height: 111px; 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: #956211; text-decoration: none; border-right: 1px solid #000; }
      #paticka a.last { border-right: none; }

/* Univerzální formátovací styly */
.c-red { color: #CC0000; }
a { color: #D0961B; text-decoration: none; }
a:hover { color: #D0961B; text-decoration: underline; }

/* Newsletter */
.newsletter { margin: 0 15px 10px; }
.newsletter input.text { float: left; padding: 3px; width: 117px; height: 17px; border: 1px solid #A0A0A0; }
.newsletter input.submit { margin: 0 0 0 5px; }

/* Box */
.box { clear: both; overflow: hidden; margin: 0 0 15px 0; width: 250px; background: url('images/levypanel-box-bg.gif') repeat-y; }
.box h2 { padding: 13px 0 0 0; height: 36px; font-size: 17px; color: #656565; background: url('images/levypanel-box-nadpis.gif') no-repeat; }
.box p { margin: 15px; text-align: justify; }
.box a { display: block; padding: 5px 0 0 0; font-size: 10pt; color: #D0961B; text-decoration: none; }
.box table { margin: 15px; width: 200px; font-size: 9pt; text-align: left; }
.box table { margin: 15px; width: 200px; font-size: 9pt; text-align: left; }
.box img { border: 5px solid #666666; }
.box .box-bottom { display: block; height: 8px; background: url('images/levypanel-box-bottom.gif') no-repeat; }

/* Box */
.box2 { clear: both; overflow: hidden; margin: 0 0 15px 0; width: 420px; background: url('images/stredovypanel-box-bg.gif') repeat-y; }
.box2 h2 { padding: 13px 0 0 0; height: 36px; font-size: 17px; color: #656565; background: url('images/stredovypanel-box-nadpis.gif') no-repeat; }
.box2 p { margin: 15px; text-align: justify; }
.box2 a { display: block; padding: 5px 0 0 0; font-size: 10pt; color: #D0961B; text-decoration: none; }
.box2 table { margin: 15px; width: 200px; font-size: 9pt; text-align: left; }
.box2 table { margin: 15px; width: 200px; font-size: 9pt; text-align: left; }
.box2 img { border: 5px solid #666666; }
.box2 .box-bottom { display: block; height: 8px; background: url('images/stredovypanel-box-bottom.gif') no-repeat; }