.collapsible {

  color: #555;
  cursor: pointer;
  padding: 12px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 13px;
  text-align:right;
}



.content {

  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #f1f1f1;
}






div#nakitpodloga{
	width: 90%;
}

div#nakitnaslov{
	font-size:4vh;

	color:rgba(117,61,28);
	
	text-align:left;

	background-color:rgba(245,245,245);
	padding:1%;
}

div#nakitslike{
	width: 100%;
}

div#nakitslika{
	float:left;
	width: 25%;
}

div#nakitslika img{
	width: 100%;
	transition: transform 0.9s;
}
div#nakitslika img:hover{
	  -ms-transform: scale(1.08); /* IE 9 */
  -webkit-transform: scale(1.08); /* Safari 3-8 */
  transform: scale(1.08); 
  transition: transform 0.9s;
}



div#satoviislike{
	width: 100%;
}

div#satoviislika{
	float:left;
	width: 25%;
	padding:3%;
}

div#satoviislika img{
	width: 100%;

	transition: transform 0.9s;
}
div#satoviislika img:hover{
	  -ms-transform: scale(1.3); /* IE 9 */
  -webkit-transform: scale(1.3); /* Safari 3-8 */
  transform: scale(1.3); 
  transition: transform 0.9s;
}







div#satoviislika1{
	float:left;
	width: 25%;
	padding:0%;
}

div#satoviislika1 img{
	width: 100%;

	transition: transform 0.9s;
}
div#satoviislika1 img:hover{
	  -ms-transform: scale(1.3); /* IE 9 */
  -webkit-transform: scale(1.3); /* Safari 3-8 */
  transform: scale(1.3); 
  transition: transform 0.9s;
}


















div#brendovifirma{
	width: 90%;
}


div.brendjedan{

width:25%;
float:left;

}


div.brendfirmaslika {
	width:100%;


}

div.brendfirmaslika  img{
	width:100%;
	padding:10%;
	 transition: transform 0.9s;

}


div.brendfirmaslika  img:hover{

  -ms-transform: scale(1.08); /* IE 9 */
  -webkit-transform: scale(1.08); /* Safari 3-8 */
  transform: scale(1.08); 
  transition: transform 0.9s;
	cursor:pointer;

}




div.cardproizvod {
position: relative;
}

div.cardproizvod img{
	width:100%;

}
div.cardproizvod img:hover{
	opacity: 0.9;	
}

div.cardproizvodtekst{
position: absolute;
	top: 50%;
	left: 50%;
	 -ms-transform: translate(-50%, -50%);
  	transform: translate(-50%, -50%);





}
div.cardproizvodtekst a{
background-color: rgba(255,255,255,0.6);
font-size: 4vw;

color: #000B29;
padding: 5%;
}

div.cardproizvodtekst a:hover{


color: rgb(255,215,0);

}



div#satovistranica{
	width: 100%;


}


div#delatnost{
float:left;
width:33%;
padding:20px;
}

div.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  max-width: 400px;
  margin: auto;
  text-align: center;
  font-family: verdana;
  border-bottom:5px solid #ccc;
}

div.card img{
width:100%;
padding: 5%;
transition: transform 0.9s;	

}
div.card img:hover{
  -ms-transform: scale(1.08); /* IE 9 */
  -webkit-transform: scale(1.08); /* Safari 3-8 */
  transform: scale(1.08); 
  transition: transform 0.9s;	
}

div.card a{
 font-size:20px;
color:rgb(6,41,110);

 text-decoration:none;


}

div.card a:hover{

 color:rgb(0,129,255);

}



p.satnaslov{
	font-size: 2.5vh;
	padding: 3%;
color: #000B29;
background-color: rgb(245,245,245);
font-weight: bold;
}


p.satfifra{
	font-size: 2.3vh;
	padding: 1%;
color: #333;
margin-top:2%;


	
}

p.staracena{
	font-size: 2.3vh;
	padding: 1%;
color: #333;
margin-top:2%;
font-weight: bold;
    text-decoration: line-through;
	font-style:italic;
	
}

p.novacena{
	font-size: 2.4vh;
	padding: 1%;
color: red;

font-weight: bold;
}




p.sattekst{
	text-indent: 30px;
	font-size: 2vh;
color: #111;
text-align: justify;
padding: 5%;

}












div#brendosnova{
	width: 100%;

background-color: rgb(245,245,245);

}

div#brendstyle{
	float: left;
	width: 50%;
}
div#brendstylee{
	float: right;
	width: 50%;
}

div#brendstyle img{
	width: 100%;
}

div#brendstylee img{
	width: 100%;
}

div#brendtekst{
	text-align: left;
	padding: 20%;
font-size: 16px;
	color: rgba(117,61,28);
}

p.brendnaslov{
	font-size: 6vh;
	padding-bottom: 5%;
}

p.podnaslov{
	font-size: 3vh;
	padding-bottom: 5%;
}

p.brendopis{
	font-size: 16px;
	
}



@media screen and (max-width:750px) {
	
	
	
	p.staracena{
	font-size: 16px;

	
}

p.novacena{
font-size: 16px;

}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
		div#satoviislika1{

	width: 100%;
padding:7%;
}
	
	
	div#satoviislika{

	width: 100%;
padding:10%;
}
	
	div#satoviislika img{
	width: 100%;

	transition: transform 0.9s;
}
	
	
	p.brendopis{
	font-size: 14px;
	
}

div#nakitslika{
	float:left;
	width: 100%;
}


div#nakitnaslov{
	font-size:22px;
	padding:15px;

}






div.cardproizvodtekst a{

font-size: 50px;


padding: 10%;
}

div.brendjedan{

width:50%;
float:left;

}





div#delatnost{

width:100%;
padding:30px;
}




div#brendstyle{

	width: 100%;
}
div#brendstylee{

	width: 100%;
}

div#brendtekst{
margin-top: 0%;
	padding: 5%;
font-size: 14px;

}
p.brendnaslov{
	font-size: 28px;

}

p.podnaslov{
font-size: 14px;

}




p.satnaslov{
	font-size: 18px;
	padding: 3%;

}

p.sattekst{
	text-indent: 30px;
	font-size: 14px;

}




}