
html
{
	padding:0;
	margin:0;
	height:100%;
}

body
{
	margin:0px;
	padding:0px;	
	background-color:#b4e0f4;
}

*
{
	font-family:Verdana;
	font-size:11px;	
}

A
{
	color:#000;
	text-decoration:none;
}
A:hover
{
	text-decoration:underline;
}

H1
{
	font-size:17px;
	color:#2162a6;
	padding:10px 0px 10px 10px !important;
	margin:0px;
}

H2
{
	font-size:13px;
	color:#2162a6;
	padding:10px 0px 10px 0px !important;
	margin:0px;
}

.clear
{
	clear:both;
}

TABLE
{
	border-collapse:collapse;
}

#header
{
	height:100px;
	background-color:#fff;
	text-align:center;
	vertical-align:top;
	padding-top:10px;
}

#header .box
{
	border-right: solid 1px #cfcfcf;
	padding-right:20px;
	padding-left:20px;
}

#header INPUT
{
	border:solid 1px #b3b3b3;
	width:100px;
}

#header A
{
	text-decoration:none;
	color:#000;
}

#header A:hover
{
	text-decoration:underline;
}

#header .border
{
	border-bottom:solid 1px #cfcfcf;
	padding-bottom:10px;
	width:950px;
	margin:0px auto;
}

#top-menu
{
	background-color:#5ac3b0;
	height:30px;
}

#main-content
{
	vertical-align:top;
	background-color:#b4e0f4;
	width:100%;
	
}

#main-content .body
{
	margin:0px;	
	line-height:140%;	
	padding:10px;	
	padding:0px 20px 0px 20px;
}

#footer
{
	padding:0px 0px 10px 0px;
	vertical-align:top;
}

#footer TABLE
{
	width:900px;
}
#footer TABLE TD
{
	font-size:10px;
}

#footer A
{
	color:#000;	
}

#body-table
{
	width:970px;
	height:100%;
	border-collapse:collapse;	
}



#body-table .page-area
{
	width:100%;
	height:100%;
	vertical-align:top;		
}

#body-table .top-shadow
{
	background: #b4e0f4 url(/layout/img/page-top-shadow.gif) no-repeat 5px bottom;
	height:10px;
	width:100%;
}

#body-table .left-top-corner
{
	background: #b4e0f4 url(/layout/img/page-left-top-corner.gif) no-repeat right -10px;
	height:100%;
	vertical-align:top;		
}

#body-table .right-top-corner
{
	background: #b4e0f4 url(/layout/img/page-right-top-corner.gif) no-repeat left -10px;
	height:100%;
	width:10px;
	vertical-align:top;		
}

#body-table .content
{
	width:100%;
	height:100%;
	background-color:#fff;
	vertical-align:top;
}

#body-table .left-bottom-corner
{
	vertical-align:bottom;
	text-align:right;
	background: url(/layout/img/page-left-bottom-corner.gif) no-repeat right bottom;
	width:24px;
	height:250px;
}

#body-table .right-bottom-corner
{
	vertical-align:bottom;
	text-align:left;
	background: url(/layout/img/page-right-bottom-corner.gif) no-repeat right bottom;
	width:24px;
	height:250px;
}

#body-table .bottom-shadow
{
	background: #b4e0f4 url(/layout/img/page-bottom-shadow.gif) no-repeat -8px top;
	height:20px;
}


.products-area
{	
	width:1004px;
	margin-top:15px;
	text-align:left;
}

.products-area TABLE.main
{
	width:1024px;		
}

.products-area TABLE TD.arrow
{
	vertical-align:top;	
	padding-top:50px;
}

.products-area .menu
{
	background:url(/layout/img/products-area-menu-bg.jpg) no-repeat left bottom;	
	height:32px;
	margin-left:44px;
	padding-left:1px;
	
}

.products-area .menu A,
.products-area .menu A.active
{
	display:block;
	float:left;
	background:#6F99C5 url(/layout/img/products-area-tab-bg.gif) no-repeat right top;
	width:100px;
	color:#FAFAFA;
	font-size:10px;
	text-align:center;
	text-decoration:none;
	margin-right:1px;
	height:25px !important;
	height:29px; /*IE*/
	margin-top:1px;
	padding:2px;
	vertical-align:middle;
}

.products-area .menu A:hover,
.products-area .menu A.active
{
	background-color:#2B69AA;
}

.products-area .box
{
	float:left;
	width:470px;
	margin-right:20px;
	padding-left:10px;	
}

.products-area .box .title
{
	padding-top:20px;
	padding-bottom:10px;
	color:#666;
	font-weight:bold;
}

.products-area .box .text
{
	color:#777;
	line-height:16px;
}

.start-page-bottom-area
{
	background: url(/layout/img/start-page-bottom-bg.jpg) no-repeat left top;	
	width:962px;
	height:367px;	
	text-align:left;
}

.start-page-bottom-area .left-col
{
	float:left;
	width:645px;	
	margin-right:25px;
	margin-left:25px;	
	margin-top:15px;
}

.start-page-bottom-area .left-col .news
{
	float:left;
	width:180px !important;
	width:200px; /*IE*/
	margin-left:8px;
	border:solid 1px #cacaca;
	padding:10px;
	height:240px !important;
	height:260px; /*IE*/
	
}

.start-page-bottom-area .left-col .news .title
{
	font-weight:bold;
	color:#2a8c0e;	
	text-decoration:none;
}

.start-page-bottom-area .left-col .news .date
{
	padding:2px 0px 2px 0px;
	font-size:10px;
	color:#808080;
}

.start-page-bottom-area .left-col .news .txt A
{
	color:#000;
	text-decoration:none;
}
.start-page-bottom-area .left-col .news .txt A:hover
{
	text-decoration:underline;
}

.start-page-bottom-area .right-col
{
	float:left;
	margin-top:10px;
}

.articles-list
{
	margin:0;
	padding:0;
}

.articles-list LI
{			
	padding-bottom:30px;
	list-style:none;	
}

.articles-list LI .title
{
	background:url(/layout/img/aktualnosci-header-bg.gif) repeat-x left top;
	font-weight:bold;
	color:#017197;	
	font-size:13px;	
	border:solid 1px #e4e4e4;
	padding:5px;
}

.articles-list LI .date
{
	padding:4px 0px 0px 0px;
	font-size:10px;
	color:#808080;
	font-weight:normal;
}

.articles-list LI .txt
{
	padding:10px 5px 0px 5px;
		color:#303030;
	text-decoration:none;
	line-height:140%;
}

.articles-list LI .txt A:hover
{
	text-decoration:underline;
}

.articles-list LI .link-more 
{
	padding-right:5px;
}

.articles-list LI .link-more A
{
	padding-top:5px;
	color:#2a8c0e;
}

.article-details
{
	
}

.article-details .title
{
background:url(/layout/img/aktualnosci-header-bg.gif) repeat-x left top;
	font-weight:bold;
	color:#017197;	
	font-size:13px;	
	border:solid 1px #e4e4e4;
	padding:5px;	
}
.article-details .date
{
	padding:4px 0px 0px 0px;
	font-size:10px;
	color:#808080;
	font-weight:normal;
}
.article-details .text
{
	padding:10px 5px 0px 5px;
	line-height:140%;
}

.article-details .link-back
{
	padding-top:3em;
	color:#2a8c0e;
        clear: both;
        margin: 2em 0;
}
.article-details .link-back A
{
	color:#2a8c0e;
        font-size: 160%;
        white-space: nowrap;
}
	


/********* formularz do edycji *************/

LABEL
{
	cursor:pointer;
}

.edit-form 
{
	width:880px;
	margin-top:6px;
}
.edit-form *
{
	line-height:15px !important;
}
.edit-form .section-header
{
	 color: #358ec8;
	 font-size:13px;	 
	 font-weight:bold;	 
	 width:100%;
	 padding:3px;	 
	 padding-left:15px;	
	 padding-bottom:8px;		
}
.edit-form .section-header .desc
{
	padding-top:4px;
	padding-left:12px;
	color:#909090 !important;
	font-weight:normal;	
}
.edit-form .section-header .desc *
{
		color:#909090 !important;
}
.edit-form .section-end
{
	width:100%;
	height:10px;
	border-bottom:solid 1px #e9e9e9;	 
	font-size:1px;
}

.edit-form .help
{
	font-size:10px;
	color:#909090 !important;
}

.edit-form .req-info
{
	text-align:right;
	padding:2px;	
}

.edit-form .label,	.edit-form .label-req
{
	padding-left:15px;
	color: #636363;	
	text-align:right;
	padding-right:8px;
	vertical-align:top;
	padding-top: 6px;
}
.edit-form .label-req
{
	color: #cb182b;	
}
.edit-form .control
{
	padding-top:2px;
	padding-bottom:2px !important;
	padding-bottom:0px; /*IE*/
}


.edit-form .control INPUT
{
	width:200px;	
}

.edit-form INPUT, INPUT.input
{
	border:solid 1px #e0e0e0;
	
	padding:2px;
	height:20px;
	padding-left:3px;
	line-height:15px !important;
}
.edit-form TEXTAREA, TEXTAREA.textarea
{
	border:solid 1px #e0e0e0;	
	padding:2px;	
}

.edit-form SELECT, SELECT.select
{
	border:solid 1px #e0e0e0;
	padding:2px;
	padding-left:0px !important;
	height:20px;
}

.edit-form INPUT.checkbox
{
	margin:0px;
	padding:0px;
	border:none;
	
	vertical-align:middle;
}
.edit-form LABEL.checkbox
{
	padding-top:10px;
	height:20px;
	cursor:pointer;
}

INPUT.radio, SPAN.radio INPUT
{
	border:none;
	cursor:pointer;
}


/*checkbox-list*/
.edit-form TABLE.checkbox TD
{
	padding-left:10px;
}
.edit-form TABLE.checkbox TD INPUT
{
	border:none;
	height:16px;	
	float:left;
	margin:0px;
	padding:0px;	
}
.edit-form TABLE.checkbox TD LABEL
{
	padding-left:5px !important;
	padding-left:0px; /*IE*/
	cursor:pointer;
}

.edit-form .footer
{
	text-align:center;
	padding-top:15px;	
	padding-bottom:25px;
}

.edit-form .footer INPUT
{
	width:128px;
	height:23px;
	border:solid 1px #c0c0c0;
	background-color:#eaeaea;	
	font-weight:bold;
	cursor:pointer;
}

.edit-form .footer .btn-ok
{
	color:#3390c5;
}
.edit-form .footer .btn-cancel
{
	color:#626262;
}

.edit-form .error
{
	color:Red;
	padding-left:5px;
	margin-left:0px;
}




.search-results
{
}

.search-results H2
{	
	border-bottom:solid 1px #e3e3e3;
	padding-bottom:2px !important;
	margin-bottom:8px !important;
}

.search-results .text-not-found
{
	font-size:12px;
	padding-left:20px;
	padding-bottom:15px;
}

.search-results OL
{
}




.search-results OL LI, .search-results OL LI DIV.subject A, .search-results OL LI DIV.subject B
{
	font-size:12px !important;
	color:#27a870 !important;	
}

.search-results OL LI
{
	padding-bottom:10px;
}


.search-results OL LI DIV.desc
{
	padding-top:5px;
}

.search-results OL LI DIV.desc A
{
	font-weight:normal !important;
	color:#444444 !important;
}
.search-results OL LI DIV.desc A B
{
	color:#3c3c3c !important;
}


#left-menu-container
{
	float:left;
	width:223px !important;		
	width:225px /*IE*/;
	vertical-align:top;

}

#left-menu-container TABLE.menu
{
	border-collapse:separate;
	background:#ededed url(/layout/img/left-menu-bg.jpg) no-repeat left top;
	width:100%;	
	border-right:solid 1px #e4e4e4;
	
}

#left-menu-container TD.header,
#left-menu-container TD.item
{	
	padding:8px 5px 5px 8px;
	font-size:11px;
	color:#630070;
	border-bottom:solid 1px #d7d5d5 !important;
	border-top:solid 1px #fff !important;
}

#left-menu-container TD.header A
{
	font-weight:bold;
}

#left-menu-container TD.item
{
	padding: 5px 5px 5px 20px;
}

#left-menu-container TD.item A,
#left-menu-container TD.header A
{
	color:#2162a6;	
}

.subpage-shelf
{
	background:url(/layout/img/products-shelf-subpage.jpg) repeat-y;
	width:697px;
	height:180px;
}

UL.default-list 
{
	margin:0 0 0 20px;
	padding:0;
}

DIV.default-list .item
{
	background:#eeeeee url(/layout/img/box-bg.gif) repeat-x left top;	
	
	border:solid 1px #dfdfdf;
	margin-bottom:10px;
	display:block;	
	padding:10px;
	width:400px !important;
	width:425px; /*IE*/
}

.default-list .item .title

{
	color:#2162a6;
	font-weight:bold;
	padding-bottom:2px;
}

.default-list .item .date
{
	font-size:10px;
}

.default-list .item .indent
{
	padding-top:2px;	
	padding-left:10px;
	padding-right:10px;
}
	
.default-list .item .ico
{
	margin-right:10px;
	float:left;
}

.default-list .item .link-more
{
	text-align:right;
	padding-right:10px;
	padding-top:5px;
}

.default-list .item .link-more A
{
	color:#2162a6;
}


.btn-medium
{
	background:#efefef url(/layout/img/btn-medium.jpg) no-repeat;	
	cursor:pointer;
	border:none;
				
	padding-left:25px;
	padding-top:4px;
	color:#3390c5;
    font-weight: bold;	         
        
    height:19px !important;
    height:23px; /*IE*/
    
    width:179px !important;
    width:204px; /*IE*/     
    text-align:left;        
}

INPUT.btn-medium, BUTTON.btn-medium
{	
	height:23px !important;
	width:204px !important;
	padding-top:0px !important;	
}

.btn-small
{
	background:#ffffff url(/layout/img/btn-small.jpg) no-repeat;
	cursor:pointer;
			
	padding-left:22px;
	padding-top:4px;
	color:#3390c5;
    font-weight: bold;	         
        
    height:19px !important;
    height:23px; /*IE*/
    
    width:116px !important;    
    text-align:left;
}

.btn-small-no-arrow
{
	background:#ffffff url(/layout/img/btn-small2.jpg) no-repeat;
	cursor:pointer;
					
	padding-top:5px;
	color:#3390c5;
    font-weight: bold;	         
        
    height:18px !important;
    height:23px; /*IE*/
    
    width:116px !important;       
    text-align:center;
}

.btn-small-no-arrow A
{
	color:#3390c5;
}


.common-table
{

}

.common-table TH
{
	background-color:#5ac3b0;
	height:25px;
	font-size:11px;	
	color:#ffffff;
	text-align:center;
	vertical-align:bottom;
	padding-bottom:5px;	
	
}
 
.common-table TR.spacer TD
{	
	border-bottom:solid 1px #e3e3e3;
	font-size:1px !important;
	height:0px !important;
	line-height: 1px !important;
	padding:0px;
	
}
.common-table TR.item TD
{
	padding-top:10px;
	padding-bottom:10px;	
	padding-left:8px;
	padding-right:8px;
	
	border-bottom:solid 1px #e3e3e3;
	border-left:solid 1px #e3e3e3;
}
.common-table TR.item TD A
{	
	color: #179354;
	font-weight:bold;
	font-size:12px;
}

.common-table TR.item TD .desc
{	
	color: #737373 !important;
	padding-top:1px;
}

.common-table TR.item .cnt
{
	font-weight:bold;
	color:#17925b;
	text-align:center;
}

.common-table TR.item .right
{
	border-right:solid 1px #e3e3e3;
}

DIV.zrodlo
{
	padding-bottom:10px;
}

.schemat
{
	width:650px;
	border-collapse:collapse;
	border:none;
	margin-bottom:20px;
}
.schemat TH
{
	border:solid 1px #c0c0c0;
	background-color:#cce3df;
	font-size:10px;
}

.schemat TD
{
	border:solid 1px #c0c0c0;
	padding:4px;
	vertical-align:top;
	color:#404040;	
}

.schemat UL
{
	margin:0;
	padding:0;
}

.schemat UL LI
{
	list-style:none;	
	padding-bottom:10px;	
}
.schemat *
{
	font-size:10px !important;
}


.product-link-left
{
	float:left;
}

.product-link-right
{
	float:right;
	
}


/* ========================================== Content == Product Block ===== */
   .ph-body .product-packshot {
     float: right;
   
     height: 260px;
     
     padding: 0 0 20px 20px;
   }
   
   .ph-body .product-packshot .product-left {
     position: relative;
   
     float: left;
   
     width: 20px;
     height: 260px;
     
     background: url(/Layout/img/product/product-left.png) no-repeat;
   }
   
   .ph-body .product-packshot .product-main {
     float: left;
     
     z-index: 98;
     
     height: 260px;
     
     margin: 0 -20px;
     
     background: url(/Layout/img/product/product-main.png) repeat-x;
   }
   
   .ph-body .product-packshot .product-right {
     position: relative;
   
     float: left;
   
     width: 20px;
     height: 260px;
     
     background: url(/Layout/img/product/product-right.png) no-repeat;
   }