html {
 height: 100%;
}
body {
 margin: 0;
 padding: 0;
 height: 100%; 
 font: 70%/130% Verdana,Arial,sans-serif;
 color: rgb(0,0,0);
 background-color: rgb(255,255,255);
}
body#uvod {
 background-image: url(obrazky/uvod_podklad.gif);
 background-repeat: repeat-x;
 background-position: 0 50%;
}

/* uvodni strana */

body#uvod div {
 width: 850px;
 height: 450px;
 margin: -225px 0 0 -425px;
 position: absolute;
 top: 50%;
 left: 50%;
}
#uvod_menu {
 position: absolute;
 top: 405px;
 left: 70px;
 margin: 0;
 padding: 0;
 list-style-type: none;
}
#uvod_menu a {
 display: block;
 width: 82px;
 height: 31px;
 background-image: url(obrazky/uvod_menu.png);
 background-repeat: no-repeat;
}
#uvod_menu #odkaz_en {
 background-position: 0 -31px;
}
#uvod_menu #odkaz_de {
 background-position: 0 -62px;
}
#uvod_menu #odkaz_fr {
 background-position: 0 -93px;
}
#uvod_menu li {
 float: left;
 margin-right: 20px;
}
#uvod_menu a span {
 display: none;
}

/* layout */
#stranka {
 width: 950px;
 min-height: 100%;
 margin: 0 auto;
 padding-bottom: 75px;
 position: relative;
 background-color: rgb(226,199,250);
 background-image: url(obrazky/paticka.gif);
 background-repeat: no-repeat;
 background-position: left bottom;
}
#stranka.cs {
 background-image: url(obrazky/cs_paticka.gif); 
}
#stranka.en {
 background-image: url(obrazky/en_paticka.gif); 
}
#stranka.de {
 background-image: url(obrazky/de_paticka.gif); 
}
#stranka.fr {
 background-image: url(obrazky/fr_paticka.gif); 
}
#hlavicka {
 height: 150px;
 background-color: rgb(206,161,246);
 background-image: url(obrazky/hlavicka.jpg);
 border-top: solid 10px rgb(226,199,250);
 border-bottom: solid 10px rgb(102,13,121);
}
#obsah {
 width: 680px;
 padding: 15px 35px 0 35px;
 float: right;
}
#sloupec {
 width: 170px;
 padding: 15px;
 float: left;
}
#logo_iso {
 position: absolute;
 bottom: 10px;
 right: 20px;
}
.vycistit:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden; 
}
.souradnice {
 position: relative;
}

/* obecne */

p {
 text-align: justify; 
}
p img {
 margin: 7px 7px 7px 0;
} 
p.galerie {
 text-align: center;
}
p.galerie img {
 margin: 7px;
}
p.galerie a:hover img {
 border: solid 3px rgb(205,159,247);
 margin: 4px;
}
p.odsazeny {
 margin-left: 2em;
}
h1 {
 margin-top: 0;
 margin-bottom: 1.5em;
 font-size: 135%;
 color: rgb(102,13,121); 
}
h2 {
 font-size: 115%;
 color: rgb(102,13,121); 
}
h3 {
 font-size: 100%;
 border-left: solid 1em rgb(102,13,121);
 padding-left: 1em;
 color: rgb(102,13,121);  
}
img.vlevo {
 float: left;
 margin-right: 15px;
}
ul li {
 margin: 1em 0;
 text-align: justify;
}
ul ul {
 list-style-type: disc;
 margin: 1em 0;
}
ul ul li {
 margin: 0;
}

/* odkazy */
a {
 color: rgb(102,13,121);
 text-decoration: none;
}
a:hover {
 color: rgb(255,255,255);
}
a img {
 border: none;
}

/* navigace */
#navigace, #navigace li {
 margin: 0;
 padding: 0;
 list-style-type: none;
 color: rgb(255,255,255);
 font-weight: bold;
}
#navigace li {
 border-top: solid 1px rgb(241,214,255);
 border-left: solid 1px rgb(241,214,255);
 border-right: solid 1px rgb(209,182,233);
 border-bottom: solid 1px rgb(209,182,233);
 padding: 0.2em;
 padding-left: 0.5em;
}
#navigace ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
}
#navigace ul li {
 padding-left: 1em;
 font-weight: normal;
 border: none;
 text-align: left;
}

/* tabulka obecne */

table {
 border: solid 1px rgb(255,255,255);
 border-collapse: collapse; 
}
table th, table td {
 border: solid 1px rgb(255,255,255);
 padding: 0.3em 0.5em;
}

/* tabulka - vlastnosti produktu */
table.vlastnosti {
 margin: 10px 0;
 float: left;
}
table.vlastnosti th, table.vlastnosti td {
 text-align: left;
}
table.vlastnosti thead th, th.sekce {
 background-color: rgb(208,160,244);
 color: rgb(255,255,255);
}
table.vlastnosti thead th {
 font-size: 120%;
}
table.vlastnosti input, table.vlastnosti textarea {
 width: 350px;
}
img.vlastnosti {
 float: right;
 margin-top: 10px;
}

/* tabulka - vypis produktu */
table.vypis_produktu h2 {
 margin: 0;
 font-size: 100%;
}
table.vypis_produktu p {
 margin-bottom: 0;
}
table.vypis_produktu #popis {
 width: 450px;
}
table.vypis_produktu #obrazek {
 width: 200px;
}
table.vypis_produktu #detail {
 width: 50px;
}

/* tabulka kontakty */
table.kontakty {
 border: none;
}
table.kontakty td, table.kontakty th {
 border: none;
 padding: 0 0 1em 0;
 vertical-align: top; 
}
table.kontakty col {
 width: 280px;
}

#mapa {
 width: 494px;
 margin: 1em auto;
 position: relative;
}
#mapa img {
 display: block;
 margin: 0 auto;
}
#mapa a {
 display: block;
 position: absolute;
 top: 178px;
 left: 239px;
 width: 31px;
 height: 38px;
}