@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
#container_main  {
	width: 58em; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #999999;
	text-align: center; /* this overrides the text-align: center on the body element. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(images/fon_main1.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

/*#opacity{
	margin: 50px;
	background-image: url(images/kvadrat_blue.png);
	background-repeat: repeat;
	z-index: -1;
	}*/

h1 {
  color: #369;
  font-size: 1.9em;
}
h2 {
  color: #58b;
  font-size: 1.7em;
}
h3 {
  color: #69c;
  font-size: 1.5em;
}
h4 {
  color: #8be;
  font-size: 1.3em;
}
h5 {
  color: #96c6f6;
  font-size: 1.15em;
}
#container_main a {
	color: #FFFF00;
	text-decoration: none;
}
.container_head  {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 3em;
	font-weight: bold;
	color: #00CCFF;
}
#footer{
	float: left;
	width: 100%;
	background-image: url(images/kvadrat_blue.png);
	height: 3.1em;
	margin-bottom: 1em;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	margin-top: 1em;
}
.oneColElsCtr #container {
	width: 58em;
	background: #FFFFFF; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #999999;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.oneColElsCtr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
#container_energy {
	width: 58em; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #999999;
	text-align: center; /* this overrides the text-align: center on the body element. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(images/fon_energia.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#container_energy a {
	color: #CC0000;
	text-decoration: underline;
}
#container_energy_use {
	width: 58em;
	text-align: center; /* this overrides the text-align: center on the body element. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(images/fon_cust.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#container_energy_save {
	width: 58em;
	text-align: center; /* this overrides the text-align: center on the body element. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(images/fon_energy_save.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#container_scenary {
	width: 58em;
	text-align: center; /* this overrides the text-align: center on the body element. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(images/fon_scenary.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
img  {
	border: 1.3px solid #666666;
	text-align: center;
	margin: 1em;
}
p {
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	line-height: 1.1em;
	font-weight: bold;
	text-align: justify;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

p ul, li{
	text-align: left;
	list-style-position: outside;
	list-style-type: disc;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	line-height: 1.2em;
	font-weight: bold;
	margin-left: 1.5em;
}



#block1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	background-color: #FFFFFF;
	text-align: justify;
	width: 20em;
	border: 2px solid #CC6633;
	float: right;
}
.block1  .content     {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: justify;
	color: #990000;
	margin: 0px;
	font-weight: 400;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}
.block1  .title          {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	background-color: #990000;
	text-align: center;
	width: 100%;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
img a {
	text-align: center;
	margin: 1em;
}
.step1 a {
	float: left;
	height: 91px;
	width: 93px;
	border: 1px solid #FF0000;
}
.step2 a {
}
.step3 a {
}
.step1  a:hover {
	float: left;
	height: 91px;
	width: 93px;
	background-image: url(knop_shag1.gif);
	background-position: center center;
}
span {
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	line-height: 1.1em;
	font-weight: bold;
	text-align: left;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

text {
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	line-height: 1.1em;
	font-weight: bold;
	text-align: left;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}


spare {
	list-style-image: none;
	list-style-type: none;
}
.spare li,.spare a{
	width:161px;
	height:34px;
	list-style-image: none;
	list-style-type: none;
	margin-top: 10px;
	margin-bottom: 10px;
}
.spare a{
display:block;
background-repeat:no-repeat;
background-position: 0 0;
}
.spare a:hover{
background-position:0 -34px;
}
.spare .shpare{
	background-image:url(images/knop_spare.gif);
}
.oneColElsCtr #mainContent a:hover, active {
	text-decoration: underline;
}
.podskaska {
color: #FF9900;
}
.podskaska a{
	color: #0033FF !important;
}

b {
display: none;
}

a:hover b {
	display: block;
	width: 26em;
	position: absolute;
	left: 35em;
	border: 3px groove;
	margin-top: -65px;
	padding: 10px;
	background-color: #FFFF66;
	text-align: left;
	color: #0000FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a:hover {
	background: none;
}
#mery {
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	list-style-image: url(images/dom.gif);
	list-style-position: outside;
}
/*#mery ul {
	list-style-position: outside;
	list-style-image: url(images/dom.gif);
	}
#mery ul li{
	list-style-image: url(images/dom.gif);
	list-style-position: outside;
	}*/
