/* ######### ALL CSS together!!! ######### */

/*!
Pure v0.6.0
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
/*csslint adjoining-classes: false, box-model:false*/
.pure-menu {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 200px;
}

.pure-menu-fixed {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 3;
}

.pure-menu-list,
.pure-menu-item {
    position: relative;
}

.pure-menu-list {
    list-style: none;
    margin: 0;
    padding: 0;
    font: 14px Arial, Helvetica, sans-serif;
    color: #000066;
}

.pure-menu-item {
    padding: 0;
    margin: 0;
	background-color:#EEE;
    border-bottom: 1px solid #FFFF;
    padding: 0;
    /*height: 100%;*/
	max-width:200px;
}
.pure-menu-minw {
	min-width:200px;
}

.pure-menu-link,
.pure-menu-heading {
    display: block;
    text-decoration: none;
    /*white-space: nowrap;*/
}

.pure-menu-list {
    display: inline-block;
}


/* Submenus should still be display: block; */
.pure-menu-item .pure-menu-item {
    display: block;
}

.pure-menu-children {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    margin: 0;
    padding: 0;
    z-index: 3;
    white-space: nowrap;
	border: 1px solid #000066;
}

.pure-menu-allow-hover:hover > .pure-menu-children,
.pure-menu-active > .pure-menu-children {
    display: block;
    position: absolute;
}

.pure-menu-item > .pure-menu-link:after {
    content: "\25B8";
    color: #FFF;
    font-size: small;
    white-space: nowrap;
	visibility:hidden;
}

/* Vertical Menus - show the dropdown arrow */
.pure-menu-has-children > .pure-menu-link:after {
    padding-left: 0.3em;
    content: "\25B8";
    color: #F00;
    font-size: small;
    white-space: nowrap;
	visibility:hidden;
}

.pure-menu-link {
    color: #000;
}

.pure-menu-children {
    background-color: #fff;
}

.pure-menu-link,
.pure-menu-disabled,
.pure-menu-heading {
    padding: 6px 4px;
}

.pure-menu-disabled {
    opacity: .5;
}

.pure-menu-disabled .pure-menu-link:hover {
    background-color: transparent;
}

.pure-menu-active > .pure-menu-link,
.pure-menu-link:hover,
.pure-menu-link:focus {
    background-color: #FFF;
}

.pure-menu-selected .pure-menu-link,
.pure-menu-selected .pure-menu-link:visited {
    color: #FFF;
}

/*Pure v0.6.0*/


/* lightbox.css */

#lightbox {
	border: #EEE 2px solid; PADDING-RIGHT: 10px; DISPLAY: none; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; BACKGROUND-COLOR: #fff; TEXT-ALIGN: left
}
#lightbox IMG {
	CLEAR: both
}
#overlay IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#overlay {
	DISPLAY: none; BACKGROUND-IMAGE: url(overlay1.png)
}

#keyboardMsg {
	FONT-WEIGHT: bold; PADDING-BOTTOM: 15px; COLOR: #b7c002; TEXT-ALIGN: right
}
#keyboardMsg A {
	FONT-WEIGHT: bold; COLOR: #b7c002
}
#keyboardMsg A:visited {
	FONT-WEIGHT: bold; COLOR: #b7c002
}
#documents A {
	FONT-WEIGHT: bold; COLOR: #b7c002
}
#documents A:visited {
	FONT-WEIGHT: bold; COLOR: #b7c002
}
#ajaxGallery {
	OVERFLOW: hidden; WIDTH: 580px
}
#ajaxGallery A {
	COLOR: #b7c002
}
#ajaxGallery A:visited {
	COLOR: #b7c002
}
#ajaxAdvancedSearch {
	BORDER-RIGHT: #d2d2d2 5px solid; PADDING-RIGHT: 10px; BORDER-TOP: #d2d2d2 5px solid; PADDING-LEFT: 10px; BACKGROUND: url(bg-products-list.png) #fff repeat-x left top; PADDING-BOTTOM: 10px; OVERFLOW: hidden; BORDER-LEFT: #d2d2d2 5px solid; WIDTH: 360px; PADDING-TOP: 10px; BORDER-BOTTOM: #d2d2d2 5px solid
}
#ajaxAdvancedSearch A {
	COLOR: #cd0067
}
#ajaxAdvancedSearch A:visited {
	COLOR: #cd0067
}
#ajaxShoppingCart {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: url(bg-products-list.png) #fff repeat-x left top; PADDING-BOTTOM: 10px; OVERFLOW: hidden; WIDTH: 580px; PADDING-TOP: 10px
}
#shoppingCartItems {
	PADDING-RIGHT: 20px; OVERFLOW-Y: auto; OVERFLOW: hidden; WIDTH: 560px; HEIGHT: 500px
}
#navigationControls {
	PADDING-LEFT: 125px
}
#navigationControls A {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #a0a0a0; FONT-FAMILY: Tahoma, Verdana, Arial; TEXT-DECORATION: none
}
#navigationControls A:visited {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #a0a0a0; FONT-FAMILY: Tahoma, Verdana, Arial; TEXT-DECORATION: none
}
#navigationControls A:hover {
	TEXT-DECORATION: underline
}
#navigationControls IMG {
	DISPLAY: inline
}
#navigationControls DIV {
	FLOAT: left
}
#currentImage {
	FONT-WEIGHT: bold
}

/* lightbox.css */

/* tabcontent.css */

/* ######### CSS for Shade Tabs. Remove if not using ######### */

.tab_zaglavlje { PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-WEIGHT: bold; BACKGROUND: #e0e0e0; COLOR: #000; PADDING-TOP: 8px }


.shadetabs{
padding: 1px 0;
margin-left: 0;
margin-top: 0px;
margin-bottom: 0;
font: bold 14px Arial, Helvetica, sans-serif;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 4px;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 1px 7px;
margin: 3px;
BORDER-top: #ffffff 1px solid;
BORDER-left: #ffffff 1px solid;
BORDER-right: #ffffff 1px solid;
color: #2d2b2b;
background: #e0e0e0;
}

.shadetabs li a:visited{
margin: 3px;
color: #2d2b2b;
BORDER-top: #ffffff 1px solid;
BORDER-left: #ffffff 1px solid;
BORDER-right: #ffffff 1px solid;
}

.shadetabs li a:hover{
text-decoration: none;
color: #FF0000;
BORDER-top: #ffffff 1px solid;
BORDER-left: #ffffff 1px solid;
BORDER-right: #ffffff 1px solid;
margin: 3px;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
BORDER-top: #ffffff 1px solid;
BORDER-left: #ffffff 1px solid;
BORDER-right: #ffffff 1px solid;
background: #ffffff;
}


.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
color: #000000;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* tabcontent.css */

/* Nenad */
/* Korisnicka dugmad i fieldovi */
.search_field { background-color: #FFFFFF; color: #000000; font-family: Arial; font-size: 16px; border: 1px solid #000066; text-align:center; vertical-align:top; margin-top:6px; display:inline }
.login_field { background-color: #FFFFFF; color: #000000; font-family: Arial; font-size: 16px; border: 1px solid #000066; text-align:left; display:inline }
.registracija_field {color: #000000; font-family: Arial; font-size: 16px; border: 1px solid #CCCCCC; text-align:left; display:inline }
.registracija_red { background-color:#F66 }
.login_button { background-color: #000066; color: #FFF; font-family: Arial; font-size: 14px; border: 1px solid #000066; text-align:center; display:inline; cursor:pointer }
.login_button:hover { background-color: #FFF; color: #000066;}
a.login_help_links {font-weight: bold; FONT-SIZE: 14px; COLOR: #000066; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none;  }
a:hover.login_help_links {TEXT-DECORATION: underline;  }
a.user_menu_button { background-color:#EEE; border-bottom: 1px solid #FFFF; padding: 6px 4px; width: 192px; font: 14px Arial, Helvetica, sans-serif; color: #000; display:inline-block; text-align:center; text-decoration:none}
a:hover.user_menu_button { background-color: #FFF }

/* Banneri */
a.store_banner {
width: 200px;
height:70px;
padding-top:10px;
padding-bottom:5px;
border-bottom: #FFF 2px solid;
display: inline-block;
color: #000;
background-color: #EEE;
}
a:hover.store_banner {
background-color: #FFF;
}
.store_banner_image {
	float:left;
	display:block;
	position:relative;
	width:50px;
	height:50px;	
}
.store_banner_head {
	float:left;
	display:block;
	position:relative;
	width:150px;
	height:33px;
	padding-top:17px;
	text-align:center;
	font-weight: bold;
	FONT-SIZE: 16px; COLOR: #000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	line-height:1;
}
.store_banner_domain {
	float:left;
	display:block;
	position:relative;
	width:200px;
	height:20px;	
	text-align:center;
	FONT-SIZE: 16px; COLOR: #000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}

/*slideshow*/
#slideshow {  
    position: relative; 
    width: 570px; 
    height: 370px;
}

#slideshow a { 
    position: absolute; 
	opacity: o;
	z-index: 1;
    top: 0px; 
    left: 0px; 
    right: 0px; 
    bottom: 0px; 
}
#slideshow a div { 
    position: absolute; 
    top: 20px; 
    left: 20px;
	padding:10px;
	background-color:#000000;
	opacity:0.5;
	FONT-SIZE: 24px; COLOR: #FFF;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.slideshowing {
    opacity: 1;
    z-index: 2;
	visibility:visible;
}

.slidenotshowing {
    opacity: 0;
    z-index: 1;
	visibility:hidden;
}

/*kontakt*/
.kontakt_container {  
    position: relative; 
    width: 570px; 
}

.kontakt_box {
	width:285px;
	float:left;
	margin-top:15px;	
}

.kontakt_naslov {
	font-weight:bold;
	text-align:left;
	padding-left:5px;
	width: 280px;
	FONT-SIZE: 18px; COLOR: #000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.kontakt_details {
	text-align:left;
	padding-left:5px;
	width: 280px;
	FONT-SIZE: 16px; COLOR: #000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.upit_forma{
	float:left;
	border-top: #EEE 1px solid;
	margin-top:20px;
	text-align:left;
	width: 570px;
	FONT-SIZE: 14px; COLOR: #000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.kontakt_red_field {
	border:2px solid red;
	background-color:#FF9999;
}

.kontakt_kk_guide {
	padding-top:3px;
	padding-bottom:3px;
	padding-left:5px;
	FONT-SIZE: 16px; COLOR: #000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	border-bottom: #EEE 1px solid;
}

.registracija_container {  
    position: relative; 
    width: 570px; 
}
.registracija_forma{
	position:relative;
	float:left;
	width:570px;
	margin-top:20px;
	text-align:left;
	FONT-SIZE: 16px; COLOR: #000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.registracija_intro {
	padding-top:3px;
	padding-bottom:3px;
	padding-left:5px;
	FONT-SIZE: 16px; COLOR: #000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	border-bottom: #EEE 1px solid;
}
.registracija_help_label {
	padding:4px;
	margin-left:5px;
	background-color:#EEEEEE;
	color:#000000;	
	font-size:12px;
}
/*productp*/
.productp_container {  
	margin-top:10px;
    position: relative; 
    /*width: 570px;*/
	text-align:left;
	font-size:16px;
}
.productp_image_container {  
    /*float:left;*/
    /*width: 287px;*/
	width: 100%;
	margin-bottom: 20px;
}
.productp_image {
	border: #EEE 1px solid;
	/*width:140px;*/
	/*height:140px;*/
	/*width: 500px;*/
	height: auto;
	float:left;
	margin-left:1px;	
}
.productp_image img{
	width: 150px;
	height:150px;
}
@media (max-width: 991px) {
	.productp_image img{
		width: 310px;
		height:300px;
	}
	.productp_deet{
		text-align: center;
		margin-top: 50px;
	}
}
#productp_img{
	cursor: zoom-in;
}
#productp_img:hover{
	opacity: 0.7;	
}
.productp_deet {  
    /*float:left;*/
    /*width: 273px;*/
	width: 100%;
	/*margin-left:10px;*/
}
.productp_opis {  
	font-size:16px;
    float:left;
    width: 570px;
	margin-top:5px;
	margin-bottom:5px;
}
.productp_opis pre {  
	font-size:16px;
    font-family: Arial, Helvetica, sans-serif;
    width: 570px;
}
.productp_price {
	font-size:14px;
    float:left;
    width: 273px;
}
.secondary_color{
	/*background-color:#6784b3;*/
	color: #FFF;	
	background-color:#5a98cd;
}
.third_color{
	background-color:#EEE;
	color: #000000;	
}
.productp_modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.productp_popimg {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
	cursor: zoom-out;
}

/* The Close Button */
.productp_close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.productp_close:hover,
.productp_close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}
.productp_iico {
    cursor: help;
}
.productp_PDBox {
    display: none;
    position: absolute;
    z-index: 1;
	max-width:200px;
    width: 100%;
    height: auto;
    background-color: #5a98cd;
	color: #FFF;
	text-align:left;
	font-size:16px;
	padding:5px;
	
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .productp_popimg {
        width: 100%;
    }
}
/* PRODUCT DET */
#product_det {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

#product_det_container{
	padding-top:5px;
    margin: auto;
    display: block;
    width: 400px;
	height: 400px;
	background-color:#FFF;
	overflow-y: auto;
	overflow-x: hidden;
}
.product_det_close {
    margin: auto;
    display: block;
    color: #F00;
	width: 400px;
	text-align:right;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}
.product_det_close:hover,
.product_det_close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}
.product_det_image {  
    float:left;
    width: 90px;
	min-height: 400px;
	margin-left:8px;
}
#product_det_img{
	cursor: zoom-in;
}
.product_det_big_img{
	padding-left:8px;
	padding-bottom:8px;
    margin: auto;
    display: none;
	cursor: zoom-out;
	width:392px;
	height:392px;
	position:absolute;
	background-color:#FFF;
	z-index:2;
}
#product_det_img:hover{
	opacity: 0.7;	
}
.product_det_deet { 
	font-size:16px; 
    float:left;
    width: 275px;
	margin-left:8px;
}
.product_det_opis {
	font-size:14px;
    float:left;
    /*width: 384px;*/
	width: 275px;
	margin-left:8px;
	margin-top:5px;
	margin-bottom:5px;
	text-align:left;
}
#product_det_opistekst{
	font-size:14px;
	padding-left:8px;
	padding-bottom:8px;
    margin: auto;
    display: none;
	width:384px;
	height:392px;
	position:absolute;
	background-color:#FFF;
	z-index:2;
	overflow:auto;
}
.product_det_price {
	font-size:14px;
    float:left;
    width: 275px;
}
.product_det_opisb {
	font-size:14px;
	border: #5a98cd 1px solid;
	color:#000066;
	padding: 3px 3px;
	cursor:pointer;
}
.product_det_opisb:hover {
	color:#FFF;
	background-color:#5a98cd;
}
.search_pagination {
	font-size:16px;
	color:#000066;
	padding: 3px 5px;
}
.search_pagination_active {
	text-decoration:none;
	border: #5a98cd 1px solid;
	cursor:pointer;
}
.search_pagination_active:hover {
	color:#FFF;
	background-color:#5a98cd;
}
/*products*/
.products_catname {
	font-size:14px;
	color: #000066;
	font-weight:bold;
	background-color:#EEE;
}
/*index*/
.korpa_ind_tekst {
	FONT-SIZE: 11px;
	text-align: left;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding: 1px;
}
/*porudzbine stranica*/
#worders_selectdiv {
	width:100%;
	text-align:center;
}
.worders_button {
	padding:5px 15px;
	font-size:16px;
	display:inline-block;
	cursor:pointer;
}
.worders_button:hover {
	background-color:#EEE;
}
.worders_button_marked {
	background-color:#EEE;
}
.worders_content_div {
	width:100%;
	margin-bottom: 5px;
	margin-top:5px;
	font-size:14px;	
}
.worders_table_head {
	color:#000066;
	font-weight:bold;	
}
.custom_link {
	color:#5a98cd;
	font-weight:bold;
	text-decoration:none;	
}
.custom_link:hover {
	text-decoration:underline;
}
.worders_info {
	text-align:center;
	font-size:14px;	
}
/* ADRESE dodatak by MiTja 31.05.2018. display:inline-block;*/

.addr_glavni_div {
}
.addr_boja_osnova {
	width: 30px;
	height: 14px;
	display:inline-block;
	margin: 4px;
	padding: 2px;
	cursor: pointer;
	border: #000 1px solid;
	vertical-align: top;
}
.addr_boja_active {
	box-shadow:
			0px 0px 0px 3px rgba(255,255,255,1),
			1px 4px 4px 4px rgba(0,0,0,0.6);
	-webkit-backface-visibility: hidden;
	width: 38px;
	height: 22px;
}
.addr_boja_Crna {
	background-color: #000;
}
.addr_boja_Plava {
	background-color:#00F;
}
.addr_boja_Zuto-zelena {
	background-color: #FF0;
	width: 12px !important;
	border-right: 18px solid #008000;
}
.addr_boja_Zuta {
	background-color:#FF0;
}
.addr_boja_Braon {
	background-color:#633;
}
.addr_boja_Narandzasta {
	background-color:#f93;
}
.addr_boja_Zelena {
	background-color:#008000;
}
.addr_boja_Crvena {
	background-color:#f00;
}
.addr_boja_Bela {
	background-color:#fff;
}
.addr_boja_Roza {
	background-color:#f09;
}
.addr_boja_Ljubicasta {
	background-color:#800080;
}
.addr_boja_Siva {
	background-color:#C0C0C0;
}
.addr_value {
	font-size:10px;
	font-weight:bold;
}
.addr_value  span{
	background-color:#fff;
}
.addr_input_readonly {
	background-color:#C0C0C0;
}

.addr_boja_Zuto-zelena {
	background-color: #FF0;
	width: 12px !important;
	border-right: 18px solid #008000;
}