
@import url("_system.css");


/* General settings */
body { text-align:center; color:black; margin:0; padding:0; width:100%; background:#CBD6C2; font-family: "Trebuchet MS", sans-serif; font-size:small !important; font-size:x-small; }
input { font-size:small !important; font-size:x-small; }
p, h1, h2, h3, h4, h5 ,h6, form, table { margin:0; padding:0; }
a { color:#800; }
a img { border:0; }
a:hover { color:#f00; }
a:active { color:#400; }
a span { cursor:pointer; }
.killfloat { height:1px; overflow:hidden; clear:both; }
.right { text-align:right; }
.justify { text-align:justify; }
.left { text-align:left; }
.center { text-align:center; }
.nodisplay, .PreviewFooter, .LinkToFullArticle { display:none; }

/* Containers, subheader and footer*/
#ContainerAll { font-size:85%; }
#ContainerAll table { font-size:1em; }

#Container { background:white; }
#ContainerIn { text-align:left; margin:0 auto; width:780px; }

/*
#SubHeader { width:780px; height:140px!important; height:150px; background:#D6E2CC url(img/bg_sub_header.gif) left top no-repeat; overflow:hidden; border-bottom:10px solid white; position:relative !important; position:static; }
#SubHeader h1 { position:relative; top:25px; left:25px; width:110px; height 90px; font-size:1.5em; overflow:hidden; position:absolute;}
#SubHeader h1 a, #SubHeader h1 span { display:block; width:110px; height:90px; overflow:hidden;}
#SubHeader h1 a span, #SubHeader h1 span span { position:absolute; display:block; top:0; left:0; width:110px; height:90px; background:url(img/h1.gif) left top no-repeat; }
#SubHeader .IllustrationPhoto { width:170px; height:120px; background:url(img/ilustrace.gif); overflow:hidden; position:absolute; left:163px; top:11px;}
#SubHeader .BriefAbout { position:absolute; left:344px; top:11px; width:425px; height:120px; overflow:hidden; }
#SubHeader .BriefAbout ul { width:373px !important; width:425px; height:98px !important; height:120px; padding:10px 20px 10px 30px; border:3px solid #9AB087; background:#CBD6C2; margin:0; }
#SubHeader .BriefAbout div.BriefAboutOver { position:absolute; top:0; left:0; width:425px; height:120px; background:transparent url(img/bg_about.gif); }
*/

#SubHeader { width:780px; height:140px!important; height:150px; background:#D6E2CC url(img/bg_sub_header.gif) left top no-repeat; overflow:hidden; border-bottom:10px solid white; }
#SubHeader img { border:none; border:0; padding:0; }
#SubHeader h1 { border:25px solid #D6E2CC; border-bottom:none; border-right:none; width:138px; height:0; float:left; }
#SubHeader .IllustrationPhoto { width:170px; height:120px; background:url(img/ilustrace.gif); overflow:hidden; float:left; margin-top:11px; }
#SubHeader .BriefAbout { float:right; width:426px; height:120px; margin-right:11px; margin-top:11px; background:url(img/bg_briefabout.gif) top left no-repeat transparent; overflow:hidden; }
.HomeOfferBanner ul,
.HomeOfferBanner li,
#banner-large ul,
#banner-large li,
#SubHeader .BriefAbout ul,
#SubHeader .BriefAbout li { margin:0; padding:0; list-style:none; }
.HomeOfferBanner li,
#banner-large li,
#SubHeader .BriefAbout li { font-size:1.15em; line-height:1.3; background:url(img/bg_briefabout_li.gif) 0 3px no-repeat transparent; padding-left:17px; }
.HomeOfferBanner ul,
#banner-large ul ,
#SubHeader .BriefAbout ul { padding:10px 3px 0 22px; @padding-top:9px; }

.HomeOfferBanner,
#banner-large { background:#CBD6C2; border:1px solid #9AB087; margin-bottom:10px; padding-bottom:11px; }
.HomeOfferBanner { margin-left:10px; clear:both; }
.HomeOfferBanner li { font-size:1em; line-height:1.5; }



#Text { background:white; }
#SideColumn { width:254px; float:left; }
#MainColumn { width:517px; float:right; background:#E5EAE0 url(img/bg_main.gif) left bottom no-repeat; overflow:auto !important; overflow:hidden;}
.killfloatmain { clear:both; height:10px; overflow:hidden; }
#Footer { text-align:center; color:#444; padding:10px; }
#Footer p { margin:0; padding:1px 0 0; }
#Footer a { color:#444; }
#Footer a:hover { color:#800; }


/* Header */
#HeaderContainer { background:#61655D; color:#ccc; padding-top:12px; font-size:11px; }
#Header { width:780px; height:73px; margin:0 auto; text-align:left; position:relative}
#Header a { color:#ccc; }
#Header a:hover { color:#fff; }
#Header a:active { color:#888; }
#Header p, #Header form, #Header div { margin:0; padding:0; }
#Header .SearchForm { float:right; }
#Header .SearchForm input { background:#71766C; border:1px solid #888; color:#ccc; vertical-align:middle; }
#Header .SearchForm input.SearchFor { width:128px !important; width:130px; }
#Header .SearchForm input.SubmitButton { width:64px !important; width:66px; height:auto !important; height:20px; }

#Header #language_switch { float:right; padding:2px 17px; background:transparent url(img/bg_lang_switch.gif) right center no-repeat; font-size:1.1em;}
#Header #language_switch a {  }
#Header #language_switch span { display:none; }

#Header p.SiteMapLink { float:right; padding:2px 30px 2px 16px; font-size:1.1em;}
#Header .SiteMapLink a {  }

/* Menu */
#Menu { width:780px; height:40px; background:#9BB288 url(img/menu.gif) left top no-repeat; margin:0; position:absolute; top:33px; left:0; z-index:2000; }
#Menu .killfloat { display:none; }
#Menu ul { margin:0; padding:0; background:#9BB288 url(img/menu.gif) left top no-repeat; width:780px; position:absolute; z-index:2000; }
#Menu li { margin:0; padding:0; float:left; display:block; height:40px; top:0; left:0; background:#9BB288 url(img/menu.gif) left top no-repeat; position:relative; }
#Menu a, #Menu span { margin:0; padding:0; height:40px; color:black; display:block; position: relative; text-decoration:none; overflow:hidden; background:transparent url(img/menu.gif) left top no-repeat; }
#Menu a:hover { background:#859974; color:white; }
#Menu a span, #Menu span span { position: absolute; display:none; height: 40px; }
#Menu span { background:#9a8; color:white; }
#Menu ul ul { position:absolute; top:39px; width:180px; border: 1px solid #819471; border-top:0; display:none; height:auto; }
#Menu ul li { behavior: url(/styles/hover.htc); }
#Menu ul li:hover ul, #Menu ul li.hover ul { display:block; z-index:1000; }
#Menu ul li:hover, #Menu ul li.hover { z-index:1000; }
#Menu ul ul li { border:0; border-top:1px solid #819471; width:180px; height:auto;}
#Menu ul ul a { background: #dBe6d2; padding:2px 10px 1px 10px; width:160px !important; width:180px; font-size:100%; font-weight:normal; height:auto; line-height:2; }
#Menu ul ul a.Sub { background: #dBe6d2 url(img/arrow-right.gif) right center no-repeat;}
#Menu ul ul a.Sub:hover { background: #859974 url(img/arrow-right.gif) right center no-repeat;}
#Menu ul ul span.Sub { background: #9a8 url(img/arrow-right.gif) right center no-repeat;}
#Menu ul ul span { padding:2px 10px 1px; width:160px !important; width:180px; font-size:100%; height:auto; line-height:2; }
#Menu ul ul ul { behavior: url(/styles/hover.htc); top:0px; left: 171px; display:none; }
#Menu ul li.hover ul ul, #Menu ul li:hover ul ul { display:none }
#Menu ul ul li:hover ul, #Menu ul ul li.hover ul { display:block; z-index:2000; }
#Menu ul ul ul ul { behavior: url(/styles/hover.htc); }
#Menu ul ul li.hover ul ul, #Menu ul ul li:hover ul ul { display:none }
#Menu ul ul ul li:hover ul, #Menu ul ul ul li.hover ul { display:block; z-index:3000; }

#Menu ul ul ul a.Sub { background: #dBe6d2; }
#Menu ul ul ul a.Sub:hover { background: #859974; }
#Menu ul ul ul span.Sub { background: #9a8; }

#Menu li span span, #Menu li a span { background:transparent url(img/menu.gif) left top no-repeat; display:block; top:0; left:0;}
#Menu li li span span, #Menu li li a span { display:none; }

#Menu li.cs { left:19px; position:absolute; }
#Menu li.cs, #Menu li.cs a, #Menu li.cs span { width:51px; background-position:-19px 0; }
#Menu li a:hover.cs span { background-position:-19px -40px; }
#Menu li span.cs span { background-position:-19px -40px; }
#Menu li.cs li a, #Menu li.cs li span { width:auto!important; width:100%; }

#Menu li.o-nas { left:84px; position:absolute; }
#Menu li.o-nas, #Menu li.o-nas a, #Menu li.o-nas span { width:53px; background-position:-84px 0; }
#Menu li a:hover.o-nas span { background-position:-84px -40px; }
#Menu li span.o-nas span { background-position:-84px -40px; }
#Menu li.o-nas li a, #Menu li.o-nas li span { width:auto!important; width:100%; }

#Menu li.osvetleni-prekazek { left:151px; position:absolute; }
#Menu li.osvetleni-prekazek, #Menu li.osvetleni-prekazek a, #Menu li.osvetleni-prekazek span { width:147px; background-position:-151px 0; }
#Menu li a:hover.osvetleni-prekazek span { background-position:-151px -40px; }
#Menu li span.osvetleni-prekazek span { background-position:-151px -40px; }
#Menu li.osvetleni-prekazek li a, #Menu li.osvetleni-prekazek li span { width:auto!important; width:100%; }

#Menu li.letistni-zarizeni { left:311px; position:absolute; }
#Menu li.letistni-zarizeni, #Menu li.letistni-zarizeni a, #Menu li.letistni-zarizeni span { width:126px; background-position:-311px 0; }
#Menu li a:hover.letistni-zarizeni span { background-position:-311px -40px; }
#Menu li span.letistni-zarizeni span { background-position:-311px -40px; }
#Menu li.letistni-zarizeni li a, #Menu li.letistni-zarizeni li span { width:auto!important; width:100%; }

#Menu li.mereni-a-regulace { left:451px; position:absolute; }
#Menu li.mereni-a-regulace, #Menu li.mereni-a-regulace a, #Menu li.mereni-a-regulace span { width:138px; background-position:-451px 0; }
#Menu li a:hover.mereni-a-regulace span { background-position:-451px -40px; }
#Menu li span.mereni-a-regulace span { background-position:-451px -40px; }
#Menu li.mereni-a-regulace li a, #Menu li.mereni-a-regulace li span { width:auto!important; width:100%; }

#Menu li.sluzby { left:603px; position:absolute; }
#Menu li.sluzby, #Menu li.sluzby a, #Menu li.sluzby span { width:63px; background-position:-603px 0; }
#Menu li a:hover.sluzby span { background-position:-603px -40px; }
#Menu li span.sluzby span { background-position:-603px -40px; }
#Menu li.sluzby li a, #Menu li.sluzby li span { width:auto!important; width:100%; }

#Menu li.reference { left:679px; position:absolute; }
#Menu li.reference, #Menu li.reference a, #Menu li.reference span { width:85px; background-position:-679px 0; }
#Menu li a:hover.reference span { background-position:-679px -40px; }
#Menu li span.reference span { background-position:-679px -40px; }
#Menu li.reference li a, #Menu li.reference li span { width:auto!important; width:100%; }

/* Local navigation */
#LocalMenu ul { margin:0; padding:0; list-style:none; }
#LocalMenu li { margin:0; padding:0; list-style:none; }
#LocalMenu li a span, #LocalMenu li span span { display:none; } 
#LocalMenu li a, #LocalMenu li span { width:229px !important; width:254px; display:block; width:auto !important; width:100%; background:#98AE85 url(img/bg_localnavigation.gif) top left no-repeat; padding:3px 10px 3px 15px; font-weight:bold; color:white; font-size:1.2em; text-decoration:none; } 
#LocalMenu li a:hover { color:#800; text-decoration:underline;}
#LocalMenu li li { border-top:1px solid white; }
#LocalMenu li li a, #LocalMenu li li span { background:#CBD6C2; padding:4px 10px 4px 15px; font-weight:normal; color:black; font-size:100%; text-decoration:underline;}
#LocalMenu li li span { text-decoration:none; font-weight:bold; }
#LocalMenu li li a:hover { background-color:white; }
#LocalMenu li li li a, #LocalMenu li li li span { background:#E5EAE0; width:214px !important; width:254px; padding-left:30px; }
#LocalMenu li li li li a, #LocalMenu li li li li span { background:#f1f6ee; width:199px !important; width:254px; padding-left:45px; }
#LocalMenu .killfloat { display:none; }

#LocalMenuPlus ul { margin:0; padding:0; list-style:none; }
#LocalMenuPlus li { margin:0; padding:0; list-style:none; }
#LocalMenuPlus li a span, #LocalMenuPlus li span span { display:none; }
#LocalMenuPlus li a, #LocalMenuPlus li span { display:block; width:auto !important; width:100%; background:#CBD6C2; padding:4px 10px 4px 15px; font-weight:normal; color:black; font-size:100%; text-decoration:underline;border-bottom:1px solid white;}
#LocalMenuPlus li a:hover { color:#800; text-decoration:underline; background:white; }
#LocalMenuPlus .killfloat { display:none; }


/* Left col boxes */
#SideColumn p { line-height:1.6; }
#SideColumn .Box { background:#E5EAE0 url(img/bg_box.gif) right bottom no-repeat; }
#SideColumn .Box h3 { background:#CBD6C2 url(img/bg_boxh3.gif) left top no-repeat; font-size:1em; padding:5px 10px 3px 15px; color:black; }
#SideColumn .BoxIn { padding:8px 10px 10px 15px; line-height:1.6; }
#SideColumn address { font-style:normal; }

/* Homepage formatting */
#HomeWelcome { width:254px!important; width:254px; padding:0; float:left; text-align:justify;}
#HomeWelcome h2 { padding:5px 10px 5px 10px; margin:0; background:#98AE85 url(img/bg_localnavigation.gif) top left no-repeat; font-weight:bold; color:white; font-size:1em; text-align:left; }
#HomeWelcome p { padding:5px 10px 0; line-height:1.6; }
#HomeWelcome img { float:right; margin:5px 0 3px 7px; border:1px solid black; background:white; padding:0; }
#HomeWelcome .HomeOfferItem { padding:0 0 6px; border-bottom:9px solid white; background:#E5EAE0 url(img/bg_main.gif) left bottom no-repeat; } 
#HomeOffer { width:526px; float:right; }
#HomeOffer .HomeOfferItem { width:254px !important; width:263px; padding:0 0 6px; border-left:9px solid white; border-bottom:9px solid white; float:left; background:#E5EAE0 url(img/bg_main.gif) left bottom no-repeat; }
#HomeOffer h3 { margin:0; background:#98AE85 url(img/bg_localnavigation.gif) top left no-repeat; padding:5px 11px; font-weight:bold; color:black; font-size:1em;}
#HomeOffer h3 a { color:white; }
#HomeOffer h3 a:hover { color:black; }
#HomeOffer p { padding:5px 9px 0; line-height:1.6; }
#HomeOffer a.PicLink { float:right; border:1px solid black; padding:1px; margin:5px 5px 0; background:white; display:block; }
#HomeOffer a:hover.PicLink { background:#888; }
#HomeOffer a img { border:1px solid black; background:white; display:block; padding:0; }

/* Text itself */
.DocumentPath { background: #CBD6C2 url(img/bg_path.gif) right top no-repeat; padding:6px 11px; }
#ArticleContainer { padding:11px 11px 17px; text-align:justify; }
#ArticleContainer p { line-height:1.6; padding:4px 0; }
h2, h3, h4, h5, h6 { color: #367500; text-align:left}
h2.large { color:black; font-size:2.5em; margin:5px 0 10px 0; }
h2 { font-size:2em;}
h3 { font-size:1.4em; margin-top:8px; }
h4 { font-size:1.2em; margin-top:4px; }
h5 { font-size:1.2em; margin-top:4px; color:black; }
h6 { font-size:1em; margin-top:4px; color:black; }
table {width:494px; border-collapse:collapse; }
th { background:#98AE85; text-align:left; padding:2px 5px; border:1px solid #98AE85; color:white; }
td { background:#CBD6C2; text-align:left; padding:2px 5px; border:1px solid #98AE85; }
ul { list-style:square; margin:0 0 5px; padding:0; line-height:1.6; }
ol { margin:0 0 5px; padding:0; line-height:1.6; }
ol li { margin:0 0 0 30px; padding:0; }
ul li { margin:0 0 0 20px; padding:0; }
ol ul, ul ol { margin:0; } 
ul ul { list-style:disc; margin:0;}
ul ul ul { list-style:circle; }
#FavoritePrintTop {	margin-top:1em; }
img { border:1px solid #888; padding:3px; background:white; vertical-align:middle; }
img.no-border { border:0 }
acronym { border:1px dotted #248; background:#eef; padding:0 3px; cursor:help; }
strong.extra-strong { color:red }
.code { border: 1px #666 solid; padding-right: 3px; padding-left: 3px; color: #800; font-family: 'Courier New' , Monospace; background-color: #ddd; }
.right-floating-box { width:250px; float:right; margin-left:8px; }
.left-floating-box { width:250px;	float:left;	margin-right:8px; }
code { margin:8px 0; border:1px solid #ccc; background:#eee; font-family:"Courier New", monospace; font-size:90%; color:black; display:block; padding:5px; text-align:left; overflow:auto; width:460px; }

img.image-right { float:right; margin-left:5px; background:#124;}
img.image-left { float:left; margin-right:5px; background:#124; }
span.image-left, span.image-right { background:#ccc; display:inline; line-height:0; /* kills a MSIE bug */ }
span.image-left  { float:left; margin: 7px 5px 2px 3px; }
span.image-right { float:right; margin: 7px 0 2px 8px; }
.imageborder { display:block; position:relative; top:-3px; left:-3px; border:1px solid #98AE85; padding:3px; background:white; line-height:0; }
span.image-left img, span.image-right img { display:block; border:0; padding:0; line-height:0; vertical-align:auto; }

a.pdf { padding-left:20px; background:transparent url(img/icons/ico-pdf.gif) left center no-repeat; }
a.doc { padding-left:20px; background:transparent url(img/icons/ico-doc.gif) left center no-repeat; }
a.xls { padding-left:20px; background:transparent url(img/icons/ico-xls.gif) left center no-repeat; }

.PageListLine { background:#CBD6C2; border: 1px solid #98AE85; padding-top:5px; margin-bottom:10px; }
.HilightSearch {background:#dd0; padding:0 1px; border:1px solid #888; }

