body {
	/* font-family: Tahoma, Arial,sans-serif; */
	font-family: "Open Sans", Arial, sans-serif; 
	font-size: 14px;
 	line-height: 1.6;
 	color:#333;
}

a {
	color:#ab0000;
	text-decoration:none;
}
a:hover {
	color:#000;
}

h1 {
	color:#ab0000;
	margin-top:0;
}
h2, .h2 {
	font-size:1.2em;
}
h1 {
	font-size:24px;
}
@media (min-width: 768px) {
	h1 {
		font-size:36px;
	}
}



.carousel {
	margin-bottom:20px;
}

.dl-horizontal dt {
    text-align: left;
}

@media (min-width: 768px) {
	.navbar-nav {
	    margin-left:-15px;
	    margin-right:-15px;
	}
	.navbar-left > li:first-child a {
		padding-left:0;
	}
	.navbar-left > li:last-child a {
		padding-right:0;
	}
}

.list-group {
	margin-bottom:0;
}
.list-group-item {
	border:0;	
}


.navbar {
}
.navbar-default .navbar-nav>li>a {
	color:#ab0000;
	text-transform:uppercase;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:active {
	color:#000;
	text-decoration:underline;
}
.navbar-right>li.img>a {
    padding-top: 2px;
    padding-bottom: 0;
    line-height: 20px;
}
.modal-dialog {
	z-index:1500;
}

#search {
	padding:40px 0 10px 65px;
	background:url(/images/search-bg.png) 0 30px no-repeat;
}
#search .btn-success {
	background:#ab0000;
	border-color:#870000;
}
#search .btn-success:hover {
	background:#cd0000;
}

#kosik {
	background:url(/images/kosik-bg.png) 0 33px no-repeat;
	padding:39px 10px 10px 87px;
	float:right;
}
#kosik span {
	display:block;
}
#kosik span.nadpis {
	text-transform:uppercase;
	color:#ab0000;
	font-size:1.1em;
}
#kosik span.empty {
	color:#7b7b7b;
	text-align:left;
}

#content {
	padding-top:10px;
	padding-bottom:10px;
}

@media (min-width: 768px) {
	#content {
		padding-top:40px;
		padding-bottom:40px;
	}
}


.navbar-header .navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
}
#top {
	display:none;
}
@media (min-width: 768px) {
	#top {
		display:block;
	}
}

#topmenu {
	display:none;
}
@media (min-width: 768px) {
	#topmenu {
		display:block;
		padding:10px 0 0;
		border-bottom:4px solid #ab0000;
	}
}
#topmenu>.container {
	
	position:relative;
}
#topmenu .topmenu-row {
    display: table;
}

#topmenu .item {
	display:table-cell;
	width:1%;
	margin:0;
	padding:0;
}
#topmenu .item .subitem {
	display:none;
}
#topmenu .item:hover .subitem {
	display:block;
}
#topmenu .item > a {
	text-decoration:none;
	display:block;
	background:transparent;
	min-height:130px;
	padding:80px 5px 0;
	text-align:center;
	color:#000;
}
#topmenu .item:hover > a {
	color:#fff;
	background-color:#ab0000;
}

#topmenu .item-450 > a { background:transparent url(/images/category/item-450.png) center 20px no-repeat; }
#topmenu .item-23 > a { background:transparent url(/images/category/item-23.png) center 20px no-repeat; }
#topmenu .item-24 > a { background:transparent url(/images/category/item-24.png) center 20px no-repeat; }
#topmenu .item-25 > a { background:transparent url(/images/category/item-25.png) center 20px no-repeat; }
#topmenu .item-26 > a { background:transparent url(/images/category/item-26.png) center 20px no-repeat; }
#topmenu .item-27 > a { background:transparent url(/images/category/item-27.png) center 20px no-repeat; }
#topmenu .item-28 > a { background:transparent url(/images/category/item-28.png) center 20px no-repeat; }
#topmenu .item-29 > a { background:transparent url(/images/category/item-29.png) center 20px no-repeat; }
#topmenu .item-30 > a { background:transparent url(/images/category/item-30.png) center 20px no-repeat; }
#topmenu .item-31 > a { background:transparent url(/images/category/item-31.png) center 20px no-repeat; }
#topmenu .item-32 > a { background:transparent url(/images/category/item-32.png) center 20px no-repeat; }


#topmenu .item-active a {
	background-color:#ab0000;
	color:#fff;
	text-decoration:none;
}

#topmenu .subitem {
	display:none;
	position:absolute;
	left:0;
	border-top:4px solid #ab0000;
	width:100%;
	z-index:29;
	font-size:1.1em;
}
#topmenu .subitem .container > div {
	background:#fff;
	border-left:4px solid #ab0000;
	border-right:4px solid #ab0000;
	border-bottom:4px solid #ab0000;
	padding:0 30px 15px; 
}
#topmenu .subitem-active {
	display:block;
}
#topmenu .subitem a:hover {
	text-decoration:none;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5); 
}
#topmenu .subitem img {
	margin:5px 0;
}

#footer {
	background:#ab0000 url(/images/footer-bg.png) 0 0 repeat-x;
	min-height:288px;
}
#footer .container {
	background:url(/images/footer-hudebnici-bg.png) right top no-repeat;
}
#footer .facebook {
	margin-top:20px;
}
#footer .container p{
	margin:20px 0px;
  color:#eee; 
}
#footer .container p a{
  color:#eee; 
  text-decoration: underline;
}
#footer .container p a:hover,#footer .container p a:focus{
  text-decoration: none;
}

#leftmenu, #leftmenu2 {
	display:none;
}
@media (min-width: 768px) {
	#leftmenu, #leftmenu2 {
		display:block;
	}
}


#leftmenu ul, #leftmenu li {
	display:block;
	padding:0;
	margin:0;
	list-style:none;
}
#leftmenu ul li a {
	display:block;
	padding-top:12px;
	padding-bottom:12px;
	min-height:46px;
	padding-left:20px;
	border-top:1px solid #d6d6d6;
	color:#000;
}
#leftmenu ul li:first-child a {
	border-top:none;
}
#leftmenu ul li a:hover, #leftmenu ul li.active a {
	background:#ab0000;
	color:#fff;
	text-decoration:none;
}
#leftmenu ul li.active a {
	border-bottom:3px solid #fff;
}
#leftmenu ul li.active {
	padding-bottom:30px;
}
#leftmenu ul li.active li.active {
	padding-bottom:0;
}

#leftmenu ul li.active ul li a {
	background:#e8e8e8 url(/images/leftmenu-circle.png) 20px 18px no-repeat;
	color:#000;
	border-top:none;
	padding-left:40px;
}
#leftmenu ul li.active ul li a:hover {
	background:#ab0000 url(/images/leftmenu-circle-hover.png) 20px 18px no-repeat;
	color:#fff;
	border-top:none;
	padding-left:40px;
}

#leftmenu ul li.active ul li.active ul li a {
	background:#e8e8e8 url(/images/leftmenu-submenu-circle.png) 40px 18px no-repeat;
	color:#000;
	border-top:none;
	padding-left:60px;
}
#leftmenu ul li.active ul li.active ul li a:hover {
	background:#ab0000 url(/images/leftmenu-circle-hover.png) 40px 18px no-repeat;
	color:#fff;
	border-top:none;
	padding-left:60px;
}

.owl-theme .owl-controls {
    margin-top: -25px !important;
}

.owl-theme .owl-controls .owl-page span {
    background: #ab0000 !important;
}

.reg-page {
    color: #555;
    padding: 15px 30px;
    background: #fefefe;
    border: solid 1px #eee;
    box-shadow: 0 0 3px #eee;
}
.reg-header {
    color: #555;
    text-align: center;
    margin-bottom: 35px;
    border-bottom: solid 1px #eee;
}
.reg-header h2 {
    font-size: 24px;
    margin-bottom: 15px;
}

div.cena {
}
div.cena span {
	font-size:1.4em;
	color:#ab0000;
}
div.dostupnost {
	font-size:1.1em;
	padding:13px 0 0;
}
div.dostupnost.green, td.dostupnost.green {
	color:#44ab00;
}
div.dostupnost.orange, td.dostupnost.orange {
	color:#f98606;
}
div.kosik { 
	margin:10px 0 5px 0;
}
div.nadpis {
	min-height:18px;
}
div.image {
	min-height:100px; 
}
div.image a.helper {
    display: block;
    height: 100%;
    vertical-align: middle;
}

div.pagin div.text {
	margin:23px 0 0 ;
	float:left;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #ab0000;
    border-color: #ab0000;
}
.pagination>li>a, .pagination>li>span {
    color: #ab0000;
}

.uvodTitle {
	background:#f4f4f4;
	padding:8px 10px;
}
.uvodTitle a {
	color:#000;
}

#filterbox {
	background:#4b4b4b url(/images/filterbox-bg.png) left center no-repeat;
	padding:20px 10px 15px;
}
#filterbox .text1 {
	color:#fff;
}

.carousel .item {
	text-align:center;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: 100%;
    margin:0 auto;
    height: auto;
}

.carousel-control,
.carousel-control {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.carousel-control, .carousel-control.left, .carousel-control.right {
	background:transparent;
	width:15%;
}
.carousel-indicators li {
	border:1px solid #ab0000;
}
.carousel-indicators .active {
    background-color: #ab0000;
}
.carousel-indicators {
    bottom: 0px;
}

.cenasdph span {
	font-size:1.4em;
	color:#ab0000;
}
.cenabezdph {
	color:#888;
}

.vkosiku td {
	vertical-align:middle !important;
}

.vkosiku .cena, .vkosiku .cena_celkem {
	text-align:right;
}
.vkosiku .dostupnost {
	text-align:center;
}


.glyphicon-heart {
	color:#ff0000;
}
.zbozi-bar {
	margin-top:10px;
	background:#f8f8f8;
	padding:8px 15px;
}

.objednavka-selectbox {
	background:#f8f8f8;
	padding:10px 20px;
}
.doprava-subs, .platba-subs {
	background:#fff;
	margin:5px 0;
	padding:5px 10px;
}
.objedkosik {
    border-bottom: 1px solid #ddd;
}

.nav-tabs>li>a {
	padding:10px 15px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	border-top:2px solid #ab0000;
	padding:9px 15px 10px;	
}

.thumbnail, .btn, .form-control, .input-group-addon, .nav-tabs>li>a {
	border-radius:0;
}
.breadcrumb {
	border-radius:0;
	background:#f8f8f8;
}
.vyrobcezaruka {
	padding:10px 0 0;
}

/*!
 * Ladda
 * http://lab.hakim.se/ladda
 * MIT licensed
 *
 * Copyright (C) 2016 Hakim El Hattab, http://hakim.se
 */.ladda-button{position:relative}.ladda-button .ladda-spinner{position:absolute;z-index:2;display:inline-block;width:32px;height:32px;top:50%;margin-top:0;opacity:0;pointer-events:none}.ladda-button .ladda-label{position:relative;z-index:3}.ladda-button .ladda-progress{position:absolute;width:0;height:100%;left:0;top:0;background:rgba(0,0,0,0.2);visibility:hidden;opacity:0;-webkit-transition:0.1s linear all !important;-moz-transition:0.1s linear all !important;-ms-transition:0.1s linear all !important;-o-transition:0.1s linear all !important;transition:0.1s linear all !important}.ladda-button[data-loading] .ladda-progress{opacity:1;visibility:visible}.ladda-button,.ladda-button .ladda-spinner,.ladda-button .ladda-label{-webkit-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;-moz-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;-ms-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;-o-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important}.ladda-button[data-style=zoom-in],.ladda-button[data-style=zoom-in] .ladda-spinner,.ladda-button[data-style=zoom-in] .ladda-label,.ladda-button[data-style=zoom-out],.ladda-button[data-style=zoom-out] .ladda-spinner,.ladda-button[data-style=zoom-out] .ladda-label{-webkit-transition:0.3s ease all !important;-moz-transition:0.3s ease all !important;-ms-transition:0.3s ease all !important;-o-transition:0.3s ease all !important;transition:0.3s ease all !important}.ladda-button[data-style=expand-right] .ladda-spinner{right:-6px}.ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-right][data-size="xs"] .ladda-spinner{right:-12px}.ladda-button[data-style=expand-right][data-loading]{padding-right:56px}.ladda-button[data-style=expand-right][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-right][data-loading][data-size="s"],.ladda-button[data-style=expand-right][data-loading][data-size="xs"]{padding-right:40px}.ladda-button[data-style=expand-left] .ladda-spinner{left:26px}.ladda-button[data-style=expand-left][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-left][data-size="xs"] .ladda-spinner{left:4px}.ladda-button[data-style=expand-left][data-loading]{padding-left:56px}.ladda-button[data-style=expand-left][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-left][data-loading][data-size="s"],.ladda-button[data-style=expand-left][data-loading][data-size="xs"]{padding-left:40px}.ladda-button[data-style=expand-up]{overflow:hidden}.ladda-button[data-style=expand-up] .ladda-spinner{top:-32px;left:50%;margin-left:0}.ladda-button[data-style=expand-up][data-loading]{padding-top:54px}.ladda-button[data-style=expand-up][data-loading] .ladda-spinner{opacity:1;top:26px;margin-top:0}.ladda-button[data-style=expand-up][data-loading][data-size="s"],.ladda-button[data-style=expand-up][data-loading][data-size="xs"]{padding-top:32px}.ladda-button[data-style=expand-up][data-loading][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-up][data-loading][data-size="xs"] .ladda-spinner{top:4px}.ladda-button[data-style=expand-down]{overflow:hidden}.ladda-button[data-style=expand-down] .ladda-spinner{top:62px;left:50%;margin-left:0}.ladda-button[data-style=expand-down][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-down][data-size="xs"] .ladda-spinner{top:40px}.ladda-button[data-style=expand-down][data-loading]{padding-bottom:54px}.ladda-button[data-style=expand-down][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-down][data-loading][data-size="s"],.ladda-button[data-style=expand-down][data-loading][data-size="xs"]{padding-bottom:32px}.ladda-button[data-style=slide-left]{overflow:hidden}.ladda-button[data-style=slide-left] .ladda-label{position:relative}.ladda-button[data-style=slide-left] .ladda-spinner{left:100%;margin-left:0}.ladda-button[data-style=slide-left][data-loading] .ladda-label{opacity:0;left:-100%}.ladda-button[data-style=slide-left][data-loading] .ladda-spinner{opacity:1;left:50%}.ladda-button[data-style=slide-right]{overflow:hidden}.ladda-button[data-style=slide-right] .ladda-label{position:relative}.ladda-button[data-style=slide-right] .ladda-spinner{right:100%;margin-left:0;left:16px}.ladda-button[data-style=slide-right][data-loading] .ladda-label{opacity:0;left:100%}.ladda-button[data-style=slide-right][data-loading] .ladda-spinner{opacity:1;left:50%}.ladda-button[data-style=slide-up]{overflow:hidden}.ladda-button[data-style=slide-up] .ladda-label{position:relative}.ladda-button[data-style=slide-up] .ladda-spinner{left:50%;margin-left:0;margin-top:1em}.ladda-button[data-style=slide-up][data-loading] .ladda-label{opacity:0;top:-1em}.ladda-button[data-style=slide-up][data-loading] .ladda-spinner{opacity:1;margin-top:0}.ladda-button[data-style=slide-down]{overflow:hidden}.ladda-button[data-style=slide-down] .ladda-label{position:relative}.ladda-button[data-style=slide-down] .ladda-spinner{left:50%;margin-left:0;margin-top:-2em}.ladda-button[data-style=slide-down][data-loading] .ladda-label{opacity:0;top:1em}.ladda-button[data-style=slide-down][data-loading] .ladda-spinner{opacity:1;margin-top:0}.ladda-button[data-style=zoom-out]{overflow:hidden}.ladda-button[data-style=zoom-out] .ladda-spinner{left:50%;margin-left:32px;-webkit-transform:scale(2.5);-moz-transform:scale(2.5);-ms-transform:scale(2.5);-o-transform:scale(2.5);transform:scale(2.5)}.ladda-button[data-style=zoom-out] .ladda-label{position:relative;display:inline-block}.ladda-button[data-style=zoom-out][data-loading] .ladda-label{opacity:0;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);-o-transform:scale(0.5);transform:scale(0.5)}.ladda-button[data-style=zoom-out][data-loading] .ladda-spinner{opacity:1;margin-left:0;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.ladda-button[data-style=zoom-in]{overflow:hidden}.ladda-button[data-style=zoom-in] .ladda-spinner{left:50%;margin-left:-16px;-webkit-transform:scale(0.2);-moz-transform:scale(0.2);-ms-transform:scale(0.2);-o-transform:scale(0.2);transform:scale(0.2)}.ladda-button[data-style=zoom-in] .ladda-label{position:relative;display:inline-block}.ladda-button[data-style=zoom-in][data-loading] .ladda-label{opacity:0;-webkit-transform:scale(2.2);-moz-transform:scale(2.2);-ms-transform:scale(2.2);-o-transform:scale(2.2);transform:scale(2.2)}.ladda-button[data-style=zoom-in][data-loading] .ladda-spinner{opacity:1;margin-left:0;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.ladda-button[data-style=contract]{overflow:hidden;width:100px}.ladda-button[data-style=contract] .ladda-spinner{left:50%;margin-left:0}.ladda-button[data-style=contract][data-loading]{border-radius:50%;width:52px}.ladda-button[data-style=contract][data-loading] .ladda-label{opacity:0}.ladda-button[data-style=contract][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=contract-overlay]{overflow:hidden;width:100px;box-shadow:0px 0px 0px 2000px transparent}.ladda-button[data-style=contract-overlay] .ladda-spinner{left:50%;margin-left:0}.ladda-button[data-style=contract-overlay][data-loading]{border-radius:50%;width:52px;box-shadow:0px 0px 0px 2000px rgba(0,0,0,0.8)}.ladda-button[data-style=contract-overlay][data-loading] .ladda-label{opacity:0}.ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner{opacity:1}
 
 
 /* Tooltip container */
.csstooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
    cursor: help;
}

/* Tooltip text */
.csstooltip .csstooltiptext {
    visibility: hidden;
    width: 350px;
    border:1px solid #DCA;
    background:#fffAF0;
    color:#111
    text-align: center;
    padding: 6px 8px;
    border-radius: 6px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 105%;     
}

/* Show the tooltip text when you mouse over the tooltip container */
.csstooltip:hover .csstooltiptext {
    visibility: visible;       
} 

/* korekce pro tagy li v popisu detailu produktu */
div#popis li {
    margin-left: 3em;       
} 





.list-group-item{
	border-bottom: 1px solid rgba(0,0,0,0.06);
	position:relative;
	padding:0;
	border-radius: 0px !important;
}
.list-group-item ul{
	width: 100%;
	padding: 0;
}
.list-group-item > ul > li{
	border-left:none;
	border-right:none;
}
	
.list-group-item a {
	display:block;
	padding:5px 38px 5px 5px;
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
	background:none;
	border:0;
}


#leftmenu2 .opener {
	display:inline-block;
	padding:12px 15px;
	position: absolute;
	top:1px;
	right:0;
	background-color: rgba(0,0,0,0.03);
	cursor: pointer;
}

#leftmenu2 ul li a {
    display: block;
    padding-top: 12px;
    padding-bottom: 12px;
    min-height: 46px;
    padding-left: 20px;
    border-top: 1px solid #d6d6d6;
    color: #000;
}
#leftmenu2 ul li a:hover, #leftmenu2 ul li.active a {
	background: #ab0000;
	color:#fff;
	text-decoration:none;
}
#leftmenu2 ul li a:hover .opener:hover {
	background-color: rgba(0,0,0,0.2);
	color:#fff;
}
#leftmenu2 ul li:first-child a {
    border-top: none;
}
#leftmenu2 ul li.active a {
    border-bottom: 3px solid #fff;
}
#leftmenu2 ul li.active ul .opener {
	top:0;
}

#leftmenu2 ul li.active ul li a {
	background:#e8e8e8 url(/images/leftmenu-circle.png) 20px 18px no-repeat;
	color:#000;
	border-top:none;
	padding-left:40px;
}
#leftmenu2 ul li.active ul li a:hover {
	background:#ab0000 url(/images/leftmenu-circle-hover.png) 20px 18px no-repeat;
	color:#fff;
	border-top:none;
	padding-left:40px;
}
#leftmenu2 ul li.active ul li.active ul li a {
	background:#e8e8e8 url(/images/leftmenu-submenu-circle.png) 40px 18px no-repeat;
	color:#000;
	border-top:none;
	padding-left:60px;
}
#leftmenu2 ul li.active ul li.active ul li a:hover {
	background:#ab0000 url(/images/leftmenu-circle-hover.png) 40px 18px no-repeat;
	color:#fff;
	border-top:none;
	padding-left:60px;
}

.navbar .opener {
	display:inline-block;
	padding:12px 15px;
	position: absolute;
	top:0;
	right:0;
	background-color: rgba(0,0,0,0.03);
	cursor: pointer;
}
.navbar .list-group-item {
	background:#f8f8f8;
    border-top: 1px solid #d6d6d6;
}
.navbar ul li.active a, .navbar ul li.active a:hover {
	background: #ab0000;
	color:#fff;
	text-decoration:none;
}
.navbar ul li.active ul li a {
	background: #f8f8f8;
	color:#000;
	text-decoration:none;
	padding-left:40px;
}
.navbar ul li.active ul ul li a {
	background: #f8f8f8;
	color:#000;
	text-decoration:none;
	padding-left:60px;
}
.navbar .list-group-item a {
	padding:0;
	line-height:16px;
	padding:10px 15px;
}
.navbar .list-group-item-header {
	font-weight:bold;
	line-height:16px;
	padding:10px 15px;
}

.navbar .list-group-item.active, .navbar .list-group-item.active:focus, .navbar .list-group-item.active:hover {
	background:none;
    border-top: 1px solid #d6d6d6;
}