/* Zakladni  */
html, body      { background-color: #c0c4c7; padding: 0; }
.outside        { margin: 0 auto; max-width : 1240px; }
.outside_header { height: 220px; background-repeat: no-repeat; background-size: 100% 220px; }
.inside         { background-color: white; color: #000000; overflow: hidden; padding-bottom: 15px; }
.wrap           { border-color: white; padding-top: 0; min-width: 300px; }

#zahlavi    { background-repeat: no-repeat; height: 220px; position: relative; }
#logo       { background-repeat: no-repeat; position: absolute; font-family: FranklinGothicBook, Arial; font-size: 13px; color: white; cursor: pointer; }
#uzivatel   { width: 300px; height: 20px; position: absolute; top: -25px; right: 20px; font-family: Arial, Helvetica; font-size: 10px; text-align: right; }

#portaly            { position: absolute; overflow: hidden; width: 100%; height: 20px; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.9); text-align: center; z-index: 100; }
#portaly ul         { list-style-type: none; margin: 0; padding: 0; position: absolute; width: 100%; }
#portaly li         { display: inline; float: none; height: 20px; }
#portaly li a       { margin: 0; padding: 3px 30px; font-size: 13px; font-family: FranklinGothicBook, Arial; color: white; text-decoration: none; }
#portaly li a:hover { background-color: white; color: black; }
#portaly li.zde a   { color: white; cursor: default; }

#menu               { position: relative; height: 49px; bottom: 49px; left: 0; }
#menu ul            { list-style-type: none; margin: 0; padding: 0; position: absolute; width: 100%; }
#menu li            { display: inline; float: left; height: 49px; }
#menu li a          { margin: 0; padding: 11px 35px 16px 35px; font-size: 21px; font-family: BebasNeueRegular, Arial; color: white; text-decoration: none; }
#menu li a:hover    { background-color: rgba(255, 255, 255, 0.4); }
#menu .menu_login   { position: absolute; right: 60px; background-repeat: no-repeat; background-position: 50% 50%; }
#menu .menu_search  { position: absolute; right: 0; background-repeat: no-repeat; background-position: 50% 50%; }
#menu .menu_search a, #menu .menu_login a    { padding: 25px 30px; }
#menu .menu1 a          { background-color: white; }
#menu .menu1 a:hover    { background-color: white; }
#menu .podsebou a   { padding-top: 1px; line-height: 1em; text-align: center; }

.menu2          { position: absolute; top: 8px; right: 20px; display: none; cursor: pointer; }
.menu2 div      { width: 32px; height: 4px; background-color: white; margin: 5px 0; cursor: pointer; }
#menu2          { position: absolute; top: 0; right: 0; display: none; cursor: pointer; width: 130px; opacity: 0.9; z-index: 100; }
#menu2 li       { display: block; height: 40px; text-align: center; }
#menu2 li a     { margin: 0; padding: 8px 0; font-size: 21px; font-family: BebasNeueRegular, Arial; color: white; text-decoration: none; }
#menu2 li:hover { background-color: rgba(255, 255, 255, 0.4); }
.ikona_search   { position: absolute; top: 12px; right: 70px; display: none; cursor: pointer; }

#page-header    { margin-top: 5px; }
.bg_header      { right: -170px; top: -220px; position: absolute; width: 170px; height: 220px; background-repeat: no-repeat; background-size: 100% 220px; }


/* Novinky */
#page-novinky h1    { font-size: 23px; margin: 0 0 15px 0; }
#page-novinky h2, #page-novinka h2  { font-family: BebasNeueRegular, Arial; font-weight: normal; font-size: 20px; color: #555555; margin: 0 0 12px 0; line-height: 1; }
#page-novinky h2 a  { color: #555555; }
#page-novinky h2 a:hover  { text-decoration: none; }
.novinky_levy   { width: 60%; float: left; }
.novinky_pravy  { width: 40%; float: right; }
.ikonka         { float: left; margin: 5px 8px 0 0; }
.novinky_levy .box  { padding-right: 12px; }
.novinky_pravy .box { padding-left: 12px; }

.novinka h2>a   { border-bottom: 1px solid white; padding-bottom: 2px; }
.novinka h2>a:hover   { border-color: black; }
.novinka, .novinka2 { width: 100%; overflow: hidden; margin-bottom: 25px; font-family: FranklinGotItcTOTBookConRg; font-size: 15px; line-height: 1.25em; }
.novinka        { border-top: 1px dashed #c0c0c0; padding-top: 15px; }
.novinka .datum     { width: 100px; }
.novinka p, .novinka2 p { font-family: inherit; font-size: inherit; line-height: inherit; margin: 0; padding: 0; }
.nov1           { float: left; width: 50%; }
.nov2           { float: right; width: 50%; }
.nov1 div       { margin-right: 10px; }
.nov2 div       { margin-left: 10px; }
.nov1 div, .nov2 div    { border-top: 1px dashed #dddddd; padding-top: 15px; }
.vice           { display: none; }
.zobr-vice      { overflow: hidden; }
.zobr-vice a    { float: right; }
.novinka .postimage { max-width: 100%; }

#diskuze_box    { margin-bottom: 40px; }
.diskuze_levy   { width: 50%; float: left; }
.diskuze_pravy  { width: 50%; float: right; }
.diskuze_levy a, .diskuze_pravy a, .dalsi a     { font-family: Arial; font-size: 11px; line-height: 1.1em; }
.sloupek div    { margin-bottom: 2px; }
.diskuze_levy .sloupek  { padding-right: 5px; }
.diskuze_pravy .sloupek { padding-left: 5px; }
.sloupek h6     { font-family: FranklinGotItcTOTDemiConRg; font-size: 12px; text-transform: uppercase; font-weight: normal; padding-bottom: 2px; }
.sloupek span   { font-family: FranklinGotItcTOTMedConRg, Arial; }
.diskuze        { display: block; color: #505050; padding-top: 5px; }

#recenze_box h2 { margin: 0; padding-bottom: 4px; }
#recenze_box p  { font-family: FranklinGotItcTOTBookConRg, Arial; font-size: 1.45em; line-height: 1.2em; margin: 0; padding: 0; }
#recenze_box img    { float: left; max-width: 100%; margin: 4px 10px 5px 0; }

.ukazka         { padding: 8px; background-color: #eeeeee; margin-bottom: 10px; color: #717171; }
.ukazka:hover   { background-color: #dddddd; cursor: pointer; }
#recenze_box .podnadpis     { font-family: FranklinGotItcTOTBookConRg; margin-bottom: 5px; font-size: 1.45em; line-height: 1.2em; color: #353535; }
.dalsi          { font-family: Arial; text-align: right; }
.hr             { display: none; margin: 0; border-style: dashed; border-color: #c0c0c0; }

#info_soutez        { overflow: hidden; font-size: 11px; padding: 15px 5px; font-weight: bold; color: #333; }
#info_soutez img    { float: left; padding-right: 10px; max-width: 150px; max-height: 150px; }

/* Novinka */
.news               { border-top: 0; }
.news p             { padding-top: 5px; }
.news div:nth-child(3)  { padding-top: 10px; }
#page-novinka h2    { font-size: 24px; }

/* Recenze - seznam */
.clanek_levy    { width: 50%; float: left; }
.clanek_pravy   { width: 50%; float: right; }
.clanek_levy .clanek   { margin-right: 10px; }
.clanek_pravy .clanek  { margin-left: 10px; }

.clanek         { border: 0; border-top: 1px dashed #c0c0c0; overflow: hidden; color: #717171; margin: 10px 0; padding: 10px 8px 8px 8px; }
.clanek h2      { margin: 0 0 8px 0; font-family: BebasNeueRegular, Arial; font-weight: normal; font-size: 20px; color: #555555; }
.clanek p       { font-family: FranklinGotItcTOTBookConRg, Arial; font-size: 1.45em; line-height: 1.3em; color: #4e4e4e; margin: 0; padding: 0; }
.clanek .podnadpis { font-family: FranklinGotItcTOTMedConRg; font-size: 1.5em; margin-bottom: 8px; }
.clanek:hover   { background-color: #eeeeee; cursor: pointer; border-top: 1px solid #eeeeee; }
.clanek a       { text-decoration: none; }
.clanek img     { float: left; margin: 4px 10px 5px 0; }
.hlavni         { background-color: #f2f2f2; border-top: 1px solid #f2f2f2; }
.hlavni:hover   { background-color: #dddddd; border-top: 1px solid #dddddd; }

/* Recenze - clanek */
#page-clanek #page-header,
#page-clanek .postprofile,
#page-clanek .postbody h3,
#page-clanek .stat-block,
.clanek-text .action-bar,
.clanek-text .author       { display: none; }
.clanek-text .post-buttons { z-index: 99; }
#page-clanek .bg2          { background-color: white; }
#page-clanek .postbody     { width: 100%; }
#page-clanek .online       { background-image: none; }
#page-clanek h2.topic-title{ padding-left: 10px; }
#page-clanek .podnadpisek  { font-family: FranklinGotItcTOTMedConRg; font-size: 18px; line-height: 1.2em; color: #404040; padding-right: 80px; }
#page-clanek .clanek_datum { float: none; position: absolute; margin: 0; right: 0; top: 0; font-size: 15px; font-family: BebasNeueRegular, Arial; line-height: 1.2em; color: #666; }
#page-clanek .content      { font-family: FranklinGothicBook, Arial; font-size: 1.5em; line-height: 1.4em; margin-bottom: 10px; position: relative; }
#page-clanek .sdilet       { position: absolute; right: 0; bottom: 2px; }
#page-clanek .post img     { max-width: 100%; }
#page-clanek .post         { margin-left: 0; margin-right: 0; }

/* Redaktori CV */
#redaktor           { overflow: hidden; color: white; margin: 20px 0 30px 0; padding: 15px; line-height: 1.33em; }
#redaktor div       { overflow: hidden; font-family: BebasNeueRegular, Arial; font-size: 18px; font-weight: normal; margin-bottom: 5px; padding-bottom: 4px; border-bottom: 2px solid white; line-height: 1.2em; }
#redaktor img       { border: 1px solid white; }
#redaktor a:link, #redaktor a:visited, #redaktor a:active    { color: white; text-decoration: underline; }

/* Bazar - seznam */
#page-bazar h2.topic-title  { padding-bottom: 0; }
#page-bazar #nav-breadcrumbs{ padding-bottom: 5px; }
#bazar .bg                  { background-color: #ebebeb; }
#bazar .bg2                 { background-color: white;  border-top: 1px dashed #c0c0c0; }
#bazar .post                { margin-bottom: 20px; padding: 15px 0 0 0; }
#bazar h3                   { font-size: 14px; margin-bottom: 1px !important; float: none; }
#bazar .content             { padding-top: 10px; }
.bazar_oznac                { float: right; }
.filter_bazar               { float: left; }
.filter_bazar div           { margin-top: 5px; position: relative; }
.filter_bazar span          { font-family: BebasNeueRegular, Arial; font-size: 16px; color: #3E3E3E; line-height: 0.8; }
.filter_bazar select        { position: absolute; left: 70px; top: 0; }
.filter_bazar select option { background-color: white; }
#f_kategorie                { width: 210px; }
.prodej                     { color: rgb(150, 0, 0); }
.nakup                      { color: rgb(0, 150, 0); }
.bazar_sdilet               { position: absolute; bottom: 0px; left: 0px; height: 20px; }
.icon-bazar                 { background-size: 32px; background-repeat: no-repeat; background-position: 0 50%; padding-left: 40px; }
#bazar .postbody            { width: 100%; }
.obr-bazar                  { padding-left: 270px; background-repeat: no-repeat; }
.bg .obr-bazar              { background-position-x: 7px; }
.info-bazar                 { width: 100%; overflow: hidden; padding-top: 10px; }
.bg .info-bazar             { padding-bottom: 10px; }
.info-bazar div:nth-child(1){ width: 50%; float: right; text-align: right; }
.info-bazar div:nth-child(2){ width: 20%; float: right; }
.info-bazar div:nth-child(3){ width: 30%; }
.menu-kategorie             { display: none; }
.kat                        { font-weight: bold; padding-bottom: 5px; }
.kat a:hover                { color: #6574e3; }
.kat span                   { color: #6574e3; }

#bazary         { text-align: center; padding-top: 6px; border-top: 1px solid #CCCCCC; font-size: 12px; }
#bazary ul      { display: inline-block; list-style-type: none; }
#bazary ul li   { float: left; margin: 2px 20px; }

#page-bazar .post img       { max-width: 100%; }

/* Bazar - vkladani prispevku */
.bazar_post div:first-child { float: left; }
.bazar_post div:last-child  { padding-left: 525px; }
.bazar_post input[name=nick]{ display: none; }
.do_archivu                 { color: rgb(150, 0, 0); font-size: 11px; padding: 5px 0; }
.do_archivu a               { color: inherit; text-decoration: underline; }
#page-bazar #postingbox .fields1    { position: relative; }

/* Kontakt*/
#page-kontakt p     { font-family: Verdana, Helvetica, Arial, sans-serif; line-height: 1.5em; font-size: 13px; margin: 20px 0px; }
.kontakt div        { font-size: 12px; margin: 20px 0px; }
.kontakt small      { font-size: 10px; }

/* Souteze */
.soutez-box                 { width: 100%; overflow: hidden; font-family: FranklinGotItcTOTBookConRg, Arial; font-size: 15px; padding: 30px 0; border-top: 1px dashed #a8a8a8; }
.soutez-box p               { line-height: inherit; font-size: inherit; margin-bottom: 10px; }
.soutez-box:nth-of-type(1)  { border-top: 0; }
.soutez-box .obr-soutez     { float: right; padding-left: 20px; }
#soutez                     { margin-bottom: 10px; }
#soutez td:nth-of-type(2)   { padding-left: 10px; }
#page-souteze h1            { margin-bottom: 0; }
#page-souteze h2            { margin-top: 0; padding: 0 0 5px 0; font-family: BebasNeueRegular, Arial; font-size: 24px; }
#page-souteze small         { font-size: 10px; }
#page-souteze em            { color: #DE0A46; font-weight: bold; font-size: inherit; font-style: normal; }
#page-souteze select        { height: 22px; font-size: 12px; line-height: 1em; vertical-align: unset; }
#page-souteze input         { height: 18px; font-size: 11px; line-height: 1em; margin: 2px 0; width: 100%; }

/* Notofikace */
#notification_list.dropdown { left: -70px; }
#notification_list .pointer { left: 80px; }

#push-notifications h2      { padding-top: 25px; font-family: Helvetica, Arial; font-size: 1.6em; }
#push-notifications .button { color: black; font-size: 11px; }
#push-notifications p       { text-align: center; }

/* Ruzne - spolecne */
.vlastni    { margin-top: 15px; }
#page-footer .paticka div:first-of-type { float: left; }
#page-footer .paticka div:last-of-type  { float: right; }
#page-clanek h2.topic-title a, #page-bazar h2.topic-title a    { font-family: FranklinGotItcTOTDemiConRg; font-size: 28px; text-decoration: none; cursor: text; }

h1      { margin: 15px 0; font-family: BebasNeueRegular, Arial; font-weight: normal; font-size: 30px; line-height: 1; padding-bottom: 7px; }
.h      { display: none; }
.stat   { border: 0; width: 1px; height: 1px; margin: 0; padding: 0; }
.obal   { width: 100%; overflow: hidden; }
.datum  { font-family: BebasNeueRegular, Arial; float: right; width: 70px; overflow: hidden; font-size: 14px; font-weight: normal; color: #666666; text-align: right; }
.bbcode { width: 100%; overflow: hidden; margin: 10px 0; }
.bbcode div:last-of-type { display: none; font-size: 14px; }
.bbcode2 { margin-top: 15px; }
/*.bbcode iframe      { max-width: 100%; }*/
.video-responsive   { overflow:hidden; padding-bottom:56.25%; position:relative; height:0; }
.video-responsive iframe    { left:0; top:0; height:100%; width:100%; position:absolute; }
.profile-vybaveni   { padding-top: 3px; position: relative; overflow: inherit!important; line-height: 1.4em!important; }
.more_info .title   { position: absolute; top: 20px; padding: 4px; left: 0; border: 1px solid black; background: white; color: black; z-index: 100; font-weight: normal; }
.mail   { cursor: pointer; }

.ranky      { font-family: Arial, Helvetica, sans-serif; font-size:12px; margin-top: 30px; padding: 10px; border: 1px solid #eee; }
.ranky a, .ranky a:link, .ranky a:visited, .ranky a:hover	{ text-decoration: underline; font-size:15px; font-weight: bold; color: #3b5998; }
.ranky  div { padding-bottom: 3px; }

.bg0    {  display: none!important; background-color: #ECF3F7; }
li.bg0:hover { background-color: #ECF3F7; }

.cc-color-override--1687565279.cc-window    { background-color: rgba(0, 0, 0, 0.7) !important; }
.cc-window.cc-banner    { padding: 0.4em 1.8em !important; }
.cc-btn                 { padding: .1em .2em !important; }
.cc-window .cc-message  { margin-bottom: 0.4em; }

/* Paginace pro recenze, navody, bazar... */
#page-clanek .pag_hlavni, #page-bazar .pag_hlavni, #page-novinky .pag_hlavni    { margin-bottom: 10px; padding-top: 10px; text-align: center; float: none; border-top: 1px dashed #c0c0c0; }
#page-bazar .pag_hlavni_right           { float: right; text-align: right; border-top: 0; padding-top: 15px; }
.pag_hlavni li.active span              { font-family: BebasNeueRegular,Arial; line-height: 1.1; }
.pag_hlavni li a, .pag_hlavni li span   { font-family: BebasNeueRegular,Arial; line-height: 1.1; background-color: #a8a8a8; border-color: #a8a8a8; color: white; height: 16px; border-radius: 0; padding: 2px 5px;  }
.pag_hlavni .icon                       { color: white; }

a.button_fb, input.button_fb    { background-image: none; background-color: #4267b2; color: white; padding: 1px 8px 2px 8px; font-size: 1.14em; font-weight: normal; }
#qr_postform p  { font-size: 1em; }

/* Prepsat podminku z common.css a responsice.css - velikost vypisu fora */
@media only screen and (max-width: 1220px), only screen and (max-device-width: 1220px) {
    .wrap   { margin: 0; }
    .clanek img  { max-width: 190px; }

    /* Bazar - zarovnani podminek vkladani inzerce */
    .bazar_post div:first-child { float: none; }
    .bazar_post div:last-child  { padding-left: 0; margin: 10px 0; }
}

/* Prepsat sirky sloupcu v prehledu for - kvuli pravemu sloupci */
@media (min-width: 701px) and (max-width: 950px) {
    ul.topiclist dt    { margin-right: -260px; }
    ul.topiclist dt .list-inner { margin-right: 260px; }
    dd.posts, dd.topics, dd.views { width: 40px; }
    dd.lastpost        { width: 180px; }
}


@media (max-width: 1000px) {
    .obr-bazar      { padding-left: 170px; min-height: 150px!important; background-size: 150px auto;  }
}


@media (max-width: 900px) {
    #zahlavi        { background-image: none; }
    .vlastni h1     { margin: 5px 0; }
    #recenze_box img    { float: none; }
    .diskuze_levy   { display: none; }
    .diskuze_pravy  { width: 100%; float: none; }
    .box .novinka img   { max-width: 200px; }
    .news img       { max-width: 300px; }
    .nov1,.nov2     { float: none; width: 100%; }
    .nov1 div, .nov2 div    { margin: 0; }
    .nov1           { margin-bottom: 25px; }
    .ukazka .datum  { float: none; text-align: left; }
}


@media (max-width: 800px) {
    #portaly li a           { padding: 3px 20px; }
    .clanek_pravy           { float: none; width: 100%; }
    .clanek_levy            { width: 100%; }
    .clanek_pravy .clanek   { margin: 10px 0 0 0; }
    .clanek_levy .clanek    { margin-right: 0; }
    .bazar_oznac            { max-width: 130px; text-align: right; line-height: 1.2em; }
    .info-bazar div:nth-child(1)    { width: 100%; float: none; text-align: left; }
    .info-bazar div:nth-child(2)    { width: 50%; }
    .info-bazar div:nth-child(3)    { width: 50%; }
    .box .novinka img       { max-width: 170px; }
    .novinka .datum         { float: none; text-align: left; }
}

@media (max-width: 700px) {
    #menu, #portaly { display: none; }
    .menu2, .ikona_search, .hr    { display: block; }
    #zahlavi        { height: 50px; }
    #page-header    { margin-top: 0; }
    .outside_header { height: 50px; }
    .vlastni        { margin-top: 10px; }
    #page-novinky .wrap { padding: 10px; }
    .novinky_pravy  { display: none; }
    .novinky_levy   { width: 100%; }
    .box .novinka, .novinka2     { margin-bottom: 20px; }
    #page-clanek h1, #page-clanek .action-bar   { padding-left: 5px; }
    #page-clanek .post img  { max-height: 500px; }
    #page-clanek .podnadpisek  { padding-right: 0; }
    #page-clanek .clanek_datum { position: relative; padding-top: 5px; }
    .obr-bazar      { padding: 0 170px 0 0; background-position-x: right!important; }
    .soutez-box, .news  { margin: 0 -5px; padding: 20px 5px; }
    #bazar .post    { margin: 0 -5px 20px -5px; padding: 20px 5px 0 5px; }
    #bazar .postbody, .filter_bazar, #page-bazar .action-bar, #page-bazar h1, .mwrap    { width: auto; padding: 0 5px; }
    .clanek p, .novinka p   { overflow: unset; }
    .bg0            { display: block!important; }
    #page-souteze small { display: block; padding: 0 5px; }
    .hm             { display: none; }
    #bazary ul      { display: inline-grid; }
    .profile-vybaveni   { display: block!important; position: inherit; }
    .has-profile.inner  { position: relative; }
    .more_info .title   { top: 50px; padding: 4px; left: 10px; }
}

@media (max-width: 600px) {
    .soutez-box div:first-of-type   { float: none; padding: 0 0 10px 0; }
    .soutez-box img                 { max-width: 300px; }
}


@media (max-width: 500px) {
    .bazar_oznac    { max-width: 100%; float: left; }
    .clanek img     { float: none; }
    #page-bazar .pag_hlavni_right   { float: none; text-align: center; border-top: 0; padding-top: 5px; margin-bottom: 0; }
    .filter_bazar   { float: none; }
    .novinka img    { float: none!important; padding-bottom: 5px; max-width: 100%; }
    .obr-bazar, .bg .obr-bazar  { background-image: none!important; padding-right: 0; }
}