/* Studia - seznam + spolecne i pro Skoly a Zkusebny */
#registrace                         { float: right; position: relative; top: -40px; font-size: 11px; }
.page-dtb h1                        { margin-bottom: 0; }
.page-dtb h4                        { padding: 5px 0 15px 0; }
.filter_box, #page-studia .studia_filtr    { overflow: hidden; width: 100%; background-color: #e5e5e5; position: relative; }
.page-dtb .filter_box               { margin-bottom: 10px; padding-bottom: 5px; }
#page-studia .studia_filtr          { margin-bottom: 5px; }
#page-studia .studia_filtr label    { line-height: 2em; }
#page-studia .filter_box > div:nth-child(1)     { width: 15%; }
#page-studia .filter_box > div:nth-child(2)     { width: 15%; }
#page-studia .filter_box > div:nth-child(3)     { width: 70%; }
.page-dtb .filter_box > div:nth-child(1)        { float: left; text-align: center; }
.page-dtb .filter_box > div:nth-child(2)        { float: right; text-align: center; }
.page-dtb .filter_box > div:nth-child(3)        { float: right; }
.page-dtb .filter_box > div:nth-child(1) span   { font-family: BebasNeueRegular, Arial; font-weight: normal; font-size: 2em; line-height: 1.7em; }
.page-dtb .filter_box > div:nth-child(2) span   { display: inline-block; padding: 3px 8px 6px 8px; margin-top: 7px; font-family: BebasNeueRegular, Arial; font-size: 17px; color: white; cursor: pointer; }
.page-dtb .filter_box > div:nth-child(2) span.odes_filtr:nth-of-type(2)    { margin: 5px 5px 5px 1px; padding: 4px; background-color: #c70000; }
.page-dtb .filter label, .page-dtb .filter_box label, .page-dtb .studia_filtr label     { font-family: BebasNeueRegular, Arial; font-weight: normal; font-size: 1.6em; line-height: 2.2em; color: black; }
.page-dtb em                { font-style: normal; }
.page-dtb .aktivni span     { color: #c70000!important; }
.page-dtb form[name=sfiltr] input[type=text]      { width: 90%; height: 20px; vertical-align: unset; border: 1px solid #666666; }
.page-dtb form[name=sfiltr] input[type=checkbox]  { vertical-align: text-bottom; border: 1px solid #666666; }
.page-dtb select                { vertical-align: unset; }
#page-studia .filter > div:nth-child(1)     { width: 35%; float: left; }
#page-studia .filter > div:nth-child(2)     { width: 65%; float: right; }
#page-studia .filter > div:nth-child(2) div { font-size: 11px; line-height: 1.6em; }
.page-dtb .typ div              { width: 40%; float: right; }
.page-dtb .typ label            { float: right; padding-right: 10px; }
#page-studia .studia_filtr > div:nth-child(1)   { width: 15%; float: left; }
#page-studia .studia_filtr > div:nth-child(1) label   { padding-left: 10px; }
#page-studia .studia_filtr > div:nth-child(2)   { width: 85%; height: 100%; float: right; }
#page-studia .studia_filtr > div:nth-child(2) div   { float: right; padding: 0 10px; border-left: 1px solid #c0c0c0; height: 30px; }
#page-studia .studia_filtr input[type=checkbox] { margin-top: 8px; }
#page-studia .studia_filtr select               { margin-top: 5px; }
#page-studia .studia_filtr input[type=text]     { margin-top: 4px; width: 20px; }

.page-dtb .radek     { overflow: hidden; width: 100%; border-top: 1px dashed #c0c0c0; padding: 17px 0; }
.page-dtb .radek:nth-child(1)  { border-top: 0; }
.page-dtb .pravy     { width: 50%; float: right;  }
.page-dtb .levy      { width: 50%; float: left; }
.page-dtb .box h2, .page-dtb .studio_sekce h2, .page-dtb .zkus_box h2   { font-family: BebasNeueRegular, Arial; font-weight: normal; margin: 0 0 5px 0; font-size: 22px; line-height: 0.7em; padding-bottom: 7px; }
.page-dtb .levy .box    { margin-right: 10px; position: relative; }
.page-dtb .pravy .box   { margin-left: 10px; position: relative; }
.page-dtb .box li       { font-size: 12px; font-weight: bold; padding-bottom: 3px; }
.page-dtb .box p        { padding: 6px 0 8px 0; margin: 0; }
.page-dtb ul li             { list-style-type: none; }
.page-dtb ul li.i_mesto     { list-style: square inside url('./images/ikona_adresa.gif'); }
.page-dtb ul li.i_tel       { list-style: square inside url('./images/ikona_telefon.gif'); }
.page-dtb ul li.i_email     { list-style: square inside url('./images/ikona_email.gif'); }
.page-dtb ul li.i_www       { list-style: square inside url('./images/ikona_link.gif'); }
.sz .box > div:first-child  { padding-left: 155px; }
.sz .box > div:last-child   { width: 140px; position: absolute; top: 0; left: 0; }
.sz .box img, .sz .box > div:last-child  a  { width: 100%; }
.sz .box > div:last-child span  { display: inline-block; width: 100%; margin-top: 10px; padding: 5px 0 8px 0; font-family: BebasNeueRegular, Arial; color: white; font-size: 17px; text-align: center; cursor: pointer; }
#page-studia .box > div:first-child div  { padding-top: 5px; }
.sz .box > div:first-child span { font-size: 12px; font-weight: bold; line-height: 16px; }


/* Studio - detail */
#studio-detail      { float: right; width: 60%; }
#studio-foto, #mapa { float: left; width: 40%; }
#studio-foto img    { width: 100%; margin-bottom: 10px; }
#studio-foto a      { width: 100%; }
#studio-foto .zobr_gal  { display: inline-block; width: 100%; padding: 14px 0; font-family: BebasNeueRegular, Arial; color: white; font-size: 17px; text-align: center; }
#studio-detail > div    { margin-left: 20px; }
#studio-detail h1       { margin-top: 0; }
#studio-detail h2       { float: left; }
#studio-detail ul li    { float: left; padding: 10px 15px 10px 10px; margin: 0 10px 10px 0; font-size: 12px; color: black; font-weight: bold; background-color: #e5e5e5; white-space: nowrap; }
#studio-detail .studio_sekce    { border-top: 1px dashed #c0c0c0; padding: 10px 0; margin-top: 7px; margin-bottom: 7px; }
#studio-detail .srow > div      { overflow: hidden; width: 100%; font-size: 11px; padding: 3px 0; }
#studio-detail .srow > div div:nth-child(2n)    { width: 65%; text-align: left; float: right; }
#studio-detail .srow > div div:nth-child(2n+1)  { width: 35%; text-align: right; float: left; }
#studio-detail .srow > div div:nth-child(2n+1) span   { display: inline-block; padding-right: 10px; font-weight: bold; }
#studio-detail .plus_minus { width: 23px; height: 23px; float: right; cursor: pointer; }
#studio-detail .aktivni    { background-position: 0 24px; }
#studio-detail p           { line-height: 1.4em; font-size: 1.2em; }


@media (max-width: 1100px) {
    #page-studia .st1   { display: none; }
    .page-dtb .typ div  { width: 37%; }
    #page-studia .studia_filtr > div:nth-child(1)   { width: 20%; }
    #page-studia .studia_filtr > div:nth-child(2)   { width: 80%; }
}


@media (max-width: 900px) {
    .page-dtb .filter_box > div:nth-child(1) { display: none!important; }
    .page-dtb .filter_box > div:nth-child(2) { width: 22%!important; }
    .page-dtb .filter_box > div:nth-child(3) { width: 78%!important; }
    .page-dtb .filter_box label              { padding-left: 5px; }
    .page-dtb input[type=text]               { width: 75%; }
    #page-studia .filter > div:nth-child(1), #page-studia .filter > div:nth-child(2)     { width: 100%; overflow: hidden; float: none; }
    .page-dtb .typ label            { float: left; }
    #page-studia #ps > div:nth-child(1), #page-studia #ms > div:nth-child(1)   { width: 30%; }
    #page-studia #ps > div:nth-child(2), #page-studia #ms > div:nth-child(2)   { width: 70%; }

    .page-dtb .levy      { width: 100%; float: none; padding-bottom: 17px; border-bottom: 1px dashed #c0c0c0; }
    .page-dtb .pravy     { width: 100%; float: none; padding-top: 17px; }
    .page-dtb .pravy .box   { margin-left: 0; }

    #studio-detail, #studio-foto    { float: none; width: 100%; }
    #studio-detail > div    { margin-left: 0; }
}


@media (max-width: 700px) {
    .page-dtb h1  { padding-left: 5px; }
    #registrace   { display: none; }
}


@media (max-width: 520px) {
    #page-studia .st2   { display: none; }
    #page-studia .typ label { width: 50px; line-height: 1.1em; padding-bottom: 5px; }
}