#foto>.container{ overflow: inherit;}

#foto .submenu{ margin-bottom: 1em; text-align: center}
#foto .submenu a{
    color: #FFF; margin-right: 3em
}



#foto .thumbs{
    overflow: hidden;
    padding-top: 20px
}
#foto .thumbs .thumb{
    width: 16.66667%; /*float:left;*/
    display: inline-block;
    margin: 0; padding: 0;
   /* background: #C00;*/
    height: 170px;
}

#foto .thumbs .thumb-jadro{
    float:left;
    position: relative; left:50%;
}

#foto .thumbs .thumb a{
    display: block; float: left;
    position: relative; right: 50%
}

#foto .thumbs .thumb .popover{
    background: #333;
    font-weight: normal;
    color: #fff;
    min-width: 500px}

#foto .thumbs .thumb .popover h3{
    background: #000;
}


.ui-tooltip, .arrow:after {
    background: black;
    border: 1px solid white;
  }
.ui-tooltip {
    padding: 10px 20px;
    color: white;
    font-size: 12px;
    box-shadow: 0 0 7px black;
}

@media (max-width: 940px) {
    #foto .thumbs .thumb{width: 20%;}
}

@media (max-width: 767px) {
    #foto .thumbs .thumb{width: 25%;}
}

@media (max-width: 479px) {
    #foto .thumbs .thumb{width: 33.3333%;}
}