@import url('https://fonts.googleapis.com/css?family=Arimo&display=swap');
@import url('https://fonts.googleapis.com/css?family=Oswald&display=swap');

html, body {height: 100%;}
* {box-sizing:border-box;} 
* {-moz-box-sizing: border-box;}
* {-webkit-box-sizing: border-box;}
* {margin:0;padding:0;border:0;}

body {margin: 0 auto; font-family: Arial, Tahoma, sans-serif; font-size: medium; /* font-size: 100%; */}

input, textarea, select {outline-style: none;}

a:link {color: #333333; text-decoration: none; }
a:active {color: #333333; text-decoration: none; }
a:visited {color: #333333; text-decoration: none;}
a:hover {color: #ff6600; text-decoration: underline;}

/*
a:link {color: #630000; text-decoration: none; }
a:active {color: #333333; text-decoration: none; }
a:visited {color: #333333; text-decoration: none;}
a:hover {color: #ff6600; text-decoration: underline;}
*/

img {max-width: 100%; height: auto;}
table {border-spacing:0; border-collapse:collapse;}

/* --- Reklama pravá FIX --- */

.sidebar #sidebar {display: none;}

@media (min-width: 980px) {       
  .obsah_pravy {/* position: relative; */ text-align: right;  overflow:hidden; }
  .sidebar #sidebar {display: block; margin-bottom: 10px;  height: 600px; width: 336px; margin: auto}
  .sidebar .fixed {position: fixed; top: 0;}
  .sidebar .zarazit {position: absolute; top: auto; bottom: 0;}   
}  


/* ---- Hlavní  ---- */

div.hlavni_null {
  width: 100%; 
  margin: auto; 
  padding: 10px; 
  }

@media (min-width: 980px) {       
  div.hlavni_null {padding: 0px;}   
  }  

div.hlavicka_fixed {
  left: 0; 
  top: 0; 
  position: fixed; 
  width: 100%; 
  height: 60px; 
  z-index: 1; 
  opacity: 0.9; 
  filter: alpha(opacity=90); 
  -moz-opacity: 0.9; 
  -khtml-opacity: 0.9;
  }

/* ---- Hlavní menu ---- */

nav.menu {
 /* margin: auto; */ 
 display: block;
 width: 100%;
 /* background: #379EB4; */
 background: #1e6574; 
 font-size: 0;
 transition: height .2s; 
 } 

@media (min-width: 980px) {   
  nav.menu {
  box-shadow: -7px 6px 4px -4px black;  
   /*
   box-shadow: 0 6px 4px -4px black; 
  -webkit-box-shadow: inset 0px 0px 19px 0px rgba(0,0,0,0.58);
  -moz-box-shadow: inset 0px 0px 19px 0px rgba(0,0,0,0.58);
  box-shadow: inset 0px 0px 19px 0px rgba(0,0,0,0.58); 
  */
  }
}

nav.menu button {
  background: #0D6AB7;
  color: #fff;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 30px;
  cursor: pointer;
  font-family: sans-serif;
  /* display: none; */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; 
  display: inline-block;
  }
 
nav.menu span {
  padding-left: 10px; 
  padding-top: 8px; 
  display: inline-block; 
  vertical-align: top; 
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;;   
  }
 
nav.menu ul {
  list-style-type: none;
  display: none; 
  transition: left .2s;
  position: relative; 
  z-index: 5;
  text-shadow: 1.5px 1.5px 1px black;
  }

nav.menu.zobrazit ul {
  display: block;
  }   

nav.menu ul li {
  width: 100%;
  }

nav.menu ul li.aktivni {
  /* background: rgba(0, 0, 0, 0.1); */
  background: #399cbd;
  }

nav.menu ul li.logo_id {
  width: 100%;
  text-align: left;
  }

nav.menu ul li.logo_id img{
  padding: 0;
  }

nav.menu a {
  display: block;
  color: white;
  text-decoration: none;
  font-family: sans-serif;
  /* font-size: 100%; */
  font-size: 16px; 
  }

nav.menu a {
  line-height: 2em;
  padding: 0 12px; /* abcd a = horní, b = pravý, c = spodní a d = levý vnitřní okraj */
  }

nav.menu a:hover {
  /* background: rgba(0, 0, 0, 0.1); */
  background: #3b91ad;
  }
    
@media (min-width: 980px) {   
  
  nav.menu button {
  display: none;
  }

  nav.menu span {
  display: none; 
  }

  nav.menu ul {
  margin: auto;
  max-width: 1200px;
  min-width: 980px;   
  display: block; 
  width: 100%;
  height: 52px;
  /* text-align: center; */ 
  overflow:hidden; 
  }
  
  nav.menu ul li {
  width: auto;
  /* background: red; */
  display: inline-block;  
  overflow:hidden;   
  }

  nav.menu ul li.logo_id {  
  width: auto;
  display: inline-block;
  float: right;
  vertical-align: middle;	
  overflow:hidden;   
  }
  
  nav.menu ul li.logo_id img{
  vertical-align: middle;	
  /*
  width: 86px;
  height: auto;   
  */
  }

  nav.menu a {
  line-height: 52px;
  font-size: 12px; 
  font-weight: bold;
  
  }
   
  /*
  nav.menu a:hover:after {
  position: absolute;
  content:  "";
  display: block;
  width: 100%;
  height: 3px; 
  background: rgba(0, 0, 0, 0.15);   
  left: 0;
  bottom: 0;  
  transition: opacity 3s 6s;  
  }
  */
}


/* ---- Reklama top ---- */

div.reklama_uvod_top {
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
  text-align: center; 
  /* border: 1px #cccccc solid; */ 
  }  

div.reklama_uvod_top img {
  margin: auto;
  width: 100%;
  height: auto;
  }  

@media (min-width: 980px) {
  div.reklama_uvod_top  {   
  max-width: 1200px;
  min-width: 980px;
  } 
       
 
  div.reklama_uvod_top img {
  margin: auto;
  width: auto;
  height: auto;
  } 
  */ 
}

/* ---- Hlavička ---- */

div.hlavicka {
  margin: 0 auto;
  margin-top: 10px;
  width: 100%;
  height: auto;
  margin-bottom: 10px; 
  overflow:hidden; 
  vertical-align: top;  
  }  

@media (min-width: 980px) {          
  div.hlavicka {   
  max-width: 1200px;
  min-width: 980px; 
  /* height: 60px; */  
  /* border-bottom: 1px #1e6574 solid; */
  border-bottom: 1px #c2c2c2 solid;
  }
}

div.hlavicka-levy  {
  width: 100%;
  /* border: 1px #ffcc00 solid; */    
  float:  left;     
  } 

@media (min-width: 980px) {         
  div.hlavicka-levy {
  width: 600px;
  margin-right: -600px;    
  } 
}

div.hlavicka-levy img {
  float: left;  
  }    

@media (min-width: 480px) {     
  div.hlavicka-levy img {
  height: 60px;
  width: auto;	   
  /*
  position: absolute;
  clip: rect(0px,500px,50px,0px);        
  */  
  }    
}

div.hlavicka-levy h1  {
  display: none;
  }
  
@media (min-width: 480px) { 
div.hlavicka-levy h1  {
  /* position: absolute; */
  display: inline-block;
  margin-bottom: 5px; 
  float: left;
  font-weight: normal;  
  font-size: 75%; 
  color: #666666;     
  } 
}

div.hlavicka-pravy  {
  width: 100%;   
  float:  left;     
  } 

@media (min-width: 980px) {          
  div.hlavicka-pravy  {
  width: auto;  
  float:  right;
  margin-left: 600px;       
  }   
}  


/* ---- Hlavička -> hledání ---- */

div.hlavicka-pravy form {
  width: 100%;
  height: 40px;
  display: table;
  border: 1px #05aff0 solid;  
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;  
   border-radius: 5px;    
   box-shadow: -3px 3px 3px 0 #cccccc;    
  }

@media (min-width: 980px) {       
   div.hlavicka-pravy form {
   width: 500px;
   }
}

div.hlavicka-pravy form div.search-field {
  display: table-cell;
  width: 100%;
 }

div.hlavicka-pravy form div.search-field input[type="search"] {  
  width: 100%;
  /* height: 37px; */
  outline-style: none; /* zruší zvýraznění ve Chrome */
  padding-left: 5px;
  color: #666666;  
  font-size: 90%;
  cursor: text; 
  }

div.hlavicka-pravy form div.search-control {
  background: #05aff0; 
  width: 80px;
  }

div.hlavicka-pravy form div.search-control input[type="submit"],  div.hlavicka-pravy form div.search-control button {
  width: 100%;
  height: 40px;  
  color: #ffffff;  
  background: #05aff0; 
  cursor: pointer; 
  }

/* ---- Hlavička -> hledání -> šipka  ---- */

.select-cover {
  width: 90px;
  overflow: hidden;
  position: relative;
  border: 0; 
  border-left: 1px #cccccc solid; 
  background-color:white; 
  /* background: transparent; */
  font-size: 87%;
  }

.select-cover select::-ms-expand {
  display: none;
  }

.select-cover select,
.select-cover option {
  width: 90px;
  -webkit-appearance: none;
  -moz-appearance: none; 
  appearance: none; /* Tím se mimo jiné docílí, že se nezobrazí šipka pro rozevření. -> Ruší visuální podobu přebírají z operačního systému */ 
  padding: 0 .4em;
  line-height: 1.8em;     
  color: #666666; 
  border:0;
  background: transparent;
  outline-style: none;   
  } 

.select-cover option { 
  -webkit-appearance: none;
  -moz-appearance: none;   
   appearance: none;       
  }

.select-cover:before {
  content: url('../im_svg/sipka.svg'); 
  /* background: url('../im_svg/sipka.svg'); */ 
  pointer-events: none;
  display: inline-block;
  position: absolute; 
  left: 55px;       
  }


/* ---- Telo --- */

div.obsah_hlavni { 
  height: auto;
  /* min-width: 980px; */
  margin: auto;
  border: 0px #ffcc00 solid;  
  text-align: left;
  position: relative;
  overflow:hidden; 
  /* clear:both; */  
  vertical-align: top;    
  }   


@media (min-width: 980px) {          
   div.obsah_hlavni {     
   min-width: 980px;   
   max-width: 1200px;
   }
}

div.obsah_levy {     
  width: 100%; 
  font-size: 100%;        
 }

@media (min-width: 980px) {          
  div.obsah_levy {     
   /* max-width: 70%; */   
   /* min-width: 644px; */ 
   /* max-width: 864px; */
   width: auto; 
   float: left;   
   margin-right: 336px;
   padding-right: 30px; 
   /* position: relative; */       
   }   
}  

div.obsah_pravy {      
  width:100%;     
  text-align: center; 
  }

@media (min-width: 980px) {         
div.obsah_pravy {     
   width: 336px; 
   /* width: 30%; */ 
   float: right;
   margin-left: -336px;
  /* position: absolute; top: 0px; right: 0px */   
  }   
}  


/* ----------------------------------------  Sekce - levý ---------------------------------------- */

/* ---- Titulek sekce + tlačítka ---- */

div.box-titulek {
  width: 100%;
  margin: auto;
  margin-bottom: 8px;
  padding-top: 8px;
  line-height: 200%; 
  border-top: 1px #1e6574 solid;  
  /* border-top: 1px #cccccc solid; */
  overflow:hidden; 
  text-align: right; /* tlacitko */
  }

div.box-titulek h2 {  
  font-size: 110%;
  /* font-weight: normal; */
  float: left;
  text-align: left;
  }

div.box-titulek h2 a:link {color: #1e6574; text-decoration: none; }
div.box-titulek h2 a:active {color: #1e6574; text-decoration: none; }
div.box-titulek h2 a:visited {color: #1e6574; text-decoration: none;}
div.box-titulek h2 a:hover  {color: #1e6574; text-decoration: underline;}

div.box-titulek span.button {
   width: 110px;
   height: 22px;  
   display: inline-block;
   margin: 0; 
   /* margin-right: 10px; */
   text-align: center;
   /* padding: 3px; */
   font-size: 80%;
   line-height: 150%;
   background: #05aff0;
   color: #ffffff;
   border: 1px #05aff0 solid; 
   border-radius: 3px;   
  }

div.box-titulek span.button a: {line-height: 100%;}
div.box-titulek span.button a:link {color: #ffffff; text-decoration: none;}
div.box-titulek span.button a:active {color: #ffffff; text-decoration: none;}
div.box-titulek span.button a:visited {color: #ffffff; text-decoration: none;}
div.box-titulek span.button a:hover {color: #f2f2f2; text-decoration: none;}

/* ---- Katalog firem ---- */

div.katalog {
  display: display;
  width: 100%;
  margin: auto;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  overflow:hidden; 
  }

div.katalog span {
 display: inline-block;
 width: 100%;
 margin-bottom: 8px;
 overflow:hidden;
 line-height: 100%; 
 text-align: left; 
 /* vertical-align: middle; */
 height: 24px;
 /* border: 1px #cccccc solid; */
 }

@media  (min-width: 480px) and (max-width: 760px) { 
  div.katalog span { 
  width: 49%;     
  }
}

@media (min-width: 761px) and (max-width: 978px) { 
  div.katalog span { 
  width: 32.5%;     
  }
}

@media (min-width: 980px) {  
  div.katalog span { 
  width: 32.5%; 
  /* width: 24.5%; */      
  }
}

div.katalog span img {
 margin-right: 10px; 
 /* float: left; */
 vertical-align: middle;  
 /* border: 1px #cccccc solid; */ 
 width: 28px;
 height: auto;
 }

/* ---- Doporučené firmy ---- */

div.firmy-nove-hlavicka {
  width: 100%;
  margin: auto;  
  overflow:hidden; 
  display: table;
  line-height: 25px; 
  text-align: left;   
  font-size: 80%;
  font-weight: bold;
  color: #666666; 
  border-bottom: 0px #f2f2f2 solid; 
  }


@media (min-width: 480px) {       
  div.firmy-nove-hlavicka {
  font-size: 75%;
  }  
}  

div.polozky-null {
  width: 100%;
  margin: auto;
  margin-bottom: 5px;
  padding-top: 0px;
  padding-bottom: 10px;   
  overflow:hidden; 
  vertical-align: top; 
  color: #666666;   
  }

div.polozky-vypis-firmy {
  width: 100%;
  margin: auto;
  margin-bottom: 5px;
  padding-top: 10px;
  padding-bottom: 10px;   
  overflow:hidden; 
  vertical-align: top; 
  display: table;
  border-top: 1px #e2e1e1 solid;
  /*
  border-radius: 5px;
  webkit-border-radius: 5px;
  -moz-border-radius: 5px;    
  */
  }

@media (min-width: 480px) { 
  div.polozky-vypis-firmy {
  }  
}

div.polozky-vypis-firmy div.img_top_0 { 
  padding-left: 0px;   
  width: 200px;   
  vertical-align: top;  
  }

@media (min-width: 400px) {  
  div.polozky-vypis-firmy div.img_top_0 { 
  float: 0;
  display: table-cell;
  /*
  background: url(../images/web/loader_2.gif);   
  background-position: 55% 65%;
  background-repeat: no-repeat;
  background-size: 50px;
  */  
  }  
}

div.polozky-vypis-firmy div.img_top { 
  width: 180px; 
  height: 130px; 
  padding: 5px;
  overflow:hidden; 
  clear: both;
  vertical-align: middle;
  text-align: center;
  /*
  border-radius: 3px; 
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  */
  /* box-shadow: 7px 7px 4px -4px #666666; */     
  }

div.polozky-vypis-firmy div.polozky-popis {
 /* float: right; */
  padding-left: 10px;
  padding-right: 10px;
  float:left;
  vertical-align: top;
  }

@media (min-width: 400px) {  
  div.polozky-vypis-firmy div.polozky-popis {
  float: none;
  display: table-cell;
  vertical-align: top;
  }
}

div.polozky-vypis-firmy div.polozky-popis h2 {
  font-size: 120%;/* 140%*/
  margin-top: 5px;
  padding: 0;
  margin-bottom: 5px;
  font-weight: normal;  
  font-family: Oswald, sans-serif,arial, "helvetica ce";
  line-height: 120%;
  }

@media (min-width: 480px) {  
  div.polozky-vypis-firmy div.polozky-popis h2 {
  margin-top: 0px;
  /* font-weight: bold;*/ 
  }
}

div.polozky-vypis-firmy div.polozky-popis p {
  line-height: 160%; 
  margin-top: 5px;
  margin-bottom: 15px;
  color: #666666;    
  }


@media (min-width: 980px) { 
  div.polozky-vypis-firmy div.polozky-popis p {
   /* font-size: 95%; */
  }
}

div.polozky-vypis-firmy div.polozky-popis span.adresa {
  color: #666666;
  font-size: 95%;
 }

div.polozky-vypis-firmy div.polozky-popis span.url a:link {font-size: 95%; color: #990000; text-decoration: underline}
div.polozky-vypis-firmy div.polozky-popis span.url a:active {font-size: 95%; color: #990000; text-decoration: underline}
div.polozky-vypis-firmy div.polozky-popis span.url a:visited {font-size: 95%; color: #990000; text-decoration: underline}
div.polozky-vypis-firmy div.polozky-popis span.url a:hover {font-size: 95%; color: #990000; text-decoration: none}

/* ---- Práce ---- */

div.prace-vypis-obal {
  width: 100%;
  margin: auto;
  margin-bottom: 15px;
  /* padding-top: 10px; */
  padding-bottom: 10px; 
  /* border: 1px #ffcc00 solid; */
  overflow:hidden; 
  vertical-align: top; 
  display: table;
  font-size: 96%;
  }

@media (min-width: 480px) { 
  div.prace-vypis-obal {
  /* font-size: 85%; */
  }         
}  

div.prace-vypis-levy {
  width: 100%;
  float: left;
  text-align: left;  
  }

@media (min-width: 650px) {       
  div.prace-vypis-levy { 
  width: 49%;              
  }   
}

div.prace-vypis-pravy {
  width: 100%;
  float: left;  
  text-align: left; 
  }

@media (min-width: 650px) {       
   div.prace-vypis-pravy  { 
   width: 49%; 
   margin-left: 10px;
   /* float: right; */     
   }   
}

div.prace-vypis-obal ul {
  padding: 0;
  /* margin-top: 0.5em; */
  margin-left: 16px;
  list-style: square;
  float: left;
  }

div.prace-vypis-obal ul li {
  /* color: #1e6574; */  
  /* color: #ff6600; */ 
  color: #666666; 
  margin-bottom: 0.6em;
  padding: 0;   
  }

div.prace-vypis-paticka {
  width: 100%;
  margin: auto;
  padding-top: 10px;   
  line-height: 160%;
  overflow:hidden; 
  display: table;
  border-top: 1px #cccccc dashed; 
  }

div.prace-vypis-paticka span {
 color: #666666;
 font-size: 90%;
 }



/* ---- Zprávy InfoDnes  ---- */

div.polozky-vase-zpravy {
  width: 100%;
  margin: auto;
  /* margin-bottom: 5px; */
  padding-top: 0px;
  /* padding-bottom: 10px; */   
  overflow:hidden; 
  vertical-align: top; 
  /* color: #666666; */   
  }


/* -- TOP --*/ 

div.vase-zprava-top  {
  width: 100%;
  margin: auto;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;    
  overflow:hidden; 
  vertical-align: top; 
  background: #f7f7f7;
  }


div.vase-zprava-top  h2 {font-weight: normal; font-size: 110%; vertical-align: top; line-height: 130%; margin-bottom: 10px;}

@media (min-width: 400px) {  
  div.vase-zprava-top {
  display: table;
  }
}

div.vase-zprava-top div.zprava-img {
  width: 100%
  vertical-align: top;
  margin-bottom: 8px; 
  }

@media (min-width: 400px) {  
  div.vase-zprava-top div.zprava-img {
  width: 200px; 
  display: table-cell;
  }
}

div.vase-zprava-top div.zprava-img div.img-top {
  /* border-radius: 8px; */
  width: 160px; 
  height: 100px; 
  margin: 0px;
  padding: 0px;
  /* overflow:hidden; */ 
  clear: both;
  vertical-align: middle;
  text-align: center;
  }



 div.vase-zprava-top div.zprava-text {
 /* float: right; */
  width: 100%
  vertical-align: top;
  /* display: none; */ 
  color: #666666;    
  }

@media (min-width: 400px) {  
  div.vase-zprava-top div.zprava-text {
  display: table-cell;
  vertical-align: top;
  }
}




div.vase-zprava:last-child {
 border: 0;
 }

div.vase-zprava  {
  width: 100%;
  margin: auto;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;    
  overflow:hidden; 
  vertical-align: top; 
  border-bottom: 1px #cccccc solid; 
  }


div.vase-zprava  h2 {font-weight: normal; font-size: 110%; vertical-align: top; line-height: 130%; margin-bottom: 10px;}

@media (min-width: 400px) {  
  div.vase-zprava {
  display: table;
  }
}

div.vase-zprava div.zprava-img {
  width: 100%
  vertical-align: top;
  margin-bottom: 8px; 
  }

@media (min-width: 400px) {  
  div.vase-zprava div.zprava-img {
  width: 200px; 
  display: table-cell;
  }
}

div.vase-zprava div.zprava-img div.img-top {
  /* border-radius: 8px; */
  width: 160px; 
  height: 100px; 
  margin: 0px;
  padding: 0px;
  /* overflow:hidden; */ 
  clear: both;
  vertical-align: middle;
  text-align: center;
  }



 div.vase-zprava div.zprava-text {
 /* float: right; */
  width: 100%
  vertical-align: top;
  /* display: none; */ 
  color: #666666;    
  }

@media (min-width: 400px) {  
  div.vase-zprava div.zprava-text {
  display: table-cell;
  vertical-align: top;
  }
}


div.magazin {margin-bottom: 20px}
div.rubriky p.magazin_tit {display: block; padding: 0; margin-top: 4px; line-height: 160%; width:100%; font-size: 100%;}


/* ---- Přehled zpráv  ---- */

div.rubriky {
  width: 100%;
  margin: auto;
  margin-bottom: 5px;
  padding-top: 0px;
  padding-bottom: 10px;   
  overflow:hidden; 
  vertical-align: top; 
  color: #666666; 
  display: table;    
  }

div.rubriky_left {
  width: 100%;   
  vertical-align: top;
  }

/*
@media (min-width: 600px) {  
  div.rubriky_left {
  width: 50%;
  display: table-cell;
  padding-right: 15px; 
  border-right: 1px #cccccc solid;     
  }
}
*/

div.rubriky_right {
  width: 100%;
  vertical-align: top;  
  }

/*
@media (min-width: 600px) {  
  div.rubriky_right {
  width: 50%;
  display: table-cell;
  padding-left: 15px;      
  }
}
*/

div.prehled  {
  width: 100%;
  margin: auto;
  margin-bottom: 5px;
  padding-top: 0px;
  padding-bottom: 10px;   
  overflow:hidden; 
  vertical-align: top; 
  color: #666666;   
  }

div.prehled h2 {font-weight: normal; font-size: 110%; vertical-align: top; line-height: 130%; margin-bottom: 10px;}
div.prehled h3 {font-size: 100%; vertical-align: top; line-height: 120%; font-weight: 300; color: #000000}
div.prehled span.datum {color: #1e6574;}
div.prehled span.info_local {color: #cccccc; font-size: 70%;}
div.prehled p {line-height: 160%; font-size: 90%; display: table-cell;}

div.prehled div.prehled-hlavicka {
  width: 100%;
  margin: auto;
  margin-bottom: 0px;
  padding-top: 10px;
  padding-bottom: 10px;   
  overflow:hidden; 
  vertical-align: top;   
  border-top: 1px #cccccc solid;
  /* border-top: 2px #1e6574 #e2e1e1 solid; */ 
  }

@media (min-width: 400px) {  
  div.prehled div.prehled-hlavicka {    
  }
}

div.prehled div.prehled-hlavicka span {
  color: #1e6574;  
  font-family: oswald;  
  font-size: 110%; 
  }

div.prehled div.prehled-hlavicka img {
  float: right;   
  }

div.prehled img {
  width: 100px;
  /* height: 70px; */
  height: auto;  
  float: left;  
  margin-right: 10px;
  }

div.prehled div.seznam {
  width: 100%;
  margin: auto;
  margin-top: 2px;
  vertical-align: top;
  float: left;   
  text-align: left;
  }

@media (min-width: 400px) {  
  div.prehled div.seznam {
  vertical-align: top;
  }
}

div.prehled ul {
  padding: 0;
  margin-top: 0.5em;
  margin-bottom: 10px;
  margin-left: 1em;
  list-style: square;
  float: left;
  }

div.prehled ul li {
  color: #666666;
  /* color: #1e6574; */   
  /* color: #ff6600; */ 
  margin-bottom: 0.5em;  
  padding: 0;   
  }

div.prehled div.prehled-paticka {
  width: 100%;
  margin: auto;
  padding-top: 0px;
  padding-bottom: 5px;   
  overflow:hidden; 
  vertical-align: top;   
  float: left; 
  font-size: 95%; 
  }


@media (min-width: 400px) {  
  div.prehled div.prehled-paticka {
  font-size: 83%;   
  }
}

div.prehled div.prehled-paticka img {
  width:auto;
  float:left;
  }

div.prehled div.prehled-paticka a:link {text-decoration: underline;}

div.zpravy-prehled-rubrik {
  width: 100%;
  margin: auto;
  padding-bottom: 10px; 
  overflow:hidden; 
  font-size: 90%;  
  }

div.zpravy-prehled-rubrik span {
  color: #666666;  
  }


@media (min-width: 480px) { 
  div.zpravy-prehled-rubrik {
  font-size: 85%;
  }  
}  


/* ---- Kalendář akcí  ---- */

div.rss-akce-null {
  width: 100%;
  margin: auto;
  vertical-align: top;
  overflow :hidden;   
  display: table; 
  }

div.rss-akce {
  width: 100%;
  margin: auto;
  margin-bottom: 10px;
  vertical-align: top;
  padding-bottom: 8px;  
  /* border-top: 1px #e2e1e1 solid; */ 
  overflow :hidden;      
  }

@media (min-width: 600px) { 
  div.rss-akce {
  width: 50%;  
  padding-right: 10px; 
  display: inline-block; 
  }  
}  

div.rss-akce-img-orez {
  width: 90px;
  height: 100px;
  overflow :hidden;
  float: left;
  margin-right: 10px;
 }

@media (min-width: 400px) {       
  div.rss-akce-img-orez {
  width: 140px;
  height: 90px; 
  }  
}  

div.rss-akce img {
  width: 90px;
  height: auto;
  float: left;
  overflow:hidden;
  }

@media (min-width: 400px) {       
  div.rss-akce img {
  width: 140px; 
  }  
}  

div.rss-akce div.popis  {
  vertical-align: top; 
  text-align: left;
  width: auto;
  display: table-cell;  
  line-height: 140%; 
  color: #666666;
  }

div.rss-akce div.popis h2 {font-size: 110% !important; font-weight: normal;}
div.rss-akce div.popis p {font-size: 93%;} 
  

/* ---- Tipy na výlet ---- */

div.tipy_na_vylet {
  width: 100%;
  margin: auto;
  padding-top: 10px;
  padding-bottom: 10px; 
  overflow:hidden; 
  vertical-align: top;
  /* border: 1px #ffcc00 solid; */  
  }

div.tipy_na_vylet_box {
  float: left;  
  width: 100%;
  height: 150px; 
  text-align: center;  
  margin-bottom: 5px;
  display: inline-block;
 }

@media (min-width: 400px) {       
   div.tipy_na_vylet_box {
   width: 50%;  
   }
}  

@media (min-width: 980px) {       
   div.tipy_na_vylet_box {
   width: 25%;  
   }
}  

div.tipy_na_vylet p {
  min-width: 160px; 
  margin: auto;   
  padding: 5px;
  text-align: center;
  font-size: 95%; 
  color: #666666; 
  }

@media (min-width: 980px) {       
  div.tipy_na_vylet p {  
  font-size: 85%;    
  }   
}  

div.tipy_na_vylet div.tipy_na_vylet_box a:hover {
  display: block; 
  filter: alpha(opacity=50) !important; 
  -moz-opacity: 0.50 !important;
  -khtml-opacity: 0.50 !important;
  opacity: 0.50 !important;
 }

div.tip_img_top {
  width: 160px; 
  height: 100px; 
  margin: auto;
  overflow:hidden; 
  clear: both;
  vertical-align: middle;
  text-align: center;
   box-shadow: 7px 7px 4px -4px #666666; 
  }


/* ---- Dovolená v regionu ---- */

div.dovolena_region {
  width: 100%;
  margin: auto;
  padding-top: 10px;
  padding-bottom: 10px; 
  overflow:hidden; 
  vertical-align: top;
  /* border: 1px #ffcc00 solid; */   
  display: table;   
  }

div.dovolena_region p.xml_hlaseni {
  margin-top: 30px; 
  margin-bottom: 30px;
  font-size: 80%;
  color: #666666;
  }

div.dovolena_region_box {   
  float: left;    
  width: 100%;
  text-align: center;  
  /* border: 1px #cccccc solid; */  
  margin-bottom: 5px;
  font-size: 80%;
  }

@media (min-width: 480px) and (max-width: 979px) {   
   div.dovolena_region_box {
   display: table-cell; 
   float: left;
   width: 50%;  
   }
}  

@media (min-width: 980px) {       
   div.dovolena_region_box {
   display: table-cell; 
   float: left;
   width: 25%;  
   }
}  

div.dovolena_region_box img.img_hotel{
  width: 160px; 
  height: 107px; 
  border: 1px #cccccc solid;
  }

div.dovolena_region_box span.konecna_cena {
  font-weight: bold;
  color: #ff8e00; 
  }


/* ---- Inzerce ---- */

div.inzeraty-vypis {
  width: 100%;
  margin: auto;
  padding-top: 10px;
  padding-bottom: 10px; 
  border-top: 1px #e2e1e1 solid;  
  overflow:hidden; 
  vertical-align: top; 
  display: table;
  }

@media (min-width: 480px) { 
  div.inzeraty-vypis {
  }  
}

div.inzeraty-vypis h2 {font-size: 110%; font-weight: normal}

div.inzeraty-img {
 /* float: left; */
 display: table-cell;  
 width: 45px;
 }
 
div.inzeraty-img img{
 float: left;  
 width: 20px;
 height: 20px;   
 } 
 
div.inzeraty-popis {
 /* float: right; */
 display: table-cell;
  vertical-align: top;
 }

div.inzeraty-popis span.inzerat-udaje {
  color: #666666;
  line-height: 160%;  
  font-size: 90%;
  }

div.inzeraty-popis span.inzerat-cena{
  /* color: #800001; */
  color: #666666;
  font-size: 90%;
  font-weight: bold;
  float: right;
  margin-left: 10px;    
 }

@media (min-width: 980px) {  
 div.inzeraty-popis span{
  margin-left: 0;   
 }

}

/* ---- covid online ---- */

  .covid-19 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; 
  width: 100%; 
  /* min-height: 100px;*/
  border: 1px #cccccc solid; 
  border-radius: 5px;
  margin-bottom: 10px;   
  /* background-image: url(info_images/covid/pandemie-covid-v-cr.png); */
  background-repeat: no-repeat;
  background-size: 70px auto;
  background-position: 10px 90%;
  /* background-color: #f2f2f2; */
}
   
.covid-19 div {padding: 10px; width: 20%; }
.covid-19 div.top {font-family: sans-serif; font-weight: 700; padding: 15px; }
.covid-19 div.bottom { width: 100%; text-align: right; padding: 3px 10px 3px 3px; font-size: 85%;}

@media(max-width: 800px ) {  
    .covid-19 {
    text-align: center;
    background-image: url("none");
    justify-content: space-around;       
    }
    .covid-19 div.top {
    width: 100%;           
    }
    .covid-19 div {
    padding: 5px; 
    width: 25%;  
    }
    .covid-19 div span{
    text-align: center; 
    }   
}  
.covid-19 div span{  padding: 0px; /* line-height: 140%; */ display: inline-block; }
.covid-19 div span:nth-of-type(odd){ font-family: Oswald, sans-serif;  font-weight: 300;  font-size: 100%;}
.covid-19 div span:nth-of-type(even){font-family: Oswald, Impact, serif; font-weight: 400;  font-size: 110%; margin-bottom: 5px;}
.covid-19 span.green {color: #33cc00}
.covid-19 span.red {color: #ff3300}
.covid-19 span.vcera {color: #ff6666}
.covid-19 span.red_2 {color: #cc0033}
.covid-19 div.top span {font-size: 80%;}

/* ----------------------------------------  Sekce - pravý   ---------------------------------------- */

/* --- Datum + svátek ---- */

div.datum-pravy-null {
  width: 100%; 
  margin:auto;
  margin-top: 5px;
  padding-bottom: 5px;
  text-align: left;
  /* overflow:hidden; */ 
  vertical-align: top; 
  background-size: auto 42px;
  background-position: right bottom;   
  background-repeat: no-repeat;
  font-family: 'Arimo', sans-serif;
  font-weight: normal;
  position: relative;
  }  

div.datum-pravy {
  width: 100%; 
  margin:auto;
  height: 30px;
  text-align: left;
  font-size: 90%;
  color: #1e6574;
  text-transform: uppercase;
  }

div.datum-pravy-svatek {
  width: 100%; 
  padding-bottom: 5px;  
  text-align: left;  
  font-size: 95%;
  color: #666666;  
  }

.najeti {position: relative;}

.popisek {position: absolute; 
  left: 70%; 
  top: 120%; 
  display: none; 
  margin-left: -100px; 
  width: 200px; 
  border: 1px solid #666; 
  padding: 10px; background: #fff; 
  z-index: 100; 
  box-shadow: rgba(0, 0, 0, 0.298) 0px 3px 8px 0px; 
  transition: opacity .5s; 
  -webkit-transition: opacity .5s; 
  opacity: 0 
}

.najeti:hover .popisek {display: block; opacity: 1}

.popisek .sipka, .popisek .sipka-obal {
  position: absolute; 
  top: -10px; 
  left: 70%; /* 50% */ 
  margin-left: -5px; 
  width: 0px; 
  height: 0px; 
  border: solid transparent; 
  border-width: 0 10px 10px 10px; 
  border-bottom-color: #000
  }

.popisek .sipka-obal {
  border-bottom-color: #fff; 
  margin: 1px 0 0 -4px; 
  border-width: 0 9px 9px 9px
  }  

/* --- Počasí  ---- */

div.pocasi-pravy-obal {
  width: 100%; 
  margin:auto;
  margin-bottom: 5px;
  padding-top:5px;
  text-align: center;
  border-top: 1px #1e6574 solid;
  border-bottom: 1px #1e6574 solid;
  font-family: 'Arimo', sans-serif,
  }

div.pocasi-pravy-obal span {
 width: 100%; 
 padding-bottom: 6px;
 display: inline-block;
 font-size: 85%;
 color: #1e6574; 
 text-align: left; 
 }

div.pocasi-pravy {
  width: 250px; 
  margin:auto; 
  display: block;
  text-align: center; 
  }

/* --- Sdílet  ---- */

div.sdilet-pravy {
  width: 100%; 
  margin:auto;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: left;
  vertical-align: top;
  font-family:'Arimo', sans-serif;
  border-bottom: 1px #1e6574 solid;
  }

div.sdilet-pravy span {
  width: 100%;
  margin-right: 5px;
  margin-bottom: 5px;  
  display: inline-block;
  font-size: 90%;
  color: #1e6574;
  text-align: left; 
  }

/* ---- Ares ---- */

div.ares-pravy {
  width: 100%;
  margin: auto;
  margin-bottom: 15px; 
  display: table;
  overflow:hidden; 
  vertical-align: top;   
  }

div.ares-pravy span {
  font-size: 80%;
  color: #666666;
  }

div.ares-pravy form input[type="search"] { 
  width: 100%;
  height: 36px;  
  padding: 4px;
  margin-bottom: 12px;
  outline-style: none; /* zruší zvýraznění ve Chrome */
  border: 1px #E3E3E3 solid;
  border-radius: 4px; 
   -moz-border-radius: 4px; 
  -webkit-border-radius: 4px; 
  }

div.ares-pravy form input[type="submit"], div.ares-pravy form button { 
  width: 60%;
  height: 36px;  
  padding: 4px;
  margin-bottom: 4px;
  border: 1px #E3E3E3 solid;
  border-radius: 4px; 
  -moz-border-radius: 4px; 
  -webkit-border-radius: 4px; 
  cursor: pointer;  
  }

/* ---- Kurzy ---- */

div.kurzy-pravy {
  width: 100%; 
  margin:auto;
  margin-bottom: 15px; 
  display: block;
  text-align: center; 
  }

div.kurzy-pravy span {
 font-size: 85%;
 }

div.kurzy div {
  width: 100%;
  margin: auto;
  /* padding: 5px; */
  /* display: table; */
  border-top: 1px #f2f2f2 solid;
  font-size: 90%;
  
  }

div.kurzy span {
  /* display: inline-block; */
  /* padding: 5px; */
  display: table-cell;

  height: 40px; 
  vertical-align: middle; 
  }

/* Vlajka */
div.kurzy span:nth-child(1) {
  width: 80px;
  display: table-cell;
  padding-left:5px; 
  text-align: left; 
  }

/* Země */ 
div.kurzy span:nth-child(2) {
  width: 130px; 
  text-align: left;  
  }

/* Název měny */ 
div.kurzy span:nth-child(3) {
   min-width: 100px;  
  }

/* Jednotka + kodMeny */ 
div.kurzy span:nth-child(4) {
   width: 80px;  
   font-weight: bold; 
  }

div.kurzy_zdroj {
  width: 100%;
  margin-top: 5px;
  margin-bottom: 10px; 
  font-size: 85%;
}  


/* ---- Palivo ---- */

div.palivo-pravy, div.palivo-pravy-v2 {
  width: 100%; 
  margin:auto;
  margin-bottom: 15px; 
  display: block;
  text-align: center; 
  }

div.palivo-pravy span {
 font-size: 85%;
 }

div.palivo-pravy-v2 {display: flex}

div.benzin, div.nafta {display: block;  text-align: center; margin: auto;  border-top: 0}
div.benzin span:nth-of-type(1) {font-size:2em; color: green;}
div.benzin span:nth-of-type(2) {font-size: 80%; color: green;}
div.nafta span:nth-of-type(1) {font-size: 2em; color: #666666;}
div.nafta span:nth-of-type(2) {font-size: 80%; color: #666666}



/* ---- Praktické odkazy  ---- */

div.prakticke-odkazy-pravy {
  width: 100%; 
  margin:auto;
  margin-bottom: 15px;
  display: block; 
  text-align: left;  
  }

div.prakticke-odkazy-pravy ul {
  font-size: 95%;
  list-style-type:none;
  }

div.prakticke-odkazy-pravy li {
  line-height: 180%;
  }


/* ---- Sociální sítě ---- */

div.socialni-site-pravy {
  width: 100%; 
  margin:auto;
  margin-top: 15px; 
  margin-bottom: 15px; 
  display: block; 
  }


div.socialni-site-pravy img {
  width: 43px;
  height: 43px;    
  }

  
/* ---- Reklama - User ---- */

div.reklama-pravy {
  width: 100%; 
  display: block;
  margin:auto;
  margin-bottom: 15px; 
  text-align: center;  
  }

div.reklama-pravy img {
  width: 250px; 
  height: auto;
  margin: auto;   
  }


/* ---- Reklama 2 - Affil ---- */

div.reklama-2-pravy {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 15px; 
  text-align: center; 
  }


/* ---- Reklama Jobs ---- */

div.reklama-jobs-pravy {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 15px;
  padding-top: 10px;
  text-align: center; 
  line-height: 140%; 

  background-image: linear-gradient(#0D6AB7, #DA3F94);
  
  }

div.reklama-jobs-pravy h2 {
  color: #ffffff;
  padding: 5px;
  text-shadow:4px 4px 5px #AAAAAA; color:#fff;
  box-shadow: 0 6px 4px -4px black; 
  margin-bottom: 10px;
  }

div.reklama-jobs-pravy a:link {color: #ffffff; text-decoration: none;} 
div.reklama-jobs-pravy a:active {color: #ffffff; text-decoration: none;}
div.reklama-jobs-pravy a:visited {color: #ffffff; text-decoration: none;}
div.reklama-jobs-pravy a:hover {color: #ffffff; text-decoration: underline;}

/* ---- Patička menu ---- */

div.paticka-menu {        
  width: 100%;  
  height: auto;
  margin: auto;
  margin-top: 30px;
  display: block;
  overflow:hidden; 
  clear:both;  
  text-align: left; 
  font-size: 100%;
  }

@media (min-width: 980px) {       
   div.paticka-menu {     
   font-size: 85%;
   min-width: 980px; 
   max-width: 1200px;  
   }
}


/* ---- Patička portály ---- */

div.paticka-portaly a:link {color: #939393; text-decoration: none;}
div.paticka-portaly a:active {color: #939393; text-decoration: none;}
div.paticka-portaly a:visited {color: #939393; text-decoration: none;}
div.paticka-portaly a:hover {color: #666666; text-decoration: underline;}

div.paticka-portaly {      
  width: 100%;
  height: auto;
  margin: auto;
  margin-top: 10px;
  /* display: block; */
  display: table;
  overflow:hidden; 
  clear:both;    
  text-align: left; 
  border-top: 3px #630000 solid;
  vertical-align: top; 
  background-image: url(../images_2/web/pozadi_paticka_1200.jpg); 
  background-repeat: repeat;
  background-position: 100% 0%;
  }


@media (min-width: 480px) and (max-width: 979px) {         
   div.paticka-portaly {     
   background-image: url(../images_2/web/pozadi_paticka_1200.jpg); 
   background-repeat: repeat;
   background-position: 100% 0%;
   } 
}

@media (min-width: 980px) {       
   div.paticka-portaly {     
   min-width: 980px;  
   max-width: 1200px;  
   height: 320px;     
   background-image: url(../images_2/web/pozadi_paticka_1200.jpg); 
   background-repeat: no-repeat;
   background-position: 0% 0%;
   }
}

div.paticka-portaly div.p-logo {      
  display: none;
  }

@media (min-width: 980px) {       
  div.paticka-portaly div.p-logo {         
  width: 28%;
  height: 300px;  
  float: left;
  display: block;
  vertical-align: top; 
  }
  
  div.paticka-portaly div.p-logo img {         
  width: 290px;
  height: 100px;
  margin-top: 20px;  
  }
}

div.paticka-portaly div.p-logo_2 {      
  width: 100%;
  float: left;
  display: block;
  vertical-align: top;
  padding-top: 20px; 
  }

@media (min-width: 980px) {       
  div.paticka-portaly div.p-logo_2 {         
  display: none;   
  }
}

div.paticka-portaly div.p-logo_2 span {
  font-weight: bold;
  font-size: 240%;
  }

div.paticka-portaly div.kraje {      
  vertical-align: top;
  float: left;
  margin: auto;
  display: block; 
  width: 100%;
  vertical-align: top;  
  font-size: 110%; 
  }
 
@media (min-width: 480px) and (max-width: 979px) {       
  div.paticka-portaly div.kraje {         
  width: 45%;  
  float: left;  
  /* display:  block; */
  vertical-align: top;  
  margin-right: 10px;
  min-height: 350px;
  font-size: 85%;
  }  
  /* div.paticka-portaly div.kraje:nth-child(2n) { color: red; }  */
}

@media (min-width: 980px) {       
  div.paticka-portaly div.kraje {      
  padding-left: 20px;
  width: 18%;
  font-size: 85%;
  }
}

div.paticka-portaly div.kraje p  {      
  margin-top: 10px; 
  line-height: 180%;
  }

@media (min-width: 480px) {       
  div.paticka-portaly div.kraje p {      
    line-height: 145%;
  }
}


@media (min-width: 980px) {       
  div.paticka-portaly div.kraje p {      
    line-height: 135%;
  }
}


div.paticka-portaly div.kraje p span {      
  font-weight: bold; 
  }

/* ---- Patička info ---- */

div.paticka-info {      
  width: 100%;  
  height: auto;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 5px;
  padding-top: 10px;
  text-align: center;
  border-top: 1px #cccccc solid; 
  }

@media (min-width: 980px) {       
   div.paticka-info { 
   max-width: 1200px;      
   min-width: 980px;
   margin-top: 0px;
   padding-top: 5px;
   border-top: 0;     
   }
}

div.paticka-info a:link {
  text-decoration: underline;
  }

div.paticka-info span {      
  font-size: 85%;
  color: #666666;
  line-height: 150%; 
  }

@media (min-width: 980px) {
  div.paticka-info span {
  font-size: 80%;
  } 
}

/* ---- Patička reklama ---- */

div.paticka-reklama {      
  width: 100%;  
  height: auto;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
  overflow:hidden; 
  clear:both;      
  text-align: center;
  }

@media (min-width: 980px) {       
   div.paticka-reklama { 
   max-width: 1200px;      
   min-width: 980px;
   min-height: 100px;
   margin-top: 0px;
   padding-top: 10px;  
   }
}


p.rss_error {
  margin-top: 30px; 
  margin-bottom: 30px;
  font-size: 80%;
  color: #666666;
  }