:root {


--fs-xl: clamp(1.7rem, 2vw + 1rem, 2rem);
--fs-h1: clamp(1.7rem, 2vw + 1rem, 2rem);
--fs-h2: clamp(1.2rem, 1.2vw + 1rem, 1.2rem);
--fs-h2clanek: clamp(1.4rem, 1.6vw + 1rem, 1.7rem);
--fs-h3: clamp(1.1rem, 1.4vw + 0.7rem, 1.2rem);
--fs-h4: clamp(1.0rem, 1.2vw + 0.5rem, 1.2rem);
--fs-big: 2rem;
/* --fs-normal: 1rem; */
/* --fs-normal: clamp(0.8rem, 1.1vw + 0.2rem, 1.1rem); */
--fs-normal: clamp(0.9rem, 1.1vw + 0.2rem, 1.0rem);
--fs-normalvpravo: clamp(0.8rem, 1.0vw + 0.2rem, 1.0rem);
--fs-small: 0.8rem;
--fs-xsmall: 0.6rem;

--lh-xl: 1;
--lh-h1: 1.1;
--lh-h2: clamp(1.5rem, 1.7vw + 1rem, 1.7rem);
--lh-h2clanek: clamp(1.5rem, 1.7vw + 1rem, 1.7rem);
--lh-h3: clamp(1.1rem, 1.4vw + 0.7rem, 1.7rem);
--lh-h4: clamp(1.0rem, 1.2vw + 0.5rem, 1.2rem);
--lh-big: 1;
--lh-normal: 1.5;
--lh-normalvpravo: 1.3;

--lh-small: 1.2;
--lh-xsmall: 1.1;

--menumobilecolor:#c3931c;


--modra:#0871a6;
--tmavemodra:#084a79;
--tmavemodra2:#0e3b55;

--svetlezluta:#ffeda3;
--zluta:#ffcd03;
--tmavazluta:#c3931c;
--zlata:#d4b46c;
--zlata2:#c3931c;
--ruzova:#ed1e70;;
--tmaveruzova:#d70860;;

--linkcolor:#0871a6;
--textcolor:#232323;
--linkcolor50:rgba(8,113,166,0.5);

}



.BANNERTEST {
/* background-color: #f0e0e0; */
padding:20px;
box-sizing: border-box;
}

.adsectionright {background-color: red;} 
.adsectiontop1 {background-color: green;}
.adsectiontop2 {background-color: lightgreen;}
.adsectionbottom1 {background-color: blue;}
.adsectionbottom2 {background-color: lightblue;}
.adsectionbottom3 {background-color: lightblue;}


/*google ads */
@media (max-width: 800px) { .adsectionright { display: none !important; } }

@media (max-width: 900px) { .adsectiontop1 { display: none !important; } }
@media (min-width: 900px) { .adsectiontop2 { display: none !important; } }

@media (min-width:1000px) { .adsectionbottom1 { display: none !important; } }
@media (max-width:1000px) { .adsectionbottom2 { display: none !important; } }
@media (min-width:500px) { .adsectionbottom3 { display: none !important; } }

#topbanner {
padding:10px 0px 10px 0px;
text-align: center;
/* background-color: white; */
/* border-bottom:1px solid #f0f0f0; */
/* background:url('/_headers/preload.svg') no-repeat center center; */
}




.showmobile {
display: none;
}
.hidemobile {
display:block;
}


/* koliduje s floatboxem
* , *:before, *::after {
box-sizing: border-box;
}*/

input, table, td, p {
box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  }

* {
margin: 0;
padding: 0;
}


a {
color:var(--linkcolor);
text-decoration: none;
}

img, picture, svg, video {
/* display:block; */
/* max-width:100%; */
}


input, textarea, button, select, basicbutton {
font:inherit;
}



.button,.basicbutton {
background-color:var(--modra);
color:white;
text-decoration: none;
padding:4px 10px;
border-radius:4px;
transition:all 150ms ease-in;
display:inline-block;
}

.button:hover, .basicbutton:hover {
background-color:var(--tmavemodra);
transform:scale(1.1);
}

.backbutton {
}


.backpagebutton {
position: absolute;
  right: 10px;
  top: 0px;
  height: 32px;
  width: 32px;
background:url('/vtemplate2/backbutton2.png') no-repeat center center;
}
.backpagebutton span {
display: none;
}
.backpagebutton:hover {
background-color:var(--tmavemodra);
transform:scale(1.1);
}



.backbutton:before {
content:'<<';
letter-spacing: -3px;
padding:0 5px 0 0;
box-sizing: border-box;
}

.forwardbutton:after {
content:'>>';
letter-spacing: -3px;
padding:0 0 0 5px;
}

.yellowbutton {
background-color: var(--zluta);
color:black
}
.yellowbutton:hover {
background-color: var(--tmavazluta);
color:white;
}



h1 {
width:calc(100% - 50px);;
font-size:var(--fs-h1);
line-height:var(--lh-h1);
text-align: left;
margin:1rem 0 2rem 0;
color:var(--tmavemodra);
}


h2 {
font-size:var(--fs-h2);
line-height:var(--lh-h2);
text-align: left;
color:white;
background-color:var(--modra);
padding:0.4rem 0.6rem;
display: block;
margin:1rem 0 1rem 0;
}




h3 {
font-size:var(--fs-h3);
line-height:var(--lh-h3);
text-align: left;
color:var(--tmavemodra);
background-color:#f0f0f0;
padding:0.4rem 0.6rem;
margin:1rem 0 1rem 0;
display: block;
}


body {
min-height:100vh;
background-color: white;
color:var(--textcolor);

margin: 0;
padding: 0;
text-align: center;
font-family: 'Trebuchet MS','Jost','Open sans', sans-serif;

background: linear-gradient(to right bottom, rgba(244,236,239,1), rgba(228,239,250,1), rgba(233,247,240,1));
background-attachment: fixed;
background-position: 0 0;
background-size: cover;



}

body, p, td, li{
font-size: var(--fs-normal);
line-height: var(--lh-normal);
}
small {
font-size: var(--fs-small);
line-height: var(--lh-small);
}

ol, ul {
margin:20px;
}
li {
margin-bottom:10px;
}

.copyrightfotografieinfo {
font-size:var(--fs-small);
color:#909090;
text-align: right;
}

img.revealme {
transform: scale(0.5);
transition: .65s ease;
display: inline-block;
position: relative;
}


p {
margin:10px 0 10px 0;
}


.maincontent {
background-color:white;
padding-top:20px;
padding-bottom:30px;
}

.holder,#websitetop,#menumain, #submenu {
width:100%;
max-width:1290px;
margin:0 auto;
text-align: left;
}

.holderin {
padding:20px;
}


#websitetop {
background-color: var(--modra);
color:white;
display: flex;
width: 100%;
justify-content: center;
align-items: center;
box-sizing: border-box;
padding:10px;
}

#websitetop a {
color:white;
}



#websitetop #logo {
width: 50%;
display: flex;
justify-content: left;
text-align: left;
}
#websitetop #logo #logoimg span {
display: none;
}
#websitetop #logo #logoimg {
width: 205px;
height:48px;
background:url('/images/vestirnalogobile.svg') no-repeat center center;
background-size: contain;
}

#svatektop {
width: 50%;
display: block;
text-align: right;
justify-content: center;
align-items: center;
font-size: var(--fs-small);
line-height: var(--lh-small);

}

.blogclanek p {
padding-right:5%;
padding-left:5%;
box-sizing: border-box;
}

blockquote {
background-color: #f0f0f0;
padding:20px;
border-radius:4px;
}

.blogclanek ul, .blogclanek ol  {
padding-left:5%;
}

.blogclanek h2 {
background: url();
font-size:var(--fs-h2clanek);
line-height:var(--lh-h2clanek);
text-align: left;
color:var(--ruzova);
padding:0;
display: block;
font-weight:800;
font-family: 'Jost';
margin:2rem 0 1rem 0;
}


.objekttextu {
  border: 1px solid var(--modra);
  padding: 10px;
  margin: 10px 0 10px 0;
  background-color: white;
  display:block;
}

.subtitleline {
background-color: #f0f0f0;
display: block;
font-size:var(--fs-h2);
line-height:var(--lh-h2);
overflow: hidden;
}

.subtitleline span {
display: inline-block;
padding:5px 15px ;
background-color: var(--modra);
color:white;
}

.imgtextmarginleft {
margin-left:15px;
}

.imgtextright {
float:right;
}

.imgtextheight220 {
max-width:50%;
min-width:300px;
height:auto;
box-sizing:border-box;
border-radius:4px;
}


.clearer {
clear: both;
}

.pagevlevo {
position: relative;
text-align: left;
box-sizing: border-box;
padding:0 20px;
float:left;
width:calc(100% - 380px)
}

.pagevpravo {
/* background-color: #f0f0f0; */
float:right;
width:340px;
box-sizing: border-box;
padding:0 20px;
font-size:var(--fs-normalvpravo);
line-height:var(--lh-normalvpravo);
border-left:1px dashed var(--ruzova);
}

.pagevlevo p a:hover {
text-decoration: underline;
}

.footerodrazenidole {
background-color: var(--zluta);
margin:30px 0 0 0;
}

.flexcontainer {
    display: grid;
    /* Každý "sloupec" je min 300px, při volném místě se roztáhne (1fr).
    auto-fit způsobí, že se vytvoří tolik sloupců, kolik se jich vejde. */
     grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

    gap: 10px;          /* Mezera mezi sloupci i řádky */
    box-sizing: border-box;

}

.flexbox {
  min-height: 80px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
  box-sizing: border-box;

}


hr {
border:0;
border-top:1px solid #909090;
margin:20px 0;
padding:0;
}


.andelskyblok {
  padding: 30px 0px 30px 0;
}

.andelskyblok td {
  color: white;
  font-size: 22px;
  font-weight: normal;
  line-height: 30px;
  font-family: Times, 'Times New Roman', Georgia, serif;
  text-align: center;
}


.vestbyvypis {
background-color:#f0f0f0;
padding:20px;
border-radius:10px;
margin:30px 0;
}



.pribuznyclanekbg {
background-color: var(--ruzova);
padding:20px;
border-radius:10px;
margin:30px 0;
}

.pribuznyclanekbg h3 {
color:white;
background:url('');
margin:0 0 1rem ;
padding:0;

}


.pribuznyclanek {
cursor: pointer;
box-sizing: border-box;
background-color: white;
border-radius:4px;
box-sizing:border-box;
text-decoration: none;
transition:all 200ms ease-in;
position: relative;

}

.pribuznyclanek:hover {
transform:scale(1.02);
}



.pribuznyclanek b {
font-weight: normal;
font-size:var(--fs-normal);
line-height:var(--lh-small);
padding:10px 10px;
color: var(--ruzova);
}

.pribuznyclanek img {
margin:10px;
width:64px;
height:64px;
border-radius:4px;
}


.seznamvestebbg {
background-color: var(--modra);
padding:20px;
border-radius:10px;
margin:30px 0;
}

.seznamvestebbg h3 {
color:white;
background:url('');
margin:0 0 1rem ;
padding:0;

}



.objektvestba {
cursor: pointer;
box-sizing: border-box;
background-color: white;
border-radius:4px;
box-sizing:border-box;
text-decoration: none;
transition:all 200ms ease-in;
position: relative;
left:0;
z-index:0;
}

.objektvestba:hover {
box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
transform:scale(1.02);

}



.objektvestba:hover .objektvestbatext {
color:var(--tmavemodra);
}


.objektvestbatext {
font-weight: normal;
font-size:var(--fs-normal);
line-height:var(--lh-small);
padding:10px 10px;
font-size:var(--fs-small);
line-height:var(--lh-small);
color: var(--textcolor);
}

.objektvestbatext b {
color: var(--modra);
font-size:var(--fs-normal);
line-height:var(--lh-small);
display: block;
text-decoration: underline;
}

.objektvestba img {
margin:10px;
width:64px;
height:64px;
border-radius:4px;
}




.blogzprava {
text-decoration: none;
display: flex;
width: 100%;
align-items: flex-start;
padding:10px 10px 10px 10px;
border-bottom:1px dashed var(--ruzova);
box-sizing: border-box;
}



.blogflex1 { /* obrazek blogu*/
min-width: 70px;
width:15%;
}

.blogflex2 {
box-sizing: border-box;
padding:0 0 0 10px;
flex: 1;
}

.blogflex2 span,.blogflex2 small {
display: block;
}


.blogzprava:hover {
}

.blogzprava .blogdatum {
float:right;
line-height:var(--lh-xsmall);
font-size:var(--fs-xsmall);
color:white;
background-color:var(--linkcolor);
padding:2px;
border-radius:2px;
opacity:0.7;
}

.blogzprava .blogfotka {
border-radius:4px;
width:100%;
height:70px;
display: block;
box-sizing: border-box;
background-size: 110% auto !important;
transition:all 200ms ease-in;
}

.blogzprava:hover .blogfotka {
background-size: 140% auto !important;
border:5px solid var(--linkcolor50);
}

.blogzprava .blognadpis {
transition:all 200ms ease-in;
display:inline-block;
color:var(--linkcolor);
font-weight: bold;
font-size:var(--fs-normal);
line-height:var(--lh-small);
position: relative;
}

.blogzprava .blognadpis:before {
content:'';
height:2px;
width:0%;
background-color:#e0e0e0;
left:0;
bottom:0;
position: absolute;
transition:all 200ms ease-in;
}

.blogzprava:hover .blognadpis:before {
width:100%;
}

.blogzprava:hover .blognadpis {
color:var(--tmavemodra);
}

.blogzprava .blogtext {
display:block;
color:var(--textcolor);
line-height:var(--lh-small);
font-size:var(--fs-small);
}

.blogzprava small {
line-height:var(--lh-xsmall);
font-size:var(--fs-xsmall);
color:var(--textcolor);
font-weight: normal;
opacity:0.7;
font-style: italic;
}

.blogvpravo {
text-decoration: none;
width: 100%;
display:block;
padding:10px 0px 10px 0px;
margin:10px 0;
text-align: left;
border-bottom:1px dashed var(--ruzova);
box-sizing: border-box;
}

.blogvpravo:last-child {
border:0;
}

.blogvpravo img {
border-radius:4px;
}

.blogvpravo b {
font-size:var(--fs-normal);
line-height:var(--lh-small);
display: block;
}
.blogvpravo:hover {
opacity:0.8;
}
.blogvpravo:hover b {
color:var(--tmavemodra);
}

.blogvpravo .smltext {
line-height:var(--lh-small);
font-size:var(--fs-small);
color:var(--textcolor);
}


.blogstrankovani {
padding:20px;
width:100%;
}

.blogstrankovani a {
display: inline-block;
margin:2px 2px;
padding:2px 4px;
min-width:20px;
box-sizing: border-box;
text-align: center;
border-radius:4px;
text-decoration: none;
color:#898989;
background-color: #f0f0f0;
font-size:var(--fs-normal);
line-height:var(--lh-small);
transition:all 200ms ease-in;
}


.blogstrankovani a.actual {
background-color:var(--modra);
color:white;
}

.blogstrankovani a:hover {
background-color:var(--modra);
color:white;
}




.vpravobox {
padding:10px 0;
box-sizing:border-box;
margin:40px 0;
text-align: left;
}

.vpravoboxnadpis {
text-align: left;
color:var(--ruzova);
font-size:var(--fs-small);
text-transform: uppercase;
font-weight: bold;
padding:5px 0;
display: block;
}


.myslenkamoudrych {
background-color:#f0f0f0;
border-radius:4px;
padding:20px;
box-sizing:border-box;
}
.myslenkamoudrych h3 {
font-size:var(--fs-normal);
background: url();;
padding:0;
margin:0;
line-height:var(--lh-small);
}


.myslenkadne {
text-decoration: none;
}
.myslenkadne:hover span {
background-color:var(--tmavemodra);
}

.myslenkadne img {
margin:0 0 10px 0;
}

.myslenkadne span {
transition:all 200ms ease-in;
background-color:var(--modra);
padding:10px;
display: block;
margin-bottom:0;
text-align:center;
color:white;
}

.myslenkadne u {
text-align:center;
font-size:var(--fs-small);
color:white;
padding:5px 0 0 0;
display: block;
}







.magickapecetext {
text-decoration: none;
}
.magickapecetext:hover span {
background-color:var(--tmaveruzova);
}

.magickapecetext img {
margin:0 0 10px 0;
}

.magickapecetext span {
transition:all 200ms ease-in;
background-color:var(--ruzova);
padding:10px;
display: block;
margin-bottom:0;
text-align:center;
color:white;
}


  .dublemenumain {
  padding:7px 0 10px 15px;
display:flex;
  }
  .dublemenu {
position: relative;
  width:calc(100% / 8 );
  }
  .dublemenu a.dublemenutitle {
  font-size:var(--fs-normal);
  color:#404040;
  font-weight: bold;
  }
  .dublemenu a  {
  display:block;
  font-size:var(--fs-small);
  text-decoration: none;
  color:#808080;
  padding:0 0 0 10px;
  width:100%;
  box-sizing: border-box;
  overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
  }

  .dublemenu a:hover  {
  color:black;
  }


#footerborder {
  display: block;
  background-color: #797979;
  color: white;
  font-size: var(--fs-small);
  line-height:var(--lh-small);
}
#footerborder a,#footer a {
color:white;
}

#footer {
  background-color: #274860;
  margin: 0 auto;
  padding: 10px 10px 10px 10px;
  text-align: left;
  color: white;
  font-size: 12px;
}



#mobilemenu {
display: none;
}

#menumain {

}

#menu {
padding: 5px 5px 0 5px ;background-color: white;
border-bottom: 4px  solid var(--zluta);
}
#menu a {
float: left;
padding:4px 8px;
color:var(--textcolor);
}

#menu b a {
background-color: var(--zluta);
}

#submenu {
background-color: var(--zluta);
padding: 1px 5px 5px 5px ;
box-sizing:border-box;
}
#submenu a {
color:var(--textcolor);
float: left;
padding:4px 8px;
}

#submenu a.actual {
background-color: var(--modra);
color:white;
}


@media (max-width: 1900px) {

.placeholder {
}


.pagevlevo {
width:calc(100% - 340px)
}

}



@media (max-width: 1400px) {

.placeholder {
}



}




@media (max-width: 990px) {

.placeholder {
}




.pagevlevo {
padding:0 10px;
}



}

@media (max-width: 880px) {

.placeholder {
}



.pagevlevo {
float: none;
width:100%;
box-sizing: border-box;
padding:0 20px;
}

.pagevpravo {
display:none;
/*
float: none;
width:100%;
box-sizing: border-box;
padding:0 20px;
*/
}


.showmobile {
display:block;
}
.hidemobile {
display: none;
}

.pribuznyclanekbg, .seznamvestebbg,.vestbyvypis  {
padding:10px;
}

.flexcontainer {
gap: 10px;          /* Mezera mezi sloupci i řádky */
}


.vpravobox {
padding:10px 0;
box-sizing:border-box;
margin:10px 0;
text-align: left;
border-bottom:1px dashed var(--ruzova);
}

#odkazydole {
display:none;
}


}

@media (max-width: 500px) {

.placeholder {
}



.imgtextmarginleft {
margin:20px 0 20px 0;

}

.imgtextright {
float:none;
}

.imgtextheight220 {
max-width:100%;
min-width:100%;
width:100%;
height:auto;
box-sizing:border-box;
}


.blogzprava .blogdatum {
display:none;
}
}





@media (max-width: 360px) {

.placeholder {
}



}