@charset "iso-8859-2";
/* CSS Document */


body {
margin: 0;
padding: 0;
text-align: center;
background: url(../images/tlo.gif) 50% 0%;
}

div, p, ul, h1, h2, h4, img, form, table{
padding: 0;
margin: 0;
}

img {
border:0;
}

ul{
list-style-type:none;
}

.clear {
clear:both;
height:1px;
}

#strona {
position: relative;
width: 850px; 
margin: 0 auto;
text-align: left;
font: 10pt Arial, Helvetica, sans-serif;
color:#fff;
}

/* ----- Początek Header ----- */
#header {
width: 850px;
height: 250px;
margin: 0px 0px 0px 0px;
background: url(../images/header.jpg) no-repeat;
}

/* --- Początek Menu --- */
#menu {
float: left;
width: 850px;
height: 50px;
}

#menu ul {
margin: 12px 0px 0px 350px;
}

#menu li {
float:left;
}

#menu li a {
display:block;
width:auto;
margin:0px 45px 0px 0px;
padding:5px;
font: 10pt Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
font-weight:bold;
}

#menu li a:hover {
color:#b10000;
}
/* --- Koniec Menu --- */

/* ----- Koniec Header ----- */

/* --- Poczatek h1, h2, h3, h4 --- */
h2 {
float:left;
display:inline;
padding: 0px 0px 10px 0px;
font: 21pt Georgia, "Times New Roman", Times, serif;
color: #b10000;
font-weight: normal;
font-variant: small-caps;
text-align:left;
}

/* --- Hack IE6 --- */
* html #strona h2 {
padding:0px 0px 0px 0px;
}
/* --- Hack IE6 --- */

h3 {
display:inline;
padding: 0px 0px 10px 0px;
font:9pt "Times New Roman", Times, serif;
line-height:10pt;
color:#fff;
font-weight:normal;
font-variant: small-caps;
text-align:left;
}

h4 {
float:left;
font:10pt "Times New Roman", Times, serif;
color:#b10000;
font-variant: small-caps;
line-height:150%;
}
/* --- Koniec h1, h2, h3, h4 --- */

/* ----- Pocza…tek Content ----- */
#content {
overflow:auto;
width:850px;
margin: 0px 20px 0px 0px;
}

/* ---- Pocza…tek Lewa ---- */
#lewa { 
float: left;
display:inline;
width: 244px;
margin: 20px 10px 0px 0px;
}

/* --- Pocza…tek Zapraszamy --- */
#zapraszamy {
height: 86px;
padding: 12px 10px 10px 10px;
font: 14pt "Times New Roman", Times, serif;
text-align:center;
background: url(../images/zapraszamy.jpg) no-repeat;
}

.red {
color:#b10000;
}

.godz {
margin:0px 0px 0px 20px;
color:#fff;
}

.up {
vertical-align: top;
font:8pt "Times New Roman", Times, serif;
caption-side: top;
text-decoration:underline;
}
/* --- Koniec Zapraszamy --- */

/* --- Pocza…tek Zadzwon --- */
#zadzwon {
height: 153px;
padding: 12px 10px 10px 10px;
background: url(../images/zadzwon.jpg) no-repeat;
}

#zadzwon p {
text-align:center;
margin: 0px 0px 10px 0px;
}

.big {
font:18pt "Times New Roman", Times, serif;
}
/* --- Koniec Zadzwon --- */

/* --- Poczatek Lokalizacja --- */
#lokalizacja {
height:211px;
padding: 12px 10px 10px 10px;
text-align: left;
background: url(../images/lokalizacja.jpg) no-repeat;
}
#lokalizacja img {
margin: 0px 0px 3px 0px;
}
/* --- Koniec Lokalizacja --- */

/* ---- Koniec Lewa ---- */

/* ---- Pocza…tek Środek ---- */
#srodek { 
float: left;
display:inline;
width:260px;
margin:20px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#srodek h2 {
color: #fff;
}

#srodek h3 {
color:#b10000;
}

/* --- Początek Witamy --- */
#witamy {
width: 278px;
height: 153px;
padding: 12px 10px 10px 10px;
background: url(../images/witamy.jpg) no-repeat;
line-height:150%;
}

#witamy a {
float:right;
margin-top:5px;
text-decoration:none;
color:#fff;
line-height:100%;

}
#witamy a:hover {
text-decoration:underline;
}
/* --- Koniec Witamy --- */

/* --- Początek Polecamy --- */
#polecamy {
width:278px;
padding:12px 10px 10px 10px;
background: url(../images/poleca.jpg) repeat-y;
}

#polecamy ul {
padding:0px 0px 0px 15px;
list-style-type: disc;
}

#polecamy ul li {
margin:0px 0px 10px 0px;
}

#polecamy ul li p span {
font:14pt "Times New Roman", Times, serif;
color:#b10000;
}
/* --- Koniec Polecamy --- */

/* --- Poczatek Reklama --- */
#reklama {
width:298px;
height:75px;
margin:20px 0px 0px 0px;
}
#reklama a {
float:left;
display:block;
width:298px;
height:75px;
text-indent:-9999px;
background:url(../images/reklama1.gif) no-repeat;
}
/* --- Koniec Reklama --- */

/* ---- Koniec Środek ---- */

/* ---- Początek Prawa ---- */
#prawa {
float:right; 
width:298px;
height:542px;
margin:11px 0px 0px 0px;
padding:0px 0px 0px 0px;
font:14pt "Times New Roman", Times, serif;
color:#000;
background:url(../images/tlo_lista.jpg) no-repeat;
}

#prawa ol {
margin:90px 10px 0px 30px;
padding:0px 0px 0px 20px;
}
#prawa p span {
font:8pt Arial, Helvetica, sans-serif
}
#prawa a {
float:right;
margin:5px 10px 0px 0px;
font:10pt Arial, Helvetica, sans-serif;
text-decoration:none;
color:#000;
}
#prawa a:hover {
text-decoration:underline;
}
/* ---- Koniec Prawa ---- */

/* ---- Początek Prawa_Sz ---- */
#prawa_sz {
position:relative;
float:right;
width:570px;
margin:20px 0px 10px 0px;
padding:10px;
background:url(../images/menu_tlo.jpg) repeat-y;
}

#mapa {
width:570px;
height:500px;
margin:20px 0px 10px 0px;
background:url(../images/mapka.gif) no-repeat;
}

#prawa_sz p.adres {
width:480px;
padding:0px 90px 0px 0px;
font: 10pt Verdana, Arial, Helvetica, sans-serif;
color:#fff;
background:url(../images/telefon.jpg) 100% 0% no-repeat;
}

#prawa_sz p.adres span {
font:14pt Georgia, "Times New Roman", Times, serif;
font-weight:bold;
}

.dostawa {
margin:10px;
text-align:right;
}

p.opis {
padding:5px 0px 10px 0px;
font:18pt "Times New Roman", Times, serif;
text-align:center;
border-bottom:1px solid #707070;
}

/* --- Początek Menu_Dania --- */
table tr td {
height:36px;
padding:0px 0px 4px 0px;
color:#707070;
border-bottom:1px dashed #707070;
}

table tr td.ostatnie {
border-bottom:0px;
}

td.pizza {
width:145px;
padding-left:5px;
font: 14pt "Times New Roman", Times, serif;
color:#b10000;
}
td.cena {
width:60px;
font:12pt Arial, Helvetica, sans-serif;
text-align:center;
}

td.mala {
color:#ebebeb;
}

td.duza {
}

td.familijna {
color:#ebebeb;
}


td.skladniki {
width:220px;
}
/* --- Koniec Menu_Dania --- */

/* ---- Koniec Prawa_Sz ---- */

/* ----- Koniec Content ----- */

/* ----- Poczatek Stopka ----- */
#stopkag {
background-color:#000000;
margin:20px 0px 0px 0px;
border-top:1px solid #CCCCCC;
}


#stopka {
width:830px;
height:80px;
margin:0 auto;
padding:10px;
font:10pt Arial, Helvetica, sans-serif;
text-align:left;
color:#FFFFFF;
background:url(../images/logo_dul.gif) 95% 50% no-repeat;
}

#stopka a {
color:#fff;
text-decoration:none;
font-weight:bold;
}

#stopka a:hover {
text-decoration:underline;
}

#stat {
margin-top:15px;
}
/* ----- Koniec Stopka ----- */