body {margin: 0px; padding: 0px; background: #FF5D00 url('../img/pozadi.gif'); 
color: #666666; font-family: "Tahoma CE", Tahoma, "Arial CE", sans-serif; font-style: normal; font-size: 70%;}  

/* text ---------------------------------------------------------------------- */
h1, h2 {margin: 0; padding: 0; color: #F5F1D2; font-size: 100%; }
p, h2 {color: #666666; padding: 0 7px 12px 5px; margin: 0; line-height: 1.3;}
a, input { color: #C93B21; text-decoration: none;}
a:hover { color: #769800;}
.odkaz, a.odkaz {color: #C62E14; text-decoration: none; background: url('../img/teckya.gif') repeat-x 100% 100%; padding-bottom: 1px; white-space: nowrap;}
a:hover.odkaz {color: #769800; background: url('../img/teckyb.gif') repeat-x 100% 100%;}

/* bloky ---------------------------------------------------------------------- */
#celek, #obsah, #leva, #pravanadpis, #pravaobsah, #odkazy, #menu, #bonsai, #kmen {position: absolute;}
#celek {width: 100%; height: 100%; min-width: 920px; min-height: 500px;}
#obsah {left: 50%; top: 50%; width: 920px; height: 500px; margin: -250px 0 0 -460px; background: url('../img/pozadis.gif') no-repeat;}
#sup {width: 920px; height: 500px; visibility: hidden;}
#leva {top: 50px; left: 30px; width: 200px;}
#pravaobsah {top: 99px; left: 364px; width: 520px; height: 310px;}
.obsahleva, .obsahprava {position: relative; width: 255px; float: left;}
.obsahprava {float: right;}
#bonsai {top: 40px; left: 9px; width: 335px; height: 382px; background: url('../img/bonsaj.jpg') no-repeat;}
#kmen {top: 271px; left: 223px; width: 121px; height: 151px;}
#stat {width: 1px; height: 1px; display: none;}

/* nadpisy ---------------------------------------------------------------------- */
#pravanadpis {top: 56px; left: 364px; width: 520px; float: left;}
#pravanadpis .h1loga, #pravanadpis .h1www, #pravanadpis .h1kontakt, #pravanadpis .h1web, #pravanadpis .h1uvod {width: 487px; height: 40px; position: relative; }
#pravanadpis .h1loga span {background: url('../img/h1loga.gif') no-repeat; position: absolute; width: 100%; height: 100%;}
#pravanadpis .h1kontakt span {background: url('../img/h1kontakt.gif') no-repeat; position: absolute; width: 100%; height: 100%;}
#pravanadpis .h1www span {background: url('../img/h1www.gif') no-repeat; position: absolute; width: 100%; height: 100%;}
#pravanadpis .h1web span {background: url('../img/h1web.gif') no-repeat; position: absolute; width: 100%; height: 100%;}
#pravanadpis .h1uvod span {background: url('../img/h1uvod.gif') no-repeat; position: absolute; width: 100%; height: 100%;}

/* foto ---------------------------------------------------------------------- */
.foto {width: 130px; height: 76px; background: url('../img/ram.gif') no-repeat; float: left;}
.foto img {margin: 0 auto 0 auto; border: 1px solid #545454; padding: 0; margin-left: 6px; margin-top: 6px;}
.foto a:hover img {border: 1px solid #E1D8A4;}

/* menu ---------------------------------------------------------------------- */
#menu {top: 17px; left: 355px; width: 560px; height: 30px;}
#menu ul, #odkazy ul {list-style: none; margin: 0; padding: 0; border: none;}
#menu li, #odkazy li {float: left; margin: 0; padding: 0; border: none; font-size: 3px; text-align: center;}
#menu li a, #menu li.neaktiv, #odkazy li a {display: block; background: #545454 url('../img/tlac01.gif') right 0; opacity: .9; -moz-opacity: .9; filter:alpha(opacity=90); width: 80px; height: 22px;}
#menu li a:hover, #odkazy li a:hover {background: #545454 url('../img/tlac03.gif') right 0; opacity: .6; -moz-opacity: .6; filter:alpha(opacity=60);}
#menu li.neaktiv {background: url('../img/tlac02.gif') right 0; height: 23px; opacity: .9; -moz-opacity: .9; filter:alpha(opacity=90);}
#menu li.neaktiv2 {background: url('../img/tlac04.gif') right 0; width: 50px; height: 23px; opacity: .9; -moz-opacity: .9; filter:alpha(opacity=90);}

/* odkazy ---------------------------------------------------------------------- */
#odkazy {top: 462px; left: 80px; width: 700px;}
#odkazy li {padding: 0 0 0 5px;}
#odkazy li a {background: #942000; width: 15px; height: 9px;}
#odkazy li a:hover {background: #942000;}

/* seznamy ---------------------------------------------------------------------- */
.obsahleva ul, .obsahprava ul {list-style: none; margin: 0;  padding: 0 0 0 5px; border: none;}
.obsahleva li, .obsahprava li {display: block; float: left; margin: 0; padding: 0 0 0 15px; border: none; text-align: left; line-height: 1.4; width: 250px; background: url('../img/sipka.gif') no-repeat;}

/* formular ---------------------------------------------------------------------- */
form {color: #666666; padding: 0 5px 10px 5px; margin: 0; line-height: 1.3;}
label, input, textarea {display: block; width: 160px; height: 15px; float: left; margin: 0; padding: 0; font-size: 8pt;}
label {width: 50px; padding-bottom: 5px;}
input, textarea {background: #F2ECC1; border: 1px solid #CBC394; padding: 0px; padding-left: 2px;}
textarea {width: 415px; height: 120px; overflow: hidden; font-family: "Tahoma CE", Tahoma, "Arial CE", sans-serif;}
.tlacitko {background: url('../img/odeslat.gif') no-repeat; border: 0px none; width: 66px; height: 32px; cursor: pointer; padding-left: 48px;}

/* ostatni ---------------------------------------------------------------------- */
.clearboth {clear: both;}
.noram, .ram {padding: 0; border: 0px none; margin: 0;}
.ram {margin: 7px 0 0 0;}

/* fotobig ---------------------------------------------------------------------- */
#lightbox {position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox a img {border: none;}
#outerImageContainer {position: relative; background: #F3EEC8; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer {padding: 10px;}
#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#hoverNav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#imageContainer>#hoverNav {left: 0;}
#hoverNav a {outline: none;}
#prevLink, #nextLink{width: 49%; height: 100%; background: url('../img/blank.gif') no-repeat; display: block}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('../img/prevlabel.gif') no-repeat left 15%; }
#nextLink:hover, #nextLink:visited:hover { background: url('../img/nextlabel.gif') no-repeat right 15%; }
#imageDataContainer {font-family: "Tahoma CE", Tahoma, "Arial CE", sans-serif; font-size: 8pt; background: #F3EEC8; font-weight: normal; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%;}
#imageData {padding:0 10px; color: #333;}
#imageData #imageDetails {width: 70%; float: left; text-align: left;}	
#imageData #caption, #numberDisplay {font-weight: normal; padding-left: 2px;}
#imageData #numberDisplay {display: block; clear: left; padding-bottom: 1.0em;}
#numberDisplay {font-family: "Tahoma CE", Tahoma, "Arial CE", sans-serif; font-size: 8pt; color: #999999;}	
#imageData #bottomNavClose {width: 66px; height: 22px; float: right;}	
#overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000000;}