/* Дизайн страницы
===============================================================================*/
* {
  margin: 0;
  padding: 0;
  font-size: 100.01%;
}

html {
  height: 100%;
  background: #bbe0fd url(/img/html_bg.gif) 0 0 repeat-x;
}

body {
  min-height: 100%;
  height: 100%;
  min-width: 985px;
  color: #000;
  font-weight: normal;
  font-family: Arial, Verdana, Tahoma, Helvetica, Sans-Serif;
  font-size: 11px;
  background: url(/img/body_bg.jpg) 50% 0 no-repeat;
}

#container {
  height: auto !important;
  min-height: 100%;
  height: 100%;
  margin: 0 auto;
  width: 985px;
}

#header {
  position: relative;
  z-index: 10;
  height: 116px;
  background: url(/img/index/header_bg.jpg) 0 100% no-repeat;
}

#title {
  position: absolute;
  top: 71px;
  left: 210px;
  height: 45px;
  width: 540px;
}

h1#logo {
  display: block;
  position: absolute;
  z-index: 200;
  padding: 0;
  margin: 0;
  width: 175px;
  height: 130px;
  top: 11px;
  left: 31px;
  background: url(/img/index/logo.png) 0 0 no-repeat;
  _background: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/index/logo.png', sizingMethod='crop');
}

h1#logo a.logo {
  position: absolute;
  display: block;
  left: 5px;
  top: 5px;
  width: 160px;
  height: 125px;
  text-indent: -9999em;
  overflow: hidden;
}

h1#logo a.text {
  position: absolute;
  display: block;
  left: 165px;
  top: 60px;
  width: 420px;
  height: 45px;
  text-indent: -9999em;
  overflow: hidden;
}

/* Типография
===============================================================================*/
a, a:link, a:visited, a:hover, a:active {
  text-decoration: none;
  font-weight: bold;
  color: #7e0f0f;
}

a:hover, a:active {
  color: #f7901e;
}


/* форма поиска
===============================================================================*/
#searchform {
  position: absolute;
  top: 86px;
  left: 774px;
}

#searchform input.text {
  position: absolute;
/*  width: 146px;*/
  width: 175px;
  height: 14px;
  background: #ffea3c;
  border: 1px solid #a69827;
  border-bottom: 1px solid #fff285;
  border-left: 1px solid #fff285;
  color: #0e3a85;
}

#searchform a.submit {
  position: absolute;
  left: 176px;
  width: 14px;
  height: 14px;
  border-left: 0;
  border-top: 1px solid #a69827;
  border-right: 1px solid #a69827;
  border-bottom: 1px solid #fff285;
  background: #ffea3c url(data:image/gif;base64,R0lGODlhBwALANUAAIjS0GbK/4jR0E7C/9jUTEK9/Dmj2j+49T+9/dbhceblXu7hQ1/I/1qjq1LF/q7dv0bA/3WxnDyEnTWf1US+/sHIWK69Xjmn39DPUGiZgzGMuzSFqnXQ/6bYsVKOjezmVfzpQMffh0rC/2vL8Duu6dHgcI6sblzH+kW//2TK/0S////qPAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAAHAAsAAAY4wAhmRSQiPJXiijGRWIqpwmVjWqxSKgpJkyFgVaqDofGFOAClFEp06nxWgcEoBCJyBAnlQ6FcBQEAOw==) 50% 50% no-repeat;
  overflow: hidden;
}

/* Меню выбора языков
===============================================================================*/
ul#lnSel {
  list-style: none;
  display: block;
  position: absolute;
  top: 50px;
  left: 210px;
}

#lnSel li {
  display: inline;
  padding: 0 20px 0 0;
}

#lnSel li a,
#lnSel li a:link, #lnSel li a:visited,
#lnSel li a:hover, #lnSel li a:active {
/*  display: block;*/
  position: relative;
  text-transform: lowercase;
  font-size: 11px;
  font-weight: bold;
  color: #FFF;
  margin-bottom: 10px;
  text-decoration: underline;
}

#lnSel li a.sel:link, #lnSel li a.sel:visited,
#lnSel li a:hover, #lnSel li a:active {
  text-decoration: none;
}

/* Картинки
===============================================================================*/
#image_block_1, #image_block_2, #image_block_3 {
  display: block;
  position: relative;
  z-index: 0;
  float: left;
  width: 326px;
  height: 216px;
  margin: 4px 3px 4px 0;
  background: url(/img/index/img1.jpg);
}

#image_block_2 {
  background: none;
  overflow: hidden;
}

#image_block_3 {
  background: none;
  margin-right: 0;
  overflow: hidden;
}

#image_block_2 img, #image_block_3 img {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

/* Панельки с текстовкой
===============================================================================*/
.panel {
  position: relative;
  float: left;
  width: 326px;
  height: 70px;
  margin: 0 3px 4px 0;
  background: url(/img/index/panel_bg.jpg) 0 0 no-repeat;
}

.panel h3 {
  font-size: 14px;
  color: #0e3a85;
  padding: 5px 0 0 62px;
  margin: 0;
  font-weight: bold;
}

.panel h3 a:link, .panel h3 a:visited,
.panel h3 a:hover, .panel h3 a:active  {
  color: #0e3a85;
}

.panel span {
  position: absolute;
  display: block;
  height: 43px;
  width: 34px;
  left: 20px;
  top: -21px;
  overflow: hidden;
}

.panel .ukraine {
  background: url(/img/mmenu_ball_2.png) 0 0 no-repeat;
  _background: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/mmenu_ball_2.png', sizingMethod='crop');
}

.panel .resort {
  background: url(/img/mmenu_ball_3.png) 0 0 no-repeat;
  _background: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/mmenu_ball_3.png', sizingMethod='crop');
}

.panel .sanatorium {
  background: url(/img/mmenu_ball_4.png) 0 0 no-repeat;
  _background: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/mmenu_ball_4.png', sizingMethod='crop');
}

.panel div {
  height: 40px;
  margin: 5px 12px 0 16px;
  color: #0e3a85;
  font-size: 12px;
  line-height: 12px;
}

.panel div a:link, .panel div a:visited,
.panel div a:hover, .panel div a:active {
  font-weight: normal;
  color: #0e3a85;
  text-decoration: underline; 
}

.panel div a:hover, .panel div a:active {
  text-decoration: none;
}

/* Меню
===============================================================================*/
#mainmenu {
  display: block;
  list-style: none;
}

#mainmenu li {
  display: block;
  float: left;
  width: 326px;
  height: 40px;
  margin: 0 3px 4px 0;
  background: url(/img/index/button_bg.jpg) 0 0 no-repeat;
}

#mainmenu li.last {
  margin-right: 0;
}

#mainmenu li a:link, #mainmenu li a:visited,
#mainmenu li a:hover, #mainmenu li a:active {
  display: block;
  height: 40px;
  line-height: 40px;
  color: #0e3a85;
  padding: 0 10px 0 60px;
  text-transform: uppercase;
  font-size: 12px;
}

/* Новости
===============================================================================*/
#news {
  min-height: 142px;
  _height: 142px;
  margin-top: 2px;
  background: #fff014 url(/img/index/newspanel_bg.jpg) 0 100% no-repeat;
}

#news .thread {
  float: left;
  width: 286px;
  padding: 10px 20px 10px 20px;
}

#news .thread h3 {
  color: #0e3a85;
  font-size: 14px;
  margin: 0 0 10px 0;
  padding: 0;
  text-transform: uppercase;
}

#news .thread a:link, #news .thread a:visited,
#news .thread a:hover, #news .thread a:active {
  display: block;
  color: #0e3a85;
  font-size: 12px;
  font-weight: normal;
  text-decoration: underline;
  margin-top: 7px;
}

#news .thread a:hover, #news .thread a:active {
  text-decoration: none;
}

/* Персоны
===============================================================================*/
.person {
  float: left;
  width: 326px;
  height: 129px;
  margin: 5px 3px 4px 0;
  background: url(/img/index/person_bg.jpg) 0 0 no-repeat;
}

.person img {
  display: block;
  float: left;
  margin: 9px 6px 0 16px;
  _margin: 9px 6px 0 8px;
  border: 0;
}

.person .wrapper {
  float: left;
  width: 215px;
  height: 114px;
  margin: 8px 0 0 0;
  overflow: hidden;
}

.person .wrapper h3 {
  color: #0e3a85;
  font-weight: bold;
  font-size: 12px;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}

.person .wrapper h3 a:link, .person .wrapper h3 a:visited,
.person .wrapper h3 a:hover, .person .wrapper h3 a:active {
  color: #0e3a85;
}

.person .wrapper h3 a:hover, .person .wrapper h3 a:active {
  text-decoration: underline;
}

.person .wrapper h3 span {
  display: block;
  font-weight: normal;
}

.person .wrapper a.text,
.person .wrapper a.text:link, .person .wrapper a.text:visited,
.person .wrapper a.text:hover, .person .wrapper a.text:active {
  display: block;
  text-decoration: underline;
  padding-top: 3px;
  line-height: 13px;
  color: black;
  font-weight: normal;
}

.person .wrapper a.text:hover, .person .wrapper a.text:active {
  text-decoration: none;
}

/* футер
===============================================================================*/
#footer_guarantor {
  height: 180px;
  clear: both;
}

#footer {
  width: 100%;
  margin: -180px auto 0 auto;
  height: 180px;
  clear: both;
  position: absolute;
  background: url(/img/index/footer_bg.gif) 0 100% repeat-x;
}

#footer .wrapper {
  position: relative;
  margin: 2px auto 0 auto;
  width: 960px;
  padding: 12px 0px 28px 25px;
  height: 138px;
  background: url(/img/index/footer_panel_bg.jpg) 0 0 no-repeat;
}

#footer .block {
  float: left;
  width: 20%;
}

#footer h3 {
  color: #bce1fe;
  font-weight: bold;
  font-size: 12px;
  margin: 0;
  padding: 0;
  height: 30px;
  margin-bottom: 3px;
  text-transform: uppercase;
}

#footer ul {
  display: block;
  list-style: none;
}

#footer ul li a:link, #footer ul li a:visited,
#footer ul li a:hover, #footer ul li a:active {
  color: #a3c7e3;
  text-decoration: underline;
  font-weight: normal;
}

#footer ul li a:hover, #footer ul li a:active {
  text-decoration: none;
}

#footer_copyright_1, #footer_copyright_2 {
  position: absolute;
  z-index: 10;
  top: 158px;
  font-size: 11px;
  color: #FFF;
}

#footer_copyright_1 {
  left: 25px;
}

#footer_copyright_2 {
  right: 25px;
}


#preload {
  position: absolute;
  left: -9999em;
  top: -9999em;
}