@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
* {margin: 0; padding: 0;}


body.page, body.sub, body.home{font-family: 'Open Sans', Arial, sans-serif; overflow-y:scroll; margin: 10px auto; padding:0 20px; width:1200px; box-shadow: 4px 4px 20px hsl(185deg 0% 87%);}
body#WebJETEditorBody {font-family: 'Open Sans', Arial, sans-serif; margin:20px}
a {color: hsl(185deg 71% 20%); text-decoration-color: hsl(185deg 0% 80%);}
a:hover {text-decoration: none;}
p {margin-bottom:15px;}
h1 {font-size: 2.0em; margin: 20px 0 10px 0; font-weight: bold;   color:hsl(185deg 71% 25%);}
h2 {font-size: 1.6em; margin: 20px 0 10px 0; font-weight: bold;   color:hsl(185deg 71% 35%);}
h3 {font-size: 1.4em; margin: 20px 0 10px 0; font-weight: normal; color:hsl(185deg 71% 35%);}
h4 {font-size: 1.2em; margin: 20px 0 10px 0; font-weight: normal; color:hsl(185deg 71% 35%);}
h5 {font-size: 1.1em; margin: 20px 0 10px 0; font-weight: bold;   color:hsl(0deg 0% 40%);}
h6 {font-size: 1.1em; margin: 20px 0 10px 0; font-weight: normal; color:hsl(0deg 0% 40%);}
hr {border: 3px hsl(185deg 0% 93%) solid;}
ul, ol {margin:0 0 15px 20px}
li {margin-bottom: 8px;}
xa.linkOut::after {content:" (externy odkaz)"; color:hsl(185deg 0% 40%); font-size:0.8em}
h3.big {font-size: 2.5em; color: hsl(185deg 0% 40%); margin:0}  
a.viac {background: hsl(185deg 0% 98%); border-top: 1px hsl(185deg 0% 93%) solid; border-radius: 0 0 14px 14px; text-align: center; padding: 3px; margin: 0 10px 30px 10px;}
p.viac:hover {background: hsl(185deg 0% 95%)}
div.clearer {display:none}
time {font-style:italic; color:hsl(185deg 0% 40%)}
 
div.contentBox {margin: 0 !important;}
div.content {float:right; width:830px; padding:0 30px; min-height:500px}
div.content1 {padding:10px}
div.content3 {width:760px; float:left;}
div.home {display:flex;}
div.home > div {width:50%; padding:10px}

div.odkazy {display:flex; justify-content:space-evenly; flex-wrap:wrap}
div.odkazy img {width:230px; margin:6px; border-radius:3px; box-shadow: 4px 4px 10px hsl(185deg 0% 87%);}
div.odkazy img:hover {box-shadow: 4px 4px 10px hsl(185deg 0% 60%);}
 
form {background:hsl(185deg 0% 98%); border: 1px solid hsl(185deg 0% 87%); border-radius:10px; padding:10px}
input, select, textarea  {font:inherit; padding: 3px 7px; border:1px solid hsl(185deg 0% 87%); border-radius:5px}
input.invalid, select.invalid, textarea.invalid {background:hsl(185deg 0% 100%)}
input.submit {cursor:pointer; background:hsl(185deg 0% 93%);}
input.submit:hover {background:hsl(185deg 0% 100%);}
input.inputfile {width:350px}
table {border-collapse:collapse; display:table;}
table td {padding: 3px 5px; vertical-align: top;}
img.img_left {float:left; margin: 0 5px 0 0;}
img.img_right {float:right; margin: 0 0 0 5px;}
fieldset {border:0 none;}
blockquote {margin: 0 0 10px 15px;}
blockquote blockquote {margin: 0 0 0 15px;}
img.thumb {float:left; margin-right:10px; max-width:360px; border-radius:10px;}
div.heading {display:flex; justify-content:space-between}  

div.topMenu {margin:20px; text-align:right; line-height: 2em; float:right;}
div.topMenu a {padding: 3px 5px; border-radius:7px; text-decoration:none; color:hsl(185deg 0% 0%); white-space:nowrap;}
div.topMenu a:hover {background:hsl(185deg 0% 93%);}

div.search {margin: 30px 0}
div.search form {padding:0; margin:0; background:none; border: 0 none;}
div.search input.smallSearchInput {width:500px; border-radius:5px;}
div.search input.smallSearchSubmit {border-radius:5px; color: black;}

ul#menu {clear:both; display:flex; flex-wrap:wrap; justify-content:space-between; margin:0; border-bottom:2px hsl(185deg 71% 44%) solid;}
ul#menu li {list-style:none; padding: 0; margin:0}
ul#menu ul li.open a {background:hsl(185deg 0% 93%)}
ul#menu li a {display:block; background:hsl(185deg 0% 100%); border: 1px hsl(185deg 0% 80%) solid; border-bottom:none; border-radius: 5px 5px 0 0; padding: 5px 10px; text-decoration:none; color:hsl(185deg 0% 27%); font-weight:bold}
ul#menu li.open a {color:hsl(185deg 71% 20%); background:hsl(185deg 0% 95%)}
ul#menu li a:hover {background:hsl(185deg 0% 96%); border-color: hsl(185deg 71% 44%);}

div.bottomMenu {padding: 10px; border-top: hsl(185deg 0% 93%) 1px solid; column-count: 3; column-rule: 1px solid hsl(185deg 0% 93%); column-gap:50px}
div.bottomMenu a {display:block; color:hsl(185deg 0% 40%);}
div.bottomMenu a:hover {color:hsl(185deg 0% 0%);}

table.tabulka {border:1px solid hsl(185deg 40% 85%); border-collapse:collapse; width:100%;}
table.tabulka th {border:1px solid hsl(185deg 40% 85%); background:hsl(185deg 0% 96%); color:#004494; padding: 3px 5px;}
table.tabulka td {border:1px solid hsl(185deg 40% 85%); padding: 3px 5px; text-align:left; vertical-align:top;}
table.tabulka td p, table.tabulka th p {margin: 0; padding:0;}
  

div.imgBox {float: left; margin: 0 10px 15px 0; display:inline; width:70px;}
div.imgBox img {border: 1px solid hsl(185deg 0% 85%); padding: 3px; padding-bottom: 4px; border-bottom: 0px none;}
div.imgBox a {background:url(/images/enviro/imgArrow.png) right bottom no-repeat; clear:both; text-decoration:none; padding: 0 0 12px 0; float:left;}

div.news_content {border-top: 6px solid hsl(185deg 0% 93%); padding: 10px; clear: both;}
div.news_content img {width:100%; border-radius:3px}
div.news_content .news_img_left {float:left; display:inline;}
div.news_content a {text-decoration:none;}
div.news_content a h4 {color:hsl(185deg 71% 31%); margin:0 0 10px 0; font-weight:bold;}
div.news_content a:hover {text-decoration:underline;}
div.news_content .news_text {}
div.news_content .news_date {display:block; color:hsl(185deg 0% 40%); font-size: 0.8em}
div.news_pages_bottom {border-top: 1px solid hsl(185deg 0% 93%); padding: 10px 0;}

body.home div.news {display:flex; flex-wrap:wrap; justify-content:space-around}
body.home div.news_content {border: none; padding: 9px; clear: both; width: 360px; margin:10px 5px; border-radius:5px; box-shadow: 4px 4px 10px hsl(185deg 0% 87%);}
  
div.foot {clear:both; font-size: 0.7em; text-align: center; border-top:1px hsl(185deg 0% 93%) solid; padding:10px; margin-top: 10px;}
div.foot a {text-decoration:none; color:hsl(185deg 0% 0%);}
div.foot a:hover {text-decoration: underline;}

div.leftMenu {float: left;}
ul#menu2 {width:300px; padding:5px; margin:0; background:hsl(185deg 0% 98%); border-bottom: 2px hsl(185deg 71% 44%) solid;}
ul#menu2 ul {margin: 0 0 0 20px; border-left: 1px hsl(185deg 20% 46%) solid;}
ul#menu2 li {list-style:none; margin:0}
ul#menu2 li.open > a {font-weight:bold; color:hsl(185deg 71% 20%)}
ul#menu2 a {text-decoration:none; color:hsl(185deg 0% 27%); padding:6px 4px 6px 10px; border-radius:5px; display:block;}
ul#menu2 a:hover {background: hsl(185deg 0% 93%);}

ul#oblasti {display: flex; flex-wrap:wrap; margin: 0;}
ul#oblasti li {list-style:none; margin:0}
ul#oblasti a {padding:15px; margin:5px; background:hsl(185deg 0% 93%); display:block;  width:167px; height:66px; border-radius:5px; text-align:center; text-decoration:none;}
ul#oblasti a:hover {background:hsl(185deg 0% 87%)}

div.breadcrumb {display:none}
xdiv.breadcrumb {margin-bottom:20px; font-size:80%; }
xdiv.breadcrumb a {color:hsl(185deg 0% 33%)}

div.sitemap ul li {list-style:none; font-weight:bold; margin:0 0 20px 0}
div.sitemap ul ul li {list-style:square; font-weight:normal; margin: 0;}
div.sitemap a {text-decoration:none;}
div.sitemap a:hover {text-decoration: underline;}
div.sitemap div.stlpec_1 {width:100%; float:none;}
div.sitemap div.stlpec_2 {width:50%; float:left;}
div.sitemap div.stlpec_3 {width:33%; float:left;}

div.content_text {float:right; width:540px; margin: 0 10px; display:inline;}
p.Poznamka, p.poznamka {border-top:1px dashed hsl(185deg 0% 50%); color:hsl(185deg 0% 50%); letter-spacing:1px; margin:0 0 10px; padding:10px 0 0;}
div.perex {font-weight:bold;}

.hide {display: none;}