/*obecne*/
.article-detail{width:100%;float:left;padding:0 20px}
.article-detail h1{text-align:center}
.article-detail img{max-width:100%}
.article-detail h3.title{display:none}
.article-detail span.date{position:absolute;right:0;top:0;font-size:13px}
.article-detail .anotation{font-style:italic;margin:10px 0 20px 0;font-size:13px}
.article-detail .content a{color:#f7931e;text-decoration:underline;font-weight:normal}
.article-detail .content a:hover{color:#333}
.article-detail .btnn.navi{float:right;padding:30px 0}
.article-detail .btnn.navi .btnn{margin-left:10px}
.article-detail ol,
.article-detail ul{margin:20px 0 20px 0;padding:0 0 0 20px}
.article-detail ul{list-style:disc}
.article-detail ol li,.article-detail ul li{margin:0 0 10px;padding:0 0 0 10px}

.article-detail .h1-wimg{position:relative;overflow:hidden;width:100%;float:left;margin:0 0 40px 0}
.article-detail .h1-wimg h1{position:absolute;color:#fff;text-shadow: 2px 2px rgba(78, 78, 78, 0.33);margin:0;bottom: 30px;padding: 2px 25px;left: 30px;background:rgba(0, 0, 0, 0.35);font-size:40px;border-left: 8px solid #9ccc15}


/*kontakty*/
.article-detail .contact{width:100%;float:left;padding:20px;margin-bottom:40px;background:#ebf4f7}
.article-detail .contact .info{float:left;width:700px;max-width:100%}
.article-detail .contact .row{float:left;width:100%;line-height:26px}
.article-detail .contact .item{float:left;width:140px;text-align:right;padding-right:20px;font-weight:600}
.article-detail .contact .value{float:left}
.article-detail .contact a.showonmap{margin-left:10px;text-decoration:none;color:#333;display:inline;padding:5px 15px}
.article-detail .contact .openinghours{padding:20px 20px 20px 90px;float:left}
.article-detail .contact .openinghours:before{left:20px;top:20px;content:"\f232";font-size:60px;line-height:60px;color:#577695}
.article-detail .contact .openinghours .row{width:auto;float:none}

/*timeline-o nas*/
#timeline{width:100%;float:left;padding-left:160px;position:relative;margin-bottom:40px}
#timeline:before{content:"";width:10px;height:calc(100% - 100px);border-radius:10px;background:#9cc8a7;position:absolute;left:100px;top:50px}
#timeline .block{position:relative;margin:30px 0;padding:10px 25px;background:#eff5e8;border-radius:6px;transition:all 200ms}
#timeline .time{position:absolute;left:-130px;display:table-cell;vertical-align:middle;top:30px;-ms-transform:translateY(-50%);transform:translateY(-50%);line-height:26px;transition:all 200ms;font-size:20px;color:#666}
#timeline .time:before{content:"";width:25px;height:25px;border-radius:100%;background:white;border:1px solid grey;position:absolute;left:61px}
#timeline .block:hover{background:#c6e4ea}
#timeline .block:hover .time{font-weight:bold;font-size:22px;color:#333}
#timeline .block:hover .time:before{background:#fff;border-color:#111}
#timeline .block:hover .time:after{content:"";width:10px;height:10px;border-radius:100%;background:#777;position:absolute;left:61px;margin:8px}
#timeline .block .text p img{max-width:50%;max-height:220px}


/*obrat-o nas*/
#CompTurnOver{width:100%;float:left;position:relative;height:250px;margin:20px 0 40px 0}
#CompTurnOver .col{height:100%;padding:0 5px;float:left;position:relative}
#CompTurnOver .colgraph{min-height:1%;position:relative;background:linear-gradient(#145866,#e6e6e6);position:absolute;bottom:0;width:calc(100% - 10px);left:5px}
#CompTurnOver .turn{position:absolute;left:0;right:0;top:-20px;text-align:center}
#CompTurnOver .year{position:absolute;left:0;right:0;bottom:-20px;text-align:center}
#CompTurnOver .grid{position:absolute;top:0;bottom:0;left:0;right:0}
#CompTurnOver .grid span{float:left;width:100%;height:10%;border-bottom:1px dotted #ccc}
#CompTurnOver .grid span:first-child{border-top:1px dotted #ccc}