/* ---- Reklama TEXT ---- */
div.reklama-text {
  width: 100%;  
  margin: auto; 
  margin-bottom: 10px; 
  padding: 0;
  overflow:hidden; 
  vertical-align: top;     
  color: #666666;
  line-height: 150%;   
  
}

div.reklama-text a:link  {margin-bottom: 8px; line-height: 140%; width: 100%}
div.reklama-text a:link  {text-decoration: underline; color: #333333;}
div.reklama-text a:active {text-decoration: underline; color: #333333;}
div.reklama-text a:visited {text-decoration: underline; color: #333333;}
div.reklama-text a:hover {text-decoration: underline; color: #ff6600;}

div.reklama-text span {display: inline-block;  margin-bottom: 8px; color: #666666; font-size: 85%; width: 100%}

/* ---- Přidat zprávu   ---- */

div.box-info {
  margin-top: 10px; 
  margin-bottom: 10px;  
  padding: 20px; 
  background: #dddddd; 
  font-size: 120%;
  }

div.box-info span {display: inline-block; font-size: 85%; }
div.box-info span.datum {color: #1e6574;}
div.box-info span.kontakt {display: inline-block; width: 110px; color: #1e6574; font-weight: bold}

@media (min-width: 480px) {
  div.box-info span {font-size: 95%; line-height: 160%;}
}	

div.box-info a:link  {text-decoration: underline}
div.box-info a:active {text-decoration: underline}
div.box-info a:visited {text-decoration: underline}


/* ---- Článek detail  ---- */
div.clanek {
  width: 100%;  
  margin: auto; 
  margin-bottom: 10px; 
  padding: 0;
  overflow:hidden; 
  vertical-align: top;     
  color: #666666;
  }

div.clanek a:link {text-decoration: underline;}
div.clanek div.pridat_inzerat a:link {text-decoration: none}

@media (min-width: 980px) { 
  div.clanek {
  padding-right: 50px;
  }  
}
 
div.clanek h1 {font-size: 230%; 
  margin-bottom: 15px; 
  vertical-align: top; 
  padding: 0;
  color: #000000; 
  font-family: Arial, 'Arimo', sans-serif;
  font-wieght: 400;
  line-height: 120%; 
  }

div.clanek h2 {
  font-size: 130%; 
  margin: 0 0 0 0; 
  padding: 0 0 0 0;
  color: #000000;
  line-height: 110%;
  font-weight: normal;  
  width: auto;
  }

div.clanek span.clanek-datum {color: #1e6574;}

div.clanek div.clanek-uvodnik { 
  width: 100%;
  margin-top: 10px;
  margin-bottom: 15px; 
  line-height: 160%; 
  font-size: 110%;
  }

div.clanek div.clanek-obrazek { 
  width: 100%;  
  margin-bottom: 5px; 
  overflow:hidden; 
  }

div.clanek div.clanek-obrazek img { 
  
  }

div.clanek div.clanek-obrazek-button-fotogalerie {
  z-index: 8; 
  position:absolute;
  margin: auto; 
  margin-top: 10px;
  margin-left: 10px;
  padding: 0;
  width: 190px;
  height: 40px;  
  background-color: #000000;   
  background-image: url(../images/zpravy/fotogalerie_odkaz.png); 
  background-position: 50% 50%;
  background-repeat: no-repeat;  
  border-radius: 5px;   
  border: 1px #0000002 solid;
  filter: alpha(opacity=92);
  -moz-opacity: 0.92;
  -khtml-opacity: 0.92;
  opacity: 0.92;
  }

a:hover.fotogalerie {
  opacity: 0.8; 
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  }

div.clanek div.clanek-obrazek-popis { 
  width: 100%;
  margin-bottom: 15px; 
  overflow:hidden; 
  font-size: 90%;
  }

div.clanek div.clanek-video { 
  width: 100%;  
  margin-bottom: 5px; 
  overflow:hidden; 
  }

div.clanek div.clanek-video-popis { 
  width: 100%;
  margin-bottom: 15px; 
  overflow:hidden; 
  font-size: 90%;
  }

div.clanek div.clanek-text { 
  width: 100%;  
  margin-bottom: 5px; 
  overflow:hidden; 
  line-height: 160%;
  font-size: 105%;
  }  

div.clanek div.clanek-text hr.poznamka { 
  border-top: 1px solid #666666;
  padding: 0;
  margin: 0;
  margin-bottom: 5px;
  }

div.clanek div.clanek-text-zdroj { 
  width: 100%;
  margin-top: 10px; 
  margin-bottom: 20px; 
  overflow:hidden; 
  font-size: 90%;
  }

div.clanek div.clanek-mapa-hlavicka {
  width: 100%;
  font-weight: bold;   
  border-top: 1px #cccccc solid; 
  padding-top: 8px;
  margin-bottom: 8px; 
 }

div.clanek div.clanek-mapa { 
  width: 100%;
  margin-bottom: 20px; 
  overflow:hidden; 
  }

div.clanek div.fotogalerie-hlavicka {
  display: none;  
  }

@media (min-width:800px) {    
  div.clanek div.fotogalerie-hlavicka {
   width: 100%;
   font-weight: bold;
   display: block; 
   border-top: 1px #cccccc solid; 
   padding-top: 8px;
   /*margin-bottom: 8px; */  
  }
}

div.clanek div.fotogalerie {
  display: none;  
  }

@media (min-width:800px) {    
  div.clanek div.fotogalerie {
  width: 100%;
  margin-bottom: 20px;
  display: table;
  /* border-collapse: collapse; */
  border-spacing: 10px 10px;  
  overflow:hidden;   
  }
}

div.clanek div.fotogalerie a:hover {text-decoration: none}

div.clanek div.fotogalerie-img {
  display: table-cell; 
  width: 150px; 
  height: 100px;    
  margin-bottom: 15px;
  padding: 30px;
  /*border: 1px #cccccc solid;*/ 
  /* overflow:hidden; */  
  /* clear: both; */
  vertical-align: middle;
  text-align: center;
  box-shadow: 7px 7px 4px -4px black; 
  }
    
div.clanek  div.fotogalerie a:hover  {
 filter: alpha(opacity=50); /* 50 ze 100 = 50% průhlednost */
 opacity: 0.5; /* 0.5 z 1 = 50% průhlednost */
 !important; 
 }


div.clanek div.clanek-tema-hlavicka {
  width: 100%;
  font-weight: bold;
  display: block; 
  border-top: 1px #cccccc solid; 
  padding-top: 8px;
  margin-bottom: 8px;   
  }

div.clanek div.clanek-tema { 
  width: 100%;
  margin-bottom: 20px; 
  overflow:hidden; 
  }

div.clanek ul {
  padding: 0;
  list-style: square;
  }

div.clanek ul li {
  /* color: #1e6574; */  
  color: #ff6600; 
  margin-left: 1em;
  margin-bottom: 0.6em;
  padding: 0; 
  font-size: 110%;  
  }

div.clanek ul li a:link {text-decoration:none}
div.clanek ul li a:hover {text-decoration:underline}

div.clanek-dalsi-clanky {
  width: 100%;  
  margin: auto; 
  overflow:hidden; 
  vertical-align: top;       
  }

@media (min-width: 980px) { 
  div.clanek-dalsi-clanky {
  padding-right: 50px;
  }  
}


/* ---- Top zpráva - výpis položek  ---- */

div.vase-zprava-top a:link {display:block; color: #ffffff; text-decoration: none; }
div.vase-zprava-top a:active {color: #ffffff; text-decoration: none; }
div.vase-zprava-top a:visited {color: #ffffff; text-decoration: none;}
div.vase-zprava-top a:hover {color: #ffffff; text-decoration: underline; cursor: pointer;}
div.vase-zprava-top h1 {font-size: 150%; margin-bottom: 30px; color: #ffffff; font-weight: 400;}
div.vase-zprava-top p {margin-bottom: 15px; line-height: 160%;} 
div.vase-zprava-top span {line-height: 160%;  font-size: 95%; color: #ffffff;}


div.vase-zprava-top {
  width: 100%;  
  margin: auto;
  overflow:hidden; 
  vertical-align: top;   
  margin-bottom: 20px;
  background: #1e6574; 
  color: #ffffff;
  cursor: pointer;
  /* border-radius: 20px; */  
  }
  
@media (min-width: 480px) { 
  div.vase-zprava-top {
  display: table;
  }  
}

@media (min-width: 980px) { 
  div.vase-zprava-top {
  display: table;
  width: 100%;   
  height: auto;
  overflow:hidden; 
  }  
}

div.vase-zprava-top div.img_top {  
  width: 100%;
  height: 180px;
  vertical-align: top;  
  background-size: 100% auto; 
  background-repeat: no-repeat; 
  background-position: 0% 0%;   
  }

@media (min-width: 400px) {  
  div.vase-zprava-top div.img_top { 
  height: 300px; 
  }  
}


@media (min-width: 640px) {  
  div.vase-zprava-top div.img_top { 
  width: 300px;
  height: auto;
  display: table-cell;
  background-size: auto 100%; 
  }  
}

@media (min-width: 980px) {  
  div.vase-zprava-top div.img_top { 
  width: 0; 
  } 
  
  div.vase-zprava-top div.img_top_0 { 
  width: 250px;
  height: 300px; 
  background-repeat: no-repeat; 
  background-position: 0% 0%;    
  background-size: auto 100%; 
  }
   
  div.vase-zprava-top div.img_top_1 { 
  width: 340px;
  background-repeat: no-repeat; 
  background-position: 0% 0%;   
  background-size: auto 100%; 
  }

  div.vase-zprava-top div.img_top_2 { 
  width: 420px;
  background-repeat: no-repeat; 
  background-position: 0% 0%;   
  background-size: auto 100%;
  } 
}


div.vase-zprava-top div.zprava-text-top {     
  width: 100%;
  vertical-align: top;  
  padding: 10px;
  color: #ffffff;   
  }

@media (min-width: 640px) { 
  div.vase-zprava-top div.zprava-text-top {      
  width: auto;
  padding: 25px;
  display: table-cell; 
  }  
}


/* ---- Úvod - Zprávy rubriky BOX  ---- */

div.vase-zpravy-box {
  background: #f7f7f7;
  padding: 15px; 
  border-radius: 10px;
  }


/* ---- Rubriky - výpis položek  ---- */

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

@media (min-width: 980px) { 
  polozky-vase-zpravy {
  
  }  
}


/* ---- Rubriky - výpis položek - doporucujeme ---- */

div.obal-doporucujeme {
  background: #f7f7f7;
  padding: 15px; 
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap; 
  margin-top: 30px;  
  margin-bottom: 30px;  
  }


div.obal-doporucujeme div {
  padding-bottom: 10px;
  }

div.obal-doporucujeme h2 {
  font-weight: normal;
  padding-right: 10px;
  font-size: 1em;  
  line-height: 140%;  
  }


div.polozka-doporucujeme {
  width: 100%;
  }

@media (min-width: 480px) { 
  div.polozka-doporucujeme {
  width: 50%;
  }  
}

@media (min-width: 720px) { 
  div.polozka-doporucujeme {
  width: 33%;
  }  
}

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

div.polozka-doporucujeme div.img {
  border-radius: 8px;
  width: 180px; 
  height: 125px; 
  margin: 0px;
  padding: 0px;
  /* overflow:hidden; */ 
  clear: both;
  vertical-align: middle;
  text-align: center;
  }


/* font-family: Oswald, Arial, Arimo; */ 
div.polozky-vase-zpravy h2 {font-weight: normal;  font-size: 130%; line-height: 100%; margin-bottom: 5px; vertical-align: top; color: #cccccc; }
div.polozky-vase-zpravy span.datum {color: #1e6574;}
div.polozky-vase-zpravy span.rubrika a:link {text-decoration: none; color: #cc0000}
div.polozky-vase-zpravy span.rubrika a:hover {text-decoration: underline; color: #ff6600}
div.polozky-vase-zpravy span.dalsi_portal {padding-top: 5px; line-height: 160%; font-size:95%;}
div.polozky-vase-zpravy p {line-height: 160%;}

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; 
  }


@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: 180px; 
  height: 125px; 
  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; */ 
  }

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

table.zpravy_cenik {border-collapse: collapse;} 
table.zpravy_cenik tr {background: #ffffff}
table.zpravy_cenik td {border-top: 1px #cccccc solid; padding: 5px; vertical-align:top}

/* --- Kategorie katalogu 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;
 }

@media (min-width: 980px) {  
  div.katalog span { height: 37px;}
  div.katalog span img {width: 40px;}

}

/* ---- 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: 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 {
  font-size: 95%; 
  color: green;
  }

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}

/*
div.vase-zprava div.paticka-rss a:link {text-decoration: underline;}
*/

/* ---- Kurzy + Palivo  ---- */

div.box-util {
  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: left; 
  font-size: 80%;
   
  }

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

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

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: 80%;
  
  }

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

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

/* Vlajka */
div.kurzy span:nth-child(1) {
  width: 85px;
  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: 80px;  
  }

/* 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}