/* MyBank.pl Version: 2017 */

* {border:0; font-family:inherit;font-style:inherit; font-size:100%; margin:0; outline:0; padding:0; vertical-align:top; list-style:none}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block}
body {margin:0 auto; padding:0; font:400 14px/21px 'Roboto', Arial, Helvetica, sans-serif; color:#2b2b2b; text-align:left; background-color:#ffffff; overflow-x:hidden}
a {color:#2375bb; text-decoration:none; font-weight:700}
a:hover {color:#2375bb}
a, input[type="submit"] {transition:all 0.25s ease-in-out}
.left {float:left}
.right {float:right}
.clear {clear:both}
.ciasteczka {background: #eaeaea; font-size: 12px; line-height: 16px; padding: 6px 0; border-bottom: 1px solid #cccccc;text-align: center}
header {background:url('https://mybank.pl/img/ikonki/bg-header.png') left center repeat-x; margin-bottom:20px;}

h1 {font:600 18px/26px 'Roboto Condensed', Arial, Helvetica, sans-serif; text-transform:uppercase; background-color:#2f7dbf; background: linear-gradient(to top, #2f7dbf, #5a99d1); color: white; padding: 5px 15px; margin-bottom: 20px; border-radius: 2px; text-align: center;box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2)}
/*h1 {font:700 20px/28px 'Roboto Condensed', Arial, Helvetica, sans-serif; margin-bottom:25px; padding: 5px 0; text-transform:uppercase;  border-bottom: 3px solid #eaeaea; }*/
/*h1 {font:600 20px/28px 'Roboto Condensed', Arial, Helvetica, sans-serif;margin-bottom: 20px;color:white; padding: 5px 10px; background-color:#2375bb; background: linear-gradient(to bottom right, #2375bb, #4288c4);}*/

h2 {font:700 19px/25px 'Roboto Condensed', Arial, Helvetica, sans-serif; text-transform:uppercase; text-align: left;}

h3 {font:700 20px/28px 'Roboto Condensed', Arial, Helvetica, sans-serif; text-transform:uppercase; background-color:#ffffff; display:inline-block; padding-right:10px; text-align: left;}
h4 {font:700 22px/28px 'Roboto Condensed', Arial, Helvetica, sans-serif; margin-bottom:25px; text-transform:uppercase}
hr {margin:40px 0 0 0; width:auto; height:1px; background:#e8e8e8; display:block}
.wrapper {position:relative; max-width:1200px !important; margin:0 auto}
.logo, .login, .socialmedia {margin:22px 0; min-height:50px;}
.socialmedia {position:relative; top: 13px}
.logo-slogan {font:italic 300 21px/50px 'Roboto', Arial, Helvetica, sans-serif; display:inline-block; margin-left: 30px;}
.sponsored {display:inline-block; margin-left: 30px;}
.cen {text-align: center}

#header .login {padding-left:35px; margin-left:35px; border-left:1px solid #e2e2e2;}
.login-link, .register-link {display:block; text-transform:uppercase; padding-left:25px; margin:2px 0;}
.login-link {background:url('https://mybank.pl/img/ikonki/icon-login.png') left 2px no-repeat;}
.register-link {background:url('https://mybank.pl/img/ikonki/icon-register.png') left 2px no-repeat;}

#pasek-gora {background: black; height: 40px; margin: 0 auto; padding: 0;}
@media (max-width: 980px) {#pasek-gora {display: none}}

.ad0 {margin: 20px auto; text-align: center}
#rek_prawe_menu {margin-bottom: 20px; text-align: center}

.flag {padding: 2px 5px 0 0}
.flag2 {padding: 1px 5px 0 0}

/* Układ środek */

#content {width:100%; padding-bottom:30px;}

.left-content {width:100%; min-height:500px; margin-right: -300px;}
.left-content2 {margin-right: 330px; text-align: justify; padding-bottom: 25px;}

.prawe-menu {width:300px}

/* Prawe menu */

.prawe-menu table {border-collapse:collapse; width:100%; border:1px solid #e2e2e2; margin-bottom:20px}
.prawe-menu table thead tr th {font-size:12px; background-color:#e2e2e2; white-space:nowrap; padding:4px 8px}
.prawe-menu table thead tr th.head {font-size:14px; background-color:#2f7dbf; background: linear-gradient(to top, #2f7dbf, #5a99d1);border: 1px solid #448bc8; font-weight:400}
/*background: linear-gradient(to top, #2375bb, #4288c4); border:1px solid #2375bb;*/
.prawe-menu table thead tr th.head {color:#ffffff}
.prawe-menu table thead tr th.head a {color:#ffffff; text-decoration:underline}
.prawe-menu table tbody tr td, .prawe-menu table thead tr th.head {padding: 6px 8px}
.prawe-menu table#waluty tbody tr td:first-child, .prawe-menu table#gielda tbody tr td:first-child {background:url('https://mybank.pl/img/ikonki/table-noactive.png') left top repeat-y;}
.prawe-menu table thead tr th:first-child, .prawe-menu table tbody tr td:first-child, .prawe-menu table thead tr th.head {padding-left:14px} 
.prawe-menu table tbody tr td:last-child, .prawe-menu table thead tr th:last-child, .prawe-menu table thead tr th.head {padding-right:10px}
.prawe-menu table tbody tr {border-bottom:1px solid #e2e2e2}
.prawe-menu table#waluty tbody tr, .prawe-menu table#gielda tbody tr {cursor:pointer}
.prawe-menu table#waluty tbody tr.active, .prawe-menu table#gielda tbody tr.active, .prawe-menu table#waluty tbody tr.showChart, .prawe-menu table#gielda tbody tr.showChart {cursor:default}
.prawe-menu table tbody tr td.czer, .prawe-menu table tbody tr td.ziel, .prawe-menu table tbody tr td.nieb {padding-left:20px}
.prawe-menu table tbody tr.active {border-bottom:0; font-weight:600; font-size:18px}
.prawe-menu table#waluty tbody tr.active td:first-child, .prawe-menu table#waluty tbody tr.showChart td, .prawe-menu table#gielda tbody tr.active td:first-child, .prawe-menu table#gielda tbody tr.showChart td  {background:url('https://mybank.pl/img/ikonki/table-active.png') left top repeat-y;}
.prawe-menu table tbody tr.showChart td {padding:4px 0 10px 14px}
.prawe-menu table tbody tr a {text-decoration: underline; -moz-transition:color 0.25s ease-in-out; -webkit-transition:color 0.25s ease-in-out; -o-transition:color 0.25s ease-in-out; -ms-transition:color 0.25s ease-in-out; transition:color 0.25s ease-in-out}
.fit {font-size: 13px; padding-left: 0px !important}
#kw0, #kw1, #kw2, #kw3, #kw4, #gw0, #gw1, #gw2, #gw3, #gw4, #gw5 {display:none}
.showChart {display:table-row !important;}

.czer {color:#fa4251; background:url('https://mybank.pl/img/ikonki/arrow-red2.png') 7px center no-repeat;}
.ziel {color:#4aaa19; background:url('https://mybank.pl/img/ikonki/arrow-green2.png') 7px 10px no-repeat;}
.nieb {color:#2375bb; background:url('https://mybank.pl/img/ikonki/arrow-blue.png') 7px 12px no-repeat;}

.red2 {color:#fa4251;}
.green2 {color:#4aaa19;} /*#60c02f*/
.blue2 {color:#2375bb;}

.logos a {border-radius:0; display:block; -moz-box-shadow: inset 0 0 0 1px #e2e2e2; -webkit-box-shadow: inset 0 0 0 1px #e2e2e2; box-shadow: inset 0 0 0 1px #e2e2e2; width:49%; height:80px; position:relative; float:left; margin-bottom:8px}
.logos a:nth-of-type(odd) {margin-right:2%}
.logos a img {position:absolute; top:0; bottom:0; right:0; left:0; margin:auto}

#content, #header .wrapper {width:97%; max-width:97%; margin:0 auto}


/* Prawe menu zwężanie na 300px */
@media (max-width: 1000px) {
  .left-content {margin-right: -300px;}
  .left-content2 {margin-right: 320px;}
  .prawe-menu table tbody tr.active {font-size: 16px;}
}

@media (max-width: 780px) {
  .left-content, .left-content2 {margin: 0; float: none}
  #header #navigation ul, #header #navigation ul>li:last-of-type:after, #navigation ul>li a img {display:none}
  #header #navigation ul {position:relative; z-index:990;}
  #mobileTrigger {display: block !important}
  .left, .right {float:none}
  #content {border:0; padding-top: 0}
  .prawe-menu {margin: 0 auto; float: none}
  #content, #header .wrapper {width:95%; max-width:95%; margin:0 auto}
}


/* Responsywnosc gornego paska */
@media (max-width: 780px) {
  #header .logo-slogan {font: italic 300 18px/50px 'Roboto', Arial, Helvetica, sans-serif; margin-left:20px}
  #header .socialmedia {display: none}
  #header .sponsored {margin-left:0; float:right}
  #header .logo img {max-width:191px; width:100%; height:auto}
  #header .logo img.sponsored {max-width:100px}
}

@media (max-width: 350px) {#header .logo img.sponsored {display:none}}
@media (max-width: 590px) {#header .logo-slogan {display:none}}
@media (max-width: 950px) {#header .login {display:none} }




/* STOPKA */

/* Szary pasek */
#footer a {color:#111111; font-weight:400}
#footer a:hover {color:#2375bb}
#footer .content {background-color:#f0f0f0; padding:35px 0}
#footer .content ul li {background:url('https://mybank.pl/img/ikonki/stopka-li.png') 0 center no-repeat; padding:0 0 0 22px; margin:2px 0 0 0}
#footer .aboutus {width:100%; max-width:315px; text-align: justify; margin-left: 20px}
#footer .aboutus .logo {margin:0 0 30px 0; display:block}
#footer .services p {margin-bottom:20px}
#footer .services p:last-of-type {margin:0}
#footer .shortcuts {border-left:1px solid #e2e2e2; padding-left:40px; width:100%; max-width:190px}
#footer .services {text-align:center; border-left:1px solid #e2e2e2; padding-left:40px; width:100%; max-width:218px}
#footer .tools {width:100%; max-width:245px}
#footer .aboutus, #footer .shortcuts, #footer .services {margin-right:40px}
#footer .copyright {margin: 15px auto; background-color:#ffffff; text-align:center}

/* Resp. szarego pasa w stopce */
@media (max-width: 1240px) {
  #footer .shortcuts {max-width:150px}
  #footer .services {float: right}
  #footer .tools {display: none}
}
@media (max-width: 925px) {#footer .services {display:none}}
@media (max-width: 780px) {
    #footer .shortcuts {display:block; text-align: left; border-left:none; margin: auto}
    #footer .aboutus {max-width:100%;  margin-left: 0}
    #footer .aboutus .logo {margin:0 auto 30px auto; text-align:center}
    #footer .content .wrapper {text-align:center}
    #footer .aboutus {margin-bottom:30px}
}

/* Nieb. pasek naw. */
#footer #foot-navigation {width:100%; background-color:#2375bb; font-size: 0;}
#footer #foot-navigation ul {text-align:center}
#footer #foot-navigation ul>li {display:inline-block; margin: auto;}
#footer #foot-navigation ul>li:last-child {border-right: 1px solid #4b8ec7}
#footer #foot-navigation ul>li>a {height:58px; background:#2375bb; border-left: 1px solid #4b8ec7; display:block; padding:0 25px; font:400 14px/58px 'Roboto Condensed', Arial, Helvetica, sans-serif; color:#ffffff; text-transform:uppercase}
#footer #foot-navigation ul>li:hover a {background:#3687cc; color:#ffffff}

/* Resp. nieb. paska w stopce */
@media (min-width: 1121px) and (max-width: 1218px) {#footer #foot-navigation ul>li>a {padding:0 15px;}}
@media (min-width: 1021px) and (max-width: 1120px) {#footer #foot-navigation ul>li>a {padding:0 10px;}}
@media (min-width: 781px) and (max-width: 1020px) {#footer #foot-navigation ul>li>a {height: 48px; padding: 0 10px; font: 400 12px/48px 'Roboto Condensed', Arial, Helvetica, sans-serif;}}
@media (min-width: 781px) and (max-width: 880px) {#footer #foot-navigation ul>li#polityka {display:none}}
@media (max-width: 780px) {
    #footer #foot-navigation ul>li {display:block; float:none; text-align:center; line-height:50px}
    #footer #foot-navigation ul>li>a {height:50px; line-height:50px; background:#2375bb; border-bottom: 1px solid #4b8ec7; display: block; padding: 0;}
    #footer .content .wrapper {width:94%; max-width:94%; margin:0 auto}
}

/* KONIEC STOPKA */



/* Newsy */
.n_big {margin: 0 auto 0 auto; padding: 16px 0 12px 0; border-top: 1px solid #ccc; min-height:140px;}
.n_obr {margin: 0 20px 4px 0; float:left;}
.n_obr img {vertical-align:top;border: 1px solid #888;}
.n_txt {padding:0; text-align: left}
.n_skrot {margin-top: 5px; text-align: justify}
.n_godz {color:#c90000; font-weight:bold; margin-right: 7px}
.n_info {color:#777}

@media (max-width: 400px) {
.n_obr {float: none; text-align: center; margin: 4px 0 10px 0;}
.n_txt, .n_txt h2 {text-align: center}
}


/* KURSY WALUT BOXY */
.box_mini {width:90px; height:90px; padding:5px; margin:0 7px 20px 7px; background:#eeeeee url('https://mybank.pl/img/box_mini2.gif') no-repeat; text-align:center; display: inline-block}
.box_mini_ks {width:90px; height:123px; padding:5px; margin:0 7px 20px 7px; background:#eeeeee url('https://mybank.pl/img/box_mini_ks.gif') no-repeat; text-align:center; display: inline-block}
.box_mini b.b1, .box_mini_ks b.b1 {display:block; font:bold 20px/30px Arial; color:#b6b6b6}
.box_mini b.b2, .box_mini_ks b.b2 {display:block; font:bold 20px/32px Arial}
.box_mini b.b3, .box_mini_ks b.b3 {display:block; padding:0 0 0 17px; font:bold 16px/32px Arial; background-position: 15px 10px}


/* TABELA */
.tab_kursy {border-radius: 10px; background:#fff; border:1px solid #ccc; border-spacing:1px; border-collapse:separate; margin: 0 auto;}

.tab_kursy tr th {padding:7px 12px; text-align: center; vertical-align: middle; background:#dbdbdb; font-weight:bold; background: linear-gradient(to top, #d4d4d4, #e9e9e9);}
.tab_kursy tr td {padding:6px 12px; vertical-align: middle}

.tab_kursy tr td a {text-decoration: underline;}

.tab_kursy tr:nth-child(odd) {background: #f0f0f0}
.tab_kursy tr:nth-child(even) {background: #e7e7e7}
.tab_kursy tr:first-child th:first-child {border-top-left-radius: 9px} .tab_kursy tr:first-child th:last-child {border-top-right-radius: 9px}
.tab_kursy tr:last-child td:first-child {border-bottom-left-radius: 9px} .tab_kursy tr:last-child td:last-child {border-bottom-right-radius: 9px}


/* STYLE DO WATKOW FORUM */
.f_6 {border-collapse: collapse; height:auto; padding:0; margin:0 0 10px 0}
.f_0w, .f_0wb {width:auto; padding:4px 0; margin:0; text-align:left;}
.f_0w {background:#fff}
.f_0wb {background:#f7f7f7}
.f_1w, .f_2w {vertical-align:middle}
.f_1w {width:10px; padding:4px 6px; margin:0}
.f_2w {padding:4px 0 4px 4px; margin:0}