body {
	font-family: 'Noto Serif', serif;
	font-size: 15px;
	background-image: none;
	background-color: #fff;
	color: #FFF;
}

html, body {
    height: 100%;
}

.space5 { margin-top:5px; }
.space7 { margin-top:7px; }
.space10 { margin-top:10px; }
.space15 { margin-top:15px; }
.space17 { margin-top:17px; }
.space20 { margin-top:20px; }
.space30 { margin-top:30px; }

.opacity {
        opacity: 0.7;  /* Opacity for Modern Browsers */
        filter: alpha(opacity=70);  /* Opacity for IE8 and lower */
        zoom: 1;  /* Fix for IE7 */
    }

a, a:hover, a:focus {
	color: #F00;	
}

h1 {
	margin-bottom: 0.2em;
	text-decoration: none;
	display: inline-block;
	color: #FFF;
	margin-top: 10px;
}
h2 {
	margin-top: 0px;
}
h3 {
	color: #007fcc;
	margin-top: 13px;
}
hr {
	border: 1px solid #666;
	background-color: #333;
}

  .pull-center {
	text-align: center;	  
}
	#wrap {
  min-height: 100%;
	height: auto !important;
  /* Negative indent footer by its height */
  margin: 0 auto 0px;
  /* Pad bottom by footer height */
  padding: 0px;
}
.logoslogan {
	font-size: 42px;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	text-align: right;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.main {
	padding-top: 15px;
	}
.red {
	color: #DF4C4C;
	}
.big {
	font-size: 33px;	
	}	
.inline-block {
	display: inline-block !important;
	}	
.addbasket {
	background-image: none;
	background-color: #DA4747;
	border: 0px none #DA4747;
	color: #FFF;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	padding-top: 8px;
	padding-right: 12px;
	padding-bottom: 8px;
	padding-left: 12px;
	margin-bottom: 0px;
}
.addbasket:hover {
	background-color: #333;
	background-image: none;
	color: #FFF;
	text-decoration: underline;
	border: 0px none #000;
}
a.link_red {
	color: #F00;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
a.link_red:hover {
	text-decoration: underline;
}	
.borderless td {
    border: none !important;
}
.navbar-text {
	color: #FFF;
	background-color: #F27001;
	padding-top: 6px;
	padding-right: 12px;
	padding-bottom: 7px;
	padding-left: 12px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.navbar-custom a {
	color: #999;
	text-shadow: none;
}
.navbar-custom .nav li a {
	font-size: 15px;
	text-shadow: none;
}
.navbar-custom .nav li a:hover {
	color: #FFF;
}
.navbar-custom .nav li a:hover, .navbar-custom .nav li a:focus, .navbar-custom .nav li.active {
	background-color: rgba(255, 255, 255, 0.2);
	outline: 0 none;


}
.headerlogo {
	border-radius:0px;
	background-color: #D8D8D8;
	background-image: url(../images/transparent.png);
	background-repeat: repeat-x;
	background-position: 0px -60px;
}
.navbar-brand {
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	height: 65px;
	width: 895px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 10px;
	float: none;
	display:inline-block;
}
.navbar-top {
	padding: 0px;
}
.navbar-left {
	margin: 0px;
}
.navbar-header {
	padding-left: 15px;
}
.topnavbar {
	margin-bottom: 0px;
	min-height: 40px;
	border-radius: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #000;
}
.topnavbar .nav li a:hover{
	color: #FFF;
	text-decoration: none;
	background-image: none;
}

.topnavbar .nav li li a:hover{
	color: #333333;
	text-decoration: none;
	background-color: #FFF;
	background-image: none;
}
#divporuka1 {
	color: #FFF;
	background-color: #F00;
	text-align: center;
	display: block;
	padding: 10px;
	margin-bottom: 20px;
	font-size: 22px;
	font-weight: bold;
	text-decoration: none;
}
#commentForm {
	border: 1px solid #CCC;
	display: inline-block;
	background-color: #F4F4F4;
	padding: 20px;
	margin-bottom: 15px;
}
#searchbox .form-group{
	margin: 0px;
	padding: 0px;
}
.search {
	box-shadow: none;
	color: #fff;
	transition: all 0.3s ease 0s;
	width: 80px;
	border-radius:0px;
	background-attachment: scroll;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 30px;
	margin-top: 3px;
	margin-right: 20px;
	padding-top: 0px;
	background-color: #000;
	background-image: url(../images/transparent.png);
	background-repeat: no-repeat;
	background-position: -233px -2px;
	border: 1px solid #666;
}
.search:focus {
	box-shadow: none;
	color: #FFF;
	font-weight: 300;
	transition: all 0.3s ease 0s;
	width: 180px;
}
.search input {
	
	color: #FFF; 
	}
.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
	margin-top: 0;
	font-size: 14px;
	color: #DA0A1B;
	background-color: #2E2E2E;
}
.dropdown-menu > li > a:hover{
	background-image: none;
	color: #DA0A1B;
	background-color: #262626;
}
.dropdown-menu .sub-menu {
	left: 100%;
	position: absolute;
	top: 0;
	visibility: hidden;
	margin-top: -1px;
}
.dropdown-menu > li > a{
	color: #FFF;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
	background-image: none;
	color: #DA0A1B;
}
.navbar-nav > li span{
	padding-top: 7px;
	text-shadow: none;
	color: #666;
	display: block;
}

.navbar-nav > li > a {
	padding-top: 10px;
	padding-bottom: 10px;
	text-shadow: none;
	display:inline-block;
}
.navbar .sub-menu:before {
	border-bottom: 7px solid transparent;
	border-left: none;
	border-right: 7px solid rgba(0, 0, 0, 0.2);
	border-top: 7px solid transparent;
	left: -7px;
	top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}

.nav-pills2 {
	width: 450px;
	margin-top: 20px;
	margin-bottom: 10px;
}
.nav-pills2 li {
	width: 225px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #3B3B3B;
}
.nav-pills2 > li:first-child  a{
  margin-left: 0px;
}

.nav-pills2 > li:last-child  a{
  margin-left: 0px;
}
.nav-pills {
	display: block;
	background-color: #000000;
}

.nav-pills li {
	margin-left: 0px !important;
}
/*.nav-pills > li:first-child  {
  margin-left: -15px;
}*/
.nav-pills > li {
  display: block;
}
.nav-pills  li  a {
	color: #ffffff;
	text-shadow: none;
	font-size: 15px;
}
.nav > li > a:hover {
	color: #DA0A1B;
	border-radius:0;
	background-color: #262626;
	background-image: none;
}
.footer2 {
	font-size: 0.8em;
	padding: 10px;
	position: relative;
	background-color: #333333;
	color: #D8D8D8;
}
footer {
	font-size: 0.8em;
	padding: 20px;
	position: relative;
	background-color: #444444;
	bottom: 0px;
	color: #D8D8D8;
}
footer a {
	color: #C6C6C6;
	text-decoration: none;
}
footer a:hover {
	color: #ffffff;
	text-decoration: underline;
}

label.error1 {
	font-weight:normal;
	color:#F00 !important;
	text-align:center;
	font-size: 1.4em;
	display: block;
	margin-top: -10px;
	margin-bottom: 10px;
}
form.cmxform label.error1 { display: none; }	
.well {
	background-color: #262626;
	background-image: none;
	color: #FFF !important;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-radius: 0px;
	box-shadow: none;
}
.breadcrumb {
	background-color: #DA4747;
	background-image: url(../images/transparent.png);
	background-position: 0px -190px;
	color: #FFF !important;
	margin-top: 0px;
	border-radius: 0px;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
}
.breadcrumb a{
	color: #ffffff;
	text-decoration: underline;
}
.breadcrumb a:hover{
	text-decoration: none;
}
.thumb-img2 {
	width:200px;
	height:120px;
	padding:0px;
	overflow: hidden;
	margin-right: 0px;
	margin-bottom: 20px;
	display: inline-block;
	float: left;
}
.thumb2 {
	width:200px;
	padding: 0px;
	margin: 0px;
	transition: all 0.5s ease 0s;
}
.thumb-img1 {
	width:100%;
	height:150px;
	padding:0px;
	overflow: hidden;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.thumb1 {
	width:100%;
	padding: 0px;
	margin: 0px;
	transition: all 0.5s ease 0s;
}
.thumb-img0 {
	width:100%;
	height:auto;
	padding:0px;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 0px;
	display: inline-block;
	max-height: 350px;
}
.thumb0 {
	width:100%;
	padding: 0px;
	margin: 0px;
	transition: all 0.5s ease 0s;
}
.thumb-img-gal {
	width:100%;
	height:125px;
	padding:0px;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 0px;
	display: inline-block;
}
.thumbgal {
	width:100%;
	padding: 0px;
	margin: 0px;
	transition: all 0.5s ease 0s;
}
.thumb-left {
	width:100px;
	padding:0px;
	overflow: hidden;
	margin-right: 15px;
	margin-bottom: 0px;
	display: inline-block;
	float: left;
	margin-top: 5px;
}
.thumbleft {
	width:100px;
	padding: 0px;
	margin: 0px;
	transition: all 0.5s ease 0s;
}
.sredina {
	padding: 20px;
	background-color: #333;
	margin-bottom: 20px;
}
.product {
	display: block;
	text-align: left;
	transition: all 0.5s ease 0s;
	margin-bottom: 0px;
	border-radius: 0px;
	position: relative;
	padding: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #474747;
	color: #FFF;
}
.product:hover {
	background: none repeat scroll 0 0 #343434;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-image: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #474747;
	box-shadow: 0px 0px 15px #999;
}
.product:hover a img {
    transform: scale(1.1) rotate(-0.5deg);
}
.product .cijena{
	color: #005799;
	padding: 7px;
	font-size: 18px;
	border: 1px solid #CCC;
	display: inline;
}
.product .cijena span{
	font-size: 12px;
}
.product h3 {
	margin-top: 0px; 
}
.product h3 a{
	color: #007FCC;
}
.product .basket-icon, .basket-icon a {
	font-size: 18px;
	color: #00589A !important;
	background-color: #FFDA00;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.product-related-header {
	background-color: #DA4747;
	background-image: url(../images/transparent.png);
	background-position: 0px -190px;
	color: #FFF !important;
	padding-top: 9px;
	padding-right: 15px;
	padding-bottom: 9px;
	padding-left: 15px;
}
.product-related-header a{
	color: #FFF !important;
}

.gallery {
	display: block;
	height: 220px;
	text-align: center;
	transition: all 0.5s ease 0s;
	margin-bottom: 20px;
}
.gallery a {
    color: #007fcc;
}
.gallery:hover {
	box-shadow: 0px 0px 10px #999;
}
.gallery:hover a img {
    transform: scale(1.1) rotate(0deg);
}
.gallery .label{
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	background-color: #E06D5E;
	border-radius: 0px;
	margin-top: 0px;
	position: absolute;
	display: inline-block;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
}
.label-default{
	background-color: #DF4C4C;
	letter-spacing: 0.05em;
	background-image: none;
	border-radius:0px;
}
.description {
	min-height: 150px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
}
.promotion {
	border-radius: 4px;
	top: 0%;
	height: 38px;
	left: 0px;
	position: absolute;
	width: auto;
	z-index: 10;
}
.discount {
    background: none repeat scroll 0 0 rgba(255, 0, 0, 0.8) !important;
    border-radius: 0 4px 4px 0;
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 22px;
    font-weight: 300;
    height: 100%;
    padding: 3px 8px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}
.discount2 {
	background: none repeat scroll 0 0 rgba(255, 0, 0, 0.8) !important;
	color: #fff;
	display: inline-block;
	font-size: 18px;
	font-weight: 300;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
}
.home {
	display: block;
	height: 230px;
	text-align: left;
	transition: all 0.5s ease 0s;
	margin-bottom: 20px;
	padding: 0px;
	overflow: hidden;
	position: relative;
	background-color: #00589A;
	border-radius:4px;
	color: #FFF;
}
.home a {
	
	color: #FFF;
}
.home .image {
	float: left;
	margin-right: 15px;
	width: 47%;
	background-color: #FFF;
	height: 100%;
}
.home .cijena{
	color: #FFD800;
	font-size: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.home .promotion {
	border-radius: 4px;
	top: 40%;
	height: 38px;
	left: 0px;
	position: absolute;
	width: auto;
	z-index: 0;	
}
.menu-wrapper-left {
		width: 250px;
	}
.basket-icon, .basket-icon a {
	font-size: 20px;
	color: #00589A !important;
	background-color: #FFDA00;
	padding-top: 6px;
	padding-right: 12px;
	padding-bottom: 5px;
	padding-left: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
	display: inline-block;
}
.basket-icon:hover {
	background-image: none;
	background-color: #00589A;
	color: #FFF !important;
	text-decoration: none;
}
.basket {
	background-image: none;
	color: #FFF;
	text-decoration: none;
	font-size: 20px;
	font-weight: normal;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.basket:hover {
	background-color: #333;
	background-image: none;
	color: #FFF;
	text-decoration: none;
}	
.basketright {
	background-image: none;
	color: #FFF;
	text-decoration: none;
	font-size: 20px;
	font-weight: normal;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #007FCC;
	text-align: center;
	display: block;
}
.basketright:hover {
	background-color: #FFF;
	background-image: none;
	color: #C00;
	text-decoration: none;
}	
.panel-default {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
	border-radius:0px;
}	
.panel-default > .panel-heading {
	background-color: #DA4747;
	background-image: url(../images/transparent.png);
	background-position: 0px -190px;
	color: #FFF;
	border-radius: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
}	
	.panel-title > a {color: #FFF;}
	
	.panel-title > a:hover{
	color: #FFF;
	text-decoration: underline;
}
.panel-body {
	background-color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #474747;
	color: #BFBFBF;
	font-size: 13px !important;
	font-weight: normal;
}
.panel {
	border-radius: 0px;
	}
.panel-body-warning {
	background-color: #666 !important;
	}
.panel-body h4 {
	margin-top: 10px;
}
.panel-body h4 a {
	color: #CCC;
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
}
.panel-body h4 a:hover {
	text-decoration: underline;
}
.carousel-inner {
    margin-bottom: 20px;
}
.carousel-control {
    line-height: 20px;
    width: 30px !important;
}

.carousel a {

}

.carousel a img {
    max-width: 100% !important;
}
.big_img {
	max-width: 350px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.socialIcon {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #676767;
	margin-top: 0px;
	margin-bottom: 20px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	display: inline-block;
}
.socialIcon a {
    background: none repeat scroll 0 0 #676767;
    color: #ffffff;
    display: inline-block;
    font-size: 17px;
    margin-right: 10px;
    padding: 9px 3px;
    text-align: center;
    transition: all 0.15s ease-in-out 0s;
    width: 35px;
}
.socialIcon a:hover {
	color: #fff;
	background-color: #DA4747;
}
.plus a {
	padding: 0px;
	margin: 0px;
}
.tabs-group{
	display: block;
}
.nav-tabs > li > a {
	background-color: #333;
	color: #FFF;
}
.tab-content > .active {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
	padding-top: 10px;
	padding-right: 2px;
	padding-bottom: 10px;
	padding-left: 2px;
}
.priceold {
	font-size: 20px;
	color: #999;
	text-decoration: line-through;
	margin-right: 30px;
	display: inline;
}
.price {
	font-size: 25px;
	display: inline;
	color: #007fcc;
}
.price span{
	font-size: 18px;
}
.btn-black
{
	background-color: #0A0A0A;
	background-image: url(../images/transparent.png);
	background-position: 0px -60px;
	color: #FFF;
}
.btn-black:hover
{
	background-color: #EBEBEB;
	background-image: none;	
}
.btn-custom
{
	background-color: #da4747;
	background-image: none;
	color: #FFF;
	font-size:15px;
	margin-bottom: 0px;
	border-radius: 0px;
	padding-bottom: 5px;
	margin-top: 20px;
}
.btn-custom:hover
{
	background-color: #333;
	background-image: none;
	color: #FFF !important;
}
.pagination > li > a,
.pagination > li > span {
	color: #666;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	color: #fff;
	background-color: #333;
	border-color: #666;
}
label.error1 {
	font-weight:normal;
	color:#F00 !important;
	text-align:center;
	font-size: 1.4em;
	display: block;
	margin-top: -10px;
	margin-bottom: 10px;
}
label.error1 { display: none; }	

@media (max-width: 767px) {
	.home {
	height: auto;
}
	footer {
	height: auto;
}
  .visible-xs {
    display: block !important;
  }
  .navbar-brand {
	font-size: 28px;
}
.navbar-right{
	float: right;
}
.nav > li {
	float: left;
	}

.navbar-top{
	display: inline-block;
	}	
.navbar-default {
		position: absolute;
	}
.navbar-custom .nav li a {
	transition: background 0.3s ease-in-out 0s;
	padding: 10px;
	float: left;
}

.nav-pills > li {
	display: block !important;
	float:none;
}
	#slidingbar-area {
		display: none;
	}
	#topbar {
		display: none;
	}
	.navbar-default {
		top: 0 !important;
		height: auto !important;
		float: none !important;
	}
	.navbar-collapse .nav {
		float: none !important;
	}
	.navbar-default .navbar-nav li > a, .navbar-default .navbar-nav li > a:hover, .navbar-default .navbar-nav li > a:focus {
		border-top-color: #E1E1E1 !important;
		border-top-width: 1px !important;
		border-top-style: solid !important;
		line-height: 20px !important;
		height: auto !important;
		margin: 0;
	}
	.navbar-default .navbar-nav li > a:hover, .navbar-default .navbar-nav li > a:focus {
		background-color: #007AFF !important;
		color: #FFFFFF !important;
	}
	.navbar-nav, .dropdown-menu {
		margin-top: -1px !important;
		padding-top: 0;
		margin-bottom: 0 !important;
	}
	.navbar-toggle {
		background: #007AFF;
		border: medium none;
		border-radius: 0;
		margin-top: 8px;
		padding: 10px;
	}
	.navbar-toggle .icon-bar {
		background-color: #FFFFFF !important;
	}
	.navbar-default .navbar-nav .menu-search > a:hover, .navbar-default .navbar-nav .menu-search > a:focus {
		background: none !important;
		color: #007AFF !important;
	}
	.search-box {
		top: 3px;
		right: 3px;
		bottom: auto;
		margin: 0 !important;
		border: none !important;
		box-shadow: none;
		background: none;
	}
	.search-box .arrow {
		display: none;
	}	
	.search-box .popover-content {
   		padding: 0 !important;
	}
	
	.grid-container {
		display: block;
	}
	/* Tabs Left*/
	.tabs-left .nav-tabs li.active a, .tabs-left .nav-tabs li.active a:hover, .tabs-left .nav-tabs li.active a:focus {
		border-right-color: #dddddd;
	}
	.tabs-left .nav-tabs {
		float: none;
	}
	.tabs-left .tab-content {
		border-top: none;
	}
  .thumb-img0 {
	height:auto !important;
		max-height: 390px;
}
.product {
	height: auto !important;
}
.menu-wrapper-left {
			width: 100%;
		}
}
@media (min-width: 768px) and (max-width: 991px) {
.home {
	height: auto;
}
		footer {
	height: auto;
}
  .visible-sm {
    display: block !important;
  }
    .navbar-brand {
	font-size: 32px;
}
  .thumb-img0 {
	height:auto !important;
}
.product {
	height: auto !important;
}
.menu-wrapper-left {
			width: 100%;
		}
}
@media (min-width: 992px) and (max-width: 1199px) {
	
  .visible-md {
    display: block !important;
  }
      .navbar-brand {
	font-size: 32px;
}
.thumb-img0 {
	height:auto !important;
		max-height: 390px;
}
}