.type-book { z-index: 10; position: relative; display: inline-block; width: 20px; height: 20px; text-indent: 0; }
.type-ebook, .type-audiobook, .type-video, .type-dvd, .type-online, .type-gift { z-index: 10; position: relative; display: inline-block; width: 20px; height: 20px; text-indent: -10000px; }
.type-bundleone,.type-bundletwo { z-index: 10; position: relative; display: inline-block; width: 20px; height: 20px; text-indent: 0; }
.type-bundlethree{display: inline-block; z-index: 10; position: relative; width:20px; height:20px;}
.margin-left { margin-left: 10px;z-index: 10; position: relative; }

.has-popup:hover span.popup { display: block; }
.has-popup:hover { background-color: #e6001e; box-shadow: 0 0 0 2px #e6001e; }
.has-popup span.popup { display: none; left: 50%; top: -36px; white-space: nowrap; position: absolute; text-indent: 0; text-align: center; line-height: 36px; }
.has-popup span.popup span { display: block; position: relative; padding: 0 20px; left: -50%; color: white; background-color: #e6001e; }

label.type-book { text-indent: 0; padding-left: 23px; width: auto; line-height: 20px; background: none; position: relative; }
label.type-ebook, label.type-audiobook, label.type-video, label.type-dvd, label.type-online { text-indent: 0; padding-left: 20px; width: auto; line-height: 20px; background: none; position: relative; }

.type-book::before { content: " "; position: absolute; left: 0; top: 0; background: transparent url(/helion/images/helion.svg) -251px -114px; width: 20px; height: 20px; text-indent: -10000px; }
.type-bundleone::before { content: " "; position: absolute; left: 0; top: 0; background: transparent url(/helion/images/helion.svg) -251px -114px; width: 20px; height: 20px; text-indent: -10000px; }
.type-ebook::before { content: " "; position: absolute; left: 0; top: 0; background: transparent url(/helion/images/helion.svg) -277px -114px; width: 20px; height: 20px; text-indent: -10000px; }
.type-bundletwo::before { content: " "; position: absolute; left: 0; top: 0; background: transparent url(/helion/images/helion.svg) -277px -114px; width: 20px; height: 20px; text-indent: -10000px; }
.type-bundlethree::before { content: "+"; position: absolute; left: 6px; top: -19px; color:#666666;}
.type-audiobook::before { content: " "; position: absolute; left: 0; top: 0; background: transparent url(/helion/images/helion.svg) -327px -114px; width: 20px; height: 20px; text-indent: -10000px; }
.type-video::before { content: " "; position: absolute; left: 0; top: 0; background: transparent url(/helion/images/helion.svg) -299px -114px; width: 20px; height: 20px; text-indent: -10000px; }
.type-dvd::before { content: " "; position: absolute; left: 0; top: 0; background: transparent url(/helion/images/helion.svg) -350px -115px; width: 20px; height: 20px; text-indent: -10000px; }
.type-online::before { content: " "; position: absolute; left: 0; top: 0; background: transparent url(/helion/images/helion.svg) -386px -48px; width: 20px; height: 20px; text-indent: -10000px; }
.type-gift::before { content: " "; position: absolute; left: 0; top: 1px; background: transparent url(/helion/images/helion.svg) -150px -116px; width: 20px; height: 20px; text-indent: -10000px; }


.type-book.has-popup:hover::before { background-position: -310px -279px; }
.type-ebook.has-popup:hover::before { background-position: -336px -279px; }
.type-audiobook.has-popup:hover::before { background-position: -386px -279px; }
.type-video.has-popup:hover::before { background-position: -357px -279px; }
.type-dvd.has-popup:hover::before { background-position: -409px -280px; }
.type-online.has-popup:hover::before { background-position: -386px -48px; }


.button a, .button button, button.button { cursor: pointer; border-width: 0; box-shadow: 0 0 #b40018; display: inline-block; background-color: #e4001e; color: white; line-height: 36px; font-size: 18px; font-weight: 100; padding: 0 20px; -webkit-transition: all 0.2s; transition: all 0.2s; font-family: canaro, sans-serif; }
@media all and (min-width:701px){
	.button a:hover, .button button:hover, button.button:hover { box-shadow: 0 2px #b40018; text-decoration: none; }
	.button a:focus, .button button:focus, button.button:focus { background-color: #b40018; top: 0; box-shadow: none; }
}


#content a.grey-button,#content button.grey-button, #content .grey-button a { color: black; background-color: #ebebeb; padding: 0 20px; line-height: 36px; display: inline-block; font-size: 15px;  box-shadow: 0 0 #c1c1c1; font-family: arial, sans-serif; }
#content a.grey-button,#content button.grey-button, #content .grey-button a:hover { cursor:pointer; }
#content a.light-button { background-color: #ebebeb; color: black; font-size: 15px; font-family: arial, sans-serif; }
#content .grey-button a.more { padding-left: 36px; position: relative; }
#content .grey-button a.more::before { content: " "; position: absolute; left: 12px; top: 14px; opacity: 0.5; width: 13px; height: 7px; background: transparent url(/helion/images/helion.svg) -338px -49px; }
#content .grey-button-up a.more::before { content: " "; position: absolute; left: 12px; top: 14px; opacity: 0.5; width: 13px; height: 7px; background: transparent url(/helion/images/helion.svg) -314px -49px; }
#content a.grey-button:hover, #content .grey-button a:hover, #content .grey-button button:hover, #content button.grey-button:hover, #content a.light-button:hover, #content .light-button a:hover, #content .light-button button:hover, #content button.light-button:hover { box-shadow: 0 1px #c1c1c1; ; text-decoration: none; }


.cover { box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); background-color: #c7c7c7; }

.banner { text-align: center; margin: 10px 0; }
.banner-right { float: right; margin: 10px 0 10px 20px; }

.select { position: relative; display: inline-block; }
.select .select-label { position: absolute; left: 0; right: 0;font-size: 15px; overflow: hidden; white-space: nowrap; }
.select::after { content: " "; position: absolute; right: 10px; top: 15px; opacity: 0.5; width: 13px; height: 7px; background: transparent url(/helion/images/helion.svg) -338px -49px; }
.select select { opacity: 0; position: relative; z-index: 1; }
.select-line-cat .select::after{ top: 8px; right:2px;}
.select-line-cat .select .select-label {top:-6px;}
.input-line input { border: 1px solid #DEDEDE; font-size: 15px; height: 24px; padding: 5px 10px; width: 275px; }
.input-line input.error{border-color:#e4001e;}
#content .input-line input.vsmall { width: 30px; margin-right: 20px; }
#content .input-line input.small { width: 73px; }
#content .col-left .input-line input.small { width: 113px; }
#content .input-line input.medium { width: 280px; }
.textarea-line textarea { border: 1px solid #DEDEDE; font-size: 15px; height:100px; padding: 5px 10px; width: 275px; }
#content .textarea-line textarea.medium { width: 280px; }

.opinion1 { background-color: #d1d1d1; box-shadow: inset 0 0 0 1px #d1d1d1; color: #ffffff; }
.opinion2 { background-color: #808080; color: white; }
.opinion3 { background-color: #e47382; color: white; }
.opinion4 { background-color: #e4001e; color: white; }
.opinion5 { background-color: #b40018; color: white; }
.opinion6 { background-color: #800011; color: white; }
.opinion1-content { color: #d1d1d1; }
.opinion2-content { color: #808080; }
.opinion3-content { color: #e47382; }
.opinion4-content { color: #e4001e; }
.opinion5-content { color: #b40018; }
.opinion6-content { color: #800011; }

.vote { display: inline-block; width: 120px; height: 19px; vertical-align: middle; background: transparent url(/helion/images/helion.svg) no-repeat -124px -191px; }
.vote span { display: block; height: 19px;  background: transparent url(/helion/images/helion.png) no-repeat -1px -191px; }
.small-vote { width: 88px; height: 13px; background-position: -362px -352px; }
.small-vote span { height: 13px; background-position: -270px -353px; }


.points { display: inline-block; width: 25px; height: 26px; font-family: arial, sans-serif; font-size: 14px; vertical-align: middle; line-height: 26px; text-align: center; background: transparent url(/helion/images/helion.svg) no-repeat -399px -112px; opacity: 0.5; color: black; }
.icon-help { display: inline-block; width: 15px; height: 15px; text-indent: -10000px; opacity: 0.25; vertical-align: middle; cursor:pointer; background: transparent url(/helion/images/helion.svg) no-repeat -209px -146px; }

a.arrow-link { position: relative; padding-right: 20px; }
a.arrow-link::after { content: " "; position: absolute; right: 0; top: 2px; opacity: 0.25; border-radius: 10px; width: 11px; height: 11px; border: 1px solid black; background: white url(/helion/images/helion.svg) no-repeat -140px -51px; }
a.arrow-link:hover { text-decoration: underline; color: #e4001e; }
a.arrow-link:hover a::after { border-color: #e4001e; background-position: -140px -69px; }
a.arrow-link:focus { text-decoration: none; color: #b40018; }
a.arrow-link:focus a::after { border-color: #b40018; background-position: -140px -87px; }

.infobox { background-color: #d9eaf7; padding: 20px 20px 20px 60px; margin: 14px 0; color: #306c9a; font-size: 15px; position: relative;line-height: 24px; }
.infobox::before { content: " "; background: transparent url(/helion/images/helion.png) no-repeat -4px -76px; width: 24px; height: 24px; position: absolute; left: 21px; top: 18px; }
.infobox-payu-error { background-color: #d9eaf7; padding: 20px 20px 20px 60px; margin: 14px 0; color: #306c9a; font-size: 15px; position: relative;line-height: 24px; text-align:center;}
.infobox-payu-error::before { content: " "; background: transparent url(/helion/images/helion.png) no-repeat -4px -76px; width: 24px; height: 24px; position: absolute; left: 50px; top: 30px; }
.infobox a { color: #306c9a; text-decoration: underline;  }
.infobox-payu-error a { color: #e4001e; text-decoration: underline;  }
.successbox { background-color: #e2f7db; padding: 25px 20px 25px 120px; margin: 14px 0; min-height: 56px; color: #43802f; font-size: 15px; line-height: 18px; position: relative; }
.successbox::before { content: " "; border: 2px solid #43802f; width: 56px; height: 56px; position: absolute; left: 35px; top: 35px; }
.successbox::after { content: " "; background: transparent url(/helion/images/helion.svg) no-repeat -118px -114px; width: 30px; height: 22px; position: absolute; left: 51px; top: 56px; }
.successbox p { margin: 6px 0; }
.successbox.oneline p { line-height: 64px; font-weight: 100; font-family: canaro, sans-serif;  font-size: 30px; }
.successbox a { color: #43802f; text-decoration: underline;  }

.messagebox { position: relative; margin: 18px 0 8px 0; border: 1px solid #dedede; padding: 17px 40px 17px 120px; font-size: 15px; line-height: 24px; }
.messagebox::before { content: " "; background: transparent url(/helion/images/helion.png) no-repeat -380px -204px; width: 64px; height: 64px; position: absolute; left: 31px; top: 21px; }
.messagebox .close { position: absolute; top: 17px; right: 17px; text-indent: -10000px; display: block; right: 20px; top: 20px; background: transparent url(/helion/images/helion.png) no-repeat -287px -48px; width: 11px; height: 11px; }
.messagebox p a { position: relative; padding-right: 21px; }
.messagebox p a.more::after { content: " "; position: absolute; right: 0; top: 3px; opacity: 0.25; border-radius: 10px; width: 11px; height: 11px; border: 1px solid black; background: white url(/helion/images/helion.svg) no-repeat -140px -51px; }
.messagebox p a.more:hover { text-decoration: underline; color: #e4001e; }
.messagebox p a.more:hover a::after { border-color: #e4001e; background-position: -140px -69px; }
.messagebox p a.more:focus { text-decoration: none; color: #b40018; }
.messagebox p a.more:focus a::after { border-color: #b40018; background-position: -140px -87px; }

.help-article-page td,th {padding:10px;}
.text { font-size: 15px; line-height: 24px; }
.text a { color: #e4001e; }
.text .help-page a { color: #000000; }
.text a:hover { text-decoration: underline; }
.text a:focus { color: #b40018; }
.text h2 { margin-bottom: 11px; margin-top: 30px; line-height: 30px; font-size: 24px; font-weight: normal; font-family: canaro, sans-serif; }
.text p { margin-top: 12px; margin-bottom: 12px; }
.text ul { list-style-type: none; margin: 0; padding: 0; }
.text ul li { padding-left: 14px; position: relative; margin-top: 12px; margin-bottom: 12px; }
.text .help-page  ul li { padding-left: 0px; margin-top: 0px; margin-bottom: 0px; }
.text .strong { background-color: #ebebeb; border-left: 4px solid #e4001e; padding: 10px 30px 10px 27px; margin: 25px 0; }
.text ul li::before { content: " "; width: 4px; height: 4px; border-radius: 10px; position: absolute; left: 0; top: 10px; background-color: #e4001e; }
.text .help-page ul li::before { background-color: #fff; content:none; }

.button .more-regulamin{background:#fff; color:#000; font-size:inherit; font-family:inherit; padding:0px; line-height:inherit;}