html, body {
	font-family:"Open Sans", Arial, Tahoma, sans-serif;
	margin:0;
	padding:0;
	color:#333333;
	overflow:hidden;
	cursor:default !important;
}

.clearfix {
	clear:both;
}

#osmrtnica {
	border:5px solid #384148;
	border-bottom:50px solid #384148;
	width:700px;
	height:532px;
	position:relative;
	background: url('../images/osmrtnica_700.jpg') no-repeat top left;
	background-size:cover;
	color:#222222;
	font-size:14px;
	line-height:16px;
	margin:0 auto;
}

#osmrtnica-inner {
	width:700px;
	height:532px;
}

#osmrtnica-inner > div {
	width:700px !important;
	height:532px;
}

#osmrtnica-controls {
	position:absolute;
	bottom:-50px;
	right:0;
	left:0;
	height:50px;
	line-height:50px;
}

#osmrtnica-controls div {
	width:50px;
	height:50px;
	float:right;
	border-left:1px solid #555B63;
	border-right:1px solid #2C3237;
}


.naziv {
	text-align:center;
	width:330px;
	font-size:130%;
	line-height:120%;
	margin-left:200px;
	margin-top:105px;
	height:auto;
}

.datumrojstvasmrti {
	margin-bottom:10px;
}

.ime {
	margin-top:10px;
	margin-bottom:3px;
}

.naziv2 {
	text-align:center;
	width:330px;
	font-size:115%;
	line-height:125%;
	margin-left:200px;
	margin-top:120px;
	height:120px;
}

#letnice  {
	font-size:115%;
}

.ime2 {
	margin-top:7px;
	margin-bottom:3px;
	font-size:130%;
	line-height:120%;
}

.slika {
	float:left;
	margin-left:80px;
	margin-top:105px;
}

.slika img {
	width:110px;
	border-radius:6px;
}

.datumpogreba {
	font-size:130%;
	line-height:180%;
	/*margin-left:145px;*/
	margin-left:120px;
	margin-top:1.2em;
	clear:both;
}

.pokopalisce {
	font-size:130%;
	line-height:180%;
	/*margin-left:145px;*/
	margin-left:120px;
}

.tekst {
	margin-left:50px;
	margin-right:50px;
	margin-top:2em;
	height:3.45em;
}

.tekst > div {
	margin-top:8px;
	font-size:85%;
}

.zalujoci {
	margin-left:50px;
	margin-right:50px;
	margin-top:10px;
	height:5.75em;
}

.verz-tekst {
	float:right;
	margin-right:40px;
	margin-top:120px;
	text-align:center;
	width:170px;
}

.verz .naziv {
	margin-left:160px;
	width:320px;
}

.verz .slika {
	margin-left:40px;
}

.verz .datumpogreba, .verz .pokopalisce {
	margin-left:100px;
}

.ozji .datumpogreba, .ozji .pokopalisce {
	margin-left:110px;
}

#play-pause { background: #474D54 url('../images/play.png') no-repeat center center; }

.pause { background: #474D54 url('../images/pause.png') no-repeat center center !important; }

.next { background: #474D54 url('../images/next.png') no-repeat center center; }

.prev { background: #474D54 url('../images/prev.png') no-repeat center center; }

#prizgi-sveco-button, #sozalje-button, #cvetje-button {
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 25px;
	color: #eee;
	text-align: center;
	padding-top: 12px;
	cursor: pointer; 	
}

#cvetje-button:before {
    content: "\f18c";
}
#prizgi-sveco-button:before {
    content: "\f06d";
}
#sozalje-button:before {
    /*content: "\f18c";*/
	content: "\f2b5";
}

div#pager { 
	float:left;
	background: #474D54;
	text-align:center; 
	color:white;
	width:70px;
	font-size:90%;
}

.bx-viewport { height:auto !important; }

@media screen and (max-width: 710px) {
	#osmrtnica {
		width:600px;
		height:456px;
		font-size:12px;
		line-height:14px;
	}
	
	#osmrtnica-inner {
		width:600px;
		height:456px;
	}
	
	#osmrtnica-inner > div {
		width:600px !important;
		height:456px;
	}
	
	.slika {
		margin-left:60px;
		margin-top:90px;
	}

	.slika img {
		width:90px;
	}
	
	.naziv {
		width:310px;
		margin-left:160px;
		margin-top:105px;
		/*height:100px;*/
	}
	
	.datumpogreba {
		/*margin-left:135px;*/
		margin-left:110px;
	}

	.pokopalisce {
		/*margin-left:135px;*/
		margin-left:110px;
	}
	
	.tekst {
		margin-top:1.5em;
	}
	
}

@media screen and (max-width: 610px) {
	#osmrtnica {
		width:500px;
		height:380px;
		font-size:12px;
		line-height:14px;
	}
	
	#osmrtnica-inner {
		width:500px;
		height:380px;
	}
	
	#osmrtnica-inner > div {
		width:500px !important;
		height:380px;
	}
	
	.slika {
		margin-left:50px;
		margin-top:80px;
	}

	.slika img {
		width:80px;
	}
	
	.naziv {
		width:300px;
		margin-left:140px;
		margin-top:86px;
		/*height:100px;*/
	}
	
	.datumrojstva {
		margin-bottom:5px;
	}

	.datumpogreba {
		line-height:160%;
		/*margin-left:100px;*/
		margin-left:60px;
		margin-top:0.5em;
	}

	.pokopalisce {
		line-height:160%;
		/*margin-left:100px;*/
		margin-left:60px;
	}
	
	.tekst {
		margin-left:40px;
		margin-right:40px;
		margin-top:1em;
	}
	
	.zalujoci {
		margin-left:40px;
		margin-right:40px;
		margin-top:5px;
	}
	
	.ozji .datumpogreba, .ozji .pokopalisce {
		margin-left:70px;
	}

}

@media screen and (max-width: 510px) {
	#osmrtnica {
		width:400px;
		height:337px;
		background: url('../images/osmrtnica_700_p.jpg') no-repeat top left;
		background-size:cover;
		font-size:10px;
		line-height:12px;
		border:3px solid #384148;
		border-bottom:30px solid #384148;
	}
	
	#osmrtnica-inner {
		width:400px;
		height:337px;
	}
	
	#osmrtnica-inner > div {
		width:400px !important;
		height:337px;
	}
	
	#osmrtnica-controls {
		position:absolute;
		bottom:-30px;
		right:0;
		height:30px;
		line-height:30px;
	}
	
	#prizgi-sveco-button, #sozalje-button, #cvetje-button {
		font-size:14px;
		    padding-top: 9px;
	}
	#osmrtnica-controls div {
		width:30px;
		height:30px;
		border-left:1px solid #555B63;
		border-right:1px solid #2C3237;
	}
	#prizgi-sveco-button span{
		display: none;
	
	}
	
	.slika {
		margin-left:35px;
		margin-top:60px;
	}

	.slika img {
		width:70px;
	}
	
	.naziv {
		width:250px;
		margin-left:115px;
		margin-top:65px;
		/*height:85px;*/
	}
	
	.ime {
		margin-top:5px;
		margin-bottom:2px;
	}

	.datumpogreba {
		line-height:150%;
		/*margin-left:80px;*/
		margin-left:40px;
		margin-top:1em;
	}

	.pokopalisce {
		line-height:150%;
		/*margin-left:80px;*/
		margin-left:40px;
	}
	
	.tekst {
		margin-left:35px;
		margin-right:35px;
		margin-top:1.5em;
	}
	
	.zalujoci {
		margin-left:35px;
		margin-right:35px;
		margin-top:5px;
	}
	
	#play-pause { background: #474D54 url('../images/play-s.png') no-repeat center center; }
	.pause { background: #474D54 url('../images/pause-s.png') no-repeat center center !important; }
	.next { background: #474D54 url('../images/next-s.png') no-repeat center center; }
	.prev { background: #474D54 url('../images/prev-s.png') no-repeat center center; }
	
	.ozji .datumpogreba, .ozji .pokopalisce {
		margin-left:50px;
	}
	
	.verz .verz-tekst {
		float:none;
		margin-top:60px;
		padding-left:20px;
		overflow:hidden;
		width:auto;
		margin-right:30px;
	}
	
	.verz .naziv {
		width:270px;
		margin-top:5px;
		margin-left:115px;
	}
	
	.verz .datumpogreba {
		line-height:150%;
		margin-left:80px;
		margin-top:1em;
	}

	.verz .pokopalisce {
		line-height:150%;
		margin-left:80px;
	}
	
	.verz .slika {
		margin-left:35px;
		margin-top:60px;
	}
	
}

@media screen and (max-width: 410px) {
	#osmrtnica {
		width:300px;
		height:253px;
		/*background: url('../images/osmrtnica_300.jpg') no-repeat top left;*/
		font-size:8px;
		line-height:10px;
	}
	
	#osmrtnica-inner {
		width:300px;
		height:253px;
	}
	
	#osmrtnica-inner > div {
		width:300px !important;
		height:253px;
	}
	#prizgi-sveco-button span{
		display: none;
	
	}
	
	.slika {
		margin-left:28px;
		margin-top:52px;
	}

	.slika img {
		width:45px;
	}
	
	.naziv {
		width:200px;
		margin-left:83px;
		margin-top:55px;
		/*height:60px;*/
	}
	
	.ime {
		margin-top:4px;
		margin-bottom:1px;
	}

	.datumpogreba {
		line-height:150%;
		/*margin-left:55px;*/
		margin-left:20px;
		margin-top:0.4em;
	}

	.pokopalisce {
		line-height:150%;
		/*margin-left:55px;*/
		margin-left:20px;
	}
	
	.tekst {
		margin-left:20px;
		margin-right:20px;
		margin-top:1em;
	}
	
	.zalujoci {
		margin-left:20px;
		margin-right:20px;
		margin-top:5px;
		height:6em;
	}
	
	.ozji .datumpogreba, .ozji .pokopalisce {
		margin-left:30px;
	}
	
	.verz .verz-tekst {
		float:none;
		margin-top:40px;
		padding-left:10px;
		overflow:hidden;
		width:auto;
	}
	
	.verz .naziv {
		width:200px;
		margin-top:5px;
		margin-left:83px;
	}
	
	.verz .datumpogreba {
		line-height:150%;
		margin-left:55px;
		margin-top:0.4em;
	}

	.verz .pokopalisce {
		line-height:150%;
		margin-left:55px;
	}
	
	.verz .slika {
		margin-left:28px;
		margin-top:52px;
	}
	
	.verz-tekst {
		margin-right:20px;
	}
}