/* CSS Reset */
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,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 1em;font-family: inherit;vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1.1;color: black;background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
.button{padding:0 .25em 0 .25em;width:auto;overflow:visible;}
html {overflow: scroll}
hr {border: 0;border-top: 1px solid #999;background-color: #999;color: #999;height: 1px;margin: 1em 0;clear: both;}
input[type=hidden] {visibility: hidden;height:0px;border:0px;margin: 0 0 0 0;padding: 0 0 0 0;position:absolute;}
textarea { margin: 0; padding: 0; }
/* Generické třídy */
.right{float:right}
.left{float:left}
.clear{float:none;clear:both}
.hidden{display:block;width:1px;height:1px;position:absolute;top:-1000em;}
.bold{font-weight:bold}
.italics{font-weight:italics}
.underline{text-decoration: underline}
.alignleft{text-align:left}
.alignright{text-align:right}
.center{text-align:center}
/*body*/
body, html {height: 100%;}
body {background: #000 url("../images/pozadi.jpg") top left; font-family: corbel, verdana; color: #fff;}
body {background: transparent url("../images/pozadi-repeat.jpg") top left;}
#wrapper{width: 800px; margin: 0 auto 20px auto;
background: transparent url("../images/pozadi-repeat-top.jpg") repeat-x top left; width: 100%; margin: -55px 0 0 0; padding: 55px 0 0 0;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -204px; 
}
a, a:hover, a:active {color: #fff; font-weight: bold;}
#page{width: 800px; margin: 0 auto; margin-top: -55px; }
/*menu*/
.menu {background: transparent url("../images/menu-lista.jpg") no-repeat top left; margin: 0 auto; width: 800px; display: block; height: 55px; font-size: .9em; position: absolute; top: 0;}
.menu li{display: block; float: left; width: 106px; height: 55px; margin: 0; padding: 0;}
.menu li a{display: block; float: left; width: 106px; height: 40px; padding-top: 15px; text-align: center; color: #fff; text-decoration: none; font-weight: normal; overflow: hidden;}
.menu li a:hover, .menu li .act {background: transparent url("../images/menu-selected.jpg") no-repeat top left; display: block; width: 106px; height: 40px; margin-top: 1px; font-weight: normal}
/*content*/
#content {background: #000 url("../images/content-bottom.jpg") no-repeat bottom center; width: 760px; margin: 0 auto; margin-top: 55px; padding: 1em 20px; _padding-right: 0; _width: 780px;}
#content p {text-align: justify; font-size: .9em; line-height: 130%; margin: 10px 0;}
#content h1 {font-size: 1.3em; margin: 15px 0 5px 0;}
#content h2 {font-size: 1.2em; margin: 15px 0 5px 0;}
#content h3 {font-size: 1.1em; margin: 5px 0;}

hr{display:none;}
address {font-style: italic; margin: 5px 0; font-size: .9em;}
#rozcestnik {width: 760px; text-align: center; margin: 10px auto;}
#rozcestnik li, #rozcestnik li a {display: inline; text-transform: uppercase; color: #ddd; font-weight: bold; font-size: .9em;}
#rozcestnik li {margin: 0 20px;}

h1.center {line-height: 130%;}
h1.center span{font-size: .7em;}

.author{text-transform: uppercase; font-weight: normal; margin-top: 15px; font-size: .9em;}
.nakladatel {font-size: .8em; margin-top: 2px;}

.skladatel {font-weight: normal; margin-top: 15px; font-size: .9em;}
.skladba {font-size: .9em; margin-top: 2px;}
.repertoire li {margin-left: 2em;}

.photo, .photo a {width: 100%; display: block; text-align: center;}
.photo {margin-top: 2em;}
.photo img {margin: 1em auto; padding-bottom: .5em;}

#music{float: right;}
#music a {text-decoration: none; font-weight: normal; font-size: .8em; position: absolute; top: 15px; margin-left: -100px; z-index: 2;}

#push {height: 204px;}
#bottom-bg{position: absolute;display: block; width: 100%; height: 204px; background: transparent url("../images/pozadi-repeat-bottom.jpg") repeat-x bottom left;}
address {font-weight: normal; font-style: normal;}
.imgcenter{margin: 0 180px; text-align: center; margin-right: 0; float: left;}

#text-uvod {float: right;}
#text-uvod p{padding-bottom: 30px; width: 230px; font-style: normal; clear: both; font-size: 85%; _padding-right: 5px;}
#text-uvod p span {display: block; float: right; font-style: normal; margin-left: 100px;}

#content.noh1 h1{position: absolute; top: -999em; left: -999em;}