@import url("nicetitles.css");

/*--- BODY+ ---*/
body {
	font: 70% "Verdana", Helvetica, sans-serif;
	margin: 0 0 2em 0; padding: 0;
	text-align: center;
	background-color: #ddd;
	color: black;
}

/*--- DIVY ---*/
div.allIn {
	text-align: left;
	width: 78em;
	margin: auto;
	border: 2px solid indianred;
	border-top: none;
	/*height: 45em;
	min-height: 45em;*/
	background-color: black;
}	/*html>body div.allIn {
		height: auto;
	}*/
	
	div.header {
		height: 80px;
		/*background: #725E1F url("../img/header.gif") right top no-repeat;*/
		background-color: silver;
		border-bottom: 2px solid indianred;
		z-index: auto;
	}
	
	div.path {
		background-color: #ffdde0;
		border-bottom: 1px solid silver;
		padding: 0.3em 1.6em;
		margin: 0;
	}
	
	/*
		div pro titulku
	*/
	div.mainContainer {
		background-color: #f8f8f8;
	}
	
	/*
		div pro vytvoreni sloupce na leve strane
	*/
	div.sideBar {
		float: left;
		/*display: block;*/
		width: 20%; /*21 + 2* 1 = 23 TOTAL*/
	}
	/*
		obsahovy div pro stranky se sideBar
	*/
	div.contentSide {
		float: right;
		width: 80%;
		height: 38em;
		padding: 1em 0;
		min-height: 38em;
		background-color: white;
	}	html>body div.contentSide {height: auto;}
	
	/*
		div pro stranku, kde nebude levy sloupec
	*/
	div.padIn {
		padding: 0.5em 0.7em;
	}
	
	
	div.footer {
		text-align: left;
		width: 76em;
		margin: auto;
		padding: 0.3em 1em;
		border: 2px solid indianred;
		border-top: none;
		background-color: #fcecec;
	}
/*---konec DIVY ---*/

/*--- DIVy UNIVERSAL ---*/
div.sloupek {
	float: left;
	margin: 0;
}
/*--- konec DIVy UNIVERSAL ---*/

p, li, input {
	font-size: 100%;
}

p {
	line-height: 135%;
	margin: 0em 0em 1.5em 0em;
}
	
	
ul, ol {
	margin: 0em 0em 1.5em 1em;
}	html>body ul {
		margin: 0em 0em 1.5em -1.5em;
	}
		ul.square {list-style: square;}
		ul.noStyle {
			list-style: none;
			margin: 0em 0em 1.5em -2em;
		}	html>body ul.noStyle {
				margin: 0em 0em 1.5em -3em;
			}
		
		ul.meetingFiles {list-style: none; padding: 0; margin: 0;}
			ul.meetingFiles li {
				padding: 0; margin: 0 1em 0 0;
				display: block; float: left;
			}
		
		ol.letterMenu {
			list-style: none; margin: 0 0 1em 0; padding: 0;
			display: block;
			background-color: #f8f8f8;
		}
			ol.letterMenu li {
				margin: 0; padding: 0;
				float: left;
				text-transform: uppercase;
				font-size: small;
			}

li {
	margin: 0.5em 0px 0.5em 3em;
	padding-left: 5px;
}	html>body li{
		margin-left: 0.5em;
	}

acronym {
	cursor: help;
	border-bottom: 1px solid #606060;
}

/* VLASTNI Pcka */
p.okMsg, p.errorMsg, p.alertMsg {
	font-size: 90%; color: green; font-weight: bold;
	padding: 3px 0 3px 22px;
	/*color: #F4FFF7;*/
	background: #F4FFF7 url("../img/p_ok.gif") 5px 50% no-repeat;
	border: 2px solid green;
}
	p.errorMsg {
		color: red;
		border-color: Red;
		background-image: url(../img/p_error.gif);
		background-color: #FFF6F8;
	}
		p.errorMsg span {color: Black;}
	
	p.alertMsg {
		color: #EECB00;
		border-color: gold;
		background-image: url(../img/p_alert.gif);
		background-color: white;
	}
	
	div#ajaxMsgs {
		margin: 0 0 1.5em 0;
		display: none;
	}
	
div.path p {margin: 0;}

div.footer p {font-size: 90%; margin: 0;}

div.smallBox p {padding: 0em 0.5em; margin: 0;}

div.sideColumn#links p, div.sideColumn p {margin: 0;}
/*--- VLASTNI ul ---*/


/*--- NADPISY ---*/
h1,h2,h3,h4 {color: black;}

h1 {font-size: 160%;	margin: 0em 0em 0.3em 0em;}
h2 {font-size: 140%; margin: 0em 0em 0.5em 0em;}
h3 {font-size: 120%; margin: 0em 0em 0.5em 0em;}
h4 {font-size: 100%; margin: 0em 0em 0em 0em;}

/*--- Specialni Nadpisy ---*/
div.proGroup h3 {margin: 0;}

body#dbAdmin h3 {
	background-color: whitesmoke;
	border-bottom: 2px solid silver;
}

/*--- NORMALNI LINK ---*/
a, a:active, a:visited {	
	color: #3E165F;
	text-decoration: none;
	border-bottom: 1px solid #E4072A;
}
a:hover {
	color: #777;
	text-decoration: none;
	border-bottom: 1px solid #E4072A;
}
a:visited {color: #777;}

/* SPECIAL LINKS */
p.vice a, p.vice a:active, p.vice a:visited {border: none;}
ol.letterMenu li a:link, ol.letterMenu li a:visited {
	display: block;
	padding: 3px 5px;
	text-decoration: none; border: none;
	background-color: #f8f8f8;
	font-weight: bold; color: indianred;
}
	ol.letterMenu li a:hover, ol.letterMenu li.letterHere {
		background-color: indianred;
		color: white;
	}
		ol.letterMenu li.letterHere {
			padding: 3px 5px; font-weight: bold;
		}

a.pdf, a.pdf:visited, a.pdf:active,
a.zip:link, a.zip:visited {
	background: transparent url(../../img/a_pdf.gif) 0 -48px no-repeat;
	padding: 0 0 1px 20px;
}
a.pdf:hover, a.zip:hover {background-position: 0 0;}

a.zip:link, a.zip:visited {
	background-image: url("../../img/a_zip.gif");
}

/*--- MAIN MENU ---*/
div#menu {
	font-size: 80%;
	background-color: white;
	border-bottom: 2px solid indianred;
	clear: both;
}
ul#menu {
	list-style: none;
	display: block;
	width: 100%;
	margin: 0 0 2em 0;
	font-size: 100%;
	padding: 0;
	clear: both;
}
ul#menu li {
	/*display: block;*/
	font-weight: bold;
	/*background-color: white;*/
	margin: 0;
	padding: 0;
}
		
	ul#menu li.here {
		text-transform: uppercase;
		color: #777;
		padding: 5px 0 5px 15px;
		border-right: 1px solid silver;
		border-bottom: 1px solid silver;
		background: transparent url("../img/main-menu-bg.gif") 0 4px no-repeat;
	}
	
	
		ul#menu li a, ul#menu li a:visited, 
		ul#menu li a:active  {
			display: block;
			text-transform: uppercase;
			text-decoration: none;
			border: none;
			border-right: 1px solid silver;
			border-bottom: 1px solid silver;
			background-color: White;
			color: indianred;
			padding: 5px 0 5px 15px;
		}
		
			ul#menu li a:hover {
				text-decoration: none;
				color: tomato;
				background-color: transparent;
				background: transparent url("../img/main-menu-bg.gif") 0 -36px no-repeat;
			}
			
/*--- END   MAIN MENU---*/

/* SUB MENU */
ul#submenu {
	margin: 0 0 1.5em 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid indianred;
	display: block;
}
	ul#submenu li {
		margin: 0 0.7em 0 0; padding: 0;
		float: left;
	}
		ul#submenu li a:link, ul#submenu li a:visited {
			display: block;
			padding: 0.2em 0.5em;
			background-color: white;
			color: indianred;
			font-weight: bold;
			text-decoration: none;
			border: 1px solid #777;
			border-bottom: none;
		}
			ul#submenu li a:hover {
				background-color: indianred;
				border: 1px solid #777;
				border-bottom: none;
				color: White;
			}
			 ul#submenu li.here {
			 	/*padding: 0.2em 0.5em;*/
			 	background-color: silver;
				border: 1px solid indianred;
				border-bottom: none;
				color: white;
				font-weight: bold;
			 }		 
			 
				ul#submenu li.here a:link,
				ul#submenu li.here a:visited {
					border: none;
					background-color: silver;
					color: white;
				}
			 
/* END SUB MENU */

/* TABLE DEFINITIONS */

/* TABLES */
table {
	/*display: block;*/
	width: 100%;
	font-size: 90%;
	margin: 0 0 1.5em 0;
	border-right: 1px solid silver;
}
	table caption {
		text-align: left;
		font-size: 120%;
		text-transform: uppercase;
		font-family: "MS Trebuchet", Verdana, Helvetica, sans-serif;
		font-weight: bold;
		padding: 0 0 0.5em 0;
	}
	table thead {
		font-weight: bold;
		background-color: silver;
		color: white;
	}
		table thead td {
			padding: 0.4em 0.3em;
		}
	table td {
		padding: 3px 0.2em 2px 0.2em;
		border: 1px solid silver;
		border-top: none;
		border-right: none; 
	}
	* html table tbody tr, *html table.TdHover tbody tr td {
		behavior: url("css/hover.htc");
	}
	table tbody tr:hover, table tbody tr.hover {
		background-color: #fcecec;
	}
		table tr.emRow {
			background-color: #f8f8f8;
		}
	
		table td.posledni {
			border-right: 1px solid silver;
		}
		
		table button {
			/*border: none;*/
		}
		
/*table with everything align to center*/
table.centerAll tr td {
	text-align: center;
}

	table.TdHover tbody tr:hover, table.TdHover tbody tr.hover  {
		background-color: transparent;
	}
		table.TdHover tbody tr td:hover,
		table.TdHover tbody tr td.hover {
			background-color:  #fcecec;
		}
/* FORM DEFINITIONS */
/* FORMULARE */
form div.formField {
	display: inline;
	float: left;
	margin: 0 1.5em 0em 0;
}
	div.woLabel {padding-top: 1.3em}
		button.woLabel {margin-top: 1.3em;}

form {
	margin: 0;
}
			
fieldset {
	border: 2px solid #eaeaea;
	padding: 0.5em 1em;
	margin: 0 0 10px 0;
	font: 100% "Verdana", Helvetica, sans-serif;
	display: block;
}
	*html fieldset {
		width: 94%;
	}

legend {
	border: none;
	background-color: white;
	padding: 0.5em;
	margin: 0;
	font-weight: bold;
	margin: 0 0 0 0;
	text-transform: uppercase;
}
		fieldset fieldset legend {
			font-size: 90%;
		}
	
label {
	display: block;
	margin: 0 0 3px 0;
	cursor: pointer;
	font-weight: bold;
	color: #777;
}
	label em {
		font-style: normal;
		text-decoration: underline;
	}
		label.hover, label:hover {color: Black;}
		label span {
			color: Silver;
		}

.required {
	background-image: url("../img/required-bg.gif");
	background-position: right top;
	background-repeat: no-repeat;
}
		
input, textarea, button {
	border: 2px solid #ddd;
}

input, textarea {
	display: block;
	margin: 0 0 10px 0;
	padding: 0;
	width: 97.5%;
	font: 90% "Verdana", Helvetica, sans-serif;
	clear: both;
	background-color: #FFF6F8;
}
	input:focus, textarea:focus, iframe:focus, select:focus {
		border-color: #c0c0c0;
		background-color: #FFFFDF;
	}
	form.update input {width: auto;}
	input.box {width: auto;}
	input[type="file"], input.inputFile {
		width: 97.5%;
	}
	input[type="hidden"] {display: none;}
	input[type="checkbox"] {
		width: 1em; border: none; padding: 0; margin: 0; background-color: transparent;
		display: inline;
	}
		/*IE*/
		input.chckbox {
			width: 2em; border: none; padding: 0; margin: 0;
			background-color: transparent;
			display: inline;
		}
		input.orderInput {
			width: 20px; display: inline;
			margin: 0; text-align: center;
			border-color: gray;
			padding: 0;
		}
	
select {
	width: 97.5%;
	border: 2px solid #cbcbcb;
	font: 90% "Verdana", Helvetica, sans-serif;
	padding: 0;
	margin: 0 0 1.2em 0;
	background-color: #FFF6F8;
}
button {
	font: 100% "Verdana", Helvetica, sans-serif;
	background-color: white;
	padding: 0;
	margin: 0;
	color: indianred;
	font-weight: bold;
	text-transform: lowercase;
	cursor: pointer;
}	html>body button {padding: 0 0.2em;}

	* html button, *html label {
		behavior: url("css/hover.htc");
	}
	button:hover, button.hover {
		background-color: tomato;
		color: white;
		border-color: silver;
	}
	
		form#articleInputForm button {
			margin: 1em 0 0 0;
		}
	
	form a.formBut:link, form a.formBut:visited {
		font: 100% "Verdana", Helvetica, sans-serif;
		display: block;
		padding: 0.2em 0.6em;
		font-weight: bold;
		border: 2px solid #eee;
		background-color: white;
		text-decoration: none;
		text-transform: lowercase;
	}
		form a.formBut:hover {
			background-color: indianred;
			color: white;
			border: 2px solid tomato;
		}
		
	
	/*
		changing gallery update/add form layout
	*/
	form.galleryFormAdd {
		float: left;
		width: 40%;
		margin-left: 2.5em;
	}
		form.galleryFormUpd div.titleCatHolder {
			float: left; width: 40%;
		}
		form.galleryFormUpd div.textareaHolder {
			float: left; width: 55%; margin-left: 2em;
			display: inline;
		}	
		
		td.mceToolbarBottom select {
			width: auto;
		}
/* UNSORTED GRAPHICALS */
br.floatStop {
	height: 0.1%;
	clear: both;
	line-height: 0.1%;
	font-size: 0.1%;
}

.floatHolder:after {
	content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
}
	/* Holly Hack Targets IE Win only \*/ * html .floatHolder {height: 1%;} /* End Holly Hack */

hr {
	height: 1px;
	margin: 1em 0;
	border: none;
	color: #CBCBCB;
	background-color: #CBCBCB;
	clear: both;
}
	hr.faint {
		color: green; /*#e0e0e0*/
		background-color: green; /*#e0e0e0*/
		clear: both;
	}
img {border: none;}

	img.iluRgt {
		float: right;
		margin: 0em 0em 0.5em 0.5em;
	}

	img.border {border: 1px solid #bf110b;}

	img.proImg {margin: 0.4em 0em 0em 2.5em;}
	
/* ZAROVNAVANI */
		
.toCenter {text-align: center;}
.toLeft {text-align: left;}
.toRight {text-align: right;}

.clrLft {clear: left;}
.clrRgt {clear: right;}
.clrBth {clear: both;}

.disNone {display: none;}
.disInline {display: inline;}
.fltLft {display: block; float: left;}
.fltRgt {display: block; float: right;}

.noMargin {margin: 0em;}
.noBorder {border: none;}

.wJedna {width: 10%;}
.wDva {width: 15%;}
.wTri {width: 20%;}
.wCtyri {width: 25%;}
.wPet {width: 30%;}
.wSest {width: 40%;}
.wSedm {width: 50%;}

.wZero {width: 5%;}
.wOne {width: 10%;}
.wTwo {width: 15%;}
.wThree {width: 20%;}
.wFour {width: 25%;}
.wFive {width: 30%;}
.wSix {width: 35%;}
.wSeven {width: 48.9%;}
.wEight {width: 55%;}
.wNine {width: 65%;}
.wTen {width: 75%;}