html,body{margin:0; padding:0; height:100%;}
html {height:100%; overflow-y: scroll;}
body {height:auto;}
p {margin: 0; padding: 0; line-height: 140%;}

a {color: #218cd2;}
a:hover {color: #777;}

body {font: 13px arial,sans-serif; color: #777; background: white url(/img/back.png) repeat-x;}

.head1, .head2, h1, h2, h3 {font-size: 28px; font-weight: normal; color: #218cd2; margin-bottom: 6px; display: block;}
.head2, h2 {color: #737373;}
.strong {font-weight: bold;}
.head3, h3 {font-family: Georgia;color: #737373; font-size: 18px;}

.left {float: left;}

img {border: 0;}
strong {color: #218cd2;}

#icq {position: absolute; top: 24px; margin-left: 40px; font-size: 16px;}
#icq img {display: block; float: left; margin: 1px 8px 0 0;}

#company, #catalog {height: 450px;}
#pet {clear: both;}

#header { width: 798px; height: 312px; background: url(/img/head.jpg) no-repeat 0px 56px;}
#footer {width: 798px; height: 82px;  background: url(/img/footer.png) no-repeat;}

#header li {list-style-type: none; padding-left: 32px; display: inline;}
#header a {color: #229fd3;}
#header ul {margin: 0; padding: 0; float: right; margin-top: 24px; margin-right: 20px;}

#header li.menu {background: url(/img/menu-delimiter.gif) no-repeat 14px 6px;}

#extra p, #catalog p {margin-bottom: 12px;}

#footer {color: white;  margin: 0 auto; }
#footer ul {width: 400px; margin: 32px 0 0 42px; padding: 0;}
#footer p { margin-right: 40px;  margin: 32px 0 0 122px;}
#footer li {list-style-type: none; display: inline; margin-right: 12px;}
#footer a {color: white;}

#wrapper {margin: 0 20px 0 20px;}

#left, #right {padding-bottom: 40px; margin-top: -20px;}

#left p, #right p, #content p {margin-bottom: 12px;}

#logo {width: 140px; height: 120px; border: 0;position: absolute; top: 54px;}


#content {padding-bottom: 40px;}

#catalog .price {font-size: 20px; color: #777;}
#catalog .title {font-size: 23px; color: #218cd2;}
#catalog table td {padding-bottom: 22px;}
#catalog td.photo {width: 60px;}

.catalog table {margin: 0; padding: 0; border-collapse:collapse;padding:0px;}
.catalog .price {font-size: 20px; color: #777;}
.catalog .title {font-size: 24px; color: #218cd2;}
.catalog .color {color: #218CD2; margin-top: 4px;}
.catalog .goods-info {width: 540px; vertical-align: top; padding-left: 12px;}
.catalog .goods-img {text-align: center;}
.catalog .add {cursor: pointer;}
.catalog td {border-bottom: 1px solid #ccc; padding: 16px 0 10px 0; height: 240px;}
.catalog p {cursor: auto;}

#order .text {width: 340px;}
#order .submit {padding: 12px 20px;}
#order .error {font-size: 18px; color: darkred;}

#order-ok p {margin-bottom: 400px;}

#contacts h1 {margin-top: 0;}

#catalog-table p {margin: 0; padding: 0;}

#basket {position: fixed; right: 0; bottom: 0; border: 1px solid #218cd2; padding: 20px 20px; background-color: white;}
#basket img.button {cursor: pointer;}

#container{width: 802px;margin:0 auto;}
#left{float:left; width:350px; padding-left: 20px;}
/*#staff{float:left; width:370px; padding-left: 20px;}
#clients{float:right; width:370px; padding-right: 20px;}
*/
#right{float:right; width:350px; padding-right: 20px;}
#footer{clear:both;}

#content {font-size: 16px;}

#logos img {margin: 20px;}
#logos td {text-align: center;}
#logos td.oddf {background-color: #ddd; }
#logos td.evenf {background-color: #eee;}

.sert {padding: 0; margin-top: 12px; width: 0;}
.sert img {margin: 0;}
.sert td {padding: 0 20px 0 0; margin: 0; text-align: center; vertical-align: top;}


#gratitude .row {margin: 12px 0 40px 0;}
#gratitude {font-family: Georgia; font-style: italic;}
#gratitude .author {border-top: 1px solid #aaa; width: 340px; margin-left: 400px; font-style: normal; font-family: Arial;}
#gratitude h3 {font-style: normal; font-family: Arial; font-size: 22px;}

/* Прижмем футер */

html, body {height: 100%;}
#container {min-height: 100%; height: auto !important; height: 100%;  margin: 0 auto -82px;}
#footer, #push {height: 82px;}