/*
    Projekt: Kulturní portál
    URL: https://www.kulturniportal.cz

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

    Autor: Vít Dlouhý (vit.dlouhy@nuvio.cz); Nuvio (www.nuvio.cz)
    Poslední revize: 2007-07-23, 21:36 GMT+1

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

* {margin:0; padding:0;}
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object {border:0;}
body {padding:0; font:0.7em/1.2 "tahoma","arial",sans-serif; color:#444; text-align:center;}

a { text-decoration:none;}
a:hover {}

h1, h2, h3, h4, h5, h6 {margin:15px 0 10px 0;}
h1 {font-size:200%;}
h2 {font-size:180%;}
h3 {font-size:160%;}
h4 {font-size:120%;}
h5 {font-size:100%;}

p {margin:15px 0;}

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

ul, ol {display:block; margin:15px 0 15px 40px;}
ul ul, ul ul ul, ol ol, ol ol ol {margin:0; margin-left:20px;}
ol {list-style-type:decimal;}
ol ol {list-style-type:upper-alpha;}
ol ol ol {list-style-type:lower-alpha;}
li {display:list-item;}

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

fieldset {margin:15px 0; padding:10px; border:1px solid;}
legend {margin-left:10px; font-size:100%; font-weight:bold; }

abbr, acronym, .help {border-bottom:1px dotted ; cursor:help;}
blockquote {margin:15px 20px; font-style:italic;}

del, .del {text-decoration:line-through;}
strong, .strong {font-weight:bold;}
cite, em, q, var {font-style:italic;}
code, kbd, samp {font-family:monospace; font-size:110%;}

hr {display:block; height:1px; margin:10px 0; padding:0; border:0 solid ;}

/* ------------------------------------------------------------------------------------------------------- */
/* Univerzální styly */
/* ------------------------------------------------------------------------------------------------------- */

.f-left {float:left;}
.f-right {float:right;}

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

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

.width100 {width:100%;}

.clear {clear:both;}

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

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

.noscreen {display:none;}

.big {font-size:120%;}
.bigger {font-size:180%;}
.smaller {font-size:90%;}

.high {color:#C00;}

/* ------------------------------------------------------------------------------------------------------- */
/* HTML styly */
/* ------------------------------------------------------------------------------------------------------- */

table.table-styled th, table.table-styled td {border:1px solid #DDD;}
table.table-styled tr.bg td {}

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

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

    /* Links */
    #links {background:url("../design/bg-lista.gif") 0 0 no-repeat;}
    #links {position:relative; padding:4px 5px; font-size:80%;}
        #links p {margin:0;}
        #links a {font-weight:bold}
        #links a:hover {}
        
        #links p#link {float:center; margin-top:2px; width:750px; text-align:center;}

	/* Hlavička */
	#header {position:relative; width:760px; height:73px; background:#035AAE url("../design/pozadi-head.jpg") 0 0 no-repeat;}

        #logo {margin:0;}
            #logo img {width:285px; height:73px; border:0;}
          
        #banner {position:absolute; top:5px; right:5px; margin:0}
        /*speciálně pro reklamu billboard*/
        #banner table {margin: 0%;padding: 0%;}

    #page {border-bottom:1px solid #4C66A3; background:#F4F8FB url("../design/bg-main.gif") 0 0 repeat-y;}
    
    /* Links2 */
    #links2 {background:url("../design/bg-lista2.gif") 0 0 no-repeat;}
    #links2 {position:relative; padding:4px 5px; font-weight:bold; text-transform:uppercase; font-size:85%;}
        #links2 p {margin:0;}
        #links2 a {}
        #links2 a:hover {}
        
        #links2 p#link2 {float:center; margin-top:2px; width:750px; text-align:center;}
        
	/* Obsah */
	#content {float:left; width:422px; padding:5px;}
	#content p{margin:.4em;margin-top:0px;margin-bottom:.5em;text-align:justify}
	
	/* Postranní sloupec (vlevo) */
	#col-left {float:left; width:162px; padding:5px 1px;}
	#col-right {float:right; width:162px; padding:5px 1px;}
	
	/* Patička */
	#footer {clear:both; text-align:center;}
	   #footer p {margin-top:7px;}
	   #footer a {}
	   #footer a:hover {text-decoration:underline;}

/* ------------------------------------------------------------------------------------------------------- */
/* Úvodní stránka */
/* ------------------------------------------------------------------------------------------------------- */

    #col-left .hx-style01 {margin:0px 5px; padding:1px 5px; font-size:100%; font-weight:bold;}
    #col-right .hx-style01 {margin:5px; padding:1px 5px; font-size:100%; font-weight:bold;}
    
    #col-left .hx-style02 {}
    #col-right .hx-style02 {}
    
    #col-left ul.nav {margin:0px 5px; padding:0; list-style:none;}
    #col-left ul.nav li {display:inline; margin:0; padding:0;}
    #col-left ul.nav li a {display:block; padding:3px 5px; background:#E8EFF7 url("../design/nav2.gif") 0 100% no-repeat; font-weight:bold}
    #col-left ul.nav li a:hover {text-decoration:underline}

    .tab01 {margin:5px; border:1px solid ;}
        .tab01.nom {margin-top:0;}
    .tab01 h3 {margin:0; padding:1px 5px; font-size:100%; font-weight:bold;}
    .tab01 a {}
    .tab01 a:hover {}
    
    .tab-in {padding:5px;}
        #col-right .tab-in {}
                
    .predstaveni {clear:both; margin-bottom:2px; padding-top:5px; background:url("../design/bg-predstaveni.gif") 0 0 repeat-x;}
        .predstaveni p, .predstaveni h4 {margin:0;}
        .predstaveni h4 {font-size:100%;}
        .predstaveni-img {float:left; width:80px;}
        .predstaveni-desc {float:right; width:340px;}

    #newsletter .input-text {width:135px; border:1px solid #8F9FC6;margin:5px 0}
    #newsletter .input-select {width:90px; border:1px solid #8F9FC6;margin:5px 0 0 0}
    #newsletter .input-submit {margin-top:5px; padding:0 5px; border:0; font-size:85%;}
    #newsletter .input-submit2 {margin-top:10px; padding:0 5px; border:0; font-size:85%;}
    
    #objednavky {height:64px; padding:15px 0px 7px 0px; background:url("../design/hotline.gif") 0 0 no-repeat; font-weight:bold; color:#000; line-height:1.1;}                         

    dl#aktuality {margin:0 5px;}
    dl#aktuality dt {display:inline; font-weight:bold;}
    dl#aktuality dt.new {padding-right:27px; background:url("../design/ico-new.gif") 100% 50% no-repeat;}
    dl#aktuality dd {margin:0; margin-bottom:3px; padding-bottom:5px; background:url("../design/bg-aktuality.gif") 0 100% repeat-x;}
        dl#aktuality dd a {}
        dl#aktuality dd a:hover {text-decoration:underline;}
    dl#aktuality dt.high {}
    dl#aktuality dd.high a {}
        
    #col-right .padding {padding:0 5px}  
    #col-left .padding {padding:5px}
    #col-left .padding a{}
    #col-left .padding a:hover{text-decoration:underline}         

    .banner img {margin-bottom:2px;}

/* ------------------------------------------------------------------------------------------------------- */
/* Nezařaditelné */
/* ------------------------------------------------------------------------------------------------------- */

.margin5-0 {margin:5px 0;}
.margin0-16 {margin:0 16px;font-size:80%}
.mail a:hover{text-decoration:underline}        

img.border {border:1px solid ;}
a:hover img.border {border:1px solid ;}

.naddiv {text-align:center;font-size:1.2em;color:black}
.doprdiv {border:1px solid ;padding:.5em}
.doprdiv2 {border:1px solid ;padding:.5em;}
.doprdiv2 a {}
.doprdiv2 a:hover {text-decoration:underline}
.doprdiv3 {border:1px solid ;padding:.5em;color:black;_width:95%}
//.doprdiv3 a {margin-left:75%}
.divatab {width:98%;margin:1%}
.divatab tr td {padding-left:5px;padding-right:5px}
.hornitr td {padding:.2em}
.spodnitr td {padding:.2em}
.bezmezer{margin-top:0px;padding-bottom:0px}
.bezmezer tr td {padding:2px}
.vstupenky{width:100%;border:1px solid ;color:black}
.vstupenky tr {padding:0px;margin:0px}
.vstupenky tr td {padding:1px;padding-left:2em;margin:0px}
.vstupenky-hl  {margin:0px 5px; padding:1px 5px; font-size:100%; font-weight:bold}
.o_nas {padding:.4em}
.o_nas p {margin-top:0px;margin-bottom:.5em;text-align:justify}
.o_nas a {}
.o_nas a:hover {text-decoration:underline}
.porady h4 {padding:-3px 5px}
.pismenka {margin-top:-.5em;font-size:80%}
.pismenka td{border:1px solid;font-weight:bold;text-transform:uppercase}
.slogan {text-align:center;margin-top:-.5em}
.slogan img {margin-top:.5em}
.ucinkuji {text-align:left;}
.ucinkuji a {}
.ucinkuji a:hover {text-decoration:underline}