/* body styles  / reset / links / headings / other elements / tags  */
@import "reset.css";

body {
	background: #e8e6df;
	color: #3f4042;
	font: 0.69em Tahoma, Arial, Helvetica, sans-serif;
	float: left;
	padding-bottom: 20px;
}

object {
	float: left
}

legend {
	display: none
}

.accessibility {
	display: none
}

.notxt {
	font-size: 0;
	line-height: 0;
	text-indent: -9998%;
}

.wrapper {
	margin: 0 auto;
	width: 950px;
}

#header h1, #header strong {
	background: url(../img/header.h1.gif) no-repeat 0 0;
	float: left;
	height: 35px;
	margin-left: 20px;
	text-indent: -9998em;
	width: 165px;
}

#header h1 a, #header strong a{
	display: block;
	height: 100%;
}

#subpage #banner h1,#subpage #banner h1, #subpage #banner #h1 {
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	font-size: 28px;
	width: 500px;
}

#news h4 a {
	color: #f46d0d;
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
	text-decoration: none;
}

#news h3 {
	display: block;
	overflow: auto;
}

#news h3 strong {
	display:block;	
	float: left;		
	color:black;
	width: 110px;
	height:35px;
	font-size:12px;
	line-height: 1em;	
}

#news h3 a {
	background: url(../img/news.h3.a.bg.gif) no-repeat 0 4px;
	color: #f46d0d;
	float: left;
	margin: 3px 0 0 22px;
	padding-left: 12px;
	text-decoration: none;
}
#news .contents a, #news .contents a:hover, #news .contents a:visited {
	color: 	#3F4042;
	text-decoration: none;
}

object {
	margin-bottom: 20px;
}

#news h3 a:hover {
	text-decoration: underline
}

.contents h2 {
	font-size: 18px;
	margin-top: 10px;
	margin-left: -2px;
	display: block;
	clear: both;
}

.contents h3,.contents h4 {
	font-weight: bold;
	font-size: 1.36em;
	margin: 12px 0 5px;
}

.contents h4 {
	font-size: 1.18em
}

#headings h2 {	
	float: left;
	height:40px;
	overflow: hidden;	
	width: 115px;
	color:white;
	padding-top:10px;
}

#infos h4,#infos h4 a {
	color: #3f4042;
	font-weight: bold;
	text-decoration: none;
}

/* forms / notifications and errors / consistant items with normally just one class  */
	/* skeleton including page furniture  */
#header {
	background: #fff;
	height: 140px;
	position: relative;
	z-index: 20;
}

#header .wrapper {
	height: 112px;
	padding-top: 28px;
	position: relative;
}

#banner {
	height: 335px;
	overflow: hidden;
}

#banner .wrapper {
	height: 100%;
	position: relative;
}

#sidebar {
	margin-left: 10px;
	width: 196px;
}

#sidebar li a.active {
	font-weight: bold;
}

#sidebar ul li ul a {
	background-color: #f5f5f5;
	padding: 8px 2% 8px 20px;
}

#sidebar ul li ul a.active {
	font-weight: normal;
}

#main-content {
	float: right;
	width: 730px;
	margin-right: 8px;
}

#main-content.alone {
	width: 98%;
}

.contents {
	line-height: 1.55em;	
}

#footer {
	border-bottom: 1px solid #b1aea5;
	border-top: 1px solid #b9b7b0;
	clear: both;
	color: #6e6e6e;
	margin: 0 auto;
	overflow: auto;
	padding: 15px 20px 0;
	width: 910px;
}

#subpage #header {
	height: 128px
}

#subpage #header .wrapper {
	height: 108px;
	padding-top: 20px;
}

#subpage #banner {
	background: #fff;
	height: 97px;
}

#subpage #banner .wrapper {
	background: url(../img/subpage.banner.bg.jpg) no-repeat top right;
	border-bottom: 6px solid #f46c0c;
	height: 91px;
}

#subpage #content .wrapper {
	background: #fff;
	overflow: auto;
	padding: 20px 0 25px;
}
#subpage #content {
	z-index: 1;
}
/* page components -> most of styles  */
#sub-user-menu {
	float: right;
	clear: right;
	margin-top: 18px;
	margin-right: 14px;
}
#sub-user-menu li a:hover {
	color: 	#F76D08;
}

#sub-user-menu li {
	font-size: 0.8em;
	background: none;
	float: left;
	padding: 0 7px 0 6px;
	
}

#user-menu {
	float: right;
	margin: 7px 20px 0 0;
	width: 500px;
}

#user-menu li {
	background: url(../img/user-menu.li.bg.gif) no-repeat top right;
	float: right;
	padding: 0 18px 0 17px;
}

#user-menu li.first-child,#sub-user-menu li.first-child {
	background: none;
	padding-right: 0;
}

#user-menu li a,#sub-user-menu li a {
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #6e6e6e;
	padding-left: 17px;
	text-decoration: none;
}

#sub-user-menu li a {
	padding-left: 0px;
}

#user-menu li a:hover,#user-menu li a.active {
	color: #f46d0d;
	background-position: 0 -13px;
}

#user-menu li a {
	background-image: url(../img/a.language.gif)
}

#user-menu li a.home {
	background-image: url(../img/a.home.gif)
}

#user-menu li a.sitemap {
	background-image: url(../img/a.sitemap.gif)
}

#user-menu li a.language {
	background-image: url(../img/a.language.gif)
}

#user-menu li a.login {
	background-image: url(../img/a.login.gif)
}

#banner ul.slideshow {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 5;
}

#news {
	background: #fff;
	bottom: 0;
	height: 145px;
	overflow: hidden;
	padding: 10px 5px 0 20px;
	position: absolute;
	width: 510px;
	z-index: 6;
}

#news .news-slideshow {
	height: 110px;
	margin: 0px 0 0 -20px;
	overflow: auto;
	z-index: 7;
	font-size: 10px;
}

#news .news-slideshow p {
	margin:0px;
	line-height: 135%
	}

#news li {
	float: left;
	margin: 0 20px 0 25px;
	width: 230px;
}

#news li.last-child {
	margin-right: 0
}

#main-menu {
	background: #202020 url(../img/main-menu.bg.gif) repeat-x;
	bottom: 0;
	height: 54px;
	position: absolute;
	width: 100%;
}

#main-menu ul {
	float: left
}

#main-menu form {
	float: right;
	margin-top: 14px;
	margin-right: 20px;
	width: 192px;
}

#main-menu button,#main-menu input {
	float: left;
}

#main-menu input {
	background: url(../img/main-menu.input.bg.gif) no-repeat;
	border: 0;
	color: #a4a3a3;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	padding: 6px 17px 8px;
	width: 128px;
}

#main-menu button {
	background: url(../img/main-menu.button.bg.gif) no-repeat;
	border: 0;
	cursor: pointer;
	height: 23px;
	margin-top: 2px;
	margin-left: 5px;
	overflow: hidden;
	text-indent: -9998em;
	width: 23px;
}

#main-menu li {
	float: left
}

#main-menu li a {
	background: url(../img/main-menu.li.a.bg.gif) no-repeat right 20px;
	color: #fff;
	display: block;
	font: normal 1.18em Arial, Helvetica, sans-serif;
	padding: 19px 20px;
	text-decoration: none;
}

#main-menu li a:hover,#main-menu li a.active,#main-menu li a.hovered {
	background-color: #323232;
	color: #ef5800;
}

#main-menu ul li ul li.last-child {
	background-color: #323232;
}
/*
#main-menu li.last-child a.sf-with-ul {
	background: none;
}
*/
#footer a {
	color: #6e6e6e;
	text-decoration: none;
}

#footer a:hover {
	color: #F46D0D;
	text-decoration: underline;
}

#footer ul,#footer ul li {
	float: left
}

#footer ul li a {
	background: url(../img/footer.li.a.bg.gif) no-repeat bottom right;
	padding: 0 18px 15px 17px;
	float: left;
}

#footer ul li.first-child a {
	padding-left: 0
}

#footer ul li.last-child a {
	background: none
}

#footer address {
	float: right
}

#bread-crumbs {
	border-bottom: 1px solid #dfdeda;
	color: #bfbdb5;
	padding-bottom: 5px;
	width: 100%;
}

#bread-crumbs li {
	display: inline
}

#bread-crumbs li a {
	background: url(../img/bread-crumbs.li.a.bg.gif) no-repeat right 5px;
	color: #bfbdb5;
	padding-right: 12px;
	margin-right: 10px;
	text-decoration: none;
}
#bread-crumbs li.last-child a {
	background: none;
}

#bread-crumbs li a:hover {
	text-decoration: underline;
	color: #F46C0C;
}

.contents a {
	color: #f46c0c
}

.contents a:hover {
	color: #bfbdb5
}

.contents abbr {
	border-bottom: 1px dotted #bfbdb5
}

.contents em {
	font-style: italic;
}

.contents p {
	margin: 5px 0 15px
}

.contents strong {
	font-weight: bold
}




.contents .orange li {
	background-image: url(../img/li.orange.bg.gif)
}

#misc {
	clear: both;
	float: right;
	margin-top: 20px;
}

#misc li {
	float: right
}

#misc li a {
	background: url(../img/a.scrolltop.gif) no-repeat 0 2px;
	color: #6e6e6e;
	padding: 0 20px 0 18px;
	text-decoration: none;
}

#misc li a:hover {
	text-decoration: underline
}

#misc li a.print {
	background-image: url(../img/a.print.gif)
}

#sidebar li a {
	background: #e8e6df url(../img/sidebar.li.a.bg.gif) no-repeat 3% center;
	border-bottom: 1px solid #c1beb3;
	color: #3f4042;
	display: block;
	padding: 8px 2% 8px 20px;
	text-decoration: none;
}

# li a:hover,# li a.active {
	background-color: #fff;
	background-image: url(../img/sidebar.li.a.hover.bg.gif);
	color: #f46c0c;
}

#sidebar .banner {
	background: #fff;
	border: 1px solid #c1beb3;
	overflow: auto;
	margin-top: 5px;
	padding: 1px;
}

#sidebar .banner img {
	float: left
}

#headings {
	background: #f46e0e;
	height: 50px;
	padding-left: 20px;
}

#headings strong {
	display: block;
	width:120px;
	height: 40px;
	font-size:12px;
	line-height: 1em;
	}

#headings ul {
	float: left;
	margin-top: 10px;
}

#headings ul li {
	float: left;
	margin-left: 4px;
	height:40px;
	overflow: hidden;
}

#headings ul li a {
	color: #fff;
	float: left;
	font-weight: bold;
	padding: 10px 18px 18px 28px;
	text-decoration: none;
}

#headings ul li a:hover,#headings ul li a.active {
	background: #fff url(../img/headings.ul.li.a.bg.gif) no-repeat 14px 13px
		;
	color: #000;
}

#infos {
	background: #fff;
	line-height: 1.64em;
	overflow: auto;
	padding: 20px 20px 0;
}

#infos .col {
	border-right: 1px solid #ccc;
	float: left;
	min-height: 96px;
	width: 450px;
	padding: 2px 75px 35px 0;
}

#infos p {
	margin-top: 5px
}

#infos .short {
	border: none;
	padding: 2px 0 20px 30px;
	width: 350px;
}

#infos .prod-bg {
	background: url(../img/prod.bg.gif) no-repeat bottom right
}

a.pdf {
	background: url(../img/icon.pdf.gif) no-repeat;
	color: #f46d0d;
	display: block;
	margin-top: 10px;
	padding: 0 0 5px 31px;
	text-decoration: none;
}

a.pdf:hover,#infos h4 a:hover {
	text-decoration: underline
}

/* specyfic, unpredicted  styles, trynigs  */ /* sIFR screen styles  */
	/*** ESSENTIAL STYLES ***/
.sf-menu,.sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sf-menu {
	line-height: 1.0;
}

.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 10em; /* left offset of submenus need to match (see below) */
}

.sf-menu ul li {
	width: 100%;
}

.sf-menu li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}

.sf-menu li {
	float: left;
	position: relative;
}

.sf-menu a {
	display: block;
	position: relative;
}

.sf-menu li:hover ul,.sf-menu li.sfHover ul {
	left: 0;
	top: 2.5em; /* match top ul list item height */
	z-index: 99;
}

ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {
	top: -999em;
}

ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
}

ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {
	top: -999em;
}

ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float: left;
	margin-bottom: 1em;
}

.sf-menu a {
	border-left: 1px solid #fff;
	border-top: 1px solid #CFDEFF;
	padding: .75em 1em;
	text-decoration: none;
}

.sf-menu a,.sf-menu a:visited {
	/* visited pseudo selector so IE6 applies text colour*/
	color: #13a;
}

.sf-menu li {
	background: #BDD2FF;
}

.sf-menu li li {
	background: #AABDE6;
}

.sf-menu li li li {
	background: #9AAEDB;
}

.sf-menu li:hover,.sf-menu li.sfHover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active
	{
	background: #CFDEFF;
	outline: 0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 2.25em;
	min-width: 1px;
	/* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
	position: absolute;
	display: none;
	right: 15px;
	top: 1.05em; /* IE6 only */
	width: 10px;
	height: 10px;
	text-indent: -999em;
	overflow: hidden;
	background: url('../images/arrows-ffffff.png') no-repeat -10px -100px;
	/* 8-bit indexed alpha png. IE6 gets solid image only */
}

a>.sf-sub-indicator { /* give all except IE6 the correct values */
	top: .8em;
	background-position: 0 -100px;
	/* use translucent arrow for modern browsers*/
}

/* apply hovers to modern browsers */
a:focus>.sf-sub-indicator,a:hover>.sf-sub-indicator,a:active>.sf-sub-indicator,li:hover>a>.sf-sub-indicator,li.sfHover>a>.sf-sub-indicator
	{
	background-position: -10px -100px;
	/* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
	background-position: -10px 0;
}

.sf-menu ul a>.sf-sub-indicator {
	background-position: 0 0;
}

/* apply hovers to modern browsers */
.sf-menu ul a:focus>.sf-sub-indicator,.sf-menu ul a:hover>.sf-sub-indicator,.sf-menu ul a:active>.sf-sub-indicator,.sf-menu ul li:hover>a>.sf-sub-indicator,.sf-menu ul li.sfHover>a>.sf-sub-indicator
	{
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background: url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}

.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

#main-menu ul li {
	position: relative;
}

#main-menu ul ul {
	position: absolute;
	top: 54px;
	left: 0px;
	display: none;
}

#main-menu ul ul li a,#main-menu ul ul li a.active,#main-menu ul ul li.last-child a,.sfHover a ul li a
	{
	background: #323232 url(../img/submenu.a.bg.gif) no-repeat 22px center;
	border-bottom: 1px solid #3c3c3c;
	color: #c1c1c1 !important;
	font-size: 11px;
	padding: 8px 35px;
	width: 100px;
}

#main-menu ul ul li.last-child a {
	xpadding-bottom: 15px;
}

#main-menu ul ul li a:hover,#main-menu ul ul li.last-child a:hover,#header .menu li.sfHover li.sfHover a
	{
	background: #323232 url(../img/submenu.a.hover.bg.gif) no-repeat 22px
		center;
	color: #fff !important;
}

#header .menu li.sfHover li.sfHover ul a {
	background: #323232 url(../img/submenu.a.bg.gif) no-repeat 22px center
		!important;
	color: #c1c1c1 !important;
}

#header .menu li.sfHover li.sfHover ul a:hover {
	background: #323232 url(../img/submenu.a.hover.bg.gif) no-repeat 22px
		center !important;
	color: #fff !important;
}

#main-menu ul ul ul {
	position: absolute;
	left: 170px;
	top: 0px;
}

.sfHover,.sfHover a {
	background: #323232;
	color: #EF5800 !important;
}

#news ul {
	width: 513px
}

#news .news-slideshow {
	overflow-x: hide
}

#news li.last-child {
	margin-left: 8px
}

.navigation {
	position: absolute;
	right: 20px;
	top: 30px;
}

.navigation a {
	color: #f46d0d;
	float: left;
	margin: 3px 0 0 5px;
	padding-left: 12px;
	text-decoration: none;
}

.navigation a:hover {
	text-decoration: underline
}

.contents .portlet,.contents .portlet2 {
	float: left;
	margin: 20px 0;
	padding: 1%;
}

.contents .border,.contents .portlet2 {
	border: 1px solid #DFDEDA
}

#sidebar li a.inpath {
	/*background-color: #FFFFFF;*/
	background-image: url(../img/dot.inpath.gif);
	color: #F46C0C;	
}

#sidebar li a.current {
	color: #F46C0C;
}

#sidebar ul li ul a {
	background-position: 8% center;
	padding-left: 24px;
}

#sidebar .box {
	background: #fff;
	border: 1px solid #C1BEB3;
	margin-top: 25px;
	padding: 1px;
}

#sidebar .box .wrap {
	background: #f6f5f3;
	padding: 10px;
}

#sidebar .box .wrap h4 {
	font-size: 1.45em
}

#sidebar .box .wrap h5 {
	font-size: 1.1em
}

#sidebar .box .wrap a {
	background: url(../img/link.bg.png) no-repeat 0 0;
	display: block;
	margin-top: 10px;
	overflow: hidden;
	padding: 0 0 10px;
	text-indent: -9998em;
}

body#lowres {
	padding-bottom: 0
}

#lowres #header {
	height: 119px
}

#lowres #header .wrapper {
	height: 99px;
	padding-top: 20px
}

#lowres #banner {
	height: 309px
}

#lowres #news {
	height: 136px
}

#lowres #footer {
	padding-top: 2px
}

#lowres #footer ul li a {
	padding-bottom: 2px
}

#lowres #infos {
	padding-top: 5px
}

#header,#banner,#content {
	float: left;
	width: 100%;
}

#content {
	position: relative;
	z-index: 1;
}

body,html {
	width: 100%
}

.ants {font-size:9px;font-family: verdana;}
.ants a {color:#F46E0E; padding:2px;text-decoration: none; font-weight: bold;}
.ants a:hover {color:red;}