po/* CSS Document */
html, body {
background-color: #fff;
background-image: url(Images/bbg.jpg);
color: #000;
font-family: Arial, sans-serif;
text-align: center;
margin-top: 0px;
}

#container {
background: white;
width: 770px;
margin-left: auto;
margin-right: auto;
text-align: justify;
}

#naglowek {
background: black;
background-image: url(Images/header_bg.jpg);
height: 108px;
}

#logo {
margin-left: 85px;
margin-top: 10px;
}

#quick_menu {
float: right;
margin-top: 10px;
margin-right: 10px;
}


#gg {
float: clear;
margin-top: 38px;
margin-right: 10px;
}

#gg_text {
float: left;
margin-right: 20px;
margin-top: 5px;
color: white;
font-size: 12px;
font-weight: bold;
}

#menu_glowne {
float:clear;
height: 190px;
background: white;
margin-top: 3px;
margin-bottom: 5px;
}

#tresc {
height: 672px;
background: white;
}

#stopka {
height: 18px;
width: auto;
padding: 5px;
background: black;
margin-top: 3px;
}


a.img_menu_glowne {
margin: 1px;
}

a.link_dolne_menu {
float: left;
margin-left: 25px;
color: white;
font-size: 14px;
font-weight: bold;
text-decoration: none;
}

a.link_stopka_podstrona {
float: left;
margin-left: 25px;
padding-left: 5px;
padding-right: 5px;
color: white;
font-size: 14px;
font-weight: bold;
text-decoration: none;
background: grey;
border-style: double;
border-color: grey;
}



a:hover {
color: orange;
}

.gg_link {
float: none;
margin-bottom: 0px;
margin-left: 0px;
}

.qmenu_img {
margin-left: 10px;
}

.img_menu_glowne {
margin: 1px;
}

#lewa_strona {
float: left;
width: 250px;
height: 670px;
border-style: groove;
border-width: thin;
}


#lewa_strona dl {
float: left;
width: 240px;
height: 101px;
margin: 5px 5px;
padding: 0;
border-bottom: 1px solid #D9E0E6;
display: inline;
}

#lewa_strona dt {
float: right;
width: 160px;
margin: 0;
padding 0;
color: red;
background-image: url(Images/of_bg.jpg);
}

#lewa_strona dt.tytul a {
float: left;
color: gray;
margin: 0px;
padding: 0px;
text-decoration: none;
}

#lewa_strona dt.tytul a:hover {
color: orange;
}


#lewa_strona dd {
margin: 0;
padding: 0;
font-size: 10px;
color: grey;
}

#lewa_strona dd.img img {
float: left;
margin: 0 5px 0 0;
padding 0px;
border: 1px solid #D9E0E6;
border-bottom-color: #C8CDD2;
border-right-color: #C8CDD2;
background: #fff;
}

#prawa_strona {
float: left;
margin-left: 3px;
background: white;
width: 510px;
height: 670px;
border-style: groove;
border-width: thin;
}

#reklama_gora {
height: 96px;
background: white;
background-image: url(Images/bg_tb.jpg);
margin: 0px;
padding: 0;
border-bottom-style: groove;
border-width: thin;
}

#img_sloneczniki {
float: left;
margin-left: 3px;
margin-right: 5px;
margin-top: 3px;
}

#reklama_tekst {
margin-right: 3px;
font-size: 12px;
text-align: justify;
}

h3 {
color: grey;
margin-top: 0px;
margin-bottom: 3px;
}

#cyfr-offset {
float: right;
width: 374px;
height: auto;
margin: auto;
background: red;
color: white;
font-size: 18px;
text-align: center;
font-weight: bold;
}

#pod_reklama {
float: left;
margin-left: 3px;
border-bottom-style: groove;
border-width: thin;
background: white;
}

#tekst_pod_reklama {
margin-left: 3px;
float: left;
width: 246px;
text-align: justify;
font-size: 12px;
}

#oferta_wybor {
float: right;
width: 245px;
margin: 3px;
background: white;
}

#prawa_lewa {
float: left;
}

#pmz_i_reklama {
float: left;
width: 180px;
height: 535px;
margin-left: 1px;
margin-right: 1px;
background: white;
border-right-style: groove;
border-width: thin;
}

#pmz {
margin-left: 3px;
margin-right: 3px;
margin-top: 3px;
margin-bottom: 8px;
height: 300px;
background-image: url(Images/pmz_bg.jpg);
background-repeat: no-repeat;
}

#pmz_text {
padding-top: 130px;
font-size: 10px;
text-align: justify;
border-bottom-style: groove;
border-width: thin;

}

#wejdz_pmz {
margin-top: 6px;
margin-bottom: 6px;
}

#prawa_prawa {
float:left;
width: auto;

}

#dzial2 {
margin-left: 3px;
margin-right: 3px;
margin-top; 3px;
width: 310px;
height: 100px;
border-bottom-style: groove;
border-width: thin;

}

#dzial_img_2 {
float: left;
margin: 3px;
}

#projekty_text {
float: left;
font-size: 11px;
font-weight: bold;
}

#tresc_dzial2 {
float: clear;
margin-left: 3px;
margin-right: 3px;
font-size: 10px;
text-align: justify;
}

#banner_recepty {
text-align: center;
}



#podstrona_lewa_a5{
margin: 5px;
padding: 5px;
width: 735px;
height: auto;
border-style: groove;
border-width: thin;
}

#podstrona_lewa{
float: left;
margin: 5px;
padding: 5px;
width: 300px;
height: auto;
font-size: 11px;
}

#podstrona_lewa_adres{
float: left;
width: 250px;
height: auto;
}

#podstrona_prawa{
float: right;
margin: 5px;
background: #f8f8f8;
padding: 5px;
width: 400px;
height: 200px;
border-style: groove;
border-width: thin;
}

#ramka_mapa {
float: right;
margin: 5px;
}

#adres {
float: left;
}


#adres_adres{
width: 200px;
height: auto;
margin: 5px;
font-size: 10px;
border-style: groove;
border-width: thin;
display: block;
}

#adres_adres p{
margin: 5px;
}

#adres_telefony{
width: 200px;
height: auto;
margin: 5px;
font-size: 10px;
border-style: groove;
border-width: thin;
display: block;
}

#adres_telefony p{
margin: 5px;
}

#adres_www{
width: 200px;
height: auto;
margin: 5px;
font-size: 10px;
border-style: groove;
border-width: thin;
display: block;
}

#adres_www p{
margin: 5px;
}

#podstrona_lewa_reklama{
float: left;
margin: 5px;
padding: 5px;
width: 525px;
height: auto;
font-size: 14px;
}



#podstrona_lewa {
float: left;
margin: 5px;
width: 295px;
height: auto;
font-size: 10px;
}

#podstrona_img_prawy {
float: right;
margin-top: 10px;
margin-right: 5px;
}

#podstrona_tekst_poziomy{
float: right;
margin: 5px;
width: 500px;
font-size: 10px;
}

#podstrona_stopka {
float: left;
background-image: url(Images/bg_ft.jpg);
background-repeat: repeat-y;
width: 500px;
height: auto;
padding: 3px;
margin: 3px;
bottom:0px;
}

#podstrona_stopka_rid {
float: left;
background-image: url(Images/bg_ft.jpg);
background-repeat: repeat-y;
width: 500px;
height: auto;
padding: 3px;
margin: 3px;
bottom:0px;
}


#podstrona_stopka a {
float: left;
margin-left: 15px;
padding-left: 5px;
padding-right: 5px;
color: white;
font-size: 14px;
font-weight: bold;
text-align: center;
text-decoration: none;
background: gray;
border-style: groove;
border-color: white;
}

#podstrona_stopka_rid a {
float: left;
margin-left: 15px;
height: 120px;
width: 100px;
padding-left: 5px;
padding-right: 5px;
color: gray;
font-size: 14px;
font-weight: bold;
text-align: center;
text-decoration: none;
background: white;
border-style: groove;
border-width: 1px;
border-color: grey;
}

#podstrona_stopka_rid a:hover {
color: orange;
}

#podstrona_stopka_rid img {
border: none;
margin: auto;
}




#podstrona_stopka a:hover {
color: orange;
}

#formularz_mail {
float: right;
background: #e7e7e7;
margin: 5px;
width: auto;
height: auto;
padding: 5px;
}

#calendar_box {
width: 155px;
height: 155px;
background: gray;
margin: 3px;
border-style: groove;
border-width: thin;
float: left;
}

#podstrona_pionowa_pol {
float: right;
margin-right: 5px;
background: white;
width: 250px;
height: 635px;
border-style: groove;
border-width: thin;
font-size: 10px;
}

#podstrona_pionowa_pol p{
margin-left:2px;
margin-right:2px;
margin-top:2px;
margin-bottom:4px;

}





