#ff0000 - red
#dc0000 - red dark
#009933 - green dark
#91c916 - green light
#ecfc85 - yellow
#0086a8 - blue

html { height: 100% }
body { height: 100%; font-family:  Arial; font-size: 9pt; margin: 0px; padding: 0px; color: #3c3c3c; background: white url('images/fon_up.jpg') repeat-x; scrollbar-face-color: #009933; scrollbar-highlight-color: #91c916; scrollbar-shadow-color: #3c3c3c; scrollbar-3dlight-color: #0086a8; 
scrollbar-arrow-color: white; scrollbar-track-color: #ecfc85 } 

div { position: relative }
table.main { width: 100%; height: 100%; background: url('images/fon_down.jpg') repeat-x bottom }
div.menu { float: left; width: 210px; margin: 34px; margin-right: 0px; background: #91c916 url('images/menu.gif') }
td.cent { width: 1000px; background: white url('images/shashlyk.png') no-repeat bottom left }

table.content { width: 721px; background: url('images/fon_center.gif') }
tr.content { background: url('images/up.gif') no-repeat top }
td.content { background: url('images/down.jpg') no-repeat bottom }

table.cat { width: 680px; background-color: white; border: 1px #91c916 solid; font-size: 9pt; margin: 10px 20px }
table.cat tr:hover { background-color: #ecfc85 }
th { color: white; background-color: #91c916 }

div.footer { float: right; width: 756px; height: 127px; margin: 0px; padding: 0px; padding-top: 40px;  background: url('images/footer.jpg') no-repeat }
div.footer span { float: left; height: 67px; margin: 5px; margin-top: 60px; padding: 0px }

p   { text-indent: 0px; font-size: 9pt; text-align: justify; margin: 10px 20px }
p.main   { text-align: right; font-size: 11pt }
p.center  { color: #0086a8; text-align: center; font-size: 10pt; margin: 20px }

h1, h2 { font-size: 14pt; color: #009933; font-weight: bold; text-align: left; text-indent: 0px; margin: 20px }
h3 { font-size: 14pt; color: #009933; font-weight: normal; text-align: center; text-indent: 0px; margin: 15px }

A:link, a:visited {COLOR: #009933; TEXT-DECORATION: underline }
A:hover {COLOR: #91c916; TEXT-DECORATION: none }

A:link.non, a:visited.non { TEXT-DECORATION: none }
A:hover.non { TEXT-DECORATION: none }

ul { margin: 10px 0px; padding: 5px 10px; text-align: justify }
ol { text-indent: 24px; margin-left: 24px; margin-right: 7px; margin-top: 2px; margin-bottom: 24px }
li { font-size: 10pt; text-indent: 0px; margin: 5px }

ul.menu { list-style-type: none; padding: 5px 0px }
ul.menu li { font-weight: bold; width: 188px; height: 20px; margin: 1px; padding: 5px 10px; color: white; background: url('images/arrow.gif') no-repeat right }
ul.menu li:hover { cursor: pointer; color: #dc0000; background: #ecfc85 url('images/arrow_red.gif') no-repeat right }


.border { margin: 0px; padding: 0px; border: 1px #3c3c3c solid; margin-bottom: 20px }