body { margin: 0; font-family: Arial; font-size: 8pt; color: #DBC9BA; text-align: center; background: #C9B8A8 url('images/bg.gif') repeat-x; }

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

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

  div#hlavicka { width: 760px; height: 136px; }

    div.hlavicka-obsah h1 { float: left; clear: both; position: relative; overflow: hidden; margin: 0; padding: 0; width: 760px; height: 136px; }
    div.hlavicka-obsah h1 span { display: block; clear: both; position: absolute; top: 0; left: 0; z-index: 1; width: 760px; height: 136px; background: #241A18 url('images/hlavicka.gif') bottom no-repeat; }
    div.hlavicka-obsah h1 a { display: block; padding: 83px 0 0 0; font-size: 14pt; font-weight: bold; color: #FC8100; text-decoration: none; }

  div#hlavnipanel { float: left; width: 760px; clear: both; }
  
    div.levypanel { float: left; overflow: hidden; width: 220px; height: 442px; background: url('images/levypanel.jpg') no-repeat; }
    div.levypanel div.levypanel-obsah { padding: 10px 33px 0 0; text-align: right; }
    
      div.levypanel-obsah ul { list-style: none; }
      div.levypanel-obsah li { display: block; _padding: 1px; }       
      div.levypanel-obsah li a { display: block; padding: 3px 0; font-size: 11pt; letter-spacing: 1px; color: #FFAB5C; text-decoration: none; }
      div.levypanel-obsah li a:hover { display: block; padding: 3px 0; font-size: 11pt; letter-spacing: 1px; color: #fff; text-decoration: none; }

    div.pravypanel { float: right; overflow: hidden; width: 527px; height: 442px; }
    div.pravypanel div.pravypanel-obsah { padding: 13px 0 0 20px; }
    .bg-hlavni { background: url('images/pravypanel-hlavni.jpg') no-repeat; }
    .bg-nabidka { background: url('images/pravypanel-nabidka.jpg') no-repeat; }
    .bg-televize { background: url('images/pravypanel-televize.jpg') no-repeat; }
    .bg-kontakt { background: url('images/pravypanel-kontakt.jpg') no-repeat; }
        
      div.pravypanel-obsah a { font-size: 8pt; color: #F9B276; text-decoration: underline; }
      div.pravypanel-obsah a:hover { font-size: 8pt; color: #F9B276; text-decoration: none; }
      div.pravypanel-obsah span.nadpis { color: #F9B276; }
      
      div.pravypanel-obsah ul { list-style: none; width: 335px; margin: 0 20px 0 5px; }
      div.pravypanel-obsah li { display: block; margin: 0 0 1px 0; padding: 0 0 0 15px; background: url('images/pravypanel-li.gif') no-repeat left top; }      
      div.pravypanel-obsah li a { font-size: 8pt; color: #DBC9BA; font-weight: bold; text-decoration: none; }
      div.pravypanel-obsah li a:hover { font-size: 8pt; color: #DBC9BA; font-weight: bold; text-decoration: underline; }
      
  div#paticka { display: block; clear: both; width: 760px; height: 20px; text-align: right; }
  div#paticka div.paticka-obsah { font-size: 7pt; font-weight: bold; color: #40322D; }
    div.paticka-obsah p { margin: 0; padding: 5px 0 0 0; }
    div.paticka-obsah img { vertical-align: middle; }
    div.paticka-obsah ul { margin: 5px 0 0 0; list-style: none; }
    div.paticka-obsah li { display: inline; }
    div.paticka-obsah li a, div.paticka-obsah a { color: #40322D; text-decoration: none; }
    div.paticka-obsah li a:hover, div.paticka-obsah a:hover { color: #40322D; text-decoration: underline; }

/* ----------------------------------------------------------------------------------------------------------
Vstup
---------------------------------------------------------------------------------------------------------- */

div#hlavicka-vstup { width: 760px; height: 136px; }
div#hlavicka-vstup div.hlavicka-obsah h1 { float: left; clear: both; position: relative; overflow: hidden; margin: 0; padding: 0; width: 760px; height: 136px; }
div#hlavicka-vstup div.hlavicka-obsah h1 span { display: block; clear: both; position: absolute; top: 0; left: 0; z-index: 1; width: 760px; height: 136px; background: url('images/hlavicka-vstup.gif') bottom no-repeat; }
div#hlavicka-vstup div.hlavicka-obsah h1 a { display: block; padding: 83px 0 0 0; font-size: 14pt; font-weight: bold; color: #FC8100; text-decoration: none; }

div.absolute-vstup { position: absolute; top: 152px; left: -96px; }

/* ----------------------------------------------------------------------------------------------------------
Uvod, Petr o sobe - stranky s rozdvojenim leveho panelu
---------------------------------------------------------------------------------------------------------- */
.absolute-levypanel-01 { position: absolute; top: 332px; left: -52px; }

.levypanel-01 { float: left; padding: 0 10px 0 0; width: 265px; }
.levypanel-line { float: left; width: 1px; height: 308px; background: url('images/line.jpg') no-repeat; }
.levypanel-02 { float: right; padding: 0 10px 0 20px; width: 200px; }

.ramecek { padding: 3px; width: 240px; height: 80px; background-color: #362A25; border: 3px solid #3D312C; }
.ramecek h2 { margin: 10px 0 5px; font-size: 14pt; font-weight: normal; }

.fotogalerie img { float: left; margin: 2px; _margin: 2px 1px 2px 0px; border: 3px solid #75441C; }

/* ----------------------------------------------------------------------------------------------------------
Televize, divadlo
---------------------------------------------------------------------------------------------------------- */

div.absolute-televize-01 { position: absolute; top: 400px; left: -50px; }
div.pravypanel-obsah ul.televize-left, div.pravypanel-obsah ul.televize-right {float: left; margin: 0 0 15px 0; clear: none; width: 180px; }

/* ----------------------------------------------------------------------------------------------------------
Reference
---------------------------------------------------------------------------------------------------------- */

div.absolute-reference-01 { position: absolute; top: 25px; _top: 24px; left: 270px; z-index: 100; }
div.absolute-reference-02 { position: absolute; top: 107px; left: 215px; }
div.pravypanel-reference { float: right; padding: 20px 0 0 30px; }

/* ----------------------------------------------------------------------------------------------------------
Kontakt
---------------------------------------------------------------------------------------------------------- */

div.absolute-kontakt-01 { position: absolute; top: 332px; left: -50px; z-index: 100; }
div.absolute-kontakt-02 { position: absolute; top: 402px; left: 35px; }

.levypanel-kontakt-01 { float: left; padding: 0 10px 0 0; width: 200px; }
.levypanel-kontakt-02 { float: right; padding: 0 10px 0 20px; width: 240px; }
.levypanel-kontakt-02 h2 { margin: 15px 0 0 0; padding: 0; }

/* ----------------------------------------------------------------------------------------------------------
Galerie hlasy
---------------------------------------------------------------------------------------------------------- */

div.galerie-hlasy { overflow: scroll; width: 255px; height: 360px;
                  	scrollbar-face-color: #362b26; scrollbar-shadow-color: #362b26;	scrollbar-highlight-color: #362b26; 
                    scrollbar-3dlight-color: #362b26; scrollbar-darkshadow-color: #362b26; scrollbar-track-color: #594943; 
                    scrollbar-arrow-color: #c9b7a7; }
div.galerie-hlasy ul { margin: 0; padding: 0; width: 230px; }
div.galerie-hlasy ul li { clear: both; margin: 0 0 7px 0; padding: 6px; height: 66px; background: none; }
div.galerie-hlasy ul li:hover { background-color: #291F1B; }
div.galerie-hlasy ul li img { float: left; margin: 0 10px 0 0; border: 1px solid #fff; }
div.galerie-hlasy ul li strong { display: block; }
div.galerie-hlasy ul li a { font-weight: normal; color: #F9B276; text-decoration: none; }
div.galerie-hlasy ul li a:hover { font-weight: normal; color: #F9B276; text-decoration: none; }

/* ----------------------------------------------------------------------------------------------------------
Anekdoty
---------------------------------------------------------------------------------------------------------- */

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

/* ----------------------------------------------------------------------------------------------------------
Obecne HTML tagy
---------------------------------------------------------------------------------------------------------- */

p, table, ul { margin: 15px 0; }

h2 { clear: both; margin: 15px 0; font-size: 14pt; font-weight: normal; color: #fff; }
h3 { font-size: 11pt; }

table { margin: 0; border-collapse: collapse; border-spacing: 0; }
th { text-align: center; font-weight: bold; }
th, td { padding: 3px 7px 3px 3px; }
label { font-size: 8pt; }
input { width: 220px; }
textarea { width: 220px; height: 125px; }

ul { margin-left: 30px; }
li { display: list-item; }

img { vertical-align: bottom; border: 0; }
img.border { border: 5px solid #75441C; }

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

input, textarea { color: #fff; background-color: #433531; border: 1px solid #82695E; }
input.input-odeslat { width: 80px; padding: 1px; }

/* ----------------------------------------------------------------------------------------------------------
Univerzalni formatovaci styly
---------------------------------------------------------------------------------------------------------- */

.f-left { float: left; } img.f-left { float: left; margin: 0 10px 0 0; }
.f-right { float: right; } img.f-right { float: right; margin: 0 0 0 10px; }

.t-left { text-align: left; }
.t-center { text-align: center; }
.t-right { text-align: right; }
.t-justify { text-align: justify; }

.va-top { vertical-align: top; }
.va-middle { vertical-align: middle; }
.va-bottom { vertical-align: bottom; }

.clear { clear: both; }
.noscreen { display: none; }

.nom { margin: 0; }
.nomt { margin-top: 0; }
.nomr { margin-right: 0; }
.nomb { margin-bottom: 0; }
.noml { margin-left: 0; }

.nop { padding: 0; }
.nopt { padding-top: 0; }
.nopr { padding-right: 0; }
.nopb { padding-bottom: 0; }
.nopl { padding-left: 0; }

.white { color: #FFF; }
.orange { color: #F9B276; }
.width-180 { width: 180px; }