@import url('baner-sms/baner-sms.css');

body {margin:0; padding:0;}
/* resetowanie styli */


#body_mapka h3, #body_mapka h4, #body_mapka a, #body_mapka table,#body_mapka td, #body_mapka tr,
#body_mapka fieldset, #body_mapka img, #body_mapka form, #body_mapka input,#body_mapka p,#body_mapka ul,#body_mapka li {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	line-height: normal;
	text-align: left;
	text-decoration: none;
}
#body_mapka table {
 border-collapse: collapse; border-spacing: 0;
}
#body_mapka ul {list-style:none}
#body_mapka img {display:block}
#body_mapka h3 {padding-bottom:8px;}
#body_mapka h4 {color:#004684;font-weight:bold;font-size:11px;font-family:arial; text-indent:16px;}
#body_mapka h4  img {margin-left:2px;margin-top:5px;}
#body_mapka {width:800px;}
#body_mapka .clear{clear:both;}
#body_mapka #zakladki {width:455px;background:url(images/box_top.gif) no-repeat top left;font-size:11px; font-family:arial;margin-left:15px;}
#body_mapka #zakladki_box {background: url(images/box_bg.gif) repeat-y bottom left;clear:both;}
#body_mapka #zakladki table {margin:0 2px 0 2px; color:#4c88be}
#body_mapka #zakladki table span {color:#004684}
#body_mapka #zakladki table td {height:44px;}
#body_mapka #zakladki table td.lewa {width:210px;padding-left:15px;background:url(images/bg_niebieski.gif) repeat-x bottom left;cursor:pointer}
#body_mapka #zakladki table td.srodek {width:160px;background:url(images/bg_niebieski.gif) repeat-x bottom left;cursor:pointer}
#body_mapka #zakladki table td.prawa {width:80px;background:url(images/bg_niebieski.gif) repeat-x bottom left;cursor:pointer}
#body_mapka #zakladki table td.lewa2 {width:210px;padding-left:15px;background:url(images/bg_bialy.gif) repeat-x bottom left;cursor:pointer}
#body_mapka #zakladki table td.srodek2 {width:160px;background:url(images/bg_bialy.gif) repeat-x bottom left;cursor:pointer}
#body_mapka #zakladki table td.prawa2 {width:80px;background:url(images/bg_bialy.gif) repeat-x bottom left;cursor:pointer}
#body_mapka #zakladki table td img {float:left;margin:0 2px 2px 2px}

#body_mapka .tab_bankomaty, #body_mapka .tab_oddzialy,#body_mapka .tab_bankomaty_a, #body_mapka .tab_oddzialy_a {width:84px;height:22px;float:left;text-indent:15px;margin:0 0 6px 0}
#body_mapka .tab_bankomaty, #body_mapka .tab_oddzialy {background:url(images/box_label.gif) no-repeat top left; color:#8f949a;}
#body_mapka .tab_bankomaty a, #body_mapka .tab_oddzialy a {color:#8f949a;line-height:22px;}
#body_mapka .tab_bankomaty_a, #body_mapka .tab_oddzialy_a {background:url(images/box_label_active.gif) no-repeat top left;color:#2669b9;}
#body_mapka .tab_bankomaty_a a, #body_mapka .tab_oddzialy_a a {color:#2669b9;line-height:22px;} 

#body_mapka #formularz {width:313px;}
#body_mapka .szukajwpoblizu {width:313px;background:url(images/szukaj_bg.gif) repeat-y top left; margin-bottom:15px;}
#body_mapka .szukajwpoblizu input {border:1px solid #1f5284;width:180px;color:#1f5284;font-size:12px; font-family:arial;float:right;margin-right:10px;}
#body_mapka .szukajwpoblizu .b_szukaj,#body_mapka .lokalizacja .b_szukaj{border:0; width:55px; height:20px; background:url(images/button_szukaj.gif) repeat-y top left;float:right;margin-right:10px;}
#body_mapka .szukajwpoblizu .b_szukaj:hover,#body_mapka .lokalizacja .b_szukaj:hover{background-position:bottom left;cursor:pointer}
#body_mapka .szukajwpoblizu label,#body_mapka .lokalizacja label {color:#1f5284;font-size:12px; font-family:arial;width:110px;margin-left:10px;float:left;}
#body_mapka .szukajwpoblizu p {color:#4f85c6;font-size:10px;font-family:arial;text-align:center;clear:both;}
#body_mapka .lokalizacja {background:url(images/szukaj_bg.gif) repeat-y top left;}
#body_mapka .lokalizacja select {width:175px;border:1px solid #1f5284;float:right;margin-right:10px;margin-top:2px}
#body_mapka .radio_buttons {clear:both;padding-top:7px}
#body_mapka .radio_buttons #radio {float:left; width:193px; margin-bottom:10px; }
#body_mapka .lokalizacja .radio_buttons #radio label {width:50px;margin:0}
#body_mapka .lokalizacja .radio_buttons #radio div {float:left;width:92px}
#body_mapka .lokalizacja .radio_buttons #radio div .radio {float:left}
#body_mapka .lokalizacja .radio_buttons #radio div label {float:left;margin-left:5px;}
#body_mapka .legenda,#facebox #popup .body .legenda  {background:url(images/legenda_bg.gif) repeat-y top left; color:#5d8fcb; font-size:10px; font-family:arial}
#body_mapka .legenda .b_filtruj {border:0; width:87px; height:20px; background:url(images/button_filtruj.gif) repeat-y top left;float:right;margin-right:10px;cursor:pointer}
#body_mapka .legenda .b_filtruj:hover {background-position:bottom left;cursor:pointer}
#body_mapka .legenda #u_k {width:130px;float:left;margin-left:10px; display:inline}
#body_mapka .legenda #p {width:144px;float:right;margin-right:10px;display:inline}
#body_mapka .legenda #u_k label img, #body_mapka .legenda #p label img {float:left; margin-right:5px;}
#body_mapka .legenda #u_k label, #body_mapka .legenda #p label  {float:left}
#body_mapka .legenda #u_k ul li, #body_mapka .legenda #p ul li {border-bottom:1px solid #e6e6e6;clear:both;line-height:23px; height:20px;padding:2px 0 2px 0;_padding:0}
#body_mapka .legenda #u_k ul li input, #body_mapka .legenda #p ul li input {float:right}
#body_mapka .legenda ul.bankomaty{margin:0 10px 0 10px}
#body_mapka .legenda ul.bankomaty input {float:right;}
/*#body_mapka .legenda ul.bankomaty span {color:#a3a3a3; background:url(images/dot.gif) no-repeat top left; text-indent:10px;display:block;clear:both; height:15px;}*/
#body_mapka .legenda ul.bankomaty span {color:#a3a3a3;text-indent:10px;display:block;clear:both; height:15px;}

#body_mapka .legenda ul.bankomaty img {float:left;margin-right:5px;}
#body_mapka .legenda ul.bankomaty  li {border-bottom:1px solid #e6e6e6;padding:5px 0 5px 0}
#body_mapka .legenda ul.bankomaty label {line-height:17px;float:left}
#body_mapka .legenda ul.bankomaty {margin-bottom:22px}
#body_mapka .listowanie {padding:15px 0 0 0;float:right;margin-right:10px;}
#body_mapka .listowanie ul li {float:left}
#body_mapka .listowanie ul li a {color:#9ebfdf; display:block; padding:0 5px 0 5px}
#body_mapka .listowanie ul li a.active {border:1px solid #c5dbf3;padding:0 5px 0 5px;color:#004684;background-color:#f0f7ff}
#body_mapka .listowanie ul {color:#9ebfdf; font-size:11px}
#body_mapka #dymek {font-size:11px; font-family:arial; width:282px;height:0;}
#body_mapka #dymek .pAdress {width:70%;padding-right:10px;white-space:normal;}
#body_mapka #dymek .pInfo img {float:left;margin:0 2px 2px 0;}
#body_mapka #dymek .pInfo{width:30%;vertical-align:middle;}
#body_mapka #dymek .button {background:url(images/dymek_button.gif) no-repeat top left; width:15px; height:17px;}
#body_mapka #dymek .input {width:185px;height:17px;border:1px solid #cccccc;font-style:italic}


#body_mapka	#zakladki {clear: both;}
#body_mapka #mapa_div {width: 455px; height: 325px;float: left;margin:0 15px 15px 15px;display:inline;border:1px solid #9acee6;overflow:hidden;}
#body_mapka #inne_mozliwosci {margin-left:10px; font-size:11px; font-family:arial;font-weight:bold}
#body_mapka #inne_mozliwosci a {color:#2669B9;font-weight:normal}
#body_mapka #inne_mozliwosci a:hover {color:#2669B9; text-decoration:underline}
/* ico */
.srodek2 span ,.srodek span , .pInfo span{ width:18px; height:18px;  float:left; margin-right:5px; display:inline;}
span.o_bankomat {background: url(images/o_bankomat.gif) no-repeat;}
span.o_bankomat_audio {background: url(images/o_bankomat_audio.jpg) no-repeat;}
span.o_wplatomat {background: url(images/o_wplatomat.jpg) no-repeat;}
span.o_kontalokaty {background: url(images/o_kontalokaty.gif) no-repeat;}
span.o_konta {background: url(images/o_konta.gif) no-repeat;}
span.o_lokaty {background: url(images/o_lokaty.gif) no-repeat;}
span.o_karty {background: url(images/o_karty.gif) no-repeat;}
span.o_pozyczkigot {background: url(images/o_pozyczkigot.gif) no-repeat;}
span.o_pozyczkihip {background: url(images/o_pozyczkihip.gif) no-repeat;}
span.o_budka {background: url(images/o_budka.gif) no-repeat;}
span.o_kiosk {background: url(images/o_kiosk.gif) no-repeat;}
span.o_firmy {background: url(images/o_firmy.gif) no-repeat;}
span.o_korporacje {background: url(images/o_korporacje.gif) no-repeat;}
span.o_citigold {background: url(images/o_citigold.gif) no-repeat;}
span.o_inwestycje {background: url(images/o_inwestycje.gif) no-repeat;}
span.o_ubezpieczenia {background: url(images/o_ubezpieczenia.gif) no-repeat;}

.prawa a, .prawa2 a {float:left; margin:0 2px 2px; height:18px; width:59px; display:inline;}
.prawa2 a {background: url(images/zobacz_na_mapie_blue.gif) no-repeat;}
.prawa a {background: url(images/zobacz_na_mapie.gif) no-repeat;}
/*facebox*/


#facebox {position: absolute;top: 0;left: 0;z-index: 100;text-align: left;}
#facebox .popup {position: relative;}
#facebox table {border-collapse: collapse;}
#facebox td {border-bottom: 0;padding: 0;}
#facebox .body {padding: 10px;background: #fff;width:312px;}
#facebox .loading {text-align: center;}
#facebox .image {text-align: center;}
#facebox img {border: 0;margin: 0;display:block;}
#facebox .footer {text-align: right;}
#facebox .legenda {background:url(images/legenda_bg.gif) repeat-y top left; color:#5d8fcb; font-size:11px; font-family:arial;width:312px;margin:0; overflow:hidden;}
#facebox .content {margin:10px;}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {height: 10px;width: 10px;overflow: hidden;padding: 0;}
#facebox_overlay {position: fixed;top: 0px;left: 0px;height:100%;width:100%;}
.facebox_hide {z-index:-100;}
.facebox_overlayBG {background-color: #000;z-index: 99;}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#popup{height:0;background-color:#fff}
#facebox .close_image {margin-left:228px;}
#body_mapka .estyle2 {background-color:transparent;}
#body_mapka .Gmap_contents{background-color: #FFF;font-size:11px; font-family:arial;}

#body_mapka .Gmap_tl{width: 17px;height: 17px;background: url('images/Gmap/map_tl.png') top left no-repeat transparent;
}
* html #body_mapka .Gmap_tl{
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/Gmap/map_tl.png', sizingMethod='crop');
}
#body_mapka .Gmap_t{background: url('images/Gmap/map_t.png') top left repeat-x #FFF;height:17px;}
#body_mapka .Gmap_tr{width: 17px;height: 17px;background: url('images/Gmap/map_tr.png') top right no-repeat transparent;}
* html #body_mapka .Gmap_tr{
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/Gmap/map_tr.png', sizingMethod='crop');
}
#body_mapka .Gmap_l{background: url('images/Gmap/map_l.png') top left repeat-y transparent;width: 17px;}
#body_mapka .Gmap_r{ background: url('images/Gmap/map_r.png') top right repeat-y transparent;width: 17px;}
#body_mapka .Gmap_bl{width: 17px;height: 17px;background: url('images/Gmap/map_bl.png') top left no-repeat transparent;}
* html #body_mapka .Gmap_bl{
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/Gmap/map_bl.png', sizingMethod='crop');
}
#body_mapka .Gmap_b{height: 17px;background: url('images/Gmap/map_b.png') top left repeat-x transparent;}
#body_mapka .Gmap_br{width: 17px;height: 17px;background: url('images/Gmap/map_br.png') top left no-repeat transparent;}
* html #body_mapka .Gmap_br{
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/Gmap/map_br.png', sizingMethod='crop');
}


#mapa_loading {
	position: absolute;
	z-index: 100;
	width: 32px;
	height: 32px;
	left:234px;
	top:216px;	
}
#mapa_loading img {
    margin: auto;
}

/*style Citi online*/
#main_container {
margin:0;
overflow:hidden;
padding:0;
width:995px;
}
#header {
background-image:none;
background-repeat:no-repeat;
padding-top:45px;
text-align:center;
border-bottom:1px solid #3C71BD;
overflow:hidden;
padding-bottom:20px;
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
margin-bottom:20px;
height:40px;
}
#header ul {
display:inline;
list-style:none;
margin:0;
padding:0;
}
#header li {
background-image:none;
display:inline;
margin:0;
padding:0;
}
#header_privacy {
float:right;
height:40px;
text-align:left;
width:179px;
overflow:hidden;
vertical-align:center;
}
#header_privacy li {padding-top:8px; padding-right:5px; float:left;}

#header_menu {
left:192px;
position:absolute;
text-align:left;
width:550px;
}
#header_menu li {
background-image:none;
display:inline;
margin:0 0 0 20px;
padding:0;}



#header a {
font-size:0.9em;
font-weight:bold;
line-height:32px;
text-decoration:none;
color:#2669B9;
}
#header a:hover {
color:#3399cc;
}
#header_privacy a {
font-family:verdana,arial,sans-serif;
font-size:0.8em;
font-weight:normal;
line-height:1.6em;
}

#logo {
float:left;
padding-left:10px;
padding-top:5px;
border:0;
}


#footer {
clear:both;
height:110px;
padding-top:20px;
font-family:verdana,arial,helvetica,sans-serif;
font-size:0.69em;
}

#footer_menu_2 {
border-bottom:1px solid #3C71BD;
height:18px;
margin:0;
padding:0;
width:100%;
line-height:1.8em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:0px;
padding-left:0px;
}
#footer_menu_2 li {
background-image:none;
float:right;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0 5px;
}
#footer a {
line-height:1.4em;
text-decoration:none;
color:#2669B9;
}
#footer a:hover {color:#3399CC;}

#footer_left {
clear:both;
float:left;
padding:10px;
width:200px;
}
#footer_right {
float:right;
padding:10px;
text-align:right;
width:200px;
}