/* CSS Document */

.arrowlistmenu{
width: 171px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
width: 171px;
font: bold 10px Verdana;
text-decoration:none;
color: white;
background: #000000 url(../images/glossyback.gif) repeat-x bottom left;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
/*padding: 4px 0 4px 5px; header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;

}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
background: #f5f5f5 !important;
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: #791417  !important;
color: #ffffff;
}

.arrowlistmenu ul li a{
color: #000000;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding-left: 5px; /*link text is indented 19px*/
text-decoration: none;
font:10px Verdana;
border-bottom: 1px solid #dadada;
}

.arrowlistmenu ul li a:visited{
color: #000000;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
background-color: #F3F3F3;
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: lightblue;
}
a.menuitem{
background: #000000 url(../images/glossyback.gif) repeat-x bottom left;
font: bold 10px  Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}
a.menuitem:visited{
color: white;
}



a.menuitem:hover{
background-image: url(../images/glossyback2.gif);
}



body {
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
h3 {background: #000000 url(../images/glossyback.gif) repeat-x bottom left; padding-bottom: 5px; padding-top: 5px; margin:0px}
a.h3:hover {background: #000000 url(../images/glossyback2.gif) repeat-x bottom left; padding-bottom: 5px; padding-top: 5px}
.txt {font: normal 11px  Verdana, Helvetica, sans-serif;
color: black;}
.txtnews {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

.bg_tlo {background-image:url(../images/right.jpg); background-position:left top; background-repeat:no-repeat}
.bg_tlo2 {background-image:url(../images/left.jpg); background-position:left top; background-repeat:no-repeat}
#small{position:relative; z-index:100; cursor:pointer}
#big1 {
	position:absolute;
	z-index:1000;
	left: -66px;
	top: -34px;
	visibility: hidden;
}
#big2 {
	position:absolute;
	z-index:1000;
	left: -66px;
	top: -34px;
	visibility: hidden;
}
#big3 {
	position:absolute;
	z-index:1000;
	left: -66px;
	top: -34px;
	visibility: hidden;
}
#big4 {
	position:absolute;
	z-index:1000;
	left: -66px;
	top: -34px;
	visibility: hidden;
}
#big5 {
	position:absolute;
	z-index:1000;
	left: -66px;
	top: -34px;
	visibility: hidden;
}
#big6 {
	position:absolute;
	z-index:1000;
	left: -66px;
	top: -34px;
	visibility: hidden;
}
#big7 {
	position:absolute;
	z-index:1000;
	left: -66px;
	top: -34px;
	visibility: hidden;
}
#big8 {
	position:absolute;
	z-index:1000;
	left: -66px;
	top: -34px;
	visibility: hidden;
}
#big9 {
	position:absolute;
	z-index:1000;
	left: -66px;
	top: -34px;
	visibility: hidden;
}
#big10 {
	position:absolute;
	z-index:1000;
	left: -66px;
	top: -34px;
	visibility: hidden;
}
#big11 {
	position:absolute;
	z-index:1000;
	left: -66px;
	top: -34px;
	visibility: hidden;
}
#big12 {
	position:absolute;
	z-index:1000;
	left: -66px;
	top: -34px;
	visibility: hidden;
}
.newsletter {width: 100px; border: solid 1px #CC0000;  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color: #CC0000}
.newsletter2 {width: 35px; border: solid 1px #CC0000;  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color: #CC0000}

body {margin:0}
#container {position:relative;
margin:auto;
width:800px;}
#top{width:799px; height: 200px; background-image: url(szablon.jpg);}
#menu {width: 175px;; float:left}
#content {width: 610px;; float:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align:justify}
#footer{width:799px; height: 20px; background-image: url(szablon.jpg); clear:both}
.tt2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-style:italic; font-weight:bold}
.fleft {
	float:left;
margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 0px;}
.fright {float:right;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 0px;
}
#ukryte {position: absolute; width:1px;  height:1px; visibility:hidden; margin-top: -2500px}