/*GLOBALNE*/
#citihandlowy * { margin:0px; padding:0px; }
#citihandlowy .small { color:#aaa; font-size:9px; }
#citihandlowy .left { float:left }
#citihandlowy .right { float: right }
#citihandlowy .clear { clear:both;}
#citihandlowy .middle {vertical-align:middle; }
#citihandlowy .point {background:url('/i/cf/citibank/point.gif') repeat-x;line-height:5px;}
#citihandlowy .middle {vertical-align:middle;}
#citihandlowy .pic {margin:0px 15px 0px 15px}
#citihandlowy .center {text-align:center}

#citihandlowy {font-family:arial, helvetica, sans-serif; font-size:11px;color:#333;margin:0px auto; width:595px;}

/* fonty */

#citihandlowy h1,#citihandlowy  h2,#citihandlowy  h3,#citihandlowy  h4 { padding: 10px 0px; }
#citihandlowy h4 { font-weight: 100; color: #33a1c9; font-size: 15px; }
#citihandlowy #all { font-family:verdana; font-size:11px; color: #666666;}
#citihandlowy #all a { color: #3399cc; font-family:verdana; text-decoration:none; }
#citihandlowy #all a:hover { text-decoration:underline; }

#citihandlowy #content h1 { font-size: 22px; color: #004783; font-weight: 100; position: relative; z-index: 2; }
#citihandlowy #content h2 { font-size:16px; color:#16498A; font-weight:100;padding-bottom:5px}
#citihandlowy #content h3 { font-size:12px; font-weight:100;padding-bottom:15px; font-weight:bold;}

#citihandlowy #content p { text-align: justify; line-height: 1.5em; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; }
#citihandlowy #content .product p { text-align:left; }

#citihandlowy a.blue_arrow,#citihandlowy  a.green_arrow  { padding-left:10px; line-height:19px}
#citihandlowy a.blue_arrow { background:url('/i/cf/citibank/bullets.gif') no-repeat 0px 4px;}
#citihandlowy a.green_arrow { background:url('/i/cf/citibank/bullets.gif') no-repeat 0px -13px; color:#008B00 !important;   }
#citihandlowy a.plus_bullet { padding-left:20px; line-height:40px;text-decoration:none;font-weight:700; font-size:12px; background:url('/i/cf/citibank/bullets.gif') no-repeat 0px -33px; }

#citihandlowy div.product { width: 160px;}
#citihandlowy div.product h4 { font-size:14px; height:32px ; line-height:16px}
#citihandlowy div.product_middle { padding-top: 0px; width: 150px; }

#citihandlowy div.product_main { width: 550px; margin:20px 0px; }
#citihandlowy div.product_main div.product { width: 176px; }
#citihandlowy div.product_main div.product_middle { margin:0px 11px; }

#citihandlowy div.product_sub {width:510px;margin:20px 0px;clear:both }
#citihandlowy div.product_sub div.product { width: 160px;}
#citihandlowy div.product_sub div.product_middle { margin:0px 15px;}

/* divy */
#citihandlowy #all { width: 560px; text-align:left; margin:20px 0px 0px 10px }
#citihandlowy #content { background: url('/i/cf/citibank/content_bg.jpg') repeat-y; width:560px;}
#citihandlowy #content .content_margin { margin: 5px 30px 20px 20px}

#citihandlowy #content span.top { width:560px; height: 5px; background: url('/i/cf/citibank/content_top.jpg') no-repeat; display:block; font-size:1; }
#citihandlowy #content span.bottom { width:560px; height:13px; background: url('/i/cf/citibank/content_bottom.jpg') no-repeat;  display:block;  font-size:1; }
#zostaw_dane{padding:10px 0;}

/* LISTY */ 
#citihandlowy ul { list-style-type:none; }
#citihandlowy ul li { background:url('/i/cf/citibank/bullet_blue.gif') no-repeat 4px 11px;margin-left:0px; padding:3px 0px 3px 20px;line-height:17px  }
#citihandlowy ul li h3 { margin:0; padding:0; }
#citihandlowy ul.bullets { list-style-type:none; list-style-image: url('/i/cf/citibank/item1.gif'); margin-left:20px; }
#citihandlowy ul.bullets li { padding:3px 0px 3px 5px;line-height:17px; background-image:none; margin-left:20px; }
#citihandlowy ul.bigArrows { list-style-type:none;  margin-left:20px; }
#citihandlowy ul.bigArrows li { padding:3px 0px 3px 5px;line-height:17px; background-image:none; padding-left:20px; background: url('/i/cf/citibank/big_blue_arrow.gif') no-repeat 0px 8px; }



/* big tabers */
#citihandlowy #big_tabers { list-style-type:none; margin:0; padding:0; margin-top:20px;  height:31px;}
#citihandlowy #big_tabers ul{list-style-type:none}
#citihandlowy #big_tabers li { display:block;float:left; background: url('/i/cf/citibank/taber_big_0.jpg') no-repeat; width:111px; height:31px; text-align:center; line-height:31px;padding:0;margin:0 1px 0 0 }
#citihandlowy #big_tabers li.active { background-image: url('/i/cf/citibank/taber_big_1.jpg'); }
#citihandlowy #big_tabers li.active  a{ color: #3399cc; }
#citihandlowy #big_tabers li  a{ color: #666666; font-size:10px; font-weight:bold; }

#citihandlowy #small_tabers { padding:0; margin:10px 0px 0px 5px; position:relative;height:18px;}
#citihandlowy #small_tabers .tab { display:inline-block;position:relative;height:18px;background: url('/i/cf/citibank/tabel_small_bg.gif') repeat-x 0px 0px; text-align:center;}
#citihandlowy #small_tabers .active { bottom:-1px; border-bottom:1px solid white;z-index:500 }
#citihandlowy #small_tabers .tab .l {position:absolute;left:0;top:0;width:4px;height:17px;background: url('/i/cf/citibank/tabel_small_left.gif') no-repeat 0px 0px; }
#citihandlowy #small_tabers .tab .r {position:absolute;right:0;top:0;width:4px;height:17px;background: url('/i/cf/citibank/tabel_small_right.gif') no-repeat 0px 0px; }

#citihandlowy #small_tabers .tab a { padding:0px 6px; height:18px; color: #666666; font-size:9px; position:relative; top:3px;}
#citihandlowy #small_tabers .active a  { font-weight:bold;font-size:10px }


/* obrazki */
#citihandlowy #all  img { border:none }
#citihandlowy #all  img.mpic { margin-top:-46px; margin-left: 20px;}
#citihandlowy img.pdf {margin:0px 3px 0px 3px;position:relative;top:2px}




/*TABER,PLUSIKI*/
#citihandlowy #content div.taber_container {padding-top:20px}
#citihandlowy .plus span { background:url('/i/cf/citibank/icon_plus.gif') 0px 0px no-repeat; width:12px;float:left; height:11px; margin-right:5px;position:relative;top:2px}
#citihandlowy .minus span {  background-image:url('/i/cf/citibank/icon_minus.gif'); float:left; height:11px; margin-right:5px; width:12px;  }

#citihandlowy #content .plusik_expand,#citihandlowy  #content .plusik_collapse  { text-decoration:none; margin:0 5px; }
#citihandlowy #content .plusik_plus h6 { font-weight:100; font-size:1em; line-height:normal; margin:10px 0px 10px 0px }
#citihandlowy #content .plusik_plus p { margin-left:20px;}
#citihandlowy #content .taber_menu li { background:none; float:left;padding:0; margin:0; }
#citihandlowy #content .taber_menu li a:hover { background-position: 0 -27px ; } 
#citihandlowy #content .taber_menu li a.active { background-position:  0 -54px; }
#citihandlowy .plusik_links { margin:0px 21px 0 0; float: right; display:inline; }
#citihandlowy .plusik_links img {position:relative;top:2px}
#citihandlowy .plusik_plus_box {clear:both;padding-top:10px; margin-right:20px; margin-bottom:20px;}
#citihandlowy .taber_box {clear:both;padding-top:20px;}
#citihandlowy .taber_box table {line-height:normal}

#citihandlowy #benefity .plusik_plus h6 { font-weight:bold; }
#citihandlowy #benefity .plus span, #citihandlowy #benefity .minus span { float:none; display:inline-block; margin-left:5px; top:6px; position:relative;}
#citihandlowy #benefity .plus span { background:url('/i/cf/citibank/blue_arrow_down.jpg') 0px 0px no-repeat; width:17px; height:21px; margin-right:5px; }
#citihandlowy #benefity .minus span { background-image:url('/i/cf/citibank/blue_arrow_up.jpg'); width:17px; height:21px; margin-right:5px; }

#citihandlowy #a_coZyskujesz { background: white url('/i/cf/citibank/coZyskujesz.jpg') no-repeat;	width:88px; height:25px; display:block; }
#citihandlowy #a_jakToDziala { background:url('/i/cf/citibank/jakToDziala.jpg') top no-repeat; width:85px; height:25px; display:block;  }
#citihandlowy #a_coZyskujeszPonadto { background:url('/i/cf/citibank/coZyskujeszPonadto.jpg') top no-repeat; width:131px; height:25px; display:block; }
#citihandlowy #a_ileToKosztuje { background:url('/i/cf/citibank/ileToKosztuje.jpg') top no-repeat; width:92px; height:25px; display:block; }
#citihandlowy #a_dokumenty { background:url('/i/cf/citibank/dokumenty.jpg'); width:72px; height:25px; display:block; }
#citihandlowy #a_produktyBankowe {background:url('/i/cf/citibank/produktyBankowe.jpg') top no-repeat; width:114px;height:25px;display:block; }
#citihandlowy #a_dostep24h {background:url('/i/cf/citibank/dostep24h.jpg') top no-repeat; width:76px; height:25px;display:block; }
#citihandlowy #a_jakOtworzyc {background:url('/i/cf/citibank/jakOtworzyc.jpg') top no-repeat; width:104px; height:25px;display:block; }
#citihandlowy #a_konkurs {background:url('/i/cf/citibank/konkurs.jpg') top no-repeat; width:65px; height:25px;display:block; }

#citihandlowy #a_cechyOferty {background:url('/i/cf/citibank/cechyOferty.jpg') top no-repeat; width:84px; height:25px;display:block; }
#citihandlowy #a_oprocentowanie {background:url('/i/cf/citibank/oprocentowanie.jpg') top no-repeat; width:121px; height:25px;display:block; }
#citihandlowy #a_podstawoweKryteria {background:url('/i/cf/citibank/podstawoweKryteria.jpg') top no-repeat; width:126px; height:25px;display:block; }
#citihandlowy #a_zarzadzanieFinansami {background:url('/i/cf/citibank/zarzadzanieFinansami.jpg') top no-repeat; width:150px;height:25px; display:block }
#citihandlowy #a_dostepDoPieniedzy {background:url('/i/cf/citibank/dostepDoPieniedzy.jpg') top no-repeat; width:136px;height:25px; display:block }


/* strony podzialowe */ 
#citihandlowy #content div.karta {height:123px; padding:11px 15px 0px 21px;margin:0 auto}
#citihandlowy #content div.shade { background: url('/i/cf/citibank/szare_tlo.jpg') no-repeat; }
#citihandlowy #content div.karta div.title { margin-bottom:10px; }
#citihandlowy #content div.karta div.title  b{ color: #3399cc; margin-right:20px; }
#citihandlowy #content div.karta div.image { float:left; width:110px;}
#citihandlowy #content div.karta div.description { float:right; width:380px; }
#citihandlowy #content div.karta div.description a { font-weight:bold; font-size:10px; }
#citihandlowy #content div.karta div.description a.green_arrow { margin-right:20px; }

/*TABELE*/
#citihandlowy table {margin:10px 0px 10px 0px;border-collapse: collapse;color:#666;}
#citihandlowy table tr.header {color:#000}
#citihandlowy table tr.shade {background-color:#F0F6FF;}
#citihandlowy table td {padding:5px 10px 5px 10px;vertical-align:top; font-size:11px;}
#citihandlowy #taber_container .taber_box {line-height:14px}


/* product head*/
#citihandlowy .product_head h1 { font-size: 20px; color: #004783; font-weight: 100; position: relative; z-index: 2;margin:0;padding:0;font-family:arial, helvetica, sans-serif;}
#citihandlowy .product_head h2 { font-size:16px; color:#16498A; font-weight:100;padding-bottom:5px;margin:0;padding:0}
#citihandlowy .product_head h3 { font-size:12px; font-weight:100;padding-bottom:15px; font-weight:bold;margin:0;padding:0}
#citihandlowy .product_head h1.right_align{width:450px;text-align:right}
#citihandlowy .product_head {margin:30px 10px 30px 0px }

/*acc*/
#citihandlowy  .red{color: red;font-weight:bold}
#citihandlowy table#tab_acc td{padding:4px}
#citihandlowy table#tab_acc td.col2{width:54%;}

/*tabber new to test*/
#zakladki .new_tab li {background:none;float:left;margin:0;padding:0;width:auto;display:inline}
#zakladki .new_tab li a{float:left;height:27px;display:block;color:#335f9c;background:transparent url('/i/cf/citibank/taber_bg.png') no-repeat left top;margin:0;padding:0 0 0 10px;cursor:pointer}
#zakladki .new_tab li a:hover{background-position: left top;}
#zakladki .new_tab li a span{font-family:arial,helvetica,sans-serif;font-size:11px;color:#335f9c;float:left;height:27px;display:block;background:transparent url('/i/cf/citibank/taber_bg.png') no-repeat right top;line-height:27px;margin:0;padding:0 10px 0 0;cursor:pointer;text-align:center;white-space:nowrap}
#zakladki .new_tab li a.active{background-position:left -54px;}
#zakladki .new_tab li a.active span{background-position:right -54px !important; text-decoration:none}
#zakladki .new_tab li a.active:hover{text-decoration:none !important; background-position:left -54px;}
#zakladki .new_tab li a span.two_lines{line-height:11px;padding-top:2px;overflow:hidden;height:25px}
#zakladki .thin li a{padding:0 0 0 5px}
#zakladki .thin li a span {padding:0 5px 0 0}
#zakladki .new_tab li.thin a{padding:0 0 0 5px}
#zakladki .new_tab li.thin a span {padding:0 5px 0 0}
#zakladki .thiner li a{padding:0 0 0 2px}
#zakladki .thiner li a span {padding:0 2px 0 0}
#zakladki .new_tab li.thiner a{padding:0 0 0 2px}
#zakladki .new_tab li.thiner a span {padding:0 2px 0 0}