html {background: url(/public/images/fon.jpg) repeat-x bottom; margin: 0; padding: 0; font-family: Arial;}
body {margin: 0; padding: 0;}

table#all {width: 100%; height: 100%; margin: 0; padding: 0; background: url(/public/images/fon_header.jpg) repeat-x top;}

img#h1_right {position: absolute; top: 10px; right: 0;}
div.line {border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: #939393; width: 100%; margin: 20px 10px 10px 0; height: 1px; font-size: 1px;}

div#header {width: 189px; height: 170px; margin: 0; padding: 0;}
div#header img.logo1 {margin: 29px 0 0 63px; border: none;}
div#header img.logo2 {position: absolute; top: 118px; left: 25px; border: none;}
div#menu_fon {width: 189px; height: 284px; background: url(/public/images/fon_menu.gif) no-repeat top left; position: relative; margin-bottom: 20px;}
ul#menu {width: 171px; height: 186px; text-align: center; margin: 0; padding: 34px 0 0 0;}
ul#menu li {list-style: none; font-size: 11px; height: 30px; margin: 1px 0 0 0; padding: 0px; line-height: 30px;}
ul#menu li a {text-decoration: none; color: #000; padding: 0 0 0 60px;}
ul#menu li:hover, li.over {background-position: bottom;}
.button {background: url(/public/images/plashka_menu.jpg); width: 171px; height: 60px; margin: 0; padding: 0;}
.button_ {background: url(/public/images/plashka_menu.jpg) bottom; width: 171px; height: 60px; margin: 0; padding: 0;}

#other {background: url(/public/images/other.gif) no-repeat bottom right; width: 150px; height: 174px;}
#other p {margin: 0 0 104px 73px; padding: 0; width: 100px;}
#other p a {color: #fff; text-decoration: none; font-size: 14px;}

#content_index {height: 100%;}
#content {width: 100%; height: 100%; background: url(/public/images/fon_content.jpg) no-repeat bottom right;}
#left {margin: 40px 50px 200px 50px; padding: 0;}
#left h1 {font-size: 20px; margin: 0 0 20px 0; padding: 0; color: #013435; font-weight: normal; font-family: Trebuchet MS;}
#left h2 {font-size: 16px; margin: 20px 0; padding: 0; color: #b90000; font-weight: normal; font-family: Trebuchet MS;}
#left h2 a {color: #b90000;}
#left p {font-size: 12px; color: #5b5454; margin: 20px 0; padding: 0;}
#left p a {color: #c72f1e;}
#left p.right {float: right;}
#left p.print {float: right; margin: 0; padding: 0;}
#left ul {margin: 0 0 0 40px; padding: 0;}
#left ul li {font-size: 12px; color: #424141; margin: 5px 0; padding: 0; list-style-image: url(/public/images/point.gif);}
#left ol {margin: 0 0 0 40px; padding: 0;}
#left ol li {font-size: 12px; color: #424141; margin: 5px 0; padding: 0;}

#TabTable {border: 1px solid #5b5454; border-left: none; margin: 20px 0 200px 0; font-size: 12px; color: #5b5454;}
#TabTable thead th {background: #ffefed; line-height: 30px; border-left: 1px solid #5b5454;}
#TabTable tbody tr {background: #fff;}
#TabTable tbody tr.color {background: #ffefed;}
#TabTable tbody td {padding: 10px; text-align: center; border-top: 1px solid #5b5454; border-left: 1px solid #5b5454;}

#TabContacts {margin: 180px 50px 50px 50px; padding: 0;}
#TabContactsForm {margin: 0px 50px 50px 50px; padding: 0;}
#TabContactsForm th {font-size: 12px; font-family: Trebuchet MS; font-weight: normal; text-align: left; font-style: italic; padding: 5px 0 0 5px;}
#TabContactsForm td {text-align: left;}
#TabContactsForm textarea {width: 295px; height: 170px; border: 2px solid #b9b9b9; font-family: Arial; font-size: 12px;}
#TabContactsForm input.text {width: 295px; height: 30px; border: 2px solid #b9b9b9; font-family: Arial; font-size: 12px; line-height: 25px;}
#TabContactsForm input.number {width: 98px; height: 30px; border: 2px solid #b9b9b9; font-family: Arial; font-size: 12px; line-height: 25px;}
#TabContactsForm input.button {width: 98px; height: 34px; background: url(/public/images/button_send.jpg) no-repeat top left; border: none;}


#TabContacts h1 {font-size: 20px; margin: 0 0 20px 0; padding: 0; color: #013435; font-weight: normal; font-family: Trebuchet MS;}
#TabContacts h2 {font-size: 16px; margin: 20px 0; padding: 0; color: #b90000; font-weight: normal; font-family: Trebuchet MS;}
#TabContacts ul {margin: 0 0 0 40px; padding: 0;}
#TabContacts ul li {font-size: 12px; color: #424141; margin: 5px 0; padding: 0; list-style-image: url(/public/images/point.gif);}
#TabContacts p {font-size: 12px; color: #5b5454; margin: 20px 0; padding: 0;}
#TabContacts img {margin: 0 50px;}

#TabForm th {font-size: 12px; font-family: Trebuchet MS; font-weight: normal; text-align: left; font-style: italic; padding: 5px 0 0 5px;}
#TabForm td {text-align: left;}
#TabForm textarea {width: 295px; height: 170px; border: 2px solid #b9b9b9; font-family: Arial; font-size: 12px;}
#TabForm input.text {width: 295px; height: 30px; border: 2px solid #b9b9b9; font-family: Arial; font-size: 12px; line-height: 25px;}
#TabForm input.number {width: 98px; height: 30px; border: 2px solid #b9b9b9; font-family: Arial; font-size: 12px; line-height: 25px;}
#TabForm input.button {width: 98px; height: 34px; background: url(/public/images/button_send.jpg) no-repeat top left; border: none;}

#TabGallery {margin: 180px 50px 200px 50px; padding: 0 20px 0 0; width: 80%;}
#TabGallery td {font-size: 18px; line-height: 18px; font-family: Trebuchet MS; padding: 0 0 10px 0; margin: 0;}
#TabGallery td a {text-decoration: none; color: #5b5454;}
#TabGallery td a:hover, a.over {text-decoration: underline;}
#TabGallery td img {border: none; margin: 0 15px 0 10px; vertical-align: middle; padding: 0;}

#TabGallery2 {margin: 180px 50px 200px 50px; padding: 0 20px 0 0; width: 80%;}
#TabGallery2 td {font-size: 18px; line-height: 18px; font-family: Trebuchet MS; padding: 0 0 0 20px; margin: 0; height: 80px;}
#TabGallery2 td a {text-decoration: none; color: #5b5454;}
#TabGallery2 td a:hover, a.over {text-decoration: underline;}
#TabGallery2 th {background: url(/public/images/ramka.gif) no-repeat center; width: 84px; height: 64px; margin: 0; padding: 0;}
#TabGallery2 th img {margin: 0; padding: 0;}

#TabGallery3 {margin: 180px 50px 200px 50px; padding: 0;}
#TabGallery3 img {margin: 10px; padding: 0; float: left; border: none;}

#TabCatalog {margin: 0 0 200 0; padding: 0; clear: both;}
#TabCatalog h2 {font-size: 18px; margin: 5px 20px 10px 0; padding: 0;}
#TabCatalog h2 a {color: #e00812;}
#TabCatalog p {font-size: 12px; margin: 10px 20px 0 0; padding: 0; color: #5b5454; line-height: 14px;}
#TabCatalog img {border: 1px solid #000; float: left; margin: 10px 20px 0 0; padding: 0;}
#TabCatalog div.iePNG {width: 64px; height: 92px; float: left; margin: 10px 5px 0 0; padding: 0;}
#TabCatalog div.iePNG p {width: 48px; text-align: center;}
#TabCatalog div.iePNG p.month {color: #000; font-family: Trebuchet MS; font-size: 16px; font-weight: bold; padding: 24px 0 0 0; margin: 0;}
#TabCatalog div.iePNG p.year {color: #000; font-family: Trebuchet MS; font-size: 12px; padding: 14px 0 0 0; margin: 0;}

#other_index {background: url(/public/images/other_index.gif) no-repeat bottom right; width: 143px; height: 172px; position: absolute; bottom: 0; right: 0; z-index: 100;}
#other_index p {position: absolute; bottom: 87px; right: 19px; margin: 0; padding: 0; z-index: 100;}
#other_index p a {color: #fff; text-decoration: none; font-size: 22px;}

#left_index {float: right; position: relative;}
#left_index h1 {color: #000; font-family: Trebuchet MS; font-size: 20px; font-weight: normal; position: absolute; top: 20px; left: 0; margin: 0; padding: 0; z-index: 100;}
#left_index h1 img {vertical-align: middle; margin: 0 5px 0 0;}
div#help {background: #83b552; position: absolute; top: 0; right: 0; width: 85px; height: 26px; z-index: 100;}
div#help p {line-height: 22px; font-size: 14px; font-family: Trebuchet MS; margin: 0; padding: 0 0 0 15px;}
div#help p a {color: #003334;}

#right_index {width: 189px; margin: 0 0 30px 10px; padding: 0;}
#right_index h1 {color: #000; font-family: Trebuchet MS; font-size: 20px; font-weight: normal; margin: 0; padding: 0;}
#right_index h1 img {vertical-align: middle; margin: 10px 5px 0 0;}
#right_index h2 {color: #000; font-family: Trebuchet MS; font-size: 18px; font-weight: normal; margin: 10px 0 0 0; padding: 0;}
#right_index h2 a {font-size: 10px;}
#right_index h3 {color: #000; font-family: Trebuchet MS; font-size: 18px; font-weight: normal; margin: 0; padding: 0;}
#right_index p {margin: 10px 0; padding: 0; font-weight: bold;}
#right_index p a {font-size: 12px; color: #000;}
#right_index p a.active {color: #e00812;}
#right_index ul.ul_index {margin: 0; padding: 0;}
#right_index ul.ul_index li {color: #000; margin: 0; font-size: 12px; font-weight: normal; margin: 0; padding: 2px 0; list-style: none;}
#right_index ul.ul_index li a img {border: none; vertical-align: middle; margin: 0 5px 0 0; padding: 0;}
#right_index ul.ul_index li a {color: #000; text-decoration: none;}
#right_index ul.ul_index li.disable {color: #d2d2d2;}
#right_index ul.ul_index li.disable a.disable{color: #d2d2d2; }

#catalog_index {background: #fff url(/public/images/fon_catalog_index.gif) repeat-x; width: 100%;}
#catalog_index th {text-align: left; width: 50%;}
#catalog_index td {padding-bottom: 30px;}
#catalog_index h1 {font-size: 20px; margin: 20px; padding: 0; color: #000; font-family: Trebuchet MS;}
#catalog_index h2 {font-size: 14px; margin: 0 20px 10px 0; padding: 0;}
#catalog_index h2 a {color: #e00812;}
#catalog_index p {font-size: 12px; margin: 0 20px 0 0; padding: 0; color: #000; line-height: 14px;}
#catalog_index img {border: 1px solid #000; float: left; margin: 0 20px; padding: 0;}
#catalog_index div.data {background: url(/public/images/fon_data.jpg) no-repeat; width: 77px; height: 74px; float: left; margin: 0 5px 0 0; padding: 0;}
#catalog_index div.data p.month {color: #000; font-family: Trebuchet MS; font-size: 16px; font-weight: bold; padding: 24px 0 0 7px; margin: 0;}
#catalog_index div.data p.year {color: #000; font-family: Trebuchet MS; font-size: 12px; padding: 14px 0 0 15px; margin: 0;}

#right {width: 189px; margin: 60px 0 180px 10px; padding: 0;}
#right h1 {clear: both; color: #013435; font-family: Trebuchet MS; font-size: 20px; font-weight: normal; margin: 20px 0 10px 0; padding: 0;}
#right h2 {color: #b90000; font-family: Trebuchet MS; font-size: 16px; font-weight: normal; margin: 20px 0 10px 0; padding: 0;}
#right h3 {color: #013435; font-family: Trebuchet MS; font-size: 18px; font-weight: normal; margin: 0; padding: 20px 0 0 0;}
#right p {font-size: 12px; margin: 10px 10px 10px 0; padding: 0; color: #5b5454;}
#gallery_small img {border: 1px solid #000; float: left; margin: 0 10px 10px 0;}
#otziv h2 {color: #013435; font-size: 12px; font-weight: bold; margin: 0; padding: 0;}
#otziv h3 {color: #b90000; font-size: 12px; margin: 0; padding: 0;}
#otziv p {font-size: 12px; margin: 0 10px 20px 0; padding: 0; color: #5b5454;}
#otziv p a {color: #b90000;}
#otziv div.number {float: right; margin-right: 20px; font-family: Trebuchet MS; font-size: 14px; color: #013435;}
#otziv div.number a {color: #b90000; text-decoration: none;}
#otziv div.number a:hover, a.over {text-decoration: underline;}

table#footer {height: 94px; width: 100%; font-family: Trebuchet MS; margin: 0; padding: 0;}
table#footer img {border: none;}
table#footer td.align_left {width: 250px; color: #003336; font-size: 12px; padding: 28px 0 0 25px; margin: 0; line-height: 15px;}
table#footer td.align_center img {margin: 28px 4px 0 4px;}
table#footer td.align_right {width: 200px; margin: 0; padding: 28px 25px 0 0; text-align: right;}
table#footer td.align_right a {color: #003336; font-size: 12px; text-decoration: none;}
table#footer td.align_right img {margin: 5px 0 0 0; padding: 0; border: none;}
