html { font-family: sans-serif; }
body { margin: 0px; }
a { background-color: transparent; }
a:active,a:hover { outline: 0px; }
img { border: 0px; }
* { box-sizing: border-box; }
html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857; color: #333; background-color: #fff; }
img { vertical-align: middle; }
.text-right { text-align: right; }
.container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
.row { margin-right: -15px; margin-left: -15px; }
.col-sm-3, .col-sm-6, .col-sm-9, aside { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
aside { float: left; text-align: center; }
.container::before,.container::after,.row::before,.row::after { display: table; content: " "; }
.container::after,.row::after { clear: both; }

html { font-family: Arial; font-size: 100%; }
a:hover,a:active { outline: 0px; }
img {max-width: 100%;height: auto;border: 0px;max-height: 600px;margin: 0 auto;display: block;}
body { margin: 0px; font-family: "Source Sans Pro", sans-serif; font-size: 17px; font-weight: 300; color: #272c35; background: #d5eaf8; }
a { color: #12a3de; text-decoration-line: none; }
a:hover { text-decoration-line: underline; color: #ff9600; }
.attachment-detail { padding: 0; background: #252429; }
.attachment-inner {padding: 20px 50px;background: #434247;width: 75%;float: left;}
.attachment-close { margin-bottom: 20px; padding-right: 60px; color: #fff; font-size: 18px; font-weight: 500; display: inline-block; position: relative; }
.attachment-close::after { margin-top: -20px; width: 40px; height: 40px; content: ""; display: block; position: absolute; top: 50%; right: 0px; background: url("https://www.letemsvetemapplem.eu/bazar/wp-content/themes/lsabazar/images/sprite.png") 0px -79px no-repeat; }
.attachment-image-wrapper { margin-bottom: 20px; position: relative; }
span.attachment-link { margin-top: -28px; width: 22px; height: 45px; font-size: 0px; display: block; position: absolute; top: 50%; background: url("https://www.letemsvetemapplem.eu/bazar/wp-content/themes/lsabazar/images/sprite.png") no-repeat; }
span.attachment-link-prev { left: 15px; background-position: 0px -119px; }
span.attachment-link-next { right: 15px; background-position: -22px -119px; }
a.attachment-link { width: 33%; height: 100%; display: block; position: absolute; top: 0px; }
a.attachment-link-prev { left: 0px; }
a.attachment-link-next { right: 0px; }
a.attachment-link-image { left: 33%; }
.attachment-info { color: #fff; font-size: 18px; font-weight: 300; text-align: center }

.container { width: 1170px; }

hot-articles.single { margin: 0 auto; }
figure.smallart {
	margin: 0 0 10px 0;
	padding: 0;
	width: calc(50% - 10px);
	display: inline-block;
	color: #fff;
}
figure.smallart:nth-child(even) {
	margin-left: 10px;
}
figure.smallart a {
	display: flex;
	align-items: center;
	border: 1px solid #ebebeb;
}
figure.smallart a, figure.smallart a:hover, figure.smallart a:visited, h2.section-headline a:hover { text-decoration: none; }
figure.smallart div {
    min-width: 100px;
    display: block;
    height: 100px;
    display: inline-block;
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    padding: 0;
    position: relative;
    border-right: 1px solid #ebebeb;
}
figure.smallart img {
	max-height: 100px;
	max-width: 200px;
	width: auto;
	height: 100%;
	width: auto;
	height: auto;
	position: absolute;
	top: -100%;
	left: -100%;
	right: -100%;
	bottom: -100%;
	margin: auto;
}
figure.smallart figcaption {
	color: #fff;
	font-weight: 300;
	font-size: 16px;
	padding: 0 10px;
}
figure.smallart:hover figcaption {
	color: #00adf4;
}
.onlymobile { display: none }


#kocka1, #kocka2, #lavybanner, #pravybanner, #hornybanner { position:absolute;display:block; z-index:100; background-repeat: repeat-y }
#kocka1, #kocka2 { width: 125px; height: 125px; top: 0; }
#lavybanner, #pravybanner { width: 125px; height: 1300px; top: 125px; }
#kocka1{ margin-left:-140px; z-index:100; }
#kocka2{ left:1305px; z-index:0; }
#lavybanner{ margin-left:-125px; }
#pravybanner{ left:1170px; z-index:0; }
#hornybanner{ width:1170px; top:0; height:125px; }
img.trackpixel {position: absolute}


@media (max-width: 960px) {
	.onlymobile {display: initial;}
	.onlydesktop { display: none }
	#hornybanner {
	    max-width: 98% !important;
	    width: 1170px !important;
	    margin: 0 !important;
	    background-size: contain !important;
	}
}

@media (max-width: 960px) {   
	.container { width: 100%; }
	.attachment-inner { padding: 0 }
	.col-sm-3, .col-sm-6, .col-sm-9, aside { padding-bottom:5px; margin-bottom:15px; }
	.attachment-detail { padding: 0; }
	figure.smallart { width: 100%; margin-left: 0 !important; }
	
	#pravybanner, #kocka2, #kocka1, #lavybanner { display: none !important }
	#hornybanner {left: 0 !important;padding-bottom: 11vw !important;max-width: 100% !important;}
	#hornybanner, .topspace {height: 0 !important}

	.attachment-detail div.col-xs-12.col-sm-9 { padding: 0;}
	.attachment-detail .row { margin: 0 }
	.attachment-detail { background: #434247; padding: 0 }
	.attachment-inner .text-right { padding: 15px 15px 0 0;height:55px }
	aside, .attachment-inner { width: 100%; }
}

.attachment-inner { width: 100% }