/* elementy */
html {
  font:  /* 12px id:* */ 75%/1.5 "PT Sans", Arial, sans-serif;
  color: #546065;
  height: 100%;
  padding: 0;
  margin: 0;
}

body {
  padding: 0;
  margin: 0;
  text-align: center;
  min-width: 980px;
}


h1 {
  font-size:  /* 26px */ 216.67%;
  width: 229px; height: 76px;
  overflow: hidden;
  position: relative;
  margin: 0;
}
h1 span {
  position: absolute;
  top: 0; left: 0;
  display: block;
  width: 229px; height: 76px;
  background: url("img/logo.png") no-repeat;
  cursor: pointer;
}

#content h1 {
  position: static;
  width: auto; height: auto;
}
#content h1, h2, h3, h4, h5, h6 {
  margin: .2em 0;
  font: normal bold  /* 25px */ 208.33%/1.4 "PT Sans", Arial, sans-serif;
  color: black;
}
h2 { font-size: 166.67%; color: #007cc1; margin-top: 1em; margin-bottom: .4em; }
h3 { font-size: 133.33%; color: #6FB62A; margin-top: 1em;}
h4 { font-size: 108.33%; color: #007cc1; }
h5 { font-size: 100%; }
h6 { font-size: 100%; }

ul, ol, dl, p, .p, address, fieldset, .gallery, .fileList, .product, .MessageQueue, .pagging { margin: 0 0 1em; }

.MessageQueue * { vertical-align: middle; border: 0; }

ul, ol { padding-left: 0; }
ul { list-style-type: disc; }
ul ul { list-style-type: circle; }
ol { list-style-type: decimal; }
ol ol { list-style-type: lower-alpha; }
ul ul, ol ol, ul ol, ol ul { margin: 0 0 .5em 0; }
li { margin-left: 25px; }

address { font-style: normal; }
address span, span.width {
  display: block;
  width: 6em;
  float: left;
}

hr {
  height: 1px;
  color: #c6c6c5;
  background-color: #c6c6c5;
  border: 0px solid #c6c6c5;
  margin: 0;

  margin: .66em 0;

clear: both;
}

sub, sup {
  vertical-align: baseline;
  position: relative;
}
sub { top:    0.4em; }
sup { bottom: 0.4em; }

dt { font-weight: bold; }
dd { margin: 0 0 1em 1.5em; }

a {
	color: #007cc1;
}
a:hover {
	color: #6fb62a;
}

/* # id */
#headerInner, #subheaderInner, #pageInner, #footerInner { /* lot of divs fot similar look with/without images */
  width: 980px;
  margin: 0 auto;
  text-align: left;
  position: relative;
}
#subheaderInner, #footerInner {
	text-shadow: 1px 1px 2px #404040;
}
#pageInner {
height: 400px;
}
.page #pageInner {
	height: auto;
}
#header, #headerInner { overflow: visible; }
#header {
  padding: 25px 0 23px;
  background: url("img/gradient-blue-white.png") 0 0 repeat-x;
}
#subheader, #footer {
  background: #007cc1;
  color: white;
  overflow: hidden;
}
#subheader { border-bottom: 1px solid white; font-size: 32px; font-weight: bold; padding: 0.5em;}
#page {
  border-top: 9px solid #6fb62a;
  background: url("img/gradient-blue-white.png") 0 1px repeat-x;
  /*text-align: center;*/
}
#footer {
  margin-top: 2em;
}
.page #footer {
	clear: both;
}

#headerPlaceholder {
  display: block;
  height: 4px;
}
#footerInner {
  padding: 1em 0;
  font-size:  /* 14px */ 116.67%;
}


#InstallButton, #FaqButton{
  display: block;
  margin: 1em 0;
  color: white;
  background: #6FB62A;
  padding: 8px 15px;
  font-size: 150%;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  -moz-border-radius: 8px 8px 8px 8px;
  -webkit-border-radius: 8px 8px 8px 8px;
  border-radius: 8px 8px 8px 8px;
  width: 400px;
}

#InstallButton:hover , #FaqButton:hover {
  color: #222222;

}

#screen {
  float:right;
  width: 500px;
  margin-left: 45px;
  margin-top: 20px;
}

.red {
 color: red;
}

.clear { clear: both; }

.colorbox {
	position: relative;
	left: -133px;
	margin-right: -133px;
	margin-left: -1em;
	float: left;
	display: inline;
	text-decoration: none;
}
.colorbox img {
	border: 2px solid #007cc1;
	border-radius: 7px;
	margin: 0 0 1em 0;
	overflow: hidden;
}
.colorbox:hover img {
	border-color: #6fb62a;
}

ol.guide {
	margin-top: 1em;
	list-style: decimal;
	list-style-position: inside;
}
ol.guide li {
	clear: both;
	margin-left: 133px;
	padding-left: 1em;
	padding-bottom: 1em;
	font-weight: bold;
}
ol.guide li p {
	font-weight: normal;
	margin: 0;
}

ol.guide .infobox {
	border: 2px solid #007cc1;
	margin: 1em 0;
	padding: 10px 10px 10px 47px;
	background: url("img/info.png") 5px 7px no-repeat;
}

ol.guide .infobox ol {
	margin-top: 1em;
}

.panel {
	padding: 0 10px;
	border: 1px solid #6FB62A;
	border-radius: 5px;
	box-shadow: 1px 1px 2px #ccc;
}

.disabled {
	color: #aaa;
}

pre {
	font-size: 1.2em;
}