html, body
{
    background: #e6e6e6;
    margin: 0px;
    padding: 0px;

}

body
{
    font-family: 'verdana', 'tahoma', sans-serif;
    font-size: 0.7em;
    color: #434343;
    background: url('./grafika/tlo_strona.png') repeat-x;
}
/* usuwań marginesy: */

p, h1, h2, h3, h4, h5, h6, form, div, ul, li
{
    margin: 0px;
    padding: 0px;
}
/* obrazy */
img
{
    border: 0px;
}


#gora_zdjecie
{
    width: 100%;
    height: 272px;
    background: url('grafika/tlo_gora_zdjecie.jpg') no-repeat;
}

#gora_zdjecie img
{
    margin: 28px 0px 0px 51px ;
}
#gora_menu img
{
    margin-left: 8px;
}
/* odnośniki */
a 
{
    color: #434343;
    font-weight: bold;
    text-decoration: none;
}
a.akalendarz
{
    font-weight: normal; 
    display: block;
    width: 25px;
}
ul.menu_glowne a
{
    font-weight: normal;
    padding-left: 1.6em;
}
#prawa a
{
    font-weight: normal;
}
a:hover
{
    text-decoration: underline;
}
h2 a
{
    color: #e5921d;
}

ul#gora_menu_menu a
{
    color: #d0d0d0;
    font-weight: normal;
    padding: 0px 2em;
}
div#belka a
{
    color: #116402;
    font-weight: normal;
}
th a
{
    color: white;
}

table.kalendarz
{
    margin: 0px;
    padding: 0px;
    border: 0px;
    width: 30%;
    font-size: 1em;
}
table.kalendarz td{
    padding: 3px 0px;
    border: 0px;
    text-align: center;
}
table.kalendarz th
{
    margin: 0px;
    padding: 0px;
    background: none;
    font-weight: bold;
    color: #434343;
}

/* naglowki */
h1
{
    margin: 0px;
    padding: 0px;
    float: left;
}
h2
{
    display: block;
    clear: both;
    margin-bottom: 1.4em;
    color: white;
    font-size: 1.0em;
    background: url('grafika/tlo_h2.png');
    margin: 0px;
    padding: 0px 24px;
    line-height: 44px;
}
#srodkowa h2
{
    clear: both;
    color: #116402;
    background: none;
    font-size: 1.4em;
    font-weight: bold;
    border-bottom: 1px dotted #cbcbcb;
    padding: 6px 16px;
}
#srodkowa h2.belka
{
    margin: 16px;
    padding: 0px;
    padding-left: 1em;
    background: url('grafika/tlo_menu_belka.png') no-repeat;
    color: white;
    border: 0px;
    font-size: 1.2em;
    line-height: 41px;
}
#srodkowa h3.belkah2
{
    margin: 16px;
    padding: 0px;
    border: 0px;
    line-height: 41px;
    font-size: 1.8em;
}
h3
{
    margin: 1.4em 16px 0.4em 16px;
    font-size: 1.4em;
    font-weight: normal;
    clear: both;
}		

/* tekst */
.ukryte {display: none;}
.podpis
{
    color: gray;
    display: block;
    clear: both;
    font-style: italic;
    font-size: 0.9em;
}
.ziel
{ color: #116402; }
.cena_apt
{
    color: #116402;
    font-weight: bold;
    font-size: 1.6em;
}
p
{
    margin: 1em auto;
    clear: both;
}
#srodkowa p
{
    text-align: justify;
    margin: 1.4em 16px;
}

p.blad
{
    border: 1px solid red;
    color: red;
    padding: 0.8em;
}
p.uwaga
{
    border: 1px solid #808080;
    color: #808080;
    padding: 0.8em;
}
p.sukces
{
    border: 1px solid green;
    color: green;
    padding: 0.8em;
}	

/* tabele */
table
{
    border-top: 1px solid #adacac;
    border-left: 1px solid #adacac;
    margin: 1.4em 16px;
}
td
{
    border-bottom: 1px solid #adacac;
    border-right: 1px solid #adacac;
    padding: 0.5em;
}
th
{
    padding: 0px 8px;
    line-height: 32px;
    background: url('grafika/tlo_th.png');
    color: white;

}

table.kalendarz_legenda td,table.kalendarz_legenda
{
    border:0px;
}
table.kalendarz td
{
    width: 25px;
    line-height: 18px;
}
table.kalendarz th
{
    padding: 0px;
    line-height: 28px;
}
td.ff{background: url('grafika/kal_ff.png'); width: 25px;}
td.ww{background: url('grafika/kal_ww.png')}
td.rr{background: url('grafika/kal_rr.png')}
td.oo{background: url('grafika/kal_oo.png')}
td.rf{background: url('grafika/kal_rf.png')}
td.fr{background: url('grafika/kal_fr.png')}
td.wf{background: url('grafika/kal_wf.png')}
td.fw{background: url('grafika/kal_fw.png')}
td.rw{background: url('grafika/kal_rw.png')}
td.wr{background: url('grafika/kal_wr.png')}
td.of{background: url('grafika/kal_of.png')}
td.or{background: url('grafika/kal_or.png')}
td.fo{background: url('grafika/kal_fo.png')}
td.ro{background: url('grafika/kal_ro.png')}
td.ow{background: url('grafika/kal_ow.png')}
td.wo{background: url('grafika/kal_wo.png')}


table.info_apartament
{
    border: 0px;
    width: 656px;
}
table.info_apartament td
{
    border: 0px;
}
table.dane_apt {
    width: 280px;
    text-align: left;
    margin: 0px auto;
    border: 0px;
    border-top: 1px solid #D7D7D7;
}
table.dane_apt td { 
    border-bottom: 1px solid #D7D7D7;
}

/* listy */
ul#gora_menu_menu
{
    float: right;
    list-style: none;
    margin-right: 3em;
    color: #d0d0d0;
    margin-top: 1em;
}
ul#gora_menu_menu li
{
    display: block;
    float: left;
    text-align: center;
}		

ul.menu_glowne
{
    list-style: none;
    margin: 1em 20px;
}
ul.menu_glowne li
{
    border-top: 1px dotted #c3c3c3;
    line-height: 2em;
    background: url('./grafika/menu_glowne_strzalka.png') no-repeat;
}


ul#menu_belka
{
    background: url('grafika/tlo_menu_belka.png') no-repeat;
    margin: 16px;
    clear: both;
    list-style: none;
    overflow: auto;
    padding-left: 1em;
}
ul#menu_belka li
{
    display: block;
    float: left;
}
ul#menu_belka a 
{
    line-height: 41px;
    color: white;
    display: block;
    padding: 0px 0.8em;
}
ul#menu_belka a:hover, ul#menu_belka a.aktywny
{
    background: #FCAA37; 
}

ul#mapa_strony{
    margin: 1em;
    list-style-position: inside;
}
ul#mapa_strony a{
    line-height: 1.8em;
    font-weight: normal;
}
ul#mapa_strony_sub{
    margin: auto 1em;
}
li.aptc{
    padding-top: 1em;
}

/* formularze */
#srodkowa form
{
    margin: 1.4em 16px;
}
input, select, textarea
{
    font-size: 1em;
    border: 1px solid #cbcbcb;
    background: white;
}
#belka input
{
    font-size: 1.4em;
    width: 116px;
}
#belka input.submit, #prawa input.submit
{
    width: auto;
}

label
{
    font-weight: bold;
}



#logowanie_formularz
{
    display: block;
    overflow: auto;
    margin: 1em 4px;
}
#srodkowa label, #logowanie_formularz label
{
    width: 100px;
    display: block;
    clear: both;
    float: left;
    margin-bottom: 16px;
    line-height: 16px;
}
#logowanie_formularz label
{
    width: 60px;
}
#srodkowa input, #prawa input
{
    width: 100px;
    float: left;
    margin-bottom: 16px;
    height: 16px;
}
#prawa input
{
    float: right;
    width: 150px;
}
#logowanie_formularz input.submit
{
    float: right;
    clear: both;
    height: auto;
    padding: 3px 2px;
}


.szukaj_formularz
{
    margin: 1em auto;
    padding: 1em;
    background: #e5921d;
    display: block;
    overflow: auto;
    color: white;
    line-height: 20px;
}
.szukaj_formularz label
{
    width: 85px;
    display: block;
    clear: both;
    font-weight: normal;
    float: left;
    margin-bottom: 4px;
}
.szukaj_formularz div{
    clear: both;
}
.szukaj_formularz select
{
    width: 122px;
    float: left;
    margin-bottom: 4px;
    height: 22px;
}
.szukaj_formularz input
{
    width: 118px;
}

#srodkowa input, select, textarea
{
    width: 300px;
}
#srodkowa input.submit
{
    float: left;
}
.szerzej input, .szerzej select
{
    width: 370px;
}	
.szerzej textarea
{
    width: 520px;
}	

/*ogólne*/
.bez_tla {background: none}
.bez_szer {width: auto;}
.bez_ramki {border: 0px;}
.nobold 	{font-weight: normal;}


input.radio
{
    border: 0px;
    background: none;
    margin: 0px;
}
label.lradio
{
    background: yellow;
    overflow: auto;
    font-weight: normal;
    float: left;
    clear: none;
}	
table.oceny
{
    margin: 0px;
    border: 0px;
}	
table.oceny td
{
    margin: 0px;
    border: 0px;
}	

table th{
    line-height: 1em;
    height: 32px;
}

/* układ strony - div'y */
#kontener
{
    width: 1000px;
    overflow: auto;
    margin: 0px auto;
}
#gora_menu
{
    width: 100%;
    height: 107px;
    background: url('grafika/tlo_gora_menu.png') no-repeat;

}
#gora_nawi{
    margin-top: 1em;
    float: right;
    color: #d0d0d0;
    text-align: right;
}
#gora_nawi a
{
    color: #d0d0d0;
    font-weight: normal;
}
#belka
{
    clear: both;
    height: 36px;
    padding-top: 1em;
    padding-left: 252px;
    color: #116402;
}
#gdzie_jestes
{
    float: left;
    line-height: 2.2em;
}
#szukajka
{
    float: left;
    width: 240px;
}
#kolumny
{
    clear: both;
    overflow: auto;
}
.kolumna
{
    background: #f8f7f7;
    border: 1px solid #d4d3cb;
    float: left;
    margin-left: 4px;
    padding: 4px;
    width: 490px;
}
.waska
{
    width: 232px;
}
.szerzej
{
    width: 738px;
}
.bialy_box
{
    background: #ffffff;
    border: 1px solid #d4d3cb;
    margin: 24px 16px;
    padding: 8px;
    overflow: auto;
    clear: both;
}
.bialy_box_kal
{
    background: #ffffff;
    border: 1px solid #d4d3cb;
    margin: 24px 16px;
    padding: 6px;
    overflow: auto;
    float: left;
    width: auto;
}

.pusty
{
    background: none;
    border: 0px;
}
.bialy_box h3
{
    margin: 0px;
    padding: 0px;
    margin-bottom: 1.4em;
}
.bialy_box p
{
    line-height: 1.8em;
    float: left;
}
.last_min
{
    margin: 8px 0px;
}
.obrazek
{
    float: left;
    padding: 6px;
    width: 180px;
    text-align: center;
}
.bialy_box .tekst
{
    float: left;
}

#stopka
{
    clear: both;
    margin-top: 2em;
    height: 182px;
    background: url('grafika/tlo_stopka.png');
}
#stopka p	
{
    color: white;
    border-left: 1px dotted #6a6a6a;
    border-right: 1px dotted #6a6a6a;
    line-height: 22px;
    padding: 2em;
    text-align: center;
    margin: 0px auto;
    width: 460px;
    float: left;
}
#stopka1{
    width: 252px;
    float: left;
    text-align: center;
}
#dol_menu
{
    float: left;
    padding-top: 2em;
}
#stopka2
{
    width: 1000px;
    margin: 0px auto;
}
#stopka a
{
    color: white;
    font-weight: normal;
    padding: 0px 1.2em;
}

#pod_belka
{
    margin: 16px;
    overflow: auto;
}

#zobacz
{
    padding: 8px;
    width: 295px;
    float: left;
}
#zobacz h3, #opinie h3, h3.tytul
{
    margin: 0px;
    font-size: 1.2em;
    font-weight: bold;
    border-bottom: 1px dotted silver;
    margin-bottom: 1em;
}
h3.tytul
{
    margin: 16px;
}
#zobacz a
{
    font-weight: normal;
}
#opinie
{
    padding: 8px;
    width: 355px;
    margin-left: 1.5em;
    float: left;
}


div.opcja_box
{
    width: 300px;
    height: 70px;
    overflow: auto;
    padding: 12px 0px;
    float: left;
    margin-left: 16px;
}
div.opcja_box a
{
    clear: both;
    font-size: 1.4em;
    color: #116402;
}
div.opcja_box span
{
    display: block;
    clear: both;
    margin-top: 1em;
}

#srodkowa a
{
    color: #116403;
}
#srodkowa th a
{
    color: white;
}
table input {
    margin: 0px;
}


#map_canvas {
    width: 708px;
    height: 450px;
    margin: 15px;
    background-image: url('/grafika/loader.gif');
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center 25%;
    /*text-align: left;*/
}

h1.infoBoxHeading {
    float: none;
    font-size: 18px;
}

.infoBoxContent {
    width: 300px;
    height: 70px;
    font-size: 11px;
    overflow: hidden;
}

.infoBoxContent table, .infoBoxContent td, .infoBoxContent tr {
    margin: 0;
    padding: 0;
    border: 0;
}

.infoBoxContent table td.photo {
    padding:5px 5px 0;
    width:70px;
    vertical-align: top;
}
.infoBoxContent table td.description {
    padding-left:10px;
    width: 210px;
    vertical-align: top;
}

.infoBoxContent {
    width: 300px;
    height: 70px;
    font-size: 11px;
    overflow: hidden;
}

.infoBoxContentEl {
    width: 300px;
    height: auto;
    font-size: 11px;
    overflow: hidden;
}

.infoBoxContent table, .infoBoxContent td, .infoBoxContent tr , .infoBoxContentEl table, .infoBoxContentEl td, .infoBoxContentEl tr {
    margin: 0;
    padding: 0;
    border: 0;
}

.infoBoxContent table td.photo, .infoBoxContentEl table td.photo {
    padding:5px 5px 0;
    width:70px;
    vertical-align: top;
}
.infoBoxContent table td.description, .infoBoxContentEl table td.description {
    padding-left:10px;
    width: 210px;
    vertical-align: top;
}