*{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;
        background:#FFF;
}
td {
        font-family: Arial;
        line-height: 18px;
}
a  {		color : #00358E; }
a:hover {  	color : #0049C4; text-decoration: none; }
a:visited {	color : #004080; }
h1 {
        font-family: sans-serif;
        font-size: 2em;
        font-weight: normal;
        color: #004798;
        margin:0;
        padding:20px 0 10px 17px;
}
h2 {
        font-size: 1.2em;
        font-weight: bold;
        color: #004798;
		margin-top: 15px;
		margin-bottom: 8px;

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

}
h4 {
        font-size: 1.2em;
        color: #004798;
}
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; border:1px solid #CCC}
.imgRight,.obrazekvpravo {float:right; margin:5px 0 5px 15px; border:1px solid #CCC}
.imgBorder {margin:5px 15px; 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:10px 0 8px 15px}

#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 20px; background-color:#F0F0F0; text-align:center; color:#083968; font-size:0.9em; }
#footer p a {color:#083968; text-decoration:none}

#menu, #content, #rightcol {float:left; min-height:400px; _height:400px;}
#menu {width:153px; margin:0 3px 0 0px; _margin:0 2px 0 0px;} 
#content {width:673px; padding:7px; }
#contentWide {float:none; padding:3px 0; margin:0 16px 0 15px; background:#F0F0F0}
#rightcol {width:138px; 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, #menu ul li .aktualMenu a {margin:2px 0; padding:5px 0px 5px 20px; display:block; _width:136px; text-decoration:none; font-size:1.1em; }
#menu ul li a, #menu ul li ul.sub li a {background:#F0F0F0 url('../img/menuodkaz.png') top left repeat-y; color:#666; font-weight:bold;}
#menu ul li a:hover, #menu ul li ul.sub li a:hover {color:#000; background:#C4D7D6 url('../img/menuodkaz.png') top left repeat-y}
#menu ul li.aktualMenu a { color:#000; background:#C1C86B url('../img/menuaktiv.png') top left repeat-y; font-weight:bold;}
#menu ul li.aktualMenu a:hover {color:#F0F0F0; background:#4B6F6D url('../img/menuaktiv.png') top left repeat-y}


#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; display:block; background:#E1E1E1; margin:3px 0; padding: 3px;  border-top:1px solid #FBFBFB; border-bottom:1px solid #B2B2B2;}
#news p a:hover {}

#anketa h3 {background:#053666; color:#FFF; margin:30px 0 0 0; padding: 3px 0 3px 7px; border-top:1px solid #0A67C5;}
#anketa p {background:#053666; padding:3px; color:#FFF; border-bottom:1px solid #000; 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 {color:#999; background:#F1F1F1; padding:7px 5px; text-align:center; line-height:1.6em; border:2px solid #F8F8F8}
.pso-uredni-menu a {color:#666; text-decoration:none; font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; font-size:1.1em; padding:1px 4px 3px 3px; font-weight:bold}
.pso-uredni-menu a:hover {color:#000; background:#C4D7D6 }
.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;
}


/* GMAP s fotkama */
#mapCanvas {float:left; width:420px; height:524px; border:1px solid #D5D5D5; border-radius:5px;}
#mapFotoCover  {float:left; width:547px;}
#mapFoto {position:relative; z-index:1; min-height:500px;}
#mapFoto h1 {padding:3px 0 3px 17px; line-height:1.1em}
#mapFoto p {padding:0 0 7px 17px}
.markFotos {border:1px solid #D5D5D5; border-radius:5px; background:#fff; padding:3px 0}
.markFoto {position:relative; text-align:center; height:410px; padding:2px 0; margin:0px 0 3px 2px}
.markFoto img {margin-top:2px}
#mapFoto .markFoto p {position:absolute; bottom:0; left:17px; width:500px; z-index:999;
			background-color:#eee;background-color: rgba(255, 255, 255, 0.6); color:#000; line-height:1.3em; padding:5px 0; border-radius: 5px}
/*.markFotos {margin-left:3px; padding:3px;}*/
.actualFoto {border:2px solid yellow; border-bottom:5px solid yellow; box-shadow:gray 0px 2px 3px;}
.mapFotoToBig {text-align:right; padding: 0 7px 3px 0}

a.aBackWide {color:#666; text-decoration:none; line-height:2em}

#fmapHelp, #fmapList {
	display:none; padding:16px 10px 10px 10px; margin:0 0 5px 3px; line-height:1.5em;
	background:#fff url(../img/delete.png) top right no-repeat;
	border:1px solid #D5D5D5; border-radius:7px
}
#fmapList {line-height:2em}
#fmapHelp h2, #fmapList h2 {margin-top:0}
#fmapList li a {display:block; text-decoration:none}
#fmapList li a:hover {background-color:#FFFF99}
#fmapHelpBut {
	width:30px; height:25px; float:right;cursor:hand; cursor:pointer;
	background:transparent url(../img/help.png) top left no-repeat;}
#fmapListBut {
	width:160px; height:1.4em; margin:2px 30px 2px 0;padding:3px 20px 0 0; float:right; text-align:center;
	 background:#F2F2F2 url(../img/unroll.png) right 3px no-repeat;cursor:hand; cursor:pointer;
	 border:1px solid #707070;border-radius:5px;
}
#fmapListSelect {
	width:460px; margin:3px 5px 0 0; float:right; text-align:right;
}