/* modrá 0,55,137 */
/* oranžová 255,140,38 */
/* oranžová bleděmodrá 200,233,248 */

/* šedá - text, okraje obrázků 120 */
/* šedá - nadpis 140 */
/* šedá - čáry, neaktivní text 200 */
/* šedá - potlačená čitelnost 160 */


body {
  margin: 0px;
  padding: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: rgb(30,0,0);
  background-repeat: repeat-x;
  background-position: left top;
  background-image:url('pics/elements/back-page.png');
  scrollbar-arrow-color:rgb(80,80,80);
  scrollbar-face-color:white;
  scrollbar-highlight-color:white;
  scrollbar-shadow-color:white;
  scrollbar-3dlight-color:rgb(80,80,80);
  scrollbar-darkshadow-color:rgb(80,80,80);
  scrollbar-track-color:white;
  }

* {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  }

p,td,li,ol,ul,input,button,body,div,select{
  font-size: 11px;
  }

p,td,li,ol,ul,body,div,span,input{
  color: white;
  }

p,h1,h2,h3,h4,h5,h6,div {
  margin: 0px; 
  padding: 0px
  }

p {
  margin-bottom: 8px
  }

a, a:visited,a:hover,a:active {
  color: rgb(204,153,51);
  text-decoration: none;
  }

a:hover {
  text-decoration: underline;
  }

h1 {
  font-size: 19px;
  font-weight: normal;
  color: rgb(177,178,180);
  margin: 50px 0px 20px 0px;
  letter-spacing:-1px;
}

h2 {
  font-size: 13px;
  font-weight:bold;
  }

h3 {
  font-size: 10px;
  font-weight: normal;
  }


h4 {
  font-size: 11px;
  font-weight: bold;
  }

h5{
  font-family:Tahoma;
  font-size: 10px;
  font-weight:normal;
  color: rgb(177,178,180);
  margin-bottom:5px;
  }

h5 a, h5 a:visited,h5 a:hover,h5 a:active{
  font-family:Tahoma;
  font-size: 10px;
  color:rgb(80,80,80);
  }

h6{
  font-size: 10px;
  font-weight:normal;
  }

li {
  margin-top: 0px; 
  margin-bottom: 8px;
  }

ol, ul {
  margin-top: 10px; 
  margin-bottom: 35px;
  }

.bold {
  font-weight: bold;
  }

.italic {
  font-style: italic;
  }

.small, .small * {
  font-size: 10px;
  }

.smaller, .smaller * {
  font-size: 9px;
  }

.right {
  text-align: right;
  }

.left {
  text-align: left;
  }

.center {
  text-align: center;
  }

.obr {
  border:1px solid rgb(80,80,80);
  }

.obr-r {
  float: right;
  margin-left: 20px;
  margin-bottom: 5px;
  border:1px solid rgb(80,80,80);
  }

.obr-l {
  float: left;
  margin-right: 20px;
  margin-bottom: 5px;
  border:1px solid rgb(80,80,80);
  }

.obr-xl {
  float: left;
  margin-right: 50px;
  margin-bottom: 5px;
  border:1px solid rgb(80,80,80);
  }

.obj-r {
  float: right;
  margin-left: 10px;
  margin-bottom: 5px;
  }

.obj-l {
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
  }

.obj-l-xl {
  float: left;
  margin-right: 25px;
  margin-bottom: 5px;
  }

.obj-r-xl {
  float: right;
  margin-left: 25px;
  margin-bottom: 5px;
  }

.obj-r-xxl {
  float: right;
  margin-left: 40px;
  }

.r {
  float: right;
  }

.l {
  float: left;
  }

img.ikona{
}

.clear {
  clear:both;
  }

.clear-left {
  clear:left;
  }

.clear-right {
  clear:right;
  }


/* tabulky ------------------------------------------------------- */
td.tabulka, .tabulka td {
  background-color: rgb(245,245,245);
  padding:2px 5px 2px 5px;
  vertical-align: baseline;
  }

td.tabulka-sloupec, .tabulka-sloupec td {
  background-color: rgb(220,220,220);
  }

td.tabulka-zahlavi, .tabulka-zahlavi td {
  background-color: rgb(160,160,160);
  color:rgb(255,255,255);
  font-weight: bold;
  }

td.tabulka-polozka, .tabulka-polozka td {
  text-align: right;
  }

td.tabulka-none, .tabulka-none td {
  background-color: transparent;
  }

td.podtrh, .podtrh td {
  border-bottom:1px solid rgb(200,200,200);
  }

.sloupec1-2 {
  float:left;
  width:48%;
  }

.sloupec2-2 {
  float:right;
  width:48%;
  }

ol.abcd, ul.abcd{
  margin-left: 25px;
  margin-top: 0px;
  margin-bottom: 20px;
  padding: 0px;
}

.abcd li{
  margin: 0px 0px 2px 0px;
}

ul.seznam, ol.seznam{
  margin-top: 3px; 
  margin-bottom: 10px;
  }  
    
ul.seznam li, ol.seznam li {
  margin-top: 0px; 
  margin-bottom: 3px;
  }  
    
ul.obr {
  margin:0px 0px 30px 20px;
  padding:0px;
  list-style-image: url("pics/elements/dalsi_s.gif");
}

ul.obr li{
  margin-bottom:10px;
}

hr {
  color:rgb(200,233,248);
  background-color:rgb(200,233,248);
  border:none;
  height:1px;
  margin:0px;
  padding:0px;
  }

  
.matrjoska {
  width:100%;
  }

.98 {
  width:98%;
  }

.blok {
  width:100%;
  display:table;
  text-align:left;
  }

.relative {
  position:relative;
  }

.podpis {
  font-size: 10px;
  width: 270px; 
  margin-top: 100px;
  text-align:center;
  float:right;
  }


  
  
  
  
  
/* hlavička ------------------------------------------------------- */
#page {
  width:774px;
  margin:0px auto 0px auto;
  padding:35px 0px 30px 0px;
  text-align:left;
  position:relative;
  }

#hlavicka {
  width:100%;
  position:relative;
  }

#hlavicka img{
  margin:10px 0px 10px 0px;
  }

#mininavigace {
  font-family:Tahoma;
  font-size:10px;
  color: rgb(80,80,80);
  position:absolute;
  bottom:5px;
  right:0px;
  }

#mininavigace * {
  color: rgb(80,80,80);
  }

#telo {
  background-color: black;
  border: 1px dotted rgb(80,80,80);
  }

/* menu ------------------------------------------------------- */
#menu {
  }

#menu ul {
  padding: 0px;
  margin: 10px 20px 50px 20px;
  list-style: none;
}

#menu li {
  float:right;
  padding: 0px 0px 0px 15px;
  margin: 0px;
}

#menu a, #menu a:visited, #menu a:hover, #menu a:active {
  font-size:13px;
  text-decoration:none;
  color: rgb(255,140,38);
  padding: 4px 0px 4px 12px;
  display:block;
  background-repeat: no-repeat;
  background-position: center left;
  background-image:url('pics/elements/odrazka1.gif');
  }

#menu a:hover, #menu a:active {
  background-image:url('pics/elements/odrazka.gif');
  }

#menu a.actual , #menu a:hover.actual , #menu a:visited.actual , #menu a:active.actual  {
  color: rgb(177,178,180);
  font-weight:normal;
  background-image:url('pics/elements/odrazka.gif');
  }


/* vyhledávač ------------------------------------------------------- */
#vyhledavac {
  width:160px;
  text-align:right;
  margin-top:50px;
  }

input.pole{
  width:100%;
  margin:0px;
  background-color:white;
  border: 1px solid rgb(200,200,200);
  text-align:left;
  }

input.button {
  font-size: 10px;
  font-weight:bold;
  color: rgb(80,80,80);
  background-color:transparent;
  border:none;
  padding:0px;
  margin:0px;
  cursor: pointer;
  }


/* střed ------------------------------------------------------- */
#stred {
  padding: 10px 20px 50px 60px;
  }

#obsah {
  clear:both;
  width:100%;
  }

/* patička ------------------------------------------------------- */
#paticka {
  width:100%;
  padding:5px 0px 0px 5px;
  }

#paticka, #paticka * {
  font-size: 10px;
  color: rgb(80,80,80);
  }

#paticka img {
  float:right;
  }














/* stránky ------------------------------------------------------- */
#report {
  font-family:Tahoma;
  color:rgb(80,80,80);
  margin-left:2px;
  margin-bottom:10px;
  }

#razeni {
  font-size: 10px;
  text-align:right;
  padding: 2px 5px 2px 5px;
  border-top: 1px dotted rgb(80,80,80);
  border-bottom: 1px dotted rgb(80,80,80);
  color: rgb(200,200,200);
  }

.active {
  color: rgb(177,178,180);
  }

.unactive {
  color: rgb(80,80,80);
  }


/* text ------------------------------------------------------- */
#text {
  text-align:justify;
  }

.text h2 {
  margin:5px 0px 0px 0px;
  padding-left: 5px; 
  text-align:left;
  border-left: 5px solid rgb(255,140,38);
  }

/* fotogalerie ------------------------------------------------------- */
#fotogalerie {
  }

#fotogalerie h4{
  font-weight: normal;
  margin-bottom:2px;
  text-transform:none;
  }

#fotogalerie h4 img{
  margin-bottom:5px;
  border:1px solid rgb(80,80,80);
  }

#fotogalerie p{
  font-size: 10px;
  margin-bottom:5px;
  }

#fotogalerie h5{
  margin-bottom:0px;
  }

#fotogalerie .blok{
  padding:20px 0px;
  }

/* foto ------------------------------------------------------- */
#foto {
  }

#foto h2{
  font-weight:normal;
  margin-bottom:20px;
  }

#foto h3{
  text-align: justify;
  margin:35px 0px 5px 0px;
  }

#foto .miniatura{
  padding:20px 9px 20px 0px;
  float:left;
  }

#foto .miniatura img{
  border:1px solid rgb(80,80,80);
  }



/* koncerty ------------------------------------------------------- */
.koncerty h2{
  font-size: 11px;
  font-weight:bold;
  margin:30px 0px 4px 0px;
  }

.koncerty p, .koncerty li {
  margin:0px 0px 4px 10px;
  }


/* index ------------------------------------------------------- */
#index {
  margin-top:30px;
  background-repeat: repeat-y;
  background-position: right top;
  background-image:url('pics/elements/back-index.jpg');
}

#jadro {
  margin-right:270px;
}

/* pravy-sloupec ------------------------------------------------------- */
#pravy-sloupec {
  float:right;
  width:220px;
  margin-right:10px;
  padding-top:10px;
  }

#pravy-sloupec h3 {
  font-weight:bold;
  border-bottom: 1px dotted white;
  margin-bottom:8px;
  padding-bottom:2px;
  }

#pravy-sloupec * {
  font-size:10px;
  }

#pravy-sloupec h2, #pravy-sloupec p {
  margin-bottom:4px;
  }


/*video ------------------------------------------------------- */
#pravy-sloupec-video {
  text-align:left;
  margin-left: 340px;
  }

#pravy-sloupec-video, #pravy-sloupec-video * {
  font-size: 10px;
  background-color:rgb(245,245,245);
  padding-bottom: 5px;
  }

#pravy-sloupec-video h4 {
  background-color:rgb(230,230,230);
  padding:3px 5px;
  margin: 0px 0px 5px 0px;
  }

#pravy-sloupec-video p {
  padding-left:5px;
  }

#echo {
  padding:10px 5px 40px 5px;
}

#echo, #echo p {
  color: rgb(0,68,148);
}

#echo a {
  color: rgb(255,140,38);
}

#stred-video {
  width: 330px;
  float:left;
}

#video {
  width: 100%;
  background-color:rgb(48,58,93);
  text-align:center;
  padding:5px 0px;
  margin: 0px 20px 0px 0px;
}

#video p.kvalita{
  color: rgb(110,118,148);
  text-align:right;
  padding:10px 10px 5px 10px;
  margin: 0px;
}

#video p.kvalita *{
  font-family:Tahoma;
}

#video p.kvalita a{
	color: white;
}

#komentar {
  text-align:left;
  border: 3px solid rgb(110,118,148);
  border-left: none;
  border-bottom: none;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-image:url('pics/elements/video-roh.gif');
}

#komentar div {
  padding: 5px 5px 5px 10px;
}

#komentar, #komentar * {
  font-size:10px;
}