/*		by shuster 2009		*/
/*		general style		*/

body {
	font: small/1.5 "Arial", "Tahoma", "Helvetica", sans-serif;
	text-align: center;
	color: #000;
	background: #EDEDED url("../gfx/bg-1.png") left top repeat-x;
}
* html body { font-size: x-small; }
* html body td, * html body th { font-size: x-small; }

/* reset all elements but OL, UL */
body, p, h1, h2, h3, h4, h5, img, dl, form, fieldset, legend {
	border:  0px none;
	margin:  0px;
	padding: 0px;
}
ul, ol, dl { padding-top: 0; margin-top: 0; }
dt { font-weight: bold; }

ol.a li { list-style-type: lower-alpha; }
ol.i li { list-style-type: lower-roman; }

p { margin-bottom: 1em; }

hr { width: 100%; margin: 0 0 1em 0; padding: 0; border: 1px dashed; border-color: #FFF #FFF #C4C4C4 #FFF; line-height: 1em; }


/* LAYOUT */
#container { width: 100%; background: #FFF url("../gfx/bg-4.gif") center repeat-y; }
#topgfx-1 { width: 900px; margin: 0 auto; height: 258px; background: #AFD6FD url("../gfx/topgfx-1.jpg") center no-repeat; }
#logo1 { display: block; width: 142px; height: 74px; position: absolute; top: 9px; left: 16px; z-index: 100; }

#langbar { margin: 0; padding: 0; }
#langbar li {
	list-style-type: none;
	padding: 2px 0 0 0;
	margin: 0;
	display: block;
	float: right;	/* flags dispalyed in reverse order */
}
#langbar li a {
	display: block;
	width: 20px;
	line-height: 14px;
	margin-right: 4px;
	text-decoration: none;
	border: 1px solid #FFF;
}
#langbar .en a { background: url("../gfx/flag-en.png") center no-repeat; }
#langbar .sk a { background: url("../gfx/flag-sk.png") center no-repeat; }
#langbar li a span { visibility: hidden; }
#langbar a:hover, #langbar a:focus { border: 1px solid #FFCC00; }

#topbar1 { width: 100%; text-align: center; background: #0054A5; color: #A8C5E0; font-size: 12px; }
#topbar2a { width: 900px; margin: 0 auto; height: 20px; line-height: 20px; background: #0054A5; }
#topbar2b { padding: 0 1em; text-align: left; }
#topbar2b .a { float: left; }
#topbar2b .b { float: right; margin-right: 1em; }
#topbar3 { width: 100%; background: #EDEDED url("../gfx/bg-1.png") top left repeat-x; table-layout: fixed;  }
#topbar3 .l { background: #EDEDED url("../gfx/bg-2a.jpg") top right no-repeat; }
#topbar3 .r { background: #EDEDED url("../gfx/bg-2b.jpg") top left no-repeat; }
#topbar3 .c { width: 900px; }

#topbar4 { width: 100%; background: url("../gfx/bg-5.gif") top left repeat-x; }
#topbar5 { width: 100%; background: url("../gfx/bg-5a.png") top center no-repeat;  }
#topbar6 { width: 900px; height: 95px; margin: 0 auto; position: relative; background: url("../gfx/bg-6.png") top center no-repeat; }
#topbar7 { height: 61px; /* fills gap for mozillas */ }

#topbar8 { width: 900px; height: 40px; margin: 0 auto; background: #EBEBEB url("../gfx/bg-7.gif") top left repeat-x; }
#topbar8a { width: 2px; height: 40px; background: #EBEBEB url("../gfx/bg-7a.gif") top right no-repeat; float: right; }
#topbar9a { width: 2px; height: 40px; background: #EBEBEB url("../gfx/bg-8a.gif") top left no-repeat; float: left; }
#topbar9b { height: 40px; line-height: 40px; background: #F4F4F4 url("../gfx/bg-8.gif") top left repeat-x; float: left; max-width: 640px; overflow: hidden; }
#topbar9c { width: 2px; height: 40px; background: #EBEBEB url("../gfx/bg-8b.gif") top right no-repeat; float: left; }

#footer1 { width: 900px; height: 67px; margin: 0 auto; font-size: 12px; background: #0053A5 url("../gfx/footerbg1.gif") top left repeat-x; }
#footer1 .a { float: left; width: 4px; height: 67px; background: url("../gfx/footerbg1a.gif") top left no-repeat; }
#footer1 .b { float: right; width: 4px; height: 67px; background: url("../gfx/footerbg1b.gif") top right no-repeat; }
#footer1 .c { margin: 0 24px; padding: 1em 0; color: #FFF; }
#footer1 .c .l { float: left; text-align: left; }
#footer1 .c .r { float: right; text-align: right; }

#tl1 { width: 100%; height: 2px; line-height: 2px; border: 0; background: #9CB5CD; }	/* top blue thin line */
#marquee-1 { margin: 0 auto; line-height: 16px; width: 900px; background: #FFF; }


/*********** TOP MENU ***********/
#menubar-1 { width: 100%; height: 33px; background: url("../gfx/menubar-1.png") top right no-repeat; }

#menu-1 {
	/*
	height: ??;
	Since we are floating all LIs, then you need to set height in the make-up part, if you want to place some background on the menu
	*/
	display: block;
}

#menu-1 ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
}

#menu-1 li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
	position: relative;
}

#menu-1 a {
	display: block;
}

* html #menu-1 li a {
	position: relative; /* Fix IE6's inability to expand clickable area */
}

#menu-1 li ul {
	visibility: hidden;
	position: absolute;
	z-index: 1000;
}

/* using display is better (no scrollbars when page loads), but IE can't handle it, so only good browsers should see this */
html>body #menu-1 li ul {
	display: none;
}

#menu-1 li li {
	width: 100%;
}

/* fix the position */
#menu-1 li li ul {
	top: 0;
	left: 100%;
}

/* simulate child selector for IE */
div#menu-1 li:hover ul,
#menu-1 li:hover li:hover ul,
#menu-1 li:hover li:hover li:hover ul,
div#menu-1 li:focus ul,
#menu-1 li:focus li:focus ul,
#menu-1 li:focus li:focus li:focus ul {
	visibility: visible;
}
div#menu-1 li:hover li ul,
#menu-1 li:hover li:hover li ul,
#menu-1 li:hover li:hover li:hover li ul,
div#menu-1 li:focus li ul,
#menu-1 li:focus li:focus li ul,
#menu-1 li:focus li:focus li:focus li ul {
	visibility: hidden;
}

/* do the normal show, with increased specificity, for good browsers */
#menu-1 ul.menulist li:hover>ul,
#menu-1 ul.menulist li:focus>ul {
	display: block;
	visibility: visible;
}


/*		------   Make-up	--------			*/
#menu-1 { margin-left: 192px; width: 698px; position: relative; z-index: 1000; }
#menu-1 li {
	display: block;
	line-height: 33px;
	height: 33px;
	font-size: 12px;
	font-weight: normal;
	background: url("../gfx/divider-1.gif") top left no-repeat;
}
#menu-1 li.first-child { background: transparent; }
/*#menu-1 li.first-child a, #menu-1 li.first-child a:hover span { color: #0054A5; }*/

#menu-1 li a { padding: 0 8px; color: #000080; text-decoration: none; }
#menu-1 li a:hover, #menu-1 li a:focus { color: #F00; text-decoration: underline; }
#menu-1 li a:hover span, #menu-1 li a:focus span { color: #000080; }

#menu-1 ul ul a {
	display: block;
	height: 100%;
	text-decoration: none;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left: 9px;
	padding-right: 9px;
	text-align: left;
	color: #000;
}
#menu-1 ul ul a:hover { color: #000; text-decoration: none; }

#menu-1 ul ul li {
	margin: 1px;
	padding: 0;
	height: 2em;
	line-height: 2em;
	height: auto;
	line-height: auto;
	background: transparent;
}
#menu-1 ul ul li:hover, #menu-1 ul ul li:focus {
	background-color: #DADAFF;
}

#menu-1 li li {
	width: 185px;	/* 	we can't use 100% because LIs have margin and padding (although latter is more important) */
}

#menu-1 li ul {
	background-color: #F2F2FF;
	border: 1px solid #A3BCF1;
	width: 190px;
}
#menu-1 li ul li ul {
	margin-top: 3px;
	margin-left: 0px;
}
#menu-1 li ul a.sub {
	background: url("../gfx/arrow3.gif") no-repeat right center;
}
.menulist {
	position: absolute;
	top: 0;
	left: 0;
}

/*		------   Specific fixes	(thank to W3C for these) --------			*/
/* 
		I'm gonna move the submenus 5px up
		5px works fine here and it is roughly calculated as:
			padding-bottom + margin-bottom + border-bottom of the LI
			+
			*-top values of the LI
			
		Mostly it needs a bit of trial and error.
		Basic idea is to remove the scrollbar when menu re-positioning is perfomed. Of course, script could take care of that, but that takes too much code - this is easier.
*/
#menu-1 li li ul {
	margin-top: -5px;
}

/*********** TOP MENU END ***********/


#srch_frm-1 { padding: 0; margin: 0; width: 248px; height: 40px; float: right; }
#srch_frm-1 input { border: 0; padding: 0; margin: 0; }
#srch_frm-1 div.im { display: block; float: left; width: 23px; height: 23px; margin-top: 8px; margin-right: 6px; background: url("../gfx/magnifier.gif") center no-repeat; }
#srch_frm-1 div.in { display: block; float: left; width: 176px; height: 22px; margin-top: 8px; background: url("../gfx/sinp-1.png") center no-repeat; }
#srch_frm-1 .itx1 { border: 0; margin: 1px; padding: 1px; line-height: 18px; width: 170px; background: transparent; }
#srch_frm-1 .ibt1 { margin: 0; padding: 0; display: block; float: left; width: 22px; height: 22px; margin-top: 8px; margin-left: 8px; background: url("../gfx/sbut-1.png"); font-size: 0px; color: transparent; }

#main1 { width: 900px; margin: 0 auto; text-align: left; background: url("../gfx/bg-11.jpg") top center repeat-y; }

#main1a { width: 100%; background: url("../gfx/bg-9a.gif") top left repeat-y; }
#main1b { width: 100%; background: url("../gfx/bg-9b.gif") top right repeat-y; }
#main1c {
	margin: 0 190px;
	_margin: 0 182px 0 187px;	/* IE6 kurvafix */
}

#col-a { width: 175px; float: left; }
#col-b { width: 175px; float: right; }

#main_content {
	display: table;
	/*width: 100%;*/ /* IE bug */
}

#bwsnav1, #bwsnav2 { display: table; width: 100%; min-height: 1.5em; /* IE8 kurvafix */ }
#bwsnav1 .bwl, #bwsnav2 .bwl { width: 35%; float: left; }
#bwsnav1 .bwr, #bwsnav2 .bwr { width: 65%; float: right; text-align: right; }
#bwsnav1 a, #bwsnav2 a, #bwsnav1 a:visited, #bwsnav2 a:visited  { color: #000080; text-decoration: none; }
#bwsnav2 .txt { width: 32px; border: 1px solid #000; }
#bwsnav2 .btn { border: 1px solid #000; font-weight: bold; }

.menu-left1, .sblock-left1 { margin-top: .75em; margin-bottom: 1.5em; width: 175px; }
.menu-left1 h3, .sblock-left1 h3 { display: block; width: 100%; height: 34px; background: url("../gfx/menu_left_lblbg1.png") left center no-repeat; line-height: 32px; color: #FFF; font-size: 12px; }
.menu-left1 h3 span, .sblock-left1 h3 span { margin: 0 8px; padding-left: 10px; background: url("../gfx/arrow2.gif") left center no-repeat; }
.menu-left1 ul { margin: 0; padding: 0; list-style-type: none; }
.menu-left1 ul li { background: url("../gfx/menu_left_btnbg1.png") left bottom no-repeat; }
.menu-left1 li a { display: block; width: "100%"; padding: 5px 8px; color: #000; font-size: 12px; text-decoration: none; }

.menu-right1, .sblock-right1 { margin-top: .75em; margin-bottom: 1.5em; width: 175px; }
.menu-right1 h3, .sblock-right1 h3 { display: block; width: 100%; height: 34px; background: url("../gfx/menu_right_lblbg1.png") left center no-repeat; line-height: 32px; color: #FFF; font-size: 12px; }
.menu-right1 h3 span, .sblock-right1 h3 span { margin: 0 8px; padding-left: 10px; background: url("../gfx/arrow2.gif") left center no-repeat; }
.menu-right1 ul { margin: 0; padding: 0; list-style-type: none; }
.menu-right1 ul li { background: url("../gfx/menu_right_btnbg1.png") right bottom no-repeat; }
.menu-right1 li a { display: block; width: "100%"; padding: 5px 8px; color: #000; font-size: 12px; text-decoration: none; }

.sblock-right1 ul { margin: 0; padding: 0; list-style-type: none; }
.sblock-right1 ul li { background: #FFDB80; font-size: 86%; padding: 4px; border-bottom: 1px dotted #C38014; }
.sblock-right1 ul li a, .sblock-right1 ul li a:visited { color: #000; text-decoration: none; }
.sblock-right1 .date { font-weight: bold; margin-right: 6px; }
.sblock-right1 ul li a:hover { color: #008000; text-decoration: underline; }

.menu-left1 li a:hover, .menu-left1 li a:focus, .menu-right1 li a:hover, .menu-right1 li a:focus { color: #F00; text-decoration: underline; }
.menu-left1 li a:hover span, .menu-left1 li a:focus span, .menu-right1 li a:hover span, .menu-right1 li a:focus span, .sblock-right1 li a:hover span { color: #000; }


.invisible { display: none; }

.clr {
	border:  0px none;
	margin:  0px;
	padding: 0px;

	float: none;
	clear: both;

	width: 100%;
	height: 0;
	line-height: 0;
	font-size: 0;
}

.clr2 {
	display: block;
	width: 100%;
	height: 1px;
	line-height: 0;
	float: none;
}

.ctgnav1 { padding: 0 2em 0 2.5em; font-size: 12px; background: url("../gfx/arrow1.gif") 1.5em center no-repeat; white-space: nowrap; }
.ctgnav1 a, .ctgnav1 a:visited { color: #000080; text-decoration: none; }
.ctgnav1 a:hover, .ctgnav1 a:focus { color: #F00; text-decoration: underline; }
.ctgnav1 a:hover span, .ctgnav1 a:focus span { color: #000080; }

a.nav1, a:visited.nav1 { color: #FFF; text-decoration: none; }
a:hover.nav1, a:focus.nav1 { color: #F00; text-decoration: underline; }
a:hover.nav1 span, a:focus.nav1 span { color: #FFF; }

a.nav2, a:visited.nav2 { color: #000080; text-decoration: none; }
a:hover.nav2, a:focus.nav2 { border-bottom: 1px dashed red; }

.xsnazzy { margin-bottom: 1em; }
.xtop, .xbottom { display: block; background: transparent; font-size: 1px; }
.xb1, .xb2, .xb3, .xb4 { display: block; overflow: hidden; }
.xb1, .xb2, .xb3 { height: 1px; }
.xb2, .xb3, .xb4 { background: #EAF0FF; border-left: 1px solid #000080; border-right: 1px solid #000080; }
.xb1 { margin: 0 5px; background: #000080; }
.xb2 { margin: 0 3px; border-width: 0 2px; }
.xb3 { margin: 0 2px; }
.xb4 { height: 2px; margin: 0 1px; }
.xboxcontent { display: block; border: 0 solid #000080; border-width: 0 1px; height: auto; background: #EAF0FF; }
* html .xboxcontent { height: 1px; }
.xboxcontent dt {
	display: block;
	color: #F00;
	font-weight: bold;
	font-size: 100%;
	padding-left: 28px;
	background: url('../gfx/rose-1.png') left top no-repeat;
}
.xboxcontent h3 {
	display: block;
	color: #F00;
	font-weight: bold;
	font-size: 100%;
	padding-left: 28px;
	background: url('../gfx/rose-1.png') left top no-repeat;
}
.xboxcontent a { text-decoration: none; }
.xboxcontent a:hover { text-decoration: underline; }
.xboxcontent a:link span { color: #000080; }
.xboxcontent a:visited span { color: #800080; }
.xboxcontent a { color: #F00; }
.xboxcontent .date { color: #000; margin-right: 6px; }
.xboxcontent .txtblk-1 { background: #F2F2F2; margin-bottom: 4px; }
.xboxcontent .txtblk-2 { background: #F2F2F2; }
.xboxcontent p { margin: 0; padding: 0; font-size: 86%; text-align: justify; }
.xboxcontent dd, .xboxcontent ul { margin: 0; padding: 0; font-size: 86%; }
.xboxcontent ul { list-style: square; }
.xboxcontent li { margin-left: 1.5em; }

.center { text-align: center; margin: 0 auto; }
.bold { font-weight: bold; }
.nobold, .normal { font-weight: normal; }
.nowrap { white-space: nowrap; }

.table { display: table; width: 100%; }

.wrap1 { padding: 0 10px 0 10px; }
.wrap2 { padding: 1px 5px; }
.wrap3 { padding: 4px; }
.wrap4 { padding: 10px; }
.wrap5 { padding: 5px 0; }

.slogan1 { color: #A57600; font-style: italic; font-family: "Times New Roman", Serif; font-weight: normal; font-size: 180%; }

.imgl, img.left { float: left; margin: 10px 10px 10px 0; }
.imgr, img.right { float: right; margin: 10px 0 10px 10px; }

table.tab1, table.tab2, table.tab3 {
	border-spacing: 1px;
	margin-top: 0.5em;
	margin-bottom: 1.5em;
	border-collapse: collapse;
	font-size: 12px;
}

.tab1 th, .tab1 td { empty-cells: show; border: 1px solid #000080; padding: 4px; vertical-align: top; }
.tab1 th { background: #7B8DCE; color: #FFF; vertical-align: top; }
.tab1 .left { text-align: left; }
.tab1 .right { text-align: right; }
.tab1 .odd { background: #F1F6FA; }
.tab1 .even { background: #DEECF7; }

.tab3 th, .tab3 td { empty-cells: show; border: 1px solid #AF0202; padding: 4px; vertical-align: top; }
.tab3 th { background: #CF4242; color: #FFF; vertical-align: top; }
.tab3 .left { text-align: left; }
.tab3 .right { text-align: right; }
.tab3 .odd { background: #FAF1F6; }
.tab3 .even { background: #F9E7F1; }

div.right { text-align: right; }
div.left { text-align: left; }

.inquiry1 { text-align: center; padding: 0 6px; font-size: 11px; }
.inquiry1 table { width: 165px; border-spacing: 0px; border-collapse: collapse; }
.inquiry1 table .right { text-align: right; }
.inquiry1 table .top { vertical-align: top; }

.inquiry1 table th { font-size: 11px; text-align: justify; font-weight: normal; color: #0054A5; padding: 4px 0; }
.inquiry1 table td { font-size: 11px; text-align: left; margin: 0; padding: 4px 0 0 0; }

.inquiry1 td a, .inquiry1 td a:visited { color: #0054A5; text-decoration: none; }
.inquiry1 td a:hover, .inquiry1 td a:focus { color: #0054A5; text-decoration: underline; }
.inquiry1 td a:hover span, .inquiry1 td a:link span, .inquiry1 td a:visited span { color: #000; }

.inquiry1 td.graph {
padding: 0;
height: 14px;
padding-left: 2px;
background: url("../gfx/chartbg1.gif") center no-repeat;
}

.inquiry1 td.graph b {
display: block;
height: 12px;
background: url("../gfx/chartbg2.gif") center left repeat-x;
}


#hb1 { height: 16px; line-height: 16px; }	/* white bottom bar */
#hb2 { height: 12px; line-height: 12px; background: url("../gfx/footerbg2.jpg") center no-repeat; }	/* white bottom bar */

.bannera1 a { display: block; width: 100%; height: auto; margin: .5em auto; text-align: center; }

/* frontpage */
#front h2 { font-size: 150%; color: #A57600; font-weight: normal; padding-bottom: 1em; }
#front h3 { font-size: 120%; color: #000080; }

#front #article { display: table; width: 100%; width: "99%"; }
#front #article .tmb { float: right; margin: 0 0 5px 10px; }
#front #article p.justify { text-align: justify; }
#front .ali { font-size: 86%; margin-right: 6px; }
#front a, #front a:visited { color: #000080; text-decoration: none; }
#front a:hover { color: #F00; text-decoration: underline; }
#front a:hover span { color: #000080; }
#front #article img.topimg, #front #article img.tmb { float: right; margin: 0 0 5px 10px; }