html, body {margin: 0; padding: 0; width: 100%; height: 100%; background: #bbd2e4}
img {border: 0}
* {font-family: arial, verdana, sans-serif; color: #000}

td.bgr01 {background: url(/templates/mendel/images/bgr01.gif) 0 0 repeat-x}
td.bgr04 {background: url(/templates/mendel/images/bgr04.gif) 0 0 repeat-y}
td.color01 {background: #f9f0d9}
td.color02 {background: #fff}
td.middle01 {background: url(/templates/mendel/images/middle01.gif) 100% 0 repeat-y}
td.middle02 {background: url(/templates/mendel/images/middle02.gif) 0 0 repeat-y}
td.strip {background: url(/templates/mendel/images/strip.gif) 0 0 repeat-x; padding-left: 320px}
td.bottom03 {background: url(/templates/mendel/images/bottom03.gif) 0 0 repeat-x}
table.phone03 {background: url(/templates/mendel/images/phone03.jpg) 320px 0 no-repeat}
td.phone04 {background: url(/templates/mendel/images/phone04.jpg) 345px 100% no-repeat}
td.bgr02 {background: url(/templates/mendel/images/bgr02.gif) 0 0 repeat-y}
td.bgr03 {background: url(/templates/mendel/images/bgr03.gif) 0 0 repeat-x}
td.contacts1 {text-align: right; font-size: 14px; padding-top: 30px}
td.contacts1 div.c1 {text-transform: uppercase; font-size: 11px; letter-spacing: 3px; font-weight: bold; color: #333}
td.contacts1 div.c2 {font-size: 11px; color: #51729c}
td.contacts1 div.c2 a {font-size: 11px; color: #51729c; text-decoration: none}
td.contacts1 div.c2 a:hover {text-decoration: underline}
td.contacts2 {font-size: 11px; padding-top: 20px; font-weight: bold}
td.contacts2 span.red {font-size: 18px; color: #fb3702; font-weight: normal}
td.contacts2 span.big {font-size: 24px; font-weight: normal}

div.menu {padding: 0 70px 0 20px}
div.menu a {display: block; font-size: 16px; color: #fff; text-decoration: none; background: #e0312a url(/templates/mendel/images/arrow.gif) 7px 8px no-repeat ; font-weight: 600; padding: 4px 4px 4px 22px; margin-bottom: 4px}
div.menu a:hover {color: #f9f0d9}

div.banner {padding: 15px 0 0 16px}

div.map div {padding-left: 120px}
div.map div a {font-size: 14px; color: #4e4e53; text-decoration: none; font-weight: bold}
div.map div a:hover {color: #e0312a}

td.contentheading {padding-bottom: 10px}
td.content {padding: 0 0 110px 0}
td.content * {ttext-align: justify; font-size: 12px; line-height: 18px}
td.content h1 {font-size: 24px; color: #24333b; margin: 0; padding: 0 0 0 40px; font-weight: normal; background: url(/templates/mendel/images/h1_ico.gif) 0 50% no-repeat; line-height: normal}
td.content a {text-decoration: underline; color: #000}
td.content a:hover {text-decoration: none; color: #e0312a}

td.left {padding-bottom: 40px}

td.fl02 {background: url(/templates/mendel/images/fl02.jpg) 0 0 no-repeat}
td.fl02 div {font-size: 18px; color: #041726; font-style: italic; font-weight: bold; padding: 0 10px 0 15px; letter-spacing: 1px}
td.fl02 div span {font-size: 14px; font-style: normal; color: #f92016; font-weight: bold; letter-spacing: 2px}
td.fl02 div span big {font-size: 24px; font-style: normal; color: #f92016; font-weight: bold; letter-spacing: 2px}
td.fl05 {background: url(/templates/mendel/images/fl05.jpg) 0 0 no-repeat}
td.flash_image {border: 1px solid #005789; padding: 2px}
td.fl06 {background: url(/templates/mendel/images/fl06.jpg) 0 0 no-repeat; font-size: 16px; color: #191a1e; font-weight: 600; letter-spacing: 6px}