html {
	padding: 0;
	margin: 0;
	}

body {
	font: 11px Arial, Verdana, Tahoma, sans-serif;
	text-align: center;
	color: #555;
	margin: 0 auto;
	padding: 0;
	background: #FFF url(../images/pattern.jpg) top left repeat;
	}
	
#pagewrapper {
	margin: 0 auto;
	padding: 0 0 0 0;
	width: 960px;
	text-align: left;
	background-color: #CDDBEB;
	background: #FFF url(../images/pagebg.gif) top left repeat-y;
			}	

#page {
	padding: 0;
	margin: 0;
	}	

#header,
#header-top {
  margin: 0;
  padding: 0;
  border: 0;
  width: 960px;
  }

#header { height: 121px;}
#header-top { height: 39px; }
  
#header h1 {
  display: none;
}

#menuwrap {
  float: right;
  width: 170px;
  /* height: 200px; */
  margin: 0;
  padding: 0;
  border: 0;
  background: #CDDBEB url(../images/rboxbg.jpg) top left no-repeat;
  }

#menu {
  padding-left: 10px;
  border-right: 1px solid #000;
  }

#menu ul {
  list-style-type: none;
  margin: 0;
  padding: 2px 0px 1px 5px;
  font-size: 11px;
  }  

#menu ul li a, 
#menu ul li a:hover,
#menu ul li a.active {
  display: block;
  padding-left: 7px;
  margin: 3px 0; /* riadkovanie */
  }

#menu ul li { border: 1px solid #F1F1F1; border-width: 0 0 1px 0; }
#menu ul li a.active {
	border-color: #3C87E2;
}

#menu ul li a:hover {
  text-decoration: none;
  color: #000;
  }  

#menu ul li a {
  color: #000;
  font-weight: normal;
  }

#menu ul li ul {
	background-color: #F7F7F7;
	}

#menu ul li ul li a { 
	color: #555;
	}  

#contentwrap {
  float: left;
  width: 770px;
  /* height: 384px; */
	margin: 0;
	padding: 0;
	background: transparent url(../images/contentbg.jpg) top left no-repeat;
	}
	
#content {
  margin: 0;
	padding: 25px 5px 25px 70px;
	}	

div.sluzbybox, 
div.aktivitybox, 
div.fotobox,
div.linkbox,
div.archivbox {
  padding: 0;
  margin: 0;
  border: 0;
  float: left;
  overflow: auto;
  width: 200px;
  height: 97px;
  }	

div.sluzbybox,
div.aktivitybox, 
div.newsbox,
div.fotobox,
div.linkbox,
div.kontaktbox,
div.archivbox { margin-right: 28px; }  

div.newsbox, 
div.kontaktbox {
  padding: 0;
  overflow: auto;
  width: 200px;
  height: 97px;
  }

div.sluzbybox div,
div.aktivitybox div,
div.newsbox div,
div.fotobox div,
div.linkbox div,
div.kontaktbox div,
div.archivbox div { padding: 5px; }

div.archivbox { margin-top: 26px; }

#content div.divider { 
  margin: 0; 
  padding: 0; 
  clear: both; 
  height: 20px;
  }

#start {
  width: 551px;
  height: 330px;
  background: transparent url(../images/contentbg.jpg) top right no-repeat;
  }	

#content h2,
#content h2 a,
#content h2.out {
	font: italic 14px Arial, Tahoma, Verdana;
	color: #3C87E2;
	margin: 10px 0 5px 0;
	border: 0;
}

#navlink {
  padding-bottom: 15px;
  }  

  
#content div span.news-date {
	color: #ECB200;
	font-size: 10px;
}

 #content div span.news-more {
	font-size: 10px;
}

#content div span.news-title {
	font-size: 11px;
	font-weight: bold;
	color: #3C87E2;
}

#content h2 span {
  font-size: 12px;
  color: #999;
  }  

#content div.news {
  margin: 0;
  padding-bottom: 10px;
  }

#content div.news h4 {
  font: 900 12px Verdana, Arial, Tahoma;
  color: #000; 
  margin: 0;
  padding: 0;
  }

#content div.news h4 span {
  font: 10px Verdana, Arial, Tahoma; 
  color: #69c; 
  }  

#content hr {
  background-color: #eee;
  color: #eee;
  height: 2px;
  padding: 0;
  margin-bottom: 15px;
  border: 0;
  }   


#pagecontent {
  padding: 40px 0 0 0;
  }
	

/* Search Box */

#searchbox {
  position: relative;
  top: 82px;
  left: -7px;
  text-align: right;
  }
  
#searchbox input {
  font: 10px Arial, Helvetica;
  border: 1px solid #ccc;
  }  

#searchbox input.text {
  width: 200px;
  }


	
/* Footer Attributes */

#footer {
  clear: both;
	width: 960px;
	height: 69px;
	margin: 0;
	color: #000;
	text-align: center;
	font-size: 11px;
	background: transparent url(../images/footer.jpg) top left no-repeat;
	border-bottom: 1px solid #000;
  }  

#footer div {
  padding: 17px 0 0 0;
  }  
	
form {
	padding: 0px;
	margin: 0px;
	} 
	
.clear {
	clear: both;
	height: 0;
	padding: 0;
	margin: 0;
	border: 0;
	background-color: transparent;
	}	  

a, a.classic {
	color: #3C87E2;
	font-weight: normal;
	text-decoration: underline;
}

a:hover, a:hover.classic {
	color: #3C87E2;
	font-weight: normal;
	text-decoration: underline;
}	
	
a, a:hover {
  font-weight: bold;
  text-decoration: none;
  }

img { border: 0; }


.contentimg {
  float:right;
  padding: 0 0 15px 30px;
  }		

#articlecontent { font: normal lighter 12px Arial, Verdana, Tahoma, sans-serif; }
#articlecontent ul {margin:5px 20px; padding: 0px;}
#articlecontent ul li {margin:0; padding: 0px;}
#articlesource { text-align: right;}  
#articleh3 { font: italic lighter 20px Arial, Verdana, Tahoma, sans-serif; color: #3C87E2; }

.article  { padding: 0 0 10px 0;}
.articletitle a { font: italic lighter 13px Arial, Verdana, Tahoma, sans-serif; color: #136B3C;}
.articleimg { float: left; margin: 5px 20px 5px 0; border: 2px solid #eee; }

#imagelist {
  padding-top: 10px;
  position:relative; 
  z-index:100; 
  }

#imagelist a, 
#imagelist a:visited {
  display: block; 
  width: 93px; 
  height: auto; 
  text-decoration: none; 
  background-color: #f4f4f4;
  top:0; 
  left:0; 
  border:0;
  float: left;
  padding: 5px;
  margin: 2px;
  }

#imagelist a img {
  border:0;
  }

#imagelist a:hover {text-decoration:none; background-color:#e7e7e7; color:#000;}
#imagelist a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#imagelist a:hover .large {
  display: block; 
  position: absolute; 
  top: 0px; 
  left: 250px; 
  width: 330px; 
  height: auto; 
  border: 5px solid #f4f4f4;
  }

.imgalt {
  text-align: center;
  font: 10px Arial, Helvetica;
  }  

#gallery-image {
  clear: left; 
  text-align: center;
  margin: 0;
  padding-top: 15px;
  background-color: #f4f4f4;
  }

#gallery-image .alternative-text {
  padding: 10px 0;
  }  

/* EXHIBITION LAYOUT */



ul.documentbox {
  padding: 0;
  margin: 0;
  list-style-type: none;
} 

.banner {
  padding: 10px 0;
  }



.bigdate { text-align: center; font: 900 20px arial; }
.center { text-align: center; }

.right { text-align: right; }  
.bold { font-weight: bold; }


/* BANNER LIST */
.bannerimg { text-align: center; padding: 10px; 0; }