@charset "utf-8";
@media screen, projection
{
body
{
	font:100% Verdana, Tahoma, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	text-align:center;
	color:#333;
}

.number{
    float: right;
}
.minus, .plus{
    width:25px;
    height:22px;
    background:#f2f2f2;
    border-radius:4px;
    padding:3px 5px 3px 5px;
    border:1px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-weight: bolder !important;
}
.broj{
/*
    height:34px;
    text-align: center;
    font-size: 26px;
    border:1px solid #ddd;
    border-radius:4px;
    display: inline-block;
*/
    width: 20px;
    height: 18px !important;
    vertical-align: middle;
    text-align: center !important;
	font-weight: bold;
}
#podnozje
{
	height:100px;
	background-color: #D0D0D0;
	color:#FFF;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
	text-align: center !important;
	padding-left:auto;
	padding-right:auto;
	z-index:10000;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
	-moz-box-shadow:0px 0px 20px #999;
	-webkit-box-shadow:0px 0px 20px #999;
	box-shadow:0px 0px 20px #999;
	border:1px solid #524948;

}
#zaglavlje1
{
	height:100px;
	background-color: #D0D0D0;
	color:#FFF;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
	text-align: center !important;
	padding-left:auto;
	padding-right:auto;
	z-index:10001;
	-moz-box-shadow:0px 0px 20px #999;
	-webkit-box-shadow:0px 0px 20px #999;
	box-shadow:0px 0px 20px #999;
	border:1px solid #524948;

}
#podnozje a {
	padding: 8px 20px;
    display:inline-block;
    width: auto;
    border: none;
    outline: none;
    text-decoration: none;
    vertical-align: middle;
	color:white !important;
	font-size: 1.5em;
	cursor:pointer;
}
.page-break {
	visibility: hidden;
}
#kontener,
.top
{
	background-color:#FFF;
}
.top:hover,
.zaglavlje,
.button,
.buttonsivo,
.buttonplavo,
.table th,
.table th a,
.nested1
{
	color:#FFF !important;
}
#kontener
{
	border:1px solid #000000;
	text-align:left;
	margin-top:10px;
	margin-right:auto;
	margin-bottom:200px !important;
	margin-left:auto;
} 
.top
{
	position:fixed;
	left:8px;
	bottom:15px;
	width:1.2em;
	height:1.2em;
	font-size:1.5em;
	font-weight:bold;
	color:#AAB0C4;
	display:block;
	cursor:pointer;
	text-align:center;
	vertical-align:bottom;
	z-index:890;
	border-radius:2em;
	-moz-box-shadow:0px 0px 10px #999;
	-webkit-box-shadow:0px 0px 10px #999;
	box-shadow:0px 0px 10px #999;
	padding:0.5em;
	filter:alpha(opacity=90);
	opacity:.9;
}
.top:hover,
.table th
{
	background-color:#616c8b;
}
.top:hover
{
	filter:alpha(opacity=100);
	opacity:1;
}
#zaglavlje
{
	position:relative;
	padding:0 10px 0 20px;
}
#sadrzaj
{
	font-size:0.8em;
	line-height:1.4;
	text-align:justify;
	text-justify:inter-ideograph;
	margin-top:0;
	margin-right:0;
	margin-bottom:0;
	margin-left:0;
	padding-top:10px;
	padding-right:20px;
	padding-bottom:0;
	padding-left:20px;
    margin-top: 80px;
} 
#sadrzaj h1,
#sadrzaj h2,
#sadrzaj h3,
#sadrzaj h4
{
	color:#666;
}
#sadrzaj h1
{
	font-size:1.3em;
	text-align:center;
	margin-top:3em;
	margin-bottom:2em;
}
#sadrzaj h2
{
	font-size:1.2em;
}
#sadrzaj h2,
#sadrzaj h3,
#sadrzaj h4
{
	text-align:left;
}
#sadrzaj h4
{
	font-style:italic;
}
#sadrzaj img
{
	display:block;
	padding:3px;
}
#sadrzaj .proizvodi
{
	position:relative;
	text-align:center;
	width:96%;
	border:1px solid #999;
	float:left;
	margin:1%;
	cursor:pointer;
	padding:1%;
	height:8em;
	border-radius: 5px;
	-moz-box-shadow:0px 0px 10px #999;
	-webkit-box-shadow:0px 0px 10px #999;
	box-shadow:0px 0px 10px #999;
/*	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ECEBEA'); /* for IE */
/*	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ECEBEA)); /* for webkit browsers */
/*	background: -moz-linear-gradient(top,  #ffffff,  #ECEBEA); /* for firefox 3.6+ */
}
#sadrzaj .proizvodi:hover
{
	-moz-box-shadow:0px 0px 20px #666;
	-webkit-box-shadow:0px 0px 20px #666;
	box-shadow:0px 0px 20px #666;
}
#sadrzaj strong
{
	color:#5B5B5B;
}
#sadrzaj a:link,
#sadrzaj a:visited,
#sadrzaj a:hover,
#sadrzaj a:link strong,
#sadrzaj a:visited strong,
#sadrzaj a:hover strong
{
	color:#476A8D;
	text-decoration:none;
}
#sadrzaj li
{
	text-align:left;
	padding:0.1em;
}
.imglevo,
.imgdesno
{
	display:block;
	margin-top:5px;
	margin-bottom:5px;
}
.imglevo
{
	float:left;
	margin-right:10px;
}
.imgdesno
{
	float:right;
	margin-left:10px;
}
#sadrzaj input,
#sadrzaj select,
#sadrzaj textarea,
#zaglavlje1 search
{
	border:1px solid #735050;
	border-radius:3px;
	filter:alpha(opacity=70);
	opacity:.7;
	-moz-box-shadow:0 0 3px #999;
	-webkit-box-shadow:0 0 3px #999;
	box-shadow:0 0 3px #999;
	margin:0.2em;
	padding:.7em;
	min-width:1em;
	text-align:left;
}
#sadrzaj .zaglavlje
{
	background-color:#a5aac1;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5aac1', endColorstr='#7989bd'); /* for IE */
	background:-webkit-gradient(linear, left top, left bottom, from(#a5aac1), to(#7989bd)); /* for webkit browsers */
	background:-moz-linear-gradient(top, #a5aac1, #7989bd); /* for firefox 3.6+ */
	font-weight:bold;
	margin:0px;
	text-align:right;
	padding:7px;
	padding-right:15px;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	cursor:default;
	filter:alpha(opacity=80);
	opacity:.8;
}
#sadrzaj .artikalfoto
{
	margin-left:20%;
	margin-right:20%;
	width: 60%;
	margin-bottom:1em;
}
#sadrzaj .artikalopis
{
	text-align:left;
}
#sadrzaj .box
{
	cursor:default;
	border-radius:3px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-moz-box-shadow:0px 0px 5px #999;
	-webkit-box-shadow:0px 0px 5px #999;
	box-shadow:0px 0px 5px #999;
	border:0px solid #6c6c6c;
	background-color:#F7F8FB;
	padding:1em;
}
.button,
#sadrzaj .mail
{
	background-color:#aa4135;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c55a4c', endColorstr='#aa4135'); /* for IE */
	background:-webkit-gradient(linear, left top, left bottom, from(#c55a4c), to(#aa4135)); /* for webkit browsers */
	background:-moz-linear-gradient(top, #c55a4c, #aa4135); /* for firefox 3.6+ */
	border:1px solid #b0281a;
	color:#FFF !important;
	cursor:pointer !important;
}
.buttonsivo
{
	background-color:#6b6160;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a99797', endColorstr='#6b6160'); /* for IE */
	background:-webkit-gradient(linear, left top, left bottom, from(#a99797), to(#6b6160)); /* for webkit browsers */
	background:-moz-linear-gradient(top, #a99797, #6b6160); /* for firefox 3.6+ */
	border:1px solid #524948;
}
.buttonplavo
{
	background-color:#435587;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9FADD0', endColorstr='#435587'); /* for IE */
	background:-webkit-gradient(linear, left top, left bottom, from(#9FADD0), to(#435587)); /* for webkit browsers */
	background:-moz-linear-gradient(top, #9FADD0, #435587); /* for firefox 3.6+ */
	border:1px solid #435587;
}
.button,
.buttonsivo,
.buttonplavo
{
	font-weight:bold;
	filter:alpha(opacity=80);
	opacity:.8;
	padding:.6em;
	cursor:pointer;
	z-index:500;
}
.table
{
	border-collapse:collapse;
	-moz-box-shadow:0px 0px 5px #999;
	-webkit-box-shadow:0px 0px 5px #999;
	box-shadow:0px 0px 5px #999;
	font-size:0.9em;
	border:1px solid #6c6c6c;
}
.table tr:nth-child(odd)
{
	background-color:#D7D7DF;
}
.table tr:nth-child(even)
{
	background-color:#ECECF0;
}
.table th
{
	text-align:center;
}
.table .trclick
{
	cursor:pointer;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}

.table:hover .trclick
{
	filter:alpha(opacity=60);
	opacity: 0.6;
}
.table:hover .trclick:hover
{
	filter:alpha(opacity=100);
	opacity: 1.0;
	box-shadow: 1px 1px 10px #fff !important;
}
.trnoborder
{
   border:none; !important
}
#sadrzaj hr
{
	color:#987878;
	background-color:#987878;
	border:none;
	width:100%;
	height:1px;
}
#sadrzaj .nested1
{
	border-radius:3px;
	-moz-box-shadow:0 0 10px #666;
	-webkit-box-shadow:0 0 10px #666;
	box-shadow:0 0 10px #666;
	padding:0.5em;
	width:80%;
	text-transform:uppercase;
	background-color:#9b6d6d;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9b6d6d', endColorstr='#735050'); /* for IE */
	background:-webkit-gradient(linear, left top, left bottom, from(#9b6d6d), to(#735050)); /* for webkit browsers */
	background:-moz-linear-gradient(top, #9b6d6d, #735050); /* for firefox 3.6+ */
	margin-top:2em;
	margin-bottom:0.8em;
	font-weight:bold;
}
#navigacija
{
	float:right;
}
#navigacija #first
{
	border:none;
	width:50px;
	height:50px;
	background-image:url(../pictures/navigacija.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
#navigacija #previous
{
	border:none;
	width:50px;
	height:50px;
	background-image:url(../pictures/navigacija.png);
	background-repeat:no-repeat;
	background-position:-50px 0px;
}
#navigacija #next
{
	border:none;
	width:50px;
	height:50px;
	background-image:url(../pictures/navigacija.png);
	background-repeat:no-repeat;
	background-position:-100px 0px;
}
#navigacija #last
{
	border:none;
	width:50px;
	height:50px;
	background-image:url(../pictures/navigacija.png);
	background-repeat:no-repeat;
	background-position:-150px 0px;
}
#footer
{
	font-size:0.8em;
	color:#828282;
	padding-top:2px;
	padding-right:10px;
	padding-bottom:2px;
	padding-left:20px;
	margin-top:20px;
}
#footer p
{
	margin:0;
	padding:10px 0;
	font-size:0.8em;
}
#footer a:link,
#footer a:visited
{
	color:#828282;
	text-decoration:none;
}
/* sive boje */
ul.MenuBarHorizontal a,
#sidebar1 .vest:hover,
#footer
{
	background-color:#DBDBE1;
}
.clearfloat
{ 
	clear:both;
	height:0;
	font-size:1px;
	line-height:0px;
}
.sivo
{
	color:#999999;
	font-size:0.9em;
}
.crvenaslova,
.crvenaslova strong,
.crvenaslova a:link,
.crvenaslova a:visited,
.crvenaslova a:hover,
.crvenaslova a:link strong,
.crvenaslova a:visited strong,
.crvenaslova a:hover strong
{
	color:#af5a5a !important;
}
.plavaslova,
.plavaslova strong,
.plavaslova a:link,
.plavaslova a:visited,
.plavaslova a:hover,
.plavaslova a:link strong,
.plavaslova a:visited strong,
.plavaslova a:hover strong
{
	color:#476A8D !important;
}
.zelenaslova,
.zelenaslova strong,
.zelenaslova a:link,
.zelenaslova a:visited,
.zelenaslova a:hover,
.zelenaslova a:link strong,
.zelenaslova a:visited strong,
.zelenaslova a:hover strong
{
	color:#5a8a65 !important;
}
.citat
{
	margin:10px 30px 10px 30px;
	font-size:11px;
}
.fusnota
{
	font-style:normal;
	color:#987878;
	margin-bottom:10px;
	font-size:0.9em;
}
.fusnota strong
{
	color:#987878;
}
ul.scrollbar 
{
	position:fixed;
	right:3px;
	top:3px;
	bottom:3px;
	max-height:100%;
	list-style:none;
	z-index:1000;
}
ul.scrollbar li
{
	background-color:#aa4135;
	padding:10px;
	alignment-adjust:middle;
	font-weight:bolder;
	font-size:1.2em;
	line-height:1.3em;
	border-radius:2px;
	margin:1px;
	text-align:center;
}
ul.scrollbar li a
{
	color:#FFF !important;
	display:block;
	text-align:center;
}
#sadrzaj label
{
	display:block;
	margin-top:1em;
	text-indent:.4em;
}
ul.ulpocetna li
{
	margin-bottom:.7em;
}
.fotospisak 
{
	border:none !important;
	box-shadow: 1px 1px 5px #999;
}
input[type=number]{
    min-width: 6em;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
}
@media screen and (min-width:600px)
{
#sadrzaj .artikalfoto
{
	float:left;
	max-width: 250px;
	margin-left:0em;
	margin-right:0em;
}
#sadrzaj .artikalopis
{
	margin-left:260px;
}
}
@media screen and (min-width:1000px)
{
#kontener
{
	width:1000px;
	-moz-box-shadow:0px 0px 20px #999;
	-webkit-box-shadow:0px 0px 20px #999;
	box-shadow:0px 0px 20px #999;
}
#zaglavlje
{
	background-image:url(../pictures/baner.jpg);
	height:120px;
}
.button:hover,
.buttonsivo:hover,
.buttonplavo:hover,
#sadrzaj .mail:hover
{
	-moz-box-shadow:0 0 10px #666;
	-webkit-box-shadow:0 0 10px #666;
	box-shadow:0 0 10px #666;
	filter:alpha(opacity=100);
	opacity:1;
}
.sms,
.vcf
{
	display:none;
}
}
@media screen and (max-width:999px)
{
body
{ 
	-webkit-animation:bugfix infinite 1s; 
	background-color:#DBDBE1;
}
@-webkit-keyframes bugfix
{ 
	from {padding:0;} 
	to {padding:0;} 
}
#kontener
{
	min-width:300px;
	margin:0px;
	border:none;
}
#zaglavlje
{
	background:
		url(../pictures/baner.png),
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAKklEQVQIW2OMKdzxnwEKHj59ysAIEwBx5KWlIQIwDkgho23Y3P8gGRgAAOo+EsCqIybAAAAAAElFTkSuQmCC)
	;
	background-repeat:
		no-repeat,
		repeat
	;
	background-position:
	right top,
	left top
	;
	height:60px;
	-moz-box-shadow:0px 0px 15px #666;
	-webkit-box-shadow:0px 0px 15px #666;
	box-shadow:0px 0px 15px #666;
}
#sidebar1 .vesti,
#sadrzaj .zaglavlje,
.cestitka,
ul.scrollbar
{
	display:none;
}
#navigacija
{
	position:fixed;
	bottom:5px;
	right:5px;	
	margin:auto;
	filter:alpha(opacity=80);
	opacity:.8;
}
#sadrzaj .ver_img
{
	width:78px;
	height:100px;
}
#sadrzaj
{
	margin-left:0px;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:0px;
	padding-left:10px;
} 
#sadrzaj .mail,
.button,
.buttonsivo,
.buttonplavo,
a.mob,
.sms,
.vcf
{
	border-radius:10px;
	cursor:pointer;
	filter:alpha(opacity=100);
	opacity:1;
	text-shadow: 1px 1px #000;
	padding:1.0em;
	color:#FFF !important;
	-moz-box-shadow:0 0 5px #666;
	-webkit-box-shadow:0 0 5px #666;
	box-shadow:0 0 5px #666;
	font-weight:bold;
}
.button,
#sadrzaj .mail
{
	border-color:#8b2d23;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAKklEQVQIW2M8GuXznwEKnj5/ycAIEwBxpCXFIQIwDkgh4ypH0/8gGRgAAN+yEmL+CgGvAAAAAElFTkSuQmCC) repeat;
}
.buttonsivo,
.vcf
{
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAKUlEQVQIW2NsKi39zwAFL9+8ZmCECYA44iKiEAEYB6SQMTsx4T9IBgYA4XwScW2YTtoAAAAASUVORK5CYII=) repeat;
}
.buttonplavo
{
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAKklEQVQIW2OMKdzxnwEKHj59ysAIEwBx5KWlIQIwDkgho23Y3P8gGRgAAOo+EsCqIybAAAAAAElFTkSuQmCC) repeat;
}
input[type=number]{
    min-width:40px;
    width:40px;
}
a.mob
{
	background-color:#259847;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAKklEQVQIW2O03ez5nwEKXjz9x8AIEwBxJKSZIAIwDkgho+oM9/8gGRgAAMOUEbB4APyjAAAAAElFTkSuQmCC) repeat;
	z-index:500;
	border:1px solid #1a6831;
	line-height:4em;
	text-align:center;
	white-space:nowrap;
}
a.mob:before
{
	content:'📞 ';
}
.sms
{
	background-color:#435587;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAKklEQVQIW2OMKdzxnwEKHj59ysAIEwBx5KWlIQIwDkgho23Y3P8gGRgAAOo+EsCqIybAAAAAAElFTkSuQmCC) repeat;
	z-index:500;
	border:1px solid #354778;
	line-height:4em;
	text-align:center;
	white-space:nowrap;
}
.sms:before
{
	content:'✉ SMS';
}
.table-responsive
{
	width:100%;
	margin-bottom:16.5px;
	overflow-y:hidden;
	overflow-x:scroll;
	-ms-overflow-style:-ms-autohiding-scrollbar;
	border:0px solid #e0e0e0;
	-webkit-overflow-scrolling:touch;
}
.qr
{
	display:none;
}
#footer
{
	padding-left:5em;
	-moz-box-shadow:inset 0 20px 20px -20px #666;
	-webkit-box-shadow:inset 0 20px 20px -20px #666;
	box-shadow:inset 0 20px 20px -20px #666;
}
}
@media print
{
body
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.8em;
}
.noprint,
#zaglavlje,
#sidebar1,
ul.scrollbar,
.sms,
.zaglavlje,
.button,
.buttonsivo,
.buttonplavo,
.cestitka
{
	display:none;
}
#sadrzaj img
{
	display:none;
}
.imglevo,
.imgdesno
{
	display:none;
}
.imglevo
{
	float:left;
	margin-right:10px;
}
.imgdesno
{
	float:right;
	margin-left:10px;
}
#sadrzaj .page-break 
{
	display:block;
	page-break-before:always;
}
.table tr
{
	page-break-inside:avoid;
}
#sadrzaj p
{
	font-size:.8em;
}
#sadrzaj h1
{
	font-size:1em;
	text-align:center;
	margin-top:3em;
	margin-bottom:2em;
	page-break-after:avoid;
}
#sadrzaj h2
{
	font-size:.9em;
	text-align:center;
	page-break-after:avoid;
}
#sadrzaj h3,
#sadrzaj h4
{
	text-align:left;
	page-break-after:avoid;
}
.table
{
	border-collapse:collapse;
	font-size:0.8em;
	border:1px solid #6c6c6c;
}
.table tr,
.table th,
.table td
{
	border:1px solid #6c6c6c;
}
#sadrzaj a
{
	text-decoration:none;
}
}
@media handheld
{
body
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.8em;
}
#sadrzaj img
{
	display:block;
	padding:3px;
	border:1px solid #999;
}
.imglevo
{
	display:block;
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:10px;
}
.imgdesno
{
	display:block;
	margin-left:10px;
	float:right;
	margin-top:5px;
	margin-bottom:5px;
}
.page-break {
	page-break-before: always;
}
}