/*
    Theme Name: Metro-map
    Theme URI: none
    Description: none
    Author: Dave
    Author URI: https://www.planetacestovani.cz
    Version: 1.0
    Tags: none
*/


/* - - - - - Zacatek CSS - - - - - */
body {margin: 0; padding: 0; font-family: 'Dosis', sans-serif; font-size: 1.1em; width: 100%;}
header, section, footer, aside, nav, main, article, figure {display: block; margin: 0px; position: relative;}
h1 {font-size: 2.2em; font-weight: normal; margin: 10px 0;}
h2, h3, h4 {margin: 50px 0 15px 0;}
img {border:0; max-width: 100%; height: auto;}
p {line-height: 1.5em;}
a {color: #26B9E4;}
a:visited {color: #336699;}
a:hover {color: #f1aa00;}

/* Header */

/* Article */
article {max-width: 1080px; min-width: 300px; margin: 0 auto;}
.sirka {max-width: 750px; min-width: 300px; margin: 0 auto; padding: 0 15px; position: relative;}
#drobecky, #credit {color: #aaa; font-size: 0.8em; text-decoration: none; margin: 5px 0;}
#drobecky a, #drobecky a:visited {color: #aaa;}
article #drobecky a:hover {color: #000;}
.thumb-crop {max-height: 155px; overflow: hidden; max-width: 80%; border-radius: 6px; box-shadow: 3px 3px 9px #aaa; position: relative; margin: 0 auto;} 
.thumb-crop img {margin-top: -10%;}
.txt-line {margin: 0px 0;}
article figure {width: 100% !important;}
article figure figcaption {font-size: 0.8em; color: #aaa;}
#box {max-height: 336px; width: 100%; margin: 50px 0;}
.iframe {width: 100%; height: 375px; position: relative; margin: 1em 0;}
.iframe iframe {position: absolute; top: 0;left: 0;width: 100%;height: 100%;}

/* Homepage */
#vypis {}
#vypis #loop {max-width: 700px; min-width: 300px;}
#vypis article {background-color: #fafafa; border: 1px solid #ccc; border-radius: 6px; margin: 0 0 25px 0;}
#vypis article .nahled-img {max-width: 40%; height: auto;}
#vypis article .obsah {max-width: 50%; padding-left:5%;}
#menu {background-color: #fff;}

/* Footer */
footer {background-color: #fafafa; border-top: 1px solid #ccc;}
#footer {margin-top: 25px; padding: 25px; max-width: 1080px; margin: 0 auto;}

/* M O B I L */
@media (min-width: 1023px) {
	#jednotka-mobil {display: none;}
}
@media (max-width: 649px) {
    #jednotka-pc {display: none;}
}

/* komentare */ 
#comments {margin: 50px 0;}
#comments ul {list-style:none; margin:0 !important; padding:0;}
#comments li {position:relative; margin: 25px 0 50px 0; padding: 0 0 0 25px;}
#comments ul li.thread-odd {border-left: 2px solid #336699;}
#comments ul li.thread-even {border-left: 2px solid #26B9E4;}
#comments ul li ul li {padding: 0 0 10px 105px; margin: 0; position: relative; left: -27px; border-left: 2px solid #D6E2E8;}
#comments .avatar-50 {border-radius: 25px; float: left;}
#comments .comment-body {padding-left: 75px;}
#comments .comment-meta {margin-bottom: 10px;}
#comments .comment-meta a {text-decoration:none;}
#comments cite {font-weight: bold; font-style: normal;}
#comments p {padding: 0 0 1em; margin: 0;}
#comments .reply {position:absolute; z-index:15; left: 0px; bottom: 0px; text-align:center; width: 100px; font-size: 15px;}
#comments .comment-form-comment textarea {width: 65%;}
#comments .comment-form-comment label, #comments .comment-form-url {display:none;}
#comments .comment-form-author {float: left; margin-right: 25px;}


/* KK STAR */
.kk-star-ratings.top-left, .kk-star-ratings.lft {display: inline-block; float: none !important; margin: 0 !important; top: 0px; position: relative;}
.kk-star-ratings .kksr-legend {}

.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.stred {text-align: center;}
.tucne {font-weight: bold;}
.ita {font-style: italic;}
#wpstats {display:none;}