/*
 * Main CSS file for screen media
 * Author: Jiri Thiemel <Thiemel.Jiri@seznam.cz>
 */

/* Miscellaneous **************************************************************/
.nostyle {
	display: none;
}

.ok {
	color: #007D48;
}

.ko {
	color: #B32400;
}

* {
	padding: 0em;
	margin: 0em;
}

body {
	font-family: "Trebuchet MS", "Geneva CE", sans-serif;
	color: #666;
	background: #f2f2f2 url('./images/body-bg.png') right top repeat-y;
}

#container {
	background: transparent url('./images/container-bg.png') right top no-repeat;
	width: 795px;
	float: right;
}

/* Head ***********************************************************************/
#head {
	position: relative;
	right: -268px;
	top: 15px;
	margin: 0px 0px -75px 0px;
	width: 350px;
	height: 75px;
	z-index: 2;
	background: #fff url('./images/container-bg.png') -268px -15px no-repeat;
}

#logo a {
	display: block;
	width: 350px;
	height: 75px;
}

#logo a:hover {
	background: transparent url('./images/head-hover-bg.png') left top no-repeat; 
}

/* Terrible M$IE */
#logo a span {
	width: 350px;
	height: 75px;
	cursor: pointer;
	padding: 500px 500px 0px 0px;
	overflow: hidden;
}

*[id="logo"] a span {
	display: none;
}

#skip-to {
	display: none;
}

/* Page ***********************************************************************/
#page {
	float: right;
	margin: 115px 145px 0px 0px;
	width: 610px;
	display: inline; /* Terrible M$IE */
}

#page .container {
	margin: 128px 0px 0px 0px;
	padding: 0px 90px 20px 20px;
	min-height: 398px;
	height: 400px; /* Terrible M$IE */
	background: #F4F7E0 url('./images/page-bg.png') 0px 3px repeat-y;
	font-size: 0.9em;
	line-height: 150%;
}

*[id="page"] .container {
	height: auto !important;
}

/* Headers ********************************************************************/
#page h2 {
	width: 400px;
	height: 75px;
	position: absolute;
	right: 390px;
	top: 135px;
	overflow: hidden;
	background: #fff url('./images/container-bg.png') -5px -135px repeat-y;
	font-size: 40px;
	line-height: 49px;
}

#page h3, #page h4, #page h5, #page h6 {
	background: transparent url('./images/header-bg.png') left top repeat-y;
	position: relative;
	left: -15px;
	margin: 1em 0em 0.5em 0em;
	clear: both;
	line-height: 110%;
}

#page h2 span, #page h3 span, #page h4 span, #page h5 span, #page h6 span {
	display: block;
	font-weight: bold;
	font-variant: small-caps;
	font-style: italic;
	padding: 0em 0em 0em 0.5em;
	line-height: 110%;
}

/* Terrible M$IE */
*[id="page"] h2 span:first-letter, *[id="page"] h3 span:first-letter, *[id="page"] h4 span:first-letter, *[id="page"] h4 span:first-letter, *[id="page"] h6 span:first-letter { 
	color: #9EAD6C;
}

#page h2 span {
	padding: 14px 0px 0px 20px;
}

#page h3 span {
	font-size: 2em;
	padding: 0px 0px 0px 16px;
}

#page h4 span {
	font-size: 1.6em;
	padding: 0px 0px 0px 32px;
}

#page h5 span {
	font-size: 1.2em;
	padding: 0px 0px 0px 48px;
}

#page h6 span {
	font-size: 16px;
	padding: 0px 0px 0px 64px;
}

#page p {
	/*text-indent: 36px;*/
	margin: 1em 0em 1em 0em;
}

/*#page h2+p, #page h3+p, #page h4+p, #page h5+p, #page h6+p {
	text-indent: 0px;
}*/

/* Forms **********************************************************************/
#page .form {
	margin: 16px 0px 16px 0px;
}

textarea {
	border: 1px solid #ccc;
	border: 1px solid #9EAD6C;
	width: 100%;
	float: left;
	color: #666;
	background: #F4F7E0 url('./images/header-bg.png') left top repeat-y fixed;
	font-family: Courier-new, monospace;
}

* > textarea {
	background-attachment: scroll !important; 
}

textarea:focus {
	border: 1px solid #666;
	color: #444;
}

textarea[class="text"] {
	float: none !important;
}

input.text, select {
	border: 1px solid #ccc;
	border: 1px solid #9EAD6C;
	color: #666;
	background: #F4F7E0 url('./images/header-bg.png') left top repeat-y;
	/*font-family: Arial, sans-serif;*/
}

input.text:focus, select:focus {
	border: 1px solid #666;
	color: #444;
}

input.button {
	border: 1px solid #ccc;
	border: 1px solid #9EAD6C;
	color: #666;
	cursor: pointer;
	background: #F4F7E0 url('./images/header-bg.png') left top repeat-y;
	font-weight: bold;
	padding: 0px 5px 0px 5px;
}

input.button:hover {
	color: #444;
	border-color: #666;
}

form p.label, form p.box-label {
	padding: 0px !important;
	margin: 0em 0em 0.5em 0em !important;
}

form p.info {
	font-style: italic;
	color: #666;
	/*text-indent: 0px;*/
	font-size: 0.9em;
}

form p.securityimage {
	text-align: center;
}

form p.securityimage img {
	border: 1px solid #ccc;
	border: 1px solid #9EAD6C;
	padding: 5px;
	background: transparent;
}

form p {
	/*text-indent: 0px !important;*/
}

label {
	width: 100%;
	display: block;
	text-align: right;
}

label span {
	float: left;
	color: #444;
	display: block;
	width: 25%;
	text-align: left;
}

p.textarea label span {
	width: auto;
}

label > span {
	width: auto;
}

label span.important {
	font-weight: bold;
}

label input.text {
	width: 100%;
}

label select {
	width: 74%;
}

label > input.text, label > select {
	width: 75%;
}

p.box-label label {
	color: #444;
	display: block;
	text-align: left;
	float: none;
}

p.box-label label input {
	width: auto;
	display: inline;
	float: none;
}

p.box-label label span {
	display: inline;
	float: none;
}

fieldset {
	border: 1px solid #ccc;
	background: none;
}

* > fieldset {
	background: #E4E9B7 url('./images/th-bg.png') left top repeat-y !important;
	padding: 16px !important;
}

fieldset form {
	background: #E4E9B7 url('./images/th-bg.png') left top repeat-y;
	padding: 16px;
}

* > fieldset form {
	background: none !important;
	padding: 0px !important;
}

fieldset legend {
	border: 1px solid #ccc;
	border: 1px solid #9EAD6C;
	background: #F4F7E0 url('./images/header-bg.png') left top repeat-y;
	padding: 0px 8px 0px 8px;
	font-weight: bold;
	color: #444;
}

/* General ********************************************************************/
#page strong {
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #444;
}

#page em {
	font-style: italic;
	letter-spacing: 0.1em;
	color: #444;
}

#page code {
	font-family: Courier-new, monospace;
	font-size: 0.9em;
}

#page acronym {
	cursor: help;
	border-bottom: 1px dotted;
}

#page blockquote {
	margin: 1em 32px 1em 32px;
	border: 1px solid #ccc;
	border-left: 5px solid #9EAD6C;
	padding: 0.5em 0.5em 0.5em 1em;
	background: #E4E9B7 url('./images/th-bg.png') left top repeat-y;
}

#page blockquote p {
	/*text-indent: 0px;*/
}

/* Links **********************************************************************/
#page a:link {
	color: #9EAD6C;
	text-decoration: none;
	border-bottom: 2px solid #9EAD6C;
	font-weight: bold;
}

#page a:visited {
	color: #666;
	text-decoration: none;
	border-bottom: 2px solid #666;
	font-weight: bold;
}

#page a:hover {
	color: #666;
	border-bottom: 2px solid #f90;
}

/* Lists **********************************************************************/
#page .list {
	margin: 1em 0em 1em 0em;
	padding: 0px 0px 0px 16px;
}

#page .list ul, #page .list ol {
	margin: 0px 0px 0px 32px;
}

#page .list li {
	color: #9EAD6C;
	font-weight: bold;
}

#page .list li div.li {
	color: #666;
	font-weight: normal;
	margin: 0.25em 0em 0.25em 0em;
}

#page .list ul li {
	list-style: square outside;
}

#page .list ol li {
	list-style: decimal outside;
}

#page .list ol li ol li {
	list-style: upper-roman outside;
}

#page .list ol li ol li ol li {
	list-style: lower-alpha outside;
}

#page .list ol li ol li ol li ol li {
	list-style: lower-greek outside;
}

#page .list li p {
	/*text-indent: 0px;*/
}

/* Tables *********************************************************************/
#page .table {
	text-align: center;
	margin: 1em 0em 1em 0em;
}

#page .table table {
	border: 1px solid #9EAD6C;
	border: 1px solid #ccc;
	margin: 0em auto 0em auto;
}

#page .table table caption {
	margin: 0em auto 0em auto;
	font-weight: bold;
	font-variant: small-caps;
	font-size: 1.1em;
	font-style: italic;
	color: #666;
}

*[id="page"] .table table caption:first-letter {
	color: #9EAD6C;
}

#page .table table th {
	border: 1px solid #9EAD6C;
	font-weight: bold;
	padding: 0.1em 0.5em 0.1em 0.5em;
	background: #E4E9B7 url('./images/th-bg.png') left top repeat-y;
	color: #666;
}

#page .table table td {
	border: 1px solid #9EAD6C;
	background: #F4F7E0 url('./images/header-bg.png') left top repeat-y;
	padding: 0.1em 0.5em 0.1em 0.5em;
	color: #666;
}

#page .table .left {
      text-align: left;
}

#page .table .center {
      text-align: center;
}

#page .table .right {
      text-align: right;
}

/* Galleries ******************************************************************/
#selected-photo {
	margin: 0px 0px 0px -15px;
	width: 505px;
	background: #ccc;
	/*position: relative;*/
}

#selected-photo a, #selected-photo a:hover {
	background: none;
	padding: 0em !important;
	border: none !important;
}

#selected-photo a img {
	margin: 3px 0px 3px 0px;
	border: 2px solid #fff;
	border-left: none;
	vertical-align: middle;
}

#selected-photo a:hover img {
	border-color: #f90;
}

#photo-navbar {
	height: 0px !important;
	background: #F4F7E0 url('./images/page-bg.png') -5px 0px repeat-y;
}

#photo-navbar .prev a, #photo-navbar .next a, #photo-navbar .disabled {
	display: block;
	width: 20px;
	height: 20px;
	background: transparent url('./images/navigace-bg.gif') 0px 0px no-repeat;
	float: left;
	position: relative;
	left: 5px;
	top: -30px;
	border: none !important;
}

#photo-navbar .next a, #photo-navbar .next .disabled {
	float: right;
	left: -10px;
}

#photo-navbar .prev a span, #photo-navbar .next a span, #photo-navbar .disabled span {
	display: none;
}

#photo-navbar .prev a {
	background-position: 0px 0px;
}

#photo-navbar .prev a:hover {
	background: transparent url('./images/navigace-bg.gif') 0px -20px no-repeat;
}

#photo-navbar .next a {
	background: transparent url('./images/navigace-bg.gif') -20px 0px no-repeat;
}

#photo-navbar .next a:hover {
	background: transparent url('./images/navigace-bg.gif') -20px -20px no-repeat;
}

#photo-navbar .prev .disabled {
	background: transparent url('./images/navigace-bg.gif') 0px -40px no-repeat;
}

#photo-navbar .next .disabled {
	background: transparent url('./images/navigace-bg.gif') -20px -40px no-repeat;
}

#photo-full {
	position: absolute;
	left: 10px;
	top: 360px;
	z-index: 10 !important;
	background: #ccc !important;
}

#photo-full a {
	background: #ccc !important;
	border: none !important;
}

#photo-full a span {
	display: block;
	border: 3px solid #ccc;
}

#photo-full a img {
	vertical-align: middle;
	border: 2px solid #fff;
	margin: 0em auto 0em auto; 
}

#photo-full a:hover img {
	border-color: #f90;
}

#photos-list li {
	list-style: none;
	float: left;
}

#photos-list a {
	display: block;
	margin: 0px 15px 15px 0px;
	background: #ccc !important;
	border: 3px solid #ccc !important;
	text-decoration: none !important;
	width: 110px;
	height: 86px;
	text-align: center;
}

*[id="photos-list"] a {
	width: 104px !important;
	height: 79px !important;
}

#photos-list a .text {
	display: none;
}

#photos-list a img {
	vertical-align: middle;
	border: 2px solid #fff;
	margin: 0em auto 0em auto;
}

#photos-list a:hover img {
	border-color: #f90;
}

#photos-list strong a {
	border-color: #9EAD6C !important;
	background: #9EAD6C !important;
}

#galleries-list {
	padding: 0em 0em 0.5em 0em;
}

#galleries-list li a, #galleries-list li strong a {
	text-decoration: none !important;
	font-weight: normal !important;
	border: none !important;
}

#galleries-list li a span {
  padding: 0em 0em 0em 0em;
	color: #666 !important;
}

#galleries-list li a .bracket-left {
	margin: 0em 0em 0em 0.5em;
	color: #999 !important;
}

#galleries-list li a .bracket-right {
	padding: 0em;
	color: #999 !important;
}

#galleries-list li a .number-of-photos {
	padding: 0em;
	color: #999 !important;
}

#galleries-list li a:hover span {
	color: #000 !important;
	border-bottom: 2px solid #f90;
}

#galleries-list li a:hover span.bracket-left, #galleries-list li a:hover span.bracket-right, #galleries-list li a:hover span.number-of-photos {
	border-bottom: none !important;
}

#galleries-list li strong a span {
	color: #000 !important;
	font-weight: bold;
	padding: 0em 0em 0em 0em;
}

#page .link-to-gallery {
	float: right;
	width: 75px;
	height: 75px;
	margin: 0em 0em 0.5em 0.5em;
}

#page .link-to-gallery a {
	display: block;
	width: 100%;
	height: 100%;
	border: none !important;
	background: transparent url('./images/link-to-gallery-bg.gif') 0px 0px no-repeat;
}

#page .link-to-gallery a:hover {
	background-position: 0px -75px;
}

#page .link-to-gallery a span {
	display: none;
}

/* Page --- other *************************************************************/
#svatek {
	float: right;
}

#svatek strong {
	display: block;
	text-align: center;
}

#svatek br {
	display: none;
}

/* Navigation *****************************************************************/
#navigation {
	position: relative; /* Terrible M$IE */
	width: 1px;
	float: right;
}

#navigation .header {
	width: 210px;
	height: 56px;
	position: absolute; /* Terrible M$IE */
	right: -740px; /* Terrible M$IE */
	top: 243px;
	background: transparent url('./images/navigation-header-bg.png') left top no-repeat;
}

#navigation .header span {
	display: none;
}

#navigation .list {
	width: 210px;
	position: absolute; /* Terrible M$IE */
	right: -740px; /* Terrible M$IE */
	top: 296px;
}

#navigation li {
	list-style-type: none;
	background: transparent url('./images/navigation-link-bg.png') 0px 0px repeat-y;
	padding: 3px 5px 3px 5px;
}

#navigation a {
	display: block;
	height: 30px;
	text-decoration: none !important;
	overflow: hidden;
	background: #F2F2F2 url('./images/navigation-link-bg.png') -5px -3px repeat-y;
/*	background: #f2f2f2 url('./images/body-bg.png') -50px -1px;*/
}

#navigation a:hover {
	background: #F1D482 url('./images/navigation-link-bg.png') -5px -39px no-repeat;
	/*background: #E8EDBB url('./images/navigation-link-bg.png') -5px -3px repeat-y;*/
}

#navigation a span {
	display: block;
	padding: 4px 0px 0px 16px;
	color: #666;
	font-style: italic;
	font-weight: bold;
	font-variant: small-caps;
	font-size: 16px;
}

*[id="navigation"] a span:first-letter {
	color: #9EAD6C;
}

#navigation strong a span {
	/*padding: 4px 0px 0p