@import url('reset.css');

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

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

/* bannery */
div#page { position: relative; margin: auto; padding: 0; width: 1230px; }
div#levy_banner { float: left; margin: 218px 5px 0 0; padding: 0; width: 160px; height: 100%; }
div#pravy_banner { float: left; margin: 218px 0 0 5px; padding: 0; width: 160px; height: 100%; }
div#levy_banner img, div#levy_banner img { bottom: 0; margin: 0; padding: 0; }
/* /bannery */

div#obsah { float:left; margin: 0 auto; width: 900px; text-align: left; background-color: #030303; }

  #hlavicka { clear: both; position: relative; overflow: hidden; height: 261px; }
    
    #hlavicka #logo { float: left; clear: both; position: relative; overflow: hidden; margin: 0; padding: 0; width: 900px; height: 261px; }
    #hlavicka #logo span { display: block; clear: both; position: absolute; top: 0; left: 0; z-index: 1; width: 900px; height: 261px; background: url('images/hlavicka.jpg') no-repeat; }
    #hlavicka #logo a { display: block; padding: 20px 0 0 0; font-size: 12pt; text-decoration: none; }
      
    .languages { position: absolute; z-index: 3; top: 5px; right: 10px; text-align: right; }
    .languages a { padding: 0 2px; }
    
  #navigace { clear: both; min-height: 50px; =min-height: 50px; _height: 50px; border-bottom: 1px solid #960001; }
    
    #navigace ul { clear: both; display: block; margin: 0; padding: 0 0 0 10px; list-style: none; }
    #navigace ul li { display: inline; margin: 0; padding: 0; }
    #navigace ul li a { float: left; display: block; padding: 15px 12px; font-family: Times News Roman; font-size: 11pt; font-weight: bold; color: #960001; text-decoration: none; }

  .hlavnipanel { clear: both; overflow: hidden; }
  .hlavnipanel .hlavnipanel-obsah { float: left; margin: 20px 0; }
      
    #levypanel { float: left; overflow: hidden; width: 300px; }
    #levypanel .levypanel-obsah { margin: 0 25px; text-align: justify; }
            
      .levypanel-obsah .item { overflow: hidden; margin: 3px 3px 15px; border: 1px solid #960001; }
      .levypanel-obsah .item .item-obsah { overflow: hidden; margin: 5px; height: 285px; }
      .levypanel-obsah ul { margin: 10px; padding: 0; list-style: none; }
      
    #pravypanel { float: left; overflow: hidden; width: 400px; }
    #pravypanel .pravypanel-obsah { margin: 0 25px 15px 25px; }

      .pravypanel-obsah h2 { padding: 0 0 5px; font-family: Times News Roman; color: #960001; background: url('images/pravypanel-h2.gif') no-repeat left bottom; }
      
    #pravypanel2 { float: left; overflow: hidden; width: 200px; }
    #pravypanel2 .pravypanel-obsah { margin: 0 10px 15px; }

    #pravypanel2 .pravypanel-obsah h2 { padding: 0 0 5px; font-family: Times News Roman; color: #960001; background: url('images/pravypanel-h2.gif') no-repeat left bottom; }
    #pravypanel2 .pravypanel-obsah img { padding: 3px; border: 1px solid #960001; }
 
    /* Výpis */
    #vypispanel { }  
    #vypispanel .vypispanel-obsah { margin: 0 25px; text-align: justify; }
    
      .vypispanel-obsah .vypis { float: left; overflow: hidden; margin: 3px 37px 3px 0; padding: 0 5px; width: 163px; height: 300px; text-align: center; }
      .vypispanel-obsah .vypis div { overflow: hidden; padding: 3px; width: 155px; height: 230px; border: 1px solid #960001; }
      .vypispanel-obsah .vypis a { display: block; color: #960001; text-decoration: underline; } 
      .vypispanel-obsah .vypis img { display: block; }
        
    /* Detail */
    #detaillevypanel { float: left; width: 550px; }
    #detaillevypanel .detaillevypanel-obsah { margin: 0 25px; }
    #detaillevypanel .detaillevypanel-obsah img { display: block; margin: 0 0 50px; padding: 3px; border: 1px solid #960001; }
    
    #detailpravypanel { float: right; width: 300px; }
    #detailpravypanel .detailpravypanel-obsah { margin: 0 25px; }
    #detailpravypanel .detailpravypanel-obsah table { width: 250px; }    
    #detailpravypanel .detailpravypanel-obsah table td { width: 125px; }    
      
  #paticka { clear: both; }
  #paticka .paticka-obsah { padding: 5px 10px; }
      
    #paticka p { margin: 5px 0; }
      
    #paticka a { padding: 0 5px 0 3px; font-size: 10pt; text-decoration: none; border-right: 1px solid #fff; }
    #paticka a.last { border-right: none; }
    
/* Univerzální formátovací styly */

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

.hr { display: block; margin: 25px 0 20px; height: 4px; }

p { margin: 10px 0; }

h2 { padding: 0 0 5px; font-family: Times News Roman; color: #960001; background: url('images/levypanel-h2.gif') no-repeat left bottom; }
h3 { padding: 0 0 5px; font-family: Times News Roman; font-size: 10pt; color: #960001; background: url('images/levypanel-h2.gif') no-repeat left bottom; }

.strong { font-weight: bold; }

table { width: 300px; }
td { vertical-align: top; }

fieldset { padding: 10px; }