body {
  height: 100%;
   margin: 0px 0px;
  padding: 0px 0px;
  /* The html and body elements cannot have any padding or margin. */
}
.navbar-inverse{background-color:white;}
li{height:40px;}


.top-navi{background-color:#333;  position:absolute; top:0px; width:100%; height:40px; color:#999;}
.top-navi a{color:#CCC;}
.top-navi a:hover{ color:#FF5855;}
.top-navi .fa { margin-right:10px;}
.top-navi li{display: inline-block; list-style-type: none; margin-right:20px;}
#menu{ float:right; display:block; z-index:22; position:relative; margin-top:70px;}
ul {
    font-family: Open Sans,sans-serif;
    
    margin: 0;
    padding: 0;
    list-style: none;
}
ul li {
    display: block;
    position: relative;
    float: left;
}
li ul {
    display: none; 
}
ul li a {
    display: block;
    text-decoration: none;
    color: #333;
    font-size:16px;
 margin-top:0px;   
    margin-left: 1px; padding:10px;

}
ul li a:hover {
background: #3b3b3b;text-decoration: none;
}
li:hover ul {
    display: block;
    position: absolute;text-decoration: none;
}
li:hover li {
    float: none; border-top: 1px solid #666; width:240px;
    font-size: 11px;text-decoration: none;max-width:390px; 
}
li:hover a { background: #444;  color:white;text-decoration: none; }
li:hover li a{color:#999;}
li:hover li a:hover {
   color:#FFF;text-decoration: none;
}
#active { background:#FF5855; text-decoration:none; color:white; }
#active  a{color:white;}
.col-sm-3{text-align:center;}
#info a{ width:50%; margin:0 auto;border:1px solid #FFF; text-decoration:none; color:#999;}
#info a:hover{ width:50%; border:1px solid #FF5855;color:#FF5855; margin:0 auto;text-decoration:none; padding:5px;}
.footer, .push {
height: 42px;
}
.footer 
{
position: relative;
margin-top: -40px; /* negative value of footer height */
height: 40px;
clear:both;
padding-top:10px; background-color:	#393939; margin-bottom:-2900px;
color:#fff;
} 
.ikona{ color:#393939;border:1px solid #EEE;border-radius: 100px; height:100px; width:100px; margin:0 auto}
.ikona>i{font-size:40px;color: 	#FF5855;  text-align:center; padding-top:25px; }
.ikona :hover{ height:100px; color:white; width:100px;border-color: transparent; border:1px solid #FF5855; border-radius: 100px;
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.05), 0 0 0 6px rgba(255, 255, 255, 1) inset;background-color:#FF5855;}
#local{float:right; margin-top:-20px; color:#666;}
#local a{ color:#000;}
#local a:hover{ color:#FF5855;}
input[type=submit] { margin-left:370px; color:#FF5855;padding:5px 15px; background:#FFF; border:1px solid #FF5855;
cursor:pointer;}
input[type=submit]:hover{ background:#FF5855; color:#FFF;}

.coverimg { margin: 10px 0 }

.coverimg a {
  display: inline-block;
  border: 3px solid white;
  width: 162px;
  height: 162px;
  overflow: hidden;
  position: relative
}

.coverimg img {
  max-height: 100%;
  min-width: 100%;
  width: auto;
  left: 50%;
  -o-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute
}

img[data-gallery] { cursor: pointer }

.overlay {
  background: rgba(0,0,0,0.9);
  display: none;
  height: 100%;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 999
}

.imgActive img {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 90%
}

.prev,
.next,
.close {
  transition: 0.3s ease all;
  display: inline-block;
  color: white;
  font-size: 6rem;
  opacity: 0.2;
  z-index: 1000
}

.prev:hover,
.next:hover,
.close:hover {
  cursor: pointer;
  opacity: 1
}

.prev,
.next {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%
}

.prev { left: 100px }

.next { right: 100px }

.close {
  font-size: 4rem;
  position: absolute;
  top: 20px;
  right: 20px
}

.coverImgOverlay {
  bottom: 20px;
  height: 100px;
  left: 50%;
  overflow: hidden;
  position: absolute;
  width: 3000%;
  z-index: 1000
}

.coverImgOverlay span {
  display: inline-block;
  height: 100px;
  margin: 5px;
  overflow: hidden;
  position: relative;
  width: 100px
}

.coverImgOverlay img {
  transition: 0.3s ease all;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  max-height: 100%;
  min-width: 100%;
  opacity: 0.2;
  width: auto
}

.coverImgOverlay img:hover { opacity: 1 !important }