Додаток Б

Каталог style файл css.css

@charset "utf-8";/* CSS Document */

a{    color:#06F;    text-decoration: none; }

a:hover{    text-decoration: underline;}

  html, body { width:100%;

#header{ background: url(../images/header.jpg) left;height: 50%; position:absolute; left: 5%;  right: 5%;top:0;              border: #CCC thin solid;              }

#logo{ position:absolute; background: url(../images/head_photo.png) right no-repeat; height: 95%;width: 95%; }

#page{иposition:relative;top: 44%; left: 5%;  right: 5%; bottom: 3%; border: #CCC thin solid; background-color:#FFF;               min-height: 100%; width:90%}

#footer{ position:absolute;  top:90%; height: 70px;  clear:both; width: 100%; color:#BF3540;background:#D9D9D9; margin-top: 50px;}

#headline{ color:#BF3540; position:absolute; top: 30%; left: 10%; }

#slogan{  color:black; position:absolute; top: 40%; left: 10%;}

#menu{position:absolute; top: 0%; left: 0%;  width: 100%; color:#000;}

ul.menu{ list-style: none; border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; padding: 13px;  background: #333;}

ul.menu li{ display:inline;}

ul.menu li a { color: #fefefe; text-decoration: none;с background: ; border-bottom: 1px solid #114477;

margin: 0;  padding: 10px 14px 10px 14px  }

ul.menu li a:hover {  border-left: 1px solid #114477;  border-right:1px solid #114477; background: #F69; }

ul.menu li a.selected {color: #fefefe; background: #F9F; padding: 10px 14px 10px 14px; }

  h1, h2, h3, h4, h5, h6, p, a, ul, ol, li {   margin: 0;   padding: 0;с}

#order{color:#BF3540;position:absolute; top: 20%; left: 5%; }

.product{    width:100px;  height:100px; float:left; margin: 30px 0px 30px 70px;}

.in-baket{ text-align:right;padding-top:50px;}

#categories{ width:15%; float:left;padding-top:0;}