html {
	margin: 0px;
	padding: 0px;
}
body {
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #393939;
	background: #fff url(img/design/bodybg.gif) repeat-x;
}
/* --------------------------------------- Vseobecne ---------------------------- */
.endfloat {
	position: relative;
	clear: both;
	display: block;
	height: 1px;
	font-size: 1px;
	margin-bottom: -1px;
	overflow: hidden;
}
input.button {
	padding: 4px 8px 4px 8px;
	border: 1px solid #D2D2D2;
	font-size: 11px;
	background: #2ab1ad url(img/design/btn-bg.gif) repeat-x;
	color: #fff;
	cursor: pointer;
}
input.button.active {
	background: #4cbdba url(img/design/btn-bg-active.gif) repeat-x;
}
/* -------------------------------------- (Vseobecne) --------------------------- */
/* ---------------------------------------- Hlasky ------------------------------ */
.hlaska {
	min-height: 15px;
	_height: 15px;
	margin: 8px 0px;
	padding: 16px 16px 16px 56px;
	text-align: left;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: 16px 8px;
	color: #111;
}
.hlaska.info {
	background-color: #f8fafd;
	background-image: url(img/design/icon-info.gif);
	border: 2px solid #eff5fb;
}
.hlaska.error {
	background-color: #fef7f7;
	background-image: url(img/design/icon-error.gif);
	border: 2px solid #feeeec;
}
/* --------------------------------------- (Hlasky) ----------------------------- */
/* ------------------------------------------- A ------------------------------- */
a img {
	border: none;
}
a {
	color: #393939;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a.viac {
	display: block;
	width: 50px;
	height: 17px;
	line-height: 17px;
	background-image: url(img/design/a-viac.gif);
	background-position: 0px 0px;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
a.viac:hover {
	background-position: 0px -17px;
	text-decoration: none;
}
a.logoklik {
	position: absolute;
	left: 117px;
	top: 30px;
	width: 280px;
	height: 80px;
}
/* ------------------------------------------ (A) ------------------------------- */
/* --------------------------------------- Nadpisy ------------------------------ */
h1 {
	width: 705px;
	height: 56px;
	line-height: 56px;
	margin: 0px auto;
	padding: 0px 28px 0px 28px;
	font-size: 20px;
	font-weight: normal;
	background: #31807e url(img/design/h1bg.jpg) no-repeat;
	color: #fff;
}
/* --------------------------------------- (Nadpisy) ------------------------------ */
/* ---------------------------------------- Hlavne ------------------------------ */
.hlavny {
	position: relative;
	width: 987px;
	margin: 0px auto;
	background: url(img/design/hlavnybg.gif) repeat-y;
}
.top {
	position: relative;
	width: 987px;
	height: 141px;
	overflow: hidden;
	background: url(img/design/topbg.jpg) no-repeat;
}
.lista {
	position: relative;
	width: 987px;
	height: 38px;
	background: url(img/design/listabg.gif) no-repeat;
}
.hlavicka {
	position: relative;
	width: 761px;
	height: 251px;
	margin: 0px auto;
	overflow: hidden;
	background: #fff;
}
#flash {
	position: absolute;
	left: 16px;
	top: 0px;
	width: 729px;
	height: 241px;
}
/* --------------------------------------- (Hlavne) ----------------------------- */
/* --------------------------------------- Preamble ----------------------------- */
.preamble {
	position: absolute;
	bottom: 10px;
	left: 16px;
	overflow: hidden;
	width: 729px;
	height: 83px;
	color: #fff;
}
.preamble .title {
	overflow: hidden;
	position: absolute;
	top: 14px;
	left: 11px;
	width: 130px;
	font-size: 24px;
}
.preamble .text {
	overflow: hidden;
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 537px;
	height: 50px;
	line-height: 14px;
	padding: 0px 23px 14px 11px;
}
/* -------------------------------------- (Preamble) ---------------------------- */
/* -------------------------------------- Top ikonky ---------------------------- */
.top .ikonky {
	overflow: hidden;
	position: absolute;
	top: 10px;
	right: 117px;
	width: 69px;
	height: 21px;
}
.top .ikonky a {
	float: left;
	overflow: hidden;
	position: relative;
	display: block;
}
.top .ikonky .delimiter {
	overflow: hidden;
	position: relative;
	float: left;
	width: 1px;
	height: 21px;
	margin-right: 8px;
	border-left: 1px solid #c8dcdc;
}
.top .ikonky a.mail {
	width: 11px;
	height: 7px;
	margin: 6px 8px 0px 0px;
	background: url(img/design/icon-mail.gif) no-repeat;
}
.top .ikonky a.sitemap {
	width: 11px;
	height: 9px;
	margin: 5px 8px 0px 0px;
	background: url(img/design/icon-sitemap.gif) no-repeat;
}
.top .ikonky a.home {
	width: 11px;
	height: 9px;
	margin: 5px 0px 0px 0px;
	background: url(img/design/icon-home.gif) no-repeat;
}
/* ------------------------------------- (Top ikonky) --------------------------- */
/* ---------------------------------------- Novnky ------------------------------ */
.novinkyBox {
	padding: 0px 129px 0px 129px;
}
.novinka {
	position: relative;
	float: left;
	width: 242px;
	margin-right: 1px;
	padding-bottom: 20px;
}
.novinka a.viac {
	position: absolute;
	right: 24px;
	bottom: 0px;
}
.novinka .title {
	position: relative;
	overflow: hidden;
	height: 39px;
	padding: 18px 24px 0px 24px;
	font-size: 12px;
	font-weight: bold;
	background: url(img/design/novinka-title-bg.gif) repeat-x;
	color: #1e5251;
}
.novinka .title .date {
	display: block;
	font-size: 11px;
}
.novinka .text {
	line-height: 14px;
	padding: 16px 24px 0px 24px; 
	background: url(img/design/novinka-text-bg.gif) no-repeat;
	text-align: justify;
}
.novinka.n0 .text {
	background: none transparent;
}
.novinka img {
	display: block;
	float: left;
	margin: 0px 6px 0px 4px;
}
/* --------------------------------------- (Novnky) ----------------------------- */
/* ----------------------------------------- Menu ------------------------------- */
.menu {
	position: relative;
	z-index: 22;
	width: 987px;
	height: 51px;
	background: url(img/design/menubg.gif) no-repeat;
}
.menu table {
	width: 757px;
	height: 51px;
	margin: 0px auto;
	border-collapse: collapse;
}
.menu table td {
	padding: 0px;
	background: #f6f6f7 url(img/design/menu-td-bg.gif);
}
.menu table td.space {
	position: relative;
	overflow: hidden;
	width: 2px;
	font-size: 1px;
	background: #cfcfd0 url(img/design/menu-separator.gif);
}
.menu a {
	position: relative;
	display: block;
	height: 51px;
	line-height: 51px;
	padding: 0px 18px 0px 18px;
	background: #eaebec url(img/design/menuabg.gif);
	color: #444444;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
}
.menu a.active,
.menu a:hover {
	background: none transparent;
}
.menu a .mask {
	position: absolute;
	display: block;
	width: 100px;
}
.menu a.podmenu {
	/*padding-bottom: 8px;*/
}
/* ---------------------------------------- (Menu) ------------------------------ */
/* --------------------------------------- Podmenu ------------------------------ */
.submenu {
	position: relative;
	z-index: 20;
	padding: 0px 113px 0px 112px;
}
.submenu ul {
	height: 26px;
	margin: 0px;
	padding: 0px 20px 0px 20px;
	background: url(img/design/submenubg.gif) no-repeat;
	background-position: 50% 100%;
}
.submenu li,
.submenu a {
	display: block;
	float: left;
}
.submenu li.separator {
	overflow: hidden;
	position: relative;
	width: 2px;
	height: 26px;
	background: #cfcfd0 url(img/design/submenu-separator.gif) 0% 50%;
}
.submenu a {
	height: 26px;
	line-height: 26px;
	padding: 0px 8px 0px 8px;
	text-decoration: none;
	text-align: center;
}
.submenu a.active,
.submenu a:hover {
	text-decoration: underline;
}
.submenu ul.h0,
.submenu ul.h0 li.separator,
.submenu ul.h0 a {
	height: 32px;
	line-height: 32px;
}
/* -------------------------------------- (Podmenu) ----------------------------- */
/* ------------------------------------ Jazykove menu --------------------------- */
ul.jazykMenu {
	position: relative;
	left: 113px;
	float: left;
	height: 38px;
	margin: 0px;
	padding: 0px 8px 0px 16px;
	border-right: 1px solid #238483;
	background: #127978;
}
ul.jazykMenu li,
ul.jazykMenu a {
	display: block;
	float: left;
}
ul.jazykMenu a {
	width: 21px;
	height: 15px;
	margin: 12px 7px 0px 0px;
	line-height: 15px;
	font-family: Tahoma;
	font-size: 10px;
	color: #ffffff;
	background: #319594;
	text-decoration: none;
	text-align: center;
}
ul.jazykMenu li.active {
	display: none;
}
ul.jazykMenu li.over a {
	background: #38b3b1;
}
/* ----------------------------------- (Jazykove menu) -------------------------- */
/* --------------------------------- Vyhladavacie menu -------------------------- */
.searchBox {
	overflow: hidden;
	position: absolute;
	bottom: 0px;
	right: 107px;
	width: 195px;
	height: 94px;
	background: url(img/design/searchBox-bg.jpg) no-repeat;
}
.searchBox .title {
	position: absolute;
	top: 16px;
	left: 25px;
	font-size: 18px;
	color: #fff;
}
.searchBox .textbox-wrapper {
	position: absolute;
	top: 42px;
	left: 28px;
	background: url(img/design/search-textbox-bg.jpg) no-repeat;
}
.searchBox input.textbox {
	width: 124px;
	height: 16px;
	margin: 0px 6px 0px 6px;
	padding-top: 2px; 
	background: none transparent;
	border: none;
	color: #fff;
	font-size: 10px;
}
.searchBox input.button {
	position: absolute;
	top: 68px;
	left: 114px;
	width: 50px;
	height: 17px;
	padding: 0px;
	font-size: 10px;
	background: url(img/design/search-btn-bg.jpg);
	color: #fff;
	border: none;
}
.searchBox .button.active {
	background-position: 0px -17px;
}
/* -------------------------------- (Vyhladavacie menu) ------------------------- */
/* ------------------------------- Vysledky vyhladavania ------------------------ */
.search a.link {
	font-size: 12px;
}
.search .text {
	margin: 2px 0px 12px 0px;
	padding: 0px 0px 0px 12px;
}
/* ------------------------------ (Vysledky vyhladavania) ----------------------- */
/* ---------------------------------------- Stlpce ------------------------------ */
.column {
	overflow: hidden;
	position: relative;
	width: 729px;
	margin: 0px auto;
}
.column div.left {
	overflow: hidden;
	position: relative;
	float: left;
	width: 488px;
	margin-right: 1px;
	background: url(img/design/obsah-bg.gif) repeat-x;
}
.column .right {	
	padding-top: 3px;
	overflow: hidden;
	position: relative;
	float: left;
	width: 240px;
	background: url(img/design/obsah-bg.gif) repeat-x;
}
.column .right h2{
	font-weight: normal;
	padding-left: 15px;
	padding-bottom: 13px;
	font-size: 21px;
	margin-top: 5px;
	margin-bottom: 15px;
	color: #2e8584;
	border-bottom: 1px solid #eaeaea;
}
.column .right div{
	padding: 13px 13px 13px 5px;
}
.column .right p{
	padding-right: 20px;
	padding-left: 15px;
	padding-bottom: 15px;
}
.column .right img{
	margin-left: 15px;
	margin-right: -5px;
	margin-bottom: 10px;
	opacity: .6;
	border: 2px solid #eaeaea;
}
.column .right img:hover{
	opacity: 1;
}
.column .right table{
	margin-left: 15px;
	margin-bottom: 30px;
}

/* --------------------------------------- (Stlpce) ----------------------------- */
/* ---------------------------------------- Obsah ------------------------------- */
.obsah {
	line-height: 18px;
	padding: 12px 24px 12px 24px;
	text-align: justify;
}
.obsah div.img {
	margin: 0px 6px 0 0px;
	float: none;
	*margin-bottom: 30px;
}
.img img.part{
	border: 2px solid #eaeaea;
	display: block;
	float: left;
	margin-right: 10px;
}
.img p{
	*margin: 0;
}
img.imgkontakt{
	border: 5px solid #eaeaea;
	float: right;
	clear: both;
	margin-bottom: 15px;
}
div.obsah h1{
	width:440px;
	height: 34px;
	overflow: hidden;
	line-height: normal;
	padding: 0px;
	background: none;
	border-bottom:1px solid #EAEAEA;
	color:#2E8584;
}
div.obsah h2{
	text-align: left;
	text-decoration:none;
	font-size:14px;
}
/* --------------------------------------- (Obsah) ------------------------------ */
/* ------------------------------------ Mapa stranky ---------------------------- */
.mapa-stranky {
	padding-top: 12px;
	line-height: 18px;
}
/* ----------------------------------- (Mapa stranky) --------------------------- */
/* ----------------------------------------- Pata ------------------------------- */
.pata {
	position: relative;
	width: 987px;
	height: 164px;
	margin: 0px auto;
	background: url(img/design/patabg.gif) no-repeat;
	font-size: 10px;
	color: #0e0e0e;
	line-height: 14px;
}
.pata .small {
	font-size: 9px;
}
.pata .text {
	position: relative;
	padding: 60px 34px 6px 133px;
}
.pata .text span.copyr {
	position: absolute;
	top: 60px;
	right: 133px;
}
.pata .text a {
	text-decoration: underline;
	color: #0e0e0e;
}
.pata .text a:hover {
	text-decoration: none;
}
.pata .text a.mail {
	text-decoration: none;
}
.pata .text a.mail:hover {
	text-decoration: underline;
}
/* ---------------------------------------- (Pata) ------------------------------ */
/* ------------------------------------- Formulare ----------------------------- */
table td.left {
	padding-right: 6px;
	text-align: right;
}
.formular {
	
}
.formular.pred {
	margin-top: 24px;
	margin-bottom: 24px;
}
.formular.za {
	margin-top: 24px;
}
.formular legend {
	font-size: 16px;
	font-weight: bold;
	color: #1895C5;
}
.formular fieldset {
	border: 4px solid #F9F9F9;
}
.formular .form-wrapper {
	padding: 12px;
}
.formular table td.left {
	width: 35%;
}
.formular input.textbox {
	width: 140px;
}
.formular input.button {
	margin-top: 8px;
}
/* ------------------------------------ (Formulare) ----------------------------- */