/* Layout */
#container { background: none; }

#insidecontainer { width: 900px;  padding-bottom: 0px; background-color: #fff; text-align: left;  margin-left: auto; margin-right: auto; }

#topleft { float: left; width: 450px; }
#topright { float: left; width: 450px; }

#menutop { padding: 0px 10px 0px 8px;  background: none; } 
#menutop .menuitem {  border: 0px;  }


#banner { width: 900px; height: 112px; position: relative; z-index: 0; }
#banner .left { float: left; width: 242px; height: 112px; background: url('g_bannertopleft.jpg') no-repeat left bottom; }
#banner .left .inside { padding: 17px 0px 0px 20px; }
#banner .right { float: left; width: 658px; height: 112px; }

#toplayer { margin-top: 68px;  }

#center {  background: none; }

#menuleft { width: 160px; }
#menuleft .top { width: 160px; height: 8px; font-size: 1px; background: url("g_menulefttopbg.gif") no-repeat left top; }
#menuleft .bottom { width: 160px; height: 6px; font-size: 1px; background: url("g_menuleftbottombg.gif") no-repeat left top; }
#menuleft .middle { width: 160px; background: #c7defb; }
#menuleft a { display: block; width: 120px; font-size: 12px; color: #0c425e; padding: 5px 20px 5px 20px; border-bottom: 1px solid #89a8d0; }
#menuleft a.orange { border: 1px solid #dd8a1f; padding-left: 19px; font-weight: normal; width: 118px; }
#menuleft a.orange:hover { width: 118px; padding-left: 18px;}
#menuleft a:hover { text-decoration: none; background-color: #b5f1f0; color: #0c425e; padding-left: 18px; border-left: 2px solid #89a8d0; }
#menuleft a.last { display: block; border-bottom-width: 0px; }
#menuleft a.last:hover { display: block; border-bottom: 1px solid #89a8d0; padding-bottom: 4px; }
#menuleft a.first:hover { display: block; border-top: 1px solid #89a8d0; padding-top: 4px; }
#menuleft .bgsub a { background-color: #c7defb; padding-bottom: 4px; border-bottom: 1px solid #89a8d0; }
#menuleft .bgsub a:hover { background-color: #b5f1f0; }
#menuleft .active a { font-size: 12px; width: 132px; text-decoration: none; background-color: #c7defb; color: #0c425e; padding-left: 6px; border-left: 2px solid #89a8d0; }
#menuleft .active a.orange { width: 130px; }
#menuleft .active a:hover {  width: 132px;  padding-left: 6px; background-color: #b5f1f0; }
#menuleft .active a.orange:hover { width: 130px; }
#menuleft .active a.last { display: block; border-bottom: 1px solid #89a8d0; padding-bottom: 4px; }
#menuleft .active a.first { display: block; border-top: 1px solid #89a8d0; padding-top: 4px; }
#menuleft span { font-size: 11px; font-weight: bold; color: #CB3421; }
#menuleft .sub a { display: block; background-color: #DFEDFF; width: 105px; font-size: 11px; color: #0c425e; padding: 4px 20px 4px 35px; border-bottom: 1px solid #89a8d0; }
#menuleft .sub a:hover { text-decoration: none; background-color: #b5f1f0; color: #0c425e; padding-left: 33px; border-left: 2px solid #89a8d0; }
#menuleft .sub a.last { display: block; border-bottom-width: 0px; }
#menuleft .sub a.last:hover { display: block; border-bottom: 1px solid #89a8d0; padding-bottom: 4px; }
#menuleft .sub a.first:hover { display: block; border-top: 1px solid #89a8d0; padding-top: 4px; }
#menuleft .sub a.active { font-size: 11px; width: 116px; text-decoration: none; background-color: #DFEDFF; color: #283668; padding-left: 22px; border-left: 2px solid #89a8d0; }
#menuleft .sub a.active:hover {  width: 116px;  padding-left: 22px; }
#menuleft .sub a.first { display: block; border-top: 1px solid #89a8d0; padding-top: 4px; }
#menuleft .subsub a { display: block; background-color: #F5FBFF; width: 95px; font-size: 11px; color: #0c425e; padding: 4px 20px 4px 45px; border-bottom: 1px solid #89a8d0; }
#menuleft .subsub a:hover { text-decoration: none; background-color: #b5f1f0; color: #0c425e; padding-left: 43px; border-left: 2px solid #89a8d0; }
#menuleft .subsub a.last { display: block; border-bottom-width: 0px; }
#menuleft .subsub a.last:hover { display: block; border-bottom: 1px solid #89a8d0; padding-bottom: 4px; }
#menuleft .subsub a.first:hover { display: block; border-top: 1px solid #89a8d0; padding-top: 4px; }
#menuleft .subsub a.active { font-size: 11px; width: 106px; text-decoration: none; background-color: #9ec9ff; background-color: #F5FBFF; color: #0c425e; padding-left: 32px; border-left: 2px solid #89a8d0; }
#menuleft .subsub a.active:hover {  width: 106px;  padding-left: 32px; }
#menuleft .subsub a.first { display: block; border-top: 1px solid #89a8d0; padding-top: 4px; }

#newsletter { margin-bottom: 10px;}
#newsletter .top { width: 160px; height: 82px; background: #416fab url("newsletterbg.jpg") no-repeat left top;  }
html>body #newsletter .top { min-height: 82px; height: auto; }
#newsletter .bottom { width: 160px; height: 7px; background: url("newsletterbottombg.jpg") no-repeat left top; }
#newsletter .topgaz { width: 160px; height: 82px; background: #5c92c0 url("gnewsletterbg.jpg") no-repeat left top;  }
html>body #newsletter .topgaz { min-height: 82px; height: auto; }
#newsletter .bottomgaz { width: 160px; height: 7px; background: url("gnewsletterbottombg.jpg") no-repeat left top; } 
#newsletter .inside { padding: 7px 8px 0px 8px; font-size: 12px; color: #fff; }
#newsletter form { margin: 12px 0px 0px 0px; padding: 0px; }
#newsletter table { margin: 0px; padding: 0px; border: 0px; border-collapse: collapse; }
#newsletter td { vertical-align: center; border: 0px; margin: 0px; padding: 0px 2px 0px 0px; text-align: left; }
#newsletter input { width: 85px;  height: 18px; border: 1px solid #848485; color: #304983; background-color: #fff; }
#newsletter input.buttonnewsletter { width: 50px; padding: 0px; font-size: 10px; height: 22px;  background-color: #fff; }
#newsletter .captiontxt { padding: 1px 0px 2px 25px; word-wrap: break-word; font-weight: bold; background:url('iconewsletter.gif') no-repeat left center; }

#wyszukiwarka { width: 160px; height: 116px; margin-top: 15px; margin-bottom: 15px; }

#content { padding-top: 20px; text-align: center; }

.orangetext { color: #CB3421; }

#wyszukiwarkaright { width: 160px; height: 71px; background: url("g_wyszukiwarkaright.jpg") no-repeat left top; margin-bottom: 10px; } 
#wyszukiwarkaright .inside { padding: 12px 7px 10px 12px; font-size: 12px; color: #fff; }
#wyszukiwarkaright form { margin: 10px 0px 0px 0px; padding: 0px; }
#wyszukiwarkaright table { margin: 0px; padding: 0px; border: 0px; border-collapse: collapse; }
#wyszukiwarkaright td { vertical-align: center; border: 0px; margin: 0px; padding: 0px 2px 0px 0px; text-align: left; }
#wyszukiwarkaright input { width: 95px;  height: 18px; border: 1px solid #85a6c7; color: #304983; background-color: #fff; }
#wyszukiwarkaright input.buttonsearch { border: 0px; margin-left: 5px; width: 18px; padding: 0px; font-size: 10px; height: 18px;   background: url("g_wyszukiwarkarightbtn.gif") no-repeat left top; }


.box { width: 160px;  margin-bottom: 10px; }
.box .header { width: 160px; height: 26px; background: url("g_boxheaderbg.gif") no-repeat left top; } 
.box .header .inside { padding: 6px 17px 0px 17px; font-size: 11px; color: #fff; font-weight: bold; }
.box .content { text-align: center; padding-top: 15px; padding-bottom: 15px; }

#tipDiv {  z-index: 1000; border: 1px solid #4574b2; background: none;; left: 0px; visibility: hidden; width: 300px; position: absolute; top: 0px; text-align: left }
#tipDiv .content { width: 100%; background-color: #ecf1f7; padding-bottom: 0px; opacity:.90;filter: alpha(opacity=90); -moz-opacity: 0.90;}
#tipDiv .content .inside { padding: 5px 10px 10px 10px; font-size: 11px; color:#444;}
#tipDiv .content h2 { font-size: 12px; color:#4574b2; font-weight: bold; padding: 0px; margin: 0px; margin-bottom: 5px; }
#tipDiv2 {  z-index: 1000; border: 1px solid #4574b2; background: none; width: 150px; left: 0px; visibility: hidden; position: absolute; top: 0px; text-align: left }
#tipDiv2 .header { width: 100%; background-color: #4574b2; }
#tipDiv2 .header .inside { padding: 4px 10px 4px 10px; font-size: 11px; color: #fff;}
#tipDiv2 .content { width: 100%; background-color: #ecf1f7; padding-bottom: 0px;}
#tipDiv2 .content .inside { padding: 5px 10px 5px 10px; text-align: center; font-size: 10px; color:#4c5157;}
#tipDiv2 .content img { border: 1px solid #9e9c9d; }
#container img.tip { margin: 0px; margin-left: 3px;}

#sitemap { padding-left: 10px; }
#sitemap div { margin: 0px; padding: 0px; }
#sitemap .join { float: left; width: 18px; height: 18px; background: url('join.gif') no-repeat; }
#sitemap .joinbottom { float: left; width: 18px; height: 18px; background: url('joinbottom.gif') no-repeat; }
#sitemap .line { float: left; width: 18px; height: 18px; background: url('line.gif') no-repeat; }
#sitemap .dot { float: left; width: 4px; height: 18px; }
#sitemap .empty { float: left; width: 18px; height: 18px; }
#sitemap .caption { padding: 0px; height: 18px; float: left; text-align: left; color: #283669; font-size: 13px; }
#sitemap .caption a {color: #283669; font-size: 12px; }
#sitemap .clr {clear: both;  border: 0px; height: 2px; font-size: 0px; margin: 0px; padding: 0px;}
#sitemap .linebg { background: url('line.gif') no-repeat; }
#sitemap .linebg2 { background: url('line2.gif') no-repeat; }
#sitemap ul { list-style: url("arrow_list.gif"); padding: 0px; margin: 2px 0px 3px 30px; }
#sitemap li { padding: 0px; margin: 0px;  }
#sitemap ul li a.sitemaps { color: #666; text-decoration: none;}
#sitemap ul li a.sitemaps:hover { color: #CB3421; text-decoration: none;  }
#sitemap .inactive { text-decoration: line-through; }

.invisible { display: none; }
.visible { display: block; }

#messagewindow { background-color: #ecf1f7; border: 1px solid #4574b2;  padding: 15px; font-size: 12px;  display: none; position: absolute; text-align: left; width: 300px; z-index: 20; margin-left: -150px; left: 50%; }
#messagewindow #messagewindowcontentpart { }
#messagewindow .header { font-size: 12px; margin-bottom: 12px; font-weight: bold; color: #283669; }
#messagewindow .content { text-align: justify; color: #444; font-size: 11px;}

#mapwindow { display: none;position: absolute; text-align: left; width: 780px; z-index: 20; margin-left: -390px; left: 50%; }
#maptarget { display: none; position: absolute; margin-top: 463px; text-align: left; height: 53px; width: 68px; z-index: 20; margin-left: -34px; left: 50%; background: url('target.png') no-repeat right center; }

.printheader { display: none; }
.printfooter { display: none; }
.printtitle { display: none; }

#footer { width: 900px; padding-top: 20px; font-size: 10px; color: #fff; }
#footer a { font-size: 10px; color: #fff; }
#footer .top { width: 900px; font-size: 1px; background: url("g_footertopbg.gif") no-repeat left top; height: 7px; }
#footer .bottom { background-color: #4c87d1; height: 25px; }
#footer .bottom .left { width: 400px; float: left; text-align: left; padding-top: 6px; padding-left: 15px;}
#footer .bottom .right { width: 400px; float: right; text-align: right; padding-top: 6px; padding-right: 15px;}