/* BODY ITP... */
BODY {
        font-family: Arial, Verdana, Tahoma, Sans;
		font-size: 12px;
		line-height: 135%;
        background-color: #bdbdbd;
        color: #444;
		padding: 0;
		margin:0 auto;	
        }
p {
	margin: 4px 0;
	padding:0;
}


/* LAYOUT */

#container {
		width: 100%;
		\width: 100%;
		margin:0 auto;
		padding:0;	
		background: url(../images/page_back.jpg) 0 -30px repeat-x;
		text-align: center;
}
#pagebody {
		width: 984px;		
		padding:0;
		margin:0 auto !important;
		background-repeat: repeat-y;		
		background-image: url(../images/pagebody_back.png);		
		text-align: left !important;
}

#pagebody_wrapper {
		text-align: left !important;
		width: 984px;
	    display: block; 		
		margin:0;
		padding: 0 12px 0 12px ;			
}
#header {
		padding: 0;
		margin: 0;
		height: 149px;
		width:960px;
		background-repeat: no-repeat;		
		background-image: url(../images/foto_naglowek.jpg);			
}
#logo {
		padding: 0;
		margin: 0;	
		//float:left;
		height: 87px;	
}
#logo p {
		padding: 15px 0 0 25px;
		margin: 0;	
		text-align: center;	
}
#logo_wrapper {
		/*background: url(../images/content_back.jpg) 0 0 no-repeat;*/
}
#slogan {
		margin:0;
		padding:0;			
		width:700px;
		height: 87px;
		float: right;
}
#slogan p {
		margin:0;
		text-align: right;
		padding:10px 65px 0 0;
}
#languages {
		margin:0;
		padding:0;			
		float: right;
		height: 87px;
}
#languages p {
		margin:0 0 3px 0;
		padding:10px 10px 0 0;
}
#languages p img{
		margin:0 0 3px 0;
		padding:0;
}
#content {
		padding:0;
		margin:0;		
}
#content_wrapper {	
		padding:0;
		margin:0;
		width: 960px;		
}
#main_content {
		padding: 0;
		margin:0;
		width: 725px;
		float: right;
		background: url(../images/content_back.jpg) 0 0 no-repeat;
}
#main_content_wrapper {
		padding: 10px 30px 40px 30px;
		margin:0;
}
#left_column {
		width: 235px;
		margin: 0;
		padding:0;	
		float: left;		
}

#content a.more {
	font-weight: normal !important;
	line-height: 1em;
	text-decoration: none !important;
    font-size:13px; 
	font-weight: bold;
	color: #fff !important;
	background-color: #90BC1F;
	padding: 2px 5px;	
}
#content a.more:hover {
	text-decoration: none !important;
	background-color: #ee6002;
}
#site_path {
	width: 960px;
	height: 32px;
/*	background: url('../images/path_back.jpg') 0 0 no-repeat; */
	background: url('../images/path_back_noimg.jpg') 0 0 no-repeat;
	color: #fff;
	font-size: 11px;
	margin:0;
	padding:0;
}
#site_path p {
	margin:0;
	padding: 10px 10px 0 235px;
}
#site_path a {
	color: #00501a !important;
}

/* menu top
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#top_menu {
	width:960px;
	height:30px;
	margin:0;
	padding:0;	
	background-image: url(../images/submenu_bar.jpg);	
	background-color: #344C56;
	font-size: 13px ;	
	text-align: center;
	border:none !important;
	}
div#top_menu p {
	padding: 0;
	margin: 0;
	border:none !important;	
	}	
div#top_menu ul.nav {
	padding:7px 0 0 0;
	margin:0;
	border:none !important;	
	}
div#top_menu ul.nav li {
	margin:0; 
	padding:0;
	color: #000;
	display: inline;
	font-weight:bold;
	border:none !important;	
	}
div#top_menu ul.nav li a {	
	margin:0; 
	padding: 8px 10px 7px 10px;
	color: #fff;
	text-decoration: none !important;	
	}
div#top_menu ul.nav li a.last {		
	margin: 0; 
	padding: 8px 10px 7px 10px;	
	color: #fff;
	text-decoration: none;
background:none !important;	
	height: 30px;	
	}
div#top_menu ul.nav a:hover, 
div#top_menu ul.nav a.last:hover {
	color: #fff;
	background-color: #ee6002;
	}
div#top_menu ul.nav li a.selected {	
	color: #fff;
	background-color: #90BC1F;
	padding: 8px 10px 7px 10px;
	margin:0;		
	}		
div#top_menu ul.nav li a.selected {	
	color: #fff;
	background-color: #90BC1F;
	padding: 8px 10px 7px 10px;
	margin:0;		
	}	
#menu_title {
	margin:0;
	padding:0;
	width: 235px;
	height: 56px;
	background-repeat: no-repeat;		
	background-image: url(../images/menu_header_back.jpg);		
}
#menu_title p{
	margin:0;
	padding:20px 0 0 25px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 95%;	
}
div#button_wraper {
	margin:0;
	padding: 10px 0;
	text-align: center;
}
div#button_wraper img{
	border: none;
}


div#sortowanie {
	margin:0 15px 0 15px;
	padding:0 0 15px 10px;	
	font-size: 13px ;	
}

/* left menu */
div#left_menu {
	width:235px;
	margin:0;
	padding:0;	
	font-size: 13px ;	
	}
div#left_column_wrapper {
	margin:0;
	padding: 15px 15px 10px 15px;	
	font-size: 13px ;	
}
	
div#left_menu ul.left_nav {
	padding:0;
	margin:10px 0 30px 15px;
	width: 205px;	
	}
div#left_menu ul.left_nav li {
	margin: 0; 
	padding: 8px 0 8px 10px;
	color: #000;
	font-weight:bold;
	list-style: none outside;
	width: 195px;
	border-bottom: 1px solid #ccc;	
}
div#left_menu ul.left_nav li.selected {
	margin: 0; 
	padding: 8px 0 8px 10px;
	color: #000;
	font-weight:bold;
	list-style: none url(punkt.gif) outside;
	width: 195px;
	border-bottom: 1px solid #ccc;
	background-color: #ddd;
}
div#left_menu ul.left_nav li a {	
	margin: 0; 
	padding: 0;
	text-decoration: none !important;
	color: #000 !important;	
	}
div#left_menu ul.left_nav a:hover, 
div#left_menu ul.left_nav a.last:hover {
	color: #ee6002 !important;		
	}

div#left_menu ul.left_nav li.list_category {
	margin: 15px 0 0 0; 
	padding: 3px 0 3px 10px;
	color: #fff;
	font-weight:bold;
	list-style: none url(punkt.gif) outside;
	width: 195px;
	font-size:11px;
	border-bottom: 0px solid #ccc;
	background-color:#a5a5a5; /*#06501C;#4C6C79*/
}

div#left_menu ul.left_nav li.list_category a{
	color: #fff !important;
}		

/*ul.left_nav ul {
	background-color:#fff;
}*/
ul.left_nav ul li a {
	color:#000 !important;
}
div#left_menu ul.left_nav ul li,
div#left_menu ul.left_nav ul li {
	color: #000 !important;
	background:none;
}


	
div#left_menu ul.submenu {
	padding:0 0 15px 25px;
	/*margin:10px 0 0 0px;*/
	/*border-bottom: 1px solid #ccc;*/		
	/*position: relative; left:-10px;*/
	}
div#left_menu ul.submenu li {
	width: 150px;
	margin: 0; 
	padding: 4px 0 4px 0;
	color: #000 !important;
	font-weight:bold;
	list-style: circle url(../images/dot_orange.png) outside;
	font-weight: normal;
	font-size: 12px;
	border: none;
	vertical-align:top;
	}
div#left_menu ul.submenu li a {	
	margin: 0; 
	padding: 0;
	text-decoration: none !important;
	color: #555 !important;	
	}
div#left_menu ul.submenu li a.selected {	
	margin: 0; 
	padding: 0;
	text-decoration: none !important;
	color: #90bc1f !important;	
	}	
div#left_menu ul.submenu a:hover, 
div#left_menu ul.submenu a.last:hover {
	color: #ee6002 !important;		
	}
div#left_menu ul.submenu ul.sub_submenu{
	margin-left:15px;
	}	
div#left_menu ul.submenu ul.sub_submenu li { 
	width: 150px;
	margin: 0; 
	padding: 4px 0 4px 0;
	color: #000 !important;
	font-weight:bold;
	list-style: circle url(../images/dot_green.png) outside;
	font-weight: normal;
	font-size: 12px;
	border: none;
	vertical-align:top;
	}	
	
div#left_menu ul.submenu  ul.sub_submenu li a:hover, 
div#left_menu ul.submenu  ul.sub_submenu li a.last:hover {
	color: #90BC1F !important;		
	}
div#left_menu ul.submenu ul.sub_submenu li a.selected {	
    color: #ee6002 !important;
}
	
div.logo_button {
	text-align:center;
	font-size: 9px;
	color:#000;
	width:201px;
	height:99px;
	background:url(../images/button2_back.gif) top left no-repeat;
	display: block;
	float: left; 
	margin: 0 10px 10px 0;
}
div.logo_button a img{
	margin: 0 0 5px 0;	
}
div.logo_button a{
	color:#666;
	line-height:100%;
	letter-spacing: -0.1px;
	text-decoration:none !important;
}
.eng a img{padding-top:17px ;}
	
div.float-remover { clear:both;}

#footer_end {
	background: url(../images/bottom_shadow.png) top center no-repeat;
	padding: 20px 0;
	width: 100%;
	margin: 0 auto;	
	text-align: center;	
}


#footer{
	border-top: 8px solid #90bc1f;
	width: 960px;
	height: 84px;
	margin-top: 0px;
}
#footerlinks_section{
	height: 30px;
	width: 725px;
	color: #fff;
	margin:0;
	padding:0;
	font-size: 10px;
	float:right;
	/*background-color: #00501a;*/
	background: url(../images/submenu_bar.jpg) top right #344C56;		
	text-align: center;
}
#footerlinks_section a {
	color: #fff;
	text-decoration: none !important;
	padding: 0 5px 0 3px;
}
#footerlinks_section a:hover {
	color: #ee6002;
}
#footerlinks_section ul{
	position: relative;
	top:3px;
	margin:0;
	padding:0;
	font-size: 11px;
}
#footerlinks_section ul li{
	margin:0 !important;
	padding:0 !important;
	color: #366c8f;
	display: inline;
	border-right: 1px solid #90bc1f;
}
#footerlinks_section ul li.last{
	border: none !important;
}
#slogan_footer {
	height: 30px;
	width: 235px;
	color: #fff;
	margin:0;
	padding:0;
	font-size: 16px;
	float:left;
	/*background-color: #00501a;*/
	background: url(../images/submenu_bar.jpg) top left #344C56;		
	text-align: center;		
}
#slogan_footer p{
	margin: 8px 0;
}
.slogan_health {
	color: #90bc1f;
	font-weight: bold;
}
#footer_logo {
	width: 235px;
	height: 54px;
	background: url('../images/logo_stopka.jpg') 0 0 no-repeat;
	padding:0;
	margin:0;
	float: left;
}
div#copyrights {		
        color: #000;    
		height: 54px;
		float:right;
		width: 725px;
}
div#copyrights p {		
        color: #000;
        font-size: 11px;        
        font-weight: normal !important;
		text-align: center;
		height: 54px;
		padding: 14px 0 0 0;
}
div#copyrights a:link, 
div#copyrights a:visited  {
        text-decoration: none !important;
        font-weight: normal !important;        
        }        
div#copyrights a:hover  {
        text-decoration: underline !important;
}


H1, .htmlarea-content-body H1 {
        color: #000;
		font-size: 26px;
		margin-bottom: 1px;
        margin: 20px 0px 8px 0px;
        vertical-align: bottom;
		font-weight: bold;
        text-align: left;
		display: block;
		padding: 5px 0 5px 0;
		margin-bottom: 10px;
		border-bottom: solid 1px #ccc;
		letter-spacing: -0.5px;
		line-height: 110%;		
        }  
H1.headline {
        color: #000;
		font-size: 27px;
		margin-bottom: 1px;
        margin: 20px 0px 10px 0px;
        vertical-align: bottom;
		font-weight: bold;
        text-align: left;
		display: block;
		padding: 5px 0 5px 0;
		margin-bottom: 10px;
		border-bottom: none !important;
		letter-spacing: -0.5px;
		line-height: 110%;		
        }               
H2, .htmlarea-content-body H2 {
        /*color: #ee6002;*/
        color: #000;
		font-size: 18px;
		margin-bottom: 1px;
        margin: 20px 0 8px 0;
        vertical-align: bottom;
		font-weight: bold;
        text-align: left;
		font-style: normal;
		display: block;
		padding: 5px 0 3px 0;
		margin-bottom: 10px;
		border-bottom: solid 1px #ccc;
		letter-spacing: -0.5px;
		line-height: 110%;			
        }                
H3, .htmlarea-content-body H3 {
        color: #ee6002;
        font-size: 16px;
        margin: 20px 0 8px 0;
		/*font-weight: bold; */
		letter-spacing: -0.5px;	
		line-height: 125%;					
        }
        
ul.left_nav H3 {
		padding: 0 0 0 10px;
		}     
H4, .htmlarea-content-body H4  {
        color: #000;
        font-size: 15px;
        margin: 20px 0 15px 0;     
        font-weight: bold;     
		letter-spacing: -0.5px;	 
		line-height: 18px;		
        }
ul H4, .htmlarea-content-body ul h4 {
        color: #000;
        font-size: 12px;
        margin: 8px 0;     
        font-weight: bold;        
        }
H5, .htmlarea-content-body H5  {
        color: #7aaa00;
		font-size: 16px;
        margin: 20px 0 8px 0; 
        /*text-transform: uppercase;*/
        text-align: left;
		font-weight: bold !important;
        }                		 
H6, .htmlarea-content-body H6 {
        color: #fff;
		font-size: 14px;
        margin: 20px 0 8px 0;
		padding: 5px;
        /*text-transform: uppercase;*/
		font-weight: bold;
		font-style: italic;
		width: 99%;
        }	
H7, .htmlarea-content-body H7 {
        color: #d4001a;
        line-height: 110%;
		font-size: 20px;
        margin: 20px 0 10px 0;
		padding: 0 0 10px 0;
		font-weight: bold;
        }        	
H8, .htmlarea-content-body H8 {
        color: #888;
		font-size: 14px;
        margin: 5px 0 8px 0;
		padding: 0;
		font-weight: bold;
		display:block;
        }  
div.product_headlines H1 {
        color: #000;
		font-size: 24px;
		margin-bottom: 1px;
        margin: 20px 0px 10px 0px;
        vertical-align: bottom;
		font-weight: bold;
        text-align: left;
		display: block;
		padding: 5px 0 5px 0;
		margin-bottom: 10px;
		border-bottom: none !important;
		letter-spacing: -0.5px;
		line-height: 110%;			
}
div.product_headlines H2 {
		color: #7aaa00;
		font-size: 24px; 
		margin:0;
		border:none;		
}
div.product_headlines H3 {
		margin:10px 0;
		padding:0;
		border:none;
		color: #000;
		font-size: 15px;		
}
div.product_headlines H4 {
		margin:0;
		padding:0;
		border:none;		
}
div.product_headlines H5 {
		margin:0;
		padding:0;
		border:none;
		color: 000#;
		font-size: 17px;	
		line-height: 20px;		
}
		 
A {
        color: #669900;
        text-decoration: underline !important;
        }
A:hover {
        /*color: #669900;*/
        color:#ee6002;
        text-decoration: none !important;
        }
		
.img	{
		float: right; 
		margin-left:10px; 
		margin-bottom:10px; 
		display: inline;
		}

div#content UL { 
	margin:5px 0;
	padding:0;	
}	
div#content UL LI { 
	list-style: circle url(../images/dot_green.png) outside;
	margin: 0 0 4px 15px; 	
}	

div#content ul li.dot_orange {
	list-style: circle url(../images/dot_orange.png) outside;
	}	

	
ol { counter-reset: item; margin:0; padding: 5px 0; }
ol li { list-style-position: inside; margin: 0 0 5px 0; line-height: 100%;}

ol.pwm li { list-style-position: outside; margin: 0 0 10px 25px; line-height: 100%; font-size: 105%;}


div#content ol.pismiennictwo li {  
        font-size: 10px;
        margin: 0 0 5px 20px;
        padding: 0;
        line-height: 100%;
        color: #666 !important; /*color: #EB6623;*/
		list-style-position:outside;
}		



.black_back {background-color: #000;color:#fff !important;}
.gray_back {background-color: #ddd;color:#fff !important;}
.gray_back H1{color:#000 !important;}
.gray_back H1{color:#000 !important;}
.lgreen_back {background-color: #90bc1f;color:#fff !important;}
.green_back {background-color: #008f2f;color:#fff !important;}
.dgreen_back {background-color: #00501a;color:#fff !important;}
.orange_back {background-color: #f70;color:#fff !important;}
.red_back {background-color: #c1001c;color:#fff !important;}
.seablue_back {background-color: #156a57;color:#fff !important;}
.dblue_back {background-color: #00508E;color:#fff !important;}
.blue_back {background-color: #2481d7;color:#fff !important;}
.magenta_back {background-color: #d72485;color:#fff !important;}
.red_back {background-color: #d4001a;color:#fff !important;}
.cyan_back {background-color: #007fbb;color:#fff !important;}
.pale_back {background-color: #C87275;color:#fff !important;} 
.violet_back {background-color: #923c7e;color:#fff !important;} 
.violet_back2 {background-color: #563993;color:#fff !important;} 
.lblue_back {background-color: #5f96bb;color:#fff !important;}
.bluegreen_back {background-color: #00504f;color:#fff !important;}
.lgray_back {background-color: #efefef;color:#000 !important;}
.lbrown_back {background-color: #86613b;color:#fff !important;} 

.text_box {
	padding: 10px 20px;
	margin: 20px 0;
}
.text_box H1, 
.text_box H2, 
.text_box H3, 
.text_box H4, 
.text_box H5 { 
	padding: 3px 0 3px 0;
	margin:0 0 8px 0 !important;
}

#nazwa_produktu_box {
	color: #fff;
	padding: 20px 30px 10px 30px;
	margin: 0;
	font-size: 12px;
}
#nazwa_produktu_box H1{
	color: #fff;
	border: none;
	font-size: 34px;
	margin:5px 0 10px 0;
	letter-spacing: -1px;
	padding:0;
}

div.image_container {
	margin-right: 30px;
	padding:10px;
	background-color:#fff;
	border: 1px solid #ccc;
}
div.image_container img{
	border: 1px solid #fff;
}
div.caption {
	font-size: 12px;
	color: #888;
	font-style:italic;
	margin: 0 0 10px 0;
}
table {
	color: #000;
	margin: 3px;
	font-size: 12px;
}
table.data {
	background-color: #fff;
	color: #000;
	border: 1px solid #ccc;
	margin: 10px 0;
}
table.parameters {
	color: #000;
	border: none;
	margin: 10px 0;
	border-collapse: collapse;
}
table.flyer {
	color: #000;
	border: none;
	margin: 10px 0;
	border-collapse: collapse;
	border:2px solid #f48838;
}
table.data th{
	background-color: #689100;
	color: #fff;
	padding: 3px 5px;
}
table.parameters th{
	background-color: #dfebca;
	color: #000;
	font-weight: bold;
	padding: 5px;
	border: 1px solid #ccc;
}
table.flyer th{
	background: url(../images/table_flyer_backth.jpg) #ffe2bb top left repeat-y;	
	color: #000;
	padding: 3px 8px;
	border: 1px solid #f48838;
	text-align:left;
}
table td{
	color: #000;
	padding: 7px;
	vertical-align:top;	
}
table.data td{
	background-color: #eee;
	color: #000;
	padding: 7px;
	vertical-align:top;	
}
table.parameters td{
	background-color: #fff;	
	color: #000;
	padding: 5px;
	border: 1px solid #ccc;
	vertical-align:top;	
}
table.flyer td{
	background: url(../images/table_flyer_back.jpg) #fff top left repeat-y;	
	color: #000;
	padding: 3px 8px;
	border: 1px solid #f48838;
	vertical-align:top;
}
table.flyer h4{
	color: #000 !important;
	margin: 7px 0;
}
table.parameters tr.darken td{
	background-color: #efefef !important;
	color: #000;
	padding: 5px;
	border: 1px solid #ccc;
}
span.active {
	color:#fff;
}
p.image_left {
	float: left;
	margin-right: 25px;
}
p.image_right {
	float: right;
	margin-left: 25px;
}
div.product_visual {
	text-align: left;
	float: left;
}
div.product_visual_info {
	text-align: left;
	float: right;
	padding-top: 60px;
}
/*div.produkt_logos a {
	margin:0 20px 15px 0;
	padding:0;
	display: block;
	width: 195px;
	float: left; 
}*/
div.produkt_thumbnails {
	margin: 20px 0;
}
div.product_thumbnails a {
	margin:0 20px 15px 0;
	padding:0;
	display: block;
	width: 150px;
	float: left; 
	border: 1px solid #ccc;
}
div.product_thumbnails h4 {
	width: 140px !important;
}
div.thumb {
	margin:0 10px 15px 0;
	padding:0;
	width: 150px;
	height: 160px;
	float: left; 
}
div.thumb H3{
	margin:0 0 5px 0;
	padding:0;
	font-size: 14px;
}
div.thumb a H3{
	color:#000 !important;
}
div.thumb a{
	text-decoration: none !important;
}
div.thumb a H3:hover{
	color:#ee6002 !important;
}
.csc-frame-frame1 {
	padding: 10px 30px;
	margin:0;
}
p.caption {
	font-size: 11px; 
	font-style:italic;	
	color:#888;
}
div.info_window {
	float: right;
	margin-left: 20px;
	border: 3px solid #ccc;
	padding: 15px;	
	background-color: #fff;
}

.ramka { 
	border: 2px solid black;
	font-weight: bold;
}
div.znaczki {
	border-top: 1px solid #ccc; 
	border-bottom: 1px solid #ccc; 
	margin: 30px 0;
	padding: 8px 0 3px 0;
	float: none;
	clear: both;
}
div.znaczki img {height: 115px;}
div.popup {
	display: block; 
	position: absolute;
	display:none;
}

/*CSS POPUPS*/
a.atr {
/*	width: 100%;  fa bene a IE5.5/Win per il caso con width px (o em), malissimo a IE5.0/Win */
	padding: 0;  /* fa bene a IE5/Mac */
	text-decoration: none;
}
/**/
a.atr .bpop {
	display: none !important;
	text-decoration:none;
}
a.atr:hover .bpop {
	display: block !important;
	position: absolute;
	z-index:10;
	text-decoration:none;
	padding: 10px 0 0 45px;
}
a.atr:hover {
	border-width: 0; /* wake up IE */
	text-decoration:none;	
}
/* ################# */

.dymek {display:none;}

/*kolory*/
.magenta {color:#D72485;}
.green {color:#46ab43;}
.orange {color:#e77c33;}
.cyan {color:#008bd8}
.red {color:#e1001c}

.ramka2 {
	border: 2px solid #D72485; 
	padding: 6px; 
	margin: 20px 0pt 0pt;
	font-weight: bold;
	font-size: 16px;
	text-align:center;
}