html,
body {
    width: 100%;
    height: 100%;
    letter-spacing: 1px;
}

body {
    font-family: 'Oxygen', 'Open Sans','Helvetica Neue',Arial,sans-serif;
    /*color: #3b2404;*/
    webkit-tap-highlight-color: #222;
    top:0;
}
#topNav.sps--abv {position:relative;}
a#top {display:block;background:url(../img/top.jpg) no-repeat center bottom;padding:2px 0;margin:5px 0;text-indent:-3000px;}
a#top:hover {background-position:center top;}
a {color:#9e1316;}
a:hover {color:#3c3c3c;}
aside {color:#9e1316;font-size:80%;}
aside i {font-size:200%;}
aside div {border-bottom:1px solid #dcdcdc;}
.nav .nav-link {border-right:1px solid #dcdcdc;}
header {background:url(../img/slider.jpg) no-repeat center center fixed;padding:10rem 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
header h1 {color:#442600;}
header .h2 {color:#9c1615;}
h3 {font-size:3rem;font-weight:700;}
section {padding:4rem 0;}
#info {background-color:#c51230;color:white;}
#okoli {background:url(../img/hrad_big.jpg) no-repeat center center fixed;color:white;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#okoli li {color:#c51230;}
#okoli li span {color:white;}
#okoli .li::before {content: "•"; color:#c51230;font-size:2rem;
      display: inline-block; width: 1em;
        margin-left: -1em}
#cenik {background-color:#c51230;color:white;}
#rezervace {background-color:#aa0a26;color:white;}
section#kontakt {position:relative;padding:0;}
#map-canvas {height:600px;width:100%;padding:0;margin:0;position:absolute;top:0;left:0;z-index:99;}
section#fotogallery {overflow:hidden;padding:0 !important;}
#fotogallery a {float:left;}
footer {padding:2rem 0;}
footer div {border-top:1px solid #dcdcdc;padding-top:1rem;}
.red {color:#9c1718;}
.black {color:black;}
p.strong {font-weight:bold;}
p.strong strong {font-size:2rem;}
.slick-prev, .slick-next {position:absolute;display:block;top:0;width:50px;height:100%;z-index:1000;font-size:0;line-height:0;border:none;}
.slick-prev {left:0;background:url(../img/arrow.png) no-repeat 0 center;}
.slick-prev:hover {background-position:-50px center;cursor:pointer;}
.slick-next {right:0;background:url(../img/arrow.png) no-repeat -150px center;}
.slick-next:hover {background-position:-100px center;cursor:pointer;}
.mapOverlay {position:relative;min-height:600px;}
#karta {padding:2rem 0 0;margin-top:8rem;z-index:200;background:white;border-radius: 50px 50px;}
@media(min-width:992px) {
aside li.list-inline-item {margin-right:12rem !important;}
.nav .nav-link {padding:0 2rem !important;}
#okoli ul {column-count: 2;}
#okoli ul {margin:0 8rem;}
header h1, header .h2 {font-size:5rem;}
h4 {font-size:1.2rem;font-weight:bold;}
}