@import 'useful.css';
@import 'content.css';
@import 'editor.css';

/*--ESSENTIAL--------------------------------------------------------------*/

* {
    margin: 0;
    padding: 0;
}

html {
	width: 100%;
	height: 100%;
}

body {
	  font-size: 0.8em;
	  font-family: arial, "Geneva CE", sans-serif;
	  color: #7f7f7f;
	  background: #eaeaea url("../images/page/body_bg.png") 0 0 repeat-x;
	  padding: 0 0 20px 0;
	  behavior:url("/scripts/csshover.htc");
}

/*--LAYOUT----------------------------------------------------------------*/

#page {
	width: 945px;
	margin: 0 auto 0 auto;
	padding: 0 0 14px 0;
	position: relative;
	text-align: left;
	background: url("../images/page/page_bottom.png") 0 bottom no-repeat;
}

#page2 {
	padding: 263px 6px 0 6px;
	background: url("../images/page/page_top.jpg") 0 0 no-repeat;
}

.hp #page2 {
	padding: 263px 6px 0 6px;
	background: url("../images/page/page_top.jpg") 0 0 no-repeat;
}

#content {
	padding-top: 19px;
	width: 933px;
	min-height: 360px;
	_height: 360px;
	background: #fff;
}

#content .leftPart {
	width: 150px;
	_width: 143px;
	float: left;
}

.hp #content .leftPart {
	width: 235px;
	float: left;
}

#content .rightPart {
	width: 587px;
	padding: 12px 196px 0 0 ;
	_padding: 12px 189px 0 0;
	float: right;
}

.hp #content .rightPart {
	width: 475px;
	margin-top: -36px;
	padding: 0 218px 0 0 ;
	/*_padding: 0 194px 0 0 ;*/
	float: right;
}

.hp #rightBanners {
	width: 202px;
	position: absolute;
	right: 12px;
	top: 246px;
}

#rightBanners {
	width: 148px;
	position: absolute;
	right: 26px;
	top: 277px;
}

#rightBanners .banner, #HPrightBanners .banner {
	display: block;
	margin-bottom: 10px;
}

#menu {
	width: 146px;
	padding: 0 !important;
	margin: 0 !important;
	position: relative;
	left: -17px;
}

.hp #menu {
	float: left;
}

#menu li {
	margin: 0;
	padding: 0;
	list-style: none !important;
	background: none;
	background: #fff url("../images/page/menu_item_top.png") 0 0 no-repeat;
	z-index: 1;
}

#menu li a {
	width: 100px;
	padding: 10px 11px 10px 35px;;
	display: block;
	font-size: 1em;
	color: #2d5088;
	text-decoration: none;
	background: url("../images/page/menu_item_bottom.png") 0 bottom no-repeat;
}

#menu li:hover, #menu li.active {
	margin: 0;
	padding: 0;
	list-style: none !important;
	/*background: #fff url("../images/page/menu_item_active_top.png") 0 0 no-repeat;*/
}

/*obrazkove menu*/
#menu li.sekce-novinky {
	background: #fff url("../images/page/submenu/novinky.gif") 0 0 no-repeat;
}
#menu li.sekce-odecty {
	background: #fff url("../images/page/submenu/odecty.gif") 0 0 no-repeat;
}
#menu li.sekce-metrologie {
	background: #fff url("../images/page/submenu/metrologie.gif") 0 0 no-repeat;
}
#menu li.sekce-pohotovostni_sluzba {
	background: #fff url("../images/page/submenu/pohotovostni_sluzba.gif") 0 0 no-repeat;
}
#menu li.sekce-sluzby {
	background: #fff url("../images/page/submenu/sluzby.gif") 0 0 no-repeat;
}

#menu li a span.level1 {visibility: hidden;}

#menu li.sekce-novinky:hover, #menu li.sekce-novinky-active {
	background: #fff url("../images/page/submenu/novinky_over.gif") 0 0 no-repeat;
}
#menu li.sekce-odecty:hover, #menu li.sekce-odecty-active {
	background: #fff url("../images/page/submenu/odecty_over.gif") 0 0 no-repeat !important;
}
#menu li.sekce-metrologie:hover, #menu li.sekce-metrologie-active {
	background: #fff url("../images/page/submenu/metrologie_over.gif") 0 0 no-repeat;
}
#menu li.sekce-pohotovostni_sluzba:hover, #menu li.sekce-pohotovostni_sluzba-active {
	background: #fff url("../images/page/submenu/pohotovostni_sluzba_over.gif") 0 0 no-repeat;
}
#menu li.sekce-sluzby:hover, #menu li.sekce-sluzby-active {
	background: #fff url("../images/page/submenu/sluzby_over.gif") 0 0 no-repeat;
}

#menu li.active {
	/*_height: 32px;*/
	_height: 1px;
}

/* eo obrazkove menu*/

#menu li:hover a, #menu li.active a {
	background: url("../images/page/menu_item_active_bottom.png") 0 bottom no-repeat;
	color: #fff !important;
}

#menu li ul {
	padding: 0 0 5px 0 !important;
	margin: -2px 0 0 0 !important;
	background: #fff url("../images/page/submenu_bottom.gif") 0 bottom no-repeat !important;}

#menu li ul li {
	margin: 0;
	padding: 0;
	list-style: none !important;
	background: none !important;
	background-image: none !important;
}

#menu li ul li.first {
	padding-top: 5px;
    background: #fff url("../images/page/submenu_top.gif") 0 top no-repeat !important;
}

#menu li.active ul li a {
  width: 105px;
	padding: 3px 10px 2px 30px;
	display: block;
	font-size: 1em;
	color: #003777 !important;
	background: none !important;
	text-decoration: none;
	border-right: 1px #f0f0f0 solid;
	background: url("../images/page/arrow_orange.gif") 15px 7px no-repeat !important;
}

#menu li.active ul li a:hover {
    text-decoration: underline;
}

#menu li.active ul li a:hover {
	color: #000;
}

.fakeElementWithBackground1 {
	display:none;
	background: #fff url("../images/page/submenu/novinky_over.gif") 0 0 no-repeat;
}

.fakeElementWithBackground2 {
	display:none;
	background: #fff url("../images/page/submenu/odecty_over.gif") 0 0 no-repeat !important;
}
.fakeElementWithBackground3 {
	display:none;
	background: #fff url("../images/page/submenu/metrologie_over.gif") 0 0 no-repeat;
}
.fakeElementWithBackground4 {
	display:none;
	background: #fff url("../images/page/submenu/pohotovostni_sluzba_over.gif") 0 0 no-repeat;
}
.fakeElementWithBackground5 {
	display:none;
	background: #fff url("../images/page/submenu/sluzby_over.gif") 0 0 no-repeat;
}
.fakeElementWithBackground6 {
	display:none;
	background: url("../images/page/menu_item_active_bottom.png") 0 bottom no-repeat;
}

/*--CONTENT---------------------------------------------------------------*/

.hp #content .rightPart #text{
	padding-top: 222px;
	position: relative;

}

#text {
	font-size: 0.85em;
}

#text ul li {
	font-size: 1em;
}

.description {
	font-size: 0.95em;
}

#omitBox {
	width: 470px;
	height: 202px;
	position: absolute;
	left: 5px;
	top: 0;
	margin-bottom: 20px;
	float: right;
	background: url("../images/page/omit_box.png") 0 0 no-repeat;
}

#omitBox h2 {
	font-size: 1.1em;
	background: none;
	margin-bottom: 15px;
	padding: 7px 0 0 0;
	text-align: center;
	color: #003777;
}

#omitBox ul {
	width: 470px;
}

#omitBox ul li {
	width: 215px;
	float: left;
	margin: 0 0 10px 14px;
	_margin: 0 0 10px 7px;
	padding: 0;
	background: none;
}

#omitBox ul li a {
	width: 153px;
	_width: 153px;
	height: 42px;
	padding: 0 0 0 55px;
	_float: left;
	display: block;
	color: #fff;
	font-size: 1.1em;
	text-decoration: none;
	font-weight: bold;
}

#omitBox ul li a:hover {
	text-decoration: underline;
}

#omitBox ul li.omit1 a {
	background: url("../images/page/omit_ico_1.jpg") 0 0 no-repeat;
}

#omitBox ul li.omit2 a {
	background: url("../images/page/omit_ico_2.jpg") 0 0 no-repeat;
}

#omitBox ul li.omit3 a {
	background: url("../images/page/omit_ico_3.jpg") 0 0 no-repeat;
}

#omitBox ul li.omit4 a {
	background: url("../images/page/omit_ico_4.jpg") 0 0 no-repeat;
}

#omitBox ul li.omit5 a {
	background: url("../images/page/omit_ico_5.jpg") 0 0 no-repeat;
}

#omitBox ul li.omit6 a {
	background: url("../images/page/omit_ico_6.jpg") 0 0 no-repeat;
}

#quick_img {margin-bottom:10px;}

.rightText {
	width: 470px;
	margin: 0 0 20px 0;
	padding-bottom: 13px;
	float: right;
	background: url("../images/page/right_text_bg.jpg") 0 bottom no-repeat;
}

.whatDo {
	width: 470px;
	margin: 0 0 30px 0;
	padding-bottom: 13px;
	float: right;
}

.whatDo h2 {
	width: 400px;
	background: url("../images/page/ico_question.jpg") 0 0 no-repeat;
	padding: 2px 0 2px 30px;
	margin: 0 0 8px 0;
	font-size: 1.1em;
}

.whatDo ul {
	margin: 0;
	padding: 0 0 0 18px;
}

.whatDo ul li {
	margin: 0;
	padding: 2px 18px 2px 17px;
    background: url("../images/page/arrow_orange_2.gif") 0 6px no-repeat;
    float: left;
    width: 187px;
}

.whatDo ul li a {
	text-decoration: none;
}

.whatDo ul li a:hover {
	text-decoration: underline;
}

.quick {
	width: 100px;
	position: absolute;
	left: 150px;
	top: 254px;
}

.quick ul li {
	background: url("../images/page/arrow_orange_2.gif") 0 5px no-repeat;
	padding-left: 14px;
}

.quick h2 {
	background: none;
	padding: 2px 0 2px 0;
	margin: 0 0 8px 0;
}

.news {
	width: 210px;
	padding: 16px 0 0 16px;
	_padding: 16px 0 0 10px;
	float: left;
}

.news h2 {
	background: url("../images/page/ico_news.png") 0 0 no-repeat;
	padding: 2px 0 2px 30px;
	margin: 0 0 14px 0;
	font-size: 1.1em;
	float: left;
}

.news .overview {
	width: 90pxpx;
	background: url("../images/page/arrow_orange.gif") 0 6px no-repeat;
	font-size: 0.85em;
	padding-left: 12px;
	float: right;
	text-decoration: none;
	display: block;
	padding-top: 3px;
}

.news .overview:hover {
	text-decoration: underline;
}

.news h3 {
	background: none;
	font-size: 0.85em;
	padding: 0;
	font-weight: normal;
	float: left;
	margin: 0 0 1px 0;
}

.news h3 a {
	text-decoration: none;
}

.news h3 a:hover {
	text-decoration: underline;
}

.news .date {
	float: right;
	font-size: 0.8em;
	color: #043671;
}

.news p {
	font-size: 0.85em;
	margin-bottom: 20px;
}

.absMiddle, .middle {
	vertical-align: middle;
}

.boardItem .absMiddle {
	margin-right: 6px;
}

/*--HEADER----------------------------------------------------------------*/

#header {
	width: 950px;
	height: 232px;/*232px;*/
	position: absolute;
	left: 0;
	top: 0;
	background: url("../images/header_bg.jpg") 0 0 no-repeat;
}

#header #logo {
	width: 160px;
	height: 30px;
	position: absolute;
	top: 22px;
	left: 52px;
	display: block;
}

#header #logoPRE {
	width: 94px;
	height: 42px;
	position: absolute;
	top: 16px;
	right: 51px;
	display: block;
}

#breadCrumbs {
	position: absolute;
	left: 160px;
	top: 257px;
	font-size: 0.85em;
	color: #043671;
}

#breadCrumbs a {
	color: #043671;
	padding: 0 15px 0 5px;
	background: url("../images/page/arrow_orange.gif") right 50% no-repeat;
}

#breadCrumbs span {
	padding: 0 15px 0 3px;
}

#search {
	position: absolute;
	left: 540px;
	top: 4px;
}

#search label {
	display: block;
	float: left;
	color: #172654;
	font-weight: bold;
	font-size: 0.85em;
	padding-top: 3px;
	margin-right: 4px;
}

#searchInput {
	width: 138px;
	height: 18px;
	padding-top: 3px;
	border: none;
	display: block;
	float: left;
	background: url("../images/page/search_input.gif") 0 0 no-repeat;
}

#searchButton {
	width: 14px;
	height: 14px;
	border: none;
	float: left;
}

#pokrocile-vyhledavani input {
  width:90%;
}

#pokrocile-vyhledavani select {
  width:150px;
}

#selectNavigator {
		position: relative;
		display: inline;
	}
#selectNavigator-cont {
	position: absolute;
	top: -180px;
	*top: -165px;
	left: -99px;
	height: 160px;
	width: 100px;
	overflow-y: auto;
	overflow-x: hidden;
	border: 1px #cccccc solid;
}
#selectNavigator-cont a {
	height: 19px;
	border-bottom: 1px #cccccc solid;
	background: #f7f7f7;
	text-align: center;
	padding-top: 2px;
	display: block;
	text-decoration: none;
	color: #000000 !important;
}
#selectNavigator-cont a:hover {
	background: #cccccc;
	color: #000000 !important;
}
#selectNavigatorValue {
	/*width: 100px;*/
	display: inline;
	border: 1px #cccccc solid;
	padding: 2px 2px 4px 2px;
	*padding: 2px;
	margin: 5px;
}	
#selectNavigatorValue a#selectToggle {
	display: inline;
	color: #000000;
	text-decoration: none !important;
}
.path_smaller {
	font-size: 0.8em !important;
	padding-bottom: 0px !important;
}


hr.grey {
  clear: left;
  margin-bottom: 2px;
  border-color: #7F7F7F;
}

b.custom_note {
  font-size: 0.8em;
  color: #7F7F7F;
}

b.red {
  color: #FF0000;
}

b.blue {
  color: #1C2F67;
}

b > a {text-decoration: none;}
b > a:hover {text-decoration: underline;}

#simpleLinks {
	position: absolute;
	left: 536px;
	top: 40px;
	color: #fff;
	font-size: 0.8em;
}

#simpleLinks a {
	color: #fff;
	padding: 0 12px;
	text-decoration: none;
}

#simpleLinks a:hover {
	text-decoration: underline;
}

#headerTabs-hidden {
 visibility: hidden !important;
 display: none !important;
}

#headerTabs {
	position: absolute;
	left: 31px;
	top: 76px;
	padding: 0;
	margin: 0;
}

#headerTabs li {
	padding: 0;
	margin: 0;
	float: left;
	background: none;
	overflow: visible;
}

#quickLinks {
	position: absolute;
	left: 625px;
	top: 100px;
	padding: 0;
	margin: 0;
}

#quickLinks li {
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
	zoom: 1;
}

#quickLinks li a {
	width: 184px;
	height: 27px;
	padding: 0;
	margin: 0;
	display: block;
}

#quickLinks li a span {
	display: none;
}

#quickLinks li.blue a {
	background: url("../images/page/quick_link_1.png") 0 0 no-repeat;
}

#quickLinks li.yellow a {
	background: url("../images/page/quick_link_2.png") 0 0 no-repeat;
}

#quickLinks li.red a {
	background: url("../images/page/quick_link_3.png") 0 0 no-repeat;
}

#quickLinks li.blue a:hover, #quickLinks li.blueActive a  {
	background: url("../images/page/quick_link_1.png") 0 -27px no-repeat;
}

#quickLinks li.yellow a:hover, #quickLinks li.yellowActive {
	background: url("../images/page/quick_link_2.png") 0 -27px no-repeat;
}

#quickLinks li.red a:hover, #quickLinks li.redActive a {
	background: url("../images/page/quick_link_3.png") 0 -27px no-repeat;
}

#buttonEshop {
	width: 124px;
	height: 33px;
	line-height: 33px;
	padding-left: 12px;
	color: #fff;
	font-size: 0.95em;
	font-weight: bold;
	position: absolute;
	left: 11px;
	top: 246px;
	display: block;
	z-index: 0;
	background: url("../images/page/button_eshop.png") 0 0 no-repeat;
	text-decoration: none;
}

#flashCounter {
	position: absolute;
	left: 361px;
	top: 113px;
	padding: 0;
	margin: 0;	
	*z-index:-1;	
}

/*--FOOTER---------------------------------------------------------------*/

#bottomLinks {
	width: 570px;
	margin: 8px 0 22px 0;
}

#bottomLinks .naviTitle {
	width: 550px;
	height: 27px;
	padding: 0 12px;
	background: url("../images/page/bottom_links.png") 0 0 no-repeat;
}

#bottomLinks .naviTitle h2 {
	background: url("../images/page/arrow_white.gif") 0 50% no-repeat;
	padding: 0 0 0 20px;
	margin: 0;
	line-height: 27px;
	color: #fff;
	font-size: 0.9em;
	float: left;
}

#bottomLinks .naviTitle span {
	padding: 0;
	margin: 0;
	line-height: 27px;
	color: #fff;
	font-size: 0.85em;
	float: right;
}

#bottomLinks ul {
	padding: 10px 0 5px 9px;
}

#bottomLinks ul li {
	width: 130px;
	height: 28px;
	padding: 0;
	background: 0;
	float: left;
}

#bottomLinks ul li a {
	display: block;
	padding: 0 0 0 20px;
	_float: left;
	background: url("../images/page/arrow_orange.gif") 0 4px no-repeat;
	text-decoration: none;
}

#bottomLinks ul li a:hover {
	text-decoration: underline;
}

#bottomPanel {
	font-size: 1.1em;
	font-weight: bold;
	padding: 10px 20px 0 10px;
	height: 24px;
	overflow: hidden;
}

#bottomPanel img {
	vertical-align: top;
}

#bottomPanel a {
	color: #003777;
	text-decoration: none;
}

#bottomPanel .links {
	float: left;
	margin: 0px;
	padding:0px;
	margin-top: 2px;
	line-height: 12px;
}

#bottomPanel .links a {
	margin: 0px;
	padding: 0px 10px 0px 10px;
}

#bottomPanel .links a img {
	vertical-align: middle;
}

#bottomPanel .phones {
	margin-top: 0px;
	float: right;
	color: #ababab;
}

/*#bottomPanel .phones span {
	display: block;
	margin-left: 25px;
	float: left;
}

#bottomPanel .phones strong {
	display: block;
	margin-left: 5px;
	float: left;
}

#bottomPanel .phones strong {
	color: #003777;
}*/

#footer {
	width: 905px;
	margin: 0 auto 0 auto;
	padding: 8px 12px 8px 18px;
	font-size: 0.85em;
	color: #757575;
}

#footer .copy {
	float: left;
}

#footer .links {
	float: right;
}

#footer .links a {
	padding: 0 8px;
	color: #043671;
	text-decoration: none;
}

#footer .links a:hover {
	text-decoration: underline;
}

/*--SIFR--------------------------------------------------------------*/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


.sIFR-hasFlash .blue15 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 20px;
	height: 25px;
}

.sIFR-hasFlash .blue15center {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 21px;
	height: 21px;
}

.sIFR-hasFlash .blue14 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 30px;
	height: 24px;
}

.sIFR-hasFlash .grey14 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 32px;
	height: 19px;
}

.sIFR-hasFlash h1 {
    visibility: hidden;
}

/*.sIFR-hasFlash #simpleLinks span {
	visibility: hidden;
	letter-spacing: -0px;
}*/

/*.sIFR-hasFlash .leftPart span {
	visibility: hidden;
	letter-spacing: -0px;
	font-size: 10px;
	height: 10px;
	width: 10px;
}*/

/*--FORM--------------------------------------------------------------------*/

div#formular-obsah div.napoveda-ramecek{
  width: 18px;
  height: 18px;
  border: 1px solid rgb(150,150,150);
  padding: 0px 0px 0px 0px;
  margin: 1px 0px 0px 0px;
  text-align: center;
  float: left;
	margin-right: 5px;
}

div#formular-obsah a.napoveda-popup{
  text-decoration: none;
  position: relative;
  z-index: 0;
  text-align: center;
  font-weight: bold;
  font-family: Tahoma;
  font-size: 14px;
  color: rgb(151,151,151);
  width: 18px;
  height: 18px;
  display: block;
}

div#formular-obsah a.napoveda-popup:link {
  color: rgb(151,151,151);
  z-index: 0;
}
div#formular-obsah a.napoveda-popup:hover{
  background-color: transparent;
  z-index: 50;
  text-decoration: none;
  color: green;
}

div#formular-obsah a.napoveda-popup div#poznamka-popup{
  position: absolute;
  padding: 5px;
  left: -1000px;
  visibility: hidden;
  width: 300px;
  /*height: 150px;*/
  color: #7F7F7F;
  background: #FCEED9;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  border: 1px solid #01234B;
}

div#formular-obsah a.napoveda-popup:hover div#poznamka-popup{ /* defaultni umisteni pop-up */
  visibility: visible;
  top: 0px;
  left: 25px;

}

div#formular-obsah a.napoveda-popup div.poznamka-nadpis {
  font-size: 12px;
  font-weight: bold;
  margin: 0px 0px 6px 0px;
  color: #01234B;
}
div#formular-obsah a.napoveda-popup div.poznamka-text {

  font-size: 11px;
}

div#formular-obsah div#napoveda-1 a.napoveda-popup:hover div#poznamka-popup {
  top: 0px;
  left: 25px;
}

div#formular-obsah div#napoveda-2 a.napoveda-popup:hover div#poznamka-popup {
  top: -64px;
  left: 25px;
}

div#formular-obsah div#napoveda-3 a.napoveda-popup:hover div#poznamka-popup {
  top: -190px;
  left: 25px;
}

div.message {
	width: 100%;
	border-top: 1px solid #b6b6b6;
	border-bottom: 1px solid #b6b6b6;
	background-color: rgb(240,240,240);
}

.required {
	color: red;
}

div#formular-obsah .button {
	float: right;
	cursor: pointer;
	margin-right: 50px;
}

div.fileBoard hr {
	clear:both;
}

div.fileBoard div.fileboard_detail_licha,div.fileBoard div.fileboard_detail_suda {
	padding-left: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.hidden {
	display: none;
}

.smallMargin {
	_margin-left: -1px !important;
}

.banner-container{
	margin-bottom: 6px;
}

/* Inset 3D Raised */
.raised {background: transparent; width:80%; margin:0px auto;}
.banner .raised {width: 140px; margin:0px auto;}

.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.raised p {padding-bottom:0.5em;}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#e4e4e4; border-left:1px solid #fff; border-right:1px solid #e4e4e4;}
.raised .b3 {background:#e4e4e4; border-left:1px solid #fff; border-right:1px solid #e4e4e4;}
.raised .b4 {background:#e4e4e4; border-left:1px solid #fff; border-right:1px solid #e4e4e4;}
.raised .b4b {background:#e4e4e4; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4;}
.raised .b3b {background:#e4e4e4; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4;}
.raised .b2b {background:#e4e4e4; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4;}


.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#e4e4e4;}
.raised .boxcontent {display:block;  background:#e4e4e4; border-left:1px solid #fff; border-right:1px solid #e4e4e4; font-size: 11px; text-align: center; padding: 0px 6px 0px 6px;}

/*--------navigation-----------*/

.preload1 {background: url(/images/page/kontaky-hover.jpg); display: none;}
.preload2 {background: url(/images/menu/ospolecnosti-hover.jpg); display: none;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */
.topMenu {margin:0px;padding:0px;}

.topMenu a:hover {visibility:visible; position:relative; z-index:200;}
.topMenu li:hover {position:relative; z-index:200;}

.topMenu li a.topMenuItem1,.topMenu li a.topMenuItem2 
	{display: block; color: #fff; font-size: 1.0em; padding: 0; margin: 0px; text-decoration: none; width:150px; height:27px; }

.topMenu ul.sub {position:absolute; display:none; left:1px; top:27px; _top:18px; background: url(/images/menu/main_level1_bottom.gif) bottom left no-repeat; margin:0px; padding:0px; border:0px solid #0f1f42; border-bottom: 0px; border-top: 0px; width:150px; height:auto; z-index:300; padding-bottom:5px;}
.topMenu li#kontaktyMenuItem ul.sub {left:3px;}
.topMenu li:hover ul.sub {display:block;}
.topMenu ul.sub li {display:block; min-height:20px; _height: 20px; position:relative; float:left; width:150px; font-weight:normal;}
.topMenu ul.sub li a {display:block; min-height:22px; _height:22px; line-height:20px; text-indent:0px; color:#fff; text-decoration:none; padding-top: 2px; padding-bottom: 0px; padding-left: 5px; padding-right: 15px; border-color: #0f1f42; border-style: solid; border-width: 0px 0px 2px 0px;  background: #0f1f42 url('/images/menu/line.gif') top center no-repeat;}
.topMenu ul.sub li.first a {border-width: 0px;background:#0f1f42;}
.topMenu ul.sub li a.fly {background:#0f1f42 url(/images/menu/main_level1_fly.gif) top center no-repeat;}
.topMenu ul.sub li.first a.fly {background:#0f1f42 url(/images/menu/main_level1_fly_f.gif) top center no-repeat;}
.topMenu ul.sub li a:hover {background: #0f1f42 url(/images/menu/main_level1_normal_over.gif) top center no-repeat;}
.topMenu ul.sub li.first a:hover {background: #0f1f42 url(/images/menu/main_level1_normal_over_f.gif) top center no-repeat;}
.topMenu ul.sub li a.fly:hover {background: #0f1f42 url(/images/menu/main_level1_fly_over.gif) top center no-repeat;}
.topMenu ul.sub li.first a.fly:hover {background: #0f1f42 url(/images/menu/main_level1_fly_over_f.gif) top center no-repeat;}

.topMenu ul.sub li li a,
.topMenu ul.sub li.first li a
	{border-color: #4a5671; background:#4a5671 url('/images/menu/line2.gif') top center no-repeat;}
.topMenu ul.sub li li.first a,
.topMenu ul.sub li.first li.first a
	{background:#4a5671;}
.topMenu ul.sub li li a.fly,
.topMenu ul.sub li.first li a.fly 
	{background:#4a5671 url(/images/menu/main_level2_fly.gif) top center no-repeat;}
.topMenu ul.sub li li.first a.fly,
.topMenu ul.sub li.first li.first a.fly
	{background:#4a5671 url(/images/menu/main_level2_fly_f.gif) top center no-repeat;}
.topMenu ul.sub li li a:hover,
.topMenu ul.sub li.first li a:hover 
	{background: #4a5671 url(/images/menu/main_level2_normal_over.gif) top center no-repeat;}
.topMenu ul.sub li li.first a:hover,
.topMenu ul.sub li.first li.first a:hover
	{background: #4a5671 url(/images/menu/main_level2_normal_over_f.gif) top center no-repeat;}
.topMenu ul.sub li li a.fly:hover,
.topMenu ul.sub li.first li a.fly:hover
	{background:#4a5671 url(/images/menu/main_level2_fly_over.gif) top center no-repeat;}
.topMenu ul.sub li li.first a.fly:hover,
.topMenu ul.sub li.first li.first a.fly:hover 
	{background:#4a5671 url(/images/menu/main_level2_fly_over_f.gif) top center no-repeat;}

.topMenu ul.sub ul {position:absolute; display:none; left:150px; top:3px; background: #4a5671; padding:0px; border:0px solid #4a5671; border-top: 0px; border-bottom: 0px; z-index:400; height:auto;}
.topMenu ul.sub li.first ul {top:8px;_top:17px;}
.topMenu ul.sub li:hover ul {display:block;}


/*
.topMenu li:hover ul.sub {display:block; left:0; top:22px; background: url(/images/menu/main_level1_bottom.png) bottom left no-repeat; padding:0px; border:0px solid #0f1f42; border-bottom: 0px; border-top: 0px; width:150px; height:auto; z-index:300; padding-bottom:5px;}
.topMenu li:hover ul.sub li {display:block; min-height:20px; _height: 20px; position:relative; float:left; width:150px; font-weight:normal; }
.topMenu li:hover ul.sub li a {display:block; min-height:22px; _height:22px; line-height:20px; text-indent:0px; color:#fff; text-decoration:none; padding-top: 2px; padding-bottom: 0px; padding-left: 5px; padding-right: 15px; border-color: #0f1f42; border-style: solid; border-width: 0px 0px 2px 0px;  background: #0f1f42 url('/images/menu/line.gif') top center no-repeat;}
.topMenu li:hover ul.sub li.first a {border-width: 0px;background:#0f1f42;}
.topMenu li:hover ul.sub li a.fly {background:#0f1f42 url(/images/menu/main_level1_fly.gif) top center no-repeat;}
.topMenu li:hover ul.sub li.first a.fly {background:#0f1f42 url(/images/menu/main_level1_fly_f.gif) top center no-repeat;}
.topMenu li:hover ul.sub li a:hover {background: #0f1f42 url(/images/menu/main_level1_normal_over.gif) top center no-repeat;}
.topMenu li:hover ul.sub li.first a:hover {background: #0f1f42 url(/images/menu/main_level1_normal_over_f.gif) top center no-repeat;}
.topMenu li:hover ul.sub li a.fly:hover {background: #0f1f42 url(/images/menu/main_level1_fly_over.gif) top center no-repeat;}
.topMenu li:hover ul.sub li.first a.fly:hover {background: #0f1f42 url(/images/menu/main_level1_fly_over_f.gif) top center no-repeat;}

.topMenu :hover ul.sub li li a,
.topMenu :hover ul.sub li.first li a
	{border-color: #4a5671; background:#4a5671 url('/images/menu/line2.gif') top center no-repeat;}
.topMenu :hover ul.sub li li.first a,
.topMenu :hover ul.sub li.first li.first a
	{background:#4a5671;}
.topMenu :hover ul.sub li li a.fly,
.topMenu :hover ul.sub li.first li a.fly 
	{background:#4a5671 url(/images/menu/main_level2_fly.gif) top center no-repeat;}
.topMenu :hover ul.sub li li.first a.fly,
.topMenu :hover ul.sub li.first li.first a.fly
	{background:#4a5671 url(/images/menu/main_level2_fly_f.gif) top center no-repeat;}
.topMenu :hover ul.sub li li a:hover,
.topMenu :hover ul.sub li.first li a:hover 
	{background: #4a5671 url(/images/menu/main_level2_normal_over.gif) top center no-repeat;}
.topMenu :hover ul.sub li li.first a:hover,
.topMenu :hover ul.sub li.first li.first a:hover
	{background: #4a5671 url(/images/menu/main_level2_normal_over_f.gif) top center no-repeat;}
.topMenu :hover ul.sub li li a.fly:hover,
.topMenu :hover ul.sub li.first li a.fly:hover
	{background:#4a5671 url(/images/menu/main_level2_fly_over.gif) top center no-repeat;}
.topMenu :hover ul.sub li li.first a.fly:hover,
.topMenu :hover ul.sub li.first li.first a.fly:hover 
	{background:#4a5671 url(/images/menu/main_level2_fly_over_f.gif) top center no-repeat;}

.topMenu :hover ul :hover ul,
.topMenu :hover ul :hover ul :hover ul,
.topMenu :hover ul :hover ul :hover ul :hover ul,
.topMenu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:150px; top:3px; background: #4a5671; padding:0px; border:0px solid #4a5671; border-top: 0px; border-bottom: 0px; z-index:400; height:auto;}
*/
.topMenu .topMenuSubItemTop {width:150px; height:5px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background: url(/images/menu/main_level1_top.gif) bottom left no-repeat;}

.topMenu li a.topMenuItem1 {
	background: url("/images/page/ospolecnosti.jpg") -3px 5px no-repeat;
}
.topMenu li a.topMenuItem2 {
	background: url("/images/page/kontakty.jpg") 2px 5px no-repeat;
}

.topMenu li:hover a.topMenuItem1 {
	background: url("/images/page/ospolecnosti-hover.jpg") -3px 0px no-repeat;
}
.topMenu li:hover a.topMenuItem2 {
	background: url("/images/page/kontakty-hover.jpg") 2px 0px no-repeat;
}