/* !styles.css */


body, html, p, a, div, span {
	font-family: Verdana;
	font-size: 10pt;
}

p, a, div, span {
	font-size: inherit;
	margin: 0;
	padding: 0;
	text-decoration: none;
}


body {
	margin: 0;
	padding: 0;
	background-image: url("!images/bgw.png");

}

a.img_link {
	opacity:.6;
}

a.img_link:hover {
	opacity:1;
}

#HEADER {
	margin-left:calc(100vw / 2 - 500px);
	/*margin-right:calc(100vw / 2 - 500px);*/
	background-color: #fff;
	
	/*min-height: calc(100vh);*/
}

/*************************************
************ HEADERS *****************
*************************************/

/* LOGO *************************************/
#logo_big {
	width: 173px;
	height: 50px;
	margin-top:30px;
	
	display: inline-block;
	background-image: url(!images/logo_medium.png);
}


/* SEARCH *******************************************/

#search {
	width: 449px;
	height: 30px;
	vertical-align: top;
	margin-top: 40px;
	margin-left: 10px;
	margin-right: 98px;
	display: inline-block;
	border: solid 1px #69C;
	background-image: url(!images/search_icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 27px;
	
	-moz-border-radius: 5px; 
	border-radius: 5px;
	
	background-color: #fff;
}

.artikel_dodan {
	-webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;	
}

#search_field, #search_field:focus {
	display: inline-block;
	height: 28px;
	vertical-align: middle;
	width: 402px;
	background-color: #fff;
	border:none;
	outline: none;
}

#submit_search, #submit_search:focus {
	display: inline-block;
	background-color: #69C;
	color: #fff;
	outline:none;
	width: 45px;
	height: 30px;
	border: none;
	-moz-border-radius: 3px; 
	border-radius: 3px;
	float:right;
}

/* LOGIN + CART ********************************************/

#cart_button, #login_button {
	height: 30px;
	width: 120px;
	font-size: .8em;
	display: inline-block;

	vertical-align: top;
	
	color: #FFF;
	text-align: center;
	cursor: pointer;
	margin-top: 40px;
	background-color: #69C;
}

#cart_button {
	border-left: 1px solid #fff;
}

#cart_button:hover, #login_button:hover  {
	color: #FF0;
}


.category_btn,.category_btn:visited  {
	vertical-align:top;
	background-repeat:no-repeat;
	margin:5px;
	display:inline-block;
	width:100px;
	padding-top:102px;
	text-align:center;
	color:#69C;
	/*opacity:.85;*/
}
.category_btn:hover  {
	color: #F00;
	/*opacity:1;*/
}

#login_button_text, #cart_button_text {
	margin-top: calc(15px - .5em);
	line-height: 1em;
}

/* LOGIN + CART BOX ****************************/

#cart_box, #login_box {
	position: absolute;
	width: 239px;
	min-height: 20px;
	background-color: #69C;
	background-color: rgba(255, 255, 255, 1);
	margin: 0;
	margin-top: 70px;
	
	margin-left: 759px; /*calc( 173px + 10px + 478px + 98px );*/
	border: solid 1px #69C;
	border-top: none;
	
	-moz-border-radius-bottomleft: 5px; 
	-moz-border-radius-bottomright: 5px; 
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	font-size: .8em;
	display: none;
}

#cart_box {
	
	min-height: 50px;
	width: 645px;
	margin-left: 353px; /*calc(759px - 600px + 239px); -45px, da je bolj pregledno  */
	border-top: solid 1px #69c;
	padding-top: 3px;
}

.login_data {
	width: 200px;
	display: inline-block;
	margin-left: 0px;
}

.login_input {
	width: 200px;
	font-size: 1em;
}

p.login_field {
	margin-top:0px;
	font-size: 1em;
	margin-left: 5px;
}

#login_submit {
	width: 95px;
	padding:0;
	margin-left: 20px;
}

.forgot_password {
	width: 80px;
}

a.login {
	text-decoration: none;
	color: inherit;
}

a.login:hover {
	color: #09d;
	text-decoration: none;
}

#close_login {
	position: absolute;
	margin-left: 229px;
	width: 10px;
	height: 10px;
	z-index: 99;
	background-image: url(!images/close_10.png);
	text-align: center;
	vertical-align: middle;
	
	cursor:pointer;
	
	opacity: .3;
	
}

#close_login:hover {
	opacity: 1
}


a.cashout, a.cashout:active {
	background-color: #FC0;
	display: inline-block;
	width: 100px;
	padding-left: 40px;
	background-image: url(!images/cart_icon_24.png);
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: 6px;
	text-align: left;
	cursor: pointer;
	border: outset 1px #fc0;
	color: #333;
	line-height: 32px;
	margin-right:1px;
	border-radius: 5px;
	font-weight: bold;
	text-transform:uppercase;
}

a.cashout:hover {
	border: outset 1px #fa0;
}


span.rm_item {
	display:inline-block;
	opacity: .2;
	width:21px;
	height: 21px;
	background-image: url(!images/rm_item_21.png);
	vertical-align: top;
	margin-left: 2px;
	cursor: pointer
}

span.rm_item:hover {
	opacity:.75
}

/******************************************
***************** /HEADERS ****************
******************************************/

#border_spacer {
	margin-left:calc(100vw / 2 - 500px);
	height: 5px;
	background-color: #FC0;
	margin-bottom: 7px;
	
	
	-moz-border-radius-bottomleft: 5px; 
	-moz-border-radius-topleft: 5px; 
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	
}



/*******************************************
***************  TOP-MENU ******************
*******************************************/

#top-menu {
	margin-left:calc(100vw / 2 - 500px);
	width: 1000px;
	margin-top: 15px;
	/*border: 1px solid #69c;
	border-radius: 6px 0 0 6px;*/
	
}

.top-menu-button {
	width: 142px;

	text-align: center;
	background-color: #ccc;
	display: inline-block;
	cursor: pointer;
	padding-top: 8px;
	padding-bottom: 8px;
	vertical-align: middle;
	color: #fff;
	font-size: .8em;
	
	border-right: 1px solid #fff;
	
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9cd), to(#69c));
	  /* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #9cd, #69c);
	  /* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #9cd, #69c);
	  /* IE 10 */
	background: -ms-linear-gradient(top, #9cd, #69c);
	  /* Opera 11.10+ */
	background: -o-linear-gradient(top, #69c, #9cd);

}

a.file_display {
	margin-top:5px;
	margin-left:10px;
	color:#69c;
	display:inline-block;
	vertical-align:top;	
	padding:3px;
	border-radius:5px;
	text-align:left;
}

a.file_display:hover {
	background-color: rgba(200,200,200,.3);
}

span.item_property_name {
	vertical-align: top;
	padding:3px;
	display: inline-block;
	width: 170px;
	font-weight:bold;
}


.top-menu-button:hover {

		color: #FF0;
	
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#80c0ff), to(#69c));
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #80c0ff, #69c);
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #80c0ff, #69c);
  /* IE 10 */
  background: -ms-linear-gradient(top, #80c0ff, #69c);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #80c0ff, #9cd);
}

#submenu-placeholder {
	position:absolute;
	margin:0;
	margin-left: calc(100vw / 2 - 500px);
}

.submenu-frame {
	
	min-width: 142px;
	background: #fff;
	display: none;
	margin:0;
	border: none;
	border-bottom: solid 1px #69c;
}

p.submenu {
	background-position: right 5px;
	background-repeat: no-repeat;
	line-height: 1.8em;
	padding-left: 3px;
	padding-right: 11px;
	cursor: pointer;
	font-size: .8em;
	border: solid 1px #69c;
	border-top:none;
	border-bottom: none;
}

p.submenu:hover {
	background-color: #69c;
	background-position: right -40px;
	color: #FF0;
}

p.submenu:active {
	
}

div.subcategory {
	vertical-align:top;
	background-color:#ccc;
	position:relative;
	background: #fff;
	display:none;
	border-top: solid 1px #69c;
	border-bottom: solid 1px #69c;
}


/*******************************************
****************** /TOP-MENU ***************
*******************************************/

div.main_margin {
	height: 20px;
}

h1, h2, h3, h4, h5 {
	font-weight: bold;
	margin: 0;
	padding: 10px 0px 10px 0px;
	color: #ACF;
	color: #49e;
}

h1 {
	font-size: 1.4em;
}

h2 {
	font-size: 1.3em;
}

h3 {
	font-size: 1.2em;
}

h4 {
	font-size: 1em;
}

h5 {
	font-size: .8em;
}


/*************************************************
****************** COOKIE POLICY  ****************
*************************************************/

.cookie_warning {

	width: 100vw;
	border-bottom: solid 1px #FF0;
	background-color: rgba(255, 255, 255, .98);
}

.warning_strip {
	height: 10px;
	width: 100vw;
	background-image: url("!images/warning_strip2.png");
	vertical-align: bottom;
	margin-top:15px;
}

.cookie_text {
	width:1000px;
	margin-left: calc(100vw / 2 - 500px);
	min-height: 110px;
}

.accept_cookies {
	width: 150px;
	padding-top: .5em;
	padding-bottom: .5em;
	border-radius: 5px;
	border: solid 1px #090;
	display: inline-block;
	color: #FFF;
	text-align: center;
	float: right;
	
		/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3c3), to(#090));
	  /* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #3c3, #090);
	  /* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #3c3, #090);
	  /* IE 10 */
	background: -ms-linear-gradient(top, #3c3, #090);
	  /* Opera 11.10+ */
	background: -o-linear-gradient(top, #090, #3c3);
}

.accept_cookies:hover {
	color: #FF0;
}


/************************************************
***************** CATID *************************
************************************************/

a.caticon, a.caticon:visited {
	vertical-align:top;
	color: #333;
	display: inline-block;
	margin: 7px;
	background-image: url(!images/default_icon_64.png);
	width: 128px;
	padding-top: 135px;
	padding-top: 70px;
	text-align: center;
	text-decoration: none;
	background-position: top center;
	background-repeat: no-repeat;
	font-size: .8em;
}

a.caticon:hover {
	color:#69C;
}

#filters {
	min-height: 400px;
	display: inline-block;
	width: 200px;
	vertical-align: top;
}

.filter_title {
	background-color: #69C;
	color: #FFF;
	padding: 1px;
	font-size: .8em;
	margin-top: 5px;
}

.item_table {
	display: inline-block;
	width: 800px;
	vertical-align: top;
}

.item_line {
	cursor:default;
	vertical-align: top;
	border-bottom: solid 1px #eee;
}

.item_line:hover {
	background-color: #eee;
	
}

.item_thumbnail {
	display: inline-block;
	width: 100px;
	min-height: 100px;
	padding: 0;
	background-position: center center;
	background-image: url(!images/default_icon.png);
	background-repeat: no-repeat;
}

.property_name {
	background-color: #69C;
	color: #FFF;
	display:inline-block;
	font-size: 1em;
	padding: 1px;
}

.item_property {
	display:inline-block;
	font-size: 1em;
	padding: 1px;
	min-height: 130;
	vertical-align: top;
	width: 530px;
}

.item_price {
	width:168px;
	display:inline-block;
	vertical-align: top;
	text-align: right;
}

.item_name {
	font-weight:bold;
	font-size: .9em;
	text-transform: uppercase;
	cursor:pointer;
	color: #444;
}

.item_description {
	color: #999;
	font-size: .8em;
	cursor: pointer;
}

.price_old {
	color: #999;
	text-decoration: line-through;
	text-align: right;
	font-size: .8em;
	/*font-family: Arial;*/
}

.price_new {
	font-size: 1.3em;
	/*font-family: Arial;*/
}

a.add_to_cart {
	background-color: #FC0;
	display: inline-block;
	width: 126px;
	padding-left: 40px;
	background-image: url(!images/cart_icon_24.png);
	margin-top: 30px;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: 6px;
	text-align: left;
	cursor: pointer;
	border: outset 1px #fc0;
	color: #333;
	line-height: 32px;
	border-radius: 5px;
}

a.add_item_to_cart {
	background-color: #FC0;
	display: inline-block;
	width: 96px;
	padding-left: 30px;
	background-image: url(!images/cart_icon_24.png);
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: 1px;
	text-align: left;
	cursor: pointer;
	font-size:.8em;
	border: outset 1px #fc0;
	color: #333;
	margin-top:3px;
	line-height: 30px;
	border-radius: 5px;
}

a.add_item_to_cart, a.add_to_cart:hover {
	border: outset 1px #fa0;
}

input.add_qty {
	
}
/************ PRI ARTIKLU **********************************/
.btn_item_property {
	display:inline-block;
	cursor:pointer;
	border: solid 1px #ccc;
	border-bottom:none;
	border-radius: 5px 5px 0 0;
	padding: 8px;
	padding-bottom: 3px;
	color: #666;
	vertical-align:bottom;
}

.btn_item_property:hover {
	color: #000;
	padding-bottom: 4px;
	border-color: #bbb
}

.btn_item_property_selected {
	display:inline-block;
	cursor:default;
	border: solid 1px #ccc;
	border-bottom:none;
	border-radius: 5px 5px 0 0;
	padding: 8px;
	padding-bottom: 3px;
	color: #000;
	background-color: #eee;
	padding-bottom: 6px;
}

/******************************************************************/

.thumbnail_hover {
	
}

a.cart32 {
	background-image: url(!images/cart+_24.png);
	width:32px;
	background-position: 3px;
	height:32px;
	display: inline-block;
	border-radius: 3px;
	/*border: outset 1px #fc0;*/
	background-repeat: no-repeat;
	/*background-color: #Fff;*/
	cursor: pointer;
}

a.cart32:hover {
	/*border: outset 1px #fa0;*/
}


/***********************************
***** SMALL ICON ITEMS: ************
***********************************/

.small_icon_line {
	height:32px;
	padding-left: 33px;
	border-bottom:solid 1px #ddd;
	background-repeat:no-repeat;
	padding-top:3px;
	padding-bottom: 3px;
	background-position: center left;
}

.small_icon_line:hover {
	background-color: #eee;
}

.small_icon_price {
	vertical-align: top;
	line-height:32px;
	font-size:1.2em;
	display:inline-block;
	width: 140px;
	text-align:right;
	margin-right:3px;
}

.small_icon_cart {
	display: inline-block;
	background-color:#FC0;
	border-radius:5px;
	width: 30px;
	height:30px;
	border:1px;border: outset 1px #fc0;
	background-repeat: no-repeat;
	background-image:url(!images/cart+_24.png);
	background-position:center center;
	cursor:pointer	
}

.small_icon_cart:hover {
	border: outset 1px #fa0;
}

.small_icon_title {
	vertical-align:top;
	display:inline-block;
	width: 592px;
}

.small_icon_title, .small_icon_dimension {
	cursor: pointer;
	color: #333
}

.small_icon_dimension {
	color: #999
}



/**********************************************
********************* TEMPORARY ***************
**********************************************/







/************************************************
************************ / TEMPORARY ************
************************************************/