@charset "utf-8";

*  {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-size: 100%;
width: 100%;
color: #333;
background-color: #ececec;
font-family: 'Libre Franklin', sans-serif;
}
fieldset input, fieldset textarea {
font-family: 'Libre Franklin', sans-serif !important;	
}
header, article, section, footer, aside, nav, main {
display: block;
}
.skryte {
position: absolute;
left:-10000em;
}
#celek {
clear: both;
max-width: 1400px;
margin: 0 auto;
}
header:after, 
#obsah:after,
main:after, 
.widget:after, 
.section:after, 
aside:after, 
main dl:after, 
#comments article:after, 
#recommend li:after, 
#noviny li:after, 
.aside_blok li:after,
article article:after
{
content: ".";
display: block;
visibility: hidden;
clear: both;
height: 0;
}
header {
padding: 0;
position: relative;
border-bottom: 1px solid #ececec;
}
header h1  {
padding: 0.6em 0 0.6em 15px;
max-width: 70%;
clear: both;
font-size: 1.3em;
text-transform: uppercase;
line-height: 1.1;
font-weight: bold;
text-align: left;
}
header h1 a {
text-decoration: none;
display: block;
cursor: pointer !important;
color: white;
background-color: #333;
line-height: 1.1;
}
header h1 a span {
display: block;
font-size: 12px;
font-weight: normal;
text-transform: none;
}
footer {
background-color: white;
color: #333;
}
footer .vnitrni {
margin: 0 auto;
max-width: 1400px;
clear: both;
}
footer .vnitrni {
width: 90%;
}
header .vnitrni {
margin: 0 auto;
background-color: #333;
color: white;
width: 100%;
max-width: 1400px;
}
header #navig, header nav, #searching {
display: none;
}
main h1, h2, h3, h4, main table th {
color: black;
background-color: white;
}
a {
color: #41a62a;
cursor: pointer !important;
}
main a:hover, aside a:hover, footer a:hover  {
color: black;
}
img {
max-width: 100%;
height: auto;
border: none;
}
.obrazek img {
width: 100%; }
strong, b {
font-weight: bold;
color: black;
background-color: white;
}
blockquote {
border-left: 10px solid #ececec;
padding-left: 15px;
margin-bottom: 1.3em;
font-style: italic;
}
cite {
font-style: normal;
}
article article, 
aside.postmetadata {
border-bottom: 1px solid #ececec;
}
#sloupek section {
padding-bottom: 2em;
border-bottom: 1px solid #ececec;
}
article article:last-of-type, 
#sloupek2 section:last-of-type {
border: none;
}
main {
margin: 0 auto;
padding-bottom: 1em;
border-bottom: 5px solid #ececec;
background-color: white;
color: #333;
}
main h1 {
font-size: 1.4em;
margin: 1em 0 0.5em;
text-transform: none;
}
body.archive main h1, body.search-results main h1 {
margin-bottom: 0.9em;
}
main h2, aside h2 {
margin: 1.4em 0 0.8em;
font-size: 1.1em;
line-height: 1.3;
}
main h3, aside h3 {
margin: 1.4em 0 1em;
font-size: 1em;
line-height: 1.3;
font-weight: bold;
}
main h4 {
margin: 1.3em 0 0.2em;
font-size: 0.95em;
line-height:1.2;
font-weight: bold;
}
main ul, main ol {
margin: 1em 0 1em 2em;
}
main li, main p, #zalozky, aside li, aside p, footer p, legend, input, textarea {
line-height: 1.5;
}
main li, main p, #zalozky, footer p, legend, input, textarea {
font-size: 14px;
}
aside li, aside p {
font-size: 13px;
}
main p {
margin: 0 0 1.6em;
}
.clanek {
margin: 0 auto 0;
width: 90%;
position: relative;
box-sizing: border-box;
padding: 1.5em 0 0;
}
article article {
margin-bottom: 1.5em;
}
aside.postmetadata {
float: none;
width: 100%;
font-size: 0.8em;
line-height: 1.3;
padding: 0.7em 0;
border-top: 1px solid #ececec;
}
aside section {
width: 90%;
margin: 0 auto;
}
#levy section.widget_nav_menu {
width: 100%;
}
#celek main p.meta-blok {
margin: -0.7em 0 0.6em 0;
font-weight: normal;
font-size: 13px;
line-height: 1.4;
}
span.vzpominame {
color: yellow;
background-color: black;
display: inline-block;
padding: 0.8em 1.2em 0.7em;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 1px;
font-weight: bold;
}
aside li {
list-style-position: inside;
}
aside#sloupek {
background-color: white;
color: #333;
}
fieldset {
border: none;
padding: 0;
}
fieldset legend {
display: none;
}
fieldset label {
display: block;
font-size: 14px;
}
fieldset label span {
font-weight: normal;
}
fieldset input, fieldset textarea {
padding: 0.4em 0.5em;
border: 1px solid #c0c0c0;
width: 100%;
margin: 0 0 1em 0;
}
fieldset textarea {
height: 16em;
}
input[type=submit] {
background-color: #666;
border-radius: 0.3em;
height: auto;
border: none;
color: white;
padding: 0.7em 1em;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 0.8em;
cursor: pointer;
margin: 0.2em 0 0 0;
font-weight: bold;
}
input[type=submit]:hover {
background-color: #333;
color: white;
text-decoration: underline;
}
.breadcrumbs {
font-size: 0.76em;
line-height: 1.6;
margin: 0 0 2em 0;
}
.autor {
margin-bottom: 0.8em;
line-height: 1.5;
}
.komenty {
font-size: 13px;
margin: 0 0 0.5em 0;
}
.hvezdy {
font-size: 13px;
margin: 0 0 0.5em 0;
}
body.single .hvezdy {
margin: 0 0 0.9em 0;
}
.addtoany_shortcode {
margin: 0 0 0.4em 0;
}
main table {
font-size: 0.9em;
margin: 1em 0 2em;
width: 100%;
border-collapse: collapse;
border-bottom: 1px solid #c0c0c0;
}
main table caption {
display: none;
}
main table th, main table td {
line-height: 1.5;
padding: 8px 10px;
font-size: 13px;
border: 1px solid #c0c0c0;
}
main table th {
font-weight: bold;
text-align: left;
font-size: 13px;
border-bottom: none;
}
main table td {
border-bottom: none;
}
#celek iframe {
max-width: 100% !important;
}
footer {
clear: both;
border-top: 1px solid #ececec;
padding-top: 2em;
padding-bottom: 2.6em;
}
#respond {
margin-bottom: 1em;
}
#comments ul {
margin: 0;
}
#comments li {
list-style-type: none;
}
#comments li.depth-1 {
padding-top: 1em;
border-bottom: 1px solid #ececec;
margin-bottom: 1em;
padding-bottom: 1em;
}
#comments li.depth-2 {
background-image: url(//www.naucne-stezky.cz/wp-content/themes/naucne-stezky/images/sipka.jpg);
background-position: 12px 6px;
background-repeat: no-repeat;
padding-left: 43px; }
#comments ul ul {
margin: 0;
}
#comments article {
margin: 0 0 1em 0;
}
#comments header {
border: none;
font-weight: bold;
}
#comments header img {
float: left;
margin: 5px 10px 5px 0;
padding: 1px;
border: 1px solid #ececec;
}
a.comment-reply-link {
float: right;
}
#comments li li  {
font-size: 100%;
}
p.datum {
font-weight: normal;
font-size: 13px;
}
#celek #wp_page_numbers li.page_info {
font-size: 1.2em;
padding: 0.4em;
}
#celek #wp_page_numbers li a {
font-size: 1.2em;
padding: 0.4em;
}
#celek #wp_page_numbers {
margin-top: 2em;
}
#sloupek h2 {
margin-bottom: 1em;
}
#sloupek h3 {
line-height: 1.6;
}
#sloupek li {
list-style-type: none;
clear: both;
line-height: 1.5;
padding-bottom: 1.1em;
font-size: 13px;
}
#sloupek ul.menu li {
list-style-type: disc;
clear: both;
line-height: 1.5;
padding-bottom: 0;
font-size: 13px;
}
#sloupek2 li {
line-height: 1.7;
}
#sloupek li:last-of-type {
padding-bottom: 0;
}
#sloupek li img {
display: block;
max-width: 100%;
height: auto;
}
#sloupek p {
font-size: 100%;
margin-bottom: 0.5em;
line-height: 1.6;
}
#sloupek .comment-avatar img {
max-width: 22px;
height: auto;
}
#sloupek .comment-wrap {
padding-left: 34px !important;
}
#sloupek1 li a {
margin: 0 0 0.2em 0;
display: table;
}
#sloupek1 li a img, #sloupek1 li a span.titulek {
display: table-cell;
vertical-align: top;
}
#sloupek1 li a img {
max-width: 50px;
width: 50px;
height: auto;
}
#sloupek1 li a span.titulek {
padding: 0 0 0 1em;
}
div.menu-kraje_okresy-container {
width: 100%;
background-color: white;
color: #333;
}
div.menu-kraje_okresy-container ul {
margin: 0.2em 0 0 0;
padding:0;
}
div.menu-kraje_okresy-container ul li a {
display: block;
padding: 6px 15px 6px 15px;
text-decoration: none;
color: white;
}
div.menu-kraje_okresy-container ul li {
list-style-type: none;
position:relative;
background-color: gray;
color: white;
line-height: 1.75;
margin: 0;
float: left;
margin: 0 0.3em 0.3em 0;
}
div.menu-kraje_okresy-container ul li:hover, 
div.menu-kraje_okresy-container ul li.current-menu-parent, 
div.menu-kraje_okresy-container ul li.current-menu-item,
nav li.current-menu-item {
background-color: #41a62a;
color: white;
}
div.menu-kraje_okresy-container ul li ul {
display:none;
}
.podkategorie {
margin: 0 0 1.8em 0;
padding: 0;
}
.podkategorie ul {
margin: 0;
padding: 0;
}
.podkategorie ul li {
list-style-type: none;
display: inline-block;
margin: 0 0.1em 0.3em 0;
padding: 0;
}
.podkategorie ul li a {
display: block;
padding: 0.4em 0.7em;
background-color: #f0f0f0;
color: black;
text-decoration: none;
font-size: 14px;
}
.podkategorie ul li a:hover {
text-decoration: underline;
}
.obrazek {
position: relative;
}
.obrazek .img-title {
position: absolute;
bottom: 20px;
left: 0;
right: 0; width: 100%;
font-size: 11px;
}
.obrazek .img-title .vnitrni {
margin: 0 auto;
width: 90%;
}
.obrazek .img-title .vnitrni span {
display: inline-block;
padding: 0.5em 1em;
background-color: #333;
color: #ececec;
}
.obrazek .img-title a {
background-color: #333;
color: #ececec;
}
.obrazek .img-title a:hover {
background-color: #333;
color: white;
}
.meta-obrazek .img-title {
font-size: 12px;
bottom: 40px;
}
.tagcloud {
line-height: 1.6;
}
.tagcloud a {
display: inline-block;
margin-right: 0.3em;
}
.meta-obal-vnejsi {
margin-bottom: 1.1em;
}
#odkazy li a {
display: block;
width: 90%;
overflow: hidden;
}
#mapa p.poznamka {
margin-top: 1em;
font-size: 13px;
}
body.single div.map {
border: 1px solid gray !important;
}
.archive div.map {
margin-bottom: 3em;
}
div.map a, div.map li {
font-size: 14px;
}
td.region span:last-of-type, p.meta-blok span:last-of-type {
display: none;
}
.meta {
margin: 0.3em 0 1em;
border-bottom: 1px solid #ececec;
padding-bottom: 0.5em;
margin-top: -0.1em;
color: gray;
}
div.meta span.cara {
display: none;
} @media (max-width: 600px)  {
table, thead, tbody, th, td, tr { 
display: block; 
}
tr { 
border-bottom: 5px solid #666; 
}
td { 
border: none;
position: relative;
padding-left: 50%; 
}
td:before { 
position: absolute;
top: 6px;
left: 6px;
width: 45%; 
padding-right: 10px; 
white-space: nowrap;
}
} @media (min-width: 600px) {
article article img.wp-post-image {
max-width: 150px;
height: auto;
display: block;
float: left;
margin: 0 0 1em 0;
}
main {
padding-bottom: 2em;
margin-bottom: 2em;
}
main h1 {
font-size: 1.5em;
}
main h2, body.home main h3 {
margin: 1.4em 0 0.8em;
font-size: 1.2em;
}
body.home main h2 {
margin-bottom: 1.3em;
}
body.home main h3 {
margin-top: 0;
}
main h3 {
margin: 1.4em 0 1em;
font-size: 1.1em;
}
.meta .meta-vnitrni {
display: table;
}
.meta-vnitrni div {
display: table-cell;
vertical-align: top;
}
div.meta img {
vertical-align: middle;
}
div.meta span.cara {
display: block;
}
main table th {
width: 32%;
}
main table td {
border-left: none;
}
.clanek {
width: 90%;
margin: -80px auto 0;
background-color: white;
position: relative;
box-sizing: border-box;
color: #333;
}
.clanek-vnitrni {
width: 86%;
margin: 0 auto;
}
aside section {
width: 80%;
}
.meta-obal-vnejsi {
margin-bottom: 0.6em;
display: table;
width: 100%;
}
.meta-obal-vnejsi h2 {
margin-top: 0;
}
.meta-obrazek { }
.meta-obrazek, .meta-info {
display: table-cell;
vertical-align: top;
}
.meta-info {
padding: 0 0 0 1.5em;
width: 100%;
}
.meta-obrazek .img-title {
position: absolute;
left: -10000em;
}
.obrazek .img-title {
bottom: 100px;
}
.textik {
clear: both;
}
} @media (min-width: 800px) {
main li, main dt, main dd, main p, legend, input, textarea, fieldset label {
font-size: 15px;
}
main {
padding-bottom: 3em;
border-bottom: none;
width: 65%;
float: left;
}
#obsah {
background-color: white;
color: #333;
}
#sloupek {
border-left: 1px solid #ececec;
border-right: none;
float: left;
width: 35%;
}
#sloupek li {
color: black;
background-color: white;
}
aside {
font-size: 0.8em;
line-height: 1.6;
padding: 0;
}
aside h2 {
font-size: 15px;
text-align: left;
margin: 1.7em 0 0.7em;
line-height: 1.3;
}
aside li, aside p {
line-height: 1.7;
}
#levy section:nth-of-type(1) h2 {
margin-top: 0;
}
.clanek {
width: 100%;
margin: 0 auto 0;
}
.obrazek .img-title {
bottom: 20px;
left: 3rem;
}
.obrazek .img-title .vnitrni {
width: auto;
}
#comments li li {
font-size: 100%;
}
} @media (min-width: 1200px) {
#celek {
background-color: black;
color: white;
}
header h1  {
padding: 0 0 0 15px;
}
header .vnitrni {
display: table;
}
header h1, header #navig, header nav, #searching  {
display: table-cell;
vertical-align: middle;
float: none;
}
#searching {
display: table-cell;
padding-left: 2em;
}
#searching input[type=text] {
padding: 4px;
font-size: 14px;
border: none;
}
#searching button {
float: right;
padding: 6px;
margin-right: 20px;
background: #ddd;
font-size: 14px;
border: none;
cursor: pointer;
}
#searching button:hover {
background: #ececec;
}
#searchform label {
display: none;
}
header #navig {
float: right;
}
nav {
padding: 0;
}
nav ul li {
list-style-type: none;
float: left;
position: relative;
}
nav ul li a {
text-decoration: none;
padding: 1.4em 1em;
display: block;
float: left;
color: white;
background-color: #333;
font-size: 13px;
}
nav a:hover {
background-color: #41a62a;
color: white;
}
.menu-item-has-children > a {
background: url(//www.naucne-stezky.cz/wp-content/themes/naucne-stezky/images/ikona.png) no-repeat 93% 50%;
background-size: 9px;
}
div.menu-horni-menu-container {
width: 100%;
float:left;
display: block;
}
div.menu-horni-menu-container ul {
margin: 0;
padding:0;
}
div.menu-horni-menu-container ul li {
float:left;
list-style-type: none;
}
div.menu-kraje_okresy-container ul li {
float: none;
display: block;
margin: 0;
background-color: black;
color: white;
}
div.menu-kraje_okresy-container ul li ul {
position:absolute;
width:100%;
left:100%;
top: -3px;
z-index: 1000;
}
div.menu-kraje_okresy-container ul li:hover ul {
display:block;
}
div.menu-kraje_okresy-container ul li:hover, 
div.menu-kraje_okresy-container ul li.current-menu-parent, 
div.menu-kraje_okresy-container ul li.current-menu-item,
nav li.current-menu-item {
background-color: #41a62a;
color: white;
}
div.menu-horni-menu-container ul li.current-menu-item a {
background-color: #41a62a;
color: white;
}
aside {
font-size: 0.8em;
line-height: 1.6;
padding: 0;
}
#levy {
background-color: black;
color: white;
padding-top: 1em;
float: left;
width: 18%;
}
#obsah {
float: right;
width: 82%;
}
main {
width: 71%;
max-width: 800px;
float: left;
}
#sloupek {
border-left: 1px solid #ececec;
border-right: none;
float: left;
width: 29%;
}
#levy section:nth-of-type(1) h2 {
margin-top: 0;
}
.clanek {
width: 85%;
margin: -80px auto 0; }
.clanek-vnitrni {
width: 86%;
margin: 0 auto;
}
.obrazek .img-title {
bottom: 100px;
left: 0;
width: 85%;
margin: 0 auto;
}
}
aside .cwp-comment-excerpt {
color: #666;
}
#celek .menu-horni-menu-container .menu-item {
display: inline-block !important;
width: auto;
}
#celek .menu-horni-menu-container .menu-item .menu-item {
width: 100%;
}