/* 13-oct-2009 by Elena P. */
html { width: 100%; height: 100%; }
body { width: 100%; height: 100%; font: 12px/20px Tahoma, Arial, san-serif; color:#333; background: #fff;}
body#index { background: #fff url('/images/design/menu_bg.gif') repeat-x left 197px;}
body#inner { background: #fff url('/images/design/menu_bg.gif') repeat-x left 137px;}
#wrapper { background: url('/images/design/bg_inner.jpg') no-repeat center 0; height:auto; min-height:100%; min-width:1000px;}
* html #wrapper { height: 100%; }
#index #wrapper { background: url('/images/design/bg1.jpg') no-repeat center 0; }
#wrapper-footer { width: 100%; margin: -331px auto 0; height: 331px; background: url('/images/design/footer_bg.gif') repeat-x 0px bottom;}
#wrapper-footer2{ width: 100%; background: url('/images/design/footer2.gif') no-repeat center 0; min-width:1000px; }
#footer { padding-top:123px; height: 208px; color: #feffff; }
#header, #menu, #content, #footer {width:1000px; margin: 0 auto;}
/* Main --------------------- */
* { margin:0; padding:0; }
*:focus { outline: none; }
.hidden { display: none; }
.show { display: block!important; }
.no-bg { background: none!important; }
.no-border, img { border: none; }
.clear { clear: both; }
.left { float: left;}
a:link { color: #336699; text-decoration:underline; }
a:visited { color: #336699; text-decoration:underline; }
a:hover { color: #ff6601; text-decoration:underline; }
a:active { color: #336699; text-decoration:underline; }
blockquote { margin-bottom: 15px; background: #dfe6f4; padding:10px;}
pre, code { font: 1.2em/1.8 "Courier New", Courier, monospace; border: 1px dashed #aaa; padding: 1em; background: #eee; }
code { padding: .2em .5em; }
ol { margin-left: 24px; line-height: 18px; }
ul { line-height: 18px; margin: 0 0 12px; }
ul li { margin: 5px 0 0px 0; list-style: none; background: url('/images/design/li.gif') no-repeat 0 7px; padding-left: 17px;}
ul ul { margin:0; padding:0;}
ul ul li { margin: 5px 0; list-style: none; background: url('/images/design/li2.gif') no-repeat 0 8px; padding-left: 17px;}
ul, ol, blockquote, pre, .text img { margin-bottom: 12px; }
table { border-collapse:collapse;border:none;}
table td { padding:0px; vertical-align:top;}
h1, h2, h3, h4 { color: #464646; }
h1 { font: bold 22px/24px Tahoma, Arial, Verdana, Helvetica, sans-serif; padding: 0 0 11px 30px; margin-right:-30px; margin-left:-30px; margin-bottom:28px; color:#243c5e; background: url('/images/design/h1_line.gif') no-repeat 0 bottom;}
h2 { font-size: 20px; line-height:24px; font-weight: normal; margin: 14px 0 12px; }
h3 { font-size: 18px; line-height:22px; font-weight: normal; margin-bottom: 10px; }
h4 { font-size: 18px; line-height:22px; font-weight: normal; margin-bottom: 10px; }
.my-table { border:none; padding:0; margin:0 0 12px 0; width:100%;}
.my-table td { padding: 10px 3px 10px 17px;background:#fafafa; vertical-align: top; border-bottom:1px solid #cccccc;}
.my-table thead td { background:#cccccc; border-bottom:8px solid #fff; color:#666666; font-weight: bold;}
.my-table-row td { background: #f0f0f0;}
p { margin-bottom: 12px; }
.img_left { display: block; border:1px solid #cccccc; padding:4px; background:#fff; margin: 2px 30px 4px 0; float: left;}
.img_right { display: block; border:1px solid #cccccc; padding:4px; background:#fff; margin: 2px 0px 4px 30px; float: right;}
input, textarea { background-color: #fff; padding-left:5px;}
/* header ---------------------*/
#header { height: 141px; background: url('/images/design/logo_inner.gif') no-repeat left 28px; position: relative; }
#index #header { height: 201px; background: url('/images/design/logo.gif') no-repeat left 28px;}
#header #logo { position: absolute; top:28px; left:0px; display: block; width:259px; height:82px;}
#header .icons { float: right; padding: 0px 30px 26px 0px; }
#index #header .icons { padding: 0px 30px 40px 0px; }
#header .icons a, #header .icons span { padding-top:4px; padding-bottom:4px;}
#header .icons .home { float: left; display: block; width:11px; height:11px; background: url('/images/design/home.gif') no-repeat 0 5px; border:0; padding-right:14px; border-right:1px solid #85accc;}
#header .icons .home:hover { background: url('/images/design/home_a.gif') no-repeat 0 5px; }
#header .icons .home_a { float: left; display: block; width:11px; height:11px; background: url('/images/design/home_a.gif') no-repeat 0 5px; border:0; padding-right:14px; border-right:1px solid #85accc; }
#header .icons .mail { float: left; display: block; width:11px; height:11px; background: url('/images/design/mail.gif') no-repeat 0 6px; border:0; padding-right:14px; margin-left:14px; border-right:1px solid #85accc;}
#header .icons .mail:hover { background: url('/images/design/mail_a.gif') no-repeat 0 6px; }
#header .icons .mail_a { float: left; display: block; width:11px; height:11px; background: url('/images/design/mail_a.gif') no-repeat 0 6px; border:0; padding-right:14px; margin-left:14px; border-right:1px solid #85accc; }
#header .icons .map { float: left; display: block; width:11px; height:11px; background: url('/images/design/map.gif') no-repeat 0 4px; border:0; margin-left:14px;}
#header .icons .map:hover { background: url('/images/design/map_a.gif') no-repeat 0 4px; }
#header .icons .map-hover { float: left; display: block; width:11px; height:11px;background: url('/images/design/map_a.gif') no-repeat 0 4px; border:0; margin-left:14px;}
#header .phone { float: right; padding: 0px 30px 0 0;}
/* menu ----------------------*/
#menu { padding-bottom:54px; overflow:hidden;}
#menu .menuitem { float: left; height: 50px; }
#menu .item_active { float: left; height: 50px; }
#menu .menuitem img { display: block; margin:0;}
#menu .item_active img { display: block; margin:0;}
/* content -------------------*/
#content { margin-top:0; padding-bottom:331px; }
#content .columns { background: url('/images/design/column_bg.gif') repeat-y 312px 0;}
/* right column */
#index #content .column_right { float: right; width:280px; padding: 0 30px; }
#index #content .column_right h2 { padding: 0 0 11px 30px; margin-left:-30px; margin-right:-30px; margin-bottom:28px; background: url('/images/design/h2_sm_line.gif') no-repeat 0 bottom;}
#content .column_right #news h2 { margin-top:0; background: url('/images/design/h2_blue_sm_line.gif') no-repeat 0 bottom;}
#content .column_right #news { font:11px/15px Tahoma, Arial, Verdana, Helvetica, sans-serif; color:#929292;}
/* left column */
#content .column_left { float: left; width:280px; padding: 0 30px 380px; }
#content .column_left h2 { padding: 0 0 11px 30px; margin-left:-30px; margin-right:-30px; margin-bottom:28px; background: url('/images/design/h2_sm_line.gif') no-repeat 0 bottom;}
#content .submenu { padding-bottom:9px; color:#000; font-size:17px; line-height:18px; }
#content .submenu img { display: block;}
#content .submenu ul { margin:0; padding:0; width:271px; border:1px solid #a1aab2;}
#content .submenu ul li { border-top:1px solid #e0f0ff; border-bottom:1px solid #3c5266; list-style: none; margin:0; padding:0;}
#content .submenu ul a { display: block; border-bottom:1px solid #96ceff; padding: 9px 0 9px 18px; background: #f2f3f4 url('/images/design/submenu_item.gif') no-repeat 0px 80%;}
#content .submenu ul li.active { border-top:1px solid #e0f0ff; border-bottom:1px solid #808080; list-style: none; margin:0; padding:0;}
#content .submenu ul span { display: block; border-bottom:1px solid #ccc; padding: 9px 0 9px 18px; background: #f2f3f4 url('/images/design/submenu_item_a.gif') no-repeat 0px 90%;}
#content .submenu a:link { color:#003462; text-decoration:none;}
#content .submenu a:visited { color:#003462; text-decoration:none;}
#content .submenu a:hover { color:#000000; text-decoration:none;}
#content .submenu a:active { color:#003462; text-decoration:none;}
#content .submenu .level2 { background: #0f3d66 url('/images/design/submenu2_bg.gif') repeat-x 0px bottom; width:271px;}
#content .submenu ul li ul { padding: 17px 0 18px 18px; width:253px; color:#ff6601; background: url('/images/design/submenu2_top.gif') repeat-x 0px top; border:none;}
#content .submenu ul li li { background: none; border:0; font-size:14px; padding:5px 0; margin:0;}
#content .submenu ul li li.active { border:0; padding:5px 0; }
#content .submenu li li a,
#content .submenu li li span { border:0; background: none; padding:0; display: inline; }
* html #content .submenu li li a,
* html #content .submenu li li span { margin: 0; padding:0; }
#content .submenu li li a:link { color:#fff; text-decoration:none;}
#content .submenu li li a:visited { color:#fff; text-decoration:none;}
#content .submenu li li a:hover { color:#ff6601; text-decoration:none;}
#content .submenu li li a:active { color:#fff; text-decoration:none;}
/* center column */
#content .center_column { float: right; width:600px; padding: 0 30px;}
#index #content .center_column { float: left; width:580px; padding: 0 30px;}
#content #navibar { font-size:10px; color: #21517b; padding: 0px 0 22px 0 ;}
#content #navibar a:link { color: #21517b; text-decoration: underline;}
#content #navibar a:visited { color: #21517b; text-decoration: underline;}
#content #navibar a:hover { color: #21517b; text-decoration: none;}
#content #navibar a:active { color: #21517b; text-decoration: underline;}
#content .center_column .hotspot { margin: 40px 0;}
#content .center_column .hotspot h2 { padding: 0 0 11px 30px; margin-left:-30px; margin-right:-30px; margin-bottom:18px; background: url('/images/design/h2_big_line.gif') no-repeat 0 bottom;}
#content .center_column .hotspot table { font: italic 10px/14px Arial, Tahoma, Verdana, Helvetica, sans-serif; color:#999;}
#content .center_column .hotspot .img_left { margin: 0 14px 5px 0;}
/* news */
#content #news .item { background: url(/images/design/dottes.gif) repeat-x 0 bottom; margin:25px 0 0;}
* html #content #news .item { padding:10px 0; }
#content #news .img_left { margin-right:20px;}
#content #news .text_after_img { margin-left:95px; }
#content #news .date { color: #8f8f8f; background: url(/images/design/date.gif) no-repeat 0 3px; padding-left:19px;}
#content #news .title { font-weight: bold; }
#content #news .anons { padding:7px 0 25px; }
#archive { text-align: right; border-top:3px solid #fff; margin-top:-2px; margin-bottom:22px; font-size:12px;}
#content .center_column .pager { text-align: center; margin-top:20px;}
#content .center_column .pager span { color: #ff6601; }
/* feedback */
#feedback .feedback { width:264px; color: #000; }
#feedback .feedback .textinput { float:right; display:block; margin-bottom: 10px; width:200px; height: 17px; padding-top:3px; padding-left: 5px; border: 1px solid #d2d2d2; font: italic 12px/14px Arial, Helvetica, sans-serif; color:#999; background: #fff;}
#feedback .feedback textarea { overflow: auto; margin-bottom: 10px; width:259px; height: 125px; padding: 3px 0 0 5px; border: 1px solid #d2d2d2; font: italic 12px/14px Arial, Helvetica, sans-serif; color:#999; background: #fff;}
#feedback .feedback .button { background:#58739e url(/images/design/button_send.gif) no-repeat; width: 110px; height: 30px; border: none; float: right; color: #fff; font-size:11px; line-height:11px; padding:3px 0 4px 0;}
#feedback .feedback .captcha { text-align: right; line-height:14px;}
#feedback .feedback .input_cap { width:116px;}
#feedback .feedback .captcha img { float: left; margin-right:8px; border:1px solid #000;}
/* footer ----------------- */
#footer { position: relative;}
#footer #feedback { position: absolute; width:280px; top:-395px; left: 0px; padding: 0 30px}
#footer #feedback h2 { padding: 0 0 11px 0px; margin-bottom:0;}
#footer #feedback .h2_line { margin-left:-30px; margin-bottom:28px;}
#footer a:link { color: #66ccff;}
#footer a:visited { color: #66ccff;}
#footer a:hover { color: #ff6601;}
#footer a:active { color: #66ccff;}
#footer .bottom_menu { color: #fff; height:50px; margin-bottom:40px; line-height:45px; text-align: center; }
#footer .bottom_menu a:link { color: #fff;}
#footer .bottom_menu a:visited { color: #fff;}
#footer .bottom_menu a:hover { color: #fff; text-decoration: none;}
#footer .bottom_menu a:active { color: #fff;}
#footer .other { text-align: right; margin: 0 30px 0 0px;}
#footer .copyright { background:url('/images/design/f_logo.gif') no-repeat 10px 1px; float: left; padding: 0px 0 0 100px; }
#footer .copyright-webprofy { float: right; margin: 1px 30px 0 0px; padding:6px 0 10px 0; }
#footer .copyright-webprofy img { margin-bottom:-10px;}
* html #header .phone, * html img {filter:expression(fixPNG(this)); }