*{margin:0}
body {
		/*font-family: sans-serif;*/
        /*font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;*/
        font-family: Verdana, "Geneva CE", lucida, sans-serif;
        font-size: 0.75em;
        text-align:center;
        margin:5px 0;
}
td {
        font-family: Arial;
        line-height: 18px;
}
a  {		color : #0080F0; }
a:hover {  	color : #F08000; text-decoration: none; }
a:visited {	color : #004080; }
h1 {
        font-family: sans-serif;
        font-size: 2em;
        line-height: 18px;
        font-weight: normal;
        color: #35A9E3;
        margin:0;
        padding:20px 0 10px 17px;
}
h2 {
        font-size: 1.2em;
        font-weight: bold;
        color: #FDA010;
		margin-top: 15px;
		margin-bottom: 8px;

}
h3 {
        font-size: 1.2em;
        font-weight: bold;
        color: #35A9E3;
		margin-top: 10px;
		margin-bottom: 3px;

}
h4 {
        font-size: 1.2em;
        color: #0080C0;
}
img {border:none; text-decoration:none;}




/*   OBECNE TRIDY   */

.left {float:left}
.right {float:right}
.clear {clear:both; margin:0; padding:0; font-size:1px}
.tleft {text-align:left}
.tright {text-align:right}
.center {text-align:center}
.imgLeft,.obrazekvlevo {float:left; margin:5px 15px 5px 0 !important; border:1px solid #CCC}
.imgRight,.obrazekvpravo {float:right; margin:5px 0 5px 15px !important; border:1px solid #CCC}
.w20  {width:20px}
.w30  {width:30px}
.w40  {width:40px}
.w50  {width:50px}
.w100 {width:100px}
.w150 {width:150px}
.w200 {width:200px}
.w250 {width:250px}
.w300 {width:300px}
.red {color:red}

/* DUMP */
.varecho,.vardump {
	text-align:left;
	background:yellow; color:black;
	border-top:1px solid #666; border-bottom:1px solid #666;
	padding:5px 2px; margin:2px 0;
	position:relative; z-index:100; font-size:11px;
}
.varecho {background:#FADA6B;}
.varecho span,.vardump span {background:red;color:#fff}



/*   LAYOUTY   */

#header, #middle, #footer {width:1000px; margin: 0 auto; text-align:left}
#header {background: url('../img/header.jpg') top center no-repeat}
#header img { margin:7px 0 0 7px}

#middle {background: url('../img/middle.png') center repeat-y; clear:both;}

#footer {background: url('../img/footer.png') bottom center no-repeat; clear:both;padding:26px 0 6px 0}
#footer p {margin:0 7px; background-color:#09F; text-align:center; color:#FFF; font-size:0.9em; border-top:1px solid #77C9FF; border-bottom:1px solid #0087E1; }
#footer p a {color:#FFF; text-decoration:none}

#menu, #content, #rightcol {float:left; min-height:400px; _height:400px;}
#menu {width:153px; margin:0 3px 0 7px; _margin:0 2px 0 4px;} 
#content {width:675px; padding:10px; background:url('../img/contentTop.png') top left no-repeat}
#rightcol {width:132px; margin-left:3px}



#menu {font-size:0.9em;}
#menu ul,#menu ul li {padding:0;margin:0; list-style-type:none;}
#menu ul li a, .aktualMenu a {margin:2px 0; padding:5px 0px 5px 15px; background:#09F; display:block; _width:136px; text-decoration:none; font-size:1.2em;}
#menu ul li a, #menu ul li ul.sub li a {background:#09F; color:#FFF; border-top:1px solid #77C9FF; border-bottom:1px solid #007BCE; font-weight:normal;}
#menu ul li a:hover, #menu ul li ul.sub li a:hover {color:#000; background:#3CB0FF}
#menu ul li.aktualMenu a {background:#FF3; color:#000; border-top:1px solid #FFFFCA; border-bottom:1px solid #F4F400; font-weight:bold;}
#menu ul li.aktualMenu a:hover {color:#09F; background:#FF3}


#menu li, #menu ul.sub li {margin: 0; padding: 0; width: 100%;}
#menu ul.sub li {display: block;}
#menu ul.sub li a {display: block; margin: 0; border-left: 10px solid white; width: 100%;}
#menu ul.sub li a:hover {background-color: #EEE; color: inherit; border-left: 10px solid yellow; width: 100%;}

#menu ul li.main {position: relative;}
#menu ul li > ul.sub {position: absolute; top: 0; left: 153px; z-index:10; width: 160px; visibility: hidden; padding-bottom: 1em;}
#menu ul li.main:hover ul.sub {visibility: visible;}
	
	


#news p {}
#news p a {text-decoration:none; color:#09F; display:block; background:#F1F1F1; margin:3px 0; padding: 3px;  border-top:1px solid #FBFBFB; border-bottom:1px solid #E5E5E5;}
#news p a:hover {color:#666}

#anketa h3 {background:#09F; color:#FFF; margin:30px 0 0 0; padding: 3px 0 3px 7px; border-top:1px solid #77C9FF;}
#anketa p {background:#09F; padding:3px; color:#FFF; border-bottom:1px solid #007BCE; font-size:100%}
#anketa p a {color:#FFF;}
#anketa .odpoved {padding: 5px 3px 3px 7px; clear:both; border-top:1px solid #EFEFEF; border-bottom:1px solid #D7D7D7; }
#anketa .hlasyGraf,.hlasyGraf {float:left; height:10px; margin-top:4px; background:#FF3 url('../img/anketaGraf.png') bottom}
#anketa a {text-decoration:none}
#anketa a:hover {text-decoration:underline}

.ankPopis {float:left; width:100px; margin:0 0 5px 0}
.ankHlasy {float:left; width:40px; margin:0 0 5px 0}
.odpovedHistorie {float:left; width:150px; margin:0 20px 5px 0}

#content img {border:1px solid #888; background:#bbb; padding:0px; margin:5px;
	-moz-box-shadow:-2px 2px 10px #666;-webkit-box-shadow:-2px 2px 10px #666;box-shadow:-2px 2px 10px #666;}

.copy {
        font-family : Verdana, "helvetica";
        font-size : 10px;
        color : #666699;
        text-align : center;
}
.obec-1  {
        font-family : Arial, "helvetica";
        font-size : 13px;
        color : #FFFFFF;
}
.obec-2  {
        font-family : Arial, "helvetica";
        font-size : 16px;
        color : #FFFFFF;
}
.obec-3  {
        font-family : sans serif, Arial, "helvetica";
        font-size : 11px;
        color : #FFFFFF;
}
.vypis  {
        font-family : Arial, "helvetica";
        font-size : 13px;
        color : #000000;
}
.nadpis  {
        font-family : "Verdana", Verdana, "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif;
        font-size : 18px;
        color : #FF0000;
        text-align : center;
}
.pocet  {
        font-family : Arial, Helvetica, sans-serif;
        font-size : 14px;
        color : #000000;
        text-align : center;
}
.pozice {
        font-family : Arial, Helvetica, sans-serif;
        font-size : 16px;
        color : #C00000;
}



.tabulka  {
        font-family : Arial, "helvetica";
        font-size : 13px;
        color : #A00000;
}

.popis  {
        font-family : "Times New Roman CE", "fotinos";
        font-size : 14px;
        color : #000066;
        background-color : #EEEEEE;
}


.text  {
        font-family : "Verdana";
        font-size : 13px;
        color : #000000;
}

.hlavicky {
        font-family : Verdana, "helvetica";
        font-size : 13px;
        color : #568EF0;
        font-weight : bold;
}

.info {
	font-family: Arial, "helvetica";
	font-size: 7pt;
	color: #8080C0;
	font-weight: bold;
	text-align: Center;
	line-height: 8pt;
}
.cenik {
		font-family: Arial, "helvetica";
		font-size: 16px;
		font-weight: bold;
		line-height: 30px;
		color: #568EF0;
}

.chyba {
        font-family : Verdana, "helvetica";
        font-size : 12px;
        color : #FF0000;
	font-weight: bold;
	line-height : 30px;
}

/*   PSO   */
.pso-obsah h1,.pso-uvodni-strana-obsah h1 {padding-left:0;}
.pso-uredni-menu {background:#F1F1F1; padding:7px 5px; text-align:center; line-height:1.6em; border:2px solid #F8F8F8}
.pso-uredni-menu a {color:#09F; text-decoration:none; font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; font-size:1.1em; padding:1px 2px 3px 3px}
.pso-uredni-menu a:hover {color:#000; background:#6CC5FF }
.pso-obsah ul, .pso-obsah ol {margin-top:0.5em; margin-bottom:1em}
.pso-obsah {text-align:justify}

.pso-uvodni-strana-obsah,.pso-obsah,.pso-uredni-deska {font-family: sans-serif; font-size:1.1em; margin:0 17px}
.pso-uvodni-strana-obsah ul,.pso-obsah ul,.pso-uredni-deska ul { margin-left:17px}
.pso-uvodni-strana-obsah p,.pso-obsah p {margin:10px 0 5px 0; text-align:justify; line-height:1.5em; }

.soubor-ke-stazeni {border-top:1px solid #aaa; padding-top:15px; margin-top:30px}
.soubor-ke-stazeni ul {padding-left:5px; margin-left:3px}

/* FOTOGALERIE */
#fotogalerie img {margin:5px 1px 0 5px; border:1px solid #666}
#fotogalerie a.nahledAlba {display:block;width:150px;height:107px;background: url(../img/album.png) top right no-repeat; padding:4px 7px 1px 1px; margin-bottom:-10px; border:none;}
#fotogalerie table {margin:0 0 0 8px; padding:0; text-align:center}
#fotogalerie table a {text-decoration:none}

.top {border:2px dotted #B90000; padding:0 10px 10px 20px; margin: 0 0 20px 0; background:#FEED8D}

.nahled {width:150px; float:left; padding:3px; margin:2px 13px; text-align:center}
.nahled p {padding-top:0;margin-top:0;text-align:center}


/* mapka obecni urad */
.mapkaOU {
	width: 330px;
	float:right;
}
.mapkaOU img {
	border:1px solid #DDD;
}