/* CSS Document */
body {
        text-align: center;
        background-image: URL('images/background/pozadi.jpg');
        /*background-attachment: fixed;   */     
        background-color: rgb(219,236,255);
        font-family: Verdana, Arial, sans-serif;
        font-size: 70%;
        color: #000080        
}
#vse {
        width: 760px;
        position: relative;
        text-align: left;
        margin: auto
}
#hlavicka, #menu, #text, #logo,#animace_indi,#animace_foto,#animace {
        position: absolute
}
#hlavicka {
        width: 765px;
        height: 100px;
        _height: 105px;
        border-bottom: 5px solid white;
        background-color: #b3d9ff
}
#animace_indi {
        left: 536px;
        top: 5px;
        border: 2px solid rgb(219,236,255)
}
#animace_foto {
        left: 590px;
        top: 5px;
        border: 2px solid rgb(219,236,255)
}
#animace {
        left: 576px;
        top: 5px;
        border: 2px solid rgb(219,236,255)
}
#menu {
        width: 160px;
        top: 105px;
        /*background-color: rgb(219,236,255)*/
}
#text {
        width: 600px;
        _width: 605px;
        top: 105px;
        left: 160px;
        border-left: 5px solid white;
        line-height: 140%;
        text-align: justify;
        min-height: 325px;
        _height: 325px;
        /*background-color: rgb(219,236,255)*/
}
img {
        border: 0px
}
/* pro menu */
#menu li {
        list-style-type: none;
        display: block;
        height: 24px;
        _height: 25px;
        border-bottom: 1px solid white
}
#menu ul {
        padding: 0px;
        margin: 0px
}
#menu a {
        display: block;
        height: 19px;
        _height: 24px;
        padding-left: 0.5em;
        padding-top: 5px;
        font-weight: bold;
        text-decoration: none
}
#menu a:link, a:visited {
        color: #000080
}
#menu a:hover {
        color: white;
        background-color: #e7a788
}
#menu a.vybrano {
        background-color: #e7a788
}
#menu a.vybrano:hover {
        color: #000080
}
#menu a.podmenu {
        /*color: #000080;*/
        background-color: #e7a788;
        padding-left: 2em;
}
#menu a.podmenu_rd {
        /*color: #000080;*/
        background-color: #e7a788;
        padding-left: 4em;
}
/* pro text */
h1, p {
        padding-left: 4px;
        padding-right: 4px
}
h1 {
        padding-top: 4px;
        padding-bottom: 4px;
        margin: 0px;
        font-variant: small-caps;
        font-size: 120%;
        letter-spacing: 1px;
        background-color: #e7a788
}
h2 {
        background-color: #b3d9ff;
        padding: 4px;
        font-size: 100%;
        text-align: center      
}
h3 {
        margin-top: 25px;
        margin-bottom: 0px;
        padding-top: 4px;
        padding-bottom: 4px;
        font-size: 140%;
        text-align: center;
        color: white;
        background-color: #e7a788
}
h4 {
        font-size: 100%;
        font-weight: normal;
        margin: 4px;
        border-top: 3px solid #b3d9ff
}
h5 {
        background-color: red;
        padding: 4px;
        font-variant: small-caps;
        font-size: 120%;
        letter-spacing: 1px;
        color: white;
        text-align: right;
        margin: 0px  
}
h5.white {
        background-color: white;
        padding: 4px;
        font-variant: small-caps;
        font-size: 120%;
        letter-spacing: 1px;
        color: red;
        text-align: right;
        margin: 0px  
}
h6 { 
        font-size: 100%;
        margin: 4px
}
p {
        margin-top: 5px;
        margin-bottom: 5px;
        padding-bottom: 5px;
}
.anotace img {
        float: left;
        margin: 4px
}
.anotace p {
        margin-left: 190px
}
.anotace {
        clear: both;
        padding: 0px
}
.dvoj img {
        margin-left: 4px;
        margin-right: 13px
}
a {
        font-weight: bold;
        text-decoration: none;
        color: #000080
}
a:hover {
        color: #e7a788
}
.obsah li {
        list-style-type: none;
        padding-top: 5px
}
.obsah td {
        height: 1em;
        width: 20em
}
.obsah table {
        margin-left: 20px
}
#text ul {
        list-style-type: square;
        margin-top: 0px;
        margin-bottom: 0px
}
table.cenik {
  margin-top: 10px
}
.cenik td, .cenik th {
  border: 1px solid white;
  width: 100px;
  font-size: 90%
}
.cenik td {
  vertical-align: middle;
  text-align: center
}
.cenik th {
  vertical-align: top
}
td.cena {
  background-color: #b3d9ff;
  font-weight: bold
}
p.centrovany {
  text-align: center
}
img.onas {
        vertical-align: middle;
        margin: 2px
}

/* pro karta */
.obrazek img {
        margin: 4px;
        margin-top: 17px
}
.obrazek {
        float: left;
        text-align: center
}
table {
        font-size: 100%;
        vertical-align: top
}
td {
        height: 18px;
        padding: 0px;
        vertical-align: bottom
}
.pohledy th {
        font-size: 90%
}
.levy table, .pravy table {
        width: 270px
}
.levy {
        float: left
}
.pravy {
        float: right
}
.pohledy {
        clear: both
}
.varianta {
        clear: both;
        font-weight: bold
}
p.centrovany {
        text-align: center;
        font-weight: bold
}
.druhy {
        text-align: right
}
#predchozi {
        position: absolute;
        top: 29px;
        left: 330px;        
        font-size: 80%;
}
#predchozi a:hover {
        color: white
}
#dalsi {
        position: absolute;
        top: 29px;
        right: 7px;
        font-size: 80%
}
#dalsi a:hover {
        color: white
}

/* pro objednavka */
form {
  margin: 0px
}
option {
  color: #000080;
  background-color: #dbecff
}
form th {
  background-color: #b3d9ff;
  padding: 4px
}
table.objednavka {
  width: 100%;
  margin-bottom: 10px
}
form td {
  padding-left: 5px;
  padding-top: 3px
}
td.obj1 {
  width: 300px
}
td.obj2, td.obj3 {
  width: 100px
}
td.obj4 {
  width: 120px
}
p.odeslat {
  text-align: center
}
/* pro foto */
.foto img {
  margin-left: 12px
  }
/* pro napiste */
form.napiste {
  margin: 4px
}