body {
/* Always use margin:  0;  padding:  0; as margin controls for your page itself.  Setting both to 0 ensures that your page will spread to the outer edges of the browser window. */
font: 12px Arial, Helvetica, sans-serif;text-align:left;color:#000000;
background:none no-repeat scroll left 256px #FFFFFF;
padding:0px;margin:0px;
}
form, div, h1, h2, h3, h4, h5, h6, ul, ol, li, p{margin:0px;padding:0px;}
img {border: none;}
.clear {clear:both; font-size:0px;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
.skryty{display:none;}
.right{text-align:right;}
a {color: #7c0c05;text-decoration:underline;}
a:hover {text-decoration:none;color: #656363;}
.reader {position: absolute;top: -10000px;left: 0px;width: 1px;height: 1px;overflow: hidden;}
.textGrey {color:#666666;}

a.more {padding-right:20px; background:url(../img/more.gif) 100% 50% no-repeat;}
a.more:hover {background:url(../img/moreActive.gif) 100% 50% no-repeat;}

h1{font-size:18px;color:#7c0c05; padding:10px 0px 5px 0px;height:18px; line-height:18px; font-weight:normal; text-transform:uppercase;}
h2{font-size:14px;padding:0px 0px 5px 0px;color:#555555; font-weight:normal; text-transform:uppercase;}
h3{font-size:13px;padding:10px 0px 0px 0px;}
h4{font-size:12px;color:#7c0c05;padding:5px 0px 5px 0px; font-weight:normal; line-height:1.4em;}
h5{font-size:11px;padding:5px 0px 0px 0px;line-height:1.4em;color:#0C4A97; font-weight:normal; font-weight:bold; text-transform:uppercase; }
h5 span{color:#888888; font-size:12px; font-style:normal; font-weight:bold;}
p{line-height:1.4em; padding: 5px 0px 5px 0px;color:#4B4B4B; font-size:small;}

#bodywrapper {
/* replace margin-top value with the height of your header. */
  margin:  0;
  padding: 0;
/* Replace width value with your choice of layout width. */
	width:  1000px;
/*  Background of the left side menu.  Replace the URL and the background color (#FFFFFF) with your choices for each.)  */
	color:  #000000;
background:none repeat-y scroll 10px 0 transparent;
}

#kontakt {
background:none repeat scroll 0 0 #FFFFFF;
height:112px;
opacity:0.9;
filter:alpha(opacity=90);
position:absolute;
right:0;
top:0;
width:230px;
}

#kontakt p{
color:#000000;
font-weight:bold;
margin:10px 20px;
text-align:right;
}
#contentarea {
 /* replace this value with the width of your left column */
	margin:  0;
	padding:  0;
	float:  left;
	height:  1%;  /* IE hack due to a bug handling float:  right. */
	width:  1000px;
}
#contentarea[id] {
/* Put in place for Firefox, and any browser that will render this section correctly.  IE has a bug involving float:  none. */
	float:  none;
	margin-left:  0px;
  _margin-top:  220px;
}
#undernews {
float:left;
height:176px;
left:493px;
border:1px solid black;
}
#contentarea ol{margin:.2em 0 .2em 1em;padding:.2em 0 .2em 1em; color:#4B4B4B; }
#contentarea ol li{margin:.2em 0 .1em 0;padding:.2em 0 .1em 0;}
#contentarea ul{margin:.2em 0 .2em 0px;padding:.2em 0 .2em 0; color:#4B4B4B; list-style-position:inside; }
#contentarea ul li{margin:.2em 0 .1em 0;padding:.2em 0 .1em 17px;background: #FFFFFF url(../img/moreActive.gif)  0px 7px no-repeat; font-size: small;}


#leftcolumn {
	float:  left;
	width:  200px;
  padding: 0 15px 0 15px;
  margin: 5px;
}

#topwrapper {margin:0 auto;
position:relative;
width:1000px;}

#rightcolumncontent {
color:#000000;
margin:0 0 0 685px;
min-height:300px;
padding:145px 5px 0 15px;
width:290px;
}

#leftcolumncontent {
	color:  #000000;
	margin:  0 0px 0 0;
	padding:0 20px 0 15px;
/* Replace width with the width of your left column. */
  width: 650px;
  float:left;
  clear: both;
}
#leftcolumn h2 {font-size:18px;padding:0px 0px 0px 0px;color:#7D838C; height:65px; line-height:65px; font-weight:normal;}
#leftcolumn h3 {color:#DF040B; text-transform:uppercase;}
#leftcolumn hr { background: #ffffff url(../img/bgCol1Hr.gif) center center no-repeat;width:200px; height:1px; border:none;padding:0px; margin:5px 0px 5px 0px; clear:both;}


#header {
background:url("../img/top_head.jpg") no-repeat scroll left top #F2F2F2;
color:#000000;
height:259px;
left:0;
overflow:hidden;
top:0;
width:1000px;
}

#news {
  width: 255px;
  height: 280px;
  background:  url(../img/news_back.jpg) top left no-repeat #FFFFFF;
  padding: 15px 10px 20px 60px;
  z-index: 10;
  position:absolute;
  top: 112px;
  left: 677px;
}

#news h3 {
  color: #7c0c05;
  font-size: 24px;
}

#news p, #news h4, #news hr {
  margin-left: 40px;
}
/* ========= Top logo ========= */
#toplogo{height:133px;width:136px;font-size:1px;background-color:#FFFFFF;left:6px;position:relative;top:6px;}
#toplogo a {color:#0000FF;display:block;height:133px;width:136px;}
#toplogo a span {background:transparent url('/userfiles/image/logo.gif') no-repeat scroll 0 0;height:133px;left:0;position:absolute;top:0;width:136px;z-index:50;}

h1#slogan1 {font-size:28px; line-height:34px; height:34px; margin:0px; padding:0px;padding-top:12px; font-weight:bold;text-transform:none;color:#FFFFFF;}
h2#slogan2 {font-size:14px; line-height:11px; margin:0px; padding:0px;color:#FFFFFF;}

/* ========= Header Menu ========= */
#menuPages{top:52px;left:0px;position:relative;height:36px;width:664px;text-transform:uppercase;}
ul#ulMenuPages, ul#ulMenuPages ul, ul#ulMenuPages ul li ul{font-family:Arial, Helvetica, sans-serif;list-style:none;font-size:12px; z-index:50; }
ul#ulMenuPages li{float:left;margin:0px;padding-top:5px;z-index:50; height:35px; text-align:center;width:132px;}
/* ul#ulMenuPages li a:hover, {padding-top:0px; } */
ul#ulMenuPages li a{color:#000000;display:block;font-weight:bold;width:auto;margin:0px;padding:0px;text-decoration:none; line-height:42px; height:40px;background:url(../img/bgMenu.gif) 0px -36px no-repeat;}
ul#ulMenuPages li.active a {color:#ffffff;}
#ulMenuPages li a:hover, #ulMenuPages li a.active{color:#ffffff; background:url(../img/bgMenu.gif) 0px 0px no-repeat; line-height:36px;}

#SubmenuPages{background:url("../img/bgSubMenu.jpg") repeat-x scroll 0 0 #BDE56F;
height:35px;
left:0;
position:relative;
text-transform:uppercase;
top:49px;
width:688px;
z-index:60;
}
ul#ulSubMenuPages, ul#ulSubMenuPages ul, ul#ulSubMenuPages ul li ul{font-family:Arial, Helvetica, sans-serif;list-style:none;font-size:9px; z-index:50;}
ul#ulSubMenuPages li{float:left;z-index:50; height:35px; text-align:center;}
ul#ulSubMenuPages li:hover, ul#ulSubMenuPages li.active{padding-top:0px;height:38px; }
ul#ulSubMenuPages li a{color:#202710;display:block;font-weight:bold;width:auto;margin-top:3px;padding:0px 10px 0px 10px;text-decoration:none; line-height:26px; height:26px; border-right:1px solid #202710;}
ul#ulSubMenuPages li.last a{border:0px solid #202710;}
ul#ulSubMenuPages li.active a {color:#ffffff;}
#ulSubMenuPages a:hover, #ulSubMenuPages a.active{color:#ffffff;}

#greenBottom {
  width: 960px;
  height: 209px;
  background:url(../img/bgGreenBottom.jpg) 0px 0px repeat-x transparent;
  padding: 70px 40px 0 0px;
}

/*#greenBottom img {
  float:left;
  top: -20px;
  position: relative;
}*/

#greenText {
  width: 983px;
  background:url(../img/bgGreenTxt.jpg) 0px 0px repeat-y transparent;
  height: 80px;
  padding: 0px 0px 0 20px;
}

#greenText p {padding:0px; margin:0px;font-size: 12px;color:#000000;line-height:14px;}
#green1, #green2, #green3 {
  width: 310px;
  float: left;
  margin-right:16px;
}

#green3 {
  width: 310px;
  margin-right:0px;
}

#green1 img, #green2 img, #green3 img {
  float: left;
  margin-right:4px;
}

#wframe {
  width: 1000px;
  height: 78px;
  background:url(../img/wframe.gif) 0px 0px no-repeat transparent;
  padding: 30px 0 0 120px;
}

#footer {
	clear:  both;
	margin: 0px;
	padding:  0;
	width:  1000px;
	height:  80px;
	background-color: #e03507;
  text-align:center;
}

#footer p#footermenu a{color:#ffffff;width: 120px; margin-top:3px;text-decoration:none; line-height:16px; height:16px; border-right:1px solid #202710; display:inline-table;text-align:center;}
#footer p a{color:#ffffff}

#footer p {color:#ffffff;}

#footer p#footermenu a.last{border:0px solid #202710;}
#footer p#footermenu a:hover {color:#ffffff;}

/* ====== table - menu =========*/
.categoryTable tr{behavior:  url("/js/hover.htc");}
.categoryTable tr:hover, .categoryTable tr.hover{background-color:#E8F1FB;}
.categoryTable img{border:none;}
.contentTable .level0{font-weight:bold;}
.contentTable .level1{padding-left: 20px;}
.contentTable .level2{padding-left: 40px;}
.contentTable .level3{padding-left: 60px;}
.contentTable .level4{padding-left: 80px;}
.contentTable .level5{padding-left: 100px;}
/* ==== content pagination ==== */

.bluetext {color:#000099;}
.redtext {color:#990000;}
.greenback {background-color:#b0d1a5;}
.silverback {background-color:#d7dbde;}
.blueback {background-color:#9abecc;}
.strong {font-weight:bold;}
th {text-align:center;}

.w10px {width:10px;}
.w15px {width:15px;}
.w20px {width:20px;}
.w30px {width:30px;}
.w40px {width:40px;}
.w45px {width:45px;}
.w50px {width:50px;}
.w55px {width:55px;}
.w60px {width:60px;}
.w70px {width:70px;}
.w75px {width:75px;}
.w80px {width:80px;}
.w90px {width:90px;}
.w100px {width:100px;}

.w120px {width:120px;}
.w122px {width:122px;}

.w120px {width:120px;}
.w125px {width:125px;}
.w130px {width:130px;}
.w135px {width:135px;}
.w140px {width:140px;}
.w150px {width:150px;}
.w160px {width:160px;}
.w165px {width:165px;}
.w170px {width:170px;}
.w175px {width:175px;}
.w180px {width:180px;}
.w190px {width:190px;}
.w200px {width:200px;}
.w210px {width:210px;}
.w220px {width:220px;}
.w230px {width:230px;}
.w300px {width:300px;}
.w400px {width:400px;}
.w460px {width:460px;}
.w500px {width:500px;}
.w520px {width:520px;}
.w540px {width:540px;}
.w560px {width:560px;}
.w580px {width:580px;}

.textRight {text-align:right;}
.textJustify {text-align:justify;}
.b1 {border: 1px solid black;}