/* CSS Document */

html, body {
  height: 100%;
  text-align: justify;
  font-family: Arial, Verdana, Tahoma, Times New Roman, Arial Narow;
  font-size: 12px;
  color: rgb(88,88,90);
  margin: 0 auto 0 auto; 
  background-color: rgb(255,255,255);
  }

a {
  color: rgb(0,161,206);
  text-decoration: none;
}
a:visited {
  color: rgb(0,161,206);
}
a:hover {
  color: rgb(0,191,239);
}

#motto {
  position: absolute;
  left: 200px;
  top: 30px;
  width: 400px;
  font-size: 17px;
  color: rgb(255,255,255);
}

.motto_autor {
  font-size: 12px;
} 

#pruh_horni {
  height: 195px;
  width: 100%;
  background-image: url(../obr/horni_prouzek.jpg);
  background-repeat: repeat-x;
}

#graf_zvuku {
  position: absolute;
  width: 343px;
  height: 135px;
  left: 653px;
  top: 0px;
  background-image: url(../obr/graf_zvuku_anim.gif);
}

#horni_menu01 a, #horni_menu02 a, #horni_menu03 a, #horni_menu04 a, #horni_menu05 a, #horni_menu06 a {
  position: relative;
  display: block;
  height: 34px;
  width: 125px;
  padding: 4px 0px 0px 9px;
  font-size: 11px;
  color: rgb(255,255,255);
  background: url(../obr/tlacitko_top.gif) 0 0 no-repeat;
  float: left;
  margin-top: -38px;
}

#horni_menu01 a {
  float: none;
  width: 126px;
  margin: 137px 0px 0px 199px;
}

#horni_menu02 a {
  margin-left: 332px;
}

#horni_menu03 a {
  margin-left: 465px;
}

#horni_menu04 a {
  margin-left: 598px;
}

#horni_menu05 a {
  margin-left: 731px;
}

#horni_menu06 a {
  width: 127px;
  margin-left: 864px;
}

#horni_menu01 a:hover, #horni_menu02 a:hover, #horni_menu03 a:hover, #horni_menu04 a:hover, #horni_menu05 a:hover, #horni_menu06 a:hover {
  background: url(../obr/tlacitko_top_down_anim2.gif) 0 0 no-repeat;
}

#logo {
  position: absolute;
  width: 249px;
  height: 195px;
  left: -27px;
  top: 0px;
  background-image: url(../obr/Audiosisters_logo.jpg);
}

#logo a {
  position: absolute;
  width: 106px;
  height: 125px;
  left: 75px;
  top: 16px;
  background-image: url(../obr/Audiosisters_logo_click.gif);
}


/*#logo a:hover {
  background-image: url(../obr/Audiosisters_logo_down.jpg);
}*/

#levy {
  position: absolute;
  text-align: left;
  width: 137px;
  height: /*293px*/ 159px;
  border-right: 1px solid silver;
  border-bottom: 1px solid silver;
  left: 30px;
  top: 230px;
  background-image: url(../obr/podklad_levy_gray.jpg);
  background-repeat: repeat-x;
}

#levy p {
  margin: 0px 0px 4px 0px;
}

#levy a {
  display: block;
  height: 19px;
  width: 103px;
  padding: 4px 0px 0px 7px;
  margin: 0px 0px 0px 14px;
  font-size: 11px;
  color: rgb(255,255,255);
  background: url(../obr/tlacitko_leve.gif) 0 0 no-repeat;
}

#levy a:hover {
  background: url(../obr/tlacitko_leve_down_anim.gif) 0 0 no-repeat;
}

#levy_inzert {
  position: absolute;
  text-align: left;
  width: 107px;
  height: 120px;
  border: 2px solid rgb(1,77,149);
  left: 30px;
  top: 380px;
  padding: 14px; 
  background-image: url(../obr/podklad_levy_gray.jpg);
  background-repeat: repeat-x;
}

#levy_inzert STRONG {
  color: rgb(1,77,149);
}

#pravy_prani {
  position: absolute;
  text-align: left;
  color: rgb(255,255,255);
  width: 265px;
  height: 264px;
  left: 733px;
  top: 230px;
      
}

#pravy {
  position: absolute;
  text-align: left;
  padding-left: 25px;
  width: 240px;
  left: 733px;
  top: 230px;
  background-color: rgb(246,246,246);
}

#seznam {
  font-size: 12px;
  color: rgb(88,88,90);
}

#seznam STRONG {
  color: rgb(1,77,149);
}

#telo {
  position: absolute;
  left: 200px;
  top: 220px;
  width: 500px;
}

h1 {
  font-size: 16px;
  margin-bottom: 5px;
  margin-top: 10px;
  color: rgb(1,77,149);
}

h2 {
  font-size: 14px;
  margin-bottom: 5px;
  margin-top: 10px;
  color: rgb(1,77,149);
}

h3 {
  font-size: 11px;
  margin-bottom: 5px;
  margin-top: 10px;
  color: rgb(1,77,149);
}

h4 {
  font-size: 12px;
  margin-bottom: 5px;
  margin-top: 10px;
  color: rgb(1,77,149);
}

hr {
  height: 2px;
  color: orange;
  background-color: orange;
  border: 0px solid orange;
}



ul {
  list-style-type: square;
  margin-left: -24px;
  padding-left: 39px;
  margin-top: 0px;
}

input, textarea {
  color: rgb(0,161,206);
  border-top: 0px solid rgb(2,102,198);
  border-right: 1px solid silver;
  border-bottom: 1px solid silver;
  border-left: 0px solid rgb(2,102,198);
  background-color: rgb(247,247,247);
  padding-left: 2px;
}

table {
  border: 0px;
  margin-left: -3px; 
}

table h3 {
  font-size: 11px;
  margin-bottom: 1px;
  margin-top: 1px;
  color: rgb(1,77,149); 
}

#kredit table  {
  border-width: 1px;
  border-style: solid;
  border-color: rgb(1,77,149);
  width: 100%;
  border-collapse: collapse;
  
  }
  
#kredit th  {
  color: rgb(255,255,255);
  background-color: rgb(1,77,149);
  padding: 1px 0px 1px 3px;
  text-align: left;
  }
  
#kredit td  {
  border-collapse: collapse;
  padding: 1px 0px 1px 3px;
  border-bottom: rgb(1,77,149) solid 1px;
  background-color: rgb(246,246,246);
  }


  
#kniha {
  text-align: justify;
  padding: 5px;
  width: 490px;
  border-right: 1px solid silver;
  border-bottom: 1px solid silver;
  
  background-color: rgb(247,247,247);
}

#kniha hr {
  color: solid silver;
  height: 1px;
}

#kniha span {
  text-align: right;
}