#pe_tooltip
        {
            font-family: Ubuntu, sans-serif;
            font-size: 0.875em;
            text-align: center;
            text-shadow: 0 1px rgba( 0, 0, 0, .5 );
            line-height: 1.5;
            color: #fff;
            background: #333;
            background: -webkit-gradient( linear, left top, left bottom, from( rgba( 0, 0, 0, .6 ) ), to( rgba( 0, 0, 0, .8 ) ) );
            background: -webkit-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
            background: -moz-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
            background: -ms-radial-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
            background: -o-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
            background: linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            border-top: 1px solid #fff;
            -webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
            -moz-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
            box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
            position: absolute;
            z-index: 100;
            padding: 15px;
        }
            #pe_tooltip h4
            {
                margin: 0 0 10px 0;
                font-size: 1.1em;
                font-weight: bold;
            }
            #pe_tooltip h5
            {
                margin: 10px 0 0 0;
                font-size: 0.9em;
                font-weight: normal;
            }
            #pe_tooltip p
            {
                margin: 10px 0;
            }
            #pe_tooltip img
            {
                max-width: 100%;
                height: auto;
                border-radius: 4px;
                display: block;
                margin: 10px auto;
            }
            #pe_tooltip:after
            {
                width: 0;
                height: 0;
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
                border-top: 10px solid #333;
                border-top-color: rgba( 0, 0, 0, .7 );
                content: '';
                position: absolute;
                left: 50%;
                bottom: -10px;
                margin-left: -10px;
            }
                #pe_tooltip.top:after
                {
                    border-top-color: transparent;
                    border-bottom: 10px solid #333;
                    border-bottom-color: rgba( 0, 0, 0, .6 );
                    top: -20px;
                    bottom: auto;
                }
                #pe_tooltip.left:after
                {
                    left: 10px;
                    margin: 0;
                }
                #pe_tooltip.right:after
                {
                    right: 10px;
                    left: auto;
                    margin: 0;
                }
        
        /* CSS-only tooltip solution - hover na .category_color zobrazí .pe_tooltip_body */
        /* Pozice tooltipu - nad elementem */
        .category_color,
        .daynum.hasevent
        {
            position: relative;
        }
        
        .category_color:hover .pe_tooltip_body,
        .daynum.hasevent:hover .pe_tooltip_body
        {
            display: block !important;
            position: absolute;
            z-index: 1000;
            background: #333;
            background: -webkit-gradient( linear, left top, left bottom, from( rgba( 0, 0, 0, .6 ) ), to( rgba( 0, 0, 0, .8 ) ) );
            background: -webkit-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
            background: -moz-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
            background: -ms-radial-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
            background: -o-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
            background: linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            border-top: 1px solid #fff;
            -webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
            -moz-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
            box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
            padding: 15px;
            color: #fff;
            font-family: Ubuntu, sans-serif;
            font-size: 0.875em;
            text-align: center;
            text-shadow: 0 1px rgba( 0, 0, 0, .5 );
            line-height: 1.5;
            min-width: 200px;
            max-width: 340px;
            left: 50%;
            transform: translateX(-50%) translateY(-100%);
            bottom: 100%;
            margin-bottom: 10px;
        }
        
        /* Styling pro obsah tooltipu */
        .pe_tooltip_body h4
        {
            margin: 0 0 10px 0;
            font-size: 1.1em;
            font-weight: bold;
        }
        .pe_tooltip_body h5
        {
            margin: 10px 0 0 0;
            font-size: 0.9em;
            font-weight: normal;
        }
        .pe_tooltip_body p
        {
            margin: 10px 0;
        }
        .pe_tooltip_body img
        {
            max-width: 100%;
            height: auto;
            border-radius: 4px;
            display: block;
            margin: 10px auto;
        }