/* ------------- CLASSIFIEDS ------------ */

.content-right {padding: 0px 10px 0px 0px; width: 173px;}
.content-middle {text-align: center;}



.site-label:first-letter, .site-label2:first-letter, .site-label-sub:first-letter, .inzerat-wrap h3:first-letter, .inzerat-wrap h3 a:first-letter, .inzerat-wrap span:first-letter {text-transform: capitalize;}




/* LEFT MENU - CLASSIFIEDS + AKCIE */

.inzercia-left {padding: 20px 0px 0px 0px; width: 220px;}
.inzercia-menu a {font-size: 15px; color: white; display: block; padding: 12px 16px; text-align: left; border-bottom: 1px solid #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 220px;}
.inzercia-menu a:hover {text-decoration: none;}
.inzercia-menu a:first-child {border-radius: 3px 3px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px}
.inzercia-menu a:last-child {border-radius: 0px 0px 3px 3px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px}

#class_select2 {font-size: 16px; display: table; padding: 4px; margin: 20px auto 0px auto;}



/* CLASSIFIEDS - SELECT */

.inzercia-select {text-align: center;}
.inzercia-select select {font-size: 19px; padding: 9px 14px; margin: 10px auto 20px auto; width: auto;}

.inzercia-select select, #class_select2 {border: 1px solid rgba(0,0,0,0.2);}
.inzercia-select select:hover, #class_select2:hover {border: 1px solid rgba(0,0,0,0.5);}



/* CLASSIFIEDS - LISTING */

.inzercia-list {padding: 0px 20px 0px 50px;}
.inzercia-list .inzerat-wrap {padding: 0px 0px 48px 0px; margin: 0px 0px 44px 0px; width: 100%; display: table; line-height: 27px; border-bottom: 1px solid #F3C5AB;}
.inzercia-list .inzerat-wrap h3 {font-size: 17px; margin-left: -5px; display: block;}
.inzercia-list .inzerat-wrap h3 a {display: block; font-size: 18px;}
.inzercia-list .inzerat-wrap h3 a:first-letter {text-transform: uppercase;}
.inzercia-list .inzerat-wrap h4 {font-size: 16px;}
.inzercia-list .inzerat-wrap h5, .inzercia-list .inzerat-wrap h5 a {font-size: 17px;}

.inzercia-list a.add {margin: 0px auto;}



/* CLASSIFIEDS - VIEW */

.inzerat-view {padding: 0px 20px 0px 50px;}
.inzerat-view .inzerat-wrap {margin: 10px auto 70px auto; line-height: 28px; width: 100%; display: table; }
.inzerat-view .inzerat-wrap h3 {font-size: 21px; margin: 0px 0px 4px -5px;}
.inzerat-view .inzerat-wrap h4 {font-size: 16px; color: #777;}
.inzerat-view .inzerat-wrap h5, .inzerat-view .inzerat-wrap h5 a, .akcia-wrap h5 a {font-size: 18px;}
.inzerat-view div.description2 {font-size: 16px;}



/* CLASSIFIEDS - AD */

.inzercia {width: 100%; display: table;}
.inz-shw0 {display: none;}
.inz-cs, .inz-sk {display: block !important; padding: 0px 0px 0px 0px; clear: both; float: none;}

.inzerat {width: 65%; padding: 0px 35px 0px 0px;}
.inzerat a img {width: 100px;}
.inzerat div.description {font-size: 16px; display: block; position: relative; max-height: 160px; overflow: hidden; text-align: justify;}
.inzerat div.text-grad {text-align: center; vertical-align: middle; position: absolute; bottom: 0px; left: 0px; right: 0px; top: 0px;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.inzerat div.text-grad:hover {background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.inzerat div.text-grad .text-grad-arrow {display: none; margin: auto; font-size: 20px; top: 40px; position: relative;}
.inzerat div.text-grad:hover .text-grad-arrow {display: block;}


.inzerent {width: 35%;}
.inzerent, .inzerent div {font-size: 16px;}
.inzerent a {font-size: 15px;}
.inzerent svg {margin: -3px 10px 0px 0px; width: 16px; height: 16px;}
.inzerent .right {text-align: right; font-size: 16px;}
.inzerent .right img {display: block; margin: 4px 0px;}
.inzerent .right a {display: block; margin: 4px 0px; font-weight: bold; font-size: 18px;}
.inzerent .right a svg {margin: -4px 7px 0px 0px; height: 22px; width: 22px;}
.inzerent .right svg {padding: 5px 0px;}

.inzerat-prilohy {display: block; width: 100%; white-space: nowrap; text-align: center; margin: 10px auto 0px auto;}
.inzerat-prilohy a {display: inline-block; vertical-align: bottom;}
.inzerat-prilohy a img {margin: 5px; max-height: 100px; max-width: 220px; display: block; border: 1.5px solid rgba(0,0,0,0.15);}
.inzerat-prilohy a img:hover {border: 1.5px solid #bb0000; box-shadow: 1px 2px 4px rgba(0,0,0,0.2);}



/* USER ADS */
.inzercia h6 {padding: 35px 0px 8px 0px; font-weight: normal; border-top: 1px solid #e6d3c1;}
.inzercia h6,.inzercia h6 a {font-size: 19px;}
.inzerat-view .item-related li h3 a {font-size: 16px; margin-left: -5px; display: block; font-weight: normal; }
.inzerat-view .item-related li {font-size: 14px; padding: 20px 12px; line-height: 24px;}
.inzerat-view .item-related li a img {max-height: 75px; vertical-align: bottom;}
.inzerat-view .item-related li div {display: inline-block; float: right;}






/* AKCIE */


.akcia-wrap {border-bottom: 1px solid #e3d8c9; padding: 0px 0px 35px 0px; margin: 0px 0px 35px 0px; line-height: 25px;}
.akcia-wrap:last-child {border: none;}
.akcia-wrap h3, .inzerent h3 {font-size: 18px; margin-left: -5px;}
.akcia-wrap h3:first-letter {text-transform: capitalize;}
.akcia-wrap h4 {font-size: 16px; color: #888;}
.akcia-wrap h5 {font-size: 16px; color: #888;}
.akcia {padding: 0px 35px 0px 0px;}


.akcia-wrap .inzerent {width: 30%;}
.akcia-wrap .inzerent img {vertical-align: -3px; }
.akcia-wrap .inzerent .right {text-align: right;}
.akcia-wrap .inzerent .right img {padding: 5px 0px;}

.akcia-wrap .akcia-prilohy {text-align: center;}
.akcia-wrap .akcia-prilohy a {display: block; margin: 5px auto;}
.akcia-wrap .akcia-prilohy a img {max-height: 100px; max-width: 200px; border: 1px solid #fff;}
.akcia-wrap .akcia-prilohy a img:hover {border: 1px solid #bb0000; box-shadow: 1px 1px 14px #444;}


.akcia-wrap .akcia-cena {font-size: 16px; float: right; background: #f7cf9b; color: #804E0B; padding: 15px 20px; margin: 4px 10px 10px 10px; border-radius: 14px; line-height: 29px;}
.akcia-wrap .akcia-cena b {font-size: 37px; display: block; text-align: center; margin-bottom: 5px; color: black;}
.akcia-wrap .akcia-cena b span {font-size: 21px; color: #7E4D0A;}
.akcia-wrap .akcia-cena .validity {font-size: 17px; display: block; color: #412705;}




.more {padding-bottom: 40px; text-align: center;}
.more a {padding: 10px 20px; display: inline-block;}

.offer-preview {padding-bottom: 40px; text-align: center; margin: auto;}
.offer-preview a {display: inline-block; font-size: 18px; padding: 14px 24px; border-radius: 34px; text-align: center; margin: auto 34px;}
.offer-preview .class {border: 1px solid #bb0000;}
.offer-preview .next {border: 1px solid #00aa00; color:#00aa00;}
.offer-preview .next svg {fill:#00aa00;}
.offer-preview a svg {height: 18px; width: 18px; opacity: 0.7; margin: -3px 8px 0px 0px;}
.offer-preview a:hover svg {opacity: 1;}
.offer-preview .next:hover {border: 1px solid #008400; color: #008400; }
.offer-preview .class:hover {border: 1px solid #ff0000;}

.notice-green.free-preview {font-size: 27px !important; text-align: center; border-radius: 74px;}
.notice-green.free-preview img {max-height: 27px; display: inline-block; margin-right: 10px;}
.notice-green.free-preview p {font-size: 16px !important; color: #fff;}

.bottom-messenger {display: none; bottom: 10px;}
.add-messenger {display: none; bottom: 20px;}

.free-img {text-align: center;}
.free-img-thumb {max-height: 120px; max-width: 120px; margin: 5px 15px 25px 15px; border: 1px solid #ddd;}
.free-img-thumb:hover {border: 1px solid #bb0000;}




@media screen and (max-width: 1279px) {
	
.inzercia-left {display: none;}
.inzerat {display: block; width: 100%; padding: 0px 20px 0px 0px;}
.inzerat-view {display: block; padding: 0px 10px; float: none; clear: both;}
.content-right {display: block; padding-top: 30px; margin: auto;}
.inzercia-list, .inzerat-view {display: block; padding: 0px}
.akcia-wrap .akcia-cena {display: table; float: none; margin: 15px 0px;}
.inzercia-menu {display: none;}

}



@media screen and (max-width: 1023px) {

.inzerent {display: block; width: 100%; padding-top: 30px;}
.inzerat {display: block; width: 100%; padding: 0px;}
.inzerat-prilohy a img, .inzerat-prilohy {white-space: normal; float: none; display: inline-block;}
.akcia {display: block;}
.inzerat-view .item-related li h3 {font-size: 16px; margin-left: 0px; display: block; font-weight: normal; float: none; clear: both;}
.inzerat-view .item-related li div {display: block; float: none; clear: both; text-align: center; margin: 5px auto 0px auto; box-sizing: border-box;}

}





@media screen and (min-width: 1280px) {

.inzercia-select {display: none;}

}


@media screen and (max-width: 768px) {

.offer-preview a {display: block; margin: 34px auto;}

}