html {height: 100%;}

body {
	font-size: 8pt;
	font-family: verdana, arial, helvetica, sans-serif;
	background: #000;
	color: #fff;
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: 140%;
	}

/* =============== Trisloupcovy layout =============== */
#obal {
   padding: 0;
   clear: both;
   width: 860px;
   margin: 8 auto 8 auto;
   text-align: center;
   border: 1px solid red;
   background: #000 /* url(img/pozadi.gif) top left repeat-y; */   
   }
   
#header {
        width:860px;
        clear: both;
        padding: 0;
	      margin: 0 auto;
        height:160px;
        background: #000 url(img/header.jpg) top center no-repeat;
	}

#nav {
        width: 860px;
        background: #000 url(img/navigace.jpg) center center no-repeat;
        height: 40px;
        line-height: 40px;
        margin: 0 auto;
        padding: 1px 0 0;
        }

#sloupec-levy {
   float: left;
   border-right: 1px solid #404040;
   width: 185px;
   }

#sloupec-prostredni-pravy {
   float: right;
   width: 673px;
   }

#sloupec-prostredni-pravy #sloupec-l {
   float: left;
   width: 486px;
   }

#sloupec-prostredni-pravy #sloupec-p {
   float: right;
   border-left: 1px solid #404040;
   width: 185px;
   }
   
#stranka {
   width: 858px;
   }
   
#footer {
	font-size: 8pt;
  color:#fff;
  width:860px;
  height:40px;
  background:#000 url(img/footer.jpg) bottom center no-repeat;
  line-height: 160%;
  clear: both;
  margin: 0 auto;
  padding: 0;
  }

.obsah {margin: 8px;}
/* =============== Trisloupcovy layout konec =============== */

/* =============== Header + menu ===================== */
ul.nav {
	font-size: 8pt;
        font-weight:bold;
        letter-spacing: 0px;
        height: 40px;
        line-height: 40px;
        float: left;
	list-style: none;
	padding: 0;
	margin: 0;
        }

ul.nav li {
        float: left !important;
        margin: 0;
        padding: 0;
        list-style-type: none;
        }

ul.nav li a, ul.nav li a:link, ul.nav li a:visited {        
        color: #FAF7E8;
        float: left;
        display: block;
        padding: 0 10px;
        }

ul.nav li a:hover, ul.nav li a:active {
        background: #660000;
        text-decoration: underline;
        }

ul.nav li.current_page_item a {
        text-decoration:underline;
        background: #660000;
        text-decoration: underline;
        }

ul.nav li ul {
        float:left;
        margin:0;
        padding:0;
        }        
/* =============== Obecné =============== */
.cleaner {
   clear: both;
   height: 0;
   font-size: 0;
   visibility: hidden;
   }

.text {margin: 0 auto; font-size: 8pt;}
.text a {color: #bf0000; text-decoration:none;}
.text a:visited {color: #bf0000;}
.text a:hover {color: #ff0000; text-decoration: underline;}}
.text a:active {color: #bf0000;}

.plakat {
      margin: 3 auto;
      padding: 2 4 2 4;
      width:60px;
      height:14px;     
      font-size: 8px;
      background: #bf0000;
      text-align: center; vertical-align: middle;
      }
.plakat a {color: #000; font-weight: bold; text-decoration:none; text-align: center; vertical-align: middle;}
.plakat a:visited {color: #000; font-weight: bold;}
.plakat a:hover {color: #fff; font-weight: bold; text-decoration:none; text-align: center; vertical-align: middle;}
.plakat a:active {color: #000; font-weight: bold;}

.kontakt {font-size: 11pt; font-weight: bold; text-decoration: none; margin: 0; padding: 0; color: #FFFFFF;}
.nadpis {font-size: 10pt; font-weight: bold; text-decoration: none; margin: 0; padding: 0; color: #ff0000;}
.banner {margin: auto; border: none}
.vlevo {text-align: left;}
.uprostred {text-align: center;}

.koncert {color: #fff; text-decoration:none; font-size: 8pt;}
.koncert a {color: #fff; text-decoration:none;}
.koncert a:visited {color: #fff;}

p {line-height: 1.8; margin: 8px 0 8px 0;}

a {font-size: 8pt; color: #bf0000; text-decoration:none;}
a:visited {color: #bf0000;}
a:hover {color: #ff0000; text-decoration: underline;}}
a:active {color: #bf0000;}