body {	background: white url("./img/uvod/pruh_sm.jpg");
	   background-repeat: no-repeat;
	   padding:0;
	   margin:0;
	   font-family: "Helvetica CE", "Arial CE", Arial, Helvetica, sans-serif;
	   color: black;
}

/*body * {border: 1px solid red;}*/

/* ====================================================================== */
/* ##### DEFAULT ##### */

/*** NO LINK ICON (use class="noicon" to remove the link icon from a specific link) ***/
body a.noicon { background:none !important; padding:0 !important; margin:0 !important; }

/*** LINK PADDING FOR ICONS ***/
a[href$=".zip"],
a[href$=".odt"],
a[href$=".ods"],
a[href$=".doc"],
a[href$=".docx"],
a[href$=".xls"],
a[href$=".pdf"]		{ padding:2px 22px 2px 0; margin:-2px 0; background-repeat: no-repeat; background-position: right center; }

a[href$=".zip"]		{ background-image: url(./img/icons/zip.png); }
a[href$=".ods"]		{ background-image: url(./img/icons/odf_ods.png); }
a[href$=".odt"]		{ background-image: url(./img/icons/odf_odt.png); }
a[href$=".pdf"]		{ background-image: url(./img/icons/pdf.png); }
a[href$=".xls"]		{ background-image: url(./img/icons/xls.png); }
a[href$=".doc"],
a[href$=".docx"]	{ background-image: url(./img/icons/doc.png); }


form {margin:0;}
img {border:0;}
p {margin:0; padding:0;}
sup { vertical-align: 0.4em; font-size: 0.7em; }


h1 {font-size:1.5em;}
h1.obk-nadpis {font-size:1.2em; color: #061c40;}
h2 {font-size:1.15em; font-weight: bold; margin: 2em 0 0.4em 0;}
h2.obk-nadpis {color: #061c40;}
h3 {font-size:1em; font-weight: bold; margin: 2em 0 0.4em 0;}
h4 {font-size:0.8em; font-weight: bold; margin: 1em 0 0.4em 0;}

.parags p {margin-top: 10px; padding: 0.1em;}
blockquote {
	margin: 0.5em 0 0.5em 1.5em;
}

.space5top {margin-top: 5px;}
.space10top {margin-top: 10px;}
.p-space10 {margin-top: 10px; margin-bottom:10px;}
.neprop {font-family: monospace;}
.hr-dashed {border-bottom:1px dashed gray;}
.hr-solid {border-bottom:1px solid gray;}

.link {  text-decoration: none; color: #14143f; }
.link:hover {  text-decoration: underline;}

.tabu1 {
	border:1px solid gray;
	border-collapse: collapse;
	width:100%;
	margin: 0.6em 0.3em;}
table.tabu1 tr th {
	background-color: #ffff9f;
	font-size: 1.1em; 
	border: 1px solid #9b9b00;
	padding: 0.3em;
}
.tabu1 td {
	border:1px solid gray;
	vertical-align:top;
	padding: 0.3em 0.2em 0.2em 0.2em;
}
.tabu1 p {
	margin:0;
	padding: 0;
}

.org-struktura {font-weight: bold;}
.org-struktura ul li ul li {font-weight: normal;}

.inzerat {
	background-color: #000095;
	color: white;
	padding: 1em;
}

.decimal {list-style-type: decimal;}
.lower-alpha {list-style-type: lower-alpha;}
.upper-roman {list-style-type: upper-roman;}
.type-none {list-style-type: none;}
ul.podtrhat li {padding: 0.2em 0; border-bottom: 1px dashed grey; list-style-position: inside;}

/* HOMEPAGE ====================================================================== */

/* ====================================================================== */
/* ##### HEADERS ##### */
.spojka {	background: white url("img/uvod/uvod-spojka.gif");
		  width: 100%;
		  height: 134px;
		  background-repeat: repeat-x;
}

.obk-header {
	position:absolute;
	top:0;
	left:0;
}

.obk-head-nadpis {
	position:absolute;
	top:105px;
	left:170px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 15px;
	line-height: 23px;
	color: #081b91;
	font-family: Georgia, serif;

}

.obk-head-logo {
	position:absolute;
	top:104px;
	left:680px;
}

.sirkal {width: 170px; vertical-align: top;}
.sirkar {width: 142px;}

/* ====================================================================== */
/* ##### O BLANSKU ##### */

.leftpart {
	position: absolute;
	height: auto;
	top: 144px;
	right: auto;
	text-align: right;
	margin:0;
	padding: 5px 10px 50px 3px;
	vertical-align: top;
	z-index: 1;
}

.mainpart {
	position: relative;
	width: 490px;
	height: auto;
	top: 144px;
	left: 170px;
	right:0;
	margin:0;
	padding: 5px;
	margin-bottom: 250px;
	vertical-align:top;
}

.obk-nadpis {
	font-weight: bold;
	color: #872727;
	margin-top: 10px;
	clear: both;
}

.mainpart p, table, ul, ol {
    font-size: 0.9em;
}

p.obk-nadpis {
	font-size: 1.1em;
	margin-top: 30px;
}

div.foto, p.foto {
	margin: 3px;
	padding: 3px;
	font-size: 0.8em;
	text-align: center;
	margin-top: 1em;
}

.menuw {width: 164px;}

.obk-menu {
	font-family: "Tahoma CE", "Arial CE", "Helvetica CE", Tahoma, Arial, lucida, sans-serif;
	font-size:0.8em;
	padding: 2px;
	padding-right: 7px;
	color: white;
	background-color: #061c40;
	margin-bottom: 1px;
}

.submenu2 {border-bottom: 2px dotted red; }

.submenu {
	font-size: 0.8em;
	background-color: #0d3c88;
}

.sel-menu {
	border-right: 4px solid #a3d812;
}

.obk-menu a {
	color: white;
	text-decoration: none;
}

.nej {
	font-size: 0.7em;
	background-color: #eff9fc;
	margin:0;
	padding: 0.2em;
	font-size: 0.70em;
	border: 1px dotted black;
	border-top: 0;
	text-align: left;
}

.nej p {
    padding: 0;
}


/* ====================================================================== */
/* ##### FORUM ##### */
.forumbox { 
	background-color: #18a5da;
	border-bottom: 2px solid #0d3c88;
	font-size: 0.9em;
	text-align: right;
	padding-right: 2em;
	color: white;
}
.forumbox a { color: white;}

/* ====================================================================== */
/* ##### KULTURA ##### */
div.kultura {
	float: left;
    width: 260px;
}
div.kultura ul {
	margin: 0.5em; 
	padding:0; 
	list-style-position: inside;
}
div.kultura li {
	margin: 0.4em 0;
}
/* ====================================================================== */
/* ##### TELSEZNAM ##### */
.nadpistab {
	background-color: #91d2ec;
	font-weight: bold;
	padding: 0.3em 0.2em 0.2em 1em;
	margin: 1em 0 1px 0;
	border-bottom: 2px solid #239ecd;
	border-right: 2px solid #239ecd;
}

.zaznamtab { 
	background-color: #e6f5fb;
	padding: 2px 2px 2px 20px;
	margin:0;
	margin-bottom: 1px;
	border-bottom: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
}



.telseznam {width: 580px;}


/* ====================================================================== */
/* ##### PRAVY SLOUPEC ##### */
/*
.backtab1 {
      font-family: "Tahoma CE", "Arial CE", "Helvetica CE", Tahoma, Arial, lucida, sans-serif;
      background: #0d3c88;
			color: white;
			text-align: center;
			font-size: 0.75em;
			font-weight: bold;
			padding: 0.2em;
			border: 1px solid black;
			border-bottom: 0;
			}
*/

.backtab1 {
	font-family: "Tahoma CE", "Arial CE", "Helvetica CE", Tahoma, Arial, lucida, sans-serif;
	color: white;
	text-align: center;
	font-size: 0.75em;
	font-weight: bold;
	padding: 0.2em;
	background: #0d3c88;
	border-width: 2px 0 1px 0;
	border-top-color: #18a5da;
	border-bottom-color: #0099cc;
	border-style: solid;
}

.backtab1 a {color: white;}

.zaznam-vpravo {
	background-color: #f6fdff;
	margin:0;
	padding: 0.5em;
	font-size: 0.75em;
	border: 1px solid #c4edf8;
	border-top: 0;
}
.zaznam-vpravo p {margin-bottom: 0.5em;}

.zaznam-vpravo ul {
	font-size: 1.1em;
	margin: 0;
	padding-left: 1.3em;
}
.zaznam-vpravo li {
	margin-bottom: 0.3em;
}

.zona a {
	/*text-decoration: none;*/
	color: #ffff6f;}

/* ====================================================================== */
/* #####  CLANKY ##### */
#top1 {
	padding: 0.5em;
	/*border-bottom: 1px dashed #e1e1e1;*/
	background-color: #ffffc4;
	margin: 0.5em 0 0.5em 0;
}

#top2 {
	padding: 0.5em;
	/*border-bottom: 1px dashed #e1e1e1;*/
	background-color: #eeeeee;
	margin: 0.5em 0 1.5em 0;
}

.claneknadpis {
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	background-color: #e1e1e1;
	color: black;
	padding-left: 0.3em;
	margin: 0.5em 0 0 0;
	clear: both; }

.clanekdatum {
	font-family: "Tahoma CE", "Arial CE", "Helvetica CE", Tahoma, Arial, lucida, sans-serif;
	font-size: 0.75em;
	padding: 0.1em;
	border-bottom: 1px dashed #e1e1e1;
	background-color: #ffffff;
	color: #4e4e4e;
	margin: 0;
}
.clanekdatum a {color:#4e4e4e;}

.clanekperex {
	font-size: 0.9em;
	text-align: justify;
	/*padding: 2px 2px 12px 2px;*/
	padding: 0.2em 0 0.8em 0;
	color:#000000;
	margin: 0;
	background-color: inherit; }

.clanek {
	width: 550px;
	line-height: 1.2em;
}
.seda-datum {
	font-family: "Tahoma CE", "Arial CE", "Helvetica CE", Tahoma, Arial, lucida, sans-serif;
	background-color: #acacac;
	color: white;
	padding: 0.1em 0.3em 0.2em 0.3em;
	display: inline;
}
.seda-datum a {color: #fdffbb;}

/* ##### celý ýlýnek ##### */
.perex {
	font-size: 0.9em;
	padding: 0.5em;
	margin: 0 0 2em 0;
	background-color: #eeeeee;
	border-bottom: 1px dashed #c0c0c0;
}

div.kategorie-box {
	font-family: "Tahoma CE", "Arial CE", "Helvetica CE", Tahoma, Arial, lucida, sans-serif;
	padding: 0.5em 1em 0.5em 2em;
	margin-bottom: 1em;
	font-weight: bold;
	font-size: 0.70em;
	color: #061c40;
	text-align: center;
	background-color: #bfefff;
	border: 1px solid #006282;
	line-height: 1.5em;
}
div.kategorie-box a {color: black;}
div.kategorie-box a.back-yellowlite {padding: 0.1em; border: 1px solid black; background: #f9f9cd; text-decoration: none; white-space: nowrap;}

.button2 a {padding: 1px 8px 1px 8px; border: 1px solid black; background-color: gray; text-decoration: none; color: white;}
.button2 a:hover {text-decoration: underline; color: yellow;}



/* ====================================================================== */
/* ##### OZNýMENý MýSTA START ####### */
.deskavypis {
	margin: 0.4em;
	padding: 0.2em;
}

.deskanadpis {
	background: #00b3f2 url("img/uvod/pruhyback.gif");
	color: white;
	padding: 0.1em;
	font-weight: bold;
	margin: 0 0 1em 0;
}

.deskanew {
	background-color: #0d0d55;
	color: yellow;
	font-size: 0.8em;
	padding: 1px 1px 1px 2px;
	font-weight: bold;
	margin-right: 10px;
}

.deskazaznam {
	margin: 0 0 1em 0;
	padding: 0.2em;
}

/* ====================================================================== */
/* ##### ZAPATI - FOOTER ##### */

.zapati {
	font-family: "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif;
	font-size: 0.7em;
	background-color: #e6e6e6;
	border: 1px solid black;
	text-align: center;
	padding: 0.2em;
	margin-left: 180px;
	width: 600px;
}

.rssbut {
	font-family: "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif;
	font-size: 1em;
	background-color: #a44f02;
	border: 1px solid black;
	text-decoration: none;
	font-weight: bold;
	color: white;
}

/* ====================================================================== */
/* ##### VELIKOSTI A ZAROVNýNý ##### */

.clearb {clear:both;}
.okraj {border: 1px solid #777;}
.okraj2 {border: 2px solid #aaa;}
.okraj-dashed {border: 1px dashed black;}
.doprava {text-align: right;}
.dopravafloat {float:right; clear:right; margin-left:3px;}
.doleva {text-align: left;}
.dolevafloat {float:left; clear:left; margin-right:3px;}
.nastred { text-align: center; }
.uprostred {margin:auto;}
.justify {text-align: justify;}
.italic {font-style: italic;}
.small {font-size: 0.8em;}
.smaller {font-size: 0.95em;}
.bigger  {font-size: 0.85em;}
.big {font-size: 1.25em;}
.oneem {font-size: 1.07em;}
.strong {font-weight: bold;}
.dolu {vertical-align: bottom;}
.nahoru {vertical-align: top;}
.modra {color: blue;}
.seda {color: gray;}
.cervena {color: red;}
.zluta {color: yellow;}
.bila {color: white;}
.cerna {color: black;}
.up-case {text-transform: uppercase;}

.back-blue {background-color: #04238c;}
.back-red {background-color: #ff5959;}
.back-yellow {background-color: #ffff9f;}
.back-yellowlite {background-color: #f9f9cd;}
.back-grey {background-color: #e8e8e8;}
.back-black {background-color: black;}

/* ======== ADV ctverec */
.adv300 {
	width: 300px;
	height: 300px;
	float: right;
}
.adv300in {
	-moz-border-radius: 10px;
	font-size: 130%;
	text-align: center;
	border: 1px solid #999;
	height: 300px;
}
.adv300in a {
	-moz-border-radius: 0 0 10px 10px;
	display: block;
	color: black;
	height: 282px;
	text-decoration: none;
}
.adv300in a:hover {
	background-color: #eee;
}

.adv300pruh {
	-moz-border-radius: 20px 20px 0 0;
	height: 18px;
	font: italic 0.7em sans-serif;
	color: #fff;
	background-color: #ccc;
	text-align: right;
	padding: 0 1em;
}
.adv300in h2,p {
	padding: 0.3em 0;
	margin: 0;
}


.list-square li,  ul {
	margin-bottom: 0.4em;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eee;
	list-style-image: url('img/bullet.gif');
}

ul,ol li {
    margin: 0.3em 0
}

div.fotky_zastupitele {
	font-size: 0.9em;
	width: 650px;
}

div.fotky_zastupitele p.foto {
	width: 180px;
	padding: 15px 0;
	margin: 10px;
	background: #ddd url('./img/foto-pozadi.jpg') top left no-repeat;
	float: left;
	border: 1px solid #cdd;
}

div.fotky_radni {
	width: 450px;
	margin:auto;
}

.katalog-list {
	display: block;
	list-style-type:none;
	border-bottom: 1px solid #efefef;
	padding: 1px 5px 1px 1px;
}

.uzemniplany td {
	border-color: #ccc;
}

table.uzemniplany tr th {
	border: 3px solid #333;
	border-left-width: 0;
	border-right-width: 0;
}

.uzemniplany tr.back-yellowlite {
	border-top: 2px solid #000;
}

.vyvolavaci {
	float:left;
	width: 250px;
	margin: 0 1em;
}
.elorder {
	text-align: center;
	border: 2px solid #000;
	background-color: #08a2d5;
	padding: 0.6em 0.5em 0 0.5em;
	color: #fff;
	height: 3em;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}