*{
       font-size:100%;
}

body{
       font-family:Arial, Helvetica, sans-serif;
       color: black;
       height:100%;
       margin: 0px;
       padding: 0px;
       background-color: #c4d1ec;
       background-image: url(images/tlo_pik.jpg);
       background-repeat: repeat-x;
       font-size: 80%;
       background-position: top;
       background-attachment: scroll;
}

table{
       width:100%;
       border-collapse:collapse;
}
td { padding:0; }
img { border:0; }
h1 { color: #333366; font-size:170%; margin: 0.5em 0; }
li {list-style-type: square;}
h3 {
       color: #996666;
       font-size:108%;
       margin-top: 2em;
       margin-right: 0;
       margin-bottom: 1em;
       margin-left: 0;
}
h2 {
       margin-top: 2em;
       margin-right: 0;
       margin-bottom: 1em;
       margin-left: 0;
}
#kalkulator {
       background-image: url(images/kalk_kompo_small2_back.gif);
       background-repeat: repeat-y;
       background-position: left;
       padding-left: 55px;
       line-height: 11px;
       font-weight: bold;
       margin-top: 0px;
}
p{
       font-weight: normal;
}
li.wroclaw {
       list-style-type: square;
       list-style-image: url(images/bialy_prostokat.jpg);
}
ul#lista_rozwijana {
       list-style-type: none;
       font-weight: bold;
}
li#lista_rozwijana {
       list-style-type: none;
       list-style-image: url(images/bullet_arrow.gif);
}
#BodyTop{
       min-height:100%;
       background-image: url(images/tlo_top_left.jpg);
       background-repeat: no-repeat;
       background-position: left top;
}
* html #BodyTop{
       height:100%;
}
INPUT, SELECT{
        background: #FFF;
        border: 1px solid #8090B2;
}

a:link { color: white; }
a:visited { color: white; }
a:hover {
       color: #FFCC33;
}

a.black:link { color: #333333; }
a.black:visited { color: #333333; }
a.black:hover { color: #333333; }

a.brown:link { color: #996633; }
a.brown:visited { color: #996633; }
a.brown:hover { color: #FF6600; }

a.blue:link { color: #666699; }
a.blue:visited { color: #666699; }
a.blue:hover { color: #000000; }

#logo{
       position: relative;
       left: 20px;
       margin-right:33px;
}
#home{
       position: relative;
       left: 20px;
       top: 20px;
}
#menu, .menu{
       font-weight: bold;
       color: #FFF;
       font-size: 100%;
       padding-left: 20px;
       margin-top: 1.7em;
       margin-right: 0;
       margin-bottom: 1.7em;
       line-height: 22px;
       position: relative;
       top: 0px;
}
#menu_active{
       font-weight: bold;
       color: #FFCC33;
       font-size: 100%;
       line-height: 22px;
}
#podmenu{
       font-weight: normal;
       color: #FFFFFF;
       font-size: 12px;
       padding-left: 15px;
       margin-top: 0.2em;
       margin-right: 0;
       margin-bottom: 1em;
       line-height: 20px;
       position: relative;
       top: 0px;
}
#podmenu_active{
       font-weight: bold;
       color: #FFCC33;
       font-size: 12px;
       line-height: 20px;
}

.baner_maly{
       background-repeat: repeat-x;
       background-position: top;
       width:32%;
}

#baner_korkowe{
       background: url(images/tlo_korkowe_xy.gif) repeat-x top;
       width: 26%;
}
#kartka{
       position: absolute;
       visibility: visible;
       z-index: auto;
       top: 120px;
       right: 10px;
}
.opis_banera{
       font-family: Arial, Helvetica, sans-serif;
       font-size: 12px;
       font-weight: bold;
       padding-top: 5px;
       padding-left: 10px;
       padding-right: 5px;
       height: 35px;
       vertical-align: top;
}
#tlo_brown{
       min-height:100%;
       background: url(images/tlo_kwadraty_brown_pas.jpg) repeat-y right bottom;
       visibility: visible;
       z-index: auto;
}
* html #tlo_brown{
       height:100%;
}
#stopka{
       z-index: 0;
       font-size: x-small;
       padding-left: 22px;
       padding-top: 10px;
       padding-bottom: 40px;
}
#stopka_index{
       z-index: 0;
       font-size: x-small;
       padding-left: 22px;
       padding-top: 10px;
       padding-bottom: 10px;
}

#boczne_wroclaw{
       font-family: Georgia, "Times New Roman", Times, serif;
       font-size: 12px;
       font-weight: bold;
       color: #FFFFFF;
       text-align: left;
       display: block;
       padding-left: 0;
       position: absolute;
       visibility: visible;
       height: auto;
       width: auto;
       top: 340px;
       right: 50px;
       white-space: nowrap;
       font-style: italic;
}
#boczne_wroclaw1, #boczne_wroclaw_en {

       font-family: Georgia, "Times New Roman", Times, serif;
       font-size: 12px;
       font-weight: normal;
       color: #333333;
       text-align: left;
       display: block;
       position: absolute;
       visibility: visible;
       z-index: auto;
       height: auto;
       width: auto;
       top: 210px;
       right: 62px;
       white-space: nowrap;
}
#boczne_wroclaw_en{
right: 115px;
}
#boczne_tlo {
       background-image: url(images/tlo_kwadraty_brown3.jpg);
       background-repeat: no-repeat;
       background-position: right top;
       position: absolute;
       top: 0px;
       bottom: 0px;
       left: 0px;
       right: 0px;
}

#boczne_tlo1 {
       background-image: url(images/tlo_kwadraty_brown3.jpg);
       background-repeat: no-repeat;
       background-position: right top;
       display: table;
       width: 100%;
}

#boczne_tloX {
       position: absolute;
       width: 900px;
       visibility: hidden;
       overflow: scroll;
       z-index: 5;
}
* html #boczne_tlo1{
       height:100%;
}
* html #boczne_tlo{
      height:100%;
}

#boczne_kartka {
       display: block;
       position: absolute;
       visibility: visible;
       z-index: auto;
       height: auto;
       width: auto;
       top: 118px;
       right: 0px;
}
.p_small {
       font-size: .90em;
}
.p_small2 {
       font-size: .80em;
}
.p_big {

       font-size: 160%;
}
.p_bigcolor {
       color: #FF0000;
       font-size: 160%;
}
.p_color {
       color: #FF0000;
}
.p_color_white {
       color: #FFFFFF;
}
.div_kalkulatory {
       background-color: #F4F4F2;
       padding: 10px;
       width: 75%;

}
.div_kalkulatory2 {
       width: 85%
}
.tlo_kalk1_left {
       background-image: url(images/kalk1_head_left.gif);
       background-repeat: no-repeat;
       background-position: left bottom;
       height: 50px;
       width: auto;
}
.tlo_kalk1_right {
       background-image: url(images/kalk1_head_right.gif);
       background-repeat: no-repeat;
       background-position: right bottom;
       height: auto;
       width: auto;
}
.tlo_kalk1_middle{
       background-image: url(images/kalk1_head_middle.gif);
       background-repeat: repeat-x;
       background-position: center bottom;
       height: 50px;
}
.tlo_kalk1_head{
       background-image: url(images/kalk1_head_text.gif);
       background-repeat: no-repeat;
       background-position: center center;
       height: 50px;
       z-index: 2;
       visibility: visible;
}
.tlo_kalk1_head_en{
       background-image: url(en/images/affordability_head_text.gif);
       background-repeat: no-repeat;
       background-position: center center;
       height: 50px;
       z-index: 2;
       visibility: visible;
}
.tlo_kalk2_head{
       background-image: url(images/kalk2_head_text.gif);
       background-repeat: no-repeat;
       background-position: center center;
       z-index: 2;
       visibility: visible;
       height: 50px;
}
.tlo_kalk2_head_en{
       background-image: url(en/images/home_loan_head_text.gif);
       background-repeat: no-repeat;
       background-position: center center;
       z-index: 2;
       visibility: visible;
       height: 50px;
}

#form1 {
       left: 20px;
       position: relative;
       top: 0px;
}

#wroclaw_inwestuj {
       background-image: url(images/wroclaw2.gif);
       background-repeat: no-repeat;
       background-position: right top;
}
#wroclaw_inwestuj_left {
       background-image: url(images/wroclaw2_left.gif);
       background-repeat: no-repeat;
       background-position: left top;
}
.div_kalkulatoryMargin {
       margin-left: 55px;
}
.table_border {
       padding-left: 5px;
       border-left-width: 1px;
       border-left-style: dashed;
       border-left-color: #999999;
}
#body_tlo {
       background-color: #c4d1ec;
       z-index: auto;
       visibility: visible;
}
#stopka_fru {
       font-size: x-small;
       white-space: nowrap;
       padding-left: 31px;
       padding-bottom: 40px;
}
#tabela_gieldowa {
       width: 80%;
}
#table_border {
       margin-top: 10px;
       margin-right: 50px;
       margin-bottom: 10px;
       font-size: .96em;
       padding: 5px;
}
table.popup-content
{ margin:30px 20px 20px 20px; width: 640px; }
#container {
       width: 995px;
       height: 100%;
       background-image: url(images/tlo_pik.jpg);
       background-repeat: repeat-x;
       background-position: top;
       border-right-color: #CCCCCC;
       position: absolute;
       display: block;
       background-color: #c4d1ec;
}