.selected:hover img {
  opacity: 0.6;
  background-color:#EFEFEF;
}

#wybor_sklepu{
width:400px;
}

.on:hover{
	background-color:#EFEFEF;
}

.partner:hover img {
  opacity: 0.4;

}

.partner:hover .text {
	width:180px;
	height:160px;
	background-color: black;
	opacity: 0.60;
	border-radius:12px 12px 12px 12px;
}

.partner img, .text {
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
  }

.text {
	padding-top:6%;
	position: absolute;
	color: #efefef;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	font-size: 18px;
	line-height:18px;
	opacity: 0;
	}

.text h4{
	font-family: Francois One;
	text-align: center;
	line-height:20px;
	font-size:20px;
	color:white;
}

.example {
    z-index:1000;

	margin-top:5%;

    }

.example p {
	font-size: 80px;
	font-family:lato;
	font-weight:bold;

    }

.piktogramy {
	font-size: 19px;
	color:#0D0D0D;
	font-family:Lato;
}

.photo1{
	width:490px;
	height:200px;
}

.photo2{
	width:490px;
	height:750px;

}
.dot{
	height: auto;
	max-width: 100%;
	display:block;
}

a.podpowiedz span {
    display: none;
    padding: 20px 3px;
	line-height:20px;
	text-align:center;
	font-family:Lato Light;
	font-size:18px;
	font-weight:400;
    margin-left: 8px;
    width: 180px;
}
img {
	border: none;
}
a.podpowiedz:hover span{
    display: inline;
    position: absolute;
	margin: 15px 0 0 5px;
    background: #FABF0D;
    border: 1px solid #0D0D0D;
    color: #0D0D0D;
	-moz-opacity: 1.0;
	opacity:1.00;
	filter: alpha(opacity=100);
	text-align: center;
	border-radius:0 10px 10px 10px;
}

@media screen and (max-width: 1151px) {
	a.podpowiedz:hover{
		visibility:hidden;
	}

	.noclick{
		visibility:visible;
	}
	a.loga{
		visibility:hidden;
	}

}

@media screen and (min-width: 1152px) {
	img.noclick{
		visibility:hidden;
	}

	a.loga{
		visibility:visible;
	}

}