/* ----------------------------------------------------------------------------------------------------------

    Divadlo pohádek
    www.divadlopohadek.cz

    Výstupní zařízení:  screen, projection

    Autor:              Vít Dlouhý (vit.dlouhy@nuvio.cz), Nuvio (www.nuvio.cz)
    Poslední revize:    2008-04-10, 11:41 GMT+1
    Verze stylopisu:    2.1 (2008-03-19, 15:43 GMT+1)

    Struktura:
        display; position; float; z-index; overflow; width; height; margin; padding; border; background; align; font;

    Obsah:
    
        1) Reset
        2) Výchozí hodnoty HTML tagů
        3) Univerzální styly (display, float, margin, text-align...) a vlastnosti
        4) Obecné HTML styly (table, ul, dl...)
        5) Layout
        6-1) Stránka: Úvod            
        Z) Nezařaditelné

---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
1) Reset
---------------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border:0; outline:0; vertical-align:baseline; background:transparent;}

/* ----------------------------------------------------------------------------------------------------------
2) Výchozí hodnoty HTML tagů
---------------------------------------------------------------------------------------------------------- */

body {padding-bottom:15px; background:#ffbd3f url("../design/bg.gif") 0 0 repeat-x; color:#814900; font:0.75em/1.4 "Trebuchet MS", "arial", sans-serif; text-align:center;}

a {color:#814900;}
a:visited {}
a:hover {color:#000;}

h1 {font-size:180%;}
h2 {font-size:160%;}
h3 {font-size:120%;}
h4 {font-size:125%;}
h5 {font-size:100%;}

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

table {border-collapse:collapse; border-spacing:0; font-size:100%;}
th {text-align:center; font-weight:bold;}
td {vertical-align: middle;}
th, td {padding:2px 3px;}

ul, ol {margin-left:30px;}
ul ul, ol ol {margin:0; margin-left:20px;}
ol {list-style-type:decimal;}
li {display:list-item;}

dt {font-weight:bold;}
dd {margin-left:30px;}

fieldset {position:relative; padding:10px; border:1px solid #CCC;}
legend {position:absolute; top:-1em; margin:0; font-size:100%; font-weight:bold; color:#000;}

abbr, acronym, .help {border-bottom:1px dotted #CCC; cursor:help;}
del {text-decoration:line-through;}
strong {font-weight:bold;}
blockquote {margin:15px 20px;}
cite, em, q, blockquote {font-style:italic;}
pre, code, kbd, samp {font-family:monospace; font-size:110%;}
sub, sup {line-height:0;}

hr {display:block; height:1px; margin:10px 0; border:0 solid #CCC; background:#CCC; color:#CCC;}
#objednavky {height:64px; padding:7px 0px 30px 0px; background:url("http://www.divadlopohadek.cz/design/hotline.gif") 0 0 no-repeat; font-weight:bold; text-align:center; color:#000; line-height:1.1;}  
/* ----------------------------------------------------------------------------------------------------------
3) Univerzální styly (display, float, margin, text-align...) a vlastnosti
---------------------------------------------------------------------------------------------------------- */


.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}

.clear {clear:both;}

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

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

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

.nom {margin:0 !important;}
.nomt {margin-top:0 !important;}
.nomb {margin-bottom:0 !important;}

.noscreen {display:none;}
.novisible {position:absolute; left:-1000px; top:-1000px; width:1px; height:1px; overflow:hidden;}

/* ----------------------------------------------------------------------------------------------------------
4) Obecné HTML styly (table, ul, dl...)
---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
5) Layout
---------------------------------------------------------------------------------------------------------- */

#main {width:932px; margin:0 auto; text-align:left;}

	#header {position:relative; height:83px;}

        #logo {position:relative; overflow:hidden; width:500px; height:83px; margin:0; padding:0; font-size:300%;}
        #logo a {color:#D00;}
        #logo span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../design/logo.gif") 0 0 no-repeat; cursor:pointer;}

        #slogan {position:absolute; top:0; left:510px;}
            #slogan p {position:relative; overflow:hidden; width:418px; height:83px; margin:0; padding:0; font-size:140%; font-weight:bold; color:#000;}
            #slogan p span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../design/slogan.gif") 0 0 no-repeat;}       

    #nav {height:69px;}
        #nav ul {margin:0; list-style:none;}
        #nav ul li {display:inline; float:left}
        #nav ul li a {color:#FFF;}

        #nav-01 div, #nav-02 div, #nav-03 div, #nav-04 div, #nav-05 div, #nav-06 div, #nav-07 div {position:relative; overflow:hidden; width:142px; height:69px; margin:0; padding:0; background-color:#0193CC; font-size:120%; font-weight:bold;}
        #nav-01 div span, #nav-02 div span, #nav-03 div span, #nav-04 div span, #nav-05 div span, #nav-06 div span, #nav-07 div span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../design/nav-01.gif") 0 0 no-repeat; cursor:pointer;}

            #nav-02 div {width:148px; background-color:#009C00;}
            #nav-02 div span {background:url("../design/nav-02.gif") 0 0 no-repeat;}
            
            #nav-03 div {width:147px; background-color:#CE0100;}
            #nav-03 div span {background:url("../design/nav-03.gif") 0 0 no-repeat;}
            
            #nav-04 div {width:162px; background-color:#056DAB;}
            #nav-04 div span {background:url("../design/nav-04.gif") 0 0 no-repeat;}
            
            #nav-05 div {width:112px; background-color:#624000;}
            #nav-05 div span {background:url("../design/nav-05.gif") 0 0 no-repeat;}
            
            #nav-06 div {width:111px; background-color:#624000;}
            #nav-06 div span {background:url("../design/nav-06.gif") 0 0 no-repeat;}
            
            #nav-07 div {width:110px; background-color:#624000;}
            #nav-07 div span {background:url("../design/nav-07.gif") 0 0 no-repeat;}

    #cols {clear:both; padding:7px 16px 0 17px; background:#FBCE79 url("../design/cols.gif") 0 0 repeat-y;}
    #cols-bottom {clear:both; width:932px; height:8px; background:url("../design/cols-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}

        #col-l {float:left; width:664px;}
        
        	#content {float:right; width:428px; overflow:hidden;}

        	#aside-left {float:left; width:216px; overflow:hidden;}
        	
                .box-red {padding:15px; background:#ED4037 url("../design/box-red.gif") 0 0 no-repeat; color:#FFF;}
                .box-red-bottom {width:216px; height:7px; margin-bottom:13px; background:#ED4037 url("../design/box-red-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
        	
        #aside-right {float:right; width:216px; overflow:hidden;}

                .box-blue {padding:15px; background:#3788DB url("../design/box-blue.gif") 0 0 no-repeat; color:#FFF;}
                .box-blue-bottom {width:216px; height:7px; margin-bottom:13px; background:#3788DB url("../design/box-blue-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}

/* ----------------------------------------------------------------------------------------------------------
6-1) Stránka: Úvod
---------------------------------------------------------------------------------------------------------- */

#top {position:relative; overflow:hidden; width:428px; height:148px; margin:0; margin-bottom:10px; padding:0; background:#2A3271; font-size:180%; color:#FFF;}
#top a {color:#FFF;}

.box-01-bottom {width:428px; height:7px; margin-bottom:10px; background:#fff2da url("../design/box-01-bottom.gif") 0 0 no-repeat;; font-size:0; line-height:0;}
.box-01 {padding:7px 7px 0 7px; background:#fff2da url("../design/box-01.gif") 0 0 no-repeat;}

.box-01-bottom-long {width:428px; height:7px; margin-bottom:10px; background:#fff2da url("../design/box-01-bottom-long.gif") 0 0 no-repeat;; font-size:0; line-height:0;}
.box-01 {padding:7px 7px 0 7px; background:#fff2da url("../design/box-01.gif") 0 0 no-repeat;}

    .box-01-img {float:left; width:75px;}
        .box-01-img p {margin:0;}
    .box-01-desc {float:right; width:328px;}
        .box-01-desc h4 {font-size:120%; font-weight:bold;}
            .box-01-desc p {margin-bottom:0;}

/* ----------------------------------------------------------------------------------------------------------
Z) Nezařaditelné
---------------------------------------------------------------------------------------------------------- */ 
 .menu {margin-bottom: 0.3em; color:#f90;}
.nadhodit p {margin-top:0em}
.box-red a {font-weight:bold; text-decoration:none; color:#fff;}
.box-red a:hover {font-weight:bold; text-decoration:none;color:#Fc0;}
.leve_menu {border-bottom:1px solid #F90; color:#F90;}
.shop_obr {float:left; border: 1px solid #850801;}
.anketa {text-align:center; margin: 0 0 -1.2em -0.9em;}
  
.reklama2 {margin-left: auto; margin-right: auto; margin-top: -1em; margin-bottom: -1em; width:745px}
.box-blue a {font-weight:bold; text-decoration:none; color:#fff;}
.box-blue a:hover {font-weight:bold; text-decoration:none;color:#FFAF15;}
.prave_menu {border-bottom:1px solid #8CC1F8; color:#8CC1F8;}
.podtrhnout a {font-weight:normal; text-decoration:none; color:#fff;}
.podtrhnout a:hover {font-weight:normal; text-decoration:underline; color:#fff;}
.box-red ul, .box-blue ul {margin:0; list-style:none;}
.box-red ul span, .box-blue ul span {margin-right:5px;}
.box-red h3, .box-blue h3 {margin:0; margin-bottom:10px;}
hr.cara {padding: 0; margin: 0; border: solid 1px #FFCC00; size: 1} 
.obr {border: 1px solid #DD9303;background: #FFF2DA}
.portret {float:left;margin: 1em 1em 0.2em 0.7em}
.mapa {float:right;margin: 1em 0.5em 0em 0.7em}
.rss {float:right;margin:0.2em 0 0 0}
.titulni_obr {border: 1px solid #DD9303;background: #FFF2DA;margin-left:-0.2em;margin-bottom:-0.6em;}
.tiraz {color:#000000; margin:0.7em}
.tiraz a {color:#000000; text-decoration:none;}
.tiraz a:hover {color:#000000; text-decoration:underline;}
.umelci a {color:#d60; text-decoration:underline;}
.umelci a:hover {color:#000; text-decoration:underline;}
.prihlaseni {background-color:#D8E9FB; border:1px solid #8CC1F8; font-family: "Trebuchet MS", "arial", sans-serif; font-size: 1em}
.prihlaseni-tlacitko {border:1px solid #2267AD; background:#8CC1F8; margin:5px; padding:0 5px; font-weight:bold;font-family: "Trebuchet MS", "arial", sans-serif; font-size: 1em}
.form {background-color:#FDF6E8; border:1px solid #FBCE79; font-family: "Trebuchet MS", "arial", sans-serif; font-size: 1em}
.form-tlacitko {border:1px solid #814900; background:#dd9303; font-weight:bold;font-family: "Trebuchet MS", "arial", sans-serif; font-size: 1em}
.form-select {border:1px solid #dd9303; background:#FDF6E8; font-size:1em; font-family: "Trebuchet MS","arial", sans-serif}
td.top {vertical-align: top;}
.text {margin:0.7em 0.7em 0em 0.7em;}
.text2 {margin:0.4em 0.7em 0em 0.7em;}   
.text-center {margin:0.7em; text-align:center;}
.hlasky {text-align:center;font-weight:bold; margin:0; color:#C00;}
.hlasky a {color:#C00; }
.hlasky a:hover {color:#000;}
.hlasky2 {margin:0.7em; color:#dd9303;}
.hlasky2 a {color:#dd9303;}
.hlasky2 a:hover {color:#814900;}
     /* Lista */
.lista {text-align:center; min-height:1px;}
.lista:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}
     /* Links */
    #links {background:url("http://www.kulturniportal.cz/design/bg-lista.gif") 0 0 repeat;}
    #links {padding:3px; color:#b5b5b5; font-size:90%;}
        #links p {margin:0;}
        #links a {color:#304356;font-weight:bold;text-decoration:none}
        #links a:hover {color:#F60;}
                #links p#link {float:center; margin-top:2px; width:800px; text-align:center;}
.cervene_tucne {font-weight:bold; color:#c00;}
.oranzove_tucne {font-weight:bold; color:#d60;}
.oranzove {color:#d60;}
.oranzove_vpravo {font-weight:bold; color:#d60;text-align:right; margin:0em 0.7em 0em 0em;}
.zlute {color:#f90;}
.zlute_tucne {font-weight:bold; color:#f90;}
.modre_tucne {font-weight:bold; color:#8CC1F8;}
.centrovane {text-align:center;margin-top:-.2em;margin-bottom:-.2em;}
.centrovane2 {text-align:center;margin-top:-.2em;margin-bottom:.2em;}
.centrovane3 {text-align:center;margin:1em;}
.centrovane4 {text-align:center;margin-top:.6em;margin-bottom:0em;}
.tabulka_program {margin-top:-.5em;margin-bottom:-.2em;}
.tabulka_program_porad {margin:0em;border-bottom-style:solid;border-width:1px;border-color:#FBCE79;}
.tabulka_predprodeje {margin: 0.4em 0em 0em 0.9em;width:390px;}
.slogan {text-align:center;margin:0.3em;}
.fotogalerie {font-weight:bold; margin-top:-.2em;margin-bottom:0em;}
.fotogalerie_table {margin:0em 0em -.2em -.3em;}
.videogalerie_table {margin:0em 0em -.2em .5em;}
.titulni_reklama {margin:0em 0em .5em .5em;}
.table.prihlasit {margin:0px;padding:0px;}
.telefonicke_objednavky  {margin: 0 0 0.7em 0;}

.divatab {margin:-0.2em 0em -0.2em 0em; width:416px;} 
.hneda_linka {border-top:1px solid #FBCE79;}  
.aktuality {font-weight:bold; border-bottom:1px solid #FBCE79;margin:.5em} 
.aktuality a { text-decoration:none;}
.aktuality a:hover {color:#000; text-decoration:underline;}
.ke_stazeni {border-bottom:1px solid #FBCE79; color:#d60;list-style-type:none;}
.ke_stazeni a {font-weight:bold;  color:#814900;text-decoration:none;}
.ke_stazeni a:hover {font-weight:bold; color:#000; text-decoration:underline;}
.linka_pod-textem {border-bottom:1px solid #FBCE79; margin:0.3em 0 0 0;}
.nepodtrzene a {font-weight:bold;  color:#814900;text-decoration:none;}
.nepodtrzene a:hover {font-weight:bold; color:#000; text-decoration:underline;}
.nulove_okraje {margin:0;}
.odsazene_okraje {margin:1em;}
.tabulka_prihlaseni {margin: 0.3em 0em 0em 0em;}
.tabulka_registrace {margin: 0.3em 0em 0em 0.7em ;}
td.tabulka_registrace {width:115px;}
.tabulka_objednavka {margin:0; border-width: 1px; border-style: solid; border-color:#dd9303 !important;}
.horni_radek {font-weight:bold; background:#FCDCA2}
table.oramovana {margin: 0.5em 0em -0em 0em; margin-left: auto; margin-right: auto; border-collapse:collapse; border-spacing:0; font-size:100%; border: 1px solid #FBCE79; width:416px;}
td.oramovana {border: 1px solid #FBCE79;}
table.neoramovana {margin: 0.5em 0em -0em 0em; margin-left: auto; margin-right: auto; border-collapse:collapse; border-spacing:0; font-size:100%; width:416px;}
.facebook {margin: 1em 0em 1em 0em; background:#fff2da}
.stats {margin:-1.5em 0 -3em 0 ;}
.nahradni_obrazek {border: 1px solid #DD9303;background: #fcd790; width:418px; height:135px;font-weight:bold;color:#fff2da; font-size:300%; text-align:center;margin:0 0 0 -0.05em}