html {
	padding: 0;
	margin: 0;
	}

body {
	font: 14px "trebuchet ms", Arial, Sans-serif;
	text-align: center;
	color: #333333;
	margin: 0 auto;
	padding: 0;
	}
	
#pagewrapper {
	margin: 0 auto;
	padding: 0 0 0 0;
	width: 960px;
	text-align: left;
	}	

#page {
  float: left;
	padding: 0;
	margin: 25px 0 25px 0;
	width: 960px;
	background: #FFF url(../images/mainbg.gif) top left repeat-y;
	}	

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

#header {
	float: left;
	width: 860px;
	height: 100px;
	background: transparent url(../images/top.jpg) left top no-repeat;
}

#language {
	float: right;
	width: 100px;
	height: 100px;
	margin: 0;
	padding: 0;
	background: transparent url(../images/top.jpg) right top no-repeat;
}

#language ul {
	list-style-type: none;
	margin: 0;
	padding: 22px 0 0 8px;
}

#language ul li {
	display: inline;
	margin: 0;
	padding: 0;
}

#language ul li a,
#language ul li a:hover,
#language ul li a:active {
	display: block;
	margin: 0;
	padding: 0;
	width: 27px;
	height: 18px;
	float: left;
}

#language ul a.sk {
	background: transparent url(../images/flag-sk.gif) left center no-repeat;
}

#language ul a.en,
#language ul a.en:hover,
#language ul a.en:active {
	background: transparent url(../images/flag-en.gif) left center no-repeat;
	margin-left: 10px;
}

#language span {
	display: none;
}

#header h1 {
  margin: 0;
  padding: 0;
}

#header a {
  width: 860px;
  height: 100px;
  display: block;
}

#header h1 span {
  display: none;
}
  
#header-top {
  clear: both;
  height: 30px;
  /* background: #FFF url(../images/topmenu.jpg) top left no-repeat; */
  text-align: right;
  }

#header-top div { 
  float: right; 
  width: 650px; 
  padding: 4px 10px 0 0;
  text-align: right; 
  }

#header-top div a {
	display: block;
	float: left;
	padding: 0 10px;
	color: #333333;
}  

#menuwrap {
  float: left;
  width: 225px;
  margin: 0;
  padding: 0;
  border: 0;
  }

#search { height: 45px; background: transparent url(../images/searchbg.jpg) top left no-repeat; }
#search fieldset {margin: 0; padding: 0; border: none;}
#search .searchbox { margin: 13px 0px 0px 60px; border: 0px;}

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

#menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  }
  
#menu ul li a, 
#menu ul li a:hover,
#menu ul li a:active {
  display: block;
  padding: 5px 0px 5px 10px;
  margin: 0px 0px 5px 0px; /* riadkovanie */
  border: 1px solid #ccc;
  border-width: 1px 0;
  color: #E22024;
  font-weight: bold;
  text-decoration: none;
  }

#menu ul li.first a, 
#menu ul li.first a:hover,
#menu ul li.first a:active {
  display: block;
  padding: 5px 0px 5px 10px;
  margin: 0px 0px 0px 0px; /* riadkovanie */
  border: 1px solid #ccc;
  border-width: 1px 0 0 0;
  color: #E22024;
  font-weight: bold;
  text-decoration: none;
  }
  
#menu ul li ul li a,
#menu ul li ul li a:hover,
#menu ul li ul li a:active {
  display: block;
  padding: 0px 0px 5px 10px;
  margin: 0px 0px 0px 0px;  /* riadkovanie */
  border: none;
  height: 18px;
  color: #999;
  font-weight: bold;
  }
  
#menu ul li ul li a:hover {
  text-decoration: underline;
  color: #333333;
  }  

/*
#menu ul li a.active {
	border-color: #3C87E2;
}
*/  

#contentwrap,
#contentwrapbig {
  float: left;
  width: 566px;
	margin: 0;
	padding: 0;
	}

#contentwrapbig { width: 733px }
	
#content {
  margin: 0;
	padding: 0 25px 25px 25px;
	}	

#content p { 
	margin: 15px 0;
	font-size: 100%;
}	
	
#content h1 { 
	margin: 15px 0;
	font-size: 170%;
	font-weight: bold;
	color: #000;
}

#content h2 { 
	margin: 15px 0;
	font-size: 140%;
	font-weight: bold;
	color: #000;
}	

#content h3 { 
	margin: 15px 0;
	font-size: 110%;
	font-weight: bold;
	color: #000;
}	

#content ul, 
#content ol
 {
	font-size: 100%;
	list-style-position: inside;
	margin:5px 20px;
	padding: 0px;
}

#content ul li,
#content ol li {
	margin:0;
	padding: 0px;
	}

#contentwrapright {
  float: right;
  width: 167px;
	margin: 0;
	padding: 0;
	}
	
#contentright {
   margin: 0;
	padding: 10px;
	text-align: center;
	}		

#contentright p { 
	margin: 15px 0;
	font-size: 100%;
}

#contentright img.link {
	border: 1px solid #3C87E2;
}

#contentright .banner {
  margin: 0;
  padding: 5px;
  background: #FFFFFF;
  border-top: 2px solid #FF6600;
  border-right: 2px solid #00CC00;
  border-bottom: 2px solid #3399CC;
  border-left: 2px solid Yellow;
  text-align: center;
}

#contentright .banner a {
  font-size: 11px;
  /*text-decoration: blink;*/
}

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

#content h2 a,
#content h2.out {
	color: #3C87E2;
	margin: 10px 0 5px 0;
	border: 0;
}

#navlink {
  padding: 15px 0;
  }  
  
#content div.calendar-date {
	color: #E22024;
	font-weight: bold;
	margin: 15px 0; 
}

#content div.calendar-title {
	font-size: 100%;
	font-weight: bold;
	color: #3C87E2;
}

#content div.event-date {
	color: #E22024;
}

#content div.event-title {
	font-size: 100%;
	font-weight: bold;
	color: #3C87E2;
}

#content h2 span {
  font-size: 100%;
  color: #999;
  }  

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

#footer {
  clear: both;
	width: 960px;
	padding: 15px 0 15px 0;
	color: #999999;
	text-align: center;
	font-size: 12px;
	background: #FFF9E9;
	border-top: 1px solid #CCCCCC;
  }  

#footer img, p {
  margin: 0 0 0 50px;
  }

#footer a,
#footer a:active {
  color: #999999;
  font-weight: normal;
  text-decoration: none;
  }
  
#footer a:hover {
  color: #333333;
  text-decoration: underline;
  }
	
.right {
  text-align: right;
  }

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: bold;
	text-decoration: none;
}

a:hover, a:hover.classic {
	text-decoration: underline;
}	
	
img { border: 0; }


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

#articlecontent ul,
#articlecontent ol {
	margin:5px 20px;
	padding: 0px;
	}

#articlecontent ul li,
#articlecontent ol li {
	margin:0;
	padding: 0px;
	}

#articlesource {
	text-align: right;
	}  

.article  {
	padding: 0 0 20px 0;
	font-size: 100%;	
}

.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: #CCCCCC;
  top:0; 
  left:0; 
  border:0;
  float: left;
  padding: 5px;
  margin: 2px 10px;
  }

#imagelist a:hover {
 text-decoration:none;
 background-color:#3C87E2;
 color:#333333;
}

#imagelist a img {
  border:0;
  }

#imagelist a:hover {text-decoration:none; background-color:#3C87E2; color:#333333;}
#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;
  }  

.bigdate { text-align: center; font: 900 100% arial; }
.center { text-align: center; }

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

.calendar {
	width: 100%;
	margin: 0;
	padding: 0;
	background: #F4F4F4;
	border: 1px solid #CCCCCC;
	color: #12427A;
	font-size: 12px;
}

.calendar td {
	padding: 2px;
}

.calendar-header {
	padding: 0 0 5px 0;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	border-bottom: 1px solid #CCCCCC;
	color: #12427A;
}

.spacer { height: 30px; }

#table-projekty { width: 100%; font-size: 75%; background-color: #FFF9E9; border: 1px #000 solid; border-collapse: collapse;  }
#table-projekty tr td { border-bottom: 1px solid #69C; border-left: 1px solid #69C; padding: 3px;}
#table-projekty tr th { border-bottom: 1px solid #000; border-left: 1px solid #000; padding: 3px; background-color:#999;color:#FFF;}
#table-projekty tr td input { width: 85px }

/* SUTAZ MAS */
.fotoslide div { float: left; border: 1px solid #EEE; margin: 10px; padding:5px; background-color: #FFF; }
.fotoslide div span { font-size: 80%; padding-left: 10px; }
.magnify { cursor: url(../images/magnify.cur), -moz-zoom-in; }
.firstslide img { border: 1px solid #EEE; margin: 10px; padding:5px; background-color: #FFF; }