/* CSS Document

Zdroj: https://www.itnetwork.sk/html-css/css3/nastavitelna-velkost-a-orezavanie-prvku*/

#PC26 {
   position: absolute;
   clip-path: polygon(13% 25%, 15% 15%, 9% 9%, 6% 17%, 3% 26%, 3% 35%, 8% 36%);
}

.zmenFarbu:hover     {
   color: green;
}

.blok:hover {

  background: #0000ff;

  -webkit-transition: background 1s;

  -moz-transition: background 1s;

  -o-transition: background 1s;

  transition: background 1s;

}

.popisek {position: absolute; left: 50%; top: 50%; display: none; margin-left: -100px; width: 180px; border: 1px solid #666; padding: 10px; background: #fff; z-index: 100; box-shadow: rgba(0, 0, 0, 0.298) 0px 3px 8px 0px; transition: opacity .5s; -webkit-transition: opacity .5s; opacity: 0}
.obrazek:hover .popisek {display: block; opacity: 1}
.popisek .sipka, .popisek .sipka-obal {position: absolute; top: -10px; left: 50%; margin-left: -5px; width: 0px; height: 0px; border: solid transparent; border-width: 0 10px 10px 10px; border-bottom-color: #000}
.popisek .sipka-obal {border-bottom-color: #fff; margin: 1px 0 0 -4px; border-width: 0 9px 9px 9px}

.nahore .popisek {top: auto; bottom: 100%;}
.nahore .sipka, .nahore .sipka-obal {top: auto; bottom: -10px; border-width: 10px 10px 0 10px ; border-top-color: #000; border-bottom-color: transparent;}
.nahore .sipka-obal {border-top-color: #fff; border-width: 9px 9px 0  9px; margin: 0 0 1px -4px;}


.container:hover area{
  opacity: 1;
}