@font-face {   
  font-family: "UtulokFont";   
  src: url( /Fonts/Candara.eot ); /* IE */   
  src: local("Candara"), url( /Fonts/Candara.ttf ) format("truetype"); /* non-IE */   
  [font-weight: normal];
  [font-style: normal];
}

body {
	font-family: UtulokFont, Tahoma, Verdana, Arial;
	font-size: 11pt; 
	text-align: left; 
	vertical-align: top; 
	color: rgb(19, 45, 77); 
	margin-top: 0pt;
	margin-left: 10pt;
	margin-right: 10pt;
	margin-bottom: 5pt;
	scrollbar-face-color: rgb(198, 217, 241);
	scrollbar-shadow-color: rgb(19, 45, 77); 
	scrollbar-highlight-color: rgb(19, 45, 77); 
	scrollbar-3dlight-color: white;
	scrollbar-darkshadow-color: white;
	scrollbar-track-color: white;
	scrollbar-arrow-color: rgb(19, 45, 77); 
	background-image: url(images/background.png);
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-color: rgb(240, 240, 240);
} 

.h1 {
	font-family: UtulokFont, Tahoma, Verdana, Arial;
	font-size: 13pt; 
	color: rgb(132, 90, 13); 
	font-weight: bold;
	text-align: center; 
}

.h2 {
	font-family : UtulokFont, Tahoma, Verdana, Arial;
	font-size : 11pt; 
	text-align : justify; 
}

td {
	font-family: UtulokFont, Tahoma, Verdana, Arial;
	font-size: 11pt; 
} 

input {
	font-family: UtulokFont, Tahoma, Verdana, Arial;
	font-size: 11pt; 
	color: rgb(19, 45, 77);
} 

textarea {
	font-family: UtulokFont, Tahoma, Verdana, Arial;
	font-size: 11pt; 
	color: rgb(19, 45, 77);
} 

select {
	font-family: UtulokFont, Tahoma, Verdana, Arial;
	font-size: 11pt; 
	color: rgb(19, 45, 77);
} 

a:hover {
	color: rgb(19, 45, 77); 
	background-color: rgb(250, 250, 250);
	text-decoration: underline;
} 
a:visited {
	color: rgb(19, 45, 77); 
	text-decoration: underline;
} 
a:active {
	color: rgb(19, 45, 77); 
	text-decoration: underline;
} 
a:link {
	color: rgb(19, 45, 77); 
	text-decoration: underline;
} 

ul li {
	list-style-image: url("images/bullet.png");
	vertical-align: middle; 
	text-align: left; 
} 

hr {
	height: 5px;
	background-color: white;
	color: white; 
	border: 1px solid white; 
  width: 95%;
}

.td_menu {
	background-color: rgb(46, 110, 188); 
	padding: 0px;
}

.td_hlavna {
	background-color: rgb(198, 217, 241); 
	padding: 5px;
	vertical-align: top; 
	height: 500px;
	width: 878px;
}

td.strankovanie {
	background-color: rgb(46, 110, 188);
	border: 1px solid white;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center; 
	vertical-align: middle; 
	width: 100px;
	height: 22px; 
}

td.strankovanie a:link {color: rgb(255, 205, 0); text-decoration: none}
td.strankovanie a:hover {color: rgb(255, 205, 0); text-decoration: none; font-weight: bold; background-color: rgb(46, 110, 188)} 
td.strankovanie a:visited {color: rgb(255, 205, 0); text-decoration: none} 
td.strankovanie a:active {color: rgb(255, 205, 0); text-decoration: none} 

td.head { /* hlavicka tabulky */
  background-color: rgb(46, 110, 188);
  border: 1px solid white;
  color: rgb(255, 205, 0);
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-weight: bold;
  height: 22px; 
}

td.text { /* text tabulky */
  background-color: white; 
  border: 1px solid rgb(85, 142, 213);
  padding: 4px;
  height: 22px; 
}

td.obrazok { /* obrazok v tabulke */
  background-color: white;
  border: 1px solid rgb(85, 142, 213);
  padding: 2px;
  text-align: center; 
  vertical-align: middle; 
}

td.form { /* bunka v ktorej je element */
  background-color: rgb(198, 217, 241); 
  border: 1px solid rgb(46, 110, 188); 
  padding: 1px;
  vertical-align: middle; 
  height: 22px; 
}

input.form { /* element input */
	border: 1px solid white;
	color: rgb(19, 45, 77); 
	background-color: white;
	height: 20px; 
	vertical-align: middle; 
}

textarea.form { /* element textarea */
	border: 1px solid white;
	color: rgb(19, 45, 77);
	background-color: white;
	vertical-align: middle; 
}

.td_help {
	background-color: rgb(222, 250, 222); 
	font-family: UtulokFont, Tahoma, Verdana, Arial;
	font-size: 10pt; 
	text-align: left; 
	vertical-align: middle; 
	border: 1px solid green; 
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.td_help1 {
	background-color: rgb(255, 222, 222); 
	font-family: UtulokFont, Tahoma, Verdana, Arial;
	font-weight: bold;
	color: red;
	font-size: 10pt; 
	text-align: left; 
	vertical-align: middle; 
	border: 1px solid red; 
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.td_nadpis {
	background-color: rgb(46, 110, 188);
	border-top: 4px solid white;
	border-bottom: 4px solid white;
	text-align: center; 
	vertical-align: middle; 
	font-family: UtulokFont, Tahoma, Verdana, Arial;
	font-size: 13pt; 
	font-weight: bold;
	color: rgb(255, 204, 0);
	padding: 2px 8px 2px 8px;
}

fieldset{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	-moz-border-radius:5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

legend {
	font-family: UtulokFont, Tahoma, Verdana, Arial;
	color: rgb(19, 45, 77);
	font-size: 11pt;
	font-weight: bold; 
	text-align: center;
	padding-left: 5px;
	padding-right: 7px;
	padding-top: 0px;
	padding-bottom: 2px;
}

table.menu a {
			border: none; 
			display: block;
}

div.menu	a{
			color: white;
			background: rgb(46, 110, 188); 
			text-decoration: none;
			font-size: 10pt;
			padding: 6px 25px 1px 25px;
			text-align: center;
			font-family: UtulokFont, Tahoma, Verdana, Arial;
}	

div.menu	a:link {color: rgb(255, 255, 255); font-weight: bold; text-decoration: none; background: rgb(46, 110, 188)}
div.menu	a:active {color: rgb(255, 255, 255); font-weight: bold; text-decoration: none; background: rgb(46, 110, 188)}
div.menu	a:visited {color: rgb(255, 255, 255); font-weight: bold; text-decoration: none; background: rgb(46, 110, 188)}
div.menu	a:hover {color: rgb(255, 204, 0); font-weight: bold; text-decoration: none; background: rgb(85, 142, 213)}

button {
  border:0;
  cursor:pointer;
  padding:0 12px 0 0;
  text-align:center;
  float: center;
  width: auto;
  overflow:visible;
}

button span {
  position:relative;
  display:block;
  white-space:nowrap;
  padding:0 0 0 10px;
  margin-top: 0px;
}

button.submitBtn {
  background: url(images/button_right.gif) right no-repeat;
  font-size: 11pt;
}

button.submitBtn span {
  height:27px;
  line-height:27px;
  background: url(images/button_left.gif) left no-repeat;
	font-family : UtulokFont, Tahoma, Verdana, Arial;
	color: rgb(19, 45, 77);
}

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button.submitBtn:hover {
  background: url(images/button_right2.gif) right no-repeat;
  font-size: 11pt;
}
	
button.submitBtn:hover span {
  height:27px;
  line-height:27px;
  background: url(images/button_left2.gif) left no-repeat;
	font-family : UtulokFont, Tahoma, Verdana, Arial;
	color: rgb(19, 45, 77);
}

.hotspot {
  font-family: UtulokFont, Tahoma, Verdana, Arial;
  font-size: 11pt;
  cursor:pointer
}

#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}