@import url('http://fonts.googleapis.com/css?family=Noto+Sans:400,700');
@font-face {
	font-family: bodoni;
	src: url(../fonts/bodonixt-webfont.eot);
	src: url(../fonts/bodonixt-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/bodonixt-webfont.woff) format('woff'), url(../fonts/bodonixt-webfont.ttf) format('truetype'), url(../fonts/bodonixt-webfont.svg#bodonixtregular) format('svg');
	font-weight: 400;
	font-style:normal;
 
}
@font-face {
	font-family: bodonistd-bold;
	src: url(../fonts/bodonistd-bold-webfont.eot);
	src: url(../fonts/bodonistd-bold-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/bodonistd-bold-webfont.woff) format('woff'), url(../fonts/bodonistd-bold-webfont.ttf) format('truetype'), url(../fonts/bodonistd-bold-webfont.svg#bodonistd-bold) format('svg');
	font-weight: 400;
	font-style: normal;
}
@font-face{
	font-family: 'Titillium Web';
	src: url(../fonts/titilliumtext25l_400wt-webfont.eot);
	src: url(../fonts/titilliumtext25l_400wt-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/titilliumtext25l_400wt-webfont.woff) format('woff'), url(../fonts/titilliumtext25l_400wt-webfont.ttf) format('truetype'), url('../fonts/titilliumtext25l_400wt-webfont.svg#Titillium Web') format('svg');
	font-weight: 400;
	font-style: normal;
}
@font-face{
	font-family: 'Titillium Web';
	src: url(../fonts/titilliumtext25l_600wt-webfont.eot);
	src: url(../fonts/titilliumtext25l_600wt-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/titilliumtext25l_600wt-webfont.woff) format('woff'), url(../fonts/titilliumtext25l_600wt-webfont.ttf) format('truetype'), url('../fonts/titilliumtext25l_600wt-webfont.svg#Titillium Web') format('svg');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Titillium Web'; 
	src: url(../fonts/titilliumtext25l_1wt-webfont.eot);
	src: url(../fonts/titilliumtext25l_1wt-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/titilliumtext25l_1wt-webfont.woff) format('woff'), url(../fonts/titilliumtext25l_1wt-webfont.ttf) format('truetype'), url(../fonts/titilliumtext25l_1wt-webfont.svg#titilliumtext25l1_wt) format('svg');
	font-weight: 100;
	font-style: normal;
}
@font-face{
	font-family: 'Titillium Web';
	src: url(../fonts/titilliumtext25l_250wt-webfont.eot);
	src: url(../fonts/titilliumtext25l_250wt-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/titilliumtext25l_250wt-webfont.woff) format('woff'), url(../fonts/titilliumtext25l_250wt-webfont.ttf) format('truetype'), url('../fonts/titilliumtext25l_250wt-webfont.svg#Titillium Web') format('svg');
	font-weight: 200;
	font-style: normal;
}
@font-face {
	font-family: 'Titillium Web';
	src: url(../fonts/titilliumtext25l_800wt-webfont.eot);
	src: url(../fonts/titilliumtext25l_800wt-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/titilliumtext25l_800wt-webfont.woff) format('woff'), url(../fonts/titilliumtext25l_800wt-webfont.ttf) format('truetype'), url('../fonts/titilliumtext25l_800wt-webfont.svg#Titillium Web') format('svg');
	font-weight: 800;
	font-style: normal;
}
@font-face{
	font-family: 'Titillium Web';
	src: url(../fonts/titilliumtext25l_999wt-webfont.eot);
	src: url(../fonts/titilliumtext25l_999wt-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/titilliumtext25l_999wt-webfont.woff) format('woff'), url(../fonts/titilliumtext25l_999wt-webfont.ttf) format('truetype'), url('../fonts/titilliumtext25l_999wt-webfont.svg#Titillium Web') format('svg');
	font-weight: 900;
	font-style: normal;
}
@font-face {
	font-family: softipen;
	src: url(../fonts/aktf_-_softipenscript-webfont.eot);
	src: url(../fonts/aktf_-_softipenscript-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/aktf_-_softipenscript-webfont.woff) format('woff'), url(../fonts/aktf_-_softipenscript-webfont.ttf) format('truetype'), url(../fonts/aktf_-_softipenscript-webfont.svg#softipen_scriptregular) format('svg');
	font-weight: 400;
	font-style: normal;
}
html, body { height: 100%; }

code { font-size: 80%; }
.well { margin-bottom: 5px; }
.carousel-control.left, .carousel-control.right { width: 5%; background-image: none; color: #000000; }
.page-header { padding: 0; margin-top: 5px; margin-bottom: 5px; }
.panel-body { padding: 5px; }
.form-group { margin-bottom: 3px; }
form:not(.grido) input[type=text]:not(.range), form:not(.grido) input[type=password], form:not(.grido) select, form:not(.grido) textarea, form:not(.grido) .ui-spinner { width: 100%; }
form:not(.grido) textarea { height: 50px; }

.box, #content-header-wrap { position: relative; }
.box-header { position: relative; font-size: 1.7em; font-weight: bold; }
.box-content { position: relative; }

#content-header, .box-header { background: #183771 none repeat scroll 0 0; color: #fff; font-family: Bodoni,Georgia,"Times New Roman",Times,serif; font-size: 17px; font-weight: 400; line-height: 40px; padding: 0 20px; text-transform: uppercase; position: relative; box-sizing: border-box; display: inline-block; height: 40px; margin-bottom: 10px; padding-top: 2px; }
#content-header::after, .box-header::after, #content-header::before, .box-header::before { content: ""; display: block; height: 0; line-height: 0; position: absolute; width: 0; z-index: 100; box-sizing: border-box; }
#content-header::after, .box-header::after { border-top: 20px solid #183771; top: 0; }
#content-header::before, .box-header::before { border-bottom: 20px solid #183771; top: 15px; }
#content-header::after, #content-header::before, .box-header::after, .box-header::before { border-right: 20px solid transparent; right: -20px; }
#content-header, .box-header { font-size: 30px; line-height: 40px; padding-right: 20px; }
#content-header::after, .box-header::after { border-top: 20px solid #183771; top: 0; }
#content-header::before, .box-header::before { border-bottom: 20px solid #183771; top: 20px; }
#content-header-wrap::before, .content-box::before { background: #183771 none repeat scroll 0 0; content: ""; display: block; height: 40px; left: -100%; position: absolute; width: 100%; }
#content-header a { text-decoration: none; color: #f1ca00; }

.loader { top: 0; left: 0; z-index: 9999; position: absolute; width: 100%; height: 100%; background: #fff url(http://v6.wbonus.cz/images/loader.gif) no-repeat center center; opacity: .7; }
#items-loader { top: 0; left: 0; z-index: 9999; position: absolute; width: 100%; height: 100%; background: #fff; opacity: .8; z-index: 500;}
#items-loader-inner { position: absolute; top: 10px; left: 30px;  background: #F5F5F5 url(http://v6.wbonus.cz/images/items-loader.gif) no-repeat 3px 3px; border: 1px solid #DDDDDD; border-radius: 5px; padding: 5px 15px 5px 30px; width: auto; font-weight: bold; }
.navbar, .breadcrumb { margin-bottom: 0; }

#wrap { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -30px; padding: 0 0 30px; }

#header { background: rgba(0, 0, 0, 0) linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0px, hsla(0, 0%, 100%, 0)) repeat scroll 0 0; color: #fff; position: absolute; width: 100%; z-index: 500; }
#header-boxes > .container, #header-menu > .container { position: relative; padding: 0; max-width: 1170px; height: 41px; }
#header-logo { position: absolute; display: block; width: 166px; height: 106px; background: transparent url(../images/logo.png) no-repeat; z-index: 550; top: 15px; }
#header-text { position: absolute; top: 0; left: 170px; font-family: "Adobe Garamond Pro"; font-family: Adobe Garamond Pro; font-size: 24px; font-weight: 600; text-shadow: 0 1px 2.97px #000; }
#header-menu { background: rgba(0, 0, 0, 0) linear-gradient(90deg, #183771 0px, #183771) repeat scroll 0 0; color: #fff; position: relative; z-index: 100; margin-top: 17px; height: 40px; }

#user-box, #cart-box { background-color: rgba(0, 0, 0, 0.1); position: relative; margin-left: 10px; margin-top: 10px; border: 1px solid #8c8c8c; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; font-size: 12px; color: #000; float: right; }
#user-box .box-content, #cart-box .box-content { position: relative; padding: 15px 7px 0px; height: 37px; min-width: 170px; }
#user-box a, #cart-box a { text-decoration: none; }
#user-box .glyphicon, #cart-box .glyphicon { font-size: 14px; }
#user-logged a, #user-title, #cart-image { color: #183771; font-weight: bold; }
#user-account, #cart-content { font-size: .95em; }
#user-logged { text-align: center; }
#user-title { float: left; }
#user-account { float: right; color: #000; margin-right: 17px; }
#cart-image { float: left; margin-right: 5px; }
#user-sign-out, #cart-empty { position: absolute; cursor: pointer; right: 5px; }
#user-sign-out .glyphicon, #cart-empty .glyphicon { text-decoration: none; color: #f1ca00; }

#menu { box-sizing: content-box; }
#menu-collapse { position: relative; padding: 0; text-align: center; margin-left: 150px; }
#menu-collapse .nav { position: relative; width: 100%; }

#menu-collapse li { border-right: 1px solid #0a4a8b; }
#menu-collapse li a { color: #fff; background: #183771; display: block; font-family: Titillium Web,sans-serif; font-size: 1.5rem; font-weight: 400; line-height: 39px; padding: 0 20px; position: relative; text-shadow: 0 1px 2.97px #000; }
#menu-collapse li a:hover, #menu-collapse li.active a { background-color: #183771; color: #f1ca00; }
.navbar-menu .form-control { padding: 0px 5px; height: 20px; width: 200px !important; }
.navbar-menu button { background: transparent none; border: none; margin: 0; padding: 0; }
.navbar-menu .icon-bar { margin: 2px; }

#container { position: relative; padding-top: 130px;}

#footer { background: rgba(0, 0, 0, 0) linear-gradient(180deg, #fff 0px, #183771 50%, #1f3b81) repeat scroll 0 0; color: #fff; font-size: 1.2rem; margin-top: 20px; padding: 80px 0 25px; }
#footer a { font-weight: bold; text-decoration: none; color: #fff; }
#footer a:hover { color: #f1ca00; }


.star { color: #CC3300; font-weight: bold; }

.form-compact { max-width: 480px; padding: 15px; margin: 0 auto; }
.form-compact .form-compact-heading, .form-compact .checkbox { margin-bottom: 10px; }
.form-compact .checkbox { font-weight: normal; }
.form-compact .form-control { position: relative; font-size: 16px; height: auto; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: -1px; border-radius: 0; }
.form-compact .form-control:focus { z-index: 2; }
.form-compact .form-control:first-of-type { border-top-left-radius: 4px; border-top-right-radius: 4px; }
.form-compact .form-control:last-of-type { margin-bottom: 10px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }

.navbar-categories { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); padding-top: 15px; font-family: Titillium Web,sans-serif; font-size: 1.6rem; }
.navbar-categories .list-group-item { border: none; }
.navbar-categories .list-group-item a:hover { background-color: #fefae5; }
.navbar-categories .list-group-item a.active { background-color: #f1ca00; color: #000; }

.navbar-categories .navbar-toggle { border: none; cursor: pointer; margin: 0; font-weight: bold; width: 100%; text-align: left; font-size: 1.1em; }
.navbar-categories .navbar-toggle:hover { background-color: #fff; }

.product-name, .product-price { font-weight: bold; }
.product-price-without-discount { font-size: .9em; text-decoration: line-through; }
.product-bonus { font-weight: bold; font-size: 1.1em; color: #0DA300; text-transform: uppercase; }
.product-name { color: #0D3F7D; }
.product-lead, .product-description { color: #526A79; font-family: Arial,Helvetica,sans-serif,Calibri; }
.product-price { color: #0B91CB; }
.product-discount { color: #CD0404; }
.product-price-without-discount { color: #555555; }

.items-list-filter-heading { padding: 7px; font-weight: bold; font-size: 1.1em; }
.items-list-filter-param { padding: 7px; }
.items-list-filter-param-heading { font-weight: bold; }
.items-list-filter-param-price .items-list-filter-param-body, .items-list-filter-param-int .items-list-filter-param-body, .items-list-filter-param-float .items-list-filter-param-body { padding-left: 10px; padding-right: 10px; }
.items-list-filter-param-value-wrap { text-align: center; font-weight: bold; margin-bottom: 3px; }

.item-box { display: block; position: relative; margin-bottom: 10px; text-decoration: none; padding: 3px; border-radius: 10px; border: 2px solid #ddd; overflow: hidden; }
.item-box:hover { border-color: #f1ca00; text-decoration: none; }
.item-box-content { padding: 5px; }
.item-box-name { margin-top: 5px; font-size: 1.2em; height: 75px; overflow: hidden; text-align: center; }
.media-body .item-box-name { font-size: 1.4em; text-align: left; }
.item-box-lead { font-size: .85em; height: 50px; overflow: hidden; }
.item-box-preview-params { min-height: 30px; }
.item-box-preview-params .preview-param-name { color: #555555; font-weight: bold; }
.item-box-preview-params .preview-param-value { margin-left: 5px; }
.media-body .item-box-lead { font-size: 1.1em; height: 70px; }
.item-box-price { margin-top: 5px; font-size: 1.4em; text-align: center; padding: 3px; }
.media-body .item-box-price { text-align: left; }
.item-box-discount, .item-discount { position: absolute; font-size: 1.3em; font-weight: bold; background-color: #CD0404; color: #fff; padding: 7px 5px; border-radius: 5px; z-index: 300; }
.item-box-discount { top: 30px; left: 30px; }

#slider-box { margin-bottom: 10px; }
.items-box-content { position: relative; min-height: 280px; }

.client-form .panel { margin-bottom: 5px; }
.client-form .panel-heading { font-size: 1.2em; font-weight: bold; border-bottom: none; padding: 5px 15px; }
.client-form .panel-body { padding: 0px 15px 3px 15px; }
.client-form .client-main { margin-bottom: 3px; }

.product-thumbs { margin-top: 5px; min-height: 60px; }
.product-labels { min-height: 40px; margin-top: 5px; font-size: 18px; }
.form-buttons { padding: 5px 0px 10px 0px; }

.item { position: relative; overflow: hidden; }
.item-name { font-size: 1.4em; }
.item-price { font-size: 1.7em; }
.item-discount { top: 70px; left: 70px; }
.item-price-without-discount { }
.item-description { border-top: 1px solid #eee; }

.table-order-image { width: 70px; }
.table-order-info { font-size: 1.2em; }
.table-order-count { width: 150px; text-align: center; }
.table-order-price { width: 170px; color: #457CA5; font-weight: bold; font-size: 1.5em; text-align: right; }
.table-order-action { width: 50px; font-size: 20px; }
.table-order-action a { cursor: pointer; }
.table-order tfoot { font-size: 1.5em; }
.table-order tfoot th { text-align: right; padding-right: 10px; }
.table-order tfoot td { color: #457CA5; font-weight: bold; }

#order-steps { border-radius: 5px; margin: 0; padding: 0; overflow: hidden; list-style: none; font-size: 24px; }
#order-steps li { position: relative; float: left; text-align: center; width: 25%; background-color: #3276B1; color: #fff; padding: 10px 0px; }
#order-steps .order-step-arrow { position: absolute; top: 0; left: 0; height: 0; width: 0; border: 25px solid transparent; border-left-color: #fff; border-right: 0; }
#order-steps li.order-step-next { border-left: 2px solid #fff; }
#order-steps li a { color: #fff; text-decoration: none; }
#order-steps li.current a { color: #FFC870; }
#order-steps li.active a:hover { color: #FFC870; }
#order-steps li.noactive { opacity: .7; }

#deliveries { max-width: 700px; margin: 0 auto; }
#deliveries .accordion-toggle { color: #D67500; font-size: 1.4em; font-weight: bold; text-decoration: none; outline: none; }
#deliveries .panel-body { padding: 10px 15px; color: #457CA5; font-weight: bold; font-size: 1.4em; }
#deliveries .panel-body .row { cursor: pointer; padding-top: 5px; padding-bottom: 5px; }
#deliveries .panel-body .row:hover { background-color: #EAF4FD; }

.table-summary { font-size: 1.3em; }
.table-summary th { width: 60%; }
.table-summary td { color: #457CA5; font-weight: bold; }
.table-summary-total { border-top: 2px solid #457CA5; font-size: 1.7em; }

.tree .list-group-item { padding: 0; }
.tree .caret { margin-top: 5px; }
.tree a { display: block; padding: 5px 15px; text-decoration: none; font-weight: bold; color: #555555; outline: none; }
.tree a.active { background-color: #124FAC; color: #fff; }
.tree a:hover { background-color: #F5F5F5; color: #777777; }
.tree .list-group-item-text { padding: 0 10px 5px 10px; }
.tree .list-group-item-heading, .tree .list-group-item-text .list-group { margin-bottom: 0; }

.actions a { font-size: 1.2em; margin-right: 15px; }
.order-coupon .product-name, .order-coupon .table-order-price { color: #006633; }
.order-gift .product-name, .order-gift .table-order-price, .order-gift .table-order-count { color: #527442; }
.order-coupon .table-order-price, .order-gift .table-order-price, .order-gift .table-order-count { font-size: 1.5em; }

.label-free-delivery { background-color: #BFDC7A; color: #6a6340; }
.label-recommend { background-color: #4C72A7; }
.label-sale { background-color: #DE6362; }

.ribbon { width: 200px; background: #e43; position: absolute; top: 25px; left: -50px; text-align: center; letter-spacing: 1px; line-height: 40px; color: #f0f0f0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); box-shadow: 0 0 3px rgba(0,0,0,.3); z-index: 300; font-size: 12px; font-weight: bold; font-family: 'Noto Sans', sans-serif; }
.ribbon.ribbon-top-left { top: 25px; left: -50px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.ribbon.ribbon-top-right{ top: 25px; right: -50px; left: auto; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.ribbon.ribbon-bottom-left{ top: auto; bottom: 25px; left: -50px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.ribbon.ribbon-bottom-right{ top: auto; right: -50px; bottom: 25px; left: auto; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.ribbon-free-delivery { background-color: #BFDC7A; background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -moz-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -ms-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -o-linear-gradient(top, #BFDC7A, #8EBF45); color: #6a6340; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px rgba(0,0,0,0.3); }
.ribbon-recommend { font-size: 14px; background-color: #4C72A7; background-image: -webkit-gradient(linear, left top, left bottom, from(#4C72A7), to(#124FAC)); background-image: -webkit-linear-gradient(top, #4C72A7, #124FAC); background-image: -moz-linear-gradient(top, #4C72A7, #124FAC); background-image: -ms-linear-gradient(top, #4C72A7, #124FAC); background-image: -o-linear-gradient(top, #4C72A7, #124FAC); color: #ffffff; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px rgba(0,0,0,0.3); }
.ribbon-sale { font-size: 14px; background-color: #DE6362; background-image: -webkit-gradient(linear, left top, left bottom, from(#DE6362), to(#CE0A0A)); background-image: -webkit-linear-gradient(top, #DE6362, #CE0A0A); background-image: -moz-linear-gradient(top, #DE6362, #CE0A0A); background-image: -ms-linear-gradient(top, #DE6362, #CE0A0A); background-image: -o-linear-gradient(top, #DE6362, #CE0A0A); color: #ffffff; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px rgba(0,0,0,0.3); }

@media (max-width: 767px) {
}
@media (min-width: 768px) {
}