/* CSS Document */
* {
	padding:0;
	margin:0;
}
img { 
	border:0;
}

body {
	background: #2E84B7 url(img/main-bg.jpg) no-repeat center top;
	text-align: left;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    font-family: arial, verdana, tahoma, sans-serif;
    color: #FFFFFF;
    text-decoration: none;
	width: 100%;

	
}
#container {
	width:960px;
	height:720px;
	max-width:960px;
	max-height:720px;
	margin:15px auto;
	margin-bottom:10px;
	border-left:solid;
	border-left-width:1px;
	border-left-color:#1C75B1;
	border-left-style:dotted;
	background:url('img/bg.jpg') repeat-x;
}
#panell {
	float:left;
	width:705px;
	height:578px;
	background:url('img/paneld.jpg') no-repeat 406px 491px;
	/*background-color:#CCC1CC;*/
	
}
#panelp {
	float:left;
	width:255px;
	height:578px;
	background:url('img/panell.jpg') no-repeat;
	/*background-color:#1FFF1C;*/
}
#footer {
	width:960px;
	height:50px;
	margin:0 auto;
}
#logo {
	float:left;
	width:117px;
	height:142px;
	background:url('img/logo.jpg') 9px 0 no-repeat;
}
#panelmenu {
	float:left;
	width:383px;
	height:142px;
	background:url('img/pnmntxt_bg.gif') no-repeat 17px 36px;
}
#paneltap {
	float:left;
	width:460px;
	height:142px;
}
#menu {
	float:left;
	width:350px;
	height:30px;
	background:url('img/kr.gif') repeat-x;
}
#menustart {
	float:left;
	width:33px;
	height:30px;
}
div.menu {
	text-align:center;
	float:left;
	width:70px;
	height:15px;
}
#menud1 {
	float:left;
	width:204px;
	height:112px;
	background:url('img/mk.gif') no-repeat 20px 25px;
}
#menud2 {
	float:left;
	width:133px;
	height:112px;
}
#ptap1 {
	float:left;
	width:459px;
	height:50px;
	background:url('img/ptap1.jpg') no-repeat;
}
#ptap2 {
	float:left;
	width:454px;
	height:85px;
	margin:5px 0 0 0;
	/*background:url('img/ptap1.jpg') no-repeat;*/
}
#panelltext {
	float:left;
	width:693px;
	height:550px;
	margin:4px 0 0 6px;
	/*background:url('img/swirl1.gif') no-repeat 15px 175px;*/
	background:url('img/pntxt_bg2.gif') no-repeat -3px 0;
	/*background-color:#CCCCCC;	*/
}
#panellfooter {
	float:left;
	width:693px;
	height:7px;
	font-size:12px;
	font-style:italic;
	color:#1C75B1;
	text-align:left;
	margin:4px 0 0 6px;
}
#panellfooter a {
  color:#1C75B1;
  text-decoration:none;
}
#panellfooter a:hover {
  color:#124A70;
}

#ptheaderl {
	float:left;
	width:490px;
	height:109px;
	margin:0 16px 10px 0;
}
#ptheaderp {
	float:left;
	width:187px;
	height:109px;
	/*background:url('img/ptheaderp.gif') no-repeat;*/
}
#pt1col {
	float:left;
	width:347px;
	height:397px;
	/*background-color:#FFCCFF;*/
}
#pt2col {
	float:left;
	width:346px;
	height:397px;
}
.art1 {
	float:left;
	width:340px;
	height:397px;
}
.art2 {
	float:left;
	width:340px;
	height:397px;
}
.artbreak {
	float:left;
	width:13px;
	height:397px;
}
#pt1c1 {
	float:left;
	width:314px;
	padding:0 0 0 0;
	margin:0 0 16px 6px;
	/*background-color:#00FFFF;*/
}
#pt1c2 {
	float:left;
	width:314px;
	height:248px;
	padding:0 0 0 0;
	margin:0 0 16px 6px;
	background:url('img/gal.gif') no-repeat 5px 104px;
	/*background-color:#6600CC;*/
}
#pt2c1 {
	float:left;
	width:314px;
	padding:0 0 0 0;
	margin:0 0 16px 14px;
	/*background-color:#000099;*/
}
#pt2c2 {
	float:left;
	width:314px;
	padding:0 0 0 0;
	margin:0 0 16px 14px;
	/*background-color:#00FFCC;*/
}
#pt2c3 {
	float:left;
	width:314px;
	padding:0 0 0 0;
	margin:0 0 16px 14px;
	/*background-color:#6633CC;*/
}
.menutitle1 {
	width:214px;
	height:26px;
	background:url('img/menutitle2.gif');
}
.menutitle2 {
	width:234px;
	height:26px;
	background:url('img/menutitle1.gif');
}
.menutitle3 {
	width:204px;
	height:26px;
	background:url('img/menutitle2.gif');
}
.menutitle4 {
	width:234px;
	height:26px;
	background:url('img/menutitle1.gif');
}
.menutitle5 {
	width:194px;
	height:26px;
	background:url('img/menutitle.gif');
}
.menutitle {
	float:left;
	height:26px;
	padding:0 0 0 0;
	margin:0 0 11px 15px;
	background:url('img/menutitle3.gif');
	/*background-color:#66344C;*/
}
.titart1 {
	float:left;
	height:23px;
	padding:0 0 0 0;
	margin:2px 7px 1px 7px;
}
.titart2 {
	float:left;
	width:24px;
	height:23px;
	padding:0 0 0 0;
	margin:2px 7px 1px 7px;
}
.menutext {
	float:left;
	margin:4px 0 0 4px;
	font-size:13px;
}
#menutext2 {
	float:left;
	width:443px;
	height:109px;
}	
#kwt {
	float:left;
	width:47px;
	height:48px;
	background:url('img/kwt.gif') no-repeat;
}
.artbeg {
	float:left;
	width:480px;
	height:72px;
	margin:0 0 0 5px;	
}
div.linkartk {
	float:left;
	width:10px;
	height:12px;
	margin:1px 2px 0 5px;
	background:url('img/artk.gif') no-repeat;
}
div.linkartk2 {
	float:left;
	width:24px;
	height:23px;
	background:url('img/kwtartk.gif') no-repeat;
	margin:1px 2px 0 5px;
}
div.linkartk2 {
	float:left;
	width:24px;
	height:23px;
	background:url('img/kwtartk.gif') no-repeat;
	margin:1px 2px 0 5px;
}
div.linkwrs {
	float:left;
	width:24px;
	height:23px;
	background:url('img/kwtwrs.gif') no-repeat;
	margin:1px 2px 0 5px;
}
div.link {
	margin:0 0 10px 15px
}
div.linkprzjc {
	float:left;
	width:24px;
	height:23px;
	background:url('img/kwtlnk.gif') no-repeat;
	margin:1px 2px 0 5px;
}
div.email {
	float:left;
	width:29px;
	height:29px;
	background:url('img/email.gif') no-repeat;
	margin:1px 2px 0 5px;
}
div.tabela {
	float:left;
	margin:10px 0 10px 10px
}
div.tabelaright {
	float:right;
	margin:10px 30px 0 0
}
div.panelp1 {
	width:251px;
	height:522px;
	margin:2px;
	/*background-color:#1FCCFF*/
}
div.panelp2 {
	width:251px;
	height:50px;
	margin:2px;
	text-align:right;
	font-style:italic;
/*	background-color:#FFCCFF*/
}
h1 {font-family: 'Times New Roman'; font-style:italic; font-size: 250%; float:left; font-weight:lighter}
h2 {font-family: 'Times New Roman'; font-style:italic; font-size: 180%; float:left; font-weight:lighter}

a.linkartk 			{color: #2C617E; text-decoration: none; font-size:14px}
a.linkartk:visited {color: #2C617E; text-decoration: none; font-size: 14px}
a.linkartk:hover {color: #007E9B; text-decoration:underline; font-size: 14px}
a.linkartk:active {color: #2C617E; text-decoration: none; font-size: 14px}

a.linknav 			{color: #2C617E; text-decoration: none; font-size:14px; margin:4px}
a.linknav:visited {color: #2C617E; text-decoration: none; font-size: 14px}
a.linknav:hover {color: #007E9B; text-decoration:underline; font-size: 14px}
a.linknav:active {color: #2C617E; text-decoration: none; font-size: 14px}
a.linknavup			{color: #1C75B1; text-decoration:none; font-size:18px; margin:4px}

p.wstep:first-letter {font-family: 'Times New Roman'; font-style:italic; font-size: 300%; float:left}
p.arttext:first-letter {font-family: 'Times New Roman'; font-style:italic; font-size: 300%; float:left}
p.menu:first-letter {font-family: 'Times New Roman'; font-style:italic; font-size: 300%; float:left}
p.aktual:first-letter {font-family: 'Times New Roman'; font-style:italic; font-size: 200%; float:left}

p.menu {font-size:14px}
p.wstep {color: #FFFFFF; font-size:14px;}
p.arttext {color: #2C617E; font-size:14px; margin: 2px 0 3px 0}
p.podpis {color: #2C617E; font-size:14px; margin: 5px 0 0 0; float:right; clear:both}
p.cyt {color: #2C617E; font-size:14px; margin:10px 0 10px 10px; font-style:italic}
p {font-size:14px}

.m {color: #FFFFFF; text-decoration: none; font-size: 11px}
.m:visited {color: #FFFFFF; text-decoration: none; font-size: 11px}
.m:hover {color: #D5EBF7; text-decoration: none; font-size: 11px}
.m:active {color: #FFFFFF; text-decoration: none; font-size: 11px}
.ore {color: #BD4C01; text-decoration: none; }
.ore:visited {color: #BD4C01; text-decoration: none}
.ore:hover {color: #A14101; text-decoration: none}
.ore:active {color: #BD4C01; text-decoration: none}
.red {color: #CA3E3E; text-decoration: none}
.red:visited {color: #CA3E3E; text-decoration: none}
.red:hover {color: #942201; text-decoration: none}
.red:active {color: #CA3E3E; text-decoration: none}
.yel {color: #FFF360; text-decoration: none}
.yel:visited {color: #FFF360; text-decoration: none}
.yel:hover {color: #E9DE56; text-decoration: none}
.yel:active {color: #FFF360; text-decoration: none}
.blu {color: #007E9B; text-decoration: none}
.blu:visited {color: #007E9B; text-decoration: none}
.blu:hover {color: #016B83; text-decoration: none}
.blu:active {color: #007E9B; text-decoration: none;}
.pur {color: #764690; text-decoration: none}
.pur:visited {color: #764690; text-decoration: none}
.pur:hover {color: #59356D; text-decoration: none}
.pur:active {color: #764690; text-decoration: none}
.strt {color: #FFFFFF; text-decoration: none}
.strt:visited {color: #FFFFFF; text-decoration: none}
.strt:hover {color: #D0FDFF; text-decoration: none}
.strt:active {color: #FFFFFF; text-decoration: none}
.aktual {color: #CFFFD9; text-decoration: none}
.aktual:visited {color: #CFFFD9; text-decoration: none}
.aktual:hover {color: #B5FCC4; text-decoration: none}
.aktual:active {color: #CFFFD9; text-decoration: none}

a.link {color: #FFFFFF; text-decoration: none; font-size: 14px}
a.link:visited {color: #FFFFFF; text-decoration: none; font-size: 14px}
a.link:hover {color: #D5EBF7; text-decoration: underline; font-size: 14px}
a.link:active {color: #FFFFFF; text-decoration: none; font-size: 14px}

.gallerycontainer{
	/*position:relative;*/
	float:left;
	width:490px;
	height:393px;
	/*background-color:#6633CC*/
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
.picturecontainer{
	float:left;
	width:490px;
	height:383px;
}
.picturenav{
	float:left;
	width:490px;
	height:10px;
}
.thumbnail img{
	border: 1px solid white;
	margin: 7px;
}
.thumbnail:hover{
	background-color: transparent;
}
.thumbnail:hover img{
	border: 1px solid #EB5B3A;
}
.thumbnail span{ /*CSS for enlarged image*/
	position:absolute;
	background-color: #F6BE5F;
/*	padding: 2px;*/
	top: 140px;
	left: -1000px;
	border: 1px dashed #EB5B3A;
	visibility:hidden;
/*	color: black;
	text-decoration: none;*/
}
/*.thumbnail span img{ /*CSS for enlarged image*/
/*	border-width: 0;
	padding: 2px;
}
*/
.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	top: 140px;
	left: 600px; /*position where enlarged image should offset horizontally */
	z-index: 50;
}

div.colaktual {
	float:left;
	width:220px;
	height:85px;
	margin-right:4px
}
div.f1 {
	float:left;
	height:20px;
	margin-left:4px;
}
div.f2 {
	float:left;
	height:20px;
	padding:4px;
	text-align:left;
	font-size:12px
}
div.f3 {
	float:left;
	height:12px;
	width:12px;
	margin:5px 20px 0 -1px;
	background:url('img/smile.gif') no-repeat;
}
div.f4 {
	float:left;
	height:15px;
	margin-top:4px;
	margin-right:8px;
}
.valbut {
	height:15px;
	width:80px;	
}