@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 #ddd;}
body#WebJETEditorBody {font-family: 'Open Sans', Arial, sans-serif; margin:20px}
a {color: #0a5283;}
a:hover {text-decoration: none;}
p {margin-bottom:10px;}
h1 {font-size: 2.0em; margin: 20px 0 10px 0; font-weight: bold;   color:#004f86;}
h2 {font-size: 1.6em; margin: 20px 0 10px 0; font-weight: bold;   color:#265e86;}
h3 {font-size: 1.4em; margin: 20px 0 10px 0; font-weight: normal; color:#265e86;}
h4 {font-size: 1.2em; margin: 20px 0 10px 0; font-weight: normal; color:#0277bd;}
h5 {font-size: 1.1em; margin: 20px 0 10px 0; font-weight: bold;   color:#666666;}
h6 {font-size: 1.1em; margin: 20px 0 10px 0; font-weight: normal; color:#666666;}
hr {border: 3px #eee solid;}
ul, ol {margin:0 0 15px 20px}
li {margin-bottom: 5px;}
xa.linkOut::after {content:" (externy odkaz)"; color:#666; font-size:0.8em}
h3.big {font-size: 2.5em; color: #666; margin:0}  
a.viac {background: #f9f9f9; border-top: 1px #eee solid; border-radius: 0 0 14px 14px; text-align: center; padding: 3px; margin: 0 10px 30px 10px;}
p.viac:hover {background: #f3f3f3}
div.clearer {display:none}
time {font-style:italic; color:#666}
 
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 #ddd;}
div.odkazy img:hover {box-shadow: 4px 4px 10px #999;}
 
form {background:#fafafa; border: 1px solid #ddd; border-radius:10px; padding:10px}
input, select, textarea  {font:inherit; padding: 3px 7px; border:1px solid #ddd; border-radius:5px}
input.invalid, select.invalid, textarea.invalid {background:#fff}
input.submit {cursor:pointer; background:#eee;}
input.submit:hover {background:#fff;}
input.inputfile {width:350px}
table {border-collapse:collapse; display:table;}
th {text-align:left}
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: 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; border-radius:7px; text-decoration:none; color:black; white-space:nowrap;}
div.topMenu a:hover {background:#eee;}

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;}

ul#menu {clear:both; display:flex; flex-wrap:wrap; justify-content:space-between; margin:0; border-bottom:2px #607D8B solid;}
ul#menu li {list-style:none; padding: 0; margin:0}
ul#menu ul li.open a {background:#eee}
ul#menu li a {display:block; background:#fff; border: 1px #ccc solid; border-bottom:none; border-radius: 5px 5px 0 0; padding: 5px 10px; text-decoration:none; color:#444; font-weight:bold}
  ul#menu li.open a {color:#004f86; background:#f3f3f3}
ul#menu li a:hover {background:#f6f6f6; border-color: #607d8b;}

div.bottomMenu {padding: 10px; border-top: #eee 1px solid; column-count: 3; column-rule: 1px solid #eee; column-gap:50px}
div.bottomMenu a {display:block; color:#666;}
div.bottomMenu a:hover {color:#000;}

table.tabulka {border:1px solid #bfd0e4; border-collapse:collapse; width:100%;}
table.tabulka th {border:1px solid #bfd0e4; background:#ecf1f7; color:#004494; padding: 3px 5px;}
table.tabulka td {border:1px solid #bfd0e4; padding: 3px 5px; text-align:left; vertical-align:top;}
table.tabulka td p, table.tabulka th p {margin: 0; padding:0;}
  
div.archiv {clear:both; width:350px; background:url(/images/enviro/newsBottom.png) 0 0 no-repeat; height: 19px; line-height: 17px;}
div.archiv a {color:#006425; background:transparent url(/images/enviro/uzitocneOdkazyLi.png) no-repeat scroll 0.9em 0.5em; padding: 0 0px 0 25px; margin: 0 0 0 250px; display:block; width:60px; line-height: 1.4em; height:1.4em;}
div.archiv a:hover { background-position: 0.9em -3.25em; color:#FF7F00;}

div.imgBox {float: left; margin: 0 10px 15px 0; display:inline; width:70px;}
div.imgBox img {border: 1px solid #dadada; 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 #eee; 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:#607D8B; 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:#666; font-size: 0.8em} 
div.news_pages_bottom {border-top: 1px solid #eee; 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 #ddd;}
  
div.foot {clear:both; font-size: 0.7em; text-align: center; border-top:1px #eee solid; padding:10px; margin-top: 10px;}
div.foot a {text-decoration:none; color:#000;}
div.foot a:hover {text-decoration: underline;}

div.leftMenu {float: left;}
ul#menu2 {width:300px; padding:5px; margin:0; background:#f9f9f9; border-bottom: 2px #607D8B solid;}
ul#menu2 ul {margin: 0 0 0 20px; border-left: 1px #607d8b solid;}
ul#menu2 li {list-style:none; margin:0}
ul#menu2 li.open > a {font-weight:bold; color:#0a5283}
ul#menu2 a {text-decoration:none; color:#444; padding:6px 4px 6px 10px; border-radius:5px; display:block;}
ul#menu2 a:hover {background: #eee;}

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:#eee; display:block;  width:167px; height:66px; border-radius:5px; text-align:center; text-decoration:none;}
ul#oblasti a:hover {background:#ddd}

div.breadcrumb {display:none}
xdiv.breadcrumb {margin-bottom:20px; font-size:80%; }
xdiv.breadcrumb a {color:#555}

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 #858585; color:#858585; letter-spacing:1px; margin:0 0 10px; padding:10px 0 0;}
div.perex {font-weight:bold;}

.hide {display: none;}