html, body
{
    padding: 0;
    margin-top:15px;
    width: 100%;
    height: 100%;
    font-size: 10pt;
    font-family: Arial, Helvetica;
 }

div { margin: 0 auto; padding: 0; text-align: justify;}

#container  {
    width: 100%;
    height: 100%;
}

/*  top  */
#top-banner {width: 700px; height: 60px; background-color: red; border-style: dotted; border-width: 0px;}

#top-menu{width: 610px; height: 22px; background-color: white; border-style: dotted; border-width: 0px;
    display: block;}

div.cat { background-color: orange; color: white; width: auto; height: 22px; float: left;
            padding: 3 10 0 10; margin-right: 5px;}

div.active-cat { background-color: red; color: white; width: auto; height: 22px; float: left;
            padding: 3 10 0 10; margin-right: 5px;}


/*  medium  */
#middle { width: 600px; min-height: 430px; clear: both;
          border-style: dotted; border-width: 0px;}

#content { width: auto; height: auto; min-height: 430px; float: left; padding: 15 0 0 0;
           border-style: dotted; border-width: 0px; }
#location{ width: 588px; height: 22px; background-color:
          white; border-style: dotted; border-width: 1px; text-align: left;
          margin: 0 0 0 10;}

.name {font-size: 18pt; padding: 15 0 0 0;}
.ingredients {padding: 15 0 0 0;}
.description {padding: 15 0 0 0;}


/*  bottom  */
#footer{width: 610px; height: 55px; background-color: orange; border-style: dotted;
      border-width: 1px; clear: both; margin-top: 10px; text-align: center;}

/*kategorie*/
#cat-list {blue; min-height: 150px}
#sub-list {blue; min-height: 150px}

div.tag-element {width: auto; height: 22px; float: left;
         padding: 0; margin: 5 0 0 0; background-color: white;
         vertical-align: bottom; border-style: dotted; border-width: 1px; border-color: red;}

div.sub {width: 160px; height: 30px; float: left; left: 10px; top: 10px;}

/*dodawanie kategorii*/
#add-sub {clear: both; padding: 20 0 0 0;
          border-style: dotted; border-width: 0px; display: block; clear: both;
          }
#sub-name {width: 350px;}
#sub-desc {width: 350px; height: 100px;}
#add-sub.input.text {width: 300px;}


#addr a:link, a:visited {
    color: red;
    text-decoration: underline;
}


img { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
      border: none 0px; border-spacing: 0px; vertical-align: top;}

a:link, a:visited {
    color: blue; /* #333366; red;*/
    text-decoration: none;
}

a:hover {
    color: red; /*red;*/
    text-decoration: underline;
}

a:link.p-name {
    color: black; text-decoration: none;
}

/* menu */
ul#top-menu
{
    margin: 0;
    padding: 0;
    white-space: nowrap;
    font-weight: bold;
}

#top-menu li
{
    display: inline;
    list-style-type: none;
}

#top-menu a {padding: 0; margin: 0;}

#top-menu a:link, #top-menu a:visited
{
color: white;
text-decoration: none;
font-weight: normal;
}

#top-menu a:hover
{
color: #fff;
text-decoration: none;
}


#footer a:link, #footer a:visited, #footer a:hover
{
font-size: 8pt;
color: gray;
background-color: orange;
text-decoration: none;
}

h1 {
    font-size: 18pt;
    font-weight: bold;
    color: navy;
    text-decoration: none;
    margin: 5px 0px 0px 0px;
}


h2 {
    font-size: 10pt;
    font-weight: 600;
    color: Red;
    letter-spacing: 2px;
    text-decoration: underline;
}

h3 {
    font-size: 11pt;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

p {margin-top: 0; padding: 0;}

h4 {
  padding: 0; margin: 10 0 10 0; text-decoration: underline;
}