@charset "utf-8";
/*
    Display
    Positioning
    Box model
    Colors and Typography
    Other
*/

/* MAIN STYLES
----------------------------------------------------------------------------------------------------*/

body {
    /* padding-top: 20px; */

	color: #424242;
    /*background: #060E11 url("../img/blue-bg.jpg") top center no-repeat;*/
	font-size: 12px;
	font-family: Tahoma,Verdana,Segoe,sans-serif;
    text-align: left;

    /* background: url("../slike/bez-logotipa-pozadina-za-sajt-komp-ihs.jpg") no-repeat; */

	/* background: rgb(59,89,125);
	background: -moz-linear-gradient(top, rgba(59,89,125,1) 0%, rgba(125,185,232,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,89,125,1)), color-stop(100%,rgba(125,185,232,1)));
	background: -webkit-linear-gradient(top, rgba(59,89,125,1) 0%,rgba(125,185,232,1) 100%);
	background: -o-linear-gradient(top, rgba(59,89,125,1) 0%,rgba(125,185,232,1) 100%);
	background: -ms-linear-gradient(top, rgba(59,89,125,1) 0%,rgba(125,185,232,1) 100%);
	background: linear-gradient(to bottom, rgba(59,89,125,1) 0%,rgba(125,185,232,1) 100%); */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b597d', endColorstr='#7db9e8',GradientType=0 );
}

.container-narrow {
    width: 990px;
}

@media screen and (max-width: 620px) {
    .container {
        padding-left: 0;
        padding-right: 0;
    }

    .row {
        margin: 0;
    }
}

/* HEADER STYLES
----------------------------------------------------------------------------------------------------*/

header #logo {
    /* float: left; */

    /* margin: 30px 0 0 10px */
}




/* CONTENT / CONTAINER STYLES
----------------------------------------------------------------------------------------------------*/
#content {
    /* min-height: 570px;
    margin-top: 20px;
    padding: 0 15px; */

    background-color: white;

    /* -moz-box-shadow: 0 0 5px 10px #657D98;
    -webkit-box-shadow: 0 0 5px 10px #657D98;
    box-shadow: 0 0 5px 10px #657D98;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; */
}

.mainContainer {
    /* background: url("../slike/bez-logotipa-pozadina-za-sajt-komp-ihs.jpg") no-repeat; */
}

/* .content-top {
    background: url("../img/content-top.png") no-repeat;
    height: 20px;
}

.content-top-blue {
    background: url("../img/content-top-blue.png") no-repeat;
    height: 20px;
} */



.content-inner {
    position: relative;
    min-height: 100px;
    padding:0 15px;

    /*background:url("../img/content-inner.png") repeat-y;*/
}

.content-bottom {
    /*background: url("../img/content-bottom.png") no-repeat;*/
    height: 20px;
}

.content-bottom-grey {
    /*background: url("../img/content-bottom-grey.png") no-repeat;*/
    height: 20px;
}

/* FOOTER STYLES
----------------------------------------------------------------------------------------------------*/
footer {
    width: 100%;

    margin-top: 50px;
    padding-top: 20px;
    padding-bottom: 20px;

    background: none repeat scroll 0 0 #111;
    border-top: 1px dashed #444;
}

#footer {
    /*padding-bottom: 40px;*/
}

.footer-inner {
    position: relative;

    width: 920px;

    margin: 0 auto;
    padding: 20px 10px 0 10px;
}

.footer-module {
    float: left;

    width: 290px;
}

.footer-module h4 {
    color: #eee;
    border-bottom: 1px dashed #444;
    padding-bottom: 8px;
}

.middle {
    margin:0 25px;
}
/* HOMEPAGE STYLES
----------------------------------------------------------------------------------------------------*/

.home-bottom-panel {
    margin-top: 20px;
    padding: 30px 20px;
    background: #eee url("../img/home-divider.png") no-repeat center top;
}
/*COMPUTER SLIDER*/
.slider-left h1 {
    color: white;
    font-size: 26px;
    font-weight: lighter;
    margin: 20px 0 40px;
}
.slider-left p {
    font-size: 16px;
    margin: 0 0 20px 0;
}
.slider-left p span.highliht {
    padding: 0 10px;
    background-color: #b9def0;
    font-weight: bolder;
}

.slider-container{background: url("../img/slider-bg-blue.jpg") no-repeat;width:960px;height:377px;}
.slider-left{float:left;width:375px;margin:40px 0 0 20px;}
.slider-left h2{font-size:30px;padding-bottom:0;}
.slider-left p{color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,0.5);}
.slider-ribbon{background: transparent url("../img/slider-ribbon.png") no-repeat;width:107px;height:107px;position:absolute;right:93px;top:26px;}
.PortfolioButton{border:none;cursor:pointer;margin:0;background:url("../img/btn-portfolio.png") no-repeat 0 0;width:171px;height:40px;text-indent:-9999px;margin-top:5px;}
.PortfolioButton a{display:block;height:40px;}
.PortfolioButton:hover{background:url("../img/btn-portfolio.png") no-repeat 0 -40px;}
.slider-right{float:left;width:406px;margin:52px 0 0 54px;}
#home-slider ul, #home-slider li{margin:0;padding:0;}
#home-slider li{width:406px;height:257px;overflow:hidden;}
#prevBtn, #nextBtn{ display:block;width:32px;height:32px;position:absolute;left:437px;top:170px;z-index:1000;text-indent:-9999px;}
#nextBtn{left:865px;}
#prevBtn a, #nextBtn a{display:block;position:relative;width:32px;height:32px;background:url("../img/slider/btn-prev.png") no-repeat 0 0;}
#nextBtn a{background:url("../img/slider/btn-next.png") no-repeat 0 0;}

@media only screen and (max-width: 768px) {
    .container-narrow {
        width: inherit;
    }
    
    .slider-container {
        background-image: none;
        background-color: #55B3FB;
        width: inherit;
    }
    
    .home-bottom-panel {
        background-image: none;
        width: inherit;
    }
    
    .slider-right, .slider-ribbon {
        display: none;
    }
    
}
/* PRODUCTS STYLES
----------------------------------------------------------------------------------------------------*/
#content .easytree-container {
	border: none;
}

/* .products_container {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
} */

.product_view_page {
	font-size: 12px;
}

.product_view_page > h1 {
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
}

.product_view {
	/* float: left; */

/*	width: 370px;*/
	/* width: 48%; */
    /*height: 290px;*/
    width: 370px;
	height: inehrit;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-right: 5px;

	border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border-radius: 7px 7px 7px 7px;
	border: 1px solid #AABACA;

	-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.65);
	-moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.65);
	box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.65);
}

.product_view.product_view_retail
{
	height: 300px;	
}


.small-pr-box .product_view {
	/*height: 240px;*/
	height: 280px;
}

.small-pr-box .product_view.product_view_retail {
    height: initial;
}
@media screen and (max-width: 992px) {
    .small-pr-box .product_view.product_view_retail {
        height: 405px;
    }
}
@media screen and (max-width: 620px) {
    .small-pr-box .product_view.product_view_retail {
        height: 355px;
    }
}

@media screen and (max-width: 400px) {
    /* .small-pr-box .product_view.product_view_retail {
        height: 330px;
    } */
    
    .product_view.product_view_retail .product_qty_form {
        margin: 0;
    }
}

.product_view h1 {
    font-size: 17px;
    height: 30px;
	font-weight: 600;
}

.product_view .content dl {
	margin-top: 45px;
}

.product_view dl dt {
	font-weight: 400;
}

.product_view dl dd {
	font-weight: 600;
}

.product_view .content dl dt {
	color: grey;
}

.product_view .image {
	float: left;
	width: 55%;
	margin-top: 14px;
}
/*.product_view .image img {
	border: 1px solid #AABACA;
}*/
.product_view .content {
	float: right;
	width: 45%;
}

@media only screen and (max-width: 768px) {
    .product_view .content .barcode {
        width: 100%;
    }
}

.product_view .sifra_artikla {
	font-weight: normal;
}

.product_view .price_dl {
	line-height: 18px;
	vertical-align: middle;
	margin-top: 10px;
}

.product_view .cena_artikla {
	font-size: 15px;
        font-weight: bolder;
}

.product_view .cena_artikla .currency {
	font-weight: normal;
}

.product_view .sifra_artikla,
.product_view .cena_artikla
{
/*	background-color: #B9DBFF;
	color: #354F72;*/
/*	font-size: 13px;
	font-weight: 600;*/
}

.slicni_proizvodi {
    float: left;    
    width: 116px;
    
    margin: 3px 0 0 0px;    
    padding: 2px 5px 3px 5px;
    border: 2px solid #c5e2ff;

    text-align: center;
}

.slicni_proizvodi a {
    color: grey;
}

.products_container .image > dl {
	margin-top: 10px;
	margin-left: 18px;
}

.products_container .image > dl dt {
	float: left;
	margin-right: 10px;
}

.products_container .image > dl dd {
	/*clear: both;*/
	/*margin-bottom: 10px;*/
}

.clear {
	clear: both;
}

/* .products_container .product_qty_form, .products_container .product_incqty_form {
	width: 180px;
    margin: 10px 0;
} */

.products_container .product_qty_form.product_qty_form_with_qty_input
{
    left: 0;

    width: inherit;
    /*     margin: 10px 31px; */
    margin: 10px 11px;
}

.current_store_label
{
    font-size: 14px;
    line-height: 15px;

    float: left;

    width: 116px;
    height: 30px;
    margin: 2px 0 2px 3px;
    padding: 7px 0;

    text-align: center;

    border: 1px solid #c5e2ff;
}

.store_row
{
	height: 35px;	
}

.elegant-aero .store_row input[type="text"]
{
	text-align: right;
	padding-right: 7px;
}

.elegant-aero .button.order_button
{
    float: right;

    width: 45%;
    height: 30px;
}

.elegant-aero .store_row select
{
    font: 12px Arial, Helvetica, sans-serif;
    line-height: 15px;
    color: #666;	
    font-weight: normal;
}


.product_view.product_view_retail  .product_qty_form.product_qty_form_with_qty_input {
    margin: 10px 0;
}

.product_view .price_update {
    margin: 0 4px;
}

.price_update_message {
    margin: 0 0 0 10px;
}

.price_update_retail_message {
    margin: 0 0 0 0;
}

.price_update_retail_message .success_message {
	margin-left: 0;
}

/* .product_qty_form .btn-cart span i, .product_incqty_form .btn-cart span i {
    margin-right: 10px; 
}

.product_qty_form .btn-cart span, .product_incqty_form .btn-cart span {
    line-height: 24px;
} */

.small_cart_wrapper {
    width: 100%;
}

.small_cart_wrapper td:first-child{
    padding-right: 3px;
}

.small_cart_row_item {
    min-width: 10px;
}

@media (max-width: 992px) {
	.product_view {
		width: 100%;
		height: auto;
	}

    .small-pr-box .product_view {
        height: auto;
    }    
    
	.product_view .price_update {
		margin-bottom: 20px;
	}

	.product_view .image {
		width: 60%;
	}

	.product_view .image img {
		height: 80%;
		width: 80%;
	}

	.product_view .content {
		width: 40%;
	}
}

.side_menu_buttons .list-group-item {
	background: #B5CEE7;
	font: 600 16px "Trebuchet MS",Arial,Helvetica,sans-serif;
}

.side_menu_buttons .list-group-item:hover {
    background: none repeat scroll 0 0 #4c73a2;
    color: white;
    font: 600 16px "Trebuchet MS",Arial,Helvetica,sans-serif;
}

#products_perpage_form {
    text-align: right;
}
.product_view_page > form {
    display: inline-block;
    width: 48%;
}

#category_menu {
    display: none;

    margin: 20px -15px 20px 0;
}

.products_table h1 {
    padding-left: 20px;

    font-size: 30px;
}

.products_table td.bg-info h1:first-child {
    height: 28px;
    padding: 0px 0 20px 25px;
}

.products_table > tbody > tr:nth-child(n+5) {
    height: 220px;
}

.products_table > tbody > tr.normal_row_height {
    height: 50px;
}

.naziv_cell .opis {
    padding-left: 0;
}

.cd-top {
	display: inline-block;
	height: 40px;
	width: 40px;
	position: fixed;
	bottom: 100px;
	right: 10px;
	z-index: 10;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	/* image replacement properties */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: rgba(57, 79, 100, 0.8) url(../img/cd-top-arrow.svg) no-repeat center 50%;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
	-moz-transition: opacity .3s 0s, visibility 0s 0s;
	transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
	/* the button becomes visible */
	visibility: visible;
	opacity: 1;
}
.cd-top.cd-fade-out {
	/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
	opacity: .5;
}
.no-touch .cd-top:hover {
	background-color: #e86256;
	opacity: 1;
}
@media only screen and (min-width: 768px) {
	.cd-top {
		right: 20px;
		bottom: 20px;
	}
}
@media only screen and (min-width: 1024px) {
	.cd-top {
		height: 60px;
		width: 60px;
		right: 30px;
		bottom: 30px;
	}
}
/* Narudzbenica
----------------------------------------------------------------------------------------------------*/
#narudzbenica textarea {
    display: block;
    height: 100px;
    margin: 10px 0;
    width: 100%;
}
.success_message {
	margin-left: 130px;
}
.radno_vreme {
	white-space: pre;
}
.cart_success {
	margin-top: 50px;
}

.cartTable .qty_select {
	background-color: white;
	border: 1px gray solid;
	padding: 5px;
	color: rgb(66, 66, 66);
	border-radius: 5px;
	width: 60px;
	margin-left: 5px;
}


.cartTable input[type="number"] {
    padding-left: 4px;
    width: 60px;
	border-radius: 5px;
    border: 1px gray solid;
    height: 30px;
}
/* Kontakt strana
----------------------------------------------------------------------------------------------------*/
h3.bocni_naslov {
	text-align: center;
}

.radno_vreme > img {
    margin-bottom: -10px;
    margin-left: -20px;
}

.radno_vreme h4 {
    margin: -5px 0 -3px;
}

.radno_vreme .radnim_danom {
	line-height: 20px;
	margin-top: -30px;
	margin-bottom: -30px;
}

.radno_vreme.telefoni {
	line-height: 20px;
}

.radno_vreme.telefoni > span {
    display: inline-block;
    margin-top: -11px;
}

.kontakt_bocni_naslov {
	display: block;

    margin-bottom: -1px;
    padding: 10px 15px;

    border: 1px solid #ddd;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;

    font: 600 16px "Trebuchet MS",Arial,Helvetica,sans-serif;

    color: #555;
    background: none repeat scroll 0 0 #b5cee7;
	text-align: center;
}

.kontakt_forma label > span {
	display: inline-block;

	width: 150px;

	vertical-align: top;
}

.kontakt_forma pre {
	margin-left: 150px;
}

.grad {
	color: #990000
}

/* OLD STYLES
----------------------------------------------------------------------------------------------------*/
.kategorije {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 14px;
    line-height: 14px;
    color: a0a0a0;
    font-weight: normal;
}
.naziv {
    font-family: Tahoma;
    font-size: 13px;
    font-weight: bold;
    line-height: 14px;
    color: 333;
}
.interno {
    color: #CC6006;
}
.naziv_cell {
    padding-left: 8px;
}
.sifra {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px;
    line-height: 14px;
    color: 333;
}
.kolicina {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding-left: 8px;
}
.opis {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px;
    padding-left: 8px;
}
.cena {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 14px;
    padding-left: 8px;
    padding-top: 10px;
}




.contact_form {
    font-family: Tahoma, Geneva, sans-serif;
    color: #0087eb;
    font-size: small;
    font-weight: bold;
    text-decoration: none;
}

.tabela_proizvod_desno {
    /*border-right: thin silver solid;*/
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 20px;
    padding-left: 5px;
    /*border-bottom: thin silver solid;*/
}

.tabela_proizvod_levo {
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 20px;
    padding-left: 5px;
    /*border-bottom: thin silver solid;*/
}
.radno_vreme {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 14px;
    line-height: 14px;
    color: a0a0a0;
    font-weight: normal;
    text-align: center;
}
.dobro_dosli {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 22px;
    line-height: 14px;
    color: #ff9933;
    font-weight: bold;
    text-align: left;
    font-style: italic;
    font-variant: small-caps;
}

.subnav {
    list-style-image: url(../slike/strelica.gif);
}

li.subnav {
    margin: 0.5em 0 0 0;
}

.kategorije a:link    {
    text-decoration:  none;
    background-color: #ddd;
    color:            blue;
}
.kategorije a:visited {
    text-decoration:  none;
    background-color: #ddd;
    color:            blue;
}
.kategorije a:hover   {
    text-decoration:  underline;
    background-color: blue;
    color:            #fff;
}
.kategorije a:active  {
    text-decoration:  underline;
    background-color: black;
    color: white;
}

.delete_link a:link    {
    text-decoration:  none;
    color:            red;
}
.delete_link a:visited {
    text-decoration:  none;
    color:            red;
}
.delete_link a:hover   {
    text-decoration:  none;
    color:            red;
}
.delete_link a:active  {
    text-decoration:  none;
    color:            red;
}



.izabrano a:link, .izabrano a:visited,
.izabrano a:hover, .izabrano a:active {
    background-color: #fcaf3e;
}
fieldset.search {
    background: #2e3436;
    border: 0;
    padding: 10px;
}
.search input {
    margin-bottom: 15px;
}
.search label {
    color: lavenderblush;
    margin-top: 10px;
    font-family: sans-serif;
    font-size: smaller;
}
.search textarea {
    margin-bottom: 5px;
    background: #616161;
    color: #fff;
}
.search textarea:focus {
    background: #d3d7cf;
    color: black;
}
.search input.box {
    color: #fff;
    padding: 8px 5px 0;
    background: #616161;
    border: 0;
}
.search input.box:focus {
    background: #d3d7cf;
    color: black;
}

.search .btn {
    margin-top: 12px;
}

.success_message {
    color: green;
    font-family: sans-serif;
    font-size: smaller;
}

.failure_message {
    color: red;
    font-family: sans-serif;
    font-size: smaller;
}

.login_message
{
    font-size: 16px;
    font-weight: bolder;

    width: 100%;
    margin: 17px 0 0;
    padding: 10px;

    text-align: center;

    color: red;
    border-radius: 5px;
    background: none repeat scroll 0 0 white;
    box-shadow: 0 0 5px 10px #657d98;
}

.login_message .messages, .login_message .messages ul, .login_message .messages ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* ==== To Top ==== */
#toTop {
	color: #fff;
	text-align: center;
	bottom: 60px;
	display: none;
	height: 45px;
	line-height: 45px;
	overflow: hidden;
	position: fixed;
	right: 10px;
	text-decoration: none;
	width: 50px;
	background: url(../img/top-arrow.png) no-repeat center;
	background-color: #000;
	text-transform: uppercase;
	z-index: 100;
}
#toTop:hover {
	color: #fff;
	background-color: #af1c1c;
}