/* Vztahujici se k veskerym modulum p.zona, diskuse, novinky, formular - vyjimky od soucasneho formulare... */
@import url('moduls.css?version=27');

/* Formatovani obecnych formularu, vcetne kliklych a chybovych stavu */
@import url('forms.css?version=27'); 

/* E-shop - pokladna + nabidka zbozi  */
@import url('obchod.css?version=28');
 
/* cascade style sheets = Alfa-proj - zbrane */

/* ------ obecné definice ------ */

a { cursor:pointer !important;}
html, body {
	background-image: url('picture/mask/sides.gif?ver=1');
	background-repeat: repeat-y;
	background-position: center top;
	background-color: #AEBBCE;

	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	line-height: 100%;
	color: #4C4C4C;

	width: 100%;
	height: 99%;

	margin: auto;
	padding: 0px;
	border: 0px;

	scrollbar-arrow-color: #FFFFFF;
	scrollbar-3dlight-color: #DFEAFF;
	scrollbar-darkshadow-color: #DFEAFF;
	scrollbar-base-color: #AEBBCE;
	scrollbar-face-color: #AEBBCE;
	scrollbar-highlight-color: #AEBBCE;
	scrollbar-shadow-color: #AEBBCE;
}
div {
	margin: auto;
	padding: 0px;
	border: 0px;
}
img {
	margin: 0px;
	padding: 0px;
	border: 0px;
	display: block;
}
p, td, form {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	color: #4C4C4C;
	text-decoration: none;
}
h1 {
	margin: 0px;
	border: 0px;
	color: #154271;
	line-height: 100%;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	padding: 20px 22px 20px 45px;
}
#modul-pz-reg h1, #modul-pz-send-password h1 { padding-left:25px; }
h2 {
	margin: 0px;
	border: 0px;
	color: #154271;
	line-height: 100%;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}
a {
	margin: 0px;
	padding: 0px;
	border: 0px;
	text-decoration: none;
	color: #154271;
}
a:hover {
	color: #AD0808;text-decoration:none;
}
.main-text a { text-decoration:underline;}
ul {
	padding: 0px 0px 0px 15px;
  margin: 0px;
	border: 0px;
}
li {
  padding: 0px;
  margin: 0px;
	border: 0px;
}

/* ------ základní maska ------ */

#all {
	background-image: url('picture/mask/sides-top-back.gif?ver=2');
	background-repeat: repeat-x;
	background-position: center top;
	width: 100%;
	height: 100%;
}
#all-2 {
	background-image: url('picture/mask/sides-top.gif?ver=1');
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
	height: 100%;
	text-align: center;
}
#all-3 {
	text-align: left;
	height: 100%;
	width: 983px;
}
#menu {
	background-color: #C0CADC;
	height: 58px;
	width: 983px;
}
#main {
	background-repeat: repeat-y;
	background-position: top left;
	width: 983px;
}
#footer {
	background-color: #c0cadc;
	width: 983px;
}
div.main-left-menu {
	width: 226px;
	float: left;
}
div.main-page {
	width: 534px;
	float: left;	
}
div.clear {
	height: 0px;
	font-size:0;
	clear: both;
	overflow: hidden;
}

/* ------ top menu ------ */

div.menu-logo {
	height: 58px;
	width: 298px;
	float: left;
}
div.menu-menu {
	height: 58px;
	width: 375px;
	float: left;
}
div.menu-ikony-top { height: 11px; padding:33px 8px 0 0; float:right; }
div.menu-ikony-top span { display:none;  }
div.menu-ikony-top a {display: block; width:16px; height:11px; float: left; margin-right:10px; }

div.menu-ikony-top a.click, 
div.menu-ikony-top a:hover { background-position:0 11px; }

div.menu-ikony-top #lang-cz { background-image:url('picture/mask/ico-cz.gif?ver=1'); }
div.menu-ikony-top #lang-en { background-image:url('picture/mask/ico-en.gif?ver=1'); }
div.menu-ikony-top #lang-es { background-image:url('picture/mask/ico-es.gif?ver=1'); }

div.menu-ikony-bottom {
	height: 20px;
  padding-left: 44px;
  padding-top:9px;
}
div.menu-ikony-bottom a {
	display: block;
	float: left;
	margin: 0px 9px 0px 2px;
}

/* ------ home page ------ */

.uvitani h1 { font-weight:bold; font-size:135%; margin:0 !important; padding:30px 0 7px 15px !important; line-height:17px; }

div.uvitani {
	background-color: #DFEAFF;
	width: 534px;
	line-height:15px;
}
div.uvitani-text {
    background-image: url(picture/mask/certifikaty-top.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	/*height: 102px;*/
}
div.uvitani-text p {
	padding: 0px 32px 8px 16px;
}
div.uvitani-certifikaty {
	background-image: url(picture/mask/certifikaty.jpg);
	background-position : top left;
	background-repeat : no-repeat;
	width: 534px;
	height: 105px;
}
div.uvitani-certifikaty-left {
	width: 180px;
	height: 105px;
	float: left;
}
div.uvitani-certifikaty-text {
	width: 174px;
	height: 105px;
	float: left;
}
div.uvitani-certifikaty-text p {
	padding: 24px 0px 0px 0px;
	line-height:10px;
	font-size:10px;
}
div.uvitani-certifikaty-right {
	width: 180px;
	height: 105px;
	float: right;
}
div.uvitani-certifikaty-right a {
	margin: 10px 0px 0px 80px;
	display: block;
}
div.akce {
	background-image: url(picture/mask/main-sipka-left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px 10px 0px 25px;
}
div.akce img {
  padding: 0px 0px 5px 5px;
  float: right;
}
div.novinky {
	width: 534px;
}
div.novinky-top, div.shop-akce-top {
	background-image: url('./picture/mask/main-sipka.gif');
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px 25px 0px 25px;
	height: 52px;
}
div.novinky-text div {
  width: 220px; padding-left: 30px; float: left;
}
/* kdyz uzivatel vlozi do POPISu clanku <DIV> nebp <P> */
div.novinky-text div div, div.novinky-text div div div {display: inline !important; float: none !importants;  margin: 0 !important; padding: 0 !important;}
div.novinky-text div p, div.novinky-text div div p {margin: 0 !important; padding: 0 !important;}

div.novinky-text a {
  text-decoration: underline;
}
div.novinky-text a:hover {
  text-decoration: none;
}
div.novinky-text .link-vice, .link-detail-zbozi {
  padding-left: 7px; background-image: url(./picture/mask/menu_arrow_right.gif); background-repeat: no-repeat; background-position: -5px 5px;
}
div.novinky-text .link-vice:hover {
  /*background-image: url('./picture/mask/sipecka.gif'); background-position: 0 5px;*/
}
div.novinky-text a.more {
	display: block;
	height: 14px;
	margin-left: 180px;
	margin-bottom: 5px;
  border:solid red 1px;
}
div.novinky-archiv {
	width: 534px;
	height: 32px;
  text-align: right;
	clear: both;
}
div.novinky-archiv a img {display: inline;}

/* ------ akce z shopu ------ */


/* ------ footer ------ */

div.copyright {
	width: 590px;
	float: left;
}
div.magnetpro {
	width: 160px;
	float: right;
}
#footer div p {
	color: #FFFFFF;
	padding: 4px 0px 3px 6px;
}
.powered-by-text-magnet {
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	color: #000000;
}
.powered-by-text-pro {
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	color: #861838;
}

/* ------ top menu - menu ------ */

.main-menu-items-off a {
	border-left: 1px solid #A2AAB9;
	padding: 34px 6px 12px 6px;
}
.main-menu-items-on a {
	border-left: 1px solid #A2AAB9;
	padding: 34px 6px 12px 6px;
}

/* ------ rychlá navigace ------ */

div.main-rychla-navigace-text {
	padding: 7px 0px 8px 21px;
	border-bottom:1px solid #e9ecf3;
	line-height:135%;
}
a.rychla-navigace-home {
	color: #AD0808;
}
a.rychla-navigace-home:hover {
}
a.path-link {
}
a.path-link:hover {
}
a.path-click {
	font-weight: bold;
}
a.path-click:hover {
}

/* ------ články ------ */

div.main-text {
	width: 500px;
	padding: 0 0 15px 25px;
	overflow: auto;
	line-height:15px !important;
    background-image: url('picture/mask/main-sipka.gif');
	background-repeat: no-repeat;
	background-position: top left;
}
.white-link { color:#fff !important; }
div.main-katalog {
	line-height:15px;
    background: url('picture/mask/main-sipka.gif') no-repeat;
}
.text-red-circle-left {
	background-image : url('picture/mask/main-sipka-red-circle.gif');
	background-position : left center;
	background-repeat : no-repeat;
	margin: 4px 0px 3px 0px;
	padding: 0px 18px 1px 18px;
}
.text-red-circle-leftu {
	background-image : url('picture/mask/main-sipka-red-circle-u.gif');
	background-position : left center;
	background-repeat : no-repeat;
	margin: 4px 0px 3px 0px;
	padding: 0px 18px 1px 18px;
	color:#AD0808;
}

.text-red-circle-right {
	background-image : url('picture/mask/main-sipka-red-circle.gif');
	background-position : right center;
	background-repeat : no-repeat;
	margin: 4px 0px 3px 0px;
	padding: 0px 18px 1px 18px;
}
.input-text {
	background-color: #DFEAFF;
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	margin: 4px;
	padding: 2px;
	border: 1px solid #9FA7B6;
}
textarea {
	overflow : auto;
}
div#cenik {
/*  float: right;
  padding: 6px;*/
  padding: 14px;
}
div#cenik img {
  float: left;
}
div#cenik a {
  float: left;
  padding: 12px 6px 0px 0px;
}
div#logo-asociace { clear:both; padding-top:15px; }
div#logo-asociace img { margin:0 auto 0 auto; display:block; }

/* ------ katalog03 ------ */
div.katalog03 {
  margin-top:13px;
	width:500px;
}
div.katalog03 div.serie {
	background-image : url(picture/mask/katalog/bg_serie.gif);
	background-position : top left;
	background-repeat : no-repeat;
	height: 19px;
	color: #154271;
	font-weight: bold;
	font-size:92%;
	margin-bottom:15px;
}
div.katalog03u div.serie span, 
div.katalog03 div.serie span {
  	display: block;
	padding: 1px 0px 0px 32px !important;
}
div.katalog03u div.nadpis,
div.katalog03 div.nadpis {
	color: #154271;
	font-weight: bold;
	font-size:108%;
	padding: 4px 0 6px 18px;
	background:url('picture/mask/arrow-cross.gif?ver=1') no-repeat 5px 9px; 
}
div.nadpis a { text-decoration:underline; }
div.nadpis a:hover { text-decoration:none; }
div.katalog03 div.zpet {
	background-image: url(picture/mask/sipecka.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 8px;
	margin-top: 8px;
	font-weight: bold;
	float: left;
}
div.katalog03 div.detail {
	background-color: #ECECEC;
	width:500px;
	margin-bottom:17px;
}
div.katalog03 div.detail img { padding-top: 1px; }
div.katalog03 div.detail div.detail-text { padding: 10px 15px 10px 15px; }
div.katalog03 div.detail div.detail-text ul { text-align: center; color: #154271; }
div.katalog03 a.link-more { margin-left:15px; color:#ad0808; background:url('picture/mask/arrow-red.gif?ver=1') no-repeat 0 2px; padding-left:8px; }
div.katalog03 a:hover.link-more { text-decoration:underline; }
/* ------ offer04 ------ */

div.offer04 {
  line-height: 18px;
	width: 500px;
}
div.offer04 div.model {
	background-color: #ECECEC;
    color: #154271;
	padding-top:2px;
	height:13px;
	margin-bottom:2px;
}
div.offer04 div.model img {
	padding-right: 2px;
}
div.offer04 div.coll {
	float: left;
}
div.offer04 div div.row1 {
	background-color: #D8D8D8;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	text-align: center;
	height: 18px;
}
div.offer04 div div.row2 {
	background-color: #ECECEC;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	height: 18px;
}

/* ------ offer05 ------ */

div.offer05 {
  line-height: 18px;
	width: 500px;
}
div.offer05 div.nadpis p {
	color: #154271;
}
div.offer05 div.detail {
	background-color: #ECECEC;
	width: 500px;
}
div.offer05 div.detail img {
	padding-top: 1px;
}
div.offer05 div.detail-text {
	padding: 10px 15px 10px 15px;
	line-height: 13px;
}

.zbran-pozor
{ float:left;margin:5px 0 0 5px;color:#AF0E0E;font-weight:bold;height:35px;margin-bottom:14px;width:393px; }

/* Katalog 03 - pro umarex */

div.katalog03u {
  margin-top:13px;
	width: 500px;
}

div.katalog03u div.serie {
	background-image : url('picture/mask/katalog/bg_serie-u.gif');
	background-position : top left;
	background-repeat : no-repeat;
	height: 19px;
	color: #AD0808;
	font-weight: bold;
	font-size:92%;
	margin-bottom:15px;
}
div.katalog03u div.serie span {
  	display: block;
	padding: 5px 0px 0px 25px;
}
div.katalog03u div.nadpis {
	color: #AD0808;
}
div.katalog03u div.zpet {
	background-image: url('picture/mask/sipecka.gif');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 8px;
	margin-top: 8px;
	font-weight: bold;
	float: left;
}
div.katalog03u div.detail {
	background-color: #D8D8D8;
	width: 500px;
}
div.katalog03u div.detail img { padding-top: 1px; }
div.katalog03u div.detail div.detail-text { padding: 10px 15px 10px 15px; }
div.katalog03u div.detail div.detail-text ul { text-align: center;color: #AD0808; }

/* Nabidka offer 05 umarex */

/* ------ offer05 ------ */

div.offer05u {
}
div.offer05u div.nadpis p {
	color: #154271;
}
div.offer05u div.detail {
	background-color: #ECECEC;
	width: 500px;
}
div.offer05u div.detail img {
	padding-top: 1px;
}
div.offer05u div.detail-text {
	padding: 10px 15px 10px 15px;
	line-height: 13px;
}


/* * * * * * *
 * Mapa webu *
 * * * * * * */

#mod-webmap { margin:20px 0 30px  35px; }
#mod-webmap a {
    text-decoration: none;
}
#mod-webmap a:hover {
    text-decoration: underline;
}
#mod-webmap ul {
    margin: 0; padding: 0; list-style-type: none;
}
#mod-webmap img {
    margin-right:5px;
}
#mod-webmap li {
    margin: 0; padding: 2px 0px 2px 0px;
}
#mod-webmap li.pad-left {
    padding-left:14px;
}
#mod-webmap li.item-submenu ul {
    padding-left: 3em;
    background-image: url("picture/mask/webmap/line.gif");
    background-position: left;
    background-repeat: repeat-y;
}
#mod-webmap a, #mod-webmap h2, #mod-webmap h3, #mod-webmap h4, #mod-webmap h5, #mod-webmap h6 {
    font-size: 100%; margin: 0; padding: 0; display: inline;
}
#mod-webmap img { display:inline; }
#mod-webmap h2 {
    padding-top: 0.5em;
}
#mod-webmap h2 a {
    font-weight: bold;
}
#mod-webmap a.bt img {
    margin-right: 0.5em;
}
#mod-webmap h2 a {
    font-weight: bold;
}
#mod-webmap h3 a {
    font-weight: bold;
}
#mod-webmap h4 a {
    font-weight: normal;
}
#mod-webmap h5 a {
    font-weight: normal;
}
#mod-webmap h6 a {
    font-weight: normal;
}
#mod-webmap a {
    font-weight: normal;
} 
/* modul anketa */

#mod-inquiry strong { display:block;  margin:0;color:#000; padding:0px 0 9px 14px; font-size:108%; }
#mod-inquiry { padding-top:10px; clear:both; color:#154271; padding-bottom:20px; }
.mod-inquiry-answer { font-size:92%; }
.mod-inquiry-body {}

.mod-inquiry-answer-item {clear: both; height: auto; margin-bottom:4px; width:100%; }
.mod-inquiry-answers {padding:0 0 0 14px; clear:both;}
.mod-inquiry-answers br { clear:both; font-size:4px; line-height:0px; }
.mod-inquiry-answers a { text-decoration:underline; }
.mod-inquiry-answers a:hover { text-decoration:none; }
.mod-inquiry-answer {display: block; float: left; width:85px; }
.mod-inquiry-answer-percents {}
.mod-inquiry-answer-percents-bar { font-size:0;line-height:0;margin-top:1px;width: 76px; padding:1px 1px 1px 2px; float: left; background-color:#b8c7e4; height:8px; margin-right:4px; }
.mod-inquiry-answer-percents-bar div {float:left;height:8px; background:url('picture/mask/inq-voting.gif?ver=2') repeat-x; line-height:0px;font-size:0;}
.mod-inquiry-answer-percents-text {float:left;width: 25px; text-align:right; font-size:92%;}
.mod-inquiry-summary {margin:0; padding:8px 0 0 14px; }
.mod-inquiry-already-voted { margin:0; padding:2px 0 0 14px; }

div.mask-link-cetelem { margin:10px 0 30px 0; clear:both;}
div.mask-link-cetelem img { border:0px; margin: auto;}

.zbrane-popis { padding:5px 0 5px 2px; line-height:130%; }
.zbrane-left-links { float:left; padding-top:2px; width:200px; }
.zbrane-objednat { float:right; width:165px; }
.shop-detail-article-title { display:block; color:#104682; font-size:108%; padding:8px 0 4px 0px; }
.shop-detail-article-title.umarex { color:#AD0808; }
.shop-detail-article { line-height:15px !important; padding:0 0 10px 0px; }
.shop-detail-article p { line-height:130%; font-size:100%; margin-bottom:1em; }

.zbozi-obrazek-bunka { vertical-align:top; text-align:right; padding-top:20px; background:#fff; }
.zbozi-obrazek-bunka img { border:1px solid #c3ccdd; }

#right-add { float:right; width:220px; padding-right:1px; background:url('picture/mask/search-bg.gif') no-repeat right top; }
#right-add .title { display:block; color:#ad0808; background-color:#cedaf0; padding:5px 0 6px 16px; margin-bottom:0px; }

#mask-search { margin:0; padding:10px 16px 0 14px; height:26px; }
#mask-search .text { display:block; float:left; width:156px; font-size:11px; color:#4c4c4c; background:#fff; border:1px solid #95a3bc; padding:1px 5px 2px 4px; }
#mask-search .submit { cursor:pointer; display:block; float:right; background:url('picture/mask/lupa-search.gif') no-repeat; width:21px; height:18px; }

/* vysledek vyhledavani */
#mod-search { padding:15px 10px 20px 22px; }
#mod-search-list { padding:15px 10px 20px 0px; }
.mod-search-row { width:100%; clear: both; display:table; padding-bottom:4px;}
.mod-search-number {width:30px; float: left; text-align: right;}
.mod-search-text {width:450px; float: right;}
.mod-search-delimiter {color: #777;}
.mod-search-weight {color: #777;}
#mod-search-paging { padding-top:0px; padding-bottom:15px; padding-left:57px; } 

.news-right { padding:0px 10px 10px 15px; line-height:15px; display:table; width:195px; }
.news-right strong.news-title { display:block; margin:11px 0 7px 0; font-size:108%; }
.news-right p { margin:0; padding:0 0 8px 0; }
.news-right a { text-decoration:underline; }
.news-right .link-vice { background:url('picture/mask/arrow-blue.gif?ver=1') no-repeat 0 6px; padding-left:6px; }
.news-right a:hover { text-decoration:none; }

.news-link-archive { text-align:right; margin:0; padding:0 20px 10px 0; clear:both; width:200px; }
.news-link-archive a { text-decoration:underline; font-weight:bold; background:url('picture/mask/arrow-blue.gif?ver=1') no-repeat 0 5px; padding-left:7px; }

/****************************************************** Menu zbrane **********************************************/
div.katalog01 { padding-left: 25px; }
div.katalog01 img { border-width: 0px; }
div.katalog01 a.normal-item {
    background-image: url('./picture/mask/katalog/ico_menu.gif');
    background-repeat: no-repeat;
    display: block;
    width: 228px;
    height: 19px;
    margin-left: 2px;
}
div.katalog01 a.normal-item span {
    display: block;
    padding: 5px 0px 0px 25px;
}
div.katalog01 div.private-item { color: gray; }
div.katalog01 div.label { color: red; }
  	  div.katalog01 div.c1 { background-image: url('./picture/mask/katalog/bg_dotted.gif?ver=1');	width: 233px;float: left; margin-bottom:15px; margin-right:16px; }
  	  div.katalog01 div.c2 { width: 233px; height: 20px; }
  	  div.katalog01 div.mezera-pred {
  	  	background-color: #FFFFFF;
  	  	width: 1px;/*4px;*/
        height: 10px;
    		float: left;
  	  }
  	  div.katalog01 div.mezera-za {
    		background-color: #FFFFFF;
      	width: 1px;/*5px;*/
        height: 10px;
    		float: left;
  	  }
.cat-title h2 {position: absolute; margin: 0 0 0 0; padding: 0; color: #fff; font-size: 12px; text-align: center; width: 233px; }  	  

#menu0 { float:left; margin-left:0; position:absolute;}

.katalog02 { padding:10px 0 0 38px;}
.katalog02 p { margin-bottom:0; margin-top:0; padding-bottom:0; }


#milonic-noscript a.normal-item { font-weight:bold; line-height:1.5em; }
#milonic-noscript .active-item { font-weight:bold; line-height:1.5em; }    

.menu-tree-folder { float:left;width:196px; }

      div.menutree {
        font-family: Arial, Verdana, sans-serif;
		    padding: 8px 10px 8px 15px;
      }
      div.menutree a {
    		background-position: left center;
		    background-repeat: no-repeat;
  	  	background-image: url('picture/mask/lm_normal.gif');
	    	display: block;
    		padding: 3px 0px 3px 12px;
        text-decoration: none;
        color: #000000;
      }
      div.menutree a:hover {
	    	background-image: url('picture/mask/lm_over.gif');
        text-decoration: none;
        color: #AD0808;
      }
      div.menutree img {
      }
      div.menutree a.normal-item {
		    color: #092869;
      }
      div.menutree div.private-item { /* old */
        color: gray;
      }
      div.menutree a.active-item {
	  	  background-image: url('picture/mask/lm_click.gif');
		    color: #AD0808;
      }
      div.menutree a.active-item-submenu {
	  	  background-image: url('picture/mask/lm_click.gif');
    		color: #AD0808;
      }
      div.menutree a.active-item-in-submenu {
        color: #AD0808;
      }
      div.menutree div.label { /* old */
        color: red;
      }
      div.menutree div.submenu {
        margin-left: 20px;
      }
      
.akce h6 {font-size: 11px; padding: 19px 0 25px 15px; margin: 0; color: #154271; }
.novinky-top h6, .shop-akce-top h2.title { display:block;font-size: 11px; padding: 18px 0 10px 20px; margin: 0; color: #154271; }

#menu-top { width:530px; float:left;text-align:left; height:27px; padding-top:30px; font-size:108%; }
#menu-top li.last  a { background:transparent !important; }
#menu-top ul.makeMenu, #menu-top ul.makeMenu ul {margin: 0; padding: 0;}
#menu-top ul.makeMenu a  {color: #375186; text-decoration: none; font-weight: bold; background:url('picture/mask/arrow2.gif') right 6px no-repeat; padding-right:12px;}
#menu-top ul.makeMenu a:hover { background:url('picture/mask/lm_click.gif') right 4px no-repeat; }
#menu-top ul.makeMenu li {
  list-style-type: none;       /* removes the bullet points */
  position: relative;          /* makes the menu blocks be positioned relative to their parent menu item the lack of offset makes these appear normal, but it will make a difference to the absolutely positioned child blocks */
  display: block;
  float: left;
  padding: 3px 10px 12px 3px;
}
#menu-top ul.makeMenu li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
  display: none;               /* hides child menu blocks - one of the most important declarations */
  margin-left:9px;
  position: absolute;          /* make child blocks hover without leaving space for them */
  top: 24px;                   /* position slightly lower than the parent menu item */
  left: -1px;                  /* this must not be more than the width of the parent block, or the mouse will */                                  
  z-index: 9;  
}
#menu-top ul.makeMenu li > ul li {z-index: 100;}
#menu-top ul.makeMenu ul.CSStoShow {     /* must not be combined with the next rule or IE gets confused */
  display: block;              /* specially to go with the className changes in the behaviour file */
}
#menu-top ul.makeMenu li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements the > targets only the child ul, not any child uls of that child ul */  
  display: block;              /* makes the child block visible - one of the most important declarations */  
}
#menu-top ul.makeMenu ul {border: solid #a4abba 1px; font-size:85%; }
#menu-top ul.makeMenu ul li {
  width: 197px;
  padding: 4px 6px 4px 0px;
  font-size: 110%;
  font-weight: normal;  
  background-color: #c0cadc;
}
/* over 2. level */
#menu-top ul.makeMenu ul li:hover, #menu-top ul.makeMenu ul li.CSStoHighlight {background-color: #6377a1; }
#menu-top ul.makeMenu ul a {font-weight: normal; }
/* klikly stav */
#menu-top ul.makeMenu a.active-item,
#menu-top ul.makeMenu a.active-item-submenu,
#menu-top ul.makeMenu a.active-item-in-submenu { color: #AD0808; }

#menu-top ul.makeMenu ul li.last a,
#menu-top ul.makeMenu ul a  {color: #375186; text-decoration: none; background:url('picture/mask/lm_normal.gif') left 3px no-repeat !important; padding-left:12px;}
#menu-top ul.makeMenu ul a:hover { background:#6377a1 url('picture/mask/lm_normal.gif') left 3px no-repeat; }

#mask-links { width:979px; clear:both; padding:8px 0 10px 4px; font-size:92%; background:#aebbce; }
#mask-links a { text-decoration:underline; }

.mask-article { margin:0; padding:5px 15px 15px 20px; }