@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'sv';
    src: url('fonts/svbasicmanual-webfont.eot');
    src: url('fonts/svbasicmanual-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/svbasicmanual-webfont.woff') format('woff'),
         url('fonts/svbasicmanual-webfont.ttf') format('truetype'),
         url('fonts/svbasicmanual-webfont.svg#sv_basic_manualbook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sv_basic_manualbold';
    src: url('svbasicmanual-bold-webfont.eot');
    src: url('svbasicmanual-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('svbasicmanual-bold-webfont.woff') format('woff'),
         url('svbasicmanual-bold-webfont.ttf') format('truetype'),
         url('svbasicmanual-bold-webfont.svg#sv_basic_manualbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

body{
  font-family: 'sv';
	color:#999;
	background-color:#012;
  background-image:url(pics/wave.gif), url(pics/kosmos_background.jpg);
  background-repeat:repeat-y, no-repeat;
  background-position-x:center;
  background-position-y: 0px, 2em;
  text-align:center;
  margin:0px;
}

input,textarea{
  font-family: 'sv';
  background-color:#001b;
  color:#999;
  border:1px solid #665;
  border-radius: 10px;
}
input[disabled]{
	border-color:#333333;
}
input[type="button"]{
	cursor: pointer;
}
#main{
  position:relative;
  z-index:100;
  width:650px;
  padding-left:50px;
  padding-right:50px;
  margin:auto;
}

#maintitle{
  width:80%;
	font-family: 'sv';
  font-size:2em;
  letter-spacing:5vw;
  color: #555;
  border-bottom: 1px solid;
  border-radius:20px;
  margin:auto;
  cursor: pointer;
  background:#012;
  font-weight: normal;
  transition: color 0.5s, font-weight 0.5s;
}

#maintitle:hover{
  color: #A00;
  font-weight: bold;
}

#contact{
  position:relative;
  top:5px;
  right:15%;
  text-align:right;
  letter-spacing:10px;
}

#al{
  margin-bottom:20px;
  padding-bottom:10px;
}

#si{
  border: 1px solid;
  border-radius: 10px;
  margin-bottom:20px;
}

#title{
  font-size:large;
  color:#FFFFFF;
  border-bottom: 1px solid;
  border-radius: 10px;
  margin-bottom:40px;
}

#col_al{
  position:absolute;
  top:60px;
  left:69px;
	width:280px;
  vertical-align:top;
}

#col_si{
  position:absolute;
  top:60px;
  right:67px;
	width:280px;
  vertical-align:top;
}

#col_c{
  position:relative;
  top:70px;
  left:300px;
  background-image: url(pics/wave.gif);
	width:50px;
  min-height:300px;
}

a {
	color:#999999;
  text-decoration:none;
  transition:color 0.5s;
}

a:visited {
  color:#665566;
  text-decoration:none;
}
a:hover {
	color: #FFFFFF;
  text-decoration:none;

}

#frame{
  width:200px;
  height:100px;
  border:1px solid;
  border-radius:20px;
  margin:auto;
}

#msg{
  position:fixed !important;
  position:absolute;
  bottom:5px;
  bottom: expression(5+ (a=document.body.scrollTop) + 'px');
  right:5px;
  font-size:10px;
}

#form{
  position:absolute;
  top:120px;
  padding-right:30px;
  text-align:right;
}

#el{
  border:1px dashed #003344;
  padding:5px;
}

#background{
  position:absolute;
  top:20px;
  text-align:center;
  width:100%;
}

#min_w{
  position:relative;
  width:750px;
  height:10px;
}

#bk_img{
   position:relative;
}

#advice{
  font-size:14px;
  color:#662222;
}

#button{
  border: 1px solid;
  border-radius: 10px;
  margin-bottom:20px;
  padding-left:15px;
  padding-right:15px;
  background-color:#000515;
}

#big_img{
  border:1px solid;
  border-radius:20px;
}

#track{
  display:inline-block;
  text-align:left;
  width:220px;
  border: 1px solid;
  border-radius: 10px;
  padding-left:15px;
  padding-right:15px;
  margin-bottom:20px;
  background-color:#000515;
}

#stat{
  position:absolute;
  bottom:0px;
  left:0px;
}

#img{
	display:inline;
	color: #333333;
}