html,body { height: 100%; background-color: #ffffff; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif;
            font-size: 10px;  border: 0px none; line-height:1.5; }
form { margin: 0px}

.table_header_naslov { font-family: Arial, Helvetica, sans-serif;
			font-size: 14px; font-weight:bold; color: #000066; text-align: left; padding: 3px; Background: #FFF; height: auto; }

.table_header_naslov1 { font-family: Arial, Helvetica, sans-serif;;
			font-size: 14px; color: #FFFFFF; text-align: left; padding: 3px; Background: #000066; height: auto; }


.izdvajamo_table { text-align: center; font-family:Arial, Helvetica, sans-serif}
.izdvajamo_naslov { font-family: Arial, Helvetica, sans-serif;
			font-size: 12px; color: #000; text-align: center; padding: 3px; Background: #EEE }
.izdvajamo_body { padding:5px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-weight: bold;
                font-size: 13px; color: #FF0000; text-decoration:none; vertical-align:middle }


.form_fields { background-color: #FFFFFF; color: #000080; font-family: Arial; font-size: 8pt; border: 1px solid #808080; display:inline }
.form_field_kupi {width: 100px; margin-right: 10px; background-color: #FFFFFF; color: #000080; text-align: center; font-family: Arial; font-size: 12px; font-weight: bold; border: 1px solid #ccc; cursor:pointer; border-radius: 3px;padding:3px 5px;  }

.novosti_zaglavlje { background-image:url(bg15.gif); font-family: Arial, Helvetica, sans-serif;
            font-weight: bold; font-size: 14px; color: #000000; text-align: left; padding: 10px; border-bottom:#CCC 1px solid }
			
.sivo_zaglavlje { font-family: Arial, Helvetica, sans-serif;
            font-weight: bold; font-size: 16px; color: #000066; text-align: left; padding: 10px; }

.product_detail { font-family: Arial, Helvetica, sans-serif;
            font-weight: bold; font-size: 12px; color: #000000; text-align: left; padding: 5px }

.product_detail_pop { font-family: Arial, Helvetica, sans-serif;
            font-weight: bold; font-size: 12px; color: #000000; text-align: right; padding: 5px }

.okvir { border:#CCC 1px solid }

.vazno   { font-size:9px; color: #C00; font-family: Verdana, Arial, Helvetica, sans-serif }

.td_steps { font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; color: #000000; text-align: center; border-left:1px solid #cccccc; border-bottom:1px solid #cccccc; border-top:1px solid #cccccc }
.td_steps_active { font-family: Arial, Helvetica, sans-serif; font-weight: bold;
	font-size: 11px; color: #FFFFFF; text-align: center; border-left:1px solid #cccccc; border-bottom:1px solid #cccccc; border-top:1px solid #cccccc; background-color: #cccccc }

.redwhite	{ background-color: transparent }
.redgrey	{ background-color: #EEE }
.red_line { margin:4px; padding:2px; border-bottom: #EEE 1px solid }
.grey_line { margin:0px; padding:0px; border-bottom: #EEE 1px solid }

.neka_td { padding:6px; margin:6px }

.divkorpa   { display:inline }

.podkategorija{ margin-left:5px; margin-right:5px; padding:2px; padding-left:10px; font-family: Arial, Helvetica, sans-serif; font-size: 10px }
.podkategorija a{ color:#000; text-decoration:none }
.podkategorija a:hover{ color: #F00; text-decoration:none }

.wcm_naslov{ color:#FFFFFF; padding-left:5px; background-color:#000; height:20px; overflow:visible;
	padding-top:5px; margin-bottom:5px; font-weight:bold;
	font-family: Arial, Helvetica, sans-serif; font-size: 11px }
a.wcm_naslov{ color: #FFFFFF; font-weight: bold; font-size: 10px }
a:hover.wcm_naslov{ background:#F00 }
a:active.wcm_naslov{ background:#F00 }

.proizvodi_zaglavlje { PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-WEIGHT: bold; BACKGROUND: #e0e0e0; PADDING-BOTTOM: 4px; COLOR: #000; PADDING-TOP: 8px; BORDER-BOTTOM: #003366 2px solid }
.proizvodi_naslov { PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; font-size: 12px; color: #003366; font-weight:bold }

.adrese_tabela { border:#CCC 1px solid; PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; font-size: 12px; color: #003366; font-weight:bold }

.news_naslov { FONT-SIZE: 14px; font-weight: bold; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration:none; padding: 2px}

.reg_naslov { FONT-SIZE: 14px; color: #00014e; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration:none; padding: 2px}

.news_tekst { FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration:none; padding: 2px }
A.news_tekst { FONT-SIZE: 12px; color: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration:none; padding-left: 2px; font-weight:bold }
a:hover.news_tekst { FONT-SIZE: 12px; color: #FF0000; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration:none; padding: 2px; font-weight:bold }
a:active.news_tekst { FONT-SIZE: 12px; color: #FF0000; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration:none; padding: 2px; font-weight:bold }

.highlight_tekst { FONT-SIZE: 12px; font-style: italic; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration:none; padding: 2px }

.korpa_tekst { FONT-SIZE: 11px; text-align: left; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration:none; padding: 1px; white-space: nowrap; cursor:pointer }
.korpa_tekst2 { FONT-SIZE: 11px; text-align: center; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration:none; padding: 1px; white-space: nowrap }
.korpa_tekst3 { FONT-SIZE: 11px; text-align: right; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration:none; padding: 1px; white-space: nowrap }
.korpa_zaglavlje { FONT-SIZE: 11px; font-weight: bold; text-align: center; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration:none; padding: 1px; BORDER-BOTTOM: #003366 1px solid; white-space: nowrap }
.korpa_footer { FONT-SIZE: 11px; text-align: right; font-weight: bold; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration:none; BORDER-top:dotted #003366 1px; padding-top:4px }
.korpa_footer_popust {
color : #ff0000;
font-size : 11px;
text-align : right;
font-weight : bold;
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
border-top : 1px dotted #003366;
padding-top : 4px;
}
.korpa_tekst1 { FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration:none; padding: 3px; white-space: nowrap }
.korpa_tekst_popust {
color : #ff0000;
font-size : 11px;
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
padding : 3px;
white-space : nowrap;
}
.korpa_zaglavlje1 { FONT-SIZE: 11px; font-weight: bold; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration:none; padding: 4px; BORDER-BOTTOM: #003366 1px solid; white-space: nowrap }
.korpa_steps { border-bottom:#CCC 1px solid }
.korpa_rb { PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; text-align: center; vertical-align:middle; border-bottom:#CCC 1px solid }
.colorBox { font: bold large cursive; border:1px solid #000000;	background-color:#ff9900 }

.news_archive_detail { FONT-SIZE: 11px; font-weight: bold; COLOR: #006699; font-style: italic; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration:none }
A.news_archive_detail { font-style: italic; font-weight: bold; FONT-SIZE: 11px; COLOR: #006699; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; position:relative  }
a:hover.news_archive_detail { font-size: 11px; font-weight: bold; color: #FF0000; font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-style: italic; background-color:#FFFFFF }
a:active.news_archive_detail { font-style: italic; font-weight: bold; FONT-SIZE: 11px; COLOR: #006699; TEXT-DECORATION: none }
A.news_archive_detail span{ display:none }
A.news_archive_detail:hover span{ display:inline; position:absolute; z-index:20; top:1em; left:1em; width:150px; border:0px solid #e0e0e0; background-color:#e0e0e0; color:#000; padding:3px }

A.fastmeni    { font-family: Arial; font-size: 8pt; color: #006699; text-decoration: none; font-weight:bold }
a:hover.fastmeni    { font-family: Arial; font-size: 8pt; color: #006699; text-decoration: overline; font-weight:bold }
a:active.fastmeni    { font-family: Arial; font-size: 8pt; color: #006699; text-decoration: none }

.main_more { FONT-SIZE: 12px; COLOR: #006699; font-style: italic; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration:none }
A.main_more { FONT-style: italic; FONT-SIZE: 12px; COLOR: #006699; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none }
a:hover.main_more { font-size: 12px; color: #FF0000; font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-style: italic }
a:active.main_more { FONT-style: italic; FONT-SIZE: 12px; COLOR: #006699; TEXT-DECORATION: none }

.user_detail { FONT-SIZE: 12px; COLOR: #F00; font-weight:bold; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration:none; font-style: italic }
A.user_detail { FONT-SIZE: 12px; COLOR: #F00; font-weight:bold; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; font-style: italic }
a:hover.user_detail { font-size: 12px; color: #FFF; font-weight:bold; font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-style: italic }
a:active.user_detail { FONT-SIZE: 12px; COLOR: #FFF; font-weight:bold; TEXT-DECORATION: none; font-style: italic }

.user_deail { FONT-SIZE: 12px; COLOR: #FF0000; font-weight:bold; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration:none; font-style: italic }
A.user_deail { FONT-SIZE: 12px; COLOR: #FF0000; font-weight:bold; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; font-style: italic }
a:hover.user_deail { font-size: 12px; color: #006699; font-weight:bold; font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-style: italic }
a:active.user_deail { FONT-SIZE: 12px; COLOR: #006699; font-weight:bold; TEXT-DECORATION: none; font-style: italic }

.putanja            { font-size: 11px; font-style: italic; font-weight:bold; color: #000066; font-family: Arial, Helvetica, sans-serif; text-decoration:none }
A.putanja           { font-size: 11px; font-style: italic; font-weight:bold; color: #000066; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
a:hover.putanja     { font-size: 11px; font-style: italic; font-weight:bold; color: #FF0000; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
a:active.putanja    { font-size: 11px; font-style: italic; font-weight:bold; color: #000066; text-decoration: none }

.velikaslika	{ BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #000000 1px solid; DISPLAY: none; PADDING-LEFT: 4px; Z-INDEX: 99999; BACKGROUND: #ffffff; PADDING-BOTTOM: 4px; MARGIN: -160px -20px 0px; BORDER-LEFT: #000000 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: #000000 1px solid; POSITION: absolute }

ul#list-nav {
list-style:none;
margin:0px;
padding:0px;
height:35px;

font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
display:inline;
}

ul#list-nav li {
display:inline;
margin:0px;
padding:0px;
}

ul#list-nav li a {
text-decoration:none;
padding:4px 15px;
color:#000066;
border-right: #000066 1px solid;
float:left;
text-align:center;
height:27px;
}

ul#list-nav li a:hover {
background:#000066;
color:#FFF
}

.footer {
	font-size:16px;	
}

/* Listanje proizvoda */
.product_list_box_main{
	width:588px;
	text-align:left;
}
.product_list_box_header{
	width:548px;
	padding-left:5px;
	padding-top:2px;
	height:21px;
	float:left;
	display:block;
	color: #000066;
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
}
.product_list_box_tab {
	width:30px;
	height:25px;
	padding-left:5px;
	float:left;
	display:block;
	cursor:pointer;
}
.product_list_box_tab:hover {
	background-color:#FFF;
}
.product_list_box_image {
	width:100px;
	height:100px;
	float:left;
	display:block;
	padding: 5px 5px;
}
.product_list_box_code {
	width:229px;
	height:95px;
	padding-top:15px;
	padding-left:10px;
	float:left;
	display:block;
	font-size:14px;
	color:#000;
}
.product_list_box_cart {
	width:239px;
	padding-top:15px;
	/*height:95px; MiTja - popravio px pa ukinuo 6.6.2018.*/
	float:left;
	display:block;
}
.product_list_weight_icon {
	float:left;
	display:block;
}
.product_list_weight {
	height:25px;
	padding-top:5px;
	float:left;
	display:block;
}
.product_list_details {
	/*color:#000066;
	cursor:pointer;	
	text-decoration:none;*/
	margin-top:5px;
	margin-bottom:10px;
	font-size:14px;
	color:#000066;
	background-color:#FFF;
	padding:2px 10px;
	width:auto;
	display:block;
	float:left;
	cursor:pointer;
	text-decoration:none;
}
.product_list_details:hover {
	color:#FFF;
	background-color:#000066;
}
.product_list_price {
	font-size:14px;
	width:100%;
	display:block;
	float:left;	
}
.product_list_discountb {
	margin-top:5px;
	margin-bottom:10px;
	font-size:14px;
	color:#FFF;
	background-color:#000066;
	padding:2px 5px;
	width:auto;
	display:block;
	float:left;
	cursor:pointer;
}
.product_list_input {
	font-size:14px;
	width:100%;
	display:block;
	float:left;
}
.product_list_input_field {
	padding-top:8px;
	display:block;
	/*float:left;*/
	width: 100%;

}
.product_list_input_cart {
	margin-left:5px;
	display:block;
	float:left;	
}
.product_list_discount_box_visible {
	background-image:url(discount_bubble.png);
	font-size:12px;
	position:absolute;
	display:block;
    margin: 0;
    padding: 0;
    z-index: 3;
	width:229px;
	height:95px;
	visibility: visible;
}
.product_list_discount_box_hidden {
	background-image:url(discount_bubble.png);
	font-size:12px;
	position:absolute;
	display:block;
    margin: 0;
    padding: 0;
    z-index: 3;
	width:229px;
	height:95px;
	visibility: hidden;
}
.hidden_button {
	visibility: hidden;	
}

/* Detalji proizvoda - popup */

.product_popup_main {
	width:100%;	
	white-space:nowrap;
}
.product_popup_images {
	display:inline-block;
	float:left;
	background-color:#0F0;	
	width:200px;
}
.product_popup_text {
	font-size:14px;
	padding-left:5px;
}
.product_popup_header{
	float:left;
	display:block;
	width:100%	;
}
.product_popup_name{
	float:left;
	display:block;
	font-size:14px;
	height:25px;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	font-weight:bold;
}
.product_popup_close {
	display:block;
	color:#FFF;
	font-weight:bold;
	font-size:16px;
	background-color:#C00;
	padding-top: 4px;
	height:26px;
	width:30px;
	text-align:center;
	text-decoration:none;
}

/* 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: 32px;
	height: 16px;
}
.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;
}