﻿body {
background-color: #e8e6d4;
background-image: url(''); /* obr�zek na pozad�*/
background-repeat: no-repeat; /* obr�zek se neopakuje*/
background-attachment: fixed; /* pozad� neroluje */
color: black;
font-family: sans-serif, Verdana, Arial, Helvetica, Times New Roman;
font-size: 13px;
background-position: center top

}

a:link {color: Olive;} /* nenav�t�ven� odkaz */
a:visited {color: Olive;}/* nav�t�ven� odkaz */
a:hover {color: Olive} /* odkaz, p�es kter� se jede my��*/

p {
  padding: 0px 20px 0px 20px; /* nahore, vpravo, dole, vlevo */
  color: black;
  text-indent: 25px; margin: 0px;
}

p img {
padding: 5px 5px 5px 5px;
float: right;
border: solid DarkGreen 1px;
margin: 5px
}

h1, h2, h3, h4 {
color: black;
padding: 0px 0px 0px 20px;
line-height: 90%;
}

div.vrsek {
width: 800px;
height: 300px;
}

div.spodek {
width: 800px;
}

div.paticka {
width: 526px;
padding: 5px 0px 0px 137px;
color: grey;
font: normal normal 12px sans-serif;
}

.mail {
background-position: left;
width: 526px;
padding: 5px 20px 20px 20px;
color: DarkOliveGreen;
font: normal normal 12px sans-serif;
text-align: left;
}

div.cenik {
background-position: left;
padding: 0px 10px 0px 10px;
color: DarkOliveGreen;
font: normal normal 12px sans-serif;
text-align: left;
float: left;
}

div.cenik-tab {
float: left;
background-position: left;
background: PaleGoldenrod;
padding: 0px 0px 0px 0px;
color: DarkOliveGreen;
text-align: left;
margin: 10px;
border: solid DarkKhaki 2px;
}

.cenik-tab-nadpis {
background: DarkKhaki;
color: white;
font: normal normal 14px sans-serif;
}

.cenik-tab-vlastnosti {
background: LemonChiffon;
color: black;
}

.suda {
background: #f3eeba;
}

.balicek-reportaz {
width: 263px;
height: 178px;
float: left;
cursor:pointer;
}
.balicek-maly-atelier {
width: 263px;
height: 178px;
float: left;
cursor:pointer;
}
.balicek-velky-atelier {
width: 263px;
height: 178px;
float: left;
cursor:pointer;
}
.balicek-vice-pozadi {
width: 263px;
height: 178px;
float: left;
cursor:pointer;
}

div.balicky {
position: relative; top: 0px; left: 0px;
}

div.balik-reportaz, div.balik-maly-atelier, div.balik-velky-atelier, div.balik-vice-pozadi {
position: absolute; top: 360px; left: 22px;
background: url('images/balik-podklad.jpg') repeat;
border: outset 4px orange;
width: 477px;  /* 467px pri 7px border */
min-height: 500px;
font: normal normal 15px Times New Roman;
text-align: top;
}

div.balik-reportaz img, div.balik-maly-atelier img, div.balik-velky-atelier img, div.balik-vice-pozadi  img {
margin: 10px;
margin-top: 65px;
border: 0px;
}

.detail-tabulka  h2 {
color: orange;
padding: 0px 0px 0px 20px;
font: normal bold 22px Times New Roman;
line-height: 90%;
}

.detail-tabulka  h3 {
color: orange;
padding: 0px 0px 0px 20px;
font: normal bold 18px Times New Roman;
line-height: 50%;
}
.detail-tabulka  p {
color: white;
text-align: justify;
padding: 5px 10px 10px 20px;
}

#cena {
color: white;
padding: 0px 20px 0px 0px;
text-align: right;
}

#cena span {
color: orange;
text-align: right;
font: normal bold 24px Times;
}

.adresa {
text-align: left;
vertical-align: top;
padding: 0px 5px 0px 20px;
text-indent: 0px;
width: 33%;
}