@charset "utf-8";
/* CSS Document */
@font-face {

    font-family: 'sansationbold';
    src: url('sansation_bold-webfont.eot');
    src: url('sansation_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('sansation_bold-webfont.woff') format('woff'),
         url('sansation_bold-webfont.ttf') format('truetype'),
         url('sansation_bold-webfont.svg#sansationbold') format('svg');
    font-weight: normal;
    font-style: normal;


}
@font-face {

    font-family: 'sansation';
    src: url('sansation_light-webfont.eot');
    src: url('sansation_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('sansation_light-webfont.woff') format('woff'),
         url('sansation_light-webfont.ttf') format('truetype'),
         url('sansation_light-webfont.svg#sansation_lightlight') format('svg');
    font-weight: normal;
    font-style: normal;


}

@font-face {

    font-family: 'sansationregular';
    src: url('sansation_regular-webfont.eot');
    src: url('sansation_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('sansation_regular-webfont.woff') format('woff'),
         url('sansation_regular-webfont.ttf') format('truetype'),
         url('sansation_regular-webfont.svg#sansationregular') format('svg');
    font-weight: normal;
    font-style: normal;


}
.fancybox-skin{

	background:rgba(255,255,255,0);
}

.fancybox-opened .fancybox-skin {

	-webkit-box-shadow: 0 0 0;
	-moz-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
}
.header {
  position:absolute;
  top:0px;
  left:0px;
  z-index:4;
  width:100%;
  padding-top:50px;
  padding-left:50px;
}
.header_right {
  float:right;width:400px;
}
.header_right img {

  padding-right:2vw;
  padding-top:10px;
  cursor:pointer;
  float:right;
}
.planetname {

  float:right;
  width:138px;
  height:42px;
  margin-right:120px;
  line-height:42px;
  font-size: large;
  font-family: 'sansation';
  background:url('../medias/resources/header_planetname.png') no-repeat;
  background-position: center;
  background-size:cover;
  text-align:center;
  text-transform: uppercase;
}
.banner {

  width:30vw;
}
.alpha {

  opacity: 0.6;
  filter: alpha(opacity=60);
}
#homecontent {

    position:absolute;
    top:0px;
    left:0px;
		background:url('../medias/resources/home_bg.jpg') no-repeat;
		background-size:cover;
		background-position:center;
		width:100%;
		height:100%;
    padding-top:50px;
    padding-left:50px;
}
#homecontent table {

  padding-top:20px;
  padding-left:3%;
  padding-right:3%;
  height:80%;
  width:94%

}

#homecontent td {

  font-family: 'sansationregular';
  font-size:4vh;
  color:#7E858F;
  text-align:center;
}
#homecontent td img {

  cursor:pointer;
}

.generaltext {
   font-size:18px;
   background-color:rgba(147,152,157, 0.3);
   margin-left:9vw;margin-right:9vw;
   padding:1vw;
   color:white;
}
#homecontent td.planetebg{

  cursor:pointer;
  background-size:contain;
  background-position:center;
  background-repeat: no-repeat;
  height:50%;
  width:30%;
}
#info_content {

  width:300px;
  padding-left:45px;
}

#info_content td {

  width:100px;
}
#info_content img {

  width:36px;
  height:36px;
}

#info_pressure {

  font-size:large;
  text-align:center;
  text-shadow:

  -1px -1px 0 #555,
  1px -1px 0 #555,
  -1px 1px 0 #555,
  1px 1px 0 #555;
}

#info_temperature {

  font-size:large;
  text-align:center;
  text-shadow:

  -1px -1px 0 #555,
  1px -1px 0 #555,
  -1px 1px 0 #555,
  1px 1px 0 #555;
}

#transition_text {

  font-size: large;
  font-family: 'sansation';
   border-radius: 25px;
   background: #8AC007;
   top:20px;
   width:100%;
   padding-left:30px;
   padding-right:30px;
   padding-top:2%;
   padding-bottom:5%;
   position:absolute;
   left:50px;
   top:120px;
   margin: auto;
   text-align:justify;
   text-justify: inter-word;
   background-color:white;
   color:black;
   opacity: 0.8;
   filter: alpha(opacity=80);
 }

 body.intro .fancybox-overlay{
  background:black !important;
 }