body{padding: 0; margin: 0; background-color: #333333;}
body{font-family: tahoma; text-align: justify; font-size: 12px; color: #FFF;}
body{behavior:url("/csshover.htc");}

p{margin-top: 0; margin-bottom: 3px;}

h1{font-size: 160%; margin: 0; padding: 0; color: #FFF; font-weight: normal; text-align: center; border-bottom: blue 1px solid; width: 60%; margin: auto; margin-top: 10px; padding-bottom: 20px;}

.all{width: 753px; margin: auto; position: absolute; top: 50%; left: 50%; margin-left: -376.5px; margin-top: -365px; _margin-top: -800px;}

img#homepage{position: relative; bottom: 12px; right: 15px;  _bottom: 0; _right: 15px;}

a#o-kapele{display: block; width: 377px; height: 366px; background: url(../images/o-kapele.png); float: left;}
a#kontakt{display: block; width: 377px; height: 364px; background: url(../images/kontakt.png); float: left;}
a#repertoar{display: block; width: 376px; height: 364px; background: url(../images/repertoar.png); float: left;}
a#obsazeni{display: block; width: 376px; height: 366px; background: url(../images/obsazeni.png); float: left;}

a#o-kapele,a#kontakt,a#repertoar,a#obsazeni{background-position: bottom; z-index: -9999;}
a#o-kapele:hover,a#kontakt:hover,a#repertoar:hover,a#obsazeni:hover{background-position: top;}

#content{width: 400px; height: 420px; position: absolute; _position: relative; top: 50%; left: 50%; margin-top: -200px; _margin-top: 0px; margin-left: -200px;}
#content{z-index: 9999;}

#content #text{width: 340px; height: 270px; margin: auto; margin-top: 30px; overflow: hidden;}

a{color: #536482;}
a:hover{text-decoration: none;}

#footer{text-align: center; border-top: 1px solid; padding-top: 20px; width: 60%; margin: auto;}


.cleaner{clear: both;}

.vlozena_left, .vlozena_right, .vlozena_center{border: solid #E7EFFF 1px; margin: 8px; padding: 3px;}
.vlozena_left{float: left; margin-left: 0;}
.vlozena_right{float: right; margin-right: 0;}
.vlozena_center{}
div.vlozena_center{text-align: center; border-style: none; clear: both;}