html, body { margin: 0; padding: 0; }
body { background: #333333; font-family: "Arial CE","Helvetica CE",Arial,Helvetica,sans-serif; font-size: 75%; color: #000000; text-align: center; }
table, table th, table td { font-size: 100%; }
a img { border: 0; }
address { font-weight: bold; font-style: normal; display: inline; }
h2 { font-size: 125%; margin: 0; padding: 2px 4px 2px 4px; margin-top: 0em; margin-bottom: 10px; background: #F3B479; color: #000000; clear: both; }
h3 { font-size: 120%; margin: 0; padding: 0; margin-top: 0em; margin-bottom: 0.5em; color: #F3B479; clear: both; }
h4 { font-size: 110%; margin: 0; padding: 0; margin-top: 0em; margin-bottom: 0.5em; color: #000000; clear: both; }
p { margin: 0; padding: 0; margin-top: 0.25em; margin-bottom: 1em; line-height: 1.4em; }
li { line-height: 1.4em; }

/* BOX #parent */
#parent { width: 740px; text-align: left; margin-left: auto; margin-right: auto; background: #FFFFFF; }
#daughter { width: 680px; float: left; }

/* BOX #header */
#header { width: 680px; height: 100px; background: #F3B479; }
#header-content { width: 660px; height: 80px; background: #FFFFFF; }
#header img { float: right; }
#header h1 { margin: 0; padding: 0; width: 440px; height: 80px; float: left; background: url("/images/layout/logo.gif") no-repeat top center; }
#header h1 span { display: none; }

/* BOX #content */
#content { ; }

/* BOX #text */
#text { width: 580px; float: right; background: #F3B479; }
#text-content { min-height: 490px; _height: 490px; background: #FFFFFF; margin-left: 20px; margin-right: 20px; }

/* BOX #left */
#left { width: 240px; margin: 20px; _margin-left: 10px; margin-right: 0; float: left; }
#left .text { padding: 5px; margin-bottom: 0px; }
#left .informace { background: #FFFFFF; }

/* BOX #right */
#right { width: 240px; margin: 20px; _margin-right: 10px; margin-left: 0; float: right; }
#right .text { padding: 5px; margin-bottom: 0px; }
#right .informace { background: #FFFFFF; }

/* BOX #center */
#center { margin: 20px; }
#center .text { padding: 5px; margin-bottom: 0px; }

/* TABLE #legenda */
#legenda { width: 100%; border-collapse: collapse; margin-top: 10px; margin-bottom: 10px; background: #FFFFFF; }
#legenda th, #legenda td { padding: 3px; font-size: 90%; border-bottom: 2px solid #FFFFFF; }
#legenda th { width: 20px; text-align: center; border-right: 2px solid #FFFFFF; }
#legenda td { padding-left: 10px; }

/* .pismenka */
.pismenka { font-size: 150%; }
.pismenka a { text-decoration: none; font-weight: bold; }
.pismenka span { font-weight: bold; }
.A { color: #FF0000; }
.B { color: #FF00FF; }
.P { color: #00FF00; }
.S { color: #00FFFF; }
.D { color: #00FFFF; }

/* BOX #menu */
#menu { width: 100px; float: right; font-size: 110%; }
#menu ul { margin: 0; padding: 5px; list-style-type: none; }
#menu a { color: #000000; font-weight: bold; text-decoration: none; }
#menu a:hover { color: #CC0000; }
#menu h3 { font-size: 100%; padding: 5px; }
#menu p { margin: 0; padding: 0; }

/* BOX #ckp */
#ckp { width: 60px; float: right; }
#ckp a { display: block; width: 60px; height: 590px; background: url("../images/layout/ckp_text.gif") no-repeat top center; }
#ckp a span { display: none; }

/* BOX #footer */
#footer { width: 640px; background: #F3B479; color: #000000; margin-left: 100px; margin-top: -10px; padding-top: 20px; }
#footer-content { background: #FFFFFF; margin-left: 20px; padding: 20px; }
#footer p { margin-top: 0.5em; margin-bottom: 0.5em; }
#footer a img { margin-top: 5px; margin-right: 5px; }

/* CLASSES */
.clear { clear: both; font-size: 1px; }
.float-left { float: left; }
.float-right { float: right; }
img.float-left { margin-right: 10px; }
img.float-right { margin-left: 10px; }

/* PARAMETRY */
table.parametry { margin-bottom: 20px; width: 100%; }
table.parametry caption { font-size: 120%; margin: 0; padding: 0; padding-bottom: 0.5em; color: #F3B479; text-align: left; font-weight: bold; }
table.parametry th { font-weight: normal; }
table.parametry td, table.parametry th { padding: 2px 0px 2px 0px; }
table.parametry .col12 { width: 60%; }
table.parametry .col22 { width: 40%; }

/* DIVADLO */
.predstaveni { margin-bottom: 15px; padding-bottom: 5px; border-bottom: 2px solid #808080; }
.predstaveni .datum { font-weight: bold; margin-bottom: 3px; }
.predstaveni .autor { font-weight: bold; margin-bottom: 3px; float: left; }
.predstaveni .interpret { font-weight: bold; margin-bottom: 3px; float: right;  }
.predstaveni .nazev { font-weight: bold; font-size: 120%; margin-bottom: 3px; clear: both; }
.predstaveni .anotace { font-weight: normal; margin-bottom: 3px; }
.predstaveni .vstupne { font-weight: normal; margin-bottom: 3px; float: left; }
.predstaveni .rezervace { float: right;  }

/* FOTOGALERIE */
.fotogalerie { margin-bottom: 10px; }
.fotogalerie .fotka { float: left; padding: 5px; margin-right: 5px; margin-bottom: 10px; }
.fotogalerie .fotka .obrazek { text-align: center;}
.fotogalerie .fotka .obrazek img { border: #F3B479 solid 1px;  }
.fotogalerie .fotka .nazev { font-size: 80%; padding:2px; text-align: center; }

/* KINO */
.active { background: #FFFFFF; }
.kino { clear: both; margin-bottom: 0.5em; padding: 0px; padding-bottom: 0.5em; border-bottom: #FFFFFF solid 1px; }
.kino .detail1 { float: left; width: 122px; margin: 0px; margin-right: 5px; } 
.kino .detail2 { } 
.kino .autor { }
.kino .datum { font-weight: normal; }
.kino .datum span { font-weight: normal; }
.kino .nazev { font-weight: bold; }
.kino .nazev a { font-weight: bold; color: #F3B479; text-decoration: none; }
.kino .nazev a:hover { text-decoration: underline; }
.kino .vstup { font-weight: normal; }
.kino .vice { width: 45%; float: left; padding-left: 0px; }
.kino .predprodej { width: 45%; float: right; text-align: right; padding-right: 0px; }

.informace { font-size:100%; }
.informace p { margin: 0; padding: 0; margin-top: 0.25em; margin-bottom: 0.25em; }
.informace p.autor { color: white; font-size: 110%; font-weight: bold; }
.informace p.soubor { color: #808080; font-size: 100%; font-weight: bold; }
.informace p.nazev { color: #F3B479; font-size: 130%; font-weight: bold; }
.informace img { border: #ffffff solid 1px; }
.informace .fotogalerie { }
.informace .fotogalerie img { border: #ffffff solid 1px; }