body,td,th {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #004285;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	
}
.menu 
{ 
padding: 0; 
margin: 0; 
} 

.menu a 
{
	text-decoration: none;
	color: #004285;
	display: block;
	width: 100%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;

} 

.menu ul, .menu li 
{ 
list-style-type: none; 
margin: 0; 
padding: 0 .5em; 
} 

ul.uroven1 li.polozka1 
{ 
float: left; 
position: relative; 
font-weight: bold; 
height: 48px !important; 
line-height: 30px; 
/*background: #fff url('86-1.png') 0 0 repeat-x; */
padding: 0 .0em; 
height: 1em; 
_width: 1px; /* IE */ 
} 

ul.uroven2 
{
	position: absolute;
	line-height: 200%;
	left: 0px;
	top: 48px;
	width: 230px;
	background-image: url(images/menu_1.gif);
	visibility: hidden;
	padding: .1em .1em;
	border-bottom: solid #205aac 1px;
	border-left: solid #205aac 1px;
} 
ul.uroven3 
{
	position: absolute;
	line-height: 200%;
	left: 130px;
	width: 250px;
	background-image: url(images/menu_2.gif);
	visibility: hidden;
	padding: .1em .1em;
	border-bottom: solid #205aac 1px;
	border-left: solid #205aac 1px;
} 
ul.uroven4 
{ 
position: absolute; 
line-height: 150%; 
left: 150px; 
top: 25px; 
width: 170px;
background: #001335;
visibility: hidden; 
padding: .1em .1em; 
border-bottom: solid #205aac 1px; 
border-left: solid #205aac 1px;
} 
ul.uroven2 img 
{ 
/*border: solid #368 2px; */
} 
ul.uroven3 img 
{ 
/*border: solid #368 2px; */
} 
ul.uroven4 img 
{ 
/*border: solid #368 2px; */
} 
ul.uroven2 li.polozka2 a 
{ 
font-weight: normal; 
text-align: left; 
padding: 0 .5em .1em; 
margin: 0 -.5em; 
} 
ul.uroven3 li.polozka3 a 
{ 
font-weight: normal; 
text-align: left; 
padding: 0 .5em .1em; 
margin: 0 -.5em; 
} 
ul.uroven4 li.polozka4 a 
{ 
font-weight: normal; 
text-align: left; 
padding: 0 .5em .1em; 
margin: 0 -.5em; 
}
.menu a:hover 
{ 
text-decoration: none; 
} 
ul.uroven2 li.polozka2 a:hover 
{ 
color: #FFFFFF; 
background: #4284da; 
font-weight: normal; 
} 
ul.uroven3 li.polozka3 a:hover 
{ 
color: #FFFFFF; 
background: #4284da; 
font-weight: bold; 
} 
ul.uroven4 li.polozka4 a:hover 
{ 
color: #FFFFFF; 
background: #205aac; 
font-weight: bold; 
} 
ul.uroven1 li.polozka1 
{ 
behavior: url(hovermenu.htc); 
} 
ul.uroven2 li.polozka2 
{ 
behavior: url(hovermenu.htc); 
}
ul.uroven3 li.polozka3 
{ 
behavior: url(hovermenu.htc); 
}
ul.uroven4 li.polozka4 
{ 
behavior: url(hovermenu.htc); 
}
ul.uroven1 li.polozka1:hover, 
ul.uroven1 li.polozka1Hover 
{ 
/*background: #fff url('86-1.png') 0 -60px repeat-x; */
} 
ul.uroven2 li.polozka2:hover, 
ul.uroven2 li.polozka2Hover 
{ 
/*background: #fff url('86-1.png') 0 -60px repeat-x; */
} 
ul.uroven3 li.polozka3:hover, 
ul.uroven3 li.polozka3Hover 
{ 
/*background: #fff url('86-1.png') 0 -60px repeat-x; */
}
ul.uroven4 li.polozka4:hover, 
ul.uroven4 li.polozka4Hover 
{ 
/*background: #fff url('86-1.png') 0 -60px repeat-x; */
}
ul.uroven1 li.polozka1Hover ul.uroven2, 
ul.uroven1 li.polozka1:hover ul.uroven2 
{ 
visibility: visible; 
}
ul.uroven2 li.polozka2Hover ul.uroven3, 
ul.uroven2 li.polozka2:hover ul.uroven3 
{ 
visibility: visible; 
} 
ul.uroven3 li.polozka4Hover ul.uroven4, 
ul.uroven3 li.polozka4:hover ul.uroven4 
{ 
visibility: visible; 
}
ul.uroven4 li.polozka4Hover ul.uroven4, 
ul.uroven4 li.polozka4:hover ul.uroven4 
{ 
visibility: visible; 
}
.pismo-small 
{
	text-decoration: none;
	color: #004380;
	display: block;
	width: 100%;
	font-family: tahoma;
	font-weight: lighter;
	font-size: 15px;
}	
.pismo-small-2 
{
	font-size: 18px;
	text-decoration: none;
	color: #000000;
	display: block;
	width: 100%;
	font-family: Tahoma;
	font-weight: normal;
}	
a:link {
	color: #004285;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #004285;
}
a:hover {
	text-decoration: underline;
	color: #004285;
}
a:active {
	text-decoration: none;
	color: #004285;
}
.pismo-small-3 {
	text-decoration: none;
	color: #000000;
	display: block;
	width: 100%;
	font-family: tahoma;
	font-weight: lighter;
	font-size: 15px;
}
.pismo-small-4 {
	font-size: 9px;
	text-decoration: none;
	color: #CCCCCC;
	display: block;
	width: 100%;
	font-family: Tahoma;
	font-weight: normal;
}
.pismo-small-5 {
	text-decoration: none;
	color: #004380;
	display: block;
	font-family: tahoma;
	font-weight: lighter;
	font-size: 12px;
	text-align: justify;
}
.pismo-small-6 {
	text-decoration: none;
	color: #333333;
	display: block;
	width: 100%;
	font-family: tahoma;
	font-weight: bold;
	font-size: 15px;
}
.style1 {	color: #FFFFFF;
	font-weight: bold;
}
.style_tucne {
	color: #21377B;
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
}
.style_pospisky {	color: #21377B;
	font-family: Tahoma;
	font-size: 12px;
}
.style_tucne1 {	color: #21377B;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
}
#triggers {
	margin-top:10px;
	text-align:center;
}

#triggers img {
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	margin:2px 5px;
	cursor:pointer;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion {
	background:#FFFFFF url(/img/global/gradient/h150.png) repeat scroll 0;
	height:80px;
	padding:10px 0 10px 20px;
	width:560px;
	border:1px solid #ddd;
}

/* accordion header */
#accordion img {
	float:left;
	margin-right:10px;
	cursor:pointer;
	opacity:0.5;
	filter: alpha(opacity=50);
}

/* currently active header */
#accordion img.current {
	cursor:default;
	opacity:1;
	filter: alpha(opacity=100);
}

/* 
	accordion pane. should initially have zero width and display:none.
	the first pane should override these with inline style
*/
#accordion div {
	width:0px;
	float:left;	
	display:none;		
	margin-right:10px;
}

/* content inside a pane should have fixed width */
#accordion div h3 {
	color:#444;
	margin:0 0 -10px 0;
	width:190px;
	font-size:15px;	
}
	
#accordion div p {	
	font-size:11px;
	width:190px;
}
.style3 {
	color: #24466C;
	font-family: Tahoma;
	font-size: 14px;
	font-weight: lighter;
}
.highlight {background-color:#FF9D9D;border-bottom:#F30 1px solid;border-top:#F30 1px solid;padding: 4px 10px}

/***** Main Layout ****/
#container {
  	width: 100%;
  	height: 100%;
  	text-align: center;/* IE fix to center the page */
}

#content {
  	width: 200px;
  	margin: 0 auto;/* center the page in Firefox */
  	text-align: left;
	padding: 20px;
}