/*@import url("https://jk1.cz/template/extkomplet.css");*/
@import url("https://fonts.googleapis.com/icon?family=Material Icons");
/*@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");*/

a.adminlink.os-link {color:red!important}

body {background:/*#017ca1*/#e0e0e0}

/*@media only screen and (min-width:800px){
body {background: linear-gradient(#005373,#03b9ff)!important;}    
} */

/*topmenu*/
.topmenu a {color:#545353;padding: 2px 10px 2px;background-color:transparent !important;font-weight:bold}
.topmenu a:hover {background-color:#014f66 /*#142336*/!important;color:white}
.topmenu a.active-tmlink {color:white !important;background-color:#014f66!important;font-weight:bold}


/*footer*/
#footer {color:#545353;font-size:70%}
#footer a {color:#545353}
#footer a:hover {background-color:#014f66!important;color:white!important}

/*ikony*/
.fa {font-size:500%!important}
.iko {text-align:center;font-size:100%;margin-top:17%;/*text-shadow:0.75px 0.75px 1.5px black;*/}

/*===================================TILES========================================================*/
/*.desktop .tile {border-radius:5px} */
.tile h3 {font-weight:700;text-align:center;/*margin-top:2%*/font-size:145%;color:#014f66}
.tile p {font-weight:500;font-size:120%}
#tile-hodiny2 h3, #tile-hodiny h3, #tile-dovolenainfo h3 {margin-top:1%;margin-bottom:0;/*color:#02e5d2*/} 
#tile-hodiny2 h3 {margin-bottom:3%}


/*ohraničení*/
/*.desktop #tile-facebook, .desktop #tile-mapa, .desktop #tile-aktualne, .desktop #tile-cenik, .desktop #tile-ordinace, .desktop #tile-onas, .desktop #tile-pojistovny, .desktop #tile-napiste, .desktop #tile-recept {border:1px solid white !important} 
.desktop .tile {border:1px solid white!important} 
.desktop .megatile {border:1px solid #01647a!important}  
.desktop .tile {box-sizing: border-box;}
.desktop .megatile {box-sizing: border-box;} */
/*.desktop .tile:hover {border:5px solid red!important}*/
/*.desktop #tile-facebook:hover, .desktop #tile-mapa:hover, .desktop #tile-aktualne:hover, .desktop #tile-cenik:hover, .desktop #tile-ordinace:hover, .desktop #tile-onas:hover, .desktop #tile-pojistovny:hover, .desktop #tile-napiste:hover, .desktop #tile-recept:hover {border:1.5px solid #01647a!important}*/

/*hlavicka*/
#tile-hlavicka h1 {font-size:230%;margin-bottom:0!important;margin-top:;font-weight:700;line-height:120%;color:#014f66!important;/*text-transform:uppercase;*/}
.mobile #tile-hlavicka h1 {margin-top:3%;padding-top:0}
#tile-hlavicka .odkaztitulka {color:#014f66}
h1 span {/*background:#0294cc;color:white;padding-left:2%;padding-right:2%;border-radius:3px;*//*border:2.5px solid #005B9A!important*/}
#tile-hlavicka h2 {margin-top:1%;margin-bottom:0;font-size:180%!important;font-weight:700;color:/*#03cefc*/#014f66;}
.mobile #tile-hlavicka h2 {margin-bottom:1%;}
#tile-hlavicka p {font-size:120%;margin-top:2%}
.mobile #tile-hlavicka p {line-height:120%;margin-top:0;padding-top:1%}
#tile-hlavicka p {line-height:125%;}
#tile-hlavicka .odkaztitulka {background-color:transparent !important;
/*text-shadow:1.5px 1.5px 1px #242424;*/}
.mobile #tile-hlavicka .odkaztitulka a:hover {color:; background-color:transparent !important;}
.telefon {text-decoration:none}
#tile-hlavicka .telefon {/*color:#1C1B18;*/ background-color:transparent !important;}
.mobile #tile-hlavicka .telefon {/*color:#1C1B18!important;*/background-color:rgba(0,0,0,0.06)!important;}
#tile-hlavicka .telefon:hover {color:#43e3f8 !important;}
#tile-hlavicka .mapa:hover {color:#43e3f8 !important;}
#tile-hlavicka .mail {background-color:transparent !important;}
#tile-hlavicka .mail:hover {color:#43e3f8 !important;}
.mobile #tile-hlavicka .mail {background-color:rgba(0,0,0,0.06)!important;}


/*test tile pokus*/ 
.logo {width:60%!important;object-fit: contain;margin-top:-15%!important}

/*dovolenainfo*/
#tile-dovolenainfo h3 {margin-top:1%;/*color:#43e3f8*/}
#tile-dovolenainfo p {line-height:135%}
/*#tile-dovolenainfo a {color:#02e5d2}*/

/*info*/
#tile-info p {line-height:130%; margin-top:}
.mobile #tile-info p {line-height:135%; margin-top:}    
#tile-info h3 {color:#005B9A;margin-top:1%}

a.button1 {position: absolute;width: 30%; bottom: 3%; left: 35%;text-align: center;text-transform: uppercase;
  height: 1.6em; line-height: 1.7em;padding-top: 2px;font-size:98%;border:2px solid #1a3500;background:white !important;color:#1a3500!important;}
.mobile a.button1 {bottom:3% !important}
/*a.button1:hover {background:white !important;color:#ec811f!important;font-weight:600;border:1px solid #ec811f}*/
a.button1:hover {color:white!important;background-color:#1a3500!important;border:1.5px solid maroon;font-weight:500}


/*hodiny*/
#tile-hodiny h3, #tile-hodiny2 h3 {margin-bottom:0;padding-bottom:0;color:#014f66}
#tile-hodiny td, #tile-hodiny2 td {font-size:115%;vertical-align:middle;text-align:left!important;font-weight:500;padding-bottom:0.1%}
table.tilehodiny tr td:first-child {font-size:115%!important;vertical-align:middle;font-weight:700!important;text-align:left!important;/*text-shadow:1px 1px 0.5px black;*/color:#014f66}
/*#tile-hodiny tr:first-child {color:#43e3f8;font-size:110%}*/ 
/*table.tilehodiny tr { line-height:150%;}*/
.mobile table.tilehodiny tr { line-height: 140%;}
table.tilehodiny tr {line-height: 150%;}
table.tilehodiny {margin-left:2%;margin-top:0}
#tile-hodiny p, #tile-hodiny2 p  {margin-top:0;padding-top:0}

/*==============================MEGATILES=============================================*/
.desktop .megatile {border-radius:5px}
.megatile h3 {font-weight:700;color:black;font-size:175%;text-transform: uppercase}
.megatile h3 span {background:/*#01655d*/#05b4e8;color:#014f66;padding-left:2%;padding-right:2%;border-radius:2px} 
/*h3 span {background:#640000;padding:1%;color:white}*/
.megatile h4 {font-weight:700;color:/*#014f66*/#014f66;margin-bottom:0%;font-size:150%}
.megatile h5 {font-weight:500;color:/*#014f66*/black; margin-bottom:0%;font-size:140%}
.megatile p, .megatile ul {font-size:115%}
.megatile ul .druhe {font-size:100%}
.megatile p {line-height:140%;font-weight:400}
.megatile ul {font-weight:400}
.megatile td {font-size:115%;font-weight:400}
.megatile ul ul {font-size:100%}

/*ul-ol*/
.megatile ul li {padding:0.3%!important;}
.mobile .megatile ul {width:95%;padding-right:5%!important}
.mobile .megatile ol {width:87%;padding-right:20%!important} 
/*.mobile .megatile ol {width:95%;padding-right:5%!important}*/

/*congfig-edit*/
#megatile-config-edit p, #megatile-config-edit td {font-size:100%;font-weight:400}

/*cenik*/
/*#megatile-cenik tr {font-size:110%;font-weight:600}*/

table.cenik td:nth-child(2) {text-align:right!important;}
table.cenik tr:nth-child(odd) {background-color:gainsboro;}
table.cenik tr:nth-child(even) {background-color:white;}
table.cenik td {padding:1%;vertical-align:middle}
table.cenik, th, td {border-collapse: collapse;vertical-align:middle;}

/*Smartmedix*/
.button1 {border-radius: 1px;font-size:100%;margin-top:1%;padding: 0.7% 1.5%;border:1px;
background-color:firebrick;color:white;cursor: pointer;transition-duration: 0.5s;font-weight:bold}
.button1:hover {background:#055561;color:white} 
.mobile .button1 {font-size:125%}


input[type="submit"] {border:1.5px solid;font-weight:bold}
/*mapa*/
.obrazek-plny5 {max-width:110%; margin: 0px auto;}
.obrazek-plny5 img {width:100%;}

/*onas*/
.mobile .dt {display: none;} 
.desktop .mb {display: none;} 
.tablemegatile {margin-left:-0.2%}

/*aktualne*/
#megatile-aktualne h4 {font-size:150%}
.actuality .acontent {font-size:115%;font-weight:400}


/*formulář obecně*/
td.rr-label {vertical-align: middle}
.desktop tr.responsive-row-0 {display:table-row;}
.mobile  tr.responsive-row-0 {display:table-row;}
.mobile  tr.responsive-row-0 td.rr-moblabel {padding-left: 7px; padding-top:0.4em;}
.desktop  tr.responsive-row-0 td.rr-moblabel {padding-left: 7px; padding-top:0.4em;}
.desktop tr.responsive-row-1 td.rr-label div.rr-label-container {display:none;}
.mobile  tr.responsive-row-1 td.rr-label div.rr-label-container {display:none;}
.mobile  tr.responsive-row-1 td.rr-label {width:1px;}


input {padding-top:10%;padding-botton:10%}
.rr-content textarea {height:100px}
select#month, select#day, select#time, input#input_jmeno, input#input_prijmeni, input#input_mail, input#input_extra {height:35px}

/*registrace recept - šířka výška políček*/
#textField-rodne-cislo_, #textField-datum-narozeni_,#textField-titul,#textField-e-mail_,#textField-telefon_  {width:50%}
#textField-cislo-pojistence-_u-cizincu_, #textField-jmeno-a-prijmeni_,#textField-rok-narozeni_,#textField-vas-e-mail_ {width:50%}
#textareaField-adresa-trvaleho-bydliste_,#textareaField-jmeno-a-adresa-vaseho-predchoziho-praktickeho-lekare_ {height:70px;width:50%}
#textField-jmeno_, #textField-prijmeni_, #textField-titul, #textField-rodne-prijmeni, #selectField-zdravotni-pojistovna_, 
#textField-statni-obcanstvi_{width:50%;}
.mobile #textField-statni-obcanstvi_, .mobile #textField-jmeno_, .mobile #textField-prijmeni_, .mobile #textField-titul, .mobile #textField-rodne-prijmeni, .mobile #selectField-zdravotni-pojistovna_, .mobile #textareaField-adresa-trvaleho-bydliste_, .mobile #textareaField-jmeno-a-adresa-vaseho-predchoziho-praktickeho-lekare_, .mobile #textField-rodne-cislo_, .mobile #textField-datum-narozeni_, .mobile #textField-titul, .mobile #textField-e-mail_, .mobile #textField-telefon_, .mobile #textField-cislo-pojistence-_u-cizincu_, .mobile #textField-jmeno-a-prijmeni_, .mobile #textField-rok-narozeni_, .mobile #textField-vas-e-mail_  {width:70%}
#textField-odeslanim-tohoto-formulare-souhlasite-se-zpracovanim-svych-osobnich-udaju_br_dle-zakona-c-101_2000-sb-ve-zneni-pozdejsich-predpisu {display:none !important}
#textareaField-pozadavek-na-recept__br__span-class_formtxt_zde-prosim-co-nejpresneji-specifikujte-vas-pozadavek-na-lek-nebo-leky-ktere-chcete-vystavit-_nazev-leku-gramaz-velikost-baleni-dosavadni-davkovani___span_  {height:120px;}



/*=================ČASTÉ ÚPRAVY METRALU=======================*/

/*ikony*/
.ikony {font-size:550%!important}
.iko {text-align:center;font-size:100%;margin-top:11%;/*text-shadow:0.75px 0.75px 1.5px black;*/}


/*dot dot dot*/
a.overflow {background-color:#014f66 !important; color: white !important;border:2px solid  white;}
a.overflow:hover {background-color: white !important; color:#014f66 !important;border:2px solid #014f66;}

/*.bigtile a.overflow {width: 60%;left: 20%;}
.mobile .bigtile a.overflow {width: 60%;bottom: 3%;left: 20%;}*/

/*klikací zmenšená hlavička v mobilní verzi*/
body.mobile #tile-hlavicka {background:#05b4e8!important;/*barva v mobilní verzi*/}
body.mobile.page-main #tile-hlavicka {background:#05b4e8!important /*barva v mobilní verzi na hlavní stránce*/}
.mobile .tile.sticky h1 {font-size:200% !important;padding-top:0!important;margin-top:0;color:#014f66 !important}


/*back to top*/
a.back-to-top {background-color:white !important; color:/*#01647a*/#014f66!important;border:1.5px solid #014f66;border-radius:2px}
a.back-to-top:hover {background-color:/*#01647a*/#014f66!important; color:white!important;border:1.5px solid white;}

/*tlačítko zpět desktop*/
a.backlink {background-color:white !important; color:#014f66!important;border:2px solid #014f66;border-radius:2px}
a.backlink:hover {background-color:#014f66 !important; color:white!important; font-weight:500;border:2px solid #43e3f8;}
.mobile a.backlink {padding: .2em !important;}

/* vypnutí zešeďovacího efektu */
a.tlink:hover,a.tlink:active {background:rgba(0,0,0,0.01)!important;}
/*pozor! - nesmí být úplná nula - ale 0.01*/