* { margin: 0; padding: 0;}
HTML { background: #fff url(/images/marketing/fon.gif) repeat-y 50% 0; text-align: center; height: 100%;}
BODY { position: relative; background: #fff; font: 0.8em Arial; color: #000; width: 930px; margin: 0 auto; text-align: left; height: 100%; padding-top: 30px;}
A { color: #f00;}
A.c1 { text-decoration: none; color: #f00;}
A:hover { text-decoration: none;}
A IMG { border: none;}
H1 {font: normal 1.5em Verdana; color: #f00; margin-bottom: 10px;}
H2 {font: normal 1.4em Verdana; color: #000; margin: 10px 0;}
H3 {font: bold 1.2em Verdana; color: #f00; margin: 10px 0;}
H4 {font: bold 1em Verdana; color: #f00; margin-bottom: 10px;}
H5 {font: bold 1em Verdana; color: #666; margin: 10px 0;}
H6 {font: bold 1em Verdana; color: #808080; margin: 10px 0;}
P { margin-bottom: 20px; line-height: 150%; }
UL, OL { margin: 5px 25px;}

#foto { position: absolute; top: 6px; right: 20px;}
#top { background: #f00; padding: 5px 140px 5px 20px; color: #fff; font: bold 20px Tahoma;}
#menu { float: left; width: 100%;}
#menuIn { padding: 0 10px;}
#menu a { display: block; float: left; padding: 5px 5px 2px; margin: 0 10px; font: normal 17px Verdana; text-decoration: none; color: #000;}
#menu a:hover { color: #f00;}
#menu a.act { background: #f00; color: #fff;}
#menu a.act:hover { color: #fff;}
#wrapper { background: #fff; float: left; width: 100%; margin-top: 40px;}
#left { float: left; width: 220px; padding: 1em 30px 30px 20px;}
#left h3 { margin: 0 0 10px; text-align: center; font-size: 1em;}
.greyBlock { background: #fff; padding: 5px; margin-bottom: 25px;}
.greyBlock .item { margin-bottom: 12px;}
.greyBlock .item h5 { margin: 0; color: #f00; font-weight: normal;}
.greyBlock .item a { color: #f00; text-decoration: none; font-weight: bold;}
.greyBlock .item a:hover { text-decoration: underline;}
.counters img { margin: 3px;}
#right { padding: 0 25px 30px 0; float: left; width: 605px; text-align: justify; line-height: 1.3;}



.alignLeft { text-align: left !important;}
.alignRight { text-align: right !important;}
.cnt { text-align: center !important;}
.floatLeft { float: left; margin-right: 8px;}
.floatRight { float: right; margin-left: 8px;}
.clear { clear: both;}
.clearFix { clear: both; height: 0; overflow: hidden;}
.notes h1 { margin-top: 25px;}
.notes .item { margin-bottom: 20px;}
.notes .item img {margin: 5px 5px 0px 0px;}
.notes h6.date { margin-bottom: 3px;}
.notes .more { margin: 10px 0;}
.notes .more a { font-weight: bold; text-decoration: none;}
.notes .more a:hover { text-decoration: underline;}
.noteIn h6.date { margin: 0;}
.noteIn img {margin: 10px 10px 0px 0px;} 
.noteIn .back { margin-top: 15px;}
.noteIn .back a { font-weight: bold; text-decoration: none;}
.noteIn .back a:hover { text-decoration: underline;}
.seminars .item { margin-bottom: 20px;}
.seminars .date { font-weight: bold; margin-bottom: 7px;}
.seminars .date span { color: #f00; font-weight: normal;}
.seminars .more { margin: 10px 0;}
.seminars .more a { font-weight: bold; text-decoration: none;}
.seminars .more a:hover { text-decoration: underline;}
.seminarIn .date { font-weight: bold; margin-bottom: 7px;}
.seminarIn .date span { color: #f00; font-weight: normal;}
.seminarIn .back { margin-top: 15px;}
.seminarIn .back a { font-weight: bold; text-decoration: none;}
.seminarIn .back a:hover { text-decoration: underline;}
.seminarForm { margin: 20px 0;}
.seminarForm .item { margin: 7px 0;}
.pages { font-weight: bold;}
.pages a { text-decoration: none;}
.pages a.act { background: #f00; color: #fff; padding: 0 3px;}