/*

  css full flash, min width/height(970/600)

  1) obecne
  2) flash layout
   2.1) no flash

*/


/* 1) obecne
------------------------------------------------------------------------------*/
* {
  margin: 0;
  padding: 0;
}
html, body {
  height: 100%;
}
body {
  background: #fff;
  color: #000;
  overflow: auto;
}

/* 2) flash layout
------------------------------------------------------------------------------*/
#flashOut {
  height: 100%;
  width: 100%;
}
#flashMinWidth {
  height: 100%;
}
#flashMinWidthM, #flashMinWidthP {
  height: 100%;
}
* html #flashMinWidthM {
  height: auto;
	margin-left: -970px;
}
* html #flashMinWidthP {
  height: auto;
	padding-left: 970px;
}
#flashScroll {
  height: 600px;
  margin-bottom: -600px;
  position: relative;
  width: 970px;
}
#flashContent {
  height: 100%;
  min-width: 970px;
  min-height: 600px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
#web {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/* 2.1) no flash
------------------------------------------------------------------------------*/
#noFlash {
  background: url(../img/hp-bg.jpg) no-repeat center top;
  height: 100%;
  width: 100%;
}
#noFlash #header {
  margin: 0 auto;
  max-width: 1530px;
}

h1 a, h1 span {
  color: #fff;
  text-indent: -999px;
  width: 161px;
}
h1 a span {
  background-image: url(../img/logo-scandium.png);
}

#navi ul li a {
  color: #fff;
}
#navi ul li a:hover {
  border-bottom: 1px #fff solid;
}

#naviSecond {
  background: #fff url(../img/navi-bg-hp.gif) repeat left top;
  height: 30px;
  margin-top: 1px;
  padding-top: 12px;
}
* html #naviSecond {
  height: 42px;
}
#naviSecond ul {
  width: 960px;
}
#naviSecond ul li.sep {
  margin-left: 20px !important;
}
#naviSecond ul li a {
  color: #e1134f;
}
#naviSecond ul li.kancl a {
  color: #5f6062;
}
#naviSecond ul li a:hover {
  color: #000 !important;
}

#lan {
  margin-top: -42px;
}
#lan li a {
  color: #fff;
}

#wrap {
  margin-bottom: -231px;
}

#hpBottom {
  background: url(../img/hp-bottom.png) repeat-x left bottom;
  color: #4c4c4c;
  height: 231px; 
  position: relative;
  text-align: center;
  width: 100%;
}

#hpPromo {
  left: 50%;
  margin-left: -485px;
  position: absolute;
  text-align: left;
  top: 20%;
  width: 970px;
}

#hpWeather {
  height: 33px;
  left: 0;
  overflow: hidden;
  position: absolute;
  text-align: center;
  top: -33px;
  width: 100%;
}
* html #hpWeather {
  top: -32px;
}
#hpWeatherBg {
  background: url(../img/hp-weather-right.png) repeat left top;
  height: 33px;
  left: 50%;
  position: absolute;
  top: 0;
  width: 50%;
}
#hpWeatherContent {
  background: url(../img/hp-weather-left.png) no-repeat left top;
  color: #fff;
  font-size: 1.1em;
  height: 33px;
  line-height: 33px;
  margin: 0 auto;
  padding-left: 120px;
  position: relative;
  text-align: left;
  width: 850px;
  z-index: 2;
}
* html #hpWeatherContent {
  width: 970px;
}
#hpNewsContent {
  height: 33px;
  left: 50%;
  margin-left: -169px;
  position: absolute;
  text-align: left;
  top: 0;
  width: 100%;
  z-index: 2;
}
#hpWeatherContent p, #hpNewsContent p {
  height: 33px;
  line-height: 33px;
}
#hpWeatherContent p a, #hpNewsContent p a {
  color: #fff;
  display: block;
}
#hpWeatherContent p a:hover, #hpNewsContent p a:hover {
  text-decoration: none;
}
#hpWeatherContent p img {
  margin: 0 7px -3px 18px;
}
#hpWeatherContent p span {
  color: #c49a9f;
  display: inline-block;
  margin-right: 24px;
  width: 80px;
}

#hpBottomInfo {
  color: #fff;
  font-size: 1.2em;
  height: 158px;
  margin: 0 auto;
  padding-left: 97px;
  text-align: left;
  width: 873px;
}
* html #hpBottomInfo {
  width: 970px;
}
#hpBottomInfo p {
  padding-top: 20px;
}
#hpBottomInfo p.thumbs {
  float: right;
}
#hpBottomInfo ul {
  color: #f0f0f0;
  float: left;
  padding-top: 10px;
}
#hpBottomInfo ul li {
  background: url(../img/hpbottom-li.gif) no-repeat left center;
  padding: 2px 0 2px 10px;
}

.hpBottomInfoLeft {
  float: left;
  width: 265px;
}
.hpBottomInfoRight {
  float: right;
  width: 600px;
}
.hpBottomInfoRight p {
  padding-top: 57px !important;
}
.hpBottomInfoRight p a {
  display: inline;
  float: left;
  margin-right: 20px;
}

#footer {
  background: transparent;
  border: 0;
  color: #fff;
  height: 23px;
  padding: 7px 0 0 0;
}
* html #footer {
  height: 30px;
}
#footer ul {
  width: 656px;
}
#footer ul li {
  margin-left: 5px;
}
#footer a {
  border: 0;
  color: #fff;
}
#footer a:hover {
  color: #ff9000;
}
#footer p {
  padding-right: 37px !important;
}
#footer p strong {
  border: 0;
  text-indent: 25px;
  top: 10px;
}
#footer p strong, #footer p strong span {
  background-position: right top !important;
  cursor: pointer;
  width: 23px;
}
#footer p strong span {
  background: url(../img/logo-symbio.png) no-repeat right top;
}