/* CSS - Kurz-Euro.sk
 --- 06.03.2011, Lubos Demovic [demovic@zones.sk]
 --- 20.11.2017, responzivna cast: Radek Tuma [radek.tuma@seznam.cz]
*/
/* BASE TYPOGRAPHY */
html {
  margin: 0;
}
body {
  background: #E0E0E0 url('images/bg.png') repeat-x top;
  margin: 0 0 5px 0;
  padding: 0;
  font: 12px Helvetica, Arial, "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Tahoma, Verdana;
  line-height: 1.6em;
}
a {
  color: #303030;
  text-decoration: none;
}
a:hover {
  color: #777777;
  text-decoration: underline;
}
/* pre iOS nezobrazovanie čísel */
a[href^="tel"]{
  color: inherit;
  text-decoration: none;
}
h1 {
  color: #5d5d5d;
  font-size: 20px;
  padding: 22px 0 6px 10px;
  margin: 0 4px 3px 5px;
  font-weight: bold;
  border-bottom: 1px solid #bdbdbd;
}
h2 {
  color: #C73E02;
  font: 24px Georgia, "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Tahoma, Verdana;
  line-height: 130%;
  padding: 12px 0 5px 10px;
  margin: 0 20px 0 5px;
}
h2.ecb {
  margin-top: 12px;
  margin-left: 8px;
  padding-bottom: 0;
}
h2.minim_mzda {
  display: block;
}
@media (max-width: 599px) {
  h2 { padding-left: 0; }
  h1 span, h2 span {
    display: none;
  }
  h2.minim_mzda {
    display: none;
  }
}
div {
  margin: 0;
  padding: 0;
}
p {
  margin: 3px 0 3px 25px;
}
img {
  max-width: 100%;
  height: auto;
  border: none;
}

/* Logo ECB */
img.logo_ecb {
  display: none;
}
img.logo_ecb2 {
  display: block;
  width: 205px;
  margin: 0 15px;
  background: #ffffff;
  border: 1px solid #e1ecf2;
  padding: 5px;
}
img.su_sr {
  display: block;
  width: 250px;
  margin: 5px auto;
  padding: 1px;
  border: 1px solid #e1ecf2;
  text-align: center;
}

@media (min-width: 600px) {
  img.logo_ecb {
    display: block;
    float: right;
    width: 205px;
    margin: 0 15px;
  }
  img.su_sr {
    float: right;
  }
}

/* --OBRÁZKY */
/* TABULKY */
/* obal pro scrollování tabulek na menších displejích */
.table_responsive {
  overflow-x: auto;
  clear: both;
  margin: 0 0;
}
.table {
  border: 1px solid #b7cfdf;
}
.table th, .table td  {
  padding: 5px 5px;
  border-top: 1px solid #b7cfdf;
  border-bottom: 2px solid #b7cfdf;
}
.table td {
  border-bottom: none;
}
.table img {
  min-width: 16px;
}
@media (min-width: 600px) {
  .table th, .table td {
    padding: 3px 5px;
  }
}

@media (min-width: 900px) {
  .table th, .table td {
    padding: 1px 5px;
  }
}

/* Tabulka kurzovy listok */
.kurzy tr {
  background: #ffffff;
}
.kurzy tr:nth-child(even) {
  background: #f2f6f9;
}
.kurzy tr:not(:first-of-type):hover {
  background: #FFFFDD;
}

table.kurzy {
  width: 100%;
  margin: 10px 0px 0px 0px;
}
table.kurzy_vyvoj {
  margin: 10px auto;
}
@media (min-width: 600px) {
  table.kurzy_vyvoj {
    width: 75%;
  }
}

.kurz_typ { width: 70px; }
.kurz_typ2 { width: 30px; }
.kurz_den { width: 70px; }
.kurz_vlajka { width: 40px; }
.kurz_krajina { width: auto; }
.kurz_skratka { width: 65px; }
.kurz_mena { width: 55px; }
.kurz_kurz { width: 80px; }
.kurz_zmena { width: 66px; }
.kurz_kurz2 { width: 95px; }
.kurz_graf { width: 40px; }
.kurz_kalk { width: 40px; }
.kurz_vyvoj { width: 150px; }

.kurz_typ, .kurz_typ2, .kurz_mena, .kurz_zmena, .kurz_kurz2  {
  display: none;
}

@media (min-width: 600px) {
  .kurz_mena { display: table-cell; }
}

@media (min-width: 900px) {
  .table_responsive { margin: 0 15px; }
  .kurz_zmena { display: table-cell; }
  .kurz_kurz2 { display: table-cell; }
  .kurz_typ { display: table-cell; }
  .kurz_typ2 { display: table-cell; }
}

/* // Tabulka kurzovy listok */
.kurzy td.narast, .kurzy td.pokles, .kurzy td.rovnako {
  color: #57A839;
  text-align: center;
  font-weight: bold;
}
.kurzy td.pokles {
  color: #CC0000;
}
.kurzy td.rovnako {
  color: #7d7d7d;
}
.kurzy td.link,
.kurzy td.link a {
  color: #3d576b;
  text-align: center;
}
.kurzy td.menakurz {
  color: #717171;
}
.kurzy td.grey {
  color: #717171;
}

/* -- Tabulka minimalna mzda */
.kurzy.minim_mzda {
  margin: 10px 0 20px 0;
}
.kurzy.minim_mzda td {
  color: #505050;
  padding: 3px 5px;
  text-align: center;
}
@media (min-width: 900px) {
  .kurzy.minim_mzda {
    margin-bottom: 0;
  }
}

/* --Tabulka kurzov */
#kurzy_table {
  margin: 0;
}
#kurzy_table table {
  width: 100%;
  margin-bottom: 15px;
  border: 1px solid #cbcbcb;
}
#kurzy_table table th {
  background: rgba(51, 107, 167, 0.5);
  color: white;
  padding-top: 5px;
  padding-bottom: 3px;
}
#kurzy_table table td {
  width: 50%;
  color: #1d1d1d;
  padding: 2px 8px;
  font: 300 13px/24px 'Open Sans', sans-serif;
  border-bottom: 1px solid rgba(171, 189, 202, 0.51);
}
#kurzy_table table td:first-child {
  background: #f7f7f7;
  text-align: right;
}
@media (min-width: 600px) {
  #kurzy_table table {
    width: 49%;
  }
  #kurzy_table table:first-child {
    float: left;
  }
  #kurzy_table table:nth-child(2) {
    float: right;
  }
}
@media (min-width: 900px) {
  #kurzy_table {
    margin: 0 15px;
  }
}
/* // Tabulka kurzov */

/* Archiv kurzov tabulka */
#kurzy_archiv th:first-child {
  width: 80px;
}
#kurzy_archiv th:nth-child(2) {
  width: auto;
}
#kurzy_archiv tr:nth-child(odd):not(:first-of-type) {
  background: #f2f6f9;
}
#kurzy_archiv td {
  color: #bcbcbc;
}
#kurzy_archiv a {
  color: #3c7cbd;
  padding-right: 5px;
  padding-left: 5px;
}
#kurzy_archiv {
  font: 300 13px/20px 'Open Sans', sans-serif;
}
/* // Archiv kurzov tabulka */


/* --Kurzy mezi měnami navzájem */
/* Vyhladavanie */
.table-vyhladavanie-top {
  background: #ffffff;
  margin: 20px 0px 10px 0px;
  border: 1px solid #b7cfdf;
  border-collapse: collapse;
}
@media (max-width: 599px) {
  .table-vyhladavanie-top td:nth-child(4),
  .table-vyhladavanie-top td:nth-child(5) {
    /* zobrazit jen první tři sloupce */
    display: none;
  }
}
.table-vyhladavanie-top .zvyrazni {
  background: #f2f6f9;
}
.table-vyhladavanie-top td {
  width: 176px;
  padding: 5px 10px;
  border: 1px solid #b7cfdf;
}
.table-vyhladavanie-top a {
  color: #3f678d;
}
.table-vyhladavanie-top strong {
  font-weight: normal;
}
/* --Vyhladavanie */
/* --TABULKY */
/* BUTTONS */
.input_search2  {
  height: 12px;
  float: none;
  color: #646355;
  margin: 0;
  font-family: Verdana, Arial, Tahoma;
  font-size: 11px;
  border: 3px solid #7190b3;
  border-radius: 8px;
  background: #f4f4f4;
  padding: 6px 30px 5px 10px;
  width: 140px;
}
.input_search2 {
  width: 150px;
  height: 14px;
  background: #fcfcfc;
  border: 1px solid #9E9E9E;
}
.button_search {
  height: auto;
  width: 80px;
  color: #2E2E2E;
  background-image: -webkit-linear-gradient(top, #F7F2E8 0%, #D5CCB9 100%);
  background-image: linear-gradient(to bottom, #F7F2E8 0%, #D5CCB9 100%);
  cursor: pointer;
  font-family: Arial, Tahoma, Verdana;
  font-size: 12px;
  font-weight: bold;
  margin: 2px 0 0 0;
  padding: 3px 10px 2px 10px;
  border: 1px solid #9E9E9E;
}

/* Input formulare */
.input {
  background: #FBFBFB url('images/input_bg.png') repeat-x;
  color: #7B7B7B;
  font-family: Verdana, Arial, Tahoma;
  font-size: 11px;
  font-weight: bold;
  text-align: left;
  padding: 4px;
  margin: 4px 0 5px 0;
  border: 1px solid #9B9B9B;
}
@media (min-width: 600px) {
  .input,
  .input_login {
    width: 120px;
  }
}
.input_login {
  font-weight: normal;
}
@media (min-width: 600px) {
  .input_login {
    width: 110px;
  }
}
/* --BUTTONS */
/* CONTAINER (VIDEO, IFRAME, GRAF) */
/* responzivita vložené cizí stránky do HTML dokumentu (iframe, object, embed) */
/*

/* Graf vyvoja kurzu */
#graf {
  margin: 10px 0 10px 0;
}
#graf #container {
  height: 400px;
  margin: 0 auto;
}
@media (min-width: 900px) {
  #graf #container {
    width: 825px;
  }
}
/* -- Graf minimalna mzda*/
#container.minim_mzda {
  display: none;
}
@media (min-width: 600px), (orientation: landscape) {
  #container.minim_mzda {
    display: block;
  }
}
@media (min-width: 900px) {
  #container.minim_mzda {
    height: 400px;
    margin: 0 10px;
  }
}
/* // Graf vyvoja kurzu */

/* --CONTAINER (VIDEO, IFRAME, GRAF) */
/* FORMULÁŘE */
form {
  margin: 0;
}
form input {
  /* odstranit defaultní styly Safari pro inputy */
  -webkit-appearance: none;
  border-radius: 0;
  -webkit-border-radius: 0;
}
#vyhladavanie {
  margin: 20px 0 0 20px;
  text-align: left;
}

@media (min-width: 600px) {
  #vyhladavanie .input_search2 {
    width: 370px;
  }
}

/* --FORMULÁŘE */
/* PAGINATION */
.posuvnik {
  color: #4A4A4A;
  width: 96%;
  text-align: center;
  font-size: 13px;
  margin: 0 auto;
  padding-top: 5px;
}
.posuvnik a {
  padding: 0 4px;
  font-weight: bold;
}
.posuvnik .akt_strana {
  background: #bdb8ae;
  color: #ffffff;
  font-weight: bold;
  font-size: 14px;
  padding: 0 7px;
}
.posuvnik .kon_strana {
  color: #D76C00;
}
/* --PAGINATION */

/* --AD */
/* MAIN */
/* Obal záhlaví, obsahu a zápatí */
#content {
  margin: 3px auto 0 auto;
  padding-bottom: 20px;
}
@media (min-width: 900px) {
  #content {
    width: 905px;
  }
}
/* Obsahová část */
#page {
  background: #ffffff;
  position: relative;
  padding: 0 20px 10px 15px;
}
@media (min-width: 900px) {
  #page {
    background: #ffffff url('images/content.png') repeat-y top;
  }
}
/* nemá protějšek v html */
#infobar {
  float: right;
  background: #ffffff;
  text-align: right;
  font-size: 13px;
  margin: 16px 14px 0 0;
  padding: 6px 5px 2px 5px;
}
#signup {
  background: #DF5322;
  color: #ececec;
  padding: 6px 10px;
}
#infouser {
  color: #585858;
  padding-top: 5px;
}
#infouser a {
  color: #3c7cbd;
  text-decoration: underline;
}
#infouser a:hover {
  text-decoration: none;
}
#loginbar {
  padding: 5px 0;
}
#loginbar a {
  text-decoration: underline;
}
#loginbar a:hover {
  text-decoration: none;
}
/* Obtékání */
.left {
  text-align: left;
}
@media (min-width: 600px) {
  .left {
    float: left;
  }
}
.right {
  text-align: right;
}
@media (min-width: 600px) {
  .right {
    float: right;
  }
}
/* Cleaner */
.clear {
  clear: both;
  height: 0;
}
.cleaner {
  display: block;
}
.cleaner:after {
  display: block;
  clear: both;
  content: ".";
  height: 0;
  visibility: hidden;
}
* html .cleaner {
  height: 1%;
}

/* Titulka bannery */
#titBanner {
  text-align: center;
  margin: 0 0 5px 0;
}
#titBanner img {
  text-align: center;
  width: 95%;
  border-radius: 10px;
  border: 2px solid #EAE8E8;
  padding: 1px;
}
@media (min-width: 600px) { #titBanner img { width: 48%; } }
@media (min-width: 900px) { #titBanner img { width: 47%; } }
/* // Titulka bannery */

/* Archiv kurzy - vyber dna */
#vyberDen {
  background: #f2f6f9;
  margin: 0 0 30px 0;
  padding: 10px;
  border-top: 1px solid #e1ecf2;
  border-bottom: 1px solid #e1ecf2;
  text-align: center;
  line-height: 250%;
}
#vyberDen .p1 {
  margin: 2px 15px 0 0;
}
#vyberDen .p3 {
  margin: 15px 5px 0 0;
}
@media (min-width: 700px) {
  #vyberDen .p1 {
    float: left;
  }
  #vyberDen .p2 {
    float: left;
  }
  #vyberDen .p3 {
    float: right;
    margin: 3px 5px 0 0;
  }
}
@media (min-width:900px) {
  #vyberDen {
    margin: 0 20px 30px 20px;
  }
}
/* // Archiv kurzy - vyber dna */

/* Zlty box kurzInfo */
#kurzInfo {
  margin: 5px 0 10px 0;
}
#kurzInfo #vlajka {
  display: none;
}
#kurzInfo .zvyrazniKurz:nth-child(2) {
  margin-top: 8px;
}
@media (min-width: 630px) {
  #kurzInfo .zvyrazniKurz:nth-child(2) {
    margin-top: 0;
  }
}
@media (min-width: 770px) {
  #kurzInfo #vlajka {
    display: block;
    float: right;
    margin: -2px 24px 0 0;
  }

  #kurzInfo {
    margin: 5px 0 -5px 0;
  }
}
.zvyrazniKurz {
  background: #FFFFDD;
  font-size: 27px;
  padding: 15px 20px 10px 20px;
  border-bottom: 1px solid #ffff95;
}
@media (min-width: 630px) {
  .zvyrazniKurz {
    float: left;
    text-align: left;
    margin: 0 0 0 20px;
  }
}
@media (max-width: 899px) {
  .zvyrazniKurz {
    line-height: 1.4rem;
  }
}

/* Kurzy - zvyrazni kalkulacku v detaile kurzu */
.zvyrazniKalkulacku {
  background: #f7fafd;
  margin: 0 0 10px 0;
  padding: 10px 10px 0 10px;
  border-bottom: 1px solid #e6eff8;
}
.zvyrazniKalkulacku #kurzyKalkulacka {
  margin-left: 5px;
}
@media (min-width: 900px) {
  .zvyrazniKalkulacku {
    margin: 0 20px 10px 20px;
  }
}

/* Vlajky zoznam */
#vlajky {
  background: #f2f6f9;
  margin: 15px 0px;
  padding: 4px 0 2px 0;
  text-align: center;
}
#vlajky a {
  margin-right: 6px;
}
@media (min-width: 900px) {
  #vlajky {
    margin: 15px 15px;
  }
}
/* // Vlajky zoznam */

/* Kurzova kalkulacka */
#kalkulacka {
  margin: 10px 0 0 0;
  padding: 0;
}

/* -- Modry box Kurzova kalkulacka */
.zvyrazni {
  background: #f2f6f9;
  margin: 10px 0px 10px 0px;
  padding: 10px;
  border-top: 1px solid #e1ecf2;
  border-bottom: 1px solid #e1ecf2;
}
.zvyrazni .logo_ecb2 {
  text-align: center;
  margin: 0 auto;
}
.zvyrazni_popis {
  display: none;
}
@media (min-width: 600px) {
  .zvyrazni_popis {
    display: block;
  }
  .zvyrazni .logo_ecb2 {
    float: right;
    margin-left: 20px;
  }

}
@media (min-width: 900px) {
  .zvyrazni {
    margin: 10px 20px
  }
}

.kalkulacka_datum { display: none; }
.kalkulacka_suma { width: 100px; }
.kalkulacka_mena { width: auto; }

#kalkulacka #rychlaVolba {
  margin-top: 5px;
}
#kalkulacka #rychlaVolba a {
  margin-right: 8px;
}
#kalkulacka #kalkulacka_euro {
  display: none;
}

@media (min-width: 600px) {
  #kalkulacka #kalkulacka_meny {
    float: left;
  }
  .kalkulacka_datum { display: table-cell; width: 90px; }
}
@media (min-width: 900px) {
  #kalkulacka {
    margin: 0 20px;
  }

  #kalkulacka #kalkulacka_euro {
    display: block;
    float: right;
  }
}

/* -- Top Najpouzivanejsie kalkulacky */
#minim_mzda_roky,
#kalkulacky_top {
  display: none;
  margin: 5px 0;
}
#minim_mzda_roky span,
#kalkulacky_top span {
  display: block;
}
@media (min-width: 900px) {
  #minim_mzda_roky,
  #kalkulacky_top {
    display: block;
  }
}
#minim_mzda_roky p,
#kalkulacky_top p {
  display: inline-block;
  margin: 5px;
}

/* -- Meny kalkulacka */
.kalkulacka {
  width: 100%;
  margin: 10px 0 0 0;
}
.kalkulacka input, .zvyrazniKalkulacku input {
  width: 90px;
}
@media (min-width: 600px) {
  .kalkulacka input, .zvyrazniKalkulacku input  {
    width: 120px;
  }
}
@media (min-width: 900px) {
  .kalkulacka {
    width: 450px;
  }
}

/* -- Euro kalkulacka */
@media (min-width: 800px) {
  .euro_kalkulacka {
    width: 260px;
    margin-top: 10px;
  }
  .euro_kalkulacka th:first-child {
    width: auto;
  }
  .euro_kalkulacka th:nth-child(2) {
    width: 100px;
  }
}
/* //Kurzova kalkulacka */

/* Minimalna mzda */
#minim_mzda {
  display: none; /* nezobrazovat checkbox */
}
/* po zaškrtnutí checkboxu se zobrazí příslušné menu */
#minim_mzda:checked ~ #minim_mzda_roky {
  display: block;
}
label[for="minim_mzda"] {
  display: block;
  clear: both;
  margin: 10px 0 0 0;
  padding: 10px;
  color: white;
  font-family: "Lucida Sans Unicode", "Lucida Sans", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
  background: #336BA7 url('images/zones_menu.svg') no-repeat 98% 50% / 12px;
}
/* po rozbalení se šipka otočí */
#minim_mzda:checked ~ label {
  background: #336BA7 url('images/zones_menu_rotated.svg') no-repeat 98% 50% / 12px;
}
@media (min-width: 600px) {
  /* nezobrazovat labely pro responzivní menu */
  label[for="minim_mzda"] {
    display: none;
  }
}
/* //Minimalna mzda */


/* Tagy Titulka - najvyhladavanejsie slova */
#tagy {
  margin: 0 0 20px 0;
  border: 1px solid #b7cfdf;
}
#tagy legend {
  color: #3f678d;
  background: #f1f5f8;
  font-size: 12px;
  font-weight: bold;
  padding: 2px 7px 1px 7px;
}
#tagy #vyrazy {
  font-size: 12px;
  text-align: center;
}
#tagy a {
  color: #4977A3;
  margin: 0 10px;
  text-decoration: underline;
}
#tagy a:hover {
  text-decoration: none;
}
#tagy #tagy_titulka_abeceda {
  color: #5e86ac;
  text-align: center;
  margin: 8px 0 0 0;
}
#tagy #tagy_titulka_abeceda a {
  margin: 0 2px;
}
#tagy_abeceda {
  margin-top: 5px;
}
#tagy_abeceda a {
  color: #979797;
}
#tagy-popis {
  margin: 20px 0 15px 20px;
  font-size: 13px;
}
#tagy-h2 {
  margin: 30px 0 0 10px;
}
@media (min-width: 900px) {
  #tagy {
    margin: 0 20px 20px 20px;
  }
}
/* // Tagy Titulka - najvyhladavanejsie slova */

/* Farby */
.blue1,
.blue1 a {
  color: #3c7cbd;
}
.blue2,
.blue2 a {
  color: #3c7cbd;
  margin-left: 5px;
  margin-right: 5px;
}
.center {
  text-align: center;
}
.underline a {
  text-decoration: underline;
}
.underline a:hover {
  text-decoration: none;
}
.naspat {
  text-align: center;
  margin: 30px 25px 30px 0;
  font-size: 14px;
}
.naspat a { color: #698aa2; }
.zdroj {
  color: #909090;
  margin: 4px 0 0 0;
  font-size: 11px;
}
.zdrojCalc {
  margin: 4px 0 5px 0;
}
.mb30 {
  margin-bottom: 30px;
}
.pt10 {
  padding-top: 10px;
}
#cse {
  width: 100%;
}

/* Vyrovnania */
.mb10social {
  margin-bottom: 10px;
}
@media (min-width: 900px) {
  .mb10social {
    margin-bottom: 0;
  }
}

/* Footer */
#footer {
  background: transparent url('images/footer.png') no-repeat top;
  color: #797979;
  padding: 30px 10px 0 0;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 2.0;
}
#footer a {
  margin: 0 3px;
}
#footer div:first-child {
  display: none;
  margin-top: 7px;
}
#footer div:first-child a {
  color: #3c7cbd;
}
#footer div:first-child a:first-of-type {
  color: #717171;
}
#footer #footer_odkazy a {
  padding-right: 5px;
  margin: 0 3px 0 0;
}
#footer #footer_odkazy a:not(:first-of-type):not(:last-of-type) {
  border-right: 1px solid #bcbcbc;
}
#footer div:nth-child(2) {
  margin-top: 7px;
  text-align: center;
}
#footer div:nth-child(2) a {
  color: #5a5a5a;
  margin-left: 5px;
  margin-right: 5px;
}
@media (min-width: 900px) {
  #footer {
    padding-top: 15px;
  }
  #footer div:first-child {
    display: block;
    float: left;
    margin-left: 10px;
  }
  #footer #footer_odkazy {
    display: block;
    margin: 5px 0 0 0;
  }
  #footer div:nth-child(2) {
    float: right;
  }
}
/* // Footer */

/* Jazykove verzie */
#language_kurzy {
  display: none;
  margin: 5px 0 0 30px;
  line-height: 2.2;
}
#language_kurzy a {
  margin-left: 3px;
  color: #3c7cbd;
}
#language_kurzy .language_kurzy_blok {
  margin-right: 10px;
}
@media (min-width: 900px) {
  #language_kurzy {
    display: block;
    margin: 10px 0 0 10px;
    line-height: 2.0;
  }
  #language_kurzy .language_kurzy_blok {
    float: left;
    margin-right: 20px;
  }
}
/* nezobrazovat checkbox */
#prepni_jazyk {
  display: none;
}
/* Responsivní navigace pro menu a submenu
/* fix pro Android, aby v něm fungoval Advanced Checkbox Hack */
body {
  -webkit-animation: bugfix infinite 1s;
}
@-webkit-keyframes bugfix {
  from {
    padding: 0;
  }
  to {
    padding: 0;
  }
}
/* po zaškrtnutí checkboxu se zobrazí příslušné menu */
#prepni_jazyk:checked ~ #language_kurzy {
  display: block;
}
label[for="prepni_jazyk"] {
  display: block;
  margin: 15px 20px 20px 20px;
  padding: 7px 18px;
  color: #ffffff;
  font-family: "Lucida Sans Unicode", "Lucida Sans", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  background: #497aaf url('images/zones_menu.svg') no-repeat 98% 50% / 12px;
}
/* po rozbalení se šipka otočí */
#prepni_jazyk:checked ~ label {
  background: #336BA7 url('images/zones_menu_rotated.svg') no-repeat 98% 50% / 12px;
}
@media (min-width: 900px) {
  /* nezobrazovat labely pro responzivní menu */
  label[for="prepni_jazyk"] {
    display: none;
  }
}
/* // Jazykove verzie */

/* Header */
header {
  margin-top: 0;
}
header #logo {
  margin: 12px 0 6px 10px;
}
header #logo img { height: 33px; }
@media (min-width: 600px) {
  header #logo {
    float: left;
    margin: 6px 5px 3px 5px;
  }
  header #logo img { height: 38px; }
}
@media (min-width: 900px) {
  header #logo img { height: 48px; }
}
/* // Header */

/* Navigacia */
li {
  list-style-type: none;
}
/* nezobrazovat checkbox */
#mobile-menu {
  display: none;
}
#menubar {
  display: block;
  background-image: -webkit-linear-gradient(top, #336BA7 0%, #5987BA 100%);
  background-image: linear-gradient(to bottom, #336BA7 0%, #5987BA 100%);
  color: #eaf0f7;
  margin: 0 auto;
  padding-top: 0;
}
#menubar a {
  display: inline-block;
  margin: 10px 15px 10px 0;
  color: #ffffff;
  text-decoration: underline;
  font-size: 13px;
}
#menubar a:hover {
  text-decoration: none;
}
#menubar #menu {
  display: none;
  margin: 7px 5px 3px 0;
  float: left;
  min-width: 300px;
}

#menubar #search {
  width: 140px;
  float: right;
  padding: 10px 3px;
  margin-top: 1px;
  margin-right: 55px;
}
@media (min-width: 600px) {
  #menubar {
    display: flex;
    flex-direction: column;
    text-align: center;
  }
  #menubar label[for="mobile-menu"] {
    display: none;
  }
  #menubar #menu {
    order: 1;
    display: block;
    padding-left: 0;
  }
  #menubar #menu li {
    display: inline-block;
  }
  #menubar #menu a {
    font-size: 12px;
  }
  #menubar #search {
    order: 2;
    padding: 10px;
    margin: 0 auto;
  }
}
@media (min-width: 900px) {
  #menubar {
    display: block;
    padding: 22px 25px 0 25px;
    background: transparent url('images/menu.png') no-repeat top;
    height: 41px;
    text-align: left;
  }
  #menubar a {
    margin: 0 15px 0 0;
  }
  #menubar #menu {
    float: left;
    display: inline;
  }

  #menubar #search {
    float: right;
    padding: 0;
    margin-right: 50px;
  }
}
/* po zaškrtnutí checkboxu se zobrazí příslušné menu */
#mobile-menu:checked ~ #menu {
  display: block;
}
/* při zaškrtlém checkboxu se zobrazí křížek na zavření menu */
#mobile-menu:checked ~ label[for="mobile-menu"]:after {
  content: "\00d7" " " "Menu";
}
/* při nezaškrtlém checkboxu se zobrazí "hamburger menu" a text */
#mobile-menu:not(:checked) ~ label[for="mobile-menu"]:after {
  content: "\2261" " " "Menu";
}
label[for="mobile-menu"] {
  float: left;
  cursor: pointer;
  font-size: 20px;
  color: white;
  font-weight: bold;
  text-align: left;
  padding: 10px 3px;
  margin: 7px 5px 0 10px;
}
/* // Navigacia */

/* Obrazky druhy */
img.icon_flag, img.icon_flag_bottom {
  width: 16px;
  margin: 0 0 -4px 0;
}
img.icon_flag_bottom {
  width: 40px;
  margin: 0;
}
img.icon_flag_big {
  width: 103px;
  height: 103px;
  margin-top: -14px;
}
img.icon_menu {
  width: 18px;
  margin-bottom: -5px;
  margin-right: 2px;
}
img.icon6 {
  width: 6px;
  margin-bottom: 1px;
}
img.icon16 {
  width: 16px;
  margin-bottom: -3px;
}
img.icon20 {
  width: 20px;
  margin-bottom: -5px;
}

@media (min-width: 600px) {
  img.icon_flag_bottom {
    width: 30px;
  }
}
/* // Obrazky druhy */

/* Obrazky vyrovnanie */
img.mb-4 {
  margin-bottom: -4px;
}
img.mb-3 {
  margin-bottom: -3px;
}
img.mb-1 {
  margin-bottom: -1px;
}
img.mb1 {
  margin-bottom: 1px;
}
/* -- Dalsie vyrovnanie */
.mb20-mt {
  margin-bottom: 20px
}
@media (min-width: 900px) {
  .mb20-mt {
    margin-bottom: 0px
  }
}
/* // Obrazky vyrovnanie */

/* Formulare a inputy */
.button {
  height: auto;
  color: #2E2E2E;
  background-image: -webkit-linear-gradient(top, #F7F2E8 0%, #D5CCB9 100%);
  background-image: linear-gradient(to bottom, #F7F2E8 0%, #D5CCB9 100%);
  cursor: pointer;
  font-family: Arial, Tahoma, Verdana;
  font-size: 12px;
  font-weight: bold;
  margin: 2px 0 0 0;
  padding: 7px 10px 5px 10px;
  border: 1px solid #9E9E9E;
}
input.button:hover,
input.button_search:hover {
  color: #767676;
}
.searchField {
  float: left;
  height: 20px;
  padding: 2px 30px 2px 10px;
  color: #646355;
  font-family: Verdana, Arial, Tahoma;
  font-size: 11px;
  border: 3px solid #7190b3;
  border-radius: 8px;
  background: #f4f4f4;
  width: 100%;
}
.searchSubmit {
  background: url("../graphics/lupa.svg") no-repeat scroll 0 2px transparent;
  background-size: 17px 17px;
  border: medium none;
  cursor: pointer;
  height: 20px;
  margin-left: -28px;
  margin-top: 5px;
  width: 20px;
}

/* // Formulare a inputy */

/* Socialny box */
.social_box_buttons {
  display: none;
}
@media(min-width: 900px) {
  .social_box_buttons {
    display: block;
    clear: both;
  }
  .social_button_facebook {
    float: left;
    margin-right: 5px;
    margin-bottom: 8px;
  }
}
/* // Socialny box */

/* Reklamne formaty */
.devres {
  display: none;
}
.reklama_leaderboard_728x90 {
  display: none;
}
.a_bottom {
  margin-top: 10px;
}
.ad_adtech_300x300, #banner_iframe {
  width: 300px;
  margin: 20px auto 0 auto;
}
.a_euro_tip160_all {
  display: block;
  text-align: center;
  margin-bottom: 10px;
}
.a_euro_rectangle_text {
  display: block;
  margin-bottom: 10px;
}
.a_euro_rectangle_banner {
  display: none;
}
.a_euro_top_blue, .a_euro_top_red {
  display: block;
  width: auto;
  margin: 20px 0 10px 0;
}
@media(min-width: 900px) {
  .reklama_leaderboard_728x90 {
    display: block;
    width: 728px;
    margin: 10px auto 0 auto !important;
  }
  .ad_adtech_300x300, #banner_iframe {
    margin: 20px 0 0 10px;
  }
  .a_euro_tip160_all {
    display: block;
    top: 30px;
    right: 902px;
    width: 160px;
    height: 600px;
    position: absolute;
  }
  .a_euro_rectangle_text, .a_euro_rectangle_banner {
    float: left;
    display: block;
    width: 336px;
    height: 280px;
    margin: 0 0 10px 20px;
  }
  .a_euro_rectangle_banner {
    margin-left: 10px;
  }
  .a_euro_top_blue, .a_euro_top_red {
    display: block;
    width: auto;
    height: auto;
    margin-top: 20px;
    margin-bottom: 0;
  }
  .a_euro_top_red {
    display: none;
  }
}
/* // Reklamne formaty */

/* Text link SEO */
.text_link {
  color: #5383b7;
  margin: 10px 0 10px 5px;
}
.text_link a {
  color: #3f6286;
  text-decoration: underline;
}
.text_link a:hover {
  text-decoration: none;
}
@media(min-width: 600px) {
  .text_link {
    margin: 10px 0 10px 20px;
  }
}
/* // Text link SEO */

/* Transferwise */

#tranferwise_button_box {
  float: left;
  margin: 5px 0 0 10px;
}
#tranferwise_button_box .tranferwise_button {
  width: 120px;
  background: #2ED06E;
  padding: 15px;
  text-align: center;
  border-radius: 10px;
}
#tranferwise_button_box .tranferwise_button_text {
  width: 140px;
  text-align: center;
  color: grey;
  font-size: 9px;
}
#tranferwise_button_box .tranferwise_button a {
  color: #ffffff;
}
.tranferwise_margin {
  margin-top: 10px;
}

@media(max-width: 755px) {
  #tranferwise_button_box {
    margin: 10px 0 0 0;
  }
  #tranferwise_button_box {
    display: block;
    width: 100%;
  }
  .tranferwise_button, .tranferwise_button_text {
    margin: 0 auto 0 auto;
  }
  .tranferwise_margin {
    margin-top: 0;
  }
}

/* // Transferwise */

/**************** **************** **************** **************** **************** ****************

   Zahraničné verzie

***************** **************** **************** **************** **************** ****************
*/
.v_outland #mobile-menu:checked ~ label[for="mobile-menu"]:after {
  content: "\00d7" " " "";
}
/* při nezaškrtlém checkboxu se zobrazí "hamburger menu" a text */
.v_outland #mobile-menu:not(:checked) ~ label[for="mobile-menu"]:after {
  content: "\2261" " " "";
}
.v_outland #vyhladavanie {
  margin: 10px 0 0 0;
  text-align: left;
}

/* Loga zarovnania */
.v_com header #logo, .v_si header #logo, .v_fr header #logo, .v_pt header #logo, .v_gr header #logo { margin-bottom: 0; }

@media (min-width: 900px) {
  .v_outland header #logo img { margin-top: 5px;}
  .v_de header #logo img, .v_ee header #logo img, .v_es header #logo img, .v_it header #logo img, .v_nl header #logo img,
  .v_fi header #logo img, .v_lv header #logo img, .v_lt header #logo img {
    height: 46px;
  }
}

.v_it .kurz_kurz { width: 90px; }
.v_it .kurz_typ { width: 85px; }
.v_fr .kurz_typ { width: 95px; } .v_fr .kurz_typ2 { width: 95px; } .v_fr h2.ecb { font-size: 19px; }
.v_es .kurz_typ { width: 107px; }
.v_si .kurz_typ { width: 83px; }
.v_pt .kurz_typ { width: 121px; } .v_pt h2.ecb { font-size: 21px; }
.v_fi h2.ecb { font-size: 21px; }
.v_lv .kurz_typ2 { width: 79px; }
.v_lt .kurz_typ { width: 80px; }
.v_gr .kurz_typ { width: 125px; font-size: 10px; text-align: center; } .v_gr h2.ecb { font-size: 19px; }
.v_ee img.logo_ecb { margin-top: 5px; height: 60px; width: auto; } .v_ee img.logo_ecb2 { height: 70px; width: auto; }
.v_com .kurz_typ { width: 95px; } .v_com .kurz_typ2 { width: 85px; }
.v_cz .kurz_typ { width: 63px; }