*{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:#4E4E4E url(../img/body.png) top repeat-x;
}
td {font-family:Arial; line-height:18px;}
a  {color:#00358E; }
a:hover {color:#0049C4; text-decoration:none; }
a:visited {color:#004080; }
h1,h2,h3,h4,h5,h6 {color:#074272;text-align:left}
h1 {font-family:sans-serif; font-size:2em; font-weight:bold; margin:0; padding:20px 0 10px 17px;}
h1 .okrHK {font-size:60%;color:#699AC2}
h2 {font-size:1.2em; font-weight:bold; margin-top:15px;	margin-bottom:8px;}
h3 {font-size:1.2em; font-weight:bold; margin-top:10px;	margin-bottom:3px;}
h4 {font-size:1.2em;}
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 35px 15px 0 !important; border:1px solid #CCC}
.imgRight,.obrazekvpravo {float:right; margin:5px 0 15px 35px !important; 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 {height:243px; background:url('../img/header.jpg') top center no-repeat}
#header .nazevHead, #header .znakHead {display:block;position:relative;}
#header .znakHead {height:114px; width:102px; top:66px;left:20px;}
#header .nazevHead {height:60px; width:1000px; top:66px;}
#header .nazevHead span, #header .znakHead span{display:block;position:absolute;top:0;left:0}
#header .nazevHead span {height:100%; width:100%;background:url('../img/header.jpg') 0px -180px no-repeat;}
#header .znakHead span {height:100%; width:100%;background:url('../img/znak.jpg') left top no-repeat;}

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

#footer {clear:both; background:url('../img/footer.png') top center no-repeat; height:60px;padding:31px 0 0 0}
#footer p {padding:0 0 7px 0; text-align:center; color:white; font-size:11px; }
#footer p a {color:white;}
#footer p.tright, #footer p.tright a {text-align:right; color:#777}

#menu, #content, #rightcol {float:left; min-height:400px; _height:400px;}
#menu {width:143px; margin:0px 3px 0 22px; _margin:0 3px 0 11px;}
#content {width:655px; padding:7px;}
#rightcol {width:143px; margin-left:3px; min-height:200px; background:transparent url(../img/headlineRightColumn.png) left top no-repeat}


#menu {font-size:0.9em;padding-top:46px; background:transparent url(../img/headlineMenu.png) -22px top no-repeat}
#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 5px; display:block; text-decoration:none; font-size:1.1em; }
#menu ul li a, #menu ul li ul.sub li a {color:#FFF;}
#menu ul li a:hover, #menu ul li ul.sub li a:hover {font-weight:bold;}
#menu ul li.aktualMenu a { color:#FFD700; font-weight:bold;}
#menu ul li.aktualMenu ul li a {font-weight:normal;}
#menu ul li.aktualMenu a:hover {color:#999;}

#menu a,#news a {border-top:1px solid #814343;border-bottom:1px solid #683B3B; background:#843D3D url('../img/menuodkaz.png') top left repeat-y;}
#menu a:hover, #news a:hover {border-top:1px solid #683B3B;border-bottom:1px solid #814343;}

ul.sub{position:absolute; top:0; left:143px; z-index:10; width:160px; visibility:hidden;}
li.mainHover ul.sub{visibility:visible;}
li {behavior:url(hover.htc);}

#menu li, #menu ul.sub, #menu ul.sub li {margin:0; padding:0; width:100%;}
#menu ul.sub li {display:block; margin-left:0;padding-left:0}
#menu ul.sub li a {display:block; margin:0; border-left:5px solid #492C2C; width:100%;}
#menu ul.sub li a:hover {color:white; border-left:5px solid #492C2C; width:100%;}

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

#menu ul li ul {-moz-box-shadow:-2px 2px 5px #333;-webkit-box-shadow:-2px 2px 5px #333;box-shadow:-2px 2px 5px #333;}


#rightcol h3 {text-align:center; margin-bottom:10px; text-shadow:-1px 2px 3px rgba(0,0,0, .4);}
#rightcol a.naked {color:white; text-decoration:none; background:none; border:none; margin:10px 0}
#rightcol h3 a.naked {font-weight:bold; font-size:13px;}
#rightcol a:hover {color:#FFD700;}
#rightcol .newsDalsi {text-align:right; margin-top:10px}


#news {margin:0 0 20px 0}
#news p {}
#news p a {color:#F3F1C2;text-decoration:none; display:block; margin:3px 0; padding:3px;}
#news p a:hover {}

#anketa {}
#anketa h3 {background:none; color:#FFF; margin:0; padding:7px 10px 5px 0;}
#anketa h3 a.naked {font-size:18px;}
#anketa p {padding:10px 3px; color:#FFF; font-size:100%; font-weight:bold}
#anketa .odpoved {background:#843D3D url('../img/menuodkaz.png') top left repeat-y;border-top:1px solid #814343;border-bottom:1px solid #683B3B;}
#anketa a {color:#FFF;text-decoration:none}
#anketa .odpoved span,#anketa a.odpoved span a {color:#FFD700;padding-left:3px}
#anketa .odpoved {display:block;padding:5px 0 3px 0px; clear:both;}
#anketa .hlasyGrafRow {height:14px; margin-top:4px;padding-right:3px; background:#A61924}
#anketa .hlasyGrafRow .right, #anketa .hlasyGrafRow .right a {color:white}
#anketa .hlasyGraf {float:left; height:14px;padding-left:5px; background:#FFD700 url(../img/anketaGraf.png) right top no-repeat}
#anketa .odpoved:hover {color:#FFD; display:block; cursor:pointer; cursor:hand}
#anketa .odpoved:hover span {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 0px; 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;}
.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; border:none;
	-moz-box-shadow:0px 0px 0px #666;-webkit-box-shadow:0px 0px 0px #666;box-shadow:0px 0px 0px #666;}
#fotogalerie table {margin:0 0 0 8px; padding:0; text-align:center}
#fotogalerie table a {text-decoration:none}

/* HOMEPAGE */
.homeLeft {text-align:right}
.homeCenter {text-align:left; padding:20px 20px; width:400px}
.homeRight {text-align:left}

.homeCenter p {text-align:left}
#content td.homeRight img {-moz-box-shadow:2px 2px 10px #666;-webkit-box-shadow:2px 2px 10px #666;box-shadow:2px 2px 10px #666;}

.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}