html { }

html {
   background: rgb(113,113,93) url('back.jpg') top left repeat-x;
   height: 100%;
   margin:0;
   padding:0;
}

body {
   font-family: "DejaVu Sans", Verdana, sans-serif;
   font-size: 0.82em;
   width:100%;
   min-height:100%;
   height:auto;
   margin:0;
   padding:0;
   background: url('back_stin_l1.png') top left repeat-y;
}


p {
	margin:0;
	padding-top: 1em;
	line-height: 1.3em;
}

/* Zalomeni stinu v levem hornim rohu */
#b-lh {
   background: url('back_stin_lh.jpg') top left no-repeat;
   position:absolute;
   top:0;
   left:0;
   width:20px;
   height:20px;
}


/* ------------------------------------------------------------------------- */
/* Hlavni cast */
#telo-1 {
	position: relative;
	margin-left:auto;
	margin-right:auto;
	padding: 0 1.5em;
	left:0;
	right:0;
	max-width:80em;
}

#telo-2 {
   background: url('back_stin_p2.png') top left repeat-y;
   padding-left:20px;	
}

#telo-3 {
   background: url('back_stin_l2.png') top right repeat-y;
   padding-right:20px;
}

#telo-4 {
	background-color:white;
	padding: 0 0.8em;
}

#telo-5 {
	background-color: #71715d;
}

#telo-6 {
	position:relative;
	background: #dbd7c3 url('back_stin_h1.png') top left repeat-x;	
	margin-left:15em;
}

#telo-7 {
	background: url('back_stin_p3.png') top left repeat-y;
}

#telo-8 {
	padding:1px 1.2em 1em 1.5em;
	font-size:100%; /* Drobny hack kvuli spatnemu zvetsovani v MSIE */
}

#telo-8 p {
	margin:1em 0;
	padding-top:0;
}

#telo-8 h2 {
	margin:1em 0;
	padding-top:0;
	font-size:1.5em;
	border-bottom:1px dotted #999688;
}

#hlavni {
	margin:0;
	margin-top:1.2em;
	padding:0;	
}

/* ------------------------------------------------------------------------- */
/* Banner */
#banner {
	position:relative;	
	font-size:100%; /* Drobny hack kvuli spatnemu zvetsovani v MSIE */
	background: #142c4a url('back_banner.jpg') center right no-repeat;
	color:white;
}

#banner div {
	padding:1em;
	padding-bottom:1.2em;
	background: url('back_banner.png') bottom left repeat-x;
}

#banner h1 {
	margin:0;
	padding:0 0 0.15em 0.2em;
	line-height: 0.9em;
	font-size:2em;
}


/* ------------------------------------------------------------------------- */
/* Hlavni oblast s textem */

#hlavni .warn {
	border:3px solid red;
	color:red;
	padding: 0.5em;
}
#hlavni .warn * { color:red; }
#hlavni .warn a { border:none; text-decoration:underline; }
#hlavni .warn a:hover { border:none; }


#hlavni a {
	color: black;
	text-decoration: none;
	border-bottom: dotted 1px gray;
}
#hlavni a:hover { border-bottom: solid 1px black; }

#hlavni ul,
#hlavni ol {
	list-style-position: outside;
	margin:1em 0.5em;
	padding:0 1em;
	line-height:1.3em;
}
#hlavni ol { padding:0 1.4em; }
#hlavni ul ul,
#hlavni ol ol {
	margin:0;
}

#hlavni ul li,
#hlavni ol li {
	margin-top:0.3em;
	margin-bottom:0.3em;
}


#hlavni .appendix {
	position:absolute;
	padding:0 0.5em;
	top:-1.9em;
	right:0em;
	color:#bfc9d4;
}

#hlavni .wikitext p {
	padding: 0;
	margin: 0.5em 0;
}

#hlavni .wikitext hr {
	padding: 0;
	margin:1em 0;
	border:0;
	border-top:1px dotted #999688;
	height:0;
	
}
#hlavni .wikitext hr.cboth { clear: both; }
#hlavni .wikitext hr.cleft { clear: left; }
#hlavni .wikitext hr.right { clear: right; }


/* ------------------------------------------------------------------------- */
/* Obrazky */
div.img {
	width:178px;
	height:178px;
	position:relative;
	background: url('back_img.jpg') top left no-repeat;
	display: table;
	margin: 0;
	margin-bottom:5px;
}

div.img_text {
	background-image: url('back_img_text.jpg');
}


div.ileft {
	float: left;
	margin-right:10px;
}

div.iright {
	float: right;
	margin-left:10px !important;
}

div.img div.d1 {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding:0 2px 4px 0;
	border: none !important;
}

div.img img {
	margin:0;
	padding:0;
	border:1px solid #3c3c3b;
	vertical-align: middle;
}

/* Tohle bude hack pro IE do samostatneho souboru... */
div.img div.d1 img {
	*margin-bottom:8px;
}

div.img div.d1 span {
	*display: inline-block;
	*height: 100%;
	*vertical-align: middle;
}


/*

div.img img.hidden {
	margin:0;
	padding:0;
	border:none;
	vertical-align: middle;
	visibility: hidden;
	width:0;
}

div.galerie {
	border:1px dotted #999688;
	border-style: dotted none;
	margin:1em 0;
	padding: 10px 0 2px 0;
	text-align: center;
	clear: both;
}

div.galerie div.img {
	display: inline-table;
}

div.galerie div.clear {
	clear: both;
}
*/


/* ----------------------- */
/* Galerie */

.galerie .gimg {
	float:left;
	position:relative;
	border-collapse:collapse;
	margin:0 2px 0 0;
}

.galerie .gimg div {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	background: url('back_img.jpg') top left no-repeat;
	width: 178px;
	height: 178px;
	padding:0;
	margin:0;
	
}

.galerie .gimg_text div {
	background-image: url('back_img_text.jpg');
}

.galerie .gimg div * {
    vertical-align: middle;
}

.galerie img {
	border:1px solid #3c3c3b;
	margin: 0 2px 9px 0;	
}

.galerie {
	display:table;
	margin:0.5em 0;
	/*margin:0;*/
	clear: both;
}

.galerie .cell {
	display:table-cell;
	border:1px dotted #999688;
	border-style: dotted none;
	border-collapse:collapse;
	padding: 10px 0 2px 0;
	text-align: center;
}

.galerie .g1 {
	display:inline-table;
	padding:0 0 4px 0;
	margin: 0 -2px 0 0 !important;
	border-collapse: collapse;
}

/*
.galerie_pre,
.galerie_post {
	display:none;
	position:relative;
	clear: both;
	width:100%;
	border:1px dotted #999688;
	border-style:dotted none none none;
	margin-top:0.5em;
	height:1px;
}
.galerie_post {
	margin-top:0;
	margin-bottom:0.5em;
	border-style:none none dotted none;
}
*/

/* Hack pro Operu,  */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
	head~body .galerie .g1 { display: block; float:left; margin:0 !important; }
	head~body .galerie .gimg { margin-right: 4px; }
}

/* Tohle bude hack pro IE do samostatneho souboru... */
.galerie .gimg span {
	*display: inline-block;
	*height: 100%;
}
.galerie {
	_height: 0;
	*zoom: 1;
}
.galerie .g1 {
	*display: block;
	*float:left;
	*margin:0 !important;
}

/* ------------------------------------------------------------------------- */
/* Seznam blogpostu */
#hlavni .bpperex {
	background: #dbd7c3 url('nadpis_back.png') top left repeat-x;
	margin: auto -1.2em auto -1.5em;
	font-size:100%;
	clear: both;
}

/* Hack pro Operu,  */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
	head~body #hlavni .bpperex { margin-left: -1.51em; }
}


#hlavni .bpperex > div {
	background: url('back_stin_p3.png') top left repeat-y;
	padding: 0.42em 1.2em;
	padding-left: 1.51em;
}

#hlavni .bpperex h3 {
	font-size:1em;
	margin: 0 0 0 -0.5em;
	padding: 0;
}

#hlavni .bpperex h3 a,
#hlavni .bpperex .info a
 {
	border: none;
}
#hlavni .bpperex h3 a:hover {
	text-decoration: underline;
}

#hlavni .bpperex .info {
	font-size: 0.85em;
	text-align: right;
	margin-bottom:2em;
	padding-top:0.5em;
	border-top: 1px dotted rgb(190,190,140);
}

#hlavni .bpperex .info * {
	color: rgb(113,113,93);
}

#hlavni .bpperex .info a:hover {
	border-bottom: 1px dotted rgb(190,190,140);
}

#hlavni .strankovani_home {
	margin-left: -0.5em;
}

#hlavni .strankovani_home * {
	color: rgb(113,113,93);
}

#hlavni .strankovani_home a {
	border-bottom-color: rgb(190,190,140);
}

#hlavni .strankovani_home .konec {
	clear: both;
}

#hlavni .horni .strankovani_home .starsi,
#hlavni .horni .strankovani_home .novejsi {
	padding-bottom:1em;
	*padding-bottom:0;
}

#hlavni .sspodni .strankovani_home .starsi,
#hlavni .sspodni .strankovani_home .novejsi {
	padding-top:1em;
	*padding-top:0;
}

#hlavni .strankovani_home .starsi {
	float: right;
}

#hlavni .strankovani_home .novejsi {
	float: left;
}


/* ------------------------------------------------------------------------- */
/* Menu */
#menubox {
	position:absolute;
	font-size:1em;
	left:-15em;
	top:0;
	width:15em;
	background: url('back_stin_h1.png') top left repeat-x;
}

#menubox,
#menubox a {
	color:#d5d5cf;
}

#menubox h2 a {
	color:white;
}

#menubox div.menu {
	padding:0 1em 1em 1em;
}

#menubox p,
#menubox h2,
#menubox ul {
	font-size: 0.85em;
	padding-top:0.5em;
}

#menubox p {
	margin:0 0;
}

#menubox h2 {
	line-height:1em;
	margin:0;
	padding:0;	
}

#menubox div.menuh {
	background: #969687;
	color: white;
	margin-top:1em;
	padding:0.3em 1em;
}

#menubox .menu li h2,
#menubox .menu li h3,
#menubox .menu li h4 {
	padding: 0.2em 0.2em 0.2em 0.7em;
}


#menubox .menu * { line-height:1.25em; }
#menubox .menu ul {
	padding-left: 0;
	padding-right: 0;
	margin:0;
}


#menubox .menu li h3 { margin-top: 0.3em; }
#menubox .menu li {
	list-style:none;
	margin:0;
	padding:0;
	display:block;
}

#menubox .menu ul ul {
	padding-left:1em;
	padding-bottom:1em;
	font-size: 1em;
}


#menubox a {
	text-decoration: none;
}

#menubox a:hover {
	text-decoration: underline;
}

#menubox a.separate {
	display:block;
	margin-top:0.5em;
}


/* ------------------------------------------------------------------------- */
/* Panely chybovych hlasek */
.feedback {
	margin-left:1em;
	margin-bottom:0.5em;	
}

.feedback ul {
	list-style-position: outside;
	padding:0;
	margin:0;
}
.feedback li { 
	margin:0;
	padding:0;
}

.feedback .warning, .feedback .error {
	color: red;
}

.feedback .info {
	color: #006699;
}

.feedback .error {
	font-variant: small-caps;
}


/* ------------------------------------------------------------------------- */
/* Formulare */
.form-fieldset {
	margin-top:1em;
	border:none;
	padding:0;
	padding-right:0.2em;
}

.form-fieldset legend {
	margin:0;
	padding:0;
	margin-bottom:0.5em;
	width:100%;
	font-size:1.5em;
	border-bottom:1px dotted #999688;
		
}

.form-table {
	display: table;
	border-collapse: collapse;
	width:100%;
}

.form-table p {
	display: table-row;
}

.form-table p > span {
	display: table-cell;
	padding:0.3em 0.5em;
	width:auto;
	vertical-align: middle;
/*	bborder: 1px solid gray; */
}

.form-table p > span:first-child {
	padding-left:0;
}

.form-table input[type="text"],
.form-table input[type="password"],
.form-table select {
	width:100%;
	font-family: monospace;
	font-size: 1.2em;
	padding:0.13em 0.3em;
}
.form-table select {
	padding:inherit;
}

.form-table textarea {
	width:100%;
	font-family: monospace;
	font-size: 1.2em;
	padding:0.13em 0.3em;
}

.form-table input[type="submit"] {
	font-size: 1em;
}


.edit-base-data-page .form-table p > span:first-child {
	width:9.5em;
}

/* ------------------------------------------------------------------------- */
/* Tabulka souboru */
.filetable {
	border-collapse: collapse;
	width: 100%;
}

.filetable td {
	border: 1px dotted gray;
	padding:0.2em 0.5em;
	background-color: #c4c1af;
}

.filetable .even td {
	background-color: transparent;
}

.filetable p {
	margin: 0 !important;
}

.filetable td.checkCell {
	width:2em;
}

.filetable td.checkCell p {
	text-align: center;
}


/* ------------------------------------------------------------------------- */
/* Prehledy */
#hlavni .list {
	width:100%;
	border-collapse: collapse;
}

#hlavni .list th,
#hlavni .list td {
	border: 1px solid gray;
	padding:0.2em 0.5em;
}

#hlavni .list th {
	background-color: #c4c1af;
}
#hlavni .list tr.even td {
	background-color: #cecbba;
}
#hlavni .list p {
	margin:0;
	text-align: center;	
}


/* ------------------------------------------------------------------------- */
/* Box pro zobrazeni slideshow */
.slideshow {
	position:fixed;
	top:0;
	left:0;
	z-index: 50;
	background: url(ss_back.png);
	border:	2px solid #b4b19e;
}

.hideCursor {
	cursor: url("cursor-hidden.cur"), default;
}

.slideshow * {
	color: #b4b19e;
}

.slideshow .img {
	position: absolute;
	top:10px;
	left:0;
	border:	2px solid #b4b19e;
}

.slideshow .prefetchinfo {
	position: absolute;
	top:0;
	left:0;
	padding:0.1em 1em;
	border:	1px solid #b4b19e;
	border-style: none solid solid none;
	background: url(ss_box_back.png);
	display: none;
	z-index: 100;
}


.slideshow .controls {
	position: absolute;
	top:10px;
	right:10px;
	padding:5px;
	height:28px;
	border:	1px solid #b4b19e;
	background: url(ss_box_back.png);
	display:none;
	z-index: 101;
	color: #b4b19e;
}


.slideshow .controls .next,
.slideshow .controls .previous,
.slideshow .controls .play,
.slideshow .controls .pause,
.slideshow .controls .plus,
.slideshow .controls .minus,
.slideshow .controls .close,
.slideshow .controls .interval,
.slideshow .controls .toggleCaptions {
	position:relative;
	display:inline-block;
	width: 43px;
	height:28px;
	margin:0 3px;
	cursor: pointer;
	vertical-align: middle;
}

.slideshow .controls .toggleCaptions:hover {
	text-decoration: underline;
}

.slideshow .controls .next {
	background: url(ss_next.png);
}
.slideshow .controls .previous {
	background: url(ss_previous.png);
}
.slideshow .controls .play {
	width:34px;
	background: url(ss_play.png);
}
.slideshow .controls .pause {
	width:34px;
	background: url(ss_pause.png);
}
.slideshow .controls .close {
	width:31px;
	background: url(ss_close.png);
}

.slideshow .controls .plus,
.slideshow .controls .minus,
.slideshow .controls .interval,
.slideshow .controls .toggleCaptions {
	width:16px;
	height:16px;
	margin-top:auto;
	margin-bottom:auto;
}
.slideshow .controls .plus {
	background: url(ss_plus.png);
	margin-left: 5px;
}
.slideshow .controls .minus {
	background: url(ss_minus.png);
	margin-right: 5px;
}
.slideshow .controls .interval,
.slideshow .controls .toggleCaptions
 {
	width:auto;
	height:auto;
	cursor:default;
}

.slideshow .captionbox1 {
	position: absolute;
	bottom: 10px;
	margin:0;
	padding:auto;	
	width:100%;
	text-align: center;
	display:none;
	z-index: 98;
}

.slideshow .captionbox1 * {
	color:white;
}

.slideshow .captionbox2 {
	display:inline-block;
	position:relative;
	margin-left:10px;
	margin-right: 10px;
	padding: 0.25em 0.75em;
	background: url(ss_box_back.png);
	color: #e2dfc7;
	width:auto;
	max-width: 60em;
	bottom:0;
}

.slideshow .captionbox1 p {
	margin: 0.5em 0;
	padding:0;
	border:none;
}

.slideshow .captionbox1 textarea {
	width:80em;
	max-width:100%;
	border:none;
	background: transparent;
	color: white;
}

.slideshow .namebox {
	position:absolute;
	bottom:0;
	right:0;
	padding:5px;
	font-size: 0.82em;
	color:#817f72;
	z-index: 99;
}

.slideshow .exifbox {
	position:absolute;
	bottom:-1px;
	right:-1px;
	font-size: 0.82em;
	color: #b4b19e;
	border:	1px solid #b4b19e;
	background: url(ss_back.png);
	display:none;
	z-index: 100;
}

.slideshow .exifbox div {
	display:table;
	margin: 0.8em 0.2em;
}
.slideshow .exifbox div div {
	display:table-row;
	margin:auto;
}
.slideshow .exifbox span {
	display:table-cell;
	padding: 0.1em 0.5em;
}
.slideshow .exifbox span:first-child {
	text-align: right;
}
.slideshow .exifbox a { text-decoration: none; }
.slideshow .exifbox a:hover { text-decoration: underline; }

.slideshow .controls .toggleCaptions {
	cursor: pointer;
	margin-right:0.4em;
}



/* ------------------------------------------------------------------------- */
/* Specialni styly pro stranky */
.loginPage .form-table { width:auto !important; }
.loginPage .form-table input { width:auto; }