body
{
  padding: 0px;
  margin: 0px;
  font-family: Arial;
  font-size: 11px;
  color: #000000;
  background-color: #FFFFFF;
  behavior:url('csshover2.htc');
  line-height: 150%;
}
a img
{
 border-style: none;
}
hr
{
 width: 75% !important;
 display: block !important;
 color: #6a6a6a !important;
 height: 1px !important;
 border-color: #6a6a6a !important;
 size: 1px !important;
}
a {
  color: #000000;
  text-decoration: none;
  border: 0;
}
p { margin: 0; padding: 10px; }
a:hover
{
color: #559de4;
}
h1
{
  margin: 20px 0;
  font-size: 20px;
  line-height: 24px;
}
h2
{
  margin: 5px 0;
  font-size: 16px;
  line-height: 18px;
}
h3
{
  margin: 2px 0;
  font-size: 12px;
  line-height: 15px;
  font-weight: bold;
}
#main #main_side #content #left_panel
{
  display: block; width: 174px; overflow: hidden;
  padding: 0 0 0 0; overflow: hidden;
}
#main #main_side #content #left_down
{
  position: relative; width: 370px; height: 90px;
  display: block; float: left; clear: left;
  font-family: "Trebuchet MS"; font-size: 12px; color: #343467; line-height: 16px;
  font-weight: bold;
}
#main #main_side #content #right_panel
{
  display: block; width: 590px; overflow: hidden;
  font-size: 12px;
}
#main #main_side #content #right_panel a img
{
  border-style: solid;
  border-color: #c8c8c8;
  border-width: 1px;

}
#newsletter_div { color: #454545; }

#energokabel_logo
{
 margin: 25px 0 0 15px;

}
.cb, #main #footer { position: relative; clear: both; }
.fr { position: relative; float: right; }
.fl { position: relative; float: left; }
.spacer { position: relative; overflow: hidden; height: 120px; width: 1px; display: block; }
.news_text
{
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: justify;
}
#news_side { padding-bottom: 15px; }
.news_date
{
  color: #545454;
  font-size: 10px;
}
#left_panel h3 a { color: #4982b8;   margin: 2px 0; font-size: 12px; line-height: 15px; font-weight: bold; }
.news_title
{
  margin-top: 30px;
  margin-bottom: 11px;
}
.news_link, h1
{
 color: #4982b8 !important;
}
.input
{
 background: #ebebeb;
width: 142px; height: 15px;
display: block;
   padding: 1px;
   padding-top: 3px;
   border: 1px #4d4d4d solid;
   color: #000000;
   margin-top: 12px;
   margin-bottom: 20px;
   margin-left: 8px;
    float: left;  font-size: 11px; font-family: Tahoma;
    padding-left: 3px;
}
.button
{
 width: 60px; height: 21px;
 display: block; float: left;
    margin-top: 12px;
   margin-bottom: 17px;
}

#toleft
{
  float: left; left: 0px;
  background-image: url(../img/left_bg.gif);
}
#toright
{
  float: right; right: 0px;
  background-image: url(../img/right_bg.gif);
}
#toleft #insidel
{
  float: right; right: 410px;
  display: block; width: 116px;
  background-image: url(../img/left_inside.gif);
}
#toright #insider
{
  left: 410px; width: 175px;
  background-image: url(../img/right_inside.gif);
}
#toleft, #toright
{
  width: 50%;  height: 207px;
  position:absolute; top: 102px;
  overflow: hidden;
  
}
#toright #insider, #toleft #insidel { position: relative; z-index: 100; height: 208px; display: block; }



#main
{
 position: relative; width: 822px;
 margin: 0 auto 0 auto;
}
#main #top
{
  position: relative; z-index: 100;
 display: block;  width: 822px;
 background-image: url(../img/top_bg.gif); background-repeat: no-repeat;
}
#main #top #banner
{
  position: relative;
 clear: both; padding-top: 24px;
 width: 851px; height: 208px; display: block; overflow: hidden;
 left:-2px;

}
#main #top #energokabel_logo { float: left; }
/*                 moo menu style                             */
#menu { position: relative; float: right; width: 600px; margin: 50px 0 0 0; z-index: 100; }
/* Root = Horizontal, Secondary = Vertical */
ul.mainmenu {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: auto; /*For KHTML*/
  list-style: none;
  height: 26px;
  position: relative; z-index: 100;
  float: right;
}

ul.mainmenu li {
  position: relative; z-index: 100;
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;

}

/* SUBMENUS */

ul.mainmenu ul {
  z-index: 100;
  margin: 0 !important;
  border: 0 none;
  padding: 0;
  /*width: 167px;*/
  width: auto;
  list-style: none;
  display: none;
  position: absolute;
  top: 13px;
  left: 0;
  padding-top: 8px;
  background-image: url(../img/menu_ul_up.gif);
  background-position: center top; background-repeat: no-repeat;
  line-height: 10px;
}

ul.mainmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px Arial;
  content: ".";
  height: 0;
  visibility: hidden;
  margin: 0 !important;
 
}

ul.mainmenu ul li {
  position: relative; z-index: 100;
  width: 167px; height: auto !important;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/ clear: both;
}

/* Root Menu */
ul.mainmenu a {
  position: relative; z-index: 100;
  padding: 0 6px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  font:  11px/14px Arial;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul.mainmenu a:hover {
  position: relative; z-index: 100;
  color: #FF0000;

}
ul.mainmenu ul a:hover {
  position: relative; z-index: 100;
  color: #FFFFFF; margin: 0;
  background-color: #009afa;
  background-image: url(../img/menu_hover.gif) !important;
  background-position: center bottom; background-repeat: repeat-x;
}
ul.mainmenu ul a
{ 
  padding: 5px 5px 5px 0;
  width: 162px;
  display: block;
  position: relative; z-index: 100;
  background-color: #FFFFFF; margin: 0;
  background-image: url(../img/menu_ul_ul_li.gif);
  background-position: left bottom; background-repeat: repeat-x;
  color: #000000;
}
/* 2nd Menu */
ul.mainmenu li:hover li a,
ul.mainmenu li.iehover li a {
  position: relative; z-index: 100;
  float: none;
    background-image: url(../img/menu_ul_ul_li.gif);
  background-position: left bottom; background-repeat: repeat-x;

}

ul.mainmenu ul ul {
  position: relative; z-index: 100;
  display: none;
  position: absolute;
  background: none !important;
  top: 0;
  padding-top: 0px;
  left: 167px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul.mainmenu li:hover ul ul,
ul.mainmenu li.iehover ul ul {
  display: none !important;
}

ul.mainmenu li:hover ul,
ul.mainmenu ul li:hover ul {
  display: block !important;
}

ul.mainmenu li.iehover ul,
ul.mainmenu ul li.iehover ul {
  display: block !important;
}

li.persistHover,
a.persistHover
{
	background: #CCC;
	color: #FFF;

}


span.counter {
	width: 13px;

	text-align: center;
	line-height: 10px;
	padding-left: 3px;
	background: #4e94ca;
	color: #ffffff;
	font-size: 12px;
	position: absolute;
	right: 1px;
	top: 1px;
	bottom: 1px;
}
/*                 Koniec moo menu styli                      */

#main #main_side
{
  position: relative; padding-top: 50px;
  background-image: url(../img/mainside_bg.gif); background-repeat: no-repeat; background-position: center top;
  display: block;
}
.activepatch { color: #FF0000; font-weight: bold; }
#main #goline
{
  position: absolute; top: 315px; left: 250px;
  width: 550px; z-index: 100;
}
#newsletter_box
{
  position: absolute; top: 250px;
  background-image: url(../img/newsletter_box.gif); background-repeat: no-repeat;
  display: block; width: 233px; height: 99px;
  overflow: hidden; z-index: 100;
}
#main #main_side #content
{
  position: relative;
  width: 820px;
  padding-left: 15px; padding-right: 15px;
  background-image: url(../img/content_bg.gif); background-repeat: no-repeat; background-position: bottom center ;
  padding-bottom: 20px;
   color: #575757; font-family: Tahoma;
   display: table;
}
#main #main_side #content a
{
 color: #850b06;
}
#main #footer
{
 position: relative; width: 822px; height: 70px;
 background-image: url(../img/footer_bg.gif); background-repeat: no-repeat; background-position: center bottom;
}
#main #footer #footer_text
{
 position: relative; width: 500px; float: left;
 display: block;
 font-size: 10px;
 padding-left: 25px; padding-top: 20px;
}
#main #footer #footer_copy
{
 position: relative; width: 250px; float: right;
 display: block; text-align: right; color: #559de4;
 padding-right: 25px; padding-top: 20px; font-weight: bold;
}