.dotweb-top-button, .dotweb-top-button2 { color: white; border: 2px solid #f90631; transition: border 0.3s, color 0.4s, background 0.5s, border-radius 0.3s; background-color: #f90631; border-radius: 1.25rem !important; } .dotweb-top-button2 { background-color: #06adf9; border: 2px solid #06adf9; } .dotweb-top-button:hover, .dotweb-top-button2:hover { color: #f90631; transition: border 0.3s, color 0.6s ease-in, background 0.8s ease-in, border-radius 0.3s; border: 2px solid rgba(0,0,0,0); border-bottom: 2px solid #f90631; border-radius: 0px !important; background-color: transparent; } .dotweb-top-button:hover { border-bottom: 2px solid #f90631; color: #f90631; } .dotweb-top-button2:hover { border-bottom: 2px solid #06adf9; color: #06adf9; } .dotweb-top-button.towhite:hover, .dotweb-top-button2.towhite:hover { transition: border 0.3s, color 0.6s ease-in, background 0.8s ease-in, border-radius 0.3s; border-top: 2px solid rgba(0,0,0,0); border-left: 2px solid rgba(0,0,0,0); border-right: 2px solid rgba(0,0,0,0); border-radius: 0px !important; background-color: white; } #uspesny_web { color: #252d37; } #uspesny_web .cast1 P:nth-of-type(1) { font-size: 3rem; margin-top: 6rem; color: #f90631; text-shadow: 0px 3px 6px rgba(255,255,255,0.5); } #uspesny_web .cast1 P:nth-of-type(2) { font-size: 1.5rem; margin-right: 15%; margin-left: 15%; margin-top: 3rem; color: #445366; } #uspesny_web .cast1 P:nth-of-type(2) B { color: #252d37; } #uspesny_web .cast1 P:nth-of-type(2) B { font-weight: 600; } #uspesny_web .cast1 P:nth-of-type(2) B:nth-of-type(3) { font-size: 2rem; } #uspesny_web .cast2 { margin-top: 6rem; padding-bottom: 6rem; } #uspesny_web .cast2 P:nth-of-type(1), #uspesny_web .cast2 P:nth-of-type(2) { font-size: 2.5rem; margin: 0px; color: white; background-color: #f90631; display: inline-block; padding: 0.5rem 1rem 0px 1rem; line-height: 3rem; } #uspesny_web .cast2 P:nth-of-type(2) { font-size: 3rem; line-height: 2rem; font-weight: 400; padding: 1rem 4rem 2rem 4rem; line-height: 3rem; box-shadow: 0px 2px 3px -2px rgba(0,0,0,0.4); } #uspesny_web .cast2 P:nth-of-type(3) { font-size: 2.5rem; margin: 0px; color: white; background-color: #05d049; display: inline-block; padding: 1rem 3rem 1rem 3rem; line-height: 3rem; font-weight: 600; position:relative; top: -8px; -webkit-transform: rotate(-2deg); -ms-transform: rotate(-2deg); transform: rotate(-2deg); box-shadow: 0px 2px 3px -2px rgba(0,0,0,0.4); } #nasich_12_rad_ako_vylepsit_svoj_web .cast1 P:nth-of-type(1) { font-size: 2.5rem; margin: 0px; color: white; background-color: #252d37; display: inline-block; padding: 0.5rem 1rem 0.5rem 1rem; line-height: 3rem; border-radius: 15px; } #nasich_12_rad_ako_vylepsit_svoj_web .cast1 P:nth-of-type(2) { max-width: 600px; padding-top: 1rem; color: #252d37; font-size: 1.2rem; margin:auto; } #nasich_12_rad_ako_vylepsit_svoj_web .cast1 > DIV:nth-of-type(1) { margin:auto; line-height: 3rem; } #nasich_12_rad_ako_vylepsit_svoj_web .cast1 > DIV DIV.btn, #nasich_12_rad_ako_vylepsit_svoj_web .cast1 > DIV INPUT { margin-top: 1.3rem; } #nasich_12_rad_ako_vylepsit_svoj_web .cast1 input { height: 4rem; font-size: 1.3rem; max-width: 98%; text-align: center; } #nasich_12_rad_ako_vylepsit_svoj_web .cast1 { padding-bottom: 6rem; padding-top: 4rem; } #nasich_12_rad_ako_vylepsit_svoj_web .cast1 DIV:nth-of-type(1) INPUT { width: 500px; } #obsah_je_kral .cast3 { padding-top: 3rem; padding-bottom: 3rem; } #obsah_je_kral .obsah_je_kral, #obsah_je_kral .navstevnost_je_kralovna, #obsah_je_kral .pesiak_weby { margin-top: 3rem; font-size: 1.3rem; } #obsah_je_kral .obsah_je_kral P, #obsah_je_kral .navstevnost_je_kralovna P, #obsah_je_kral .pesiak_weby P { padding: 1rem; background-color: rgba(31,39,50,0.8); color: white; margin-right: 10%; margin-left: 10%; } @media only screen and (max-width: 1024px) { #obsah_je_kral .obsah_je_kral P, #obsah_je_kral .navstevnost_je_kralovna P, #obsah_je_kral .pesiak_weby P { margin-right: 3%; margin-left: 3%; } } #obsah_je_kral .obsah_je_kral P B, #obsah_je_kral .navstevnost_je_kralovna P B, #obsah_je_kral .pesiak_weby P B { font-weight: 600; font-size: 1.6rem; white-space: nowrap; } #obsah_je_kral .obsah_je_kral IMG, #obsah_je_kral .navstevnost_je_kralovna IMG, #obsah_je_kral .pesiak_weby IMG { position: relative; top: 1rem; z-index: 9; max-height: 20vh; margin: auto;	padding: 1rem; border-radius: 1rem; transition: top 0.2s, background 0.4s ease-out; } #obsah_je_kral .pesiak_weby IMG { max-height: 15vh; transition: top 0.8s, transform 0.4s; } #obsah_je_kral .obsah_je_kral:hover IMG, #obsah_je_kral .navstevnost_je_kralovna:hover IMG { top: 0.5rem; transition: top 0.8s, background 0.3s ease-out; background-color: white; } #obsah_je_kral .pesiak_weby:hover IMG { transition: top 0.4s, transform 0.2s ease-in; top: 2.5rem; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } #obsah_je_kral .obsah_je_kral H2, #obsah_je_kral .navstevnost_je_kralovna H2, #obsah_je_kral .pesiak_weby H2 { transition: background 0.6s ease-out, color 0.4s ease-in; z-index:8; font-size: 2.5rem; margin: 0px; color: #252d37; background-color: white; display: inline-block; padding: 1rem 3rem 1rem 3rem; line-height: 3rem; font-weight: 600; position:relative; top: -8px;  box-shadow: 0px 2px 3px -2px rgba(0,0,0,0.4); } #obsah_je_kral .obsah_je_kral:hover H2 { transition: background 0.2s ease-out, color 0.2s ease-in; } #footer1 { font-size: 1.1rem; text-align: center; color: white; background-image: none; } #footer1 > DIV > DIV.dot-img-icon-footerlogo { margin:auto;position: relative; z-index:8; top: -64px; } #footer1 > DIV > DIV.col-12 { position: relative;z-index:8; top: -64px; } #footer1 .firma B { font-weight: 600; color: #ff497c; } #footer1 .kontakty { color: #ff497c; } #footer1 .kontakty B { font-weight: 600; color: white; } #footer2 { font-size: 1rem; text-align: center; color: white; background-color: black; height: 5rem; line-height: 5rem; min-height: 5rem !important; }  @media only screen and (max-width: 768px) { #uspesny_web .cast1 P:nth-of-type(1) { font-size: 2.5rem; } #uspesny_web .cast2 P:nth-of-type(1) { font-size: 2rem; line-height: 2.5rem; } #uspesny_web .cast2 P:nth-of-type(2) { font-size: 2.5rem; line-height: 2.5rem; } #uspesny_web .cast2 P:nth-of-type(3) { font-size: 2rem; line-height: 2.5rem; } #obsah_je_kral .obsah_je_kral H3, #obsah_je_kral .navstevnost_je_kralovna H3, #obsah_je_kral .pesiak_weby H3 { font-size: 2rem; line-height: 2.5rem; } #obsah_je_kral .obsah_je_kral P B, #obsah_je_kral .navstevnost_je_kralovna P B, #obsah_je_kral .pesiak_weby P B { white-space: pre-wrap; } #uspesny_web .cast3 P:nth-of-type(2) { max-width: 98vw; } #uspesny_web .cast3 DIV:nth-of-type(1) { max-width: 98vw; } #uspesny_web .cast3 DIV:nth-of-type(1) INPUT { width: 98%; } } .kalendar-mesiace { display: table; width: 100%; } .kalendar-mesiace .k-row { display: table-row; } .kalendar-mesiace .k-row.dni .k-col { font-weight: bold; } .kalendarmesiacrok { border-bottom: 1px solid #ebedf2; padding-bottom: 25px; font-size: 20px; line-height: 28px; font-weight: bold; } .kalendar-mesiace .k-row .k-col { width: 13.2857%;  height: 50px; display: table-cell; vertical-align: middle; text-align: center; } .kalendar-mesiace .k-row .k-col SPAN { width: 90%; height: 90%; line-height: 90%; margin: auto; border: 1px solid #bfbfbf; display: table; text-align: center; border-radius: 6px; background-color: white; } .kalendar-mesiace .k-row .k-col SPAN DIV.ddtable { display: table-cell; vertical-align: middle; text-align: center; font-size: 14px; } .kalendar-mesiace .k-row .k-col SPAN DIV.ddtable DIV { display: inline-block; font-weight: normal !important; font-size: 13px !important; } .kalendar-mesiace .k-row .k-col SPAN DIV.ddtable B { display:inline-block; padding-top: 5px; } .kalendar-mesiace .k-row .k-col.okadmin { padding: 5px; } .kalendar-mesiace .k-row .k-col.okadmin SPAN { padding: 5px; background-color: #cce698; color: black !important; cursor: pointer; } .kalendar-mesiace .k-row .k-col.ok SPAN { border: 1px solid #4d6619; background-color: #6b8e23; } .kalendar-mesiace .k-row .k-col.ok:hover SPAN { background-color: #80aa2a; cursor: pointer; } .kalendar-mesiace .k-row .k-col.selected SPAN { border: 1px solid #2f587b !important; background-color: #4682b4 !important; } .kalendar-mesiace .k-row .k-col.selected:hover SPAN { background-color: #5e93c1 !important; cursor: pointer; } .kalendar-mesiace .k-row .k-col.ok SPAN DIV.ddtable, .kalendar-mesiace .k-row .k-col.selected SPAN P { color: white; font-weight: bold; } .kalendar-mesiace .k-row .k-col SPAN P { color: #151515; } .kalendar-mesiace .k-row .k-col.anotherm SPAN P { color: #bfbfbf; } .kalendar-mesiace .k-row .k-col.gray SPAN P { color: #828282; } .kalendar-mesiace .k-row .k-col.oznaceny_stlpec {  } .kalendar-mesiace .k-row .k-col.oznaceny_stlpec SPAN { border-radius: 10px; } .kalendar-mesiace .k-row .k-col.oznaceny_stlpec.objednatelne-cas SPAN { background-color: #353535; background-color: #4d6619; background-color: #2f587b; } #stk_typ_kontroly { } .kalendar-mesiace .k-row.dni .k-col { font-weight: bold; font-size: 15px; } .kalendar-mesiace .k-row.dnihodiny .k-col { font-weight: bold; height: 20px; font-size: 15px; } .kalendar-mesiace .k-row.dnihodinycisladni .k-col { font-size: 12px; height: 20px; } .ptop15 { padding-top: 15px; } #stk-kalendar-udaje INPUT, #stk-kalendar-udaje SELECT { width: 100%; } .top_oddelovac { border-top: 1px solid #ebedf2; padding-top: 15px; text-align: center; } .error_value { border: 1px solid #f90631 !important; } .error_value_txt { color: #f90631; } .smskod { margin-top: 15px; } #modal_status_txt { margin-top: 15px; font-weight: bold; color: #f90631; }