HTML, BODY { width: 100%; height: 100%; }
BODY { background: #FFFFFF url(design/herbaciarnia-background.jpg) repeat-x top; }
TABLE { border-collapse: collapse; border: none; }
* { margin: 0px; padding: 0px; font-family: Arial; font-size: 12px; }

TABLE.Layout { width: 800px; margin: 0px auto; }
TABLE.Layout TD.ShadowLeft { width: 16px; background: url(design/herbaciarnia-shadow-left-background.jpg); vertical-align: top; }
TABLE.Layout TD.ShadowRight { width: 16px; background: url(design/herbaciarnia-shadow-right-background.jpg); vertical-align: top; }
TABLE.Layout TD.ShadowBottom { width: 800px; height: 8px; background: url(design/herbaciarnia-shadow-bottom.jpg); }
TABLE.Layout TD.ShadowLeft DIV { width: 16px; height: 769px; background: url(design/herbaciarnia-shadow-left.jpg); }
TABLE.Layout TD.ShadowRight DIV { width: 16px; height: 769px; background: url(design/herbaciarnia-shadow-right.jpg); }

TABLE.Layout TD.Menu { height: 86px; }
TABLE.Layout TD.Menu1 { width: 191px; }
TABLE.Layout TD.Menu2 { width: 191px; }
TABLE.Layout TD.Menu3 { width: 191px; }
TABLE.Layout TD.Menu4 { width: 195px; }
TABLE.Layout TD.Menu A { display: block; width: 100%; height: 100%; }
TABLE.Layout TD.Menu A B { display: none; }
TABLE.Layout TD.Menu1 A { background: url(design/herbaciarnia-menu-rezerwacje.jpg); }
TABLE.Layout TD.Menu2 A { background: url(design/herbaciarnia-menu-mapa.jpg); }
TABLE.Layout TD.Menu3 A { background: url(design/herbaciarnia-menu-kontakt.jpg); }
TABLE.Layout TD.Menu4 A { background: url(design/herbaciarnia-menu-linki.jpg); }
TABLE.Layout TD.MenuBottom { width: 768px; height: 27px; background: url(design/herbaciarnia-menu-bottom.jpg); }

TABLE.Layout TD.Content { width: 768px; height: 646px; vertical-align: top; background: #EBE5CD url(design/herbaciarnia-content.jpg) repeat-x; background-position: center -318px; padding-top: 20px; }
TABLE.Layout TD.Content P { text-indent: 10px; padding: 3px 30px; }
TABLE.Layout TD.Content A { color: #4D2408; font-weight: bold; }
TABLE.Layout TD.Content A:hover { color: #8B5024; }
TABLE.Layout TD.ContentImage { width: 768px; height: 646px; vertical-align: top; background: #EBE5CD url(design/herbaciarnia-content.jpg) repeat-x; }
TABLE.Layout TD.ContentImage P { text-indent: 10px; padding: 30px 30px 0px 100px; }
TABLE.Layout TD.ContentImage DIV.Map { width: 713px; height: 331px; padding: 104px 0px 0px 55px; background: url(design/herbaciarnia-content-image.jpg); }
TABLE.Layout TD.ContentImage DIV#Map { width: 659px; height: 316px; background-color: #E9DEC8; }

TABLE.Layout TD.Footer { width: 768px; height: 42px; background: url(design/herbaciarnia-footer.jpg); }
TABLE.Layout TD.Footer A { display: block; width: 100%; height: 100%; }
TABLE.Layout TD.Footer A B { display: none; }

DIV.Address { margin: 10px auto 5px auto; width: 600px; line-height: 17px; }
DIV.Address DIV.Name { font-weight: bold; font-size: 14px; padding-left: 310px; }
DIV.Address DIV.Label { clear: left; width: 305px; float: left; clear: left; text-align: right; padding-right: 5px; }
DIV.Address DIV.Value { clear: right; }
DIV.Address DIV.Value A { font-weight: bold; color: #4D2408; }
DIV.Address DIV.Value A:hover { color: #8B5024; }

DIV.Legend { margin: 10px auto 5px auto; width: 250px; }
DIV.Legend DIV { display: block; float: left; }
DIV.Legend DIV.Label { width: 35px; clear: left; text-align: right; padding-right: 5px; font-weight: bold; }


DIV.Copyright { text-align: center; }
DIV.Copyright A { color: #60605E; text-decoration: none; }
DIV.Copyright A:hover { color: #000000; }
