html { 
	overflow: hidden;
	height: 100%;
	width: 100%;
	background-color: #000; }
body {
	padding: 0;
	margin: 0;
	font-family: Arial;
	font-size: 12px;
	color: #fff;
	overflow: hidden;
	height: 100%;
	width: 100%; }

#outer {
	padding-top: 10px;
	position: relative;
	width:100%;
	display: table;
	height:100%; }
#wrapper{
	display: table-cell;
	position: relative; }


a { text-decoration: none;
	color: #aaa; }
	a:hover { color: #fff; }
h1,h2,h3 { margin-top: 5px; margin-bottom: 10px; }
h1 {
	font-size: 24px;
}

input[type=button], input[type=submit], .kosaricaBuy, .kosaricaBuy2 {
	width: 120px;
	height: 24px;
	border: 0;
	padding: 0px;
	color: #fff;
	background: transparent url(../scr_images/button.png) top left no-repeat; }

input[type=button].hover, input[type=submit].hover, a.hover {
	font-weight: bold;
	background: transparent url(../scr_images/button_mouseover.png) top left no-repeat; }

a.kosaricaBuy, input[type=button].buyButton, input[type=submit].buyButton {
	background: transparent url(../scr_images/button_buy.png) top left no-repeat; }
a.hoverBuy, input[type=button].hoverBuy, input[type=submit].hoverBuy {
	font-weight: bold;
	background: transparent url(../scr_images/button_buy_mouseover.png) top left no-repeat; }

/* * * * * * * *
	LAYOUT 
* * * * * * * * */
#site {
	position: relative;
	width: 960px;
	margin-left: auto;
	margin-right: auto; }



#header {
	position: relative;
	height: 53px;
	margin-top: 30px;
	margin-bottom: 10px; }
	
	#header .languages {
		position: absolute;
		right: 160px;
		top:20px; }
	#header .languages a {
		color: #0080a5;
		font-size: 12px;
		text-transform: uppercase;
		padding-right: 16px;
		font-weight: bold; }
	#header .languages a:hover, #header .languages a.active {
		color: #fff; }
#footer {
	margin-top: 20px;
	width: 820px; }
#footer a {
	color: #ff0; }
#footer a:hover {
	color: #fff; }

/* * * * * * * *
	HOME 
* * * * * * * * */
#homeContainer {
	width: 880px; }

.homeSmallBox {
	float: left;
	position: relative;
	width: 260px;
	height: 240px;
	padding: 0 0 0 15px;
	background: transparent url('../scr_images/home_box_small.png') 0px 12px no-repeat; }
	.lastSmallBox {
		margin-right: 0px; }
.homeSmallBox p {
	margin:0;
	font-size: 13px;
	padding-right: 20px; }

.homeBigBox {
	position: relative;
	width: 816px;
	height: 236px;
	padding: 0 0 0 15px;
	background: transparent url('../scr_images/home_box_big.png') 0px 12px no-repeat; }
.webshopLinksContainer {
	position: absolute;
	top: 30px;
	left: 30px;
	width: 816px;
	height: 200px; }
.homeWebshopLink {
	float:left;
	display: block;
	position:relative; }
.homeWebshopLink span {
	display: block;
	position: relative;
	color: #fff;
	text-transform: uppercase;
	text-align: center; }





/* * * * * * * *
	MENU 
* * * * * * * * */
#menu {
	width: 180px;
	margin-top: 20px;
	float: left; }

	.menuContainer a {
		display: block;
		font-size: 13px;
		font-weight: normal;
		color: #0080a5;
		text-transform: uppercase;
		margin-bottom: 5px; }
	.menuContainer a:hover {
		color: #fff; }
	.menuContainer a.active {
		color: #fff; }
	.menuContainer ul {
		margin:0 0 0;
		padding:0;
		list-style: none; }
	ul.menu2, ul.menu3  {
		margin:3px 0 10px 15px; }
	ul.menu2 a, ul.menu3 a {
		font-size: 11px; }



/* * * * * * * *
	KOSARICA 
* * * * * * * * */
#kosaricaSmall {
	margin-right: 0px;
	margin-top: 10px;
	text-align: right; }
.kosaricaSmallItem {
	border-bottom: 1px solid #00305A; }
.kosaricaItemName {
	display: inline-block;
	font-weight: bold;
	width: 350px; }

#kosaricaBox {
	position: relative;
	width: 614px;
	height: 361px;
	overflow: hidden;
	padding: 20px 20px 20px 25px;
	background: transparent url(../scr_images/proizvodi_background.png) top left no-repeat; }

.kosaricaSmallTotal {
	margin-top: 10px;
	font-size: 14px;
	text-align: right; }

.kosaricaSmallTotal span {
	font-weight: bold; }
	
.kosaricaBuy, .kosaricaBuy2 {
	display: inline-block;
	margin-top: 20px;
	color: #fff;
	font-size: 12px;
	line-height: 24px;
	text-align: center; }
	
	.basketSmallFull {
		display: inline-block;
		color: #0080a5; }
	.basketSmallFull span {
		display: inline-block;
		background: transparent url(../scr_images/basket_full.png) center center no-repeat;
		color: #0080a5;
		padding-top: 2px;
		padding-right: 16px;
		font-weight: bold;
		width: 36px;
		height: 23px; }
	.basketSmallEmpty {
		display: inline-block;
		background: transparent url(../scr_images/basket_empty.png) center center no-repeat;
		width: 36px;
		height: 23px; }



/* * * * * * * *
	MAIN CONTAINER 
* * * * * * * * */
#mainContainer {
	margin-left: 180px;
	width: 600px; }
	
	.webshopForm div {
		padding: 5px 20px; }

	.webshopForm label.text {
		display: inline-block;
		text-align: right;
		width: 100px; }

	.webshopForm input[type=text] {
		height: 18px;
		background: none;
		border: 1px dashed #aaa;
		color: #fff; }
	.webshopForm textarea {
		background: none;
		border: 1px dashed #aaa;
		color: #fff; }

	.shortSize {
		width: 30px;
		text-align: center; }

.napomena {
	margin: 5px 0px;
	font-size: 12px;
	color: #777; }



.glavniOkvir {
	position:relative;
	width: 614px;
	height: 361px;
	overflow: hidden;
	padding: 20px 20px 20px 25px;
	background: transparent url(../scr_images/proizvodi_background.png) top left no-repeat; }


.listaProizvoda {
	position:relative;
	width: 614px;
	height: 361px;
	overflow: hidden;
	padding: 20px 20px 20px 25px;
	background: transparent url(../scr_images/proizvodi_background.png) top left no-repeat; }
.proizvod {
	width: 285px;
	height: 130px;
	overflow: hidden;
	padding-right: 20px;
	float: left; }
	.proizvodDetails {
		margin-left: 90px; }
	.proizvodDetails2 {
		margin-left: 140px; }
	.proizvodImg {
		margin-right: 10px;
		border: 1px solid #777; }
	a:hover .proizvodImg {
		border: 1px solid #fff; }
	.proizvodNaslov {
		font-weight: bold;
		color: #ffff00; }
	.proizvodNaslov:hover {
		color: #fff; }
	.proizvodOpis {
		margin-top: 5px;
		margin-bottom:0px;
		padding-bottom: 10px; }
	.proizvodCijena {
		color: #fff;
		padding: 3px 10px; }
	.proizvodKosarica {
		background-color: #666;
		color: #ff0;
		padding: 3px 10px; }
	.proizvodKosarica:hover {
		background-color: #000;
		color: #fff; }

.proizvodAkcije {
	text-align: right; }

.scrollContainer {
	position: relative;
	height: 290px;
	overflow: auto;
	margin-bottom: 5px;
	padding-right:28px;
	display: block;
	zoom:1; }



.listaFotografija {
	position:relative;
	width: 624px;
	height: 361px;
	overflow: hidden;
	padding: 20px 20px 20px 25px;
	background: transparent url(../scr_images/proizvodi_background.png) top left no-repeat; }

.fotografija {
	width: 170px;
	height: 166px;
	margin: 0 0 0 0;
	padding: 14px 14px 0 14px;
	border: 1px solid transparent;
	float:left; }
.fotografijaHover {
	border: 1px solid #03a;
	background-color: #000; }
.fotografijaHover .fotografija_slika {
	border: 1px solid #fff; }
	.fotografija_slika {
		width:170px;
		height: 116px;
		border: 1px solid transparent;
		display: block;
		overflow: hidden; }
	.fotografija a:hover .proizvodImg {
		border: none; }
	.fotografija a .proizvodImg {
		border: none; }
	.fotografijaListDetails {
		bottom: 0px; }
	.fotografijaListDetails .proizvodCijena {
		padding: 0 0 0 0; }

.scrollContainer2 {
	position: relative;
	width: 600px;
	height: 356px;
	overflow: auto;
	margin-bottom: 5px;
	padding-right:28px;
	display: block;
	zoom:1; }	
	

.slideshowItem p {
	margin-top:0;
	float:left;
	width: 155px;
	margin-right: 10px; }
	
	
	
.contentGalleryImage img {
	margin: 10px;
	padding: 1px;
	background-color: #fff; }

.contentGalleryImage:hover img {
	background-color: #08203C; }
	
.clanak li {
	padding-bottom: 10px; }
	
.clanak p {
	padding: 0;
	margin: 10px 0 0 0; }


/* * * * * * * *
	MISC 
* * * * * * * * */
.back {
	display: block;
	position:absolute;
	bottom: 20px;
	left: 20px;
	background: transparent url(../scr_images/strelica_lijevo.png) top left no-repeat;
	height: 17px;
	width: 21px; }
.back:hover {
	opacity: 0.7;
	left: 15px;
	background: transparent url(../scr_images/strelica_lijevo.png) top left no-repeat;
	width: 25px; }

.clanakMore {
	display: block;
	position:absolute;
	bottom: 20px;
	right: 25px;
	background: transparent url(../scr_images/strelica_desno.png) top right no-repeat;
	height: 17px;
	width: 21px; }
.clanakMore:hover {
	opacity: 0.7;
	right: 20px;
	background: transparent url(../scr_images/strelica_desno.png) top right no-repeat;
	width: 25px; }

.clear { clear: both; }
.clearL { clear: left; }
.hide { display: none; }
.hidden { display: none; }
.red { color: #f00; }

.kovac {
	position:absolute; width:349px; height:277px; top:69px; left: 851px; }
#zvjezdice {
	position:absolute; width:392px; height:253px; top:390px; left: -198px; }

#myBeautifulMovie {
	position:absolute; }
	
.audioControls {
	position: relative;
	left:10px;
	top:0px; }

.player {
	position:absolute; width:10px; height:10px; top:385px; left: 840px; }

#controls {
	width: 124px;
	height: 64px;
	padding-left: 15px;
	padding-top: 14px;
	position: absolute;
	top:0px;
	left:30px;
	z-index: 5;
	background: transparent url(../scr_images/player_frame.png) top left no-repeat; }

#controls a {
	display: inline-block;
	top: 10px;
	width: 29px;
	height: 23px;
	overflow: hidden; }
#controls a.prevB {
	background: transparent url(../scr_images/player_rewind.png) top left no-repeat; }
#controls a.prevB:hover {
	background: transparent url(../scr_images/player_rewind_mouseover.png) top left no-repeat; }
	
#controls a.nextB {
	background: transparent url(../scr_images/player_forward.png) top left no-repeat; }
#controls a.nextB:hover {
	background: transparent url(../scr_images/player_forward_mouseover.png) top left no-repeat; }
	
#controls a.playB {
	background: transparent url(../scr_images/player_play.png) top left no-repeat; }
#controls a.playB:hover {
	background: transparent url(../scr_images/player_play_mouseover.png) top left no-repeat; }
	
#controls a.stop {
	background: transparent url(../scr_images/player_stop.png) top left no-repeat; }
#controls a.stop:hover {
	background: transparent url(../scr_images/player_stop_mouseover.png) top left no-repeat; }
	
	
#speaker {
	position: relative;
	z-index: 10;
	display: inline-block;
	width: 30px;
	height: 30px;
	overflow: hidden;
	background: transparent url(../scr_images/player_show.png) top left no-repeat; }
#speaker.hover, #speaker:hover {
	background: transparent url(../scr_images/player_show_mouseover.png) top left no-repeat; }


#sliderEl2 {
	display: block;
	position: relative;
	width: 86px;
	height: 13px;
	background: transparent url(../scr_images/player_slider.png) top left no-repeat; }
#sliderKnob2 {
	display: block;
	cursor: pointer;
	position: absolute;
	width: 10px;
	height: 16px;
	background: transparent url(../scr_images/player_thumb.png) top left no-repeat; }


.mask { 
	position: absolute;
	z-index:899;
	background-color: #000;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter:alpha(opacity=80); }

.selectLng {
	padding: 10px;
	z-index: 910;
	position: absolute;
	border: 1px solid #fff;
	width: 280px;
	margin-left: -140px;
	left: 50%;
	height: 150px;
	top:200px;
	text-align: center; }
.selectLng h2 { 
	font-size: 16px; }
.proizvodLngSelect {
	display: block: }