body { font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif; font-size: 0.8em; color: #444; background: url('images/bg/bg.gif') repeat-x; margin: 0; padding: 0; }

img { border: 0; }

a { color: #478DC6; }
a:hover { text-decoration: none; }

#main { margin: 0 auto; position: relative; width: 977px;  }

.middle { vertical-align: middle; }
.cleaner { clear: both; }

#top { float: right; margin: 5px 3px 3px 0; font-weight: bold; font-size: 0.8em; }
#search form { float: right; }
#search form p { margin-top: 8px; }
#search form input.text { vertical-align: middle; width: 165px; padding: 3px 2px;  border: 1px solid #c5c5c5; background: url('images/bg/search.gif') no-repeat; }
img#logo { float: left; margin: 7px 0 0 15px; }

#header { clear: both; display: block; background: url('images/header.jpg') top right no-repeat; width: 977px; height: 106px; }
#header h1 { margin: 0; padding: 0; color: #324094; padding: 55px 0 0 620px; font-size: 1.5em; line-height: 1.6em; }
#header h1 strong { font-size: 1.3em; }

ul#mainMenu { list-style-type: none; background: url('images/bg/menu_bg.gif') no-repeat bottom left; display: block; width: 977px; font-size: 1.1em; font-weight: bold; height: 49px; margin: 0; padding: 0; margin-top: -2px; }
ul#mainMenu li { float: left; margin: 0px 11px; }
ul#mainMenu li a { display: block; padding: 17px 10px 17px 17px; color: #fff; text-decoration: none; }
ul#mainMenu li a:hover,ul#mainMenu li a.active { color: #ACDE01; }

ul#submenu { float: left; border: 1px solid #D8D8D8; width: 228px; padding: 2px; list-style-type: none; font-weight: bold; margin: 15px 0; font-size: 0.9em; }
ul#submenu li { float: left; }
ul#submenu li a { display: block; width: 208px; padding: 12px 0px 12px 20px; height: 18px; background: url("images/bg/submenu.gif") no-repeat; text-decoration: none; }
ul#submenu li a:hover { color: #000; }
ul#submenu li a.active { color: #E22118; font-weight: bold; }

#breadcrumbs { float: left; margin: 12px 15px 0 15px; }
#breadcrumbs a { text-decoration: none; font-size: 0.9em; }
#fonts { float: right; margin: 8px 15px 0px 15px; }

#bc { display: block; background: url("images/bg/bc_bg.gif") no-repeat; width: 952px; height: 41px; margin-left: 10px; }

h2 { background: url('images/bg/h2.gif') no-repeat; display: block; padding: 11px 0 10px 25px; font-size: 1.1em; font-weight: bold; margin-bottom: 5px; color: #406400; }
h3 { font-size: 1.2em; margin: 15px 0 5px 0; color: #6C8F00; font-weight: bold; }

.document { display: block; padding: 10px; border-bottom: 1px solid #ddd; background: #ffffcf; }

.newsBox { background: #F2F2F2; margin: 10px 0; padding: 10px; }
	.newsBox a { font-weight: bold; }
	.newsBox div { font-size: 0.9em; }

.podujatie { width: 460px; padding: 10px 10px 0 10px; }
	
#newsletter { background: url('images/bg/newsletter.gif') no-repeat; display: block; width: 205px; height: 84px; padding: 15px; }
	#newsletter .nl { margin: 5px 0 0 45px; margin-bottom: 10px; }
	#newsletter input { background: #CFCFCF; border-top: 1px solid #9c9c9c; border-left: 1px solid #9c9c9c; padding: 2px; }
	#newsletter input.submit { background: #8DBB00 url('images/bg/ok.gif') repeat-x; color: #fff; font-weight: bold; border: 1px solid #8DBB00; }
	
#content { float: left; width: 977px; //margin-top: 25px; }
#left-column { width: 240px; float: left; }
#right-column { float: right; margin-left: 10px; width: 725px; }

.cleft { float: left; width: 480px; }
.cright { float: left; width: 220px; margin-left: 10px; }

#footer { float: left;width: 100%; background: #e5e8f6; border-top: 1px solid #d8d8d8; padding: 10px 0 20px 0; margin-top: 20px; }
#footerContent { margin: 0 auto; position: relative; width: 977px; }
#footerContent #images { float: left; margin-right: 210px; }
#footerContent p.copy { float: left; margin-top: 20px; }
#footerContent p.info { float: right; margin-top: 20px; }

table#kontakt { margin-top: 10px; }
table#kontakt td { padding: 5px; }
table#kontakt tr.head { background: #DFEEF7; font-weight: bold; }

.items { float: left; margin: 10px 0; padding: 10px; width: 960px; border-bottom: 1px solid #ccc; background: url('images/bg/bg_shadow.gif') bottom left repeat-x; }
.items2 { float: left; margin: 10px 0; padding: 10px; width: 705px; border-bottom: 1px solid #ccc; background: url('images/bg/bg_shadow.gif') bottom left repeat-x; }

#print { clear: both; text-align: right; margin: 20px 10px; } #print a { text-decoration: none; font-size: 0.9em; }

form#kontakt fieldset { border: 5px solid #C2DFF1; margin-top: 15px; }
form#kontakt legend { padding: 5px 10px; font-weight: bold; }
form#kontakt input.text { background: url('images/bg/input.gif') no-repeat; padding: 2px; border: 1px solid #C5C5C5; }
form#kontakt textarea { background: url('images/bg/textarea.gif') no-repeat; padding: 2px; border: 1px solid #C5C5C5; height: 120px; width: 280px; }
form#kontakt table td { padding: 5px; vertical-align: top; }

.item { width: 150px; background-color:#6F9FC8; display: block; font-size: 0.8em; color:#fff; font-weight: bold; }
	.item a { width: 150px; background-color:#6F9FC8; padding: 6px 10px; display: block; color:#fff; border-bottom: 1px solid #578BB8; text-decoration: none; }
	.item a:hover { width: 150px; background-color:#578BB8; padding: 6px 10px; display: block; color:#fff; }
	.item:hover { width: 150px; background-color:#578BB8; display: block; }

.paging { text-align: center; float: left; margin-top: 10px; width: 100%; }
.paging a { padding: 5px; border: 1px solid #CDCDCD; text-decoration: none; font-weight: bold; margin-top: 20px; font-size: 0.8em; line-height: 30px; background-color: #fff; } 
.paging a.selected { padding: 5px; border: solid 1px #CDCDCD; text-decoration: none; font-weight: bold; margin-top: 20px; background-color: #ccc; color: #fff; }
.paging a:hover { color: #fff; background: #ccc; text-decoration: none; }

.image { margin: 10px; float: left; }