body {
  MARGIN: 0px; PADDING: 0px;
  BACKGROUND:  #487042 url(bg.gif) repeat-y center; COLOR: #666;
  FONT-FAMILY: Georgia, Verdana, Tahoma, Arial;
  TEXT-ALIGN: center;
}


/* ****** ROZLOZENIE STRANKY ****** */
#page {
  WIDTH: 100%; HEIGHT: auto;
  BACKGROUND: url(background.gif) no-repeat center top;
}
#container {
  POSITION: relative;
  WIDTH: 900px;
  MARGIN: 0px auto 0px auto; PADDING: 0px;
  BACKGROUND: url(container.jpg) no-repeat 0px 150px;
}
#top {
  POSITION: relative;
  WIDTH: 900px; HEIGHT: 150px;
  MARGIN: 0px; PADDING: 0px;
  BACKGROUND: #cf8 url(top.jpg) no-repeat center center;
  TEXT-ALIGN: left;
}
#main {
  POSITION: relative;
  WIDTH: 560px !important; WIDTH: 900px; MIN-HEIGHT: 606px; HEIGHT: auto !important; HEIGHT: 606px;
  MARGIN: 132px 0px 0px 0px; PADDING: 30px 310px 30px 30px;
  BACKGROUND: #fff url(main.jpg) repeat-y center;
}
#right {
  POSITION: absolute; TOP: 0px; RIGHT: 0px; FLOAT: right;
  WIDTH: 290px ! important; WIDTH: 290px; MIN-HEIGHT: 500px;
  BACKGROUND: transparent url(right-top.jpg) no-repeat center top;
  MARGIN: 0px; PADDING-TOP: 10px !important; PADDING-TOP: 30px;
}
#bottom {
  POSITION: relative; CLEAR: both;
  WIDTH: 900px; HEIGHT: 50px;
  PADDING: 25px 0px 25px 0px;
  BORDER-TOP: 2px solid #85e800;
  BACKGROUND-COLOR: #487042; COLOR: #85e800;
}

/* ****** #CONTAINER - TLACIDLA "PREV"/"NEXT" ****** */
#container a.prev {
  DISPLAY: block;
  POSITION: absolute; TOP: 192px; LEFT: 16px;
  WIDTH: 270px; HEIGHT: 48px !important; HEIGHT: 78px;
  PADDING: 30px 0px 0px 0px;
  BACKGROUND: url(tlacidlo.jpg) no-repeat left bottom; COLOR: #030;
  FONT-FAMILY: Verdana;
  TEXT-DECORATION: none;
}
#container a.next {
  DISPLAY: block;
  POSITION: absolute; TOP: 192px; LEFT: 320px;
  WIDTH: 270px; HEIGHT: 48px !important; HEIGHT: 78px;
  PADDING: 30px 0px 0px 0px;
  BACKGROUND: url(tlacidlo.jpg) no-repeat right bottom; COLOR: #030;
  FONT-FAMILY: Verdana;
  TEXT-DECORATION: none;
}
#container a.prev:hover {
  BACKGROUND: url(tlacidlo.jpg) no-repeat top left; COLOR: green;
}
#container a.next:hover {
  BACKGROUND: url(tlacidlo.jpg) no-repeat top right; COLOR: green;
}
/* ****** #TOP - DOMOVSKA STRANKA ****** */
#top a {
  DISPLAY: block;
  POSITION: relative; LEFT: 20px; TOP: 25px;
  WIDTH: 220px; HEIGHT: 90px;
  BORDER: 0px;
  BACKGROUND-COLOR: transparent;
  TEXT-DECORATION: none;
}
#top a span {
  DISPLAY: none;
}

/* ****** #MAIN - OBSAH ****** */
#main h2 {
  MARGIN: 0px 0px 40px 0px; PADDING: 0px;
  COLOR: #85e800;
  FONT-SIZE: 135%;
  TEXT-ALIGN: left;
}
#main a img {
  MARGIN: 0px; PADDING: 0px;
  BORDER: 2px solid #fff;
/*  MAX-HEIGHT: 300px;
  MAX-WIDTH: 500px; WIDTH: auto !important; WIDTH: 500px;*/
}
#main a span {
  DISPLAY: block;
  MARGIN: 0px; PADDING: 20px;
  BACKGROUND-COLOR: #000f00;
}
#main p {
  MARGIN: 12px 0px 12px 0px; PADDING: 0px;
  FONT-SIZE: 90%; LINE-HEIGHT: 125%;
  TEXT-ALIGN: left;
}

*+html #main div.nahlad a {
  FLOAT: right;
}
#main div.nahlad {
  POSITION: relative;
  MARGIN: 0px auto 0px auto;
  PADDING: 0px 7px; WIDTH: 560px;
}


#main div.nahlad a {
  POSITION: relative; FLOAT: left;
  DISPLAY: inline; MARGIN: 5px;
  BORDER: 1px solid #030;
  WIDTH: 170px; HEIGHT: 170px;
  BACKGROUND-COLOR: #eee;
}
#main div.nahlad a:hover {
  BACKGROUND-COLOR: #E0FFB8;
}
#main div.nahlad a img {
  POSITION: relative;
/*  MAX-WIDTH: 160px !important; WIDTH: auto; 
  MAX-HEIGHT: 160px !important; HEIGHT: auto;*/
  MARGIN: 4px;
  BORDER: 1px solid #fff;
  VERTICAL-ALIGN: middle;
  TEXT-ALIGN: center;
}
#main div.nahlad a span {
  DISPLAY: block;
  MARGIN: 0px; PADDING: 0px;
  BACKGROUND-COLOR: transparent;
  LINE-HEIGHT: 160px;
}
#main ul.info {
  MARGIN: 10px auto 30px auto; PADDING: 0px 0px 10px 0px;
  TEXT-ALIGN: left;
  LIST-STYLE-TYPE: none; BACKGROUND-COLOR: #363;
}
#main ul.info li {
  MARGIN: 0px; PADDING: 2px 25px;

  COLOR: #bc9;
}
#main ul.info li.first {
  PADDING: 2px 0px; MARGIN-BOTTOM: 10px;
  FONT-SIZE: 14px; LINE-HEIGHT: 17px;
}
#main ul.info li h2 {
  MARGIN: 0px; PADDING: 3px 3px 5px 3px;
  BORDER-TOP: 4px solid #696; BACKGROUND-COLOR: #030; COLOR: #A6FF2D;
  FONT-WEIGHT: bold; FONT-SIZE: 15px;
}
#main ul.info li strong, #main ul.info li span {
  FONT-SIZE: 11px; MARGIN: 0px;
  PADDING: 2px 5px; BACKGROUND-COLOR: #030; COLOR: #a6ff2d;
  LINE-HEIGHT: 17px; FONT-WEIGHT: bold; FONT-FAMILY: courier new;
}
#main ul.info li span {
  BACKGROUND-COLOR: #a6ff2d; COLOR: #030;
}

/* ****** #MAIN - .POZICIA ****** */
#main div.pozicia h1 {
  DISPLAY: inline;
  MARGIN: 0px; PADDING: 0px;
  FONT-SIZE: 100%; FONT-WEIGHT: normal;
}
#main div.pozicia {
  MARGIN: 0px 0px 20px 0px; PADDING: 0px 0px 5px 0px;
  BORDER-BOTTOM: 1px dotted #ccc;
  FONT-SIZE: 13px;
  TEXT-INDENT: 0px; TEXT-ALIGN: left; LINE-HEIGHT: 15px;
}
#main div.pozicia a {
  DISPLAY: inline;
  MARGIN: 1px 3px 1px 2px; PADDING: 1px 1px 1px 7px;
  BACKGROUND: transparent url(pozicia.gif) no-repeat 0px 4px; COLOR: #487042;
  TEXT-DECORATION: none;
}
#main div.pozicia a:hover {
  BACKGROUND: transparent url(pozicia.gif) no-repeat 0px -12px; COLOR: #0c0;
  TEXT-DECORATION: underline;
}
#main div.pozicia span {
  DISPLAY: inline;
  MARGIN: 1px 2px 1px 2px; PADDING: 1px 1px 1px 7px;
  BACKGROUND: transparent url(pozicia.gif) no-repeat 0px -12px; COLOR: #0c0;
  FONT-WEIGHT: bold;
}

/* ****** #RIGHT + MENU ****** */
#right div {
  MARGIN: 5px 0px 0px 1px; PADDING: 20px 0px 0px 0px;
  BACKGROUND: url(right.jpg) no-repeat top;
}
#right p {
  MARGIN: 15px 7px 15px 7px; PADDING: 0px;
  FONT-SIZE: 100%;
  TEXT-ALIGN: center;
}

#right ul {
  MARGIN: 0px; PADDING: 0px;
  LIST-STYLE-TYPE: none;
}
#right ul li ul {
  MARGIN: 5px 0px 0px 10px; PADDING-LEFT: 7px;
  BORDER-LEFT: 1px dashed #ccc;
}
#right ul li {
  MARGIN: 3px 25px 5px 25px; PADDING: 2px;
  TEXT-ALIGN: left; FONT-SIZE: 100%;
}
#right ul li span {
  CURSOR: pointer !important; CURSOR: hand;
}
#right ul li ul li {
  DISPLAY: block; WIDTH: auto !important; WIDTH: 100%;
  MARGIN: 0px; PADDING: 0px;
}
#right a {
  DISPLAY: block; WIDTH: auto !important; WIDTH: 100%;
  BORDER-BOTTOM: 1px dashed #A6FF2D;
  MARGIN: 1px; PADDING: 2px 7px 2px 7px;
  COLOR: #666;
  FONT-SIZE: 14px; FONT-FAMILY: Courier;
  TEXT-DECORATION: none;
  LINE-HEIGHT: 16px;
}
#right li.selected a {
  PADDING-BOTTOM: 1px;
  BORDER-BOTTOM: 2px solid #A6FF2D;
  BACKGROUND-COLOR: #D7FF9F;
}
#right a:hover, #right li.selected a:hover {
  BACKGROUND-COLOR: #030; COLOR: #A6FF2D;
}
.submenu {
  DISPLAY: none;
}

/* ****** #RIGHT - FORMULAR ****** */
form {
  MARGIN: 5px !important; MARGIN: 5px 0px 5px 0px; PADDING: 10px !important; PADDING: 10px 0px 10px 0px;
  TEXT-ALIGN: center;
}
form fieldset {
  MARGIN: 0px; PADDING: 0px;
  BORDER: 0px;
}
form fieldset label {
  DISPLAY: block;
  MARGIN: 0px; PADDING: 0px;
}
form fieldset input {
  WIDTH: 103px; HEIGHT: 28px;
  MARGIN: 5px; PADDING: 0px 10px 4px 10px;
  BORDER: 0px;
  BACKGROUND: url(input-submit.gif) no-repeat top center; COLOR: #030;
  FONT-FAMILY: Courier; FONT-SIZE: 14px;
  TEXT-ALIGN: center;
}
form fieldset label input {
  WIDTH: 184px !important; WIDTH: 202px; HEIGHT: 17px !important; HEIGHT: 27px;
  MARGIN: 1px; PADDING: 6px 10px 4px 10px;
  BORDER: 0px;
  BACKGROUND: url(input-text.gif) no-repeat center left; BACKGROUND-ATTACHMENT: scroll !important; BACKGROUND-ATTACHMENT: fixed; COLOR: #999 !important; COLOR: #030;
  FONT-FAMILY: Courier; FONT-SIZE: 14px;
  TEXT-ALIGN: center !important; TEXT-ALIGN: left;
}
form fieldset label textarea {
  WIDTH: 184px !important; WIDTH: 202px; HEIGHT: 136px !important; HEIGHT: 152px;
  MARGIN: 1px; PADDING: 12px 10px 4px 10px;
  BORDER: 0px;
  BACKGROUND: url(textarea.gif) no-repeat center left; BACKGROUND-ATTACHMENT: scroll !important; BACKGROUND-ATTACHMENT: fixed; COLOR: #999 !important; COLOR: #030;
  FONT-FAMILY: Courier; FONT-SIZE: 14px;
  TEXT-ALIGN: center !important; TEXT-ALIGN: left;
}
form fieldset input:focus {
  WIDTH: 103px; HEIGHT: 28px;
  MARGIN: 6px 4px 4px 6px; PADDING: 0px 10px 4px 10px;
  BORDER: 0px;
  BACKGROUND: url(input-submit.gif) no-repeat bottom center; COLOR: #030;
  FONT-FAMILY: Courier; FONT-SIZE: 14px;
  TEXT-ALIGN: center;
}
form fieldset label input:focus {
  WIDTH: 184px; HEIGHT: 16px;
  MARGIN: 1px; PADDING: 6px 10px 4px 10px;
  BORDER: 0px;
  BACKGROUND: url(input-text.gif) no-repeat center left; COLOR: #030 !important;
  FONT-FAMILY: Courier; FONT-SIZE: 14px;
  TEXT-ALIGN: left !important;
}
form fieldset label textarea:focus {
  COLOR: #030 !important;
  TEXT-ALIGN: left !important;
}
form fieldset p {
  FONT-SIZE: 13px !important; LINE-HEIGHT: 20px !important;
}
form fieldset p em {
  DISPLAY: block; FONT-WEIGHT: bold;
}

/* ****** BOTTOM - COPYRIGHTY ****** */
#bottom p {
  MARGIN: 0px; PADDING: 3px;
  FONT-SIZE: 75%; 
  LINE-HEIGHT: 110%;
}
#bottom a {
  BACKGROUND-COLOR: #85e800;
  PADDING: 1px 2px 1px 2px; COLOR: #030;
  FONT-FAMILY: Courier; FONT-SIZE: 80%;
  TEXT-DECORATION: none;
}
#bottom a:hover {
  BACKGROUND-COLOR: #030; COLOR: #85e800;
}

/* ****** LITEBOX ****** */
#lightbox {
  background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	border: 1px solid #000;
}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
}	
#lightboxCaption{
  float: left;
}
#keyboardMsg{
  float: right;
}
#closeButton{
  top: 5px; right: 5px;
}

#lightbox img{
  border: none; clear: both;
} 
#overlay img{
  border: none;
}
#overlay{
  background-image: url(overlay.png) !important; background: none;
}
 
.ie6 {
  DISPLAY: none;
}
p.popis {
  CLEAR: both;
}