@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700&subset=latin-ext,latin);
body {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	background-image: url(/../../../../image/mpbg.png);
    background-color: transparent;
}
a, a:hover, a:active, a:focus {
    outline: none;
}
.btn-primary{
    color:#fff;
    /*background-color:#0161AE;
    border-color:#65B2FA;
    background-color: #1E1E1E;*/
    background-color: #1E1E1E;
    background-image: linear-gradient(to bottom, #424242, #222222);
    background-repeat: repeat-x;
    border-color: #1E1E1E;
}
.btn-primary.focus,.btn-primary:focus{
    color:#fff;
    /*background-color:#0161AE;
    border-color:#65B2FA;*/
    background-color: #1E1E1E;
    border-color: #1E1E1E;
}
.form-control:focus {
    border-color: #222222;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(132, 132, 132, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(132, 132, 132, .6);
}
.btn-primary:hover{
    color:#fff;
    /*background-color:#0161AE;
    border-color:#65B2FA;*/
    background-color: #1E1E1E;
    background-image: linear-gradient(to bottom, #222222, #424242);
    background-repeat: repeat-x;
    border-color: #1E1E1E;
}
.btn-primary.active,.btn-primary:active{
    color:#fff;
    /*background-color:#0161AE;
    border-color:#65B2FA;*/
    background-color: #1E1E1E;
    background-image: linear-gradient(to bottom, #222222, #424242);
    background-repeat: repeat-x;
    border-color: #1E1E1E;
}
.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover{
    color:#fff;
    /*background-color:#0161AE;
    border-color:#65B2FA;*/
    background-color: #1E1E1E;
    background-image: linear-gradient(to bottom, #222222, #424242);
    background-repeat: repeat-x;
    border-color: #1E1E1E;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    background-color: #1E1E1E;
}
.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    border-color: #1E1E1E;
}
.owl-controls .owl-page span {
    background-color: #0161AE;
    background-image: linear-gradient(to bottom, #0161AE, #65B2FA);
}
.owl-controls .owl-page.active span {
    background-color: #65B2FA;
    background-image: linear-gradient(to bottom, #65B2FA, #0161AE);
}
#tlscookieseu-bar {
    background-color: #424242;
    background-image: linear-gradient(to bottom, #424242, #222222);
}
#banner-kartice-footer {
    height: 50px;
}
.fa-heart {
    color: red;
}
.fa-exchange, .fa-user {
    /*color: #65B2FA;*/
    color: #595959;
}
#cijena-proizvoda, #cijena-proizvoda-related, #cijena-proizvoda-wishlist, #cijena-proizvoda-compare {
    /*margin-left:15px;*/
    color: #222222;
    text-align: center;
    height: 40px;
    font-size: 14px;
}
#refresh-cart {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #363636;
    background-image: linear-gradient(to bottom, #444444, #222222);
    background-repeat: repeat-x;
    border-color: #222222 #222222 #000000;
}
footer {
    background-color: #424242;
    background-image: linear-gradient(to bottom, #424242, #222222);
    background-repeat: repeat-x;
}
#stock-text-div-available, #stock-text-div-notavailable {
    border: 2px solid #1bb31e;
    border-radius:3px;
    background-image: linear-gradient(to bottom, #1bb31e, #0e550f);
}
#cijena-box-product {
    color: black;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #363636;
    /*background-image: linear-gradient(to bottom, #444444, #222222);*/
    background-image: linear-gradient(to bottom, #D0E8FF, #84C8FF);
    background-repeat: repeat-x;
    border-color: #222222 #222222 #000000;
    border: 2px solid #363636;
    text-align: center; 
    font-weight: normal; 
    border-radius:3px; 
    padding: 10px; 
    line-height: 15px;
}
#cijena-box {
    color: black;
    background-color: #65B2FA;
    /*background-image: linear-gradient(to bottom, #65B2FA, #0161AE);*/
    /*background-image: linear-gradient(to bottom, #C5E3FF, #0161AE);*/
    background-image: linear-gradient(to bottom, #D0E8FF, #84C8FF);
    background-repeat: repeat-x;
    border: 1px solid #c8c8c8;
    text-align: center; 
    font-weight: normal; 
    /*padding: 10px;*/
    padding: 5px;
    line-height: 15px;
    border-radius: 7px;
    font-size: 12px;
    margin-top: 10px;
}
#cijena-box-popust-text {
    color: black;
    /*background-color: #956d25;*/
    /*background-image: linear-gradient(to bottom, #ffe0a6, orange);*/
    /*background-image: linear-gradient(to bottom, #fff3db, #ffc966);*/
    background: linear-gradient(to bottom,#f9fd36 0,#f7ff1b 3%,#f6fe13 6%,#f8fd1c 9%,#fafd18 12%,#f8fd1c 18%,#f8fe14 21%,#f9fc19 24%,#f9fc19 44%,#fff61a 91%,#fef512 94%,#fff718 97%,#fff531 100%);
    background-repeat: repeat-x;
    border: 1px solid #c8c8c8;
    text-align: center;
    font-weight: normal;
    /*padding: 10px;*/
    padding: 5px;
    line-height: 15px;
    border-radius: 7px;
    font-size: 12px;
}
#menu {
    background-color: #1E1E1E;
    /*background-image: linear-gradient(to bottom, #1E1E1E, #1E1E1E);*/
    /*background-image: linear-gradient(to bottom, #1E1E1E, #1E1E1E);*/
    background-image: linear-gradient(to bottom, #424242, #222222);
    background-repeat: repeat-x;
    border-color: #1E1E1E;
    min-height: 40px;
}
#menu .nav > li > a:hover, #menu .nav > li.open > a {
    background-color: rgba(140, 140, 140, 0.5);
}
.dropdown-menu li > a:hover {
    text-decoration: none;
    color: #ffffff;
    background-color: #1E1E1E;
    background-image: linear-gradient(to bottom, #424242, #222222);
    background-repeat: repeat-x;
}
a {
    /*color: #65B2FA;*/
    color: #595959;
}
#naziv-proizvoda, #naziv-proizvoda-related {
    border-bottom: 1px solid #eee;
    text-align: center;
    margin-top: 15px;
}
#naziv-proizvoda a, #naziv-proizvoda-related a {
    color: #303030;
}
#opis-proizvoda, #opis-proizvoda-related {
    display:none;
}
#paypal-slideshow-img {
    position: absolute;
    z-index: 9;
    padding: 13px 5px 0px 50px;
    width: 20%;        
}
.product-thumb {
    border-radius: 10px;
}
    #myPopupDodatnoDiv {
        display: none;
    }
    .myPopupDodatno {
		line-height: 1.4 !important;
	}
	.myPopupDodatno img {
		display: inline-block;
	}
	.myOverlayDodatno {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		background: gray;
		-ms-opacity: 0.6;
		opacity: 0.6;
		z-index: 99999;
	}
	.myTopDodatno {
		height: 40px;
	}
	.myPopupDodatno {
		bottom: 30%;
		/*position: fixed;*/
        position: absolute;
		width: 550px;
		/*height: 350px;*/
        height: 530px;
		background-color: white;
		z-index: 999999;
		margin: 0 auto;
		padding: 50px;
        /*top: 50%;*/
		top: 60%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		text-align: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.myCenterDodatno h1 {
		font-family: Source Sans Pro, Arial;
		font-size: 27px;
		color: #4A4A4A;
		letter-spacing: 0;
		border: none;
		background: none;
		text-align: left;
		padding: 0;
		margin: 0;
	}
	.myCenterDodatno p {
		margin-top: 20px;
		font-family: Source Sans Pro, Arial;
		font-size: 16px;
		color: #4A4A4A;
	}
	.myCenterDodatno {
		margin-top: 22px;
	}
	.myContentWrapperDodatno {
		position: relative;
		width: 100%;
		height: 100%;
	}
	.myOkDodatno {
		float: right;
		letter-spacing: 0px;
		padding: 10px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		background: #44A3DB;
		text-transform: uppercase;
        background-color: #dff0d8;
        border-color: #d6e9c6;
        color: #4a4a4a;
	}
	.myOkDodatno,
	.myOkDodatno:hover,
	.myOkDodatno:active,
	.myOkDodatno:visited {
		font-family: Source Sans Pro, Arial;
		font-weight: 700;
		font-size: 15px;
		color: #4a4a4a !important;
		text-decoration: none;
	}
	.myBottomDodatno {
		bottom: 0;
		width: 100%;
		position: absolute;
	}
	.myNoThanksDodatno {
		position: absolute;
	}
	.myNoThanksDodatno,
	.myNoThanksDodatno:hover,
	.myNoThanksDodatno:active,
	.myNoThanksDodatno:visited {
		letter-spacing: 0px;
		top: 25%;
		font-family: Source Sans Pro, Arial;
		font-size: 15px;
		font-weight: 700;
		color: #9B9B9B;
		text-decoration: none;
	}
	.myNoThanksDodatno:hover {
		cursor: pointer;
	}
	.mySmindDodatno {
		float: right;
	}    

#logo img {
    height: 85px;
    /*height: 75px;*/
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px;
    margin-bottom: 20px;
}

#logo-span {
    display: none;
    color: #303030;
    text-align: center;
    margin: -20px 0px 0px 0px;
}

#menu .nav.navbar-nav {
    display: table-row;
}

#menu .nav > li > a {
    text-align: center;
    display: table-caption;
}

.navbar-nav > li {
    display: table-cell;
    vertical-align: middle;
    float: none;
}

.navbar-nav > li > a {
    line-height: 15px;
    padding: 10px 8px;
}

.product-layout .caption h4, #naziv-proizvoda-related {
    /*height: 50px;*/
    /*height: 52px;*/
    height: 62px;
    overflow: hidden;
}

h4 {
    font-size: 14px;
}
        
.product-layout .product-thumb .image img {
    margin-top: 10px;
}

.product-layout .product-thumb .caption p:first-of-type {
    height: 58px;
    overflow: hidden;
    /*margin: 15px 0px 20px 0px;*/
    margin: 10px 0px 0px 0px;
}
#table-jednokratno {
    background-color:white;
}
.product-thumb {
    background-color: white;
}
#cijena_EUR {
    /*margin-left:56px;*/
}
#cijena_EUR_kartice {
    margin-left:47px;
}
.owl-carousel {
    background: transparent;
}
#carousel-bnr .owl-wrapper-outer {
  border: none;
  box-shadow: none;
}
#carousel-bnr .product-layout {
  width: 100%;
  margin-top: 12px;
}
#carousel-bnr .product-layout .caption-text {
  margin: 15px 0px 0px 20px;
  padding-right: 10px;
  height: 80px;
}
#slideshow0 .owl-wrapper-outer {
    background-color: white;
}


a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
    border-color: #ddd;
}
a:focus, a:hover {
    /*color: #ddd;*/
    color: #4f4f4f;
}
.dropdown-menu {
    min-width: 200px;
}
#woofc-count-top {
    bottom: 90px;
    right: 25px;
    left: auto;
    border-radius: 50%;
    display:none;
}
#woofc-count {
    bottom: 100px;
    right: 30px;
    left: auto;
}
.woofc-count {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #fff;
    display: block;
    cursor: pointer;
    position: fixed;
    left: 40px;
    bottom: 40px;
    z-index: 99999997;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: rgba(0,0,0,.15) 0px 0px 20px;
    -webkit-box-shadow: rgba(0,0,0,.15) 0px 0px 20px;
    box-shadow: rgba(0,0,0,.15) 0px 0px 20px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.woofc-count i {
    font-size: 24px;
    line-height: 50px;
    color: #444;
}
.woofc-count span {
    background: #23648A !important;
}
.woofc-count span {
    position: absolute;
    top: -10px;
    right: -10px;
    height: 30px;
    width: 30px;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    background: #e94b35;
    color: #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
#product-naslov-h4 {
    background-color: #f2f2f2;
    padding: 7px 0px 7px 10px;
    margin: -10px -10px 10px -10px;
    border-bottom: 1px solid #b5b5b5;
    border-radius: 10px 10px 0px 0px;
}
#header-div {
    background-color: white;
    width: 100%;
    height: 100px;
    position: absolute;
    top: 0px;
    z-index: -5;
}
header {
    background-color: white;
}
#pricetext {
    margin-top:10px;
}
#postotak {
    background-color: #b00;
    color: white;
    text-align: center;
    display: inline;
    padding: 5px 7px 5px 7px;
    border-radius: 5px;
    position: absolute;
    bottom: 196px;
    right: 20px;
    transform: rotate(15deg);
    display:none !important;
}
#postotakproducts {
    background-color: #b00;
    color: white;
    text-align: center;
    padding: 5px 7px 5px 7px;
    border-radius: 5px;
    display:none !important;
}
#black-friday {
    position: absolute;
    /*left: 2px;*/
    left: 1px;
    /*top: -10px;*/
    /*top: 6px;*/
    top: 1px;
    z-index: 9;
    /*width: 115px;
    height: 115px;*/
    width: 120px;
    height: 100px;
    /*width: 140px;
    height: 120px;*/
}
#black-friday-product {
    position: absolute;
    left: 15px;
    top: -15px;
    z-index: 9;
    width: 115px;
    height: 115px;
}
.btn-group.hidden-xs #list-view.btn.btn-default {
    display:none;
}
#warranty {
    background-color: white;
    height: 80px;
    width: 63px;
    position: absolute;
    top: 140px;
    left: 15px;
    border-radius: 5px;
    text-align: center;
    z-index: 9;
    border: 2px solid #aeaeae;
}
#warranty-1 {
    position: absolute;
    height: 72px;
    width: 55px;
    border-radius: 3px;
    top: 2px;
    left: 2px;
    background-image: linear-gradient(to right, #600, #bf0000);
}
#warranty-text1 {
    color: white;
    font-weight: bold;
    font-size: 36px;
    position: absolute;
    top: 11px;
    width: 55px;
    left: 0px;
}
#warranty-text2 {
    color: white;
    position: absolute;
    top: 35px;
    font-size: 11px;
    font-weight: bold;
    left: 0px;
    width: 55px;
}
#warranty-text3 {
    color: white;
    font-size: 11px;
    font-weight: normal;
    left: 0px;
    top: 50px;
    position: absolute;
    width: 55px;
}
.product-layout.product-grid .product-thumb div.button-group button span {
    font-size:12px;
}
.product-search .product-layout.product-grid .product-thumb div.button-group button span {
    font-size:12px;
}
.product-layout.product-grid .product-thumb div div.button-group button span {
    font-size:12px;
}
.owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .product-layout .product-thumb.transition .button-group button span {
    font-size:12px;
}
.product-thumb.transition .button-group button span {
    font-size:12px;
}
#rightpanel-rinchy h1 {
    background-color: white;
    border: 1px solid #c8c8c8;
    border-radius: 5px;
    padding: 10px;
    font-size: 28px;
}
#rightpanel-rinchy ul.list-unstyled {
    background-color: white;
    border: 1px solid #c8c8c8;
    border-radius: 5px;
    padding: 10px;
}
#rightpanel-rinchy .rating p {
    background-color: white;
    border: 1px solid #c8c8c8;
    border-radius: 5px;
    padding: 10px;
}
#leftpanel-rinchy #tajpanel .tab-content #tab-description iframe {
    width: 100% !important;
}
#product-tags-href {
    background-color: #484848;
    background-image: none;
    border: none;
    border-radius: 17px;
    height: 25px;
    padding: 4px 7px 0px 7px;
}
#dostupnost-div {
    z-index: 9;
    position: absolute;
}
#dostupnost-img {
    position: absolute;
    width: 125px;
    left: -30px;
    top: 128px;
}
#dostupnost-lenta {
    top: 156px;
    position: absolute;
    left: 12px;
    font-weight: bold;
    color: #444;
}
#dostupnost-lenta-tekst {
    top: 170px;
    position: absolute;
    left: 0px;
    font-size: 10px;
    color: #444;
    width: 100px;
}




@media (min-width:768px) {
    .container {  width:750px }
}
@media (min-width:992px) {
    .container {  width:970px }
}
@media (min-width:1200px) {
    .container {  width:1170px }
}
@media (min-width:1400px) {
    .container {  width:1370px }
}







@media only screen and (max-width: 1199px) {
    /*body {color: red;}*/
}
@media only screen and (max-width: 979px) {
	/*body {color: green;}*/
    #menu .nav > li > a { padding: 10px 8px; }
    #table-jednokratno { float: left; }
    #table-popust { float: left; }
}

@media only screen and (max-width: 767px) {
	/*body {color: blue;}*/
    .product-layout { width: 50%; }
    #table-jednokratno { float: left; }
    #table-popust { float: left; }
    #menu .nav > li > a { display: block; text-align: left; }
    .navbar-nav > li { display: block; }    #table-jednokratno table.table.table-bordered tbody tr td { float: left; }        #table-popust table.table.table-bordered tbody tr td { float: left; }
}

@media only screen and (max-width: 479px) {
	/*body {color: yellow;}*/
    .product-layout { width: 100%; }
    #table-jednokratno { float: left; }
    #table-popust { float: left; }
    #menu .nav > li > a { display: block; text-align: left; }
    .navbar-nav > li { display: block; }
    #table-jednokratno table.table.table-bordered tbody tr td { float: left; }        #table-popust table.table.table-bordered tbody tr td { float: left; }
}

@media only screen and (max-width: 320px) {
    /*body {color: orange;}*/
    .product-layout { width: 100%; }
    #table-jednokratno { float: left; }
    #table-popust { float: left; }
    #menu .nav > li > a { display: block; text-align: left; }
    .navbar-nav > li { display: block; }

    #table-jednokratno table.table.table-bordered tbody tr td { float: left; }        #table-popust table.table.table-bordered tbody tr td { float: left; }
}


	@media screen and (max-width: 590px) {
        /*body {color: red;}*/
		.myPopupDodatno {
			width: 90%;
			overflow: auto;
            height: 570px;
		}
	}
	@media screen and (max-width: 540px) {
        /*body {color: green;}*/
		.myPopupDodatno {
			/*height: 420px;*/
            height: 650px;
		}
	}
	@media screen and (max-width: 430px) {
        /*body {color: blue;}*/
		.myPopupDodatno {
			/*height: 420px;*/
            height: 710px;
		}
	}
	@media screen and (max-width: 385px) {
        /*body {color: yellow;}*/
		.myPopupDodatno {
			/*height: 450px;*/
            height: 750px;
		}
	}
	@media screen and (max-width: 370px) {
        /*body {color: orange;}*/
		.myTopDodatno {
			height: 80px;
		}
		.mySmindDodatno {
			display: block;
			margin: 15px 0;
			float: none;
		}
		.myPopupDodatno {
			/*height: 480px;*/
            height: 790px;
		}
	}
	@media screen and (max-width: 360px) {
        /*body {color: magenta;}*/
		.myPopupDodatno {
			/*height: 90%;*/
            height: 860px;
            top: 80%;
		}
		.myOkDodatno,
		.myNoThanksDodatno {
			float: none;
			display: block;
			position: relative;
			margin-bottom: 18px;
			text-align: center;
		}
		.myCenterDodatno h1 {
			font-size: 26px;
		}
		.myCenterDodatno p {
			font-size: 13px;
		}
	}
/*my responsive*/   
@media only screen and (max-width: 1199px) {
    /*body {color: red;}*/
}

@media only screen and (max-width: 979px) {
	/*body {color: green;}*/
}

@media only screen and (max-width: 767px) {
	/*body {color: blue;}*/
    #table1 { width: 100%; float: left; text-align: center; }
    #table2 { width: 100%; float: left; text-align: center; margin-top: -30px; }
    #table3 { width: 100%; float: left; text-align: center; }
}

@media only screen and (max-width: 479px) {
	/*body {color: yellow;}*/
    #table1 { width: 100%; float: left; text-align: center; }
    #table2 { width: 100%; float: left; text-align: center; margin-top: -30px; }
    #table3 { width: 100%; float: left; text-align: center; }
    /*#banner-bottom-footer1, #banner-bottom-footer2, #banner-bottom-footer4, #banner-bottom-footer5 { width: 100%; }*/
}

@media only screen and (max-width: 320px) {
    /*body {color: orange;}*/
    #table1 { width: 100%; float: left; text-align: center; }
    #table2 { width: 100%; float: left; text-align: center; margin-top: -30px; }
    #table3 { width: 100%; float: left; text-align: center; }
    /*#banner-bottom-footer1, #banner-bottom-footer2, #banner-bottom-footer4, #banner-bottom-footer5 { width: 100%; }*/
}    


#product-kolicina, #product-rating, #upit-za-artikl, #product-support, #product-price-avail {
  background-color: white;
}
#product-kolicina, #product-rating, #upit-za-artikl, #product-support {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 1px solid #ddd;
  padding: 10px;
  border-radius: 10px;
}