:root {
  --color-main: #a3cc42;
  --color-main-alpha1: rgba(163,204,66,0.1);
  --color-main-alpha2: rgba(163,204,66,0.2);
  --color-main-alpha3: rgba(163,204,66,0.3);

  --color-highlight: #ff6600;

  --color-ok: #689f06 ;
  --color-error: #f90000;

  --color-dark: #444444;

  --color-maincz: #a3cc42;
  --color-mainsnop: #006cb6;


}

:focus-visible {     outline: -webkit-focus-ring-color auto 1px; }


*, *:before, *:after {

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0 none;
}


body, html {  background: #ffffff; 

 font-family: 'Roboto', sans-serif; /*  Raleway LatoLatinWeb   'Open Sans' */
 font-size:14px;
 line-height:24px;
 font-weight:normal;

 /* overflow:hidden; */

/* color:#000000; */
 color:#444444; 
/* XXX */

 height:100%;

 }

b, strong { font-weight:500; }

form, input, select {  font-family: 'Roboto', sans-serif; /*  Raleway 'Open Sans' */ }

a { color:#666666; text-decoration:underline; }
a:hover { color:var(--color-main); }

a.tel { color:#ffffff; text-decoration:none; }


a.btn {
    display: inline-block;
    background: transparent;
    border: var(--color-main) solid 1px;
    border-radius: 15px;
    padding: 6px 10px 4px 10px;
    line-height: 20px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s;  transition-timing-function: ease; 
    font-size:14px; font-weight:500; 
	}

a.btn:hover {  background-color:#ffffff; }


a.btn2 {
    display: inline-block;
    background: #ffffff;
    border: var(--color-main) solid 1px;
    border-radius: 9px;
    padding: 3px 10px 1px 10px;
    line-height: 14px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s;  transition-timing-function: ease; 
    font-size:12px; font-weight:500; 
	}
a.btn2.cz { border-color:var(--color-maincz); color:var(--color-maincz); }
a.btn2.snopmain { border-color:var(--color-mainsnop); color:var(--color-mainsnop); }

a.btn2:hover {  background-color:#ffffff; }
a.btn2.cz:hover { background-color:var(--color-maincz); color:#ffffff; }
a.btn2.snopmain:hover { background-color:var(--color-mainsnop); color:#ffffff; }


a.btnmini {
    display:inline-block;
    width: auto;
    height: auto;
    border: none;
    border-radius: 5px;
    background: var(--color-main);
    text-align: center;
    padding: 0px 8px;
    margin-top:10px;
    color: #ffffff;
    font-size: 11px;
    transition: color 0.5s, background-color 0.5s;
    transition-timing-function: ease;
    text-decoration:none;
/*
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0, 0.35);
    box-shadow: 0 0 10px 0 rgba(0,0,0, 0.35);
*/
}

a.btnmini:hover {  background-color:#000000; }


strong.medblue, b.medblue, h2.medblue, h3.medblue { color:rgba(99,155,211,1) !important;  }
strong.medblue2, b.medblue2, h2.medblue2, h3.medblue2 { color:rgba(31,185,243,1) !important;  }

h1 { font-size: 24px; line-height:38px;    font-weight: 400; }
h2 { font-size: 22px; line-height:33px;    font-weight: 400; }
h3 { font-size: 20px; line-height:28px;    font-weight: 400; }


h2.medpurple, h3.medpurple { color:rgb(149, 39, 138) !important;  }




blockquote {
  /* background: #ffffff; */

  XXXborder-left: 1px solid var(--color-main);

  margin: 0px 0 20px 0;
  padding: 15px 20px 15px 10px;
  /* quotes: "\201C""\201D""\2018""\2019"; */

  quotes: "\201C""\201D""\2018""\2019";

  font-style:italic;
}

blockquote:before {
  color: var(--color-main);
  content: open-quote;
  font-size: 40px;
  line-height: 0.1em;
  margin-right: 10px;
  vertical-align: -10px;
}

blockquote:after {
  color: var(--color-main);
  content: close-quote;
  font-size: 40px;
  line-height: 0.1em;
  margin-right: 0px;
  vertical-align: -20px;
}
blockquote p {
  display: inline-block;
}



#video blockquote { background:none; padding:5px 0 5px 10px; }









input { border:#a0a0a0 solid 1px; padding:12px; background:#ffffff; font-weight:400; color:var(--color-main); border-radius:5px; }
textarea { border:#a0a0a0 solid 1px; padding:12px; background:#ffffff; font-weight:400; color:var(--color-main); border-radius:5px; }
select { border:#a0a0a0 solid 1px; padding:12px; background:#ffffff; font-weight:400; color:var(--color-main); border-radius:5px; cursor:pointer; }

input:focus, textarea:focus, select:focus { border-color: var(--color-main); color: var(--color-dark); }


input[type="submit"] { background: var(--color-main); color:#ffffff; font-weight:500; margin-bottom:0px;  padding:12px; border-radius:5px; cursor:pointer; 
 transition: background-color 0.3s, color 0.5s;
 transition-timing-function: ease;
 }
input[type="submit"]:hover { background:var(--color-dark); }

ul, li { padding:0; margin:0; list-style:none; }
li { display:inline-block; }
img { width:100%; }





div.side img.logokarta { width:23%; max-width:100px; margin:1%; border:#f0f0f0 solid 1px; }

#content2 div.text img.logo3, img.logo3 { width:31% !important; max-width:120px; margin:1%; border:#f0f0f0 solid 1px; }

div.platobnemoznosti { padding:40px 0; }
div.platobnemoznosti img.logokarta { width:48%; max-width:100px; margin:1%; border:#f0f0f0 solid 1px; }



::-webkit-input-placeholder {
   color: #888888;
   font-weight:normal;
}

:-moz-placeholder { /* Firefox 18- */
   color: #888888;  
   font-weight:normal;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #888888;  
   font-weight:normal;
}

:-ms-input-placeholder {  
   color: #888888;  
   font-weight:normal;
}



section { display:block; position:relative; }
section > div.inside, section > div.insidepath > div.inside { width:100%; max-width:1000px; margin:0 auto 0 auto;


z-index:100;
padding:0 20px;
position:relative;

}


section h1 { display:inline-block; margin-right:20px;}
section h1 + a.btn { }

section#rozvrhrekondicii > header > h2 { display:inline-block; margin-right:20px; }
section#rozvrhrekondicii > header > h2 + a.btn { margin-bottom:10px; }



div.ohlekar i.info { width:14px; height:14px; display:inline-block; background:#006cb6 no-repeat left center; background-size:contain; background-image:url(ico/ico256-info.png);  vertical-align:middle; border-radius:50%; }
div.ohlekar i.info span { display:none; }




section#top { padding:20px 0 25px; border-bottom:#d0d0d0 solid 1px; }
section#top > div.inside { overflow:hidden; }

div.top_logo { max-width:180px; display:inline-block; }
div.top_logo img { width:100%; height:auto; }

div.top_info { float:right; display:inline-block; position:relative; }
div.top_info > div.top_info_cell { display:inline-block; padding-top:20px; }
div.top_info > div.top_info_cell > div { display:inline-block; vertical-align:top; font-size:14px; color:#c0c0c0; line-height:18px; }

div.top_info > div.top_info_cell:not(:last-child) > div + div { padding-right:20px; }
div.top_info > div.top_info_cell > div + div { padding-left:10px; }

div.top_info > div.top_info_cell > div + div > span { font-size:18px; line-height:22px; font-weight:500; color:#808080; }
div.top_info > div.top_info_cell > div + div > span a  { font-size:18px; line-height:22px; font-weight:500; text-decoration:none; }


div.top_info div.ico_circle { width:40px; height:40px; display:inline-block; border:#d0d0d0 solid 2px; border-radius:50%; text-align:center; vertical-align:middle; }
div.top_info div.ico_circle i { font-size:16px; line-height:36px; color:var(--color-main); }


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

#top div.inside { text-align:left;}
div.top_logo { margin:0 auto; }
/* div.top_info { margin:0 auto;  float:left;  }  */


div.top_info > div.top_info_cell > div { font-size:12px; line-height:14px; }
div.top_info > div.top_info_cell > div + div { padding-top:5px; }
div.top_info > div.top_info_cell > div + div > span { font-size:16px; line-height:18px; }
div.top_info > div.top_info_cell > div + div > span a { font-size:16px; line-height:18px; }


}


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



div.top_info > div.top_info_cell > div + div { display:none; background:#ffffff; width:300px; text-align:right; position:absolute; top:55px; right:0px; padding-right:0 !important; }

}

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


#top div.inside { text-align:left;}
div.top_logo { margin:0 auto; }
div.top_info { margin:0 auto;  float:right;  }


div.top_info > div.top_info_cell { padding-top:15px; }


div.top_info > div.top_info_cell > div:first-child { margin-left:10px; }

div.top_info > div.top_info_cell > div:first-child:hover + div { display:inline-block; }

div.top_info > div.top_info_cell > div { font-size:12px; line-height:14px; }
div.top_info > div.top_info_cell > div + div > span { font-size:14px; line-height:16px; }
div.top_info > div.top_info_cell > div + div > span a  { font-size:14px; line-height:16px; }

}

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

div.top_logo { max-width:150px;     margin-bottom: 30px; }

}



section > div.inside > header { display:block; padding:30px 0; }
section > div.inside > header > span { font-size: 24px; line-height:32px;    font-weight: 300; display:inline-block;  }
section > div.inside > header > span > b, section > div.inside > header > span > strong { font-weight: 500; }
section > div.inside header > span.subline { display:block; width: 50px;    height: 2px;    background-color: var(--color-main); }
section > div.inside header > span > span.subline { display:block; width: 50px;    height: 2px;    background-color: var(--color-main); }
section > div.inside header > span.subline.light { height:1px; }







section#indexcovid { border-bottom:#444444 dotted 1px; }

ul.covidicons {  display:block; list-style:none; padding:30px 10px 0 10px; text-align:center;  }
ul.covidicons li { padding:10px; margin:0; display:inline-block; width:14.2857%; vertical-align:top; }
ul.covidicons li div.image { width:60%; margin:0 auto 20px; border:#ffffff solid 2px; border-radius:50%;   transition: all 0.3s;  transition-timing-function: ease;   }
ul.covidicons li div.image img { filter: invert(65%) sepia(73%) saturate(365%) hue-rotate(37deg) brightness(101%) contrast(89%);  }
ul.covidicons li div.image.red img { filter: invert(19%) sepia(98%) saturate(7197%) hue-rotate(359deg) brightness(103%) contrast(115%); }

ul.covidicons li div.image img { width:80%; margin:10%; }
ul.covidicons li p { color:#444444; font-weight:500;  transition: all 0.3s;  transition-timing-function: ease;  }

ul.covidicons li:hover div.image {  border-color:var(--color-main); }
ul.covidicons li:hover p { color:var(--color-main); }


@media screen and (max-width: 800px){
ul.covidicons li { width:33.3333%; }
ul.covidicons li div.image { width:50%; }
}

@media screen and (max-width: 600px){
ul.covidicons li { width:50%; }
ul.covidicons li div.image { width:50%; }
}


















/* searcharticles */



/*
ul.articles { display:block; }
ul.articles > li { display:inline-block; width:50%; height:0; padding:0 0 20% 0;  overflow:hidden; position:relative; }
ul.articles > li > div { display:table; width:100%; height:100%; position:absolute; top:0; left:0; box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%); }
ul.articles > li > div > div { width:50%; vertical-align:top; position:relative; display:table-cell; }
ul.articles > li > div > div.photo { background-size:cover; }
ul.articles > li > div > div.datum { display:inline-block; position:absolute; top:0; left:0; }
*/

ul.articles { display:block; margin-left:-15px; margin-right:-15px; display:flex;  flex-wrap: wrap; width:calc(100%+30px); }
ul.articles > li { display:inline-block; width:calc(50% - 30px); position:relative; margin:15px; padding:0px; box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
 transition: all 0.3s;  transition-timing-function: ease; 
 }
ul.articles > li:hover { box-shadow: 0 0 15px 0 rgb(0 0 0 / 30%); }
ul.articles > li > div { display:table;  height:100%; width:100%; }
ul.articles > li > div > div { display:table-cell; text-align:left; width:50%;  vertical-align:top;  }
ul.articles > li > div > div h3 {  padding:0px 0 10px 0; }
ul.articles > li > div > div div.perex {  padding:20px 0 0 0; font-weight:300; }
ul.articles > li > div > div.photo { height:0; padding:0 0 60% 0; background-size:cover; background-position:center center;}
ul.articles > li > div > div.txt { padding:30px; }
ul.articles > li > div > div.txt div.info i.datum { color:var(--color-main); }
ul.articles > li > div > div.txt div.info span.datum { font-size:14px; display:inline-block; margin-left:10px; }
ul.articles > li > div > div.txt div.info { padding-bottom:10px; }


ul.articles > li > div > div.datum { display:inline-block; width:auto; position:absolute; top:0px; left:0px; background-color: var(--color-main); color:#ffffff; padding:5px; }
ul.articles > li > div > div span.subline { display:block; width: 40px;   height: 1px;    background-color: var(--color-main); }
ul.articles > li > div a.btn { display:inline-block; background:#ffffff; border:var(--color-main) solid 1px; border-radius:15px; padding:5px 10px; line-height:20px; text-decoration:none; text-transform:uppercase; }


ul.articles.fullwidth > li { display:inline-block; width:calc(100% - 30px); }
ul.articles.fullwidth > li > div > div:first-child { width:30%; }
ul.articles.fullwidth > li > div > div.photo { padding:0; }

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

ul.articles > li { display:inline-block; width:calc(100% - 30px); }

ul.articles > li > div > div.photo { padding:0; }

}

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

ul.articles.fullwidth > li > div > div { width:100%; display:block; }


ul.articles.fullwidth > li > div > div.photo { width:100%; padding:0; height:0; padding-bottom:40%; }
}



ul.squares { display:block; margin-left:-15px; margin-right:-15px; display:flex;  flex-wrap: wrap; }
ul.squares.category { margin-top:30px; margin-bottom:30px; }
ul.squares > li { display:inline-block; width:calc(33.3333% - 30px); position:relative; margin:15px; padding:30px 30px 50px 30px; box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
 transition: all 0.3s;  transition-timing-function: ease; 
}
ul.squares > li:hover { box-shadow: 0 0 15px 0 rgb(0 0 0 / 30%); }
ul.squares > li > div { display:block;   }
ul.squares > li > div.btn { position:absolute; bottom:25px; width:100%; left:0; text-align:center; }
ul.squares > li > div > div { text-align:center; }
ul.squares > li > div > div h3 { text-align:center;  padding:20px 0 10px 0; }
ul.squares > li > div > div div.perex { text-align:center;  padding:20px 0; font-weight:300; }
ul.squares > li > div > div.photo { height:0; padding-bottom:60%; background-size:cover; background-position:center center; position:relative; }
ul.squares > li > div > div.datum { display:inline-block; position:absolute; top:30px; left:30px; background-color: var(--color-main); color:#ffffff; padding:5px; }
ul.squares > li > div > div span.subline { display:block; width: 40px;   margin:auto;  height: 1px;    background-color: var(--color-main); }
ul.squares > li a.btn {
  position:relative;
  margin:0px 5px;
  font-weight:500;
  display:inline-block; background:#ffffff; border:var(--color-main) solid 1px; border-radius:15px; padding:6px 10px 4px 10px; line-height:20px; text-decoration:none;
  /* text-transform:uppercase; */
  text-transform:none;
  font-size:14px; 
  }

ul.squares > li a.btn:hover, ul.squares > li a.btn:focus { background:var(--color-main); color:#ffffff; }



ul.squares > li a.btn:focus-visible {  outline-offset: 1px; }


ul.squares > li > div a.btn:nth-child(2) { background:var(--color-main); color:#ffffff; }
ul.squares > li a.btn:nth-child(2):hover, ul.squares > li a.btn:nth-child(2):focus { background:#000000; color:#ffffff; }


/* ul.squares > li > div a.btn + a.btn:hover { color:#000000; } */


ul.squares.fullimg > li { padding:0; }
ul.squares.fullimg > li > div > div.txt { padding:0px 30px 50px 30px; }


div.contenttwo ul.squares > li  { display:inline-block; width:calc(50% - 30px); }
div.contenttwo ul.squares.fullimg > li > div > div.txt { padding-bottom:80px; }


div.contenttwo > div:nth-child(1):last-child ul.squares > li  { display:inline-block; width:calc(33.3333% - 30px); }
div.contenttwo > div:nth-child(1):last-child ul.squares.fullimg > li > div > div.txt  { padding-bottom:50px; }



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

ul.squares > li { display:inline-block; width:calc(50% - 30px); }

div.contenttwo ul.squares > li  { display:inline-block; width:calc(100% - 30px); }
div.contenttwo > div:nth-child(1):last-child ul.squares > li  { display:inline-block; width:calc(50% - 30px); }

}
@media screen and (max-width: 600px) {
ul.squares > li { display:inline-block; width:calc(100% - 30px); }
div.contenttwo > div:nth-child(1):last-child ul.squares > li  { display:inline-block; width:calc(100% - 30px); }

}








#subpage div.text > div.video { position:relative; width:100%; height:0; padding-bottom:55%; }
#subpage div.text > div.video > iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
#subpage div.text > div.video > video { position:absolute; top:0; left:0; width:100%; height:100%; }


#subpage div.text > ul:not(.submenu2):not(.squares):not(.articles):not(.ul-vynimocni) {  list-style: disc; padding:20px 0; }
#subpage div.text > ul.submenu2 { padding:30px 0; }
#subpage div.text table > tbody > tr > td > ul:not(.submenu2) { padding-top:0; }
#subpage div.text > ul:not(.submenu2):not(.squares):not(.articles):not(.ul-vynimocni) > li { display:block; padding:0 0 5px 25px;  list-style-type: disc; position:relative; }
#subpage div.text > ul:not(.submenu2):not(.squares):not(.articles):not(.ul-vynimocni) > li::before {
content: "●"; color: var(--color-main);

position:absolute; top:0; left:5px; display:inline-block;

}

#subpage div.text p + ul:not(.submenu2):not(.squares):not(.articles):not(.ul-vynimocni) { padding-top:0px; }
#subpage div.text h2 + ul:not(.submenu2):not(.squares):not(.articles):not(.ul-vynimocni) { padding-top:0px; }





#subpage div.text ul.topmenu.buttons {  display:block; margin-left:-15px; margin-right:-15px; display:flex;  flex-wrap: wrap; }
#subpage div.text ul.topmenu.buttons > li { display:inline-block; width:calc(50% - 30px); position:relative; margin:15px; padding:0px !important; box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
 transition: all 0.3s;  transition-timing-function: ease; 
 border-radius:3px;
 overflow:hidden;
}
#subpage div.text ul.topmenu.buttons > li::before { content:none !important; }
#subpage div.text ul.topmenu.buttons > li > a { text-decoration:none; display:block; transition:all 0.3s; }
#subpage div.text ul.topmenu.buttons > li > a > div { }
#subpage div.text ul.topmenu.buttons > li > a > div div.txt { padding:30px; text-align:center; }
#subpage div.text ul.topmenu.buttons > li > a > div div.photo { }

#subpage div.text ul.topmenu.buttons > li.pink > a { background-color:#f89ddd; color:#000000; } /*  color:var(--color-main); * /
#subpage div.text ul.topmenu.buttons > li.pink > a:hover { background-color:#e34bb6; color:#ffffff; }


@media screen and (max-width: 920px) {
#subpage div.text ul.topmenu.buttons > li { display:inline-block; width:calc(33.3333% - 30px); }
}

@media screen and (max-width: 800px) {
#subpage div.text ul.topmenu.buttons > li { display:inline-block; width:calc(50% - 30px); }
}
@media screen and (max-width: 600px) {
#subpage div.text ul.topmenu.buttons > li { display:inline-block; width:calc(100% - 30px); }
}



/* ################################################################################ CONTENT 3 ############################ */

section#content3 {  }

section#content3 div.content_topimage { position:relative; height:0; padding-bottom:60%; margin:auto; border-radius:6px 6px 6px 6px; overflow:hidden; margin-bottom:30px; }
section#content3 div.content_topimage > img { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; }

section#content3 div.content_nav { overflow:hidden;  border-bottom:var(--color-main) solid 4px; margin-top:30px; }
section#content3 div.content_nav ul { list-style:none !important; padding:0 !; margin:0; }
section#content3 div.content_nav ul li::before { display:none; }
section#content3 div.content_nav ul li {  display:inline-block !important;  }
section#content3 div.content_nav ul li a { display:inline-block !important;

 padding:5px 10px;
 color:#000000;
 text-decoration:none; 

 border:#c0c0c0 solid 1px; border-bottom:none; border-radius:6px 6px 0px 0px;
 margin-right:3px; 

 font-weight:500;
 font-size:14px; 

 }
section#content3 div.content_nav ul li a:hover { background-color:var(--color-main); color:#ffffff; }

section#content3 div.content_nav + div.content_topimage { border-radius:0px 0px 6px 6px; }

section#content3 article div.text { padding:20px 0 0 0; }



section#content3 article div.text table.ctab2 { width:80%; margin:20px auto 30px auto; }
section#content3 article div.text table.ctab2 tbody tr { }
section#content3 article div.text table.ctab2 tbody tr td { padding-bottom:20px; }
section#content3 article div.text table.ctab2 tbody tr td strong { display:inline-block; padding:0 0 10px 0; font-size:20px; line-height:22px; font-weight:500; }
section#content3 article div.text table.ctab2 tbody tr td img { border-radius:10px 0 0 10px; }
section#content3 article div.text table.ctab2 tbody tr td:first-child { width:20%; }
section#content3 article div.text table.ctab2 tbody tr td:last-child { width:80%; padding: 0 0 0 30px; }



section#content3 article div.text table.ctab2.imgright { direction: rtl; }
section#content3 article div.text table.ctab2.imgright tbody tr {   }

section#content3 article div.text table.ctab2.imgright tbody tr td img { border-radius:0 10px 10px 0; }

section#content3 article div.text table.ctab2.imgright tbody tr td {
  /* flex: 1 1 auto; */
}
section#content3 article div.text table.ctab2.imgright tbody tr td:last-child { padding: 0 30px 0 0px; }


@media screen and (max-width: 920px) {
section#content3 article div.text table.ctab2 { width:100%; }
}

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

section#content3 article div.text table.ctab2 { direction: ltr !important; }
section#content3 article div.text table.ctab2 tbody tr { display:block; }
section#content3 article div.text table.ctab2 tbody tr td img { border-radius: 10px 0 0 10px !important;  }
section#content3 article div.text table.ctab2 tbody tr td:first-child { width:40% !important; padding:0 !important; }
section#content3 article div.text table.ctab2 tbody tr td:last-child { width:60% !important;  padding: 0 0 0 30px !important; }


}

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

section#content3 article div.text table.ctab2 tbody tr { display:block; }
section#content3 article div.text table.ctab2 tbody tr td img { border-radius: 10px 10px 0 0 !important;  }
section#content3 article div.text table.ctab2 tbody tr td:first-child { width:100% !important; display:block; padding:0 !important; }
section#content3 article div.text table.ctab2 tbody tr td:last-child { width:100% !important; display:block; padding:20px 0 10px 0 !important; }

}





section#content3 div.content_articles { 

display:block; width:auto;
margin-left:-20px;
margin-right:-20px;

}
section#content3 div.content_articles > article {

 display:block;
 width:100%;
 padding:20px; 
 vertical-align:top;

 }
section#content3 div.content_articles > article div.text {  }
section#content3 div.content_articles > article div.text table.contenttable { width:100% !important;     border: 0px;    border-collapse: collapse; }
section#content3 div.content_articles > article div.text table.contenttable tr { }
section#content3 div.content_articles > article div.text table.contenttable tr:first-child td { background:#f0f0f0; font-weight:500; }
section#content3 div.content_articles > article div.text table.contenttable td { text-align:left !important; border-right:#ffffff solid 1px; border-bottom:#ffffff solid 1px; padding:5px; background:#f8f8f8; }
section#content3 div.content_articles > article div.text table.contenttable td:first-child { background:#f0f0f0;  font-weight:500; }

section#content3 div.content_articles > article h2 { position:relative; }

section#content3 div.content_articles > article header.imagetitle {  width:100%; position:relative; background-position:center center !important; background-size:cover !important; background-repeat:no-repeat !important; }
section#content3 div.content_articles > article header.imagetitle h2 {
  color:#ffffff; font-weight:normal; text-shadow: 0 0 5px #ffffff;
  display:block; padding:40px; text-align:center;
    font-size: 33px;
    line-height: 40px;
  }


section#content3 div.content_articles > article a.btnnav { position:absolute; display:inline-block; text-decoration:none; transform: rotate(90deg); left:-15px; color:var(--color-main); font-weight:600; font-size:20px; }



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

section#content3 div.content_articles > article {
 display:inline-block;
 /* width:50%; padding:20px;  */
 vertical-align:top;
 }

}

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

section#content3 div.content_articles > article {

 display:block;
 width:100%;
 padding:20px; 
 vertical-align:top;

 }


}



#sharer {
    padding: 30px 0;
    height: 70px;
    overflow: hidden;
}


div.attachments {}
div.attachments header { margin-bottom:20px; }
div.attachments div.attachment { display:table; width:100%; }
div.attachments div.attachment > div { display:table-cell; vertical-align:top; }
div.attachments div.attachment:hover { background-color:#f8f8f8; }
div.attachments div.attachment > div:nth-child(1) { width:24px; }
div.attachments div.attachment > div:nth-child(2) a { text-decoration:none; display:block; }
div.attachments div.attachment > div:nth-child(3) { width:70px; text-align:right; }


div.back { padding-top:20px; }









div#idsearch { display:none; }

section#menu { z-index: 20000; padding:5px 0 10px 0; }

#hamburger {
    display: none;
    position: relative;
	float:right;
	padding-top:16px;
}

section#menu nav { display:inline-block; }

section#menu nav > ul {
    display: inline-block;
}

section#menu nav > ul > li { display:inline-block; position:relative; }

section#menu nav > ul > li > a {
    display: block;
    padding: 16px 7px 11px 7px;
    cursor: pointer;
    color: #606060;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
}

section#menu nav > ul > li:first-child a { padding-left:0; }

section#menu nav > ul > li.active > a { color:var(--color-main); }




section#menu nav > ul > li > ul {

display:block;
width:auto;
max-width:400px;
padding:0;
position:absolute;
top:51px;
left:-20px;
background:#ffffff;
max-height:0px;
height:auto;
overflow:hidden;
/* box-shadow: 0 4px 6px -6px #c0c0c0; */

/* box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%); */
box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;


border-radius:0 0 10px 10px;

	 transition: 0.4s all;  transition-timing-function: ease-in; 
/* transition: max-height 0.2s ease-in; */
z-index:1000000;
}

section#menu nav > ul > li:hover > a { color:var(--color-main) !important; }

section#menu nav > ul > li:hover > ul, section#menu nav > ul > li > a:focus + ul { 
max-height:2000px;
}

section#menu nav > ul > li > ul > li { display:block; text-align:center; padding:0 20px;  }
section#menu nav > ul > li > ul > li:last-child { margin-bottom:10px; }
section#menu nav > ul > li > ul > li a { display:block; text-align:center; padding:7px 0px; text-decoration:none; border-bottom:#e0e0e0 solid 1px;  white-space:nowrap;   font-size: 13px;  font-weight: 500;}
section#menu nav > ul > li > ul > li a span { /* text-transform: uppercase; */ }

section#menu nav > ul > li > a:hover { color:var(--color-main) !important; }
section#menu nav > ul > li > ul > li a:hover { color:var(--color-main) !important; }


body#snopmain section#menu nav > ul > li.cz a { color:var(--color-maincz); }
body#snopmain section#menu nav > ul > li > ul > li.cz a { color:var(--color-maincz); }

body#snopmain section#menu nav > ul > li.topmenu.menu-procedury_pre_samoplatcov a { color:var(--color-maincz); }


section#menu nav > ul > li > ul > li:last-child a { border-bottom:none; }


section#menu div.menu_right { float:right; padding-top:16px; }
section#menu div.menu_right a { display:inline-block; margin-left:10px; }




section#footer { }

div.newsletter_msg_ok { padding:20px 20px 10px 20px; border:var(--color-ok) dashed 2px; margin-bottom:20px;  }
div.newsletter_msg_err { padding:20px 20px 10px 20px; border:var(--color-error) dashed 2px; margin-bottom:20px;  }
div.newsletter_msg_header { font-weight:bold; color:#000000; }
div.newsletter_msg_text { font-weight:bold; color:#000000; }
div.newsletter_msg_ok div.newsletter_msg_text { color:var(--color-ok); }
div.newsletter_msg_err div.newsletter_msg_text { color:var(--color-error); }




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




section#menu nav > ul > li > a { font-size:12px;  font-weight:700;  }

#hamburger { display:inline-block; }
section#menu nav { clear:both; display:block;  max-height: 0px; overflow: hidden; padding:0px 0px 10px 0px; }
section#menu nav ul { display:block; }
section#menu nav ul li { display:block; }


section#menu nav.menuOpen {
    max-height: 4000px;
    -webkit-transition: max-height 0.5s;
    -moz-transition: max-height 0.5s;
    transition: max-height 0.5s;
}

section#menu nav > ul { margin-top:30px; }
section#menu nav > ul > li { text-align:center; }
section#menu nav > ul > li > a { text-align:center; padding:5px 10px !important; background:#fafafa; border-bottom:#ffffff solid 2px; }

section#menu nav > ul > li:last-child a {    padding-right: 10px;  }

section#menu nav > ul > li > ul { display:block; width:100% !important; max-width:none; position:relative; top:auto; left:auto; max-height:none; height:auto; overflow:hidden;  }

section#menu nav > ul > li > ul { box-shadow:none; border:none; background:rgba(255,255,255,0.3); margin-bottom:15px; }
section#menu nav > ul > li > ul > li a { text-align:center; text-transform:none; border-bottom: #e0e0e0 dotted 1px; }
section#menu nav > ul > li > a span { padding-bottom:0; }

section#menu nav > ul > li.dropdown > a { background:none; padding-right:10px; }



/*
#subpage div.text ul.buttons > li { width:50% !important; }
#subpage div.text ul.buttons > li:nth-child(1n+1) { padding:5px 0 !important; }
#subpage div.text ul.buttons > li:nth-child(2n+1) { padding-right:5px !important; }
#subpage div.text ul.buttons > li:nth-child(2n+2) { padding-left:5px !important; }
*/

}


section#promo { height:0; padding-bottom:30%;position:relative; }
section#promo ul { display:block; padding:0; margin:0; position:absolute; top:0; left:0; width:100%; height:100%; }
section#promo ul li { display:block; vertical-align:bottom; padding:0; margin:0; position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; }
section#promo div.bx-viewport { display:block; position:absolute !important; top:0; left:0; width:100% !important; height:100% !important; }


xxxsection#promo ul li div.promocontent {  max-width: 1000px;    margin: 0 auto 0 auto; padding: 0 0px; vertical-align:bottom; }
section#promo ul li div.promocontent {  position:absolute; left:50%; bottom:0; margin:0; width:100%; max-width: 1000px;  }
section#promo ul li div.promotext { width:100%; display:inline-block; margin-left:-50%; padding:20px; background:rgba(255,255,255,0.7);

    border-top: var(--color-main) solid 2px;
    border-radius: 20px 0 0 0;

}



section#promo ul li div.promotext span { color:#000000; display:block; line-height:60px; font-weight:400; font-size:50px; }
section#promo ul li div.promotext strong { color:#000000;  display:block; line-height:40px; font-weight:500; font-size:36px;  }
section#promo ul li div.promotext p { color:#000000;  display:block; font-size:18px; line-height:22px; padding-top:10px; }

a.promocta { display:inline-block; line-height:20px; font-size:18px; padding:15px 20px; margin-top:10px; text-transform:uppercase; text-decoration:none; border-radius:25px; background:var(--color-main); color:#ffffff; font-weight:500px; 

	 transition: all 0.3s;  transition-timing-function: ease; 
}

a.promocta:hover { color:#000000; }

a.promocta + a.promocta { background:#ffffff; color:#000000; }
a.promocta + a.promocta:hover { color:var(--color-main); }


div.bx-controls { position:absolute; top:0; left:0; width:100%; height:auto; z-index:1000; }
div.bx-controls div.bx-pager.bx-default-pager { display:none; }
div.bx-controls div.bx-controls-direction { position:absolute; top:20px; left:0; width:100%; }
div.bx-controls div.bx-controls-direction a { position:absolute; top:40%; width:30px; height:30px; background:#ff0000; text-indent: -9999px;  }
div.bx-controls div.bx-controls-direction a.bx-prev { left:5px; background:url(gfx/arrow3-left.png) no-repeat center center; background-size:contain;  }
div.bx-controls div.bx-controls-direction a.bx-next { right:5px; background:url(gfx/arrow3-right.png) no-repeat center center; background-size:contain; }



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

section#promo { padding-bottom:40%; }

}

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

section#promo ul li div.promotext span, section#promo ul li div.promotext strong { line-height:40px; font-size:34px; }

section#promo { padding-bottom:50%; }

}

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

section#promo { padding-bottom:80%; }
section#promo ul li div.promotext p { display:none; }

}


/* #######################################################################  section PROMOSUB */

section#promosub { position:relative; height:240px; background-image:center center no-repeat; background-size:cover; background-position:center center; }

section#promosub div.insidepath { position:absolute; left:0; bottom:0; width:100%; }
section#promosub ul.shortpath {  display:inline-block; padding:2px 10px 0px ; background:rgba(255,255,255,1); border-radius:3px 3px 0 0; }
section#promosub ul.shortpath > span { display:inline-block; color:#000000; padding:0 7px; font-weight:400; }
section#promosub ul.shortpath li a { color:#000000; text-decoration:none; }
section#promosub ul.shortpath li a:hover { color:var(--color-main); }

section#promosub.personal { border-bottom:#d0d0d0 solid 1px; height:auto; margin-top: 20px; }
section#promosub.personal div.insidepath { bottom:-1px; }
section#promosub.personal ul.shortpath { border:#d0d0d0 solid 1px; border-bottom:none; }





/* #######################################################################  div.row  */

section#prihovor { background:var(--color-main-alpha1); padding:40px 0; margin:30px 0; }
section#nemocnica { padding:40px 0; margin:30px 0; }
div.row {  display:block; position:relative; overflow:hidden; }
div.row div.cell {  display:inline-block; vertical-align:top;  }
div.row div.cell > img { width:100%; }
div.row div.cell40 {  width:40%; }
div.row div.cell50 {  width:50%; }
div.row div.cell60 {  width:60%; }
div.row.contentright div.cell+div.cell { padding:0 0 0 30px; }

div.row div.cell div.perex {     font-size: 14px;    line-height: 24px;  padding-bottom:20px; }

div.row header { display:block; font-size: 24px;    line-height: 32px;    font-weight: 300;  padding-bottom:20px; }
div.row header b, div.row header strong { font-weight:500px; }
div.row header span { color:var(--color-main); display:block; font-size:12px; font-weight:500; line-height:16px; }

div.row.contentleft div.cell+div.cell { float:left; padding-right:30px; }


section#prihovor div.cell > img { width:auto; max-height:300px; }
section#prihovor div.cell.img { text-align:right; }

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

div.row div.cell { display:block; width:100% !important; }
section#prihovor div.cell.img { text-align:center; }
section#prihovor div.cell.img img { width:100%; max-width:440px; height:auto; max-height:none; }
div.row.contentright div.cell+div.cell { padding:30px 0 0 0; }
div.row.contentleft div.cell+div.cell { float:default; padding:30px 0 0 0; }

}

section#poistovne { border-top:#444444 dotted 1px; }
ul.poistovne { display:block; text-align:center;  padding:20px 0; }
ul.poistovne li { width:33.3333%; max-width:200px; padding:0 10px; text-align:center; vertical-align:top; display:inline-block; }
ul.poistovne li span { display:block; padding:5px 0; border-top:var(--color-main) solid 1px;  }



/* #######################################################################################################  GALERIA */



ul.gallery { margin:0 -20px 30px -20px; display:block; }
ul.gallery li.gallery-item { display:inline-block; width:33.3333%; position:relative; padding:20px; }
ul.gallery li.gallery-item > a { display:inline-block; width:100%; height:0; padding-bottom:56%; position:relative; border-radius:6px; 
transition: all 0.3s;  transition-timing-function: ease;  overflow:hidden;
}
ul.gallery li.gallery-item > a > img { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;
transition: all 0.3s;  transition-timing-function: ease; 
}


ul.gallery.personal li.gallery-item > a {  box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%);  }
ul.gallery.personal li.gallery-item > a > img { object-fit:contain;  }


ul.gallery li.gallery-item > a > i.fa { position:absolute; bottom:-50px; left:50%; width:30px; height:30px; vertical-align:top; text-align:center; color:var(--color-main); margin:-15px 0 0 -15px;

font-size:28px; line-height:30px;
transition: all 0.3s;  transition-timing-function: ease; 

}

ul.gallery li.gallery-item > a:hover img { filter: grayscale(80%) brightness(80%); }

ul.gallery li.gallery-item > a:hover {
box-shadow: 0 0 15px 0 rgb(0 0 0 / 30%);
}
ul.gallery li.gallery-item > a:hover > i.fa { bottom:50%; }


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

ul.gallery li.gallery-item { width:50%; }

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

ul.gallery li.gallery-item { width:100%; }

}





/* #######################################################################################################  TEXT TEXT TEXT TEXT  */


div.contenttwo { display:block; } 
div.contenttwo > div { display:inline-block; vertical-align:top; }
div.contenttwo > div:nth-child(1) { width:70%; padding-right:30px; }
div.contenttwo > div:nth-child(2) { width:30%; }

div.contenttwo > div:nth-child(1):last-child { width:100%; padding-right:0;}

div.contenttwo > div.rightside { border-left:var(--color-main) solid 1px; padding:0px 0 10px 10px; margin-top:36px; }


div.rightside div.submenuperex { padding-bottom:20px; font-style:italic; }





div.rightside header { text-align:left;  padding:0px 0 15px 0 !important; }
div.rightside header > span { padding-left:0; }

div.rightside ul.submenu { margin-top:0px; padding-bottom:20px; }
div.rightside ul.submenu > li { padding-bottom:5px; display:block; }
div.rightside ul.submenu > li > a { display:block; padding-left:10px;      font-size: 14px;    font-weight: 400; text-decoration:none; }
div.rightside ul.submenu > li > a h3 {  font-size: 14px;  font-weight: 400;  }
div.rightside ul.submenu > li > a:hover { background-color:#f8f8f8; }
div.rightside ul.submenu > li > a:hover h3 { /* font-weight:500; */ }
div.rightside ul.submenu > li > div + div {  padding-left:11px; font-size:14px;  }
div.rightside ul.submenu > li.active {  color:#ffffff; }
div.rightside ul.submenu > li.active a { text-decoration:none; background:var(--color-main); color:#ffffff; font-weight:400; border-radius:3px; }
div.rightside ul.submenu > li.active h3 { color:#ffffff; }

div.rightside ul.submenu > li > a span.arrow { font-weight:500; color:var(--color-main); display:inline-block; padding-right:10px; }

div.rightside ul.submenu > li div.perex { display:none; }


div.rightside > header > h2 { line-height:32px; }
div.rightside > header > h2 a { text-decoration:none; }


div.articles2.alternative > ul { padding-left:10px; }
div.articles2.alternative > ul > article div.info p { line-height:20px; }

div.articles2.alternative > ul > article { margin:10px 0 15px 0; }
div.articles2.alternative > ul > article div.perex { padding:10px 0; }

div.articles2.alternative > ul > article div.info h3 { font-size: 18px; line-height:24px; }
div.articles2.alternative > ul > article div.info h3 a { text-decoration:none; }
div.articles2.alternative > ul > article:hover div.info h3 a { text-decoration:underline; }


div.rightside ul.tags { }
div.rightside ul.tags li { }
div.rightside ul.tags li a { display:inline-block; border-radius:5px; margin:0 5px 5px 0; padding:2px 10px; text-decoration:none; border:var(--color-main) solid 1px; }



div.inside div.text ul.ul-vynimocni {    padding: 20px 0 40px 0; }
div.inside div.text ul.ul-vynimocni > li {
    color: var(--color-main);
    font-weight: 400;
    display: block;
    padding: 5px 0 5px 60px;
    background: no-repeat left 10px center;
    background-size: 30px 30px;
    margin: 0 0 10px 0;
    border-left: var(--color-main) solid 1px;
}
div.inside div.text ul.ul-vynimocni > li.ico-fyzioterapeut {    background-image: url(gfx2/ic4d.png);  }
div.inside div.text ul.ul-vynimocni > li.ico-prevencia {    background-image: url(gfx2/ic3d.png); }
div.inside div.text ul.ul-vynimocni > li.ico-zdravproblem {    background-image: url(gfx2/ic2d.png); }
div.inside div.text ul.ul-vynimocni > li.ico-od2007 {    background-image: url(gfx2/ic1d.png); }


div.inside div.text { font-size:15px; line-height:22px; font-weight:300; color:#404040; }

div.inside div.text > div.content > h3 { margin-top:20px; margin-bottom:10px; }


div.inside div.text > header { display:block; padding:30px 0; }
div.inside div.text > header > h1 { font-size: 24px; line-height:38px;    font-weight: 400; }
div.inside div.text > header > h1 > b, div.inside div.text > header > h1 > strong { font-weight: 500; }
div.inside div.text > header > span.subline { display:block; width: 40px;    height: 2px;    background-color: var(--color-main); }

div.inside div.text > h2 { font-size: 20px; line-height:26px;    font-weight: 400; padding:15px 0 15px 0; color:var(--color-main); }

article.video { margin:30px 0; height:0; padding:0 0 55% 0; overflow:hidden; width:100%; position:relative; }
article.video > iframe { position:absolute; width:100%; height:100%; top:0; left:0; }
article.video > video { position:absolute; width:100%; height:100%; top:0; left:0; }



#subpage div.inside div.text > a > img[align="left"], #subpage div.inside div.text > img[align="left"], #subpage div.inside div.text p > img[align="left"], #subpage div.inside div.text b > img[align="left"], #subpage div.inside div.text div > img[align="left"] { padding:0px; margin:10px 30px 20px 0px;  float:left; width:30%;   border-radius: 6px; height:auto; } /* border:#6ccdcb solid 2px; */
#subpage div.inside div.text > a > img[align="right"], #subpage div.inside div.text > img[align="right"], #subpage div.inside div.text p > img[align="right"], #subpage div.inside div.text b > img[align="right"], #subpage div.inside div.text div > img[align="right"] { padding:0px; margin:10px 0px 20px 30px;  float:right; width:30%;    border-radius: 6px; height:auto;  } /* border:#6ccdcb solid 2px; */
#subpage div.inside div.text > img[float="left"] { padding:0px; margin:10px 30px 20px 0px;  float:left; width:30%;   border-radius: 10px; }


#subpage div.inside div.text > h2 {
    padding: 20px 0 10px 0;
    font-size: 24px;
    line-height: 26px;
}
#subpage div.inside div.text ul:not(.content_nav):not(.submenu2):not(.squares):not(.articles):not(.ul-vynimocni) {
    list-style: disc;
    padding: 20px 0;
}

#subpage div.inside  div.text ul:not(.content_nav):not(.submenu2):not(.squares):not(.articles):not(.ul-vynimocni) > li {
    display: block;
    padding: 0 0 5px 25px;
    list-style-type: disc;
    position: relative;
}
#subpage div.inside div.text ul:not(.content_nav):not(.submenu2):not(.squares):not(.articles):not(.ul-vynimocni) > li::before {
    content: "●";
    color: var(--color-main);
    position: absolute;
    top: 0;
    left: 5px;
    display: inline-block;
}


#profile div.inside div.text ul:not(.content_nav):not(.submenu2):not(.squares):not(.articles):not(.ul-vynimocni) {
    list-style: disc;
    padding: 20px 0;
}

#profile div.inside  div.text ul:not(.content_nav):not(.submenu2):not(.squares):not(.articles):not(.ul-vynimocni) > li {
    display: block;
    padding: 0 0 5px 25px;
    list-style-type: disc;
    position: relative;
}
#profile div.inside div.text ul:not(.content_nav):not(.submenu2):not(.squares):not(.articles):not(.ul-vynimocni) > li::before {
    content: "●";
    color: var(--color-main);
    position: absolute;
    top: 0;
    left: 5px;
    display: inline-block;
}





#subpage div.text ol {     padding: 0 0 0 19px; }
#subpage div.text ol { list-style:decimal;
    display: block;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 19px;
	
	}
#subpage div.text ol.alpha { list-style-type:lower-alpha; }
#subpage div.text ol > li {   display: list-item; list-style: decimal; padding:6px 0px 6px 6px; font-size:11pt; line-height:14pt; }
#subpage div.text ol > li::marker { color:var(--color-main); font-weight:bold;  }
#subpage div.text ol.alpha > li { list-style:lower-alpha; }








#subpage div.text .txttable { width:100% !important; border:0px; display:table; margin-bottom:20px; }
#subpage div.text .txttable div.txttbody { display:table; width:100%; }
#subpage div.text .txttable div.txtrow { display:table-row; }
#subpage div.text .txttable div.txtrow:hover div.txtcell { background-color:#f8f8f8; }
#subpage div.text .txttable div.txtrow:hover div.txtcell:first-child { background-color:#e8e8e8; }
#subpage div.text .txttable div.txtcell { display:table-cell; border:#ffffff solid 1px; padding:5px; background-color:#fafafa;  transition: background-color 0.3s;  transition-timing-function: ease; }
#subpage div.text .txttable div.txtrow > div.txtcell:first-child { background-color:#f8f8f8; padding:5px 10px; max-width:300px; width:30%; }
#subpage div.text .txttable div.txtrow > div.txtcell + div { border-left:none; }



body.prefirmy div.inside div.text > header { text-align:center; margin-right:0; }
body.prefirmy div.inside div.text > header > span.subline { margin:auto; }
body.prefirmy div.text div.content { text-align:center; }
body.prefirmy section h1 { margin-right:0; }
body.prefirmy section#content3 div.content_nav ul { text-align:center; }
body.prefirmy section#content3 div.content_articles > article header { text-align:center; }
body.prefirmy section#content3 div.content_articles > article a.btnnav { position:relative; left:none; }
body.prefirmy section > div.inside header > span.subline { margin:auto; }

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

div.contenttwo > div { display:block; width:100% !important; }
div.contenttwo > div:nth-child(1) { padding-right:0; }
div.contenttwo > div.rightside { width:100%; }


#subpage div.inside div.text > a > img[align="left"], #subpage div.inside div.text > img[align="left"], #subpage div.inside div.text p > img[align="left"], #subpage div.inside div.text b > img[align="left"], #subpage div.inside div.text div > img[align="left"] { padding:0px; margin:10px 30px 20px 0px;  float:left; width:50%;   border-radius: 6px; height:auto; } /* border:#6ccdcb solid 2px; */
#subpage div.inside div.text > a > img[align="right"], #subpage div.inside div.text > img[align="right"], #subpage div.inside div.text p > img[align="right"], #subpage div.inside div.text b > img[align="right"], #subpage div.inside div.text div > img[align="right"] { padding:0px; margin:10px 0px 20px 30px;  float:right; width:50%;    border-radius: 6px; height:auto;  } /* border:#6ccdcb solid 2px; */
#subpage div.inside div.text > img[float="left"] { padding:0px; margin:10px 30px 20px 0px;  float:left; width:50%;   border-radius: 10px; }

}

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


#subpage div.inside div.text > a > img[align="left"], #subpage div.inside div.text > img[align="left"], #subpage div.inside div.text p > img[align="left"], #subpage div.inside div.text b > img[align="left"], #subpage div.inside div.text div > img[align="left"] { padding:0px; margin:10px 0px 20px 0px;  float:default; width:100%;   border-radius: 6px; height:auto; } /* border:#6ccdcb solid 2px; */
#subpage div.inside div.text > a > img[align="right"], #subpage div.inside div.text > img[align="right"], #subpage div.inside div.text p > img[align="right"], #subpage div.inside div.text b > img[align="right"], #subpage div.inside div.text div > img[align="right"] { padding:0px; margin:10px 0px 20px 0px;  float:default; width:100%;    border-radius: 6px; height:auto;  } /* border:#6ccdcb solid 2px; */
#subpage div.inside div.text > img[float="left"] { padding:0px; margin:10px 30px 20px 0px;  float:default; width:100%;   border-radius: 10px; }


}




/* #######################################################################################################  SUBMENU BUTTONS  */

ul.submenu.buttons { display:block;   margin-left:-15px; margin-right:-15px; display:flex;  flex-wrap: wrap;  }
ul.submenu.buttons > li {

 display:inline-block; width:calc(50% - 30px); position:relative; margin:15px; padding:0px !important; box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
 transition: all 0.3s;  transition-timing-function: ease; 
 border-radius:5px;
 overflow:hidden;

}


ul.submenu.buttons > li::before { content:none !important; }
ul.submenu.buttons > li a { text-decoration:none;  }
ul.submenu.buttons > li a h3 { display:block; background:var(--color-main); color:#ffffff; padding:10px 15px;     font-size: 16px;    line-height: 24px;    font-weight: 400;

 transition: all 0.3s;  transition-timing-function: ease; 
}

ul.submenu.buttons > li a div.perex { text-decoration:none; padding:10px 15px; background:#ffffff; border-top:#f0f0f0 solid 1px; }

ul.submenu.buttons > li a h3 { display:block; color:var(--color-main); background:#ffffff; padding:10px 15px;     font-size: 16px;    line-height: 24px;    font-weight: 400; }

ul.submenu.buttons > li.default div.photo { padding-bottom:40%; background:no-repeat center center; background-size:cover; }

ul.submenu.buttons > li a:hover h3 { display:block; background:var(--color-main); color:#ffffff; padding:10px 15px;     font-size: 16px;    line-height: 24px;    font-weight: 400; }

ul.submenu.buttons > li.pink a h3 { background-color:#f48ff3; color:#000000; }
ul.submenu.buttons > li.pink a:hover h3 { background-color:#d432d2; color:#ffffff; }



@media screen and (max-width: 600px) {
ul.submenu.buttons > li { display:inline-block; width:calc(100% - 30px); }
}





/* #######################################################################################################  PERSONAL  */


#personal div.personal { display:table; width:100%; padding:30px 0; }
#personal div.personal article { clear:both; display:table-row; overflow:hidden; position:relative;

transition: all 0.3s ease;
}
#personal div.personal article > div { display:table-cell; padding:5px; position:relative; overflow:hidden; font-size:12px; line-height:14px; border-bottom:#b0b0b0 dashed 1px;  }

#personal div.personal article > div:first-child { border-left:var(--color-main) solid 1px; font-weight:bold; }
#personal div.personal article > div:nth-child(2) { border-left:#b0b0b0 dashed 1px; border-right:#b0b0b0 dashed 1px; }

#personal div.personal.notab article { display:block; width:100%; }
#personal div.personal.notab article > div:first-child { width:200px; }


#personal div.personal article:hover {

background-color:#f0f0f0;

}
#personal div.personal article > div:hover {

/* background-color:#e0e0e0; */

}

#personal div.personal article div.detail { width:60px; display:block; position:absolute; right:-65px; top:5px; text-align:right; 

 transition: right 0.5s;
 transition-timing-function: ease;

}

#personal div.personal article div.detail a {
 padding:2px 10px 2px 10px;
 background:var(--color-main); color:#ffffff; font-weight:bold; 
 text-decoration:none; 

}

#personal .filter form { text-align:center; }

#personal .filter { text-align:right; padding-top:30px; }
#personal .filter select { padding:12px; border-radius:5px; max-width:300px; width:50%; background:#ffffff; color:#000000; border:#000000 solid 1px; }
#personal .filter select option { background:#ffffff; color:#000000; }
#personal .filter select option:hover { background:#ffffff; color:var(--color-main); }
#personal .filter select.active { border-color:var(--color-main); color:var(--color-main); }
#personal .filter select option:checked { background-color:var(--color-main); }

#personal div.personal article:hover div.detail { right:0px; }

#profile div.content { padding-bottom:30px; }
#profile ul.kategorie { padding:20px 0; }
#profile ul.kategorie li { display:block; padding:2px 0; }


ul.personal { padding-bottom:20px; }
ul.personal > li { padding-bottom:5px; display:block; }
ul.personal > li > div > a { display:block; border-bottom:#c0c0c0 dotted 1px; padding-left:0px; color:var(--color-main); }
ul.personal > li > div + div {  padding-left:0px; font-size:14px; padding-bottom:0px;  }



/* #######################################################################################################  TESTIMONIALS  */


section#testimonials { background:#f8f8f8; padding:30px 0; }
section.testimonials {}

section.testimonials > div.testimonials { padding-top:30px; }

article.testimonial { border:var(--color-main) dashed 1px; padding:10px; margin-bottom:20px; }
article.testimonial h3 { padding:10px;     font-size: 18px;    line-height: 20px; }
article.testimonial blockquote { margin-bottom:0; }
article.testimonial p { margin-bottom:5px;     font-size: 12px;    line-height: 16px; }
article.testimonial div.author { font-weight:bold; text-align:right; }


.osbtn1 { margin:5px 0 5px 0; display:inline-block; }
.osbtn1.is-open {  display:none;  }
.osbtn2 { display:none; margin:5px 0 5px 0; }
.osbtn2.is-open { display:inline-block; }

.oscontentr { display:block; padding:0px 0; }
.oscontent { display:block; padding:0px 0; max-height:0;  color:#808080; height:auto; overflow: hidden;  

transition: max-height 0.5s ease; /* cubic-bezier(0, 1, 0, 1)  ... ease */

}
.oscontent.is-open { max-height:20000px;

 transition: max-height 1s ease; /* ease-in-out */
}



/* #######################################################################################################  ROZVRH REKONDICII  */

section#rozvrhrekondicii { padding:30px 0; }




/* #######################################################################################################  ORDINACNE HODINY  */

section#ordinacnehodiny { padding:30px 0;  }



/* #######################################################################################################  CENNIKY  */

section#cenniky { padding:30px 0;  }




/* #######################################################################################################  FOOTER  */

section#footer { border-top:var(--color-main) solid 1px; background:#f0f0f0; padding:20px 0 0 0; }
section#footer > div.inside > div { display:block;  width:100%; vertical-align:top; margin:auto; text-align:center;  }
section#footer div#copyright { background:var(--color-main); color:#ffffff; padding:20px 0 30px 0; }
section#footer div.copyright { text-align:center; padding:20px 30px; }
section#footer div.copyright b { font-weight:500; }
section#footer div.copyright a { color:#ffffff;  }


section#footer div.logo { padding:30px 0; }
section#footer div.logo > p { color:var(--color-main); font-weight:500; padding:20px 0; }
section#footer div.logo a { display:inline-block; margin:auto; }
section#footer div.logo a img { max-width:200px; height:auto; }
section#footer ul.ulnav {}
section#footer ul.ulnav li { display:inline-block; }
section#footer ul.ulnav li a { 
    display: block;
    padding: 16px 9px 11px 9px;
    cursor: pointer;
    color: #606060;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
	}
section#footer ul.ulnav li a:hover  { color:var(--color-main); }

section#footer ul.contacts { border-top:#808080 solid 1px;  padding:0px 0 30px 0;  }
section#footer ul.contacts li { display:inline-block;  }
section#footer ul.contacts li a {

    display: block;
    padding: 5px 9px;
    cursor: pointer;
    color: #606060;
    /* text-transform: uppercase; */
    text-decoration: underline;
    font-size: 14px;
    font-weight: 400;
 }



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


section#footer > div > div:first-child { padding-top:20px !important;  }
section#footer > div > div { width:100% !important; padding:20px 0 !important; }
section#footer > div > div { border-bottom:rgba(255,255,255,0.5) solid 1px; }
section#footer ul.ulnav li { width:33.3333%; }

}


/* #######################################################################################################  FORM TABLE REG FORM  */


div#objednajtesa {  margin-top:30px; }


table.regt tr td:first-child { width:55%; }
#suhlasakciebtn { display:inline-block; margin-left:10px; padding:1px 3px; border-radius:2px; background:#5ab1ee; color:#ffffff !important; }



div.objtable { width:100%; display:block; border-left: var(--color-main) solid 2px !important; }
div.objtable > form { width:100%; display:table; }
div.objtable input, div.objtable select, div.objtable textarea { width:100%; max-width:none; border-color:#a0a0a0; padding:12px; background:#ffffff; font-weight:400; color:var(--color-main); border-radius:5px; }
div.objtable input:focus, div.objtable select:focus, div.objtable textarea:focus { border-color:var(--color-main); }

div.objtable textarea { min-height:141px; }

div.objtable input[type="submit"] { background-color:var(--color-main); color:#ffffff; font-weight:bold; max-width:300px; }
div.objtable input[type="submit"]:hover { background-color:#000000; }

div.objtable div.objrow { width:100%; display:table-row;  }
div.objtable div.objrow > div:first-child { width:40%; max-width:300px; padding-left:20px; }
div.objtable div.objcell { display:table-cell; padding:5px 0 5px 20px; }


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


div.objtable { width:100%; display:block; }
div.objtable div.objrow { width:100%; display:block;  }
div.objtable div.objrow > div:first-child { width:100%; max-width:none; }
div.objtable div.objcell { display:block; }


}






/* #######################################################################################################  CENNIKY */


div.cenniky { display:table; width:100%; margin:30px 0; }
header + div.cenniky {  margin-top:20px; }
div.cenniky div.row { display:table-row; }
div.cenniky div.row > div { display:table-cell; vertical-align:top; text-align:left; font-size:12px; line-height:14px; padding:5px; color:#000000; }

div.cenniky div.row > div:nth-child(1) { }
div.cenniky div.row > div:nth-child(2) { max-width:200px;  }
/*div.cenniky div.row > div:nth-child(3) { width:80px; text-align:right; } */
div.cenniky div.row > div:nth-child(3) { width:80px; text-align:right; color:var(--color-main); font-weight:bold; }
div.cenniky div.row > div:nth-child(4) { width:80px; text-align:right;  }
div.cenniky div.row > div:nth-child(5) { width:80px; text-align:right; color:var(--color-main); font-weight:bold; }



div.cenniky.typ2 { width:100%; }
div.cenniky.typ2 div.row > div:nth-child(1) { min-width:200px; }
div.cennikycont { overflow-x: auto;  }


div.cenniky div.row.rowdesc { background:#f0f0f0; }
div.cenniky div.row.rowdesc > div { vertical-align:middle; padding:5px; color:#000000; text-align:center; font-weight:normal; border-left:#ffffff dashed 1px; }
div.cenniky div.row.rowdesc > div:first-child { border-left:none; }

div.cenniky div.row.row1 { font-weight:bold; text-align:center;  background:var(--color-main); color:#ffffff;  }
div.cenniky div.row.row1 > div a { color:#ffffff; }

div.cenniky div.row.row1 > div { border-bottom:#ffffff dashed 1px;  }
div.cenniky div.row:last-child > div { border:none; }
div.cenniky div.row.row2:not(.price) { font-weight:bold; text-align:center;  background:var(--color-main); color:#ffffff;  }
div.cenniky div.row.row3:not(.price) { font-weight:bold; text-align:center;  background:var(--color-main-alpha2); color:#ffffff;  }
div.cenniky div.row.price > div { border-bottom:#b0b0b0 dashed 1px; border-left:#b0b0b0 dashed 1px; }
div.cenniky div.row.price > div:first-child { border-left:none; }
div.cenniky div.row.price > div p { padding:5px; font-size:12px; color:#808080; margin:0; font-weight:normal; }

div.cenniky div.row.row1:not(.price) > div { color:#ffffff; padding:10px 5px; }
div.cenniky div.row.row2:not(.price) > div { color:#ffffff; }

div.cenniky div.row.price > div:first-child { font-weight:bold; }
div.cenniky div.row.price:hover { background-color:#f0f0f0; }

div.cenniky div.row.row2.price > div:first-child { border-left:var(--color-main) solid 1px; }
div.cenniky div.row.row3.price > div:first-child { border-left:var(--color-main-alpha2) solid 1px; }

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

div.cenniky div.row > div:nth-child(2) { display:none !important; }

}
















/* #######################################################################################################  SEARCH */

div.searcharticles { }
div.searcharticles > article { padding:20px 0 30px 0; }
div.searcharticles > article > a { text-decoration:none; color:var(--color-dark); display:table; width:100%;

 transition: all 0.3s;  transition-timing-function: ease; 
}

div.searcharticles > article > a > div { display:table-cell; vertical-align:top; }
div.searcharticles > article > a > div.image  { width:30%; max-width:300px; background:no-repeat center center; background-size:cover;   transition: all 0.3s;  transition-timing-function: ease;  }
div.searcharticles > article > a > div.image + div.info { padding-left:30px; }
div.searcharticles > article > a > div.info  { }
div.searcharticles > article > a > div.info h2 { font-size: 24px;  line-height: 32px;   transition: all 0.3s;  transition-timing-function: ease;  }
div.searcharticles > article > a > div.info h2 > span { display:inline-block; font-size:15px; line-height:20px; padding-left:10px; }
div.searcharticles > article > a > div.info div.perex { padding:10px 0; font-size:15px; line-height:20px; }
div.searcharticles > article > a > div.info span.btn { color:var(--color-main); text-decoration:underline; }
div.searcharticles > article.colorcz > a > div.info span.btn  { color:var(--color-maincz); }
div.searcharticles > article.colorsnop > a > div.info span.btn  { color:var(--color-mainsnop); }

article span.icons { color:var(--color-main); display:inline-block; }
article.colorcz span.icons { color:var(--color-maincz); }
article.colorsnop span.icons { color:var(--color-mainsnop); }
article span.icons i { display:inline-block; margin-right:5px; }


div.searcharticles > article > a:hover { 
/* box-shadow: 0 0 15px 0 rgb(0 0 0 / 30%); */
}

div.searcharticles > article > a:hover h2 { color:var(--color-main); }
div.searcharticles > article.colorcz > a:hover h2 { color:var(--color-maincz); }
div.searcharticles > article.colorsnop > a:hover h2 { color:var(--color-mainsnop); }

div.searcharticles > article > a:hover  > div.image {  box-shadow: 0 0 15px 0 rgb(0 0 0 / 30%); }


div.searcharticles > header.searchsimilar { border-top:var(--color-dark) dotted 1px; padding:20px 0 30px 0; margin-top:10px;  }



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

div.searcharticles > article > a { display:block;  }
div.searcharticles > article > a > div { display:block;  }
div.searcharticles > article > a > div.image { width:100%; max-width:none; height:0; padding-bottom:60%; }
div.searcharticles > article > a > div.image + div.info { padding-left:0px; padding-top:20px; }

}


.formtext div.msg-ok { padding:20px; text-align:center; border: rgba(137,205,19,1) dashed 3px; margin-top:20px; }
.formtext div.msg-error { padding:20px; text-align:center; border: #ff0000 dashed 3px; margin-top:20px; }




span.imgRoleAbsolute {

  position:absolute;top:0;left:0;width:100%;height:100%;
  background-size: cover;
  background-position: center center;

  }


#portalNav { position:absolute;right:20px;bottom:0px; }

#btnSkipToContent { display:inline-block; }

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

 div.top_logo { margin-bottom:60px; }
 #btnSkipToContent { display:block; text-align:center;  }

 #portalNav { 
    width: 100%;
    text-align: center;
    right:0;
	}


}