body { color: #18151a;  background: #3e3d40; font-family: 'Roboto', sans-serif;}
body.archiv {background: #3e3d40 url(../images/bg-archiv.jpg) top center no-repeat;}
h1, h2, h3, h4, h5, h6 {font-family: 'Roboto', sans-serif; font-weight: 700; }
h1 { font-weight: 900; font-size: 320%; line-height: 1.0;margin-bottom: 1rem; }
h5 { line-height: 1.2; font-size: 1.1rem;}
p { line-height: 1.3;}
a, .lead3 a:hover {color: #18151a;}
nav a {color: #18151a!important;}
a:hover, a:focus {color: #ff6600; }
.dots { padding-left:0; margin-left:0; }
.dots li {list-style:none; padding: 0 0 0.2rem 1rem;}
.lead, .lead2, .lead3 {font-size: 150%; line-height: 1.6; font-weight: 900; padding: 0.3rem 0.5rem; margin-bottom: 0; color: #FFF;  background: #1a171b;}
.lead2 {background: none; color: #000; border-bottom: 3px solid #d9dadb; }
.lead3 {background: none; color: #000; font-size: 1.1rem; margin-bottom: 0.5rem; padding: 0.3rem 0; line-height: 1.2; font-weight: 700; }
p.subheader {font-size: 0.8rem;}
.callout {border: 0;}
.lead3 a {color: #000; }
.kat a { padding: 2px 5px; display: inline-block; color: #FFF; font-weight: bold; background: #ff6600; font-size: 0.8rem; line-height: 1.2; text-transform: uppercase; margin-right: 0.5rem; }
.kat a {color: #fff;}
.kat a:hover {color: #000;}

.archiv .kat a {background: #1779ba;}
a.white {color: #fff; vertical-align: middle;}
a.white:hover {color: #000;}

ol li {
    position: relative;
    left: 1rem;
    padding-right: 1rem;    
}

.fotoleft {float: left; margin: 0 1rem 1rem 0; display: block;}
.fotoright {float: right; margin: 0 0 1rem 1rem;}
#logo_clanku {margin: 1rem 0;}
#logo_clanku img {margin-right: 2rem; margin-bottom: 1rem;}
.logo {position: relative;}
.logo .menu { right: 1rem; bottom: 2rem; position: absolute;}
.logo p { margin: 1rem 0;}
.archiv .logo p {margin: 0;}
#banner1 {width: 100%; min-height: 90px; background: none;}

.loga {margin: 0 1rem 1rem 0; display: inline-block;}
.clear {clear: both;}

#content ul {list-style-type: square;}
#content ul a {font-weight: bold;}
#content nav ul {list-style-type: none;}
#content nav ul a {font-weight: normal;}
/*#content ul {list-style-type: square; color: #1779ba;font-weight: bold;}
#content nav ul {list-style-type: none; font-weight: normal;}*/
a.fotky {display: block; float: left; padding: 0; margin: 0 1rem 1rem 0;}
img.fotky {display: inline-block; padding: 0; margin: 0 1rem 1rem 0;}

#main-article, #content {background: #FFF;  padding: 1em 0; padding-bottom: 1rem;}
.archiv #content .row {background: #FFF;}
#main-article .medium-9 { position: relative; height: 357px;}
#main-article .medium-9 div.bg {width: 100%; height: 100%; background: no-repeat center center; -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
#main-article .medium-9 div.perex { position: absolute; padding: 0; width: 55%; bottom: 1rem; left: 3rem; z-index: 10;}
#main-article .medium-9 div.perex p { color: #FFF; width: 70%;}
#main-article .medium-9 div.perex small {color: #a4a5a5;}
#main-article div h1 strong {color: #fff;}
//#main-article div:hover h1 strong {color: #fff;}

@media screen and (max-width: 40em) {
  #main-article h1 {font-size: 250%;}
  #hlavni {margin-bottom: 1rem;}
}

article p {font-size: 0.8rem;}
article hr {margin: 0 0 1rem 0;}
article .card {border: 0; border-bottom: 1px solid #e6e6e6; background: none;}
#bleskovky hr {margin: 0.5rem 0;}

#act-numb h5 { border-bottom: 4px solid #d9dadb; margin-bottom: 1em; font-weight: 400;}
#act-numb div { min-height: 294px; text-align: center; background: url(../images/bg-act-numb.jpg) no-repeat bottom center;}
#act-numb div img { margin-bottom: 0.5em;}
#act-numb div a.list { color: #FFF; background: #000; font-size: 1.2em; font-weight: bold; padding: 0.3em 1em;}

#main, #doporucujeme { background: #FFF;}

#bleskovky { padding: 0.5em; background: #ededee;font-weight: 900; font-size: 0.9rem;}
#bleskovky p {margin-bottom: 0.5em; line-height: 1.2; font-weight: 400;}

#partneri { padding: 1em; background: #fff; margin: 0.5rem auto;}
#partners { padding: 1em; background: #ededee; border-top: 4px solid #979798;}
#partners .column { margin-top: 1.5rem;}

#doporucujeme .lead { margin-bottom: 1rem; padding-left: 1rem;}
.archiv #doporucujeme .column {padding-top: 1rem;}
.archiv .subheader {font-size: 85%;}

#footer { padding-top:1rem; padding-bottom: 4rem; font-size:80%; color:#d9dadb; background: #666 url(../images/bg-footer.jpg) bottom center no-repeat;}
#footer a { color:#d9dadb;} 
#footer a:hover { color:#ff6600;}
#footer h5 {font-weight: 300; border-bottom: 4px solid #d9dadb; color: #fff; width: 80%; padding-bottom: 0.5rem; margin-bottom: 1rem; padding-top: 2rem; text-transform: uppercase;}

.top-bar { padding: 0; border-bottom: 4px solid #000; box-shadow: 1px 5px 4px rgba(0, 0, 0, .25); z-index: 999; position: relative;}
.top-bar, .top-bar ul { background-color: #ff6600; }
.top-bar a {color: #FFF; font-size: 110%; text-transform: uppercase;}
.top-bar a:hover {color: #000;}
.top-bar li  {border-right: 1px solid #FFF; }

body.archiv .top-bar, body.archiv .top-bar ul {background-color: #1779ba;}
.arch span.label {display: inline-block; margin: 0 5px 7px 0;}
p.label {background: #ff6600;}
.archiv p.label {background: #1779ba;}
.archiv .top-bar a {font-size: 110%; padding-top: 14px;}
.archiv .top-bar a.logo {font-size: 110%; padding-top: 14px; padding-right: 5px; vertical-align: middle; display: inline-block;}
img.globus {padding-right: 2rem; display: block; width: 20px; height: 40px; padding-top: -2px;}
.bg-white {background: #fff;}
.archiv .column a {color: #000; }
.archiv a.cropfoto {width: 142px; height: 124px; overflow: hidden; display: block;}
.menu.expanded {table-layout: auto;}
.menu a { font-weight: 900;}
.menu .invert { border-right: none;}
.menu .invert a {color: #000; }
.menu .invert a:hover {color: #fff; }
.menu > li > a i {
  vertical-align: bottom;
}

.button  { background: #666; }
.button:hover {background: #18151a;}
p i {vertical-align: middle;}
small {color: #747879; font-size: 0.8rem;}

#slider, #slider2 {
    width: 100%;
    margin-top: 0;
    margin-bottom: 15px;
    margin-left: 0;
    height: 83px;
}
#slider2 {height: 70px;}
#slider div, #slider2 div { margin: 0 2rem; text-align: center;}
#slider a, #slider2 a {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: 83px;
}
.slick-prev, .slick-next {
  top: 60%;
}

.slick-list {padding: 0 40px 0 0;}
.slick-prev {left: 0;}
.slick-next {right: 0;}

.imgright {float: right; margin: 0 0 1rem 1rem;}
.imgleft {float: left; margin: 0 1rem 0rem 0;}