/* styly pro [OSv3.o] */

* {font-family: Tahoma, sans-serif; }

img { border: 0px; }
input { border: 1px solid black; }
a {color: black;}

body {background-color: white; font-size: 12px;}
h2 {font-size: 110%;}

#header {width: 1000px; margin: 0px auto; padding: 5px 0; text-align: center; background: black; color: white; }
#alert {font-size: 14px; font-weight: bold;}

#main-menu {width: 1000px; height: 45px; margin: 0px auto; _margin-left: 2%}

  #main-menu a { display: block; 
                 width: 300px; 
                 height: 30px; _height: 35px;
                 padding: 5px 0 0 0;
                 margin-top: 10px; 
                 margin-left: 25px; 
                 color: white; 
                 font-size: 150%; 
                 font-weight: bold; 
                 float: left; 
                 text-align: center;
               } 

  #main-menu a#old {background-color: #CC0000}
  #main-menu a#old:hover {background-color: #EE0000}
  #main-menu a#har {background-color: #333333}
  #main-menu a#har:hover {background-color: #000000}
  #main-menu a#hes {background-color: gray}
  #main-menu a#hes:hover {background-color: #B0B0B0}


#main {width: 1000px; margin: 0px auto; _margin-left: 2%; border: 0px solid black; position: relative}
#main-1 {width: 946px; _width: 950px; margin: 0px 25px; border: 2px solid #CC0000; position: relative}
#main-2 {width: 946px; _width: 950px; margin: 0px 25px; border: 2px solid #333333; position: relative}
#main-3 {width: 946px; _width: 950px; margin: 0px 25px; border: 2px solid gray; position: relative}

  #main .index { width: 296px; _width: 300px;
                 margin-left: 25px; 
                 float: left;
                 border-style: solid;
                 border-width: 0 2px 2px 2px;
                 padding: 0; 
                 background-color: white
               }
               
  #main .index #content {padding: 0px}
               
  #main .index#old_div {border-color: #CC0000}
  #main .index#har_div {border-color: #333333}
  #main .index#hes_div {border-color: gray}


#footer {width: 1000px; height: 20px; margin: 0px auto; _margin-left: 2%; text-align: center; clear: both}
  
  #footer form {display: inline}
  #footer a {font-weight: bold}
  
.clear {clear: both;}
  
  
.dekorace {position: absolute; z-index: 0}
  
  #dekorace_1 {background-image: url('nos.jpg'); right: 0px; bottom: -15px; width: 158px; height: 158px}
  #dekorace_2 {background-image: url('oko.jpg'); right: -65px; top: 15px; width: 180px; height: 103px}
  #dekorace_3 {background-image: url('pusa.jpg'); left: -45px; bottom: -35px; width: 275px; height: 116px}

/*  ponekud pokurvene menu  */
.topics a { display: block;
            text-align: center;
            float: right;
            padding: 8px 5px;
            font-weight: bold;
            color: white;
            text-transform: lowercase;
            text-decoration: none;
            margin: 0 3px 0 0;      
          }

.topics-2 a { display: block;
            text-align: center;
            float: right;
            padding: 8px 5px;
            font-weight: bold;
            color: white;
            text-transform: lowercase;
            text-decoration: none;
            margin: 0 3px 0 0;      
          }

#main-1 .topics a {background-color: #CC0000}
#main-1 .topics a:hover {background-color: #EE0000}
#main-2 .topics a {background-color: #333333}
#main-2 .topics a:hover {background-color: #000000}
#main-3 .topics a {background-color: gray}
#main-3 .topics a:hover {background-color: #B0B0B0}
#main-1 .topics-2 a {background-color: #CC0000}
#main-1 .topics-2 a:hover {background-color: #EE0000}
#main-2 .topics-2 a {background-color: #333333}
#main-2 .topics-2 a:hover {background-color: #000000}
#main-3 .topics-2 a {background-color: gray}
#main-3 .topics-2 a:hover {background-color: #B0B0B0}

/*    styly pro homepage    */
#main .index #content .article {margin: 8px}
.mesic {font-weight: bold; font-size: 120%; margin: 5px}

.hp-program {margin: 3px 0; padding: 0}
.hp-program li {height: 35px; display: block; margin: 1px 0 0 0; padding:3px; position: relative;}
.hp-program li .datum {font-size: 120%; font-weight: bold}
.hp-program li .hp-rezer {position: absolute; right: 2px; bottom: 5px;}

  .hp-program li.oldstars {background-color: #EE0000}
  .hp-program li.harold {background-color: #888888}
  .hp-program li.studio {background-color: #E0E0E0}
  

/*    styly pro repertoar    */
#rep-foto {float: left; width: 320px; margin-right: 30px}

#rep-obsah {float: left; margin-top: 15px; width: 500px}

#rep-vypis {margin: 40px}
#rep-vypis h1 {font-size: 130%}
#rep-vypis img {float: left; margin: 5px}
#rep-vypis a {text-decoration: none}


/*    styly pro rezervaci    */
#rezervace {background-image: url('photo/rezer.jpg'); background-repeat: no-repeat; padding-left: 350px; height: 420px}
#rezervace h1 {font-size: 150%}

#rezervace form input {background-color: #C0C0C0}


/*    styly pro clanky    */
#articles {margin: 30px 20px 0 30px}
#articles .date {float: right; color: gray}

#article-sg {margin: 30px 20px 0 30px}
#article-sg h2 {font-size: 120%}
#article-sg .date {float: right; color: gray}
#article-sg .perex {font-weight: bold; margin-bottom: 20px}
#article-sg .autor {font-style: oblique}
div.photo_perex, div.photo_thumbnail {float: left; border: 1px solid silver; margin: 5px; padding: 5px;}
#album {padding: 10px 30px;}

/*		styly pro popup s obrázkem		*/
#screen {
	background-color:#FFFFFF;
	border:1px solid #999999;
	padding:5px;
	position:absolute;
}

#screen .screen-text {
	float:left;
	font-weight:bold;
	padding:0pt 0.5em;
	text-align:left;
}

#screen .screen-close {
	cursor:pointer;
	float:right;
	margin:0pt 0pt 5px 5px;
}

#screen-content {
	background:transparent url(loading.gif) no-repeat scroll center;
	clear:both;
	cursor:pointer;
	display:block;
	line-height:24px;
	min-height:24px;
}

#screen-content img {
	display: block;
	margin: 0px auto;
}