html, body{ height: 100%; }

*{ margin: 0; padding: 0; }
body{ background: #D3D9DE url('/img/bg.gif') repeat-x; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.cleaner{ clear: both; visibility: hidden; height: 1px; border: none; margin: -1px 0 0 0; padding: 0px; }
#envelope{ 
	position: relative; width: 900px; 
	height: auto; _height: 100%; min-height: 100%; margin: 0 auto; background: white; text-align: left;
}
a{ text-decoration: none; }
a:hover{ text-decoration: underline; }
a img{ border: 0px; }
ul{ list-style: none; }
.last{ background-image: none !important; }
.btn{ cursor: pointer; _cursor: hand; }

#header-env{ position: relative; height: 90px; background: #ECF0F2 url('/img/headerBg.gif') repeat-x; }
#logo,
#logo .url{ position: absolute; height: 49px; width: 349px; top: 15px; }
#logo .url{ top: 0; left: 0; background: url('/img/logo.gif') no-repeat; }

#maps{ position: absolute; height: 58px; width: 159px; top: 13px; left: 500px; background: url('/img/headerMaps.gif') no-repeat; }
p#dateTime{ font-size: 11px; position: absolute; top: 23px; left: 10px; }

#search-env{ position: absolute; width: 190px; height: 24px; top: 32px; right: 5px; }
#searchIn-env{ position: absolute; top: 1px; left: 0; border: 1px solid #C4D7E5; width: 130px; height: 20px; background: white; }
#searchIn{ position: absolute; width: 126px; border: 0px; top: 4px; left: 3px; border: 0px; font-size: 11px; color: #0C4DA2; }
#searchBtn{ 
	position: absolute; top: 0px; right: 0;
	height: 24px; width: 55px; background: none; border: 0px; background: url('/img/searchBtn.gif') no-repeat;
	font-weight: bold; color: white; font-size: 11px;
}

#menu-env{ height: 35px; background: #0C4DA2; }
#menu-env ul.level1{ height: 35px; margin-left: 20px; }
#menu-env ul.level1 li{ height: 35px; line-height: 35px; float: left; margin-right: 20px; position: relative; }
#menu-env ul.level1 li a{ color: #A2C2EC; font-size: 13px; display: block; height: 35px; float: left; }
#menu-env ul.level1 li a:hover, #menu-env ul li.active a, #menu-env ul li a.activeItem{ color: white; text-decoration: none !important; }
#menu-env ul.level1 li a.active, #menu-env ul li a.activeItem{ background: transparent url('/img/menuActive.gif') no-repeat center bottom; color: white; text-decoration: underline; }

#menu-env ul.level2{ 
	visibility: hidden; width: 250px; 
	position: absolute; z-index: 100; top: 35px; left: 0;
	padding-top: 2px; background: #1C60AB url('/img/menuBg.gif') repeat-x;
}
#menu-env ul.level2 li{ width: 250px; float: none !important; margin-right: 0 !important; }
#menu-env ul.level2 li a{
	width: 230px; font-size: 11px; padding: 0 10px; 
	background: url('/img/menuItemBg.gif') repeat-x left bottom;
	float: none !important; }
#menu-env ul.level2 li.last a{ background: none; }
#menu-env ul.level2 li a.active{ background: #003773; }
.visible{ visibility: visible !important; }

#content-env{ padding: 12px 0 0 0; }

#leftSide{ width: 627px; float: left; _margin-right: -3px; }
#content{ padding: 0 0 0 12px; }
#contentNav{ padding: 0 0 0 12px; }

#flash{ font-size: 0px; margin-bottom: 7px; }

/* levy boxik na titulce */
.article-env{ background: #ECEDEE; margin-bottom: 7px !important; width: 100%; }
.article-env .head{ height: 30px; background: #D3D9DE; overflow: hidden; }
.article-env .head h1,
.article-env .head h2{ height: 30px; line-height: 30px; display: inline; width: 100px; background: #B9C3CB; font-size: 16px; padding: 6px 10px; font-weight: normal; color: black !important; }
.article-env .head h1 a,
.article-env .head h2 a{ color: black; }
.article-env .body-env{ padding: 10px; }
.article-env .body{ background: white; height: 100%; }
.article-env .body p{ color: #000000; }

.article-env .text{ padding: 0 12px 12px 12px; }

/* pravy boxik na titulce */
#contentNav .article-env{ width: 252px; }

#entryWord .body{ padding: 10px; }
#entryWord p{ line-height: 1.5em; margin-bottom: 5px; }
#entryWord td{ vertical-align: top; }
#entryWord td img{ border: 1px solid #B9C3CB; padding: 3px; background: #D3D9DE; }
#entryWord td p{ padding: 0 15px; color: #3366FF; font-size: 13px; }

.article-env .item{ padding: 7px 15px; /*height: 100%;*/ background: url('/img/newsItemBg.gif') repeat-x left bottom; }
.article-env .item span{ color: #D30500; }
.article-env .item strong{ color: #006DF0; }
.article-env a.muchMore{ color: #D30500; margin-left: 5px; padding-left: 8px; background: url('/img/muchMore.gif') no-repeat 0px 5px; text-decoration: underline; }
.article-env a.muchMore:hover{ text-decoration: none; }

#themes{ margin-bottom: 12px; }
#themes .body-env{ _font-size: 0; padding-bottom: 3px; }
#themes .body{ background: #ECEDEE !important; }
#themes .theme{ width: 193px; float: left; margin: 0 7px 7px 0; background: white; min-height: 127px; _height: 127px; overflow: hidden; }
#themes .theme.last{ margin-right: 0; }
.theme h3{ 
	height: 27px; line-height: 27px; background: url('/img/newsItemBg.gif') repeat-x left bottom; 
	padding-left: 10px; font-weight: normal; font-size: 15px; color: #314051;
}
.theme h3 span{ color: #D61611; margin-right: 5px; }
.theme h3 a{ color: #314051; }
.theme ul{ margin: 10px; }
.theme ul li{ background: url('/img/cross.gif') 0 6px no-repeat; padding-left: 15px; margin-bottom: 2px; font-size: 12px; }
.theme ul li a{ color: #006DF0; /*text-decoration: underline;*/ }
.theme ul li a:hover{ /*text-decoration: none; */ }

#rightSide{ width: 273px; margin-left: 627px; _margin-left: 624px; }
#rightSide .banners-env{ width: 252px; margin-top: 15px;margin-bottom: 7px; text-align: center; }
#rightSide .banners-env img{ margin-bottom: 2px }

#calendarList{ width: 200px; padding: 15px; }

table.monthNavigation,
table.cal{ width: 100%; border-collapse: collapse; }
table.monthNavigation{ width: 199px; }
table.cal th, table.cal td{ width: 30px; height: 30px; text-align: center; vertical-align: middle; border: 1px solid white; }
table.cal th{ color: #003169; background: #D3D9DE; font-weight: normal; }
table.cal td{ color: #7C858C; background: #ECEDEE; }
table.cal td.otherMonth{ background: #F2F3F4; color: #D0D5D9; }
table.cal td.today{ background: #C30500; color: white; }
table.cal td.hasAction{ background: #FFFFFF; }
table.cal td.hasAction a{ color: #D30500; font-weight: bold; }

table.monthNavigation th{ height: 30px; text-align: center; vertical-align: middle; background: #00316A; font-weight: normal; }
table.monthNavigation th a{ color: white; font-weight: normal; }
table.monthNavigation th.monthLeft,
table.monthNavigation th.monthRight{ width: 30px; }

p.place{ color: #D30500 !important; }

#interest .body-env{ height: 250px; overflow: hidden; }
#rotator{ overflow: hidden; height: 250px; }

/*
#tabs-env{ width: 31px; height: 283px; position: absolute; top: 137px; left: -31px;  }
#tabs-env a{ position: relative; }
#tabs-env a#tosenovsky-cz{ display: block; width: 31px; height: 143px; background: url('/img/tosenovsky-cz.gif') no-repeat; }
#tabs-env a#topolanek-cz{ display: block; width: 31px; height: 140px; background: url('/img/topolanek-cz.gif') no-repeat; }

#web-topolanek-cz, #web-tosenovsky-cz{ 
	position: absolute; top: -5px; right: -215px; background: #ECEDEE; padding: 3px;
	border: 2px solid #B9C3CB;
	display: none;
}
*/

#footerArticles-env{ min-height: 36px; _height: 36px; background: url('/img/footerArticlesBg.gif') repeat-x bottom left; }
#footerArticles{ padding: 10px; }
#footerArticles p{ color: white; }
#footerArticles a{ color: #000000; padding: 0 5px; }

#footer-env{ background: #D4D9DF url('/img/footerBg.gif') no-repeat center top; min-height: 10px; _height: 10px; }
#footer{ height: 35px; padding: 10px 10px; width: 780px; float: left; _margin-right: -3px; }
#footer p{ color: #004188; margin-bottom: 5px; }
#footer a{ color: #1E63AF; text-decoration: underline; }

#topAnchor-env{ padding: 10px 10px; height: 35px; width: 80px; margin-left: 800px; _margin-left: 797px; text-align: right; }
#topAnchor-env a{ color: #1E63AF; }

.shareLinks-env{ position: relative; height: 20px; line-height: 20px; background: #D3D9DE; height: 30px; }
.shareLinks-env p{ text-align: left; line-height: 30px; padding: 0 12px; }
.shareLinks-env a{ color: #000000; margin-right: 10px; }

.shareLinks{ background: #D3D9DE; width: 375px; position: absolute; top: 32px; left: 0px; display: none; }
.shareLinks table{ width: 100%; }
.shareLinks table td{ height: 20px; padding: 3px; background: #ECEDEE; }
.shareLinks table td a{ display: block; height: 20px; padding-left: 25px; line-height: 20px; font-size: 11px; color: black; }

a.lGoogle{ background: url('/img/socialLinks/google.gif') no-repeat left top; }
a.lLinkuj{ background: url('/img/socialLinks/linkuj.gif') no-repeat left top; }
a.lFacebook{ background: url('/img/socialLinks/facebook.gif') no-repeat left top; }
a.lDelicious{ background: url('/img/socialLinks/delicious.gif') no-repeat left top; }
a.lJagg{ background: url('/img/socialLinks/jagg.gif') no-repeat left top; }
a.lPridat{ background: url('/img/socialLinks/pridateu.gif') no-repeat left top; }
a.lFurl{ background: url('/img/socialLinks/furl.gif') no-repeat left top; }
a.lYahoo{ background: url('/img/socialLinks/yahoo.gif') no-repeat left top; }
a.lDigg{ background: url('/img/socialLinks/digg.gif') no-repeat left top; }
a.lVybrali{ background: url('/img/socialLinks/vybralisme.gif') no-repeat left top; }
a.lReddit{ background: url('/img/socialLinks/reddit.gif') no-repeat left top; }
a.lMediaBlog{ background: url('/img/socialLinks/mediablog.gif') no-repeat left top; }

#breadcrumbs p{ padding: 12px 12px 0 12px; }
#breadcrumbs a{ color: #D30500; margin: 0 5px 0 0; padding-right: 10px; background: url('/img/muchMore.gif') no-repeat right 4px; }
#breadcrumbs strong{ margin: 0 5px 0 0; }
#breadcrumbs strong.here{ color: #0C4DA2; }

#catList { margin-bottom: 0px; }
#catList .item{ padding: 15px; }
#catList .perexImg{ width: 125px; float: left; font-size: 0; }
#news .perexImg{ width: 125px; float: left; font-size: 0; }

#pager-env{ height: 30px; background: #D3D9DE; margin-bottom: 7px; padding: 0 8px; }
#pager-env td{ height: 30px; vertical-align: middle; padding: 0 3px; }
#pager-env span{ padding: 0 3px; }
#pager-env .active{ color: #C30500; }
#pager-env a{ color: #005CB6; }
#pager-env a:hover{ color: #C30500; }

.profiles #article .body{ padding: 0px; }
.profiles #article h2{ padding: 12px 6px 12px 6px; margin: 0px !important }
#article .body, #contactForm .body, #mostRead .body{ padding: 15px; }

.article-env h1, .article-env h2, .article-env h3{ color: #006DF0; margin-bottom: 10px; }
.article-env h2, .article-env h3{ margin: 10px 0; font-weight: normal; }
.article-env p{ margin-bottom: 5px; line-height: 1.4em; }
.article-env p.perex{ margin-bottom: 10px; font-weight: bold; }
.article-env p.date{ color: #D30500; }

.article-env ul{ margin: 12px; }
.article-env ul li{ margin-bottom: 3px; padding-left: 15px; background: url('/img/cross.gif') no-repeat left 6px; }
.article-env a{ color: #0C4DA2; }

#speedLinks-env{ width: 150px; background: #F8FBFC; float: right; padding: 10px; margin: 0 0 12px 12px; border-left: 1px solid #B9C3CB; }
#speedLinks-env *{ font-size: 12px; }
#speedLinks-env h3{ font-weight: normal; cursor: pointer; _cursor: hand; color: black; margin: 0 !important; }
#speedLinks ul{ margin: 10px 0 0 0; }
#speedLinks ul li{ margin-bottom: 2px; background: none; padding-left: 0px; }
#speedLinks a{ color: black; text-decoration: underline; }

.profiles table{ width: 100%; margin-bottom: 10px; border-collapse: collapse; }
.profiles table td a{ color: #C30500 !important; }
.profiles th{ background: #00316A; height: 20px; color: white; font-weight: normal; text-align: left; vertical-align: middle; padding: 5px 10px; }
.profiles td{ padding: 10px; background: url('/img/dots.gif') repeat-x left bottom; }
.profiles td strong, .profiles td span{ color: #006DF1; }

.oblastniSdruzeni table{ width: 100%; margin-bottom: 10px; border-collapse: collapse; }
.oblastniSdruzeni table td{ padding: 2px 5px;}
.oblastniSdruzeni table strong{ color: #006DF1; }
.oblastniSdruzeni table a{ color: #C30500; }

#contactForm .extra{ color: red; margin-left: 5px; }
#contactForm table{ width: 330px; border-collapse: collapse; margin: 15px 0px; }
#contactForm table td{ padding: 2px 5px }
#contactForm table td textarea{ margin-top: 5px; }
#contactForm .btn{ border: 1px solid #00316A; background: #D5E8FF; padding: 3px; }
#contactForm input, #contactForm textarea{ border: 1px solid #00316A; padding: 3px; }

.error-env{ background: #FFDEDD; border: 1px solid #C30500; margin-top: 2px; }
.error{ padding: 3px; }
.error strong{ color: #C30500; }

#mostRead ul{ margin: 0; }
#mostRead a{ color: #006DF0; }
#mostRead span.count{ color: #C30500; margin-left: 5px; font-size: 10px; }         

.printLink{ margin-top: 10px; }
.printLink a{ padding-left: 15px; }

#siteMapList .body{ padding: 12px; }
#siteMapList .body ul{ margin: 10px 0; }

.filtrakci{ }
.filtrakci fieldset{ padding: 10px; margin-bottom: 10px; border: 0px }
.filtrakci fieldset h4{ margin: 0 0 10px 0; color: #0C4DA2; font-size: 14px;}
.filtrakci fieldset table th{ padding: 0 10px 0 0; font-weight: normal; }

.filtrakci table.fulltbl{ width: 100%; }
.filtrakci table.fulltbl th{ color: #8FC2D5; background: #0C4DA2; padding: 5px; text-align: center; font-weight: normal; }
.filtrakci table.fulltbl td{ border: 1px solid #8FC2D5; padding: 5px; }
.filtrakci table.fulltbl td a{ color: #0C4DA2; }

.searchBtn input{ cursor: pointer; _cursor: hand; padding: 5px; color: #8FC2D5; background: #0C4DA2; border: 0px; margin: 10px 0; }

#mestecka p{ text-align: center; }
	#mestecka p img{ margin-bottom: 5px; border: 1px solid silver; padding: 3px; }
	
/* @group ----- volebni banner ----- */

#volbyBackground{ 
	width: 100%; height: 100%; background: black; position: fixed; _position: absolute; top: 0; left: 0;
	opacity: 0.8; filter:alpha(opacity=80)	
}

#volbyBanner-env{ 
	width: 600px; height: 193px; background: white url("/img/volbyBanner.jpg") no-repeat 0 0; 
	position: fixed; _position: absolute; top: 50%; left: 50%;
	margin-left: -300px; margin-top: -96px;
}
#volbyBanner-env .close{ position: absolute; top: 5px; left: 5px; border: 0; }
#volbyBanner-env .close img{ border: 0; }
#volbyBanner{ width: 370px; position: absolute; top: 20px; left: 215px; text-align: left; }
#volbyBanner h3{ margin-bottom: 6px; font-size: 18px; }
#volbyBanner p{ margin-bottom: 6px; line-height: 1.4em; }

/* @end */