﻿/* MTNVERSION=2.3 */
/* _______________________________________________ MAIN CONTENT (homepage) _______________________________________________ */

#content {
	padding-top: 36px;
}
#content:after {
	content: "";
	display: table;
	clear: both;
}

/* _____________________________________

			laptopi+tableti+carousel
   _____________________________________ */

.ltsearchcarousel {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 96%, #ececec 97%, #e5e5e5 98%, #fdfdfd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(96%,#ffffff), color-stop(97%,#ececec), color-stop(98%,#e5e5e5), color-stop(100%,#fdfdfd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 96%,#ececec 97%,#e5e5e5 98%,#fdfdfd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 96%,#ececec 97%,#e5e5e5 98%,#fdfdfd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 96%,#ececec 97%,#e5e5e5 98%,#fdfdfd 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 96%,#ececec 97%,#e5e5e5 98%,#fdfdfd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fdfdfd',GradientType=0 ); /* IE6-9 */
	border-bottom: 3px solid #1c89c5;
}

/* -------------- laptop+tablet search */

.laptop-filter {
    float: left;
	width: 255px;
	margin-left: -212px;
}

.laptop-filter p {
    margin: 0px 0px 18px 28px;
    width: 243px;
    height: 70px;
    text-indent: -9999px;
    background: transparent url(../assets/homepage_filters_heading.png) no-repeat scroll 0px 0px;
}

.laptop-filter label {
    display: block;
    width: 44px;
    height: 44px;
    text-indent: -9999px;
    float: left;
    margin: -3px 0px 0px -5px;
    background: transparent url(../assets/ltsearchicons.png) 0 0 no-repeat;
}

.laptop-filter label.cij-lap {
    background-position: 0 -77px;
}
.laptop-filter label.ekr-lap {
    background-position: 0 -157px;
}

.l-fil-sel {
    margin:0 0 28px 47px;
}

/* -------------- carousel */

.carousel {
    overflow:hidden;
    position:relative;
    width:906px; height:280px;
    float:right;
    margin:4px 0 17px 0;
    border-radius: 11px;
    box-shadow: -1px 0 2px 0 rgba(0,0,0,.3), 1px 0 2px 0 rgba(0,0,0,.3);
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.carousel-navigation {
    position:absolute;
    bottom:13px; right:27px;
    z-index:5;
}
.carousel-navigation li {
    float:left;
    margin-left:8px;
}
.carousel-navigation li a {
    display:block;
    width:10px; height:10px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: inset 0 3px 1px 0 #c0c5ca, 0 1px 2px 0 rgba(0,0,0,0.4);
}

.carousel-navigation li a.off { background-color: #fff; }
.carousel-navigation li a.on { background-color: #3888af; box-shadow: inset 0 3px 1px 0 rgba(0,0,0,0.3), 0 1px 2px 0 rgba(0,0,0,0.4); }


.carousel-slides li {
    text-align: center;
}

/* _____________________________________

			slider posebna ponuda
   _____________________________________ */

.h-akcija {
    position:relative;
    margin:2px 0 35px 0;
}
.h-akcija h2 {
    height:46px;
    padding:11px 0 30px 70px;
    margin:0 0 0 7px;
    background:url(../assets/h_akc_heading.png) no-repeat 0 -3px;
}
.h-akcija h2 span { color:#ca5b01; }

.lnk-akc {
	z-index: 0;
	position: absolute;
	top: 12px;
	right: 16px;
    display:block;
    width:147px; height:34px;
   	padding: 3px;
   	font-size: 0.7em;
   	text-decoration: none;
   	text-align: center;
    color: #ff7200;
    background-color: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.24);
	-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.24);
	box-shadow: 0px -3px 2px 0 rgba(0,0,0,0.1), inset 0px -2px 3px 0 rgba(0,0,0,0.24);
}

.lnk-akc span {
	color: #ff7200;
	display: block;
    width:100%; height:100%;
    padding-top: 0.7em;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: #e9e9e9; /* Old browsers */
	background: -moz-linear-gradient(top,  #e9e9e9 0%, #ffffff 14%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(14%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e9e9e9 0%,#ffffff 14%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e9e9e9 0%,#ffffff 14%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e9e9e9 0%,#ffffff 14%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e9e9e9 0%,#ffffff 14%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.lnk-akc span:hover {
    background: #ff7200;
    color: #fff;
}

.h-akcija img { float:left; }
.h-akcija .quantity { display:none; }
.h-akcija .podaci {
    float:left;
    position:relative;
    margin-left:20px;
    width:140px; height:125px;
    margin-top:-4px;
}
.h-akcija h3 {
    height:44px;
    margin-bottom:10px;
    overflow:hidden;
    line-height:15px;
}
.h-akcija h3 a {
    font-size:11px;
    text-decoration:none;
}
.h-akcija h3 a:hover { text-decoration:underline; }
.h-akcija .cijena {
    font-size:12px;
    font-weight:bold;
    color:#f26c00;
    display:block;
}
.h-akcija .listprice-striked {
    font-size:11px;
    text-decoration:line-through;
    color:#888;
}
.add-b-small {
    position:absolute;
    bottom:0; left:-3px;
    display:block;
    width:105px; height:25px;
    text-indent:-9999px;
    background:url(../assets/add_basket_small.png) no-repeat 0 0;
}
.add-b-small:hover { background-position:0 -25px; }
.add-b-small:active { background-position:0 -50px; }

.h-akcija .btn-nar {
	margin-top: 2.8em;
}

/* _______________________________________________ PRODUCT LIST _______________________________________________ */

/* _____________________________________

			tabs izdvojeni/novo
   _____________________________________ */

#tabs {
    width: 100%;
    height: 38px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.24);
    padding: 5px;
    overflow: visible;
}

#tabContainer2 { display:none; }

#tabs li {
    width: 140px;
    height: 47px;
    display: inline-block;
    padding: 1px;
}

#tabs li.tab-novo-ponuda {
    width: 120px;
}

#tabs li span {
	çolor: #069;
	display: block;
    width: 134px;
    height: 26px;
    background-color: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    font: 0.9em "HelveticaNeueHR57Condensed", Arial, sans-serif;
    text-align: right;
    padding: 0.2em 0.6em 0 0;
    box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.1);
}

#tabs li.tab-izdvojeni-proizvodi span {
	background-image: url(../assets/btn-izdvojeni-bkg.png);
	background-repeat: no-repeat;
	background-position: 6px 4px;
}

#tabs li.tab-izdvojeni-proizvodi.selected span {
	background-position: 6px -58px;
}

#tabs li.tab-novo-ponuda span {
	width: 114px;
	background-image: url(../assets/btn-nova-ponuda-bkg.png);
	background-repeat: no-repeat;
	background-position: 6px 3px;
}

#tabs li.tab-novo-ponuda.selected span {
	background-image: url(../assets/btn-nova-ponuda-bkg.png);
	background-repeat: no-repeat;
	background-position: 6px -57px;
}

#tabs li.selected {
    background: transparent url(../assets/tabs-strelica.png) bottom center no-repeat;
}

#tabs li.selected span {
    /*background-position: 0px -90px;*/
    background-color: #069;
    border: 1px solid #069;
    color: #fff;
}

#tabs li span {
    /*background: #069 url("assets/btn-izdvojeni-bkg.png") no-repeat scroll 0px 0px;*/
}

#tabs li span:hover {
    cursor: pointer;
    border: 1px solid #069;
}

/* _____________________________________

			izdvojeni/novo zaglavlja
   _____________________________________ */

.switching-regions {
	position: relative;
}

.h-izdvojeni-proizvodi h2, .h-novo h2 {
    height: 46px;
    padding: 16px 0px 0 64px;
    margin: 5px 0px 0 7px;
    background: transparent url(../assets/h_izdvojeni_heading.png) 0px 3px no-repeat;
}

.h-novo h2 {
	background: transparent url(../assets/h_novo_heading.png) 0px 3px no-repeat;
}

.lnk-novo,
.lnk-izdvojeni-proizvodi {
	z-index: 0;
	position: absolute;
	top: 12px;
	right: 16px;
    display:block;
    width:147px; height:34px;
   	padding: 3px;
   	font-size: 0.7em;
   	text-decoration: none;
   	text-align: center;
    color: #069;
    background-color: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.24);
	-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.24);
	box-shadow: 0px -3px 2px 0 rgba(0,0,0,0.1), inset 0px -2px 3px 0 rgba(0,0,0,0.24);
}

.lnk-izdvojeni-proizvodi {
    width:170px; height:34px;
}

.lnk-novo span,
.lnk-izdvojeni-proizvodi span {
	display: block;
    width:100%; height:100%;
    padding-top: 0.7em;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: #e9e9e9; /* Old browsers */
	background: -moz-linear-gradient(top,  #e9e9e9 0%, #ffffff 14%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(14%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e9e9e9 0%,#ffffff 14%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e9e9e9 0%,#ffffff 14%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e9e9e9 0%,#ffffff 14%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e9e9e9 0%,#ffffff 14%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.lnk-novo span:hover,
.lnk-izdvojeni-proizvodi span:hover {
    background: #069;
    color: #fff;
}

/* -------------- novo u ponudi */

.list-usp {
	margin-bottom: 20px;
}

.list-usp + .product-list-info span.delimiter {
	padding: 0 4px;
}

/* _____________________________________

				proizvodi
   _____________________________________ */
   
/* -------------- krushne mrvice :D */

.bcrum-head {
	padding: 1.2em 0 1.4em 0;
}

.bcrum-head:after {
	content: "";
	display: table;
	clear: both;
}

.bcrum-head ul {
	float: left;
	font-size: 0.7em;
	padding-top: 0.8em;
}

.bcrum-head h1 {
	float: right;
	color: #069;
    font: 20px "HelveticaNeueHR57Condensed",Arial,sans-serif;
   	font-size: 1.5em;
    text-shadow: 1px 1px 0px #FFF;
}

.bcrum-head ul li {
	float: left;
    padding-left: 0;
    margin-left: 10px;
}

.bcrum-head ul li:before {
    content:">";
    color: #888;
    font-family: "Abadi MT Condensed Light","Helvetica CY",Euphemia,Arial,sans-serif;
    font-size: 1em;
    font-weight: normal;
    padding-right: 4px;
}

.bcrum-head ul li:first-child {
    padding-left: 0;
    margin-left: 0;
}

.bcrum-head ul li:first-child:before {
    content: "";
    display: none;
}

.bcrum-head ul li a {
    text-decoration: none;
    color: #888;
}

.bcrum-head ul li a:hover {
    text-decoration: underline;
}

.bcrum-cur {
    color: #069;
    font-weight: bold;
}

/* -------------- product selectors */

.product-menu {
	border-bottom: 1px solid #FFF;
	box-shadow: 0px -1px 0px 0px #D1D1D3 inset;
	padding-bottom: 7px;
	margin-bottom: 20px;
}

.product-menu:after {
	content: "";
	display: table;
	clear: both;
}

.naslovstranice2 {
    font: 0.94em "HelveticaNeueHR57Condensed",Arial,sans-serif;
    color: #666666;
    margin-bottom: 11px;
    border-bottom: 1px solid #ccc;
	padding-bottom: 8px;
}

.bold {
	font-weight: bold;
}

.sivalinijadole {
	/*
	border-bottom: 1px solid #ccc;
	padding-bottom: 8px;
*/
}


/* -------------- product submenu - broj proizvoda */

.product-list-info {
	font-weight: bold;
	color: #666;
	font-size: 0.7em;
	padding-bottom: 1em;
}

.product-list-info .yes {
	display: block;
	padding-top: 0.54em;
	margin-bottom: 11px;
}

/* -------------- filteri za laptope na vrhu */

.product-menu ul li.select-all a {
    padding-right: 19px;
    background: transparent url("../assets/odb_sve_ico.png") no-repeat 100% 50%;
}

.product-menu ul li.select-remove a, .pc_lnkRemoveProduct {
    padding-right: 15px;
    background: transparent url("../assets/ukloni_plava.png") no-repeat 100% 50%;
}

/* -------------- lista proizvoda i kategorija */
   
.product-list {
	z-index: 444;
    background-color: #fff;
    border-radius: 4px;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.3);
}

.product-list:after {
	content: "";
	display: table;
	clear: both;
}

.product-list li {
	position: relative;
	float: left;
	font-size: 0.7em;
	font-weight: bold;
	width: 20%;
	height: 280px;
	padding: 5px 0 10px 0;
	margin: 0;
	text-align: center;
	border-bottom: 1px solid #D1D1D1;
}

.product-list li.category_thumbnails_box {
	padding: 11px 0 10px 0;
}

.innerproduct {
	border-right: 1px solid #D1D1D1;
	width: 100%;
	height: 260px;
	padding: 0 15px 0 15px;
}

.product-list li:nth-child(5n) div {
	border: 0;
} 

.product-list li h3 {
	font-weight: normal;
	height: 41px;
	overflow: hidden;
	line-height: 1.2em;
	margin-bottom: 0.4em;
}

.product-list li h3 a {
	color: #069;
	text-decoration: none;
	display: block;
}

.product-list li a:hover {
	text-decoration: underline;
}

.product-list li div.innerproduct div {
    border: 0;
}

.product-list li .listprice-striked {
    display: block;
    font-size: 11px;
    color: #888;
    text-decoration: line-through;
}

.svecijene {
	height: 36px;
	overflow: hidden;
}

.innerproduct .add-basket-ico {
	margin-top: 0.4em;
	margin-bottom: 1.4em;
}

.compare-checkbox {
	color: #069;
}

.linarate {
	margin-top: 1em;
	font-weight: normal;
	color: #444;
	line-height: 1.1em;
}

/* -------------- kategorije */

.product-list li.category_thumbnails_box {
	height: 214px;
}

li.category_thumbnails_box .innerproduct {
	height: 204px;
}

.category_thumbnails_title {
	margin-top: 1em;
}

.category_thumbnails_title a {
	text-decoration: none;
}

.category_thumbnails_title a:hover, li.category_thumbnails_box:hover a {
	text-decoration: underline;
}

.category_list {
	z-index: 474;
    background-color: #fff;
    border-radius: 4px;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.3);
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 14px;
}

.category_list ul {
	margin-left: 1em;
	color: #069;
}

.category_list ul li {
	list-style-type: disc;
	margin-bottom: 0.6em;
}

.category_list ul li a {
	text-decoration: none;
	font-size: 0.9em;
}

.category_list ul li a:hover {
	text-decoration: underline;
}

/* -------------- ikonice popusti i sl. */

product-list .SPECIAL-IDENTIFIER-SELLOUT::before {
    content: "";
    opacity: 1 !important;
    display: block;
    width: 134px;
    height: 40px;
    background: transparent url(../assets/sale-patch-small.png) no-repeat scroll 0px 0px;
}

.actionpatch-s {
    position:absolute;
    top:10px; left:10px;
}

.actionpatch-s,
.product-list .SPECIAL-IDENTIFIER-SELLOUT:before {
    position:absolute;
    top:5px !important;
    left:10px;
}

.SPECIAL-IDENTIFIER-SELLOUT .actionpatch-s { display:none; }
.product-list .SPECIAL-IDENTIFIER-SELLOUT:before {
	content:"";
	opacity:1 !important;
	display:block;
	width:134px;
	height:40px;
	background:url(../assets/sale-patch-small.png) no-repeat 0 0;
}

/* -------------- product hover */

.hover-container {
    width:200px;
    overflow: hidden;
}

.hover-container .checkimage {
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	max-width: 100%;
}

/*.hover-image-wrapper {
	border: 8px solid red !important;
}*/

/* -------------- pagination */

.pagination {
	margin: 20px 0;
    background-color: #FFF;
    border-radius: 4px;
    box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.3);
    text-align: center;
}

.pagination ul {
    position: relative;
}

.pagination li {
	display: inline-block;
}

.pagination li a {
	color: #666;
	display: inline-block;
	text-decoration: none;
	background-color: #fff;
	line-height: 2.4em;
	height: 2.4em;
	width: 2.4em;
	font-size: 0.75em;
}

.pagination li a:hover {
	color: #fff;
	display: inline-block;
	text-decoration: none;
	background-color: #069;
}

.pagination li a.selected {
	color: #069;
	font-weight: bold;
}

.pagination li a.selected:hover {
	color: #069;
	background-color: #fff;
}

.pagination li.prev, .pagination li.next {
	width: 84px;
    position: absolute;
    top: 0;
}

.pagination li.prev {
    left: 0;
    border-right: 1px solid #c7c7c7;
  	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
	width: 94px;
	padding-right: 8px;
}

.pagination li.prev:hover {
    background-color: #069;
}
.pagination li.next {
    right: 0;
    border-left: 1px solid #c7c7c7;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
}
.pagination li.next:hover {
    background-color: #069;
}

.pagination li.prev a, .pagination li.next a {
    font-family: "HelveticaNeueHR57Condensed", Arial, sans-serif;
    text-transform: uppercase;
    font-size: 0.9em;
    padding-left: 8px;
    padding-right: 8px;
   	width: 84px;
	height: 28px;
	line-height: 28px;
}

.pagination li.prev a {
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;

}

.pagination li.next a {
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
}

/* _____________________________________

				usporedilica
   _____________________________________ */

.usporedilica {
	padding: 20px;
}


.usporedilica h1 {
    font:32px 'HelveticaNeueHR57Condensed', Arial, sans-serif;
    color:#888;
    margin:0 0 20px 9px;
    text-shadow:1px 1px 0 #fff;
    -moz-text-shadow:1px 1px 0 #fff;
    -webkit-text-shadow:1px 1px 0 #fff;
}

.usp-pro-menu {
    float:none !important;
    width:100%;
}
.usp-pro-menu ul li.usp-back {
    padding-right:20px;
    margin-top:-7px;
    border-right:1px solid #aeaeae;
}
.usp-pro-menu ul li.usp-back a {
    display:block;
    height:27px;
    line-height:27px;
    padding-left: 10px;
    color:#00557f;
}
.usp-pro-menu ul li.usp-back a:before {
    content: "<";
    background-color:#00557f;
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    border-radius: 15px;
    margin: 0 6px 0 0;
    font-family: "Abadi MT Condensed Light","Helvetica CY",Euphemia,Arial,sans-serif;
    
}

.usp-pro-menu .usp-dod-pro a:after {
	content: " +";
	font-weight: bold;
	color: #069;
	font-size: 14px;
}

.product_comparer tr {
    font-size:11px;
    color:#444;
    border-bottom:1px solid #ccc;
}
.product_comparer tr:nth-child(2n+1) { background-color:#e4e4e4; }
.product_comparer tr:hover { background-color:#fff; }
.product_comparer tr td {
    padding:7px 15px;
}
.pc_1stCol {
    font-weight:bold;
    color:#00557f;
    width:180px;
}
.product_comparer tr.pc_prices {
    font-size:14px;
}
.product_comparer tr.pc_prices td.pc_1stCol { font-size:11px; }
.pc_group {
    color:#fff;
    font-weight:bold;
    background-color:#1d8ecc;
}
.product_comparer tr.pc_pictures { background-color:#fff; }
.productname {
    display:block;
    text-decoration:none;
    line-height:16px;
}
.productname:hover { text-decoration:underline; }
.pc_lnkRemoveProduct {
    text-decoration:none;
    color:#00557f;
}
.pc_lnkRemoveProduct:hover { text-decoration:underline; }

/* _____________________________________

			povezani proizvodi
   _____________________________________ */

.povezani-proizvodi {
    overflow:hidden;
    padding-bottom:20px;
    margin-bottom: 20px;
}
.povezani-proizvodi:after {
    content: "";
    display: table;
    clear: both;
}


.povezani-proizvodi h4 {
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: 11px;
    margin: 0 22px;
    color: #069;
}

.povezani-proizvodi ul {
    float:left;
    width:660px;
    width:100%;
    text-align:center;
}

.povezani-proizvodi ul li {
    float:left;
    width:25%;
	height:222px;
    padding:10px 15px;
    font-size:0.7em;
    text-align:center;
}

.povezani-proizvodi ul li .innerproduct {
	width: 100%;
	height: auto;
	padding: 0 15px 0 15px;
	border: 0;
}

.povezani-proizvodi ul li.col2 { background:none; }

.povezani-proizvodi h4 {
    margin-left:14px;
}
.povezani-proizvodi li h5 {
    margin: 9px 0;
    font-size:11px;
    line-height:14px;
    max-height: 56px;
    height: 56px;
    overflow: hidden;
}
.povezani-proizvodi li h5 a {
    text-decoration:none;
}
.povezani-proizvodi li h5 a:hover { text-decoration:underline; }

.povezani-proizvodi .thumb-cijena {
    font-weight:bold;
    font-size:11px;
    color:#444;
}

.povezani-proizvodi li .listprice-striked {
    display:block;
    font-size:11px;
    color:#888;
    text-decoration:line-through;
}

.actionpatch-s {
    position:absolute;
    top:10px; left:10px;
}







/* -------------- banner između proizvoda i vijesti (homepage) */

#main .tabContainer + a {
	margin: 24px auto;
	display: block;
	text-align: center;
}

/* _______________________________________________ SINGLE PRODUCT _______________________________________________ */

/* -------------- product upit/link/print/social */

.product-menu {
    padding: 12px 0 13px 0;
}

.product-menu:after {
    content: "";
    display: table;
    clear: both;
}

.product-menu > ul {
    float: left;
}

.product-menu > div {
    float: right;
}

.product-menu ul li {
    display: inline-block;
    margin: 0 20px 0 0;
}

.product-menu ul li a {
    text-decoration: none;
    color: #069;
    font-size: 0.7em;
    padding-right: 18px;
}

.product-menu ul li a:hover {
    text-decoration: underline;
}

.product-menu ul li.prijatelj a {
    background: transparent url("../assets/proizvod_icons.png") right 1px no-repeat;
}

.product-menu ul li.upit-link a {
    background: transparent url("../assets/proizvod_icons.png") right -54px no-repeat;
}

.product-menu ul li.print a {
    background: transparent url("../assets/proizvod_icons.png") right -107px no-repeat;
}

/* -------------- proizvod */

.det-right, .pro-img {
	background-color: #FFF;
	border-radius: 4px;
	box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.3);
}

 .pro-img {
	width: 255px;
    /*float: left;*/
    position: relative;
}

.det-right h3 {
	font: 1.1em "HelveticaNeueHR57Condensed", Arial, sans-serif;
	font-weight: normal;
	color: #175591;
	border-bottom: 1px solid #ccc;
	padding: 1em 20px 0.6em 20px;
	margin: 0 0 20px 0;
}

.detalji-proizvoda-patches {
	padding: 0 20px;
	margin: 0 0 20px 0;
}

.detalji-proizvoda-patches li {
	float: left;
}

.detalji-proizvoda-patches:after {
	content: "";
	display: table;
	clear: both;
}

.a-patch-b,
.detalji-proizvoda.SPECIAL-IDENTIFIER-SELLOUT .pro-img:before {
    position:absolute;
    top:10px;
    left:10px;
}

.pro-img-th  {
    position: relative;
    float: left;
}

.pro-img-th ul {
	width: 82.444%;
	margin: 0 auto;
}

.pro-img-th li {
	float: left;
	border: 1px solid #ccc;
	margin: 6px;
}

.productlist-attributes-values {
	padding: 0 20px 20px 20px;
	margin: 0;
	color: #666666;
	font-size: 0.75em;
	line-height: 1.8em;
}

.productvarious_body {
	padding: 0 20px;
	margin: 0 0 20px 0;
}

/* -------------- aside */

.pro-img {
	text-align: center;
	margin-bottom: 20px;
	float: left;
}

.pro-price-wrap {
    color: #666;
    background-color: #FFF;
    border-radius: 6px;
    box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.3);
    margin-bottom: 20px;
    padding: 2px;
}

.pro-price-wrap:after {
	content: "";
	display: table;
	clear: both;
}

.pro-price {
	border-radius: 6px;
	background: #f0f0f0;
	position: relative;
}

.pro-price li {
    padding: 15px 20px;
    margin: 0px;
    color: #666666;
    font-size: 0.75em;
    font-weight: bold;
	border-bottom: 1px solid #FFF;
	box-shadow: 0px -1px 0px 0px #D7D7D7 inset;
}

.pro-price li:nth-child(3), .pro-price li:last-child {
	border: 0;
	box-shadow: none;
}
.pro-price li:nth-child(3) {
	border-bottom: 1px solid #FFF;
	box-shadow: 0px -1px 0px 0px #D7D7D7 inset;
}

.pro-price li em {
    font-weight: normal;
    font-style: normal;
}

.pro-price li.a-cij-det span, .pro-price li.cij-det span {
    font-size: 1.2em;
    color: #175591;
}

.pro-price li em.pdv-info {
    display: block;
    margin-top: 5px;
    font-size: 0.9em;
    font-style: italic;
}

.pro-price li.raspolozivost-proizvoda {
	position: absolute;
    padding: 0;
    margin-bottom: 0;
    height: 42px;
    width: 100%;
    font-family: "HelveticaNeueHR57Condensed", Arial, sans-serif;
    font-size: 0.75em;
    font-weight: normal;
    text-transform: uppercase;
}

.pro-price li.raspolozivost-proizvoda span {
	display: block;
	position: absolute;
    padding: 16px 8px 0 60px;
    margin: 0;
    height: 42px;
    width: 100%;
}

.product-available {
    background: transparent url(../assets/raspolozivost.png) 18px -94px no-repeat;
}

.product-not-available {
    background: transparent url(../assets/raspolozivost.png) 18px 3px no-repeat;
}

.pro-price-wrap + div {
    margin-top: 80px;
}

.narate {
    color: #fff;
    border-radius: 6px;
    box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.3);
    margin-bottom: 20px;
    padding: 1em;
    text-align: center;
    line-height: 1.6em;
    font-size: 0.9em;
    background: #1961a5; /* Old browsers */
	background: -moz-linear-gradient(top,  #1961a5 0%, #4889c6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1961a5), color-stop(100%,#4889c6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1961a5 0%,#4889c6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1961a5 0%,#4889c6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1961a5 0%,#4889c6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1961a5 0%,#4889c6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1961a5', endColorstr='#4889c6',GradientType=0 ); /* IE6-9 */
}

.cijenarate {
	font-size: 1.24em;
}

/*
.fb-comments {
	background-color: #fff;
	border-radius: 4px;
	width: 100%;
	margin-bottom: 20px;
}
*/

.fb-comments.fb_iframe_widget_loader {
	display: none;
}

/* -------------- dodatni linkovi */

.dodatni-linkovi {
	border-bottom: 1px solid #ccc;
	padding-bottom: 1em;
	margin-bottom: 2em;
}

.dodatni-linkovi h4 {
	font-size: 0.9em;
	margin-bottom: 0.8em;
}

.dodatni-linkovi ul {
	font-size: 0.7em;
}

.youtube-video {
	padding-bottom: 2em;
}

.youtube-video:after {
	content: "";
	display: table;
	clear: both;
}

.youtube-video h4 {
	margin-bottom: 0.64em;
}

.various_youtube_name {
	display: block;
	font-size: 0.8em;
	margin-top: 0.4em;
}

/* -------------- pretraga */

.product-list-info .message_info {
	font-size: 1.3em;
}


/* _______________________________________________ NEWS _______________________________________________ */

#news-homepage {
	position: relative;
}

#news-homepage h2 {
    height: 46px;
    padding: 16px 0px 0 64px;
    margin: 5px 0px 0 7px;
    background: transparent url(../assets/ico_news_homepage.png) 0px 3px no-repeat;
}

.news-homepage-list {
    background-color: #fff;
    border-radius: 4px;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.3);
}

.news-homepage-list:after {
	content: "";
	display: table;
	clear: both;
}

.news-homepage-list li {
    overflow: hidden;
    padding: 12px 20px 19px;
    border-top: 1px solid #D1D1D1;
}

.news-homepage-list li:first-child {
    border: 0;
}

.news-homepage-list li time, .news-homepage-list .news-date, .news-detail .news-date {
    display: block;
    font-style: italic;
    font-size: 0.6em;
    color: #888;
    letter-spacing: 0;
    margin-bottom: 3px;
}

.news-detail .news-date {
    margin-bottom: 11px;
}

.news-homepage-list li {
    clear: both;
}

.news-homepage-list img {
    float: right;
    border: 4px solid #F0F0F0 !important;
	border-radius: 4px;
	margin: 0 0 20px 20px;
	cursor: pointer;
}

.news-homepage-list li h4 {
    margin-bottom: 8px;
    font-weight: normal;
    font-size: 1.2em;
}

.news-homepage-list li h4 a {
    margin-bottom: 0;
    font-family: "HelveticaNeueHR57Condensed", Arial, sans-serif;
    text-decoration: none;
}

.news-homepage-list li p {
    font-size: 0.8em;
    line-height: 1.4em;
    color: #666;
    margin-bottom: 16px;
}

.news-homepage-list li p.n-sub {
    color: #666;
    font-family: "HelveticaNeueHR57Condensed", Arial, sans-serif;
    font-size: 1em;
}

.news-detail p {
    margin-bottom: 1.6em;
    line-height: 1.3em;
}

.news-detail img {
    float: left;
    margin: 0px 15px 10px 0px;
    border: 1px solid #eee;
}


a.lnk-news-more, .news-archive .sve-novosti {
    padding: 4px 7px;
    font-size: 11px;
    text-decoration: none;
    color: #069;
    background: #F0F0F0 none;
    border-radius: 3px;
}

a.lnk-news-more:hover, .news-archive .sve-novosti:hover {
    text-decoration: none;
    color: #fff;
    background: #069 none;
}

.news-archive .sve-novosti {
    font-size: 1em;
    display: inline-block;
    margin-top: 1em;
}

.news-detail .news-archive {
	border-top: 1px solid #ccc;
	clear: both;
}

.h-izdvojeni-proizvodi h2, .h-novo h2 {
    height: 46px;
    padding: 16px 0px 0 64px;
    margin: 5px 0px 0 7px;
    background: transparent url(../assets/h_izdvojeni_heading.png) 0px 3px no-repeat;
}

.h-novo h2 {
	background: transparent url(../assets/h_novo_heading.png) 0px 3px no-repeat;
}

.lnk-all-news {
	z-index: 0;
	position: absolute;
	top: 12px;
	right: 16px;
    display:block;
    width:147px; height:34px;
   	padding: 3px;
   	font-size: 0.7em;
   	text-decoration: none;
   	text-align: center;
    color: #069;
    background-color: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.24);
	-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.24);
	box-shadow: 0px -3px 2px 0 rgba(0,0,0,0.1), inset 0px -2px 3px 0 rgba(0,0,0,0.24);
}

.lnk-all-news span {
	display: block;
    width:100%; height:100%;
    padding-top: 0.7em;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: #e9e9e9; /* Old browsers */
	background: -moz-linear-gradient(top,  #e9e9e9 0%, #ffffff 14%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(14%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e9e9e9 0%,#ffffff 14%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e9e9e9 0%,#ffffff 14%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e9e9e9 0%,#ffffff 14%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e9e9e9 0%,#ffffff 14%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.lnk-all-news span:hover {
    background: #069;
    color: #fff;
}

/* _______________________________________________ BRANDS _______________________________________________ */

.brands {
    clear: all;
    text-align: center;
    width: 100%;
    margin-top: 1em;
}

.brands li {
    display: inline-block;
    margin: 12px 5px 0px;
}

/* _______________________________________________ KOŠARICA _______________________________________________ */

.body-basket #content950, .listazeljainner #content950, .kupnja #content950, #content950.detalji-narudzbe {
    background-color: #fff;
    border-radius: 4px;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.3);
	padding: 30px;
}

.cont-hvala {
    display:inline-block;
    padding-right:11px;
    margin-top:20px;
}

a.cont-hvala.btn-plav {
	color: #fff;
	text-decoration: none;
	font-size: 1em;
}


.kosarica {
    color:#666;
    font-size:11px;
    width:100%;
}
.num { text-align:right !important; }
.kosarica th {
    font:16px 'HelveticaNeueHR57Condensed', Arial, sans-serif;
    color:#006699;
    padding:0 20px 10px 20px;
    border-bottom:2px solid #ccc;
    vertical-align: middle;
    text-align: left;
}
.kosarica td {
    padding:10px 20px;
    font-weight:bold;
    border-bottom:1px solid #cecece;
    text-align:left;
    vertical-align: middle;
}
.kosarica tbody tr:hover { background-color:#f8f8f8; }
.kosarica input {
    width:40px;
    text-align:right;
    font-weight:bold;
    float:right;
}
.kosarica input:focus {
    border-color: #069;
}
.basket-remove {
    margin:0 auto;
    display:block;
    width:12px; height:12px;
    text-indent:-9999px;
    text-align:left;
    background:url(../assets/filter_remove_nar.png) no-repeat 0 0;
}

.kosarica td a { text-decoration:none; color:#006699; }
.kosarica td a:hover { text-decoration:underline; }

.kosarica tfoot { border-bottom:1px solid #cecece; background-color:#f4f4f6; }
.kosarica tfoot tr td {
    text-align:right;
    border:none;
}

.sveukupno strong {
    font-size:1.6em;
    color:#069;
    font-weight: bold;
}
.taxnote {
    color:#666;
    font-size:11px;
    font-style:italic;
    text-align:right;
    padding:20px 5px;
}
.buttonsBottom {
    overflow:hidden;
    clear:both;
    width:100%;
    border-top:2px solid #ccc;
}
.buttonsBottom li {
    float:left;
    height:25px;
    margin:20px 0px 0 8px;
}
.buttonsBottom li a {
    display:inline-block;
}
.buttonsBottom li.b-izracunaj { width:108px; }
.buttonsBottom li.b-isprazni { width:106px; }
.buttonsBottom li.b-continue { width:156px; }
.buttonsBottom li.b-kupi {
    width:103px; height:41px;
    float:right;
    margin:12px 8px 0 0;
}

.navigation-history {
    margin-top:40px;
}
.navigation-history h3 {
    font:16px 'HelveticaNeueHR57Condensed', Arial, sans-serif;
    color:#006699;
    padding:0 20px 10px 20px;
    margin-bottom:15px;
    border-bottom:2px solid #ccc;
}
.navigation-history ul { margin-left:20px; }
.navigation-history ul li {
    margin-bottom:10px;
}
.navigation-history ul li a {
    font-size:11px;
    text-decoration:none;
    color:#006699;
    padding-left:10px;
    background:url(assets/blue_arr.png) no-repeat 0 2px;
}
.navigation-history ul li a:hover { text-decoration:underline; }

.kupnja-form .holder.radiomargin input[type=radio] {
    margin-top: -3px;
}

.kupnja-form .holder.radiomargin label {
    padding: 4px 0 0px 1px;
    display: inline-block;
    float: none;
    width: auto;
    margin-bottom: 14px;
}

/* _______________________________________________ DETALJI NARUDŽBE _______________________________________________ */

.detalji-narudzbe h3 {
    margin: -20px -25px 0px;
    padding: 0.4em 0 1em 22px;
    font-family: "HelveticaNeueHR57Condensed", Arial, sans-serif;
    border-bottom: 1px solid #CCC;
    color: #069;
    font-weight: 400;
    font-size: 1.2em;
}

.detalji-narudzbe-links {
    padding: 0 10px 15px 10px;
    border-bottom: 1px solid #E1E1E1;
}

.detalji-narudzbe-links li {
    display: inline-block;
    margin-right: 14px;
}

.detalji-narudzbe-links li:first-child {
    margin-right: 34px;
}

.detalji-narudzbe-btn {
    display: block;
    width: 24px;
    height: 24px;
    margin: 0px auto;
    /*text-indent: -9999px;
    background: transparent url("../assets/info_ico.png") no-repeat scroll 0px 0px;*/
}

.mainsolo #content950 h4 {
    margin: 1em 0px 1em 10px;
    color: #069;
    font-size: 0.9em;
}

.status-narudzbe {
    font-size: 12px;
    font-weight: bold;
    padding: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #E1E1E1;
    color: #666;
}

.status-narudzbe em {
	font-weight: normal;
	font-style: normal;
}

.status-cijena, .status-datum-promjena {
    padding: 0px 10px 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #E1E1E1;
    font-size: 12px;
    color: #666;
}

.status-datum-promjena {
    margin-bottom: 40px;
}

.status-cijena span {
    color: #069;
    font-weight: bold;
    font-size: 14px;
}

.status-datum-promjena span {
    font-weight: bold;
}

.napomena-potvrda-kupnje {
	font-size: 0.8em;
}

.napomena-potvrda-kupnje span {
	font-size: 0.84em;
	display: block;
	margin-bottom: 1em;
}


/* _______________________________________________ RASPRODAJA _______________________________________________ */

.rasprodaja .product-menu, .pageproizvodi .product-menu {
    padding: 2px 0 5px 0;
}

.rasprodaja .product-menu {
    margin-top: 34px;
}

/* _________________________ NAČINI DOSTAVE + NAČINI PLAĆANJA + O NAMA + DOWNLOAD ________________________ */

.news-detail {
    background-color: #FFF;
    border-radius: 4px;
    box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.3);
    padding: 22px;
}

.news-detail img {
    float: left;
    display: block;
    margin: 0px 15px 10px 0px;
    border: 5px solid #eee;
}

.news-detail h3 {
    padding: 0 0 10px 0;
    font: 18px "HelveticaNeueHR57Condensed",Arial,sans-serif;
    border-bottom: 1px solid #CCC;
    color: #175591;
    margin: -0.4em 0 0.8em 0;
}

.news-detail h4, .news-detail ul {
    clear: both;
    color: #666;
    font-size: 0.78em;
}

.news-detail p {
    color: #666;
    font-size: 0.78em;
}

.news-detail h4 {
    margin-bottom: 0.6em;
}

.news-detail ul li {
    margin-bottom: 1em;
    list-style-type: disc;
    margin-left: 1em;
}

.onama-photos:after {
    content: "";
    display: table;
    clear: both;
}

.download-files {
    width: 100%;
}

.download-files th {
    font: 1em "HelveticaNeueHR57Condensed",Arial,sans-serif;
    color: #175591;
    font-weight: normal;
    text-align: left;
    border-bottom: 2px solid #CCC;
    padding-left: 1.2em;
    padding-bottom: 0.6em;
}

.download-files th:last-child {
    text-align: center;
}

.download-files td {
    font-size: 0.7em;
    color: #666;
    font-weight: bold;
    text-align: left;
    border-bottom: 1px solid #CCC;
    padding: 1em;
}

.download-files td a {
    padding: 1em 1em 1em 0;
    text-decoration: none;
    line-height: 1.4em;
}

.download-files td a:hover {
    text-decoration: underline;
}

/* _______________________________________________ KONTAKT _______________________________________________ */

#googleMapsPlaceholder {
	min-height: 350px;
}

ul.kontakt-adresa {
    float: left;
    width: 33.3333%;
    clear: none;
}

ul.kontakt-adresa:nth-child(1), ul.kontakt-adresa:nth-child(2), ul.kontakt-adresa:nth-child(3) {
    margin-bottom: 24px;
}

ul.kontakt-adresa:nth-child(2), ul.kontakt-adresa:nth-child(5) {
    padding: 0 20px;
}

ul.kontakt-adresa:nth-child(4) {
    clear: both;
}

ul.kontakt-adresa li {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	line-height: 1.3em;
}

.naziv-poslovnice {
	color: #069;
	min-height: 84px;
	margin-top: 11px;
}

.naziv-poslovnice .opis-poslovnice {
	color: #ff7200;
	font-size: 0.9em;
	font-weight: bold;
	padding-top: 0.6em;
}

.btn-foto-poslovnica a {
	display: block;
	width: 157px;
	height: 29px;
	text-indent: -9999px;
	background: transparent url(../assets/btn_foto.png) 0 0 no-repeat;
}

.btn-foto-poslovnica a:hover {
	background-position: 0 -29px;
}

ul.kontakt-adresa li span {
    font-weight: bold;
    font-style: normal;
}

ul.kontakt-adresa li.kontakt-web-adrese {
    margin-top: 20px;
}

ul.kontakt-adresa ul li {
    font-size: 1.2em;
    line-height: 0.84em;
}

.poslovnice {
    overflow: hidden;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 2px solid #CCC;
}

/* ------------ kontakt forma + registracijska forma ------------- */

ul.kontakt-form, ul.registracija-form {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 2px solid #CCC;
}

ul.kontakt-form li, ul.registracija-form li, ul.login-form li, ul.password-reset-form li {
    list-style-type: none;
    margin-left: 0;
    font-size: 0.9em;
    font-weight: bold;
}

ul.kontakt-form li input, ul.registracija-form li input, ul.login-form input {
    font-size: 1em;
    font-weight: normal;
}

.kon-form input[type="text"]:hover, .kon-form input[type="text"]:focus, .kon-form input[type="password"]:hover, .kon-form input[type="password"]:focus {
    border: 1px solid #069;
}

.kon-form ul li .label, .kon-form ul li label {
    width: 100px;
    display: inline-block;
    padding: 5px 5px 0px 0px;
    vertical-align: top;
}

ul.registracija-form li .label, ul.login-form li label {
    width: 150px;
    display: inline-block;
    padding: 5px 5px 0px 0px;
    vertical-align: top;
}

.kon-form ul.password-reset-form .label {
    width: 100%;
    display: block;
    padding: 21px 0 8px 0;
}

.kon-form ul li span.required:before, ul.login-form li label.required:before, .raskid-ugovora-form label.required:before, .kupnja-form .label.required:before {
	content: "*";
	color: #ff7200;
	font-size: 2.4em;
	font-weight: bold;
	vertical-align: middle;
	padding-right: 3px;
}

ul.kontakt-form .posalji-btn {
	font-size: 1em;
	margin-left: 100px;
}

ul.registracija-form .posalji-btn, ul.login-form .posalji-btn {
	font-size: 1em;
	margin-left: 154px;
}

ul.password-reset-form .posalji-btn {
	font-size: 1em;
}

ul.registracija-form h4 {
    font-size: 1.3em;
    font-weight: bold;
    color: #069;
    margin: 20px 0px 10px;
}

.kon-form p {
	line-height: normal;
}

.kon-form p:first-child {
	margin-bottom: 1em;
}

ul.registracija-form li.registracija-uvjeti label {
    width: 126px;
    font-weight: normal;
}

ul.login-form li.registracija-uvjeti {
    padding-left: 150px;
}

.username-text, .pass-text {
	padding-top: 5px;
	display: inline-block;
}

.login-links {
	margin-top: 44px;
}

.login-links li {
	display: inline-block;
	margin-left: 0;
}

.login-links li:first-child {
	margin-right: 1.4em;
}

/* _______________________________________________ UVJETI KORIŠTENJA _______________________________________________ */

.ZG_MIKRONIS_UVJETI_KORISTENJA h2 {
	margin-bottom: 0.8em;
}

.news-detail .ZG_MIKRONIS_UVJETI_KORISTENJA h3 {
    padding: 0px 0px 4px 0;
    border-bottom: 1px solid #CCC;
    margin: 1.4em 0px 0.4em 0;
}

.ZG_MIKRONIS_UVJETI_KORISTENJA ol {
	margin-left: 23px;
	margin-right: 23px;
	font-size: 0.8em;
	color: #666666;
}

.ZG_MIKRONIS_UVJETI_KORISTENJA ol li {
	margin-bottom: 0.4em;
	line-height: 1.4em;
}

.ZG_MIKRONIS_UVJETI_KORISTENJA ol ul li {
	font-size: 1.2em;
	margin-bottom: 1.2em;
	line-height: 1.4em;
}

/* _______________________________________________ RASKID UGOVORA _______________________________________________ */

.raskid-ugovora-form {
	
}

.raskid-ugovora-form .holder, .kupnja-form .holder {
    margin-bottom: 9px;
}

.news-detail .raskid-ugovora-form h3, .kupnja-form h3 {
	margin-top: 1.8em;
	clear: both;
	padding-bottom: 0;
}

.kupnja h3 {
    padding: 0 0 10px 0;
    font: 18px "HelveticaNeueHR57Condensed",Arial,sans-serif;
    border-bottom: 1px solid #CCC;
    color: #175591;
    margin: -0.4em 0 0.8em 0;
	margin-top: 1.8em;
	clear: both;
	padding-bottom: 0;
}

.raskid-ugovora-form label, .kupnja-form .label {
    list-style-type: none;
    margin-left: 0;
    font-size: 0.7em;
    font-weight: bold;
    color: #666;
    min-width: 150px;
    display: inline-block;
    vertical-align: top;
}

.date-select span {
    display: inline-block;
    width: 165px;
    font-weight: bold;
    font-size: 0.7em;
    color: #666;
}

.date-select div {
    display: inline-block;
    width: 80px;
}

.date-select label {
    display: block;
    width: auto;
    margin-top: 0px;
    padding: 0px 0px 5px 10px;
    font-weight: normal;
}

.date-select select {
    width: auto;
}

.return-replace-statement > label {
    display: block;
    width: auto;
    margin: 0px 0px 10px;
}

.return-replace-statement .radio-list {
    margin-bottom: 40px;
}

.return-replace-statement .radio-list li {
    overflow: hidden;
    margin-bottom: 10px;
    background: transparent none;
}

.return-replace-statement .radio-list label {
    width: auto;
    margin: 0px 0px 0px 5px;
    font-weight: normal;
    font-size: 1em;
}

.return-replace-statement .radio-list input[type="radio"] {
    float: left;
    margin-top: 0;
}

.return-replace-statement .radio-list input[type="text"] {
    width: 120px;
    margin: 5px 0px 0px 15px;
}

.character-counter1, .character-counter2 {
    margin: 5px 0px 0px 160px;
    font-size: 0.7em;
    color: #666666;
}

.raskid-ugovora-note textarea {
    height: 80px;
}

.raskid-ugovora-form input:hover, .raskid-ugovora-form input:focus, .raskid-ugovora-form textarea:hover, .raskid-ugovora-form textarea:focus, .raskid-ugovora-form select:hover, .raskid-ugovora-form select:focus, .credit-data-form input:hover, .credit-data-form input:focus, .credit-data-form select:hover, .credit-data-form select:focus {
    border: 1px solid #069;
}

.raskid-ugovora-txt {
    padding: 20px 20px 10px;
    background-color: #F0F0F0;
    border-radius: 6px;
}

/* _______________________________________________ KUPNJA _______________________________________________ */

.kupnja #content950 {
}

/* ----------------- KORACI KUPNJE 1,2,3,4 ----------------- */

.checkout-steps {
    margin-bottom: 60px;
}

.checkout-steps:after {
    content: "";
    display: table;
    clear: both;
}

.checkout-steps li {
	display: inline-block;
	margin: 0 0 0 -5px;
	padding: 0 44px 0 26px;
	position: relative;
	min-width: 124px;
	border-bottom: 2px solid #999;
}

.checkout-steps li a {
	display: inline-block;
	font-family: "HelveticaNeueHR57Condensed", Arial, sans-serif;
	text-transform: uppercase;
	font-size: 0.75em;
	color: #999;
	cursor: pointer;
	position: absolute;
	min-width: 144px;
	padding: 22px 50% 0 0;
	text-align: center;
	margin: 0;
	text-decoration: none;
}

/*
.checkout-steps li a:hover {
	text-decoration: underline;
}
*/

.checkout-steps li a:before {
	box-sizing: border-box;
	display: inline-block;
	width: 26px;
	height: 26px;
	border: 2px solid #fff;
	background-color: #999;
	border-radius: 14px;
	color: #fff;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.45);
	text-align: center;
	font-size: 1.1em;
	padding: 5px 0 0 2px;
	margin-right: 0.8em;
	position: absolute;
	top: -13px;
	left: 26px;
}

.checkout-steps li.step-1 a:before {
	padding: 5px 0 0 3px;
}

.checkout-steps li.step-1 a:before { content: "1."; }
.checkout-steps li.step-2 a:before { content: "2."; }
.checkout-steps li.step-3 a:before { content: "3."; }
.checkout-steps li.step-4 a:before { content: "4."; }
.checkout-steps li.step-5 a:before { content: "5."; }

.checkout-steps li a.active {
	color: #069;
}

.checkout-steps li a.active:before {
	background-color: #069;
	color: #fff;
}

/* ----------------- FORMA KUPNJE ----------------- */

.adresa-remove {
    display: block;
    width: 225px;
    font-size: 0.7em;
    line-height: 2.4em;
    background: transparent url("../assets/remove_blue.png") 100% 50% no-repeat;
    margin-top: 0.6em;
}

ul.checkout-steps-navigation {
    clear: both;
    width: 100%;
    margin-top: 20px;
    border-top: 2px solid #CCC;
}

ul.checkout-steps-navigation:after {
    content: "";
    display: table;
    clear: both;
}

ul.checkout-steps-navigation li {
    float: left;
}

ul.checkout-steps-navigation li.kupnja-btn-right {
    float: right;
}

.legalinfo {
	color: #666;
	font-size: 0.7em;
	font-weight: bold;
	padding-top: 3em;
}

.proizvodi-popis {
    font-size: 0.7em;
    font-weight: bold;
    color: #666;
    line-height: 2em;
    margin-left: 3em;
    margin-bottom: 2em;
}

.checkout-radiolist {
    position: relative;
    margin-bottom: 20px;
    padding: 10px;
    float: left;
    width: 100%;
    border: 1px solid #E9E9E9;
    background-color: #F4F4F6;
    color: #666666;
    font-size: 0.7em;
}

.checkout-radiolist input {
    float: left;
    position: relative;
    top: 3px;
    clear: both;
}

.checkout-radiolist label {
    float: left;
    padding: 3px 0px 0 4px;
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
    line-height: 1.3em;
}

.checkout-radiolist .checkout-note {
     font-weight: normal;
 }
 
 .kupnja h4 {
 	color: #069;
 	font-size: 0.9em;
 	padding-left: 20px;
 }

.potvrda-podaci {
    padding: 10px;
    margin-bottom: 40px;
}
 
.potvrda-podaci li {
    border-bottom: 1px solid #E1E1E1;
    padding: 10px;
    font-size: 0.7em;
    color: #666666;
}

.potvrda-podaci li em {
    font-style: normal;
}

.potvrda-podaci li span {
    font-size: 1.1em;
    font-weight: bold;
}

.kupnja table.kosarica {
    margin: 15px 10px 10px 10px;
}

.kupnja .kosarica th {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: bold;
}

.kupnja .confirm-order {
	background: #ff7200 none;
	border: 1px solid #dd6f17;
	border-bottom: 1px solid #c65900;
	border-radius: 3px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3), inset 0 0 1px 0 rgba(0,0,0,0.1), inset 0 -6px 18px 0 rgba(0,0,0,0.2);
	margin-bottom: 20px;
	font-family: "HelveticaNeueHR57Condensed",Arial,sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	letter-spacing: 0.01em;
	width: 180px;
	margin: 12px 8px 0px 0px;
    font-size: 1em;
    height: 2.2em;
    padding: 0.47em 1em 0.3em 2.1em;
    text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.4);
    background: #FF7200 url("../assets/confirm.png") no-repeat scroll 9px 6px;
}

.kupnja .confirm-order:hover {
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), inset 0 0 1px 0 rgba(0,0,0,0.1), inset 0 2px 2px 0 rgba(0,0,0,0.2);
	border-bottom: transparent;
}

.kupnja a.confirm-order {
	color: #fff;
}

.kupnja .checkout-steps-navigation .confirm-order {
	width: 200px;
}

a.confirm-order.cardconfirm {
	margin-bottom: -24px;
	display: inline-block;
	width: 184px;
}

.napomena-potvrda-kupnje {
    padding-left: 20px;
}

.napomena-potvrda-kupnje .label {
    display: block;
    font-size: 0.7em;
    margin: 0px 0px 5px 10px;
}

/* ------------ Amex ------------- */

.credit-data-form:after {
    content: "";
    display: table;
    clear: both;
}

.credit-data-iznos {
    color: #069;
    font-weight: bold;
    font-size: 0.9em;
}

.cc-logo {
    display: block;
    padding: 0px 10px 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #E1E1E1;
}

.credit-data-form .label {
    width: 180px;
}

.credit-data-form .holder {
    margin-bottom: 11px;
}

.kontrolni-broj-link {
    display: block;
    font-size: 0.7em;
    margin: 5px 0px 10px 190px;
}

.credit-data-form .holder.card-date {
    padding-top: 11px;
}

.card-date select {
    width: 110px;
    margin-right: 18px;
}

.required-text {
    font-style: italic;
    margin-top: 20px;
    color: #666666;
    font-size: 0.8em;
 }

.required-text:before {
	content: "*";
	color: #ff7200;
	font-size: 2.1em;
	font-weight: bold;
	vertical-align: middle;
	padding-right: 3px;
}

.no {
    padding-bottom: 1em;
    display: block;
}

/* _______________________________________________ KORISNIK _______________________________________________ */

/* ------------ Registracija ------------- */

.registracija-form .short-select select {
    width: 80px;
    margin-right: 20px;
}

.registracija-form .snimi-btn.btn-nar {
	font-size: 1em;
	padding-left: 1.4em;
	padding-right: 1.4em;
	margin-left: 154px;
}

/* ------------ Promjena lozinke ------------- */

.promjena-sifre-btn a {
	font-size: 1em;
	margin-left: 154px;
}

.promjena-sifre-btn a:last-child {
	margin-left: 20px;
}

/* _______________________________________________	POŠALJI PRIJATELJU + POŠALJI UPIT _______________________________________________ */

ul.form-sendfriend {
	padding: 11px 0 0 22px;
}

.upit {
	padding: 11px 22px 0 22px;
}

ul.form-sendfriend li, .upit li {
	margin-bottom: 11px;
}
	
ul.form-sendfriend li.form-last {
	padding-left: 154px;
}

.upit .cf-info {
	font-size: 0.84em;
	line-height: 1.4em;
	font-weight: bold;
	color: #666666;
	
}

.upit li.form-last {
	padding-left: 51px;
	font-size: 0.74em;
}

	
ul.form-sendfriend li label, .upit li .label {
	width: 150px;
	display: inline-block;
	padding: 5px 5px 0px 0px;
	vertical-align: top;
	font-size: 0.7em;
	font-weight: bold;
}

.upit li .label {
	font-size: 0.74em;
	color: #666666;
}

ul.form-sendfriend label.required:before, .upit .label.required:before {
	content: "*";
	color: #ff7200;
	font-size: 2.4em;
	font-weight: bold;
	vertical-align: middle;
	padding-right: 3px;
}
	
.form-poruka {
	padding: 0 22px;
}
	
.form-poruka p {
	font-weight: bold;
}

.form-poruka a {
	margin-right: 20px;
}



/* floating banner box : start */
#mask {
    position:absolute;
    left:0;
    top:0;
    z-index:9000;
    background-color:#000;
    display:none;
}  
#boxes .window {
    position:absolute;
    left:0;
    top:0;
    width:600px;
    height:600px;
    display:none;
    z-index:9999;
}
#boxes .window .ad-image {
    -webkit-box-shadow:0 20px 30px #010710;
    -moz-box-shadow:0 20px 30px #010710;
    -o-box-shadow:0 20px 30px #010710;
    box-shadow:0 10px 30px #010710;
}
a.close-advert {
    position:absolute;
    top:-23px;
    right:-23px;
    width:46px;
    height:46px;
}
ol { 
	list-style:inside inside number;
	padding-left:10px;
	font-size:13px;
}
/* floating banner box : finish */


/* promo code */
.promocode {
    margin-bottom:20px;
    padding:0 10px 10px 10px;
    text-align:right;
    background:url(../assets/gray_pattern.gif) repeat 0 0;
    border:1px dashed #d7d7d7;
    -webkit-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:inset 1px 1px 0 #fff, inset -1px -1px 0 #fff;
    box-shadow:inset 1px 1px 0 #fff, inset -1px -1px 0 #fff;
}

.promocode fieldset label {
    margin-right:5px;
    font-size:.875em;
}
.promocode fieldset label b { color:#e85e13; }
.promocode fieldset input {
    width:auto;
    margin-right:10px;
    font-size:.875em;
}
.promocode .btn-nar {
	display:inline-block;
	font-size:.875em;
}

.promocode p {
    margin:10px 0 0 0;
    font-size:.875em;
    font-weight:bold;
    text-align:right;
}
.promocode p.promocode-ok { color:#398812; }
.promocode p.promocode-error { color:#da2a18; }


/* basket txt */
.basket-txt {
	margin-bottom:20px;
	padding:20px;
	font-size:.875em;
	background-color:#ffe1c0;
	line-height: 20px;
}

.basket-txt li {
	padding-left:15px;
	background-color:#ffe1c0;
	line-height: 20px;
	list-style-type: disc;
	list-style-position: inside;
}

.basket-txt .word-popust {
	font-weight: bold;
    color: #ff7200;
}

/*** Web cijena ***/
.pro-price li.p-cij-det em.strong {
    font-weight: bold;
}

.pro-price li.p-cij-det span {
    font-size: 1.2em;
    color: #ff7200;
}

.pro-price li em.popust-price-note {
    display: block;
    margin-top: 20px;
    font-size: 1.2em;
    font-style: italic;
    line-height: 130%;
}

.pro-price li em.popust-price-note .word-popust{
    font-weight: bold;
    color: #ff7200;
}

.thumb-cijena, .akcija-cijena, .listprice-striked, .popust-cijena {
	line-height: 18px;
	display: block;
}

.popust-cijena {
	color: #ff7200;
	display: inline;
}

.svecijene em.web-cijena-title {
	color: #ff7200;
}
/*** Web cijena ***/
