/******** COMMON STYLES ***********/
* { padding: 0; margin: 0; }
body { font-family: Arial, Sans; font-weight: normal; background: #DDDEE0; color: #2170A8; z-index: 0; }
body, table { font-size: 0.75em; }
a { color: #1F70A5; text-decoration: none; }
a:hover { text-decoration: underline; }
h1 { font-size: 1.3em; font-weight: bold; color: #1D6AA0; margin: 5px 0; }
h2 { font-size: 1.1em; font-weight: bold; color: #1D6AA0; }
.hr { border-bottom: 1px solid #000; }	
.hr hr { display: none; }
object { outline: 0px; }

/* warstwa rozszerzająca się razem z floatami */
.floatWrapper { overflow: hidden; }

/* obrazki do HPE */

img.imageLeft { float: left; margin: 5px 5px 5px 0; }
img.imageRight { float: right; margin: 5px 0 5px 5px; }

/* data w aktualnościach i nie tylko */
span.date { font-weight: bold; display: block; }
/* link więcej w nowej lini */
span.more { display: block; }

/* standardowe style tekstu */
.standard   { color: #000; }
	.standard p { margin: 10px 0; line-height: 1.5; }
	.standard .header, .standard .nag, .standard .nag_sm { font-weight: bold; color: #1180BB; }
	.standard .text_sm { font-size: 0.9em; color: #313131; }
	.standard a { color: #3D9DCE; }
	.standard ul, .standard ol { margin: 0; padding: 0; }
	.standard ul li,.standard ol li { margin: 10px 0 10px 15px; }
	.standard table td { padding: 2px 5px; color: #424242; }

/******** COMMON STYLES END ***********/

/******** LAYOUT STYLES ***********/

/* biała warstwa na szarym tle body rozciągnietą do dołu */
#site {
	position: absolute; left: 50%; width: 988px; top: 0; min-height: 100%; margin-left: -499px;
	border: solid 5px #FFF; border-style: none solid; background: #FFF; z-index: 1; }

#main { float: right; width: 788px; }

/* górne menu */
#top { 
	position: absolute; left: 0; top: 0; height: 81px; width: 100%;
	background: repeat-x left top #0D2972; background-image: url(../images/backgrounds/top.png); }
	
	#top a { color: #FFF; }
	/* pozycjonujemy oba menu z prawej strony*/
	#top .mainMenu, #top .staticMenu { position: absolute; right: 20px; margin: 0; padding: 0; font-size: 0.9em; }
	/* następnie górne u góry, a dolne na dole */
	#top .staticMenu { top: 0; } #top .mainMenu { bottom: 0; }

	/* elementy menu */
	#top ul { float: right;	 color: #fff; }
	#top li { list-style: none; float: left; margin: 0; }
	#top .staticMenu li { padding: 6px 20px 3px 0; }
	#top .staticMenu li.lang { padding: 0; }
	#top .staticMenu li.lang a { display: block; padding: 6px 11px 15px; }
	#top .staticMenu li.lang a:hover, #top .staticMenu li.langActive a { background: url(../images/backgrounds/lang_menu_active.png) repeat-x; text-decoration: none; }
	#top .staticMenu li.langActive a { font-weight: bold; }
	#top .mainMenu li { background: url(../images/backgrounds/main_menu_border.gif) left bottom repeat-y; }
	#top .mainMenu li:first-child, #top .mainMenu li.first-child { background: none; }
	#top .mainMenu li a { display: block; padding: 7px; }
	#top .mainMenu li a:hover,#top .mainMenu li a.active { color: #72CCFF; }

	/* logo usp */
	#top .logo { position: absolute; left: 15px; bottom: -88px; width: 196px; height: 143px; }
	#top .logo img { width: 196px; height: 143px; border: none; }

/* pole wyszukiwarki */
#searchbox { background: #75C3E7; width: 230px; height: 30px; }
	#searchbox input { position: absolute; top: 3px; border: 0px solid black; padding: 0; font-size: 1.0em; }
	#searchbox input.text { left: 3px; width: 143px; color: #4892DC; height: 16px; padding: 4px 6px; } 
	#searchbox input.submit { right: 3px; width: 65px; background: #2DA2D7; color: #FFF; height: 24px; }
	#searchbox input.submit:hover { background: #06498D; cursor: pointer; }
/* zawartość edytowalna z HPE */
#content {  margin: 81px 0 40px; padding-left: 200px; overflow: hidden; z-index: 2; }
	/* tylko na stronie głównej */
	#content.homeContent { }

	/* obrazek tła zawartości (imageHeader) */
	#content #contentImageHeader { position: absolute; left: 0px !important; top: 81px !important; width: 988px; /*height: 380px;*/ padding-top:4px; overflow: hidden; z-index: -1; }
	#content #contentImageHeader img { width: 988px; /*height: 380px;*/ }

	/* główne kolumny */
	#content .contentLeft { float: left; display: inline; padding-top: 110px; margin-left: -190px; width: 180px; font-size: 0.9em; }
	/* tylko na stronie głównej */
	#content.homeContent .contentLeft { margin-top: 10px; }
	#content.homeContent .contentLeft h1 { font-size: 1.5em; color: #136098; }

	#content .contentRight { float: right; display: inline; margin-top: 135px; margin-right: -230px; width: 230px; }
	#content .contentRight #searchbox { margin-bottom: 5px; }
	#content .contentCenter { padding-top: 170px; }

/* ~homeContent */
	#content .pageContent { margin-top: 150px; background: #fff; padding: 5px 15px 40px; min-height: 250px; }
		
		/* nagłowek strony */
		#content .pageContent h1 { padding: 7px 0; color: #21689E; font-size: 1.6em; }
		
		/* scieżka */
		#content .pageContent .path { color: #9ABBC9; display: block; padding: 2px 0 5px 0; border-bottom: 1px dotted #9ABBC9; }
		#content .pageContent .path span { font-size: 1.1em; }
		#content .pageContent .path a { color: #9ABBC9; }
		
		/* wyszukiwarka */
		#content .pageContent #searchbox { float: right; position: relative; margin: 0px; }
		
		/* kolumny tekstu */
		#content .pageContent .column { float: left; width: 340px; margin: 15px 25px 0 0; }
		#content .pageContent .columnLast { margin-right: 0px !important; }
		#content .pageContent .column .header {border-bottom: 1px solid #79a4c6; color: #21689e; font-size: 1.4em; font-weight: bold; padding-bottom: 3px;}
		
		/* pojedyncza kolumna tekstu */
		#content .pageContent #page_body {margin-right: 50px;}
		
		/* linki narzędziowe */
		#content .pageContent .tools { position: absolute; right: 0; bottom: 30px; }
		#content .pageContent .tools div { float: right; padding: 5px 10px 5px 25px; }
		#content .pageContent .tools a { color: #3B9DCE; }
		#content .pageContent .printMe { background: url(../images/backgrounds/print.png) left center no-repeat; }
		#content .pageContent .jumpUp { background: url(../images/backgrounds/jumpup.png) left center no-repeat; }

		#content .pageContent .productAdditionalTools { padding-top: 10px; }
		#content .pageContent .productAdditionalTools div { float: left; padding: 5px 10px 5px 25px; }
		#content .pageContent .productAdditionalTools a { color: #3B9DCE; }
		#content .pageContent .login { background: url(../images/backgrounds/login.png) left center no-repeat; }
		#content .pageContent .warning { background: url(../images/backgrounds/warning.png) left center no-repeat; }
		
	#content .leftMenu { padding: 40px 1px 5px 5px; font-size: 1.1em; }
	/* menu lewe i prawe */
	#content .sideMenu ul { list-style: none; }
	#content .sideMenu li { padding: 7px 5px 7px 13px; text-align: left; border-bottom: dotted 1px #2EB3D4; background: url(../images/menu-mark.png) 4px 12px no-repeat; }
	#content .sideMenu a { color: #2170A9; }
	#content .sideMenu .active a { font-weight: bold; }

/* stopka */
#footer { position: absolute; left: 0; bottom: 10px; width: 100%; padding-top: 5px; border-top: solid 2px #C9EFFF; color: #2C79AE; text-align: center; }
	#footer, #footer * { font-size: 11px; }
	#footer a { color: #2C79AE; }
	#footer .left { float: left; } /* z lewej strony stopki */
	#footer .right { float: right; } /* z prawej strony stopki */
	#footer .separator { padding: 0 3px; } /* stopkowaty separator menu */

/******** LAYOUT STYLES END ***********/

/******** TEMPLATE STYLES ***********/

/*** TEMPLATE main.tpl */

/* right side */
.homeContent .contentLeft #columnLeftContent { padding: 0 20px 0 0; }
	.homeContent .contentLeft #columnLeftContent ul { padding: 0 0 0 15px; }
	.homeContent .contentLeft #columnLeftContent ul li { margin: 10px 0 0; }
	.homeContent .contentLeft #columnLeftContent .prelude { font-size: 1.1em; color: #305695; font-weight: bold; }
	.homeContent .contentRight #flashMap { margin: 0; width: 230px; height: 257px; }
	.homeContent .contentRight .areas { font-size: 1.3em; font-weight: bold;	background: #C3E7FF url(../images/backgrounds/areas.png) repeat-y; }
	.homeContent .contentRight .areas a { padding: 10px; display: block; color: #005F9F; background: #DDF5FF url(../images/backgrounds/areas_item.png) repeat-y; }
	.homeContent .contentRight .areas ul { list-style: none; padding: 7px 3px; }
	.homeContent .contentRight .areas ul li { margin-top: 3px; }
	.homeContent .contentRight .areas ul li span { float: left; width: 30px; }
	.homeContent .contentRight .areas ul li span img { width: 22px; height: 22px; border: 0; }
	.homeContent .contentRight .areas ul li:first-child, .homeContent .contentRight .areas ul li.first-child { margin-top: 0; }
	.homeContent .contentRight .shortcuts { margin-top: 3px; padding: 5px; background: #DEF5FD url(../images/backgrounds/shortcuts.png) repeat-y; }
	.homeContent .contentRight .shortcuts h1 { font-size: 1.2em; padding: 3px 5px; }
	.homeContent .contentRight .shortcuts ul { padding: 10px; background: #DEF4FF url(../images/backgrounds/shortcuts_item.png) repeat-y; }
	.homeContent .contentRight .shortcuts li { margin: 5px 0 0 2px; padding-left: 10px; color: #000; list-style: none; background:  url(../images/list_shortcut.png) left center no-repeat; font-size: 0.9em; }
	.homeContent .contentRight .shortcuts li:first-child, .homeContent .contentRight .shortcuts li.first-child { margin-top: 0; }
	.homeContent .contentRight .shortcuts li a { color: #2271A9; }

	.homeContent #productBox { height: 257px; background: #01164A; }
/* facts i news */

	.homeContent .block { width: 360px; float: left; display: inline; margin: 10px 5px 0px 25px; }
	.homeContent .block h1 { background: url(../images/backgrounds/main_tpl_title.png) top left no-repeat; height: 26px; padding: 7px 0 0 10px; overflow: hidden; color: #083B7C; }
	.homeContent .block p { margin: 10px 0; }
	.homeContent .block .footer { border-top: solid 2px #A5E0F9; }
	.homeContent .block .footer .more { border-left: dotted 1px #A5E0F9; float: right; padding: 5px 25px 5px 5px; background: url(../images/backgrounds/more.png) right center no-repeat; }
	.homeContent .block .podcast h2 { padding: 5px 0 0; font-weight: bold; font-size: 16px; }
	#factsContent { padding: 0px 15px; }
	/*.homeContent .block .footer .podcast { float: left; padding: 5px 25px 5px 5px; background: url(../images/backgrounds/podcast.png) bottom left repeat-x; }
	.homeContent .block .footer .podcast a { font-weight: bold; }*/

/*** TEMPLATE contactWithMap.tpl ***/
#gMapWar, #gMapWro {height: 320px; margin-top: 20px; width: 330px;}

/*** TEMPLATE history.tpl */
#content .pageContent .historyLeft {width: 312px; margin: 15px 0 0 0;}
#content .pageContent .historyRight {width: 300px;}
#content .pageContent .historyYear {color: #3072a4; display: inline; font-weight: bold; font-size: 1.2em; width: 80px; border: 0px solid #000000; margin-right: 0;}
#content .pageContent .historyYear div {float: left; text-align: center; width: 35px;}
#content .pageContent .historyYear div.nav {line-height: 12px; width: 22px;}
#history {margin-top: 10px;}
#history .year {clear: both; margin-top: -10px;}
#history .product {background: #cccccc; color: #ffffff; display: -moz-inline-box; display: inline-block; font-weight: bold; line-height: 18px; margin-bottom: 2px; padding: 2px 14px 2px 14px; white-space: nowrap;}

/*** TEMPLATE product.tpl */
	.productTplContent .path { margin-right: 230px; }
	
	.productTplContent .packshot { float: left; width: 250px; margin: 10px 30px 0 0; }
	.productTplContent .packshot img { border: 0; width: 250px; /* height: 220px; */ }
	.productTplContent .packshot .enlarge { text-align: right; margin-top: 10px; }
	
	.productTplContent .productMenu { float: right; width: 225px; margin-right: -10px; padding-top: 10px; }
	.productTplContent .productMenu h2 { padding: 0 0 5px 15px; font-size: 1em; border-bottom: solid 2px #76C4E8; }
	.productTplContent .productMenu ul { margin: 0 0 0 15px; }
	.productTplContent .productMenu ul li { margin: 0; }
	
	.productTplContent .productTools { float: left; margin-top: -5px; width: 240px; }
	.productTplContent .productTools ul { margin: 0; padding: 0; list-style: none; }
	.productTplContent .productTools li { padding: 5px 20px 5px 25px; margin: 0; float: left; }
	.productTplContent .productTools li.print { background: url(../images/backgrounds/print.png) no-repeat left center; }
	.productTplContent .productTools li.info { background: url(../images/backgrounds/info.png) no-repeat left center; }
	
	.productTplContent #page_text { float: left; width: 240px; margin-top: 15px; }
	.productTplContent #page_text_adtl { width: 520px; }

/*** TEMPLATE siteMap.tpl */
	.siteMapTplContent .siteMap { font-size: 1.4em; }
	.siteMapTplContent .siteMap ul { font-weight: bold; font-size: 1.0em; list-style: circle; }
	.siteMapTplContent .siteMap ul ul { font-size: 0.8em; font-weight: normal; }
	.siteMapTplContent .siteMap ul ul ul { font-size: 0.9em; }
	.siteMapTplContent .siteMap ul li { margin: 20px 0 0 30px; }
	.siteMapTplContent .siteMap ul ul li { margin-top: 10px; }
	.siteMapTplContent .siteMap ul ul ul li { margin-top: 5px; }

/*** TEMPLATE productsAZ.tpl */
	.productsAZTplContent .productsAZ h2 { font-size: 1.2em; margin: 15px 0; }
	.productsAZTplContent .productsAZ ul { list-style: none; }

/*** TEMPLATE search.tpl */
	.searchTplContent ol { margin-top: 10px; }
	.searchTplContent ol li { margin-top: 2px; margin-bottom: 0; margin-left: 30px; padding-top: 0; padding-bottom: 0; }
	.searchTplContent .form { }
	.searchTplContent input { border: 1px solid #7F9DB9; padding: 0; font-size: 1.0em; padding: 3px 0; }
	.searchTplContent input.text { width: 143px; color: #4892DC; height: 16px; padding: 4px 6px; vertical-align: middle; float: left; margin-right: 5px; } 
	.searchTplContent input.submit { width: 65px; background: #2DA2D7; color: #FFF; height: 26px; padding: 0 !important; border: 0 !important;  float: left; }
	.searchTplContent input.submit:hover { background: #06498D; cursor: pointer; }
	
/*** TEMPLATE newsgroup.tpl */
	.newsgroupTplContent .news { padding: 10px 0; border-bottom: solid 1px #C7D8E2;  }
	.newsgroupTplContent .news h2 { font-size: 1.0em; }
	.newsgroupTplContent .news h2 a { color: #21689E; }
	.newsgroupTplContent .news .date { font-size: 11px; color: #38729E; }
	.newsgroupTplContent .news p { margin: 5px 0 3px; }
	
/*** TEMPLATE news.tpl */
	.newsTplContent h1 { padding-bottom: 0 !important; margin-bottom: 0 !important; }
	.newsTplContent .date { font-size: 11px; color: #38729E; padding-bottom: 13px; }
	
/*** TEMPLATE drzone.tpl */
	.drzoneTplContent .buttons { width: 240px; margin: 50px auto; }
	.drzoneTplContent .buttons .yes { float: left; }
	.drzoneTplContent .buttons .no { float: right; }
	.drzoneTplContent .buttons img { border: 0; width: 114px; height: 63px; }
	
/******** TEMPLATE STYLES END ***********/