@import url(http://fonts.googleapis.com/css?family=Open+Sans&subset=latin,latin-ext);

.triSlider { font-family: 'Open Sans', sans-serif; white-space: nowrap; margin: 50px auto 10px; width: 981px; padding: 0; position: relative; background: rgba(127, 127, 127, 0.1); }
.triSlider .slide { height: auto; width: auto; max-height: 100%; max-width: 100%; margin-top: -5px; }
.triSlider .slide div { height: auto; width: auto; max-height: 100%; max-width: 100%; }
.triSlider .slide div.lSSlideOuter { height: auto; width: auto; max-height: 100%; max-width: 100%; }
.triSlider .slide div.lSSlideWrapper { border-radius: 5px 5px 5px 5px; border: 1px solid #c3c3c3; background: #fff; }
.triSlider .slide div img { height: auto; width: auto; max-height: 100%; max-width: 100%; }
.triSlider .header { position: absolute; top: -30px; left: 0px; height: 35px; width: 100%; /*background: rgba(127, 127, 127, 0.2); border-radius: 5px 5px 0px 0px;*/ }
.triSlider .heading { position: relative; float: right; padding: 5px 10px 0px; width: 78%; border-bottom: 1px solid #e7e7e7; height: 27px; color: #000; text-transform: uppercase; font-size: 18px; line-height: 20px; text-align: right; /*border-radius: 0px 5px 0px 0px;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.triSlider .summary { position: relative; float: left; padding: 5px 10px; width: 20%; height: 35px; line-height: 20px; background: #e2383f; /*#d4d4d4;*/ /*background: rgba(127, 127, 127, 0.5);*/ border-radius: 5px 5px 0px 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; }
.triSlider .summary div { color: #fff; /*#000000;*/ font-size: 16px; }
.triSlider .summary .sumcontent { position: absolute; display: none; left: 0px; top: 30px; width: 650px; min-height:500px; max-height: 1000px; z-index: 150; background: rgba(0, 0, 0, 0.9); cursor: auto; overflow: auto; }
/*.triSlider .summary:hover .sumcontent { display: block; }*/
.triSlider .summary .sumcontent * { color: #fff; }
.triSlider .summary .sumcontent ul { list-style-type: none!important; margin: 10px 0px; padding: 10px 0px; }
.triSlider .summary .sumcontent ul li { background: transparent !important; padding: 0! important; }
.triSlider .summary .sumcontent ul li > b { padding: 5px 20px 2px 15px; display: block; font-size: 120%; }
.triSlider .summary .sumcontent a { text-decoration: none; padding: 2px 20px; display: block; white-space: normal; }
.triSlider .summary .sumcontent a.obsahSlider2 { text-decoration: none; padding: 2px 20px 2px 30px; display: block; white-space: normal; }
.triSlider .summary .sumcontent a:hover { background: rgba(255, 255, 255, 0.2); }
.triSlider .summary .sumcontent a span { display: block; width: 30px; float: left; }