body { background: #FFF url(../design/bg_body.gif) 0 0 repeat-x; 
	  font:0.8em "Helvetica", tahoma, arial, sans-serif;
}

h1, h2, h3, h4, h5, h6, p, address, blockquote, table, dl, fieldset {margin: 0;}

/* ----------------------------------------------------------------------------------------------------------
2) HTML styles
---------------------------------------------------------------------------------------------------------- */


.clearP  { padding: 0; margin: 0; clear: both; width: 0; height: 0; }
.fll 	{ float: left; }
.flr 	{ float: right; }
.uct 	{ text-transform: uppercase; }
.padL 	{ padding-left: 10px; }
.padR 	{ padding-right: 10px; }

/* ----------------------------------------------------------
3) Layout
---------------------------------------------------------- */

#main   { width:892px; 
		overflow:hidden; 
		margin: 0 auto; 
}
#header { width:100%; 
		  height:50px; 
		  padding: 0px; 
		  margin: 0;
		   
}
#header_top { clear: both; 
			  width:100%; 
			  height:341px; 
			  padding: 0px; 
			  background:url(../design/bg_header.jpg) no-repeat; 
			  margin: 0;
}
#nav { 	position:absolute; 
		top:1px; 
		left: 61%; 
		margin:0; 
		font: bold 12px tahoma, arial, sans-serif; 
		color: #959595;
}
#nav span { margin:0 8px; }
#nav  #nav-activ{ text-decoration:none;}
    
.search_box { position:relative; 
		 	  top:30%; 
			  right: 0%;
}
#search div { position:relative; 
			width:185px;
}
#search  #search-input { 	position:absolute; 
						top:0; 
						left:0; 
						width:100px; 
						height:22px; 
						border: #AAA 1px solid;  
						overflow:hidden; 
						color: #D4D4D4;
}

#search  #search-submit{ position:absolute; 
						top:0; 
						right:0; 
						width:30px; 
}
#tray	{ width:80%; height:50px; overflow:hidden;  position:relative; top:6%; left: 1%; }
#tray ul	{ margin:0; list-style:none; padding: 0; border-right: #CECECE 1px solid; }
#tray li 	{ display:inline; }
#tray li a	{ display:block; 
		  float:left; 
		  width: 100px;
		  padding: 15px 0px 15px 0px; 
		  text-decoration:none; 
		  text-align: center;
		  color: #000;
		  font: bold 11px/17px Tahoma, Arial, sans-serif;
		  background: url(../design/menu_bg_li.gif) center bottom no-repeat;
		  border-left: #CECECE 1px solid; 
}
#tray li a:hover {	display:block; 
		  		
		  			text-decoration:none; 
		  			text-align: center;
		  			color: #000;
		  			background: #f2f2f2 url(../design/menu_bg_li.gif) center bottom no-repeat;
		  		
}
#tray li a.active { display:block; 
		  			float:left; 
		  			width: 100px;
		  			padding: 15px 0px 15px 0px; 
		  			text-decoration:none; 
		  			text-align: center;
		  			color: #000;
		  			font: bold 11px/17px Tahoma, Arial, sans-serif;
		  			background: url(../design/menu_bg_li_active.gif) center top no-repeat;
		  			border-left: #CECECE 1px solid; 
}
.logo { position: relative; 
		top: 32%; 
		left: 5%; 
		width: 202px;
		height:130px;
}

#strefaklienta {width:877px;  height: 200px; display: none; border-bottom: #E1E1E1 1px dotted;}
.strefa_content ul {list-style: none;}

.strefa_content {padding: 10px; height: 200px; }
.strefa_klienta_btn	{ position: relative; 
				      top:108px; 
				      left: 87%; 
				      display: block;
				      background: url(../design/btn_strefa.png)no-repeat;
				      width: 100px;
				      height:33px;
				      cursor: pointer;				      
}
.strefa_klienta_btn_on	{ position: relative; 
				      top:108px; 
				      left: 87%; 
				      display: block;
				      background: url(../design/btn_strefa_on.png)no-repeat;
				      width: 100px;
				      height:33px;
				      cursor: pointer;				      
}
.strefa_box1 { font: normal 11px tahoma, arial, sans-serif; 
			   color: #787878; 
			   padding-right: 15px;  
			   width: 34%; 
			   border-right: #D7E0E7 1px solid; 
			   min-height: 180px;
}
.strefa_box1 h1 { padding: 2px 0 2px 0; 
                  background: url(../design/text_h1_box1.png)no-repeat;
                  width: 100%;
                  min-height: 23px;
                  margin-top: 10px;
				  
}
.strefa_box1 strong { color: #000; }
.strefa_box1 p {line-height: 1.5em; text-align: justify;}

.strefa_box2 { font: normal 11px tahoma, arial, sans-serif; 
			   padding-left: 15px; 
			   width: 27%; 
			   border-right: #D7E0E7 1px solid; 
		       min-height: 180px;
}
.strefa_box2 h1 { padding: 2px 0 2px 0; 
                  background: url(../design/text_h1_box2.png)no-repeat;
                  width: 100%;
                  min-height: 23px;
                  margin-top: 10px;
				  
}
.field_login { background: url(../design/card_address.png) center left no-repeat;
			   width: 150px;
			   min-height: 16px;
			   border: #ccc 1px solid;
			   padding: 2px 2px 2px 20px;
}
.field_pass { background: url(../design/textfield_key.png) center left no-repeat;
			   width: 150px;
			   min-height: 16px;
			   border: #ccc 1px solid;
			   padding: 2px 2px 2px 20px;
}


.lost-pwd { color: #4466BF;}

.bt_login { background: url(../design/btn_zaloguj.png)no-repeat;
		    width: 86px;
			height: 36px;
			display: block;
			cursor: pointer;
			border: 0;
}
.btn_login { position: relative; top: 0%; left: 62%;}

.strefa_box3 { font: normal 11px tahoma, arial, sans-serif; 
			   padding: 0px; 
			   width: 34%;
			   min-height: 180px;
}
.strefa_box3 h1 { padding: 2px 0 2px 0; 
                  background: url(../design/text_h1_box3.png) no-repeat;
                  width: 100%;
                  min-height: 23px;
                  margin-top: 10px;
				  
}



.close_panel { position: relative; top: 82%; left: 94.5%; background: url(../design/close_panel.png) no-repeat;
			   width: 52px; height: 27px; display: block; cursor: pointer;
}

.path { font: normal 11px tahoma, arial, sans-serif; width: 100%; padding: 15px 0 15px 0;
}
.path a { color: #787878; font: normal 11px tahoma, arial, sans-serif; text-decoration: none;
}

.tv_slide	{ position: relative; 
			  top: 25%; 
			  left: 31.5%; 
}
.text_kontakt { background: #f2f2f2 url(../design/txt_kontakt.gif) no-repeat;
				width: 162px;
				height: 47px; 
				position:relative; top:6%; left: 0%;
}

.bg_footer { width: 100%; 
			 min-height: 116px; 
			 background: #FFF url(../design/bg_footer.gif) repeat-x;
}
.partner { width: 880px; 
		   min-height: 55px;
		   margin: 0 auto;
		   clear: both;
		   padding: 0;
		   border-top: #B7B7B7 1px dotted;
}
.footer { margin: 0 auto; 
		  font: normal 11px Tahoma, arial, sans-serif; 
		  width: 892px; 
		  height: 60px;
		  background: url("../design/small_logo.gif") no-repeat;
	   	  color: #6980A7; 
}
.copyright {
	position: relative;
	top: 35%;
	left: 10%;
	width: 300px;
}
.menu_fotter {
	position: relative;
	top: 12%;
	left: 0;
	text-align: right;
	width: 500px;
	color: #FFF;
}
.menu_fotter a       { color: #FFF; font-size: 10px;}
.menu_fotter a:hover { color: #6980A7;}
.copyright      	 { color: #6980A7;  }
.copyright a         { color: #6980A7;  }
.copyright a:hover 	 { color:#FFF; }

/* ----------------------------------------  4-1) Page: Homepage -------------------------------------------------- */
#content	 { width: 100%; height:auto; padding: 0; margin: 0; }


.news     {	width: 247px; min-height: 314px; padding: 0; margin: 0; }
.corobimy {	width: 247px; min-height: 314px; padding: 0 0 0 67px; margin: 0; }
.klienci {	width: 247px; min-height: 314px; padding: 0 0 0 67px; margin: 0; }

.content_news, .content_corobimy, .content_klienci { padding: 0px; width: 100%; margin: 0; }
.content_klienci, .content_klienci a {color: #999; font: normal 11px tahoma, arial, sans-serif; text-decoration: none; } 
.header_news { width: 248px;
               height: 48px; 
			   padding: 0; 
			   margin: 0;
			   background: url("../design/bg_h_aktual.png") no-repeat;
}
.header_corobimy { width: 248px;
				   height: 48px; 
			       padding: 0; 
			       margin: 0;
			       background: url("../design/bg_h_co.png") no-repeat;
}
.header_klienci { width: 248px;
				  height: 48px;
				  padding: 0;
				  margin: 0;
				  background: url("../design/bg_h_klient.png") no-repeat;
}
.news_data { padding: 0px 0 20px 0; border-bottom: #E1E1E1 1px dotted;
}
.content_news ul 		{ list-style: none; width: 95%; margin:  0 auto; padding-left: 10px; padding-top: 10px;}
.content_news ul li 	{ font: normal 11px Tahoma, Arial, sans-serif; color: #7F7F7F; padding-bottom: 15px; }
.content_news ul li h1	{ font: bold 12px Tahoma, Arial, sans-serif; color:#000; text-transform: uppercase; 
						  padding-bottom: 5px; padding-top: 10px;  }
.content_news ul li a 	{ color: #AC1E52; text-decoration: none; font: bold 11px Tahoma, Arial, sans-serif;}
.content_news ul li span { text-align: justify; line-height: 1.2em; }

.read_more_link { text-align: right; padding-top: 10px; width: 100%; }
.read_more_link a { width: 150px;}
.read_more_link a:hover {color: #000;}
 
.content_corobimy ul    { list-style: none; width: 95%; margin:  0 auto; padding-left: 10px; padding-top: 10px;} 
.content_corobimy ul li { font: bold 12px Tahoma, Arial, sans-serif; 
						  color: #263A6E; 
						  padding: 10px 0 10px 0; 
						  border-bottom: #E1E1E1 1px dotted;						  
}
.content_corobimy ul li span {margin-left: 30px; }
.content_corobimy ul li.item_01 {background: url("../design/li_co_01.gif") 0 50%  no-repeat;}
.content_corobimy ul li.item_02 {background: #F7F7F7 url("../design/li_co_02.gif") 0 50%  no-repeat;} 
.content_corobimy ul li.item_03 {background: url("../design/li_co_03.gif") 0 50%  no-repeat;} 
.content_corobimy ul li.item_04 {background: #F7F7F7 url("../design/li_co_04.gif") 0 50%  no-repeat;} 
.content_corobimy ul li.item_05 {background: url("../design/li_co_05.gif") 0 50%  no-repeat;} 
.content_corobimy ul li.item_06 {background: #F7F7F7 url("../design/li_co_06.gif") 0 50%  no-repeat;}  
.content_corobimy ul li.item_07 {background: url("../design/li_co_07.gif") 0 50%  no-repeat;} 

 .anyClass {width: 165px;  padding-top: 10%;}
 .anyClass ul {list-style: none; width: 165px; padding-left: 10px; }
 .anyClass ul li {padding: 2px; font: normal 11px Tahoma, Arial, sans-serif; color: #7F7F7F;}
 .anyClass ul li a img {padding: 2px; background: #FFF; border: 0;  margin-left: 20px;}
 
.slide_image { width: 100%; height: 82px; }
.next_btn { border: 0;
			width: 30px; height: 40px; 
			background: url(../design/next_btn.png) no-repeat;
			background-position: 3px 0px; 
			cursor: pointer;
			margin-top: 17%;
}
.next_btn:hover { border: 0;
				  width: 30px; height: 40px;
				  background: url(../design/next_btn.png) no-repeat;
				  background-position: 3px -41px;  
				  cursor: pointer;
				  
}

.prev_btn { border: 0; 
			width: 30px; height: 40px; 
			background: url(../design/btn_prev.png) no-repeat;
			background-position: 3px 0px; 
			cursor: pointer;
			margin-top: 17%;
	
}
.prev_btn:hover { background: url(../design/btn_prev.png) no-repeat;
                  background-position: 3px -41px; 
}

.archiwum_btn { color: #999; 
				font: normal 11px Tahoma, Arial, sans-serif; 
				padding: 6px; 
				text-decoration: none; 
}
a.archiwum_btn:hover { color: #000; }

.sonda { width: 247px; 
		height: 314px; 
		padding: 0; 
		margin: 0;
		background: #5FD5E7 url("../design/bg_sonda.jpg") no-repeat;
}
.pytanie_sonda  { color: #FFF; 
				 padding: 45px 20px 20px 20px; 
				 font: normal 11px Tahoma, Arial, sans-serif;
}
#btn_sonda 	      { clear: both; text-align: center; width: 100%; }

.btn_glosuj { border: 0; width: 77px; height: 26px; background: url(../design/btn_glosuj.png); padding: 1px; cursor: pointer; }
.btn_wyniki { border: 0; width: 77px; height: 26px; background: url(../design/btn_wyniki.png); padding: 1px; cursor: pointer; }

.newslatter      { width: 100%; height: auto; color: #999999; font: normal 10px tahoma;}
.newslatter h1   { width: 100%; 
				   height: 19px; 
				   background: url(../design/text_newsletter.png) no-repeat; 
				   border-bottom: #ccc 1px dotted; 
				   margin-top: 10%;
}
.how_newsllater  { position: relative; top: 50%; left: 0%; }
.inputNewslatter { border: 0; background: #FFF; padding: 6px; width: 160px; font-size: 11px; border: #D7D7D7 1px solid; 
				   color: #999999;
}
.btn_newslatter  { padding: 0; 
	          	   margin: 0;
				   border: 0;
				   background: url(../design/btn_newslatter.gif) no-repeat;
				   width: 64px;
				   height: 29px;
				   position: relative;
				   top:  2px;
				   left: 2px;
}				
.nowosci { width: 247px; height: 180px; background: url(../design/nowosci_bg.jpg) no-repeat; }

.nowosci ul 	  { list-style: none; position: relative; top: 30%; left: 10%;}
.nowosci ul li	  { display: block; background: url(../design/bull_y.png) 0 60% no-repeat; padding: 1px 0 1px 0px;}
.nowosci ul li a { padding-left: 10px; font: bold 11px Tahoma, Arial, sans-serif; color: #e75911; text-decoration: none;}

.pobierz { width: 247px; height: 180px; background: url(../design/pobierz_bg.jpg) no-repeat; }

.link_pobierz	{ position: relative; top: 50%; left: 55%; width: 80px;}
.link_pobierz a	{ font: bold 11px tahoma, arial, sans-serif;}
.pobrano 		{ position: relative; top: 50%; left: 55%; width: 110px;}
.pobrano span 	{ font: normal 10px tahoma, arial, sans-serif;}

#path 			{ width: 100%;  font: bold 11px "tahoma", arial, sans-serif; }
#path-sub 		{ width: 100%; min-height: 230px; font: bold 12px "tahoma", arial, sans-serif; text-decoration: none;}
	
.title_partner   	 { padding: 4px;}
.path_item 		 { padding: 4px;  font: normal 11px "tahoma", arial, sans-serif; color: #999999;}
.path_item a strong{ color: #404040;}
	
.boxs 			{ padding: 6px 15px 0 0;}
.boxs_input_t	{ border: #ECECEC 1px solid;
				  padding: 6px 3px 3px 20px; 
				  height: 18px;
				  background:url("../design/bg_input_szukaj.gif")no-repeat;
}

    .col {float:left; width:308px; padding:0; margin:0; }
    .col.last {margin-right:0;}
    .col h3 {margin:0; padding:7px 15px 12px 50px; background:url("../design/cols3-title.gif") 20px 40% no-repeat; font-size:120%;}

        .col-text {padding:20px; border-top:1px solid #DFDFDF;}
        .col-text p {margin:0;}
        .col-text ul {margin-bottom:0;}
        .col-more {padding:10px 10px 1px 0; text-align:right;}

.podkategorie { width: 100%; 
			    padding: 0; 
			    margin: 0; 
			    font: normal 12px Tahoma, Arial, Sans-serif; 
			    color: #4E4E4E; 
			    min-height: 313px; 
}		
		
.sub_content {  width: 99%; 
			   padding: 0; 
			   margin: 0; 
			   font: normal 12px Tahoma, Arial, Sans-serif; 
			   color: #4E4E4E; 
			   min-height: 313px; 
}	

.sub_content h1 { 
				padding: 3px 0 3px 0;
				width: 100%;
				border-bottom:1px solid #DFDFDF;		
}	

.sub_content h1 span.span_title { 
				font-family:Tahoma,Helvetica,Arial,Verdana,sans-serif;
				font-size:12px;
				text-transform: uppercase;
				color: #000;
				padding: 0;
				margin: 0;
				clear: both;
				display: block;
				
}

.sub_content h1 span.span_data { 
				font:normal 10px Tahoma,Helvetica,Arial,Verdana,sans-serif;
				color: #666;	
				padding: 0;
				margin: 0;
				clear: both;
				display: block;
}

.sub_content p { padding: 2px;
				margin: 0;
				text-align: justify;
				line-height: 1.8em;
}

.sub_content a 		{ color: #C54913; font-weight: bold; }
.sub_content a:hover { color: #FFF;  text-decoration: underline;}
	
.sub_content ul { list-style: none; margin-left: 2%;}	
.sub_content ul li {background:url("../design/bullet_blue.png") 0px 2px no-repeat; padding: 2px 0px 2px 20px;}

.menu_subcontent ul      { list-style: none; margin: 10px 0px 0px 0px; border-top: #ccc 1px dotted;}
.menu_subcontent ul li    { border-bottom: #ccc 1px dotted;  background: url("../design/bulletGray.gif") 2% 52% no-repeat; display: block;}
.menu_subcontent ul li a { font: normal 12px tahoma, arial, sans-serif; 
					   text-decoration: none; 
					   color: #3662AF; 
					   padding: 6px 0 6px 20px; 
					   display: block; 
}
.menu_subcontent ul li a:hover  { color: #000; 
							 background: #F7F7F7 url("../design/bulletGray.gif") 2% 52% no-repeat; 
}
.portfolio ul      { list-style: none; padding:0; margin: 0;}
.portfolio ul li    { padding: 3px 0 3px 0; background: none; font-size: 11px; color: #7F7F7F; }
.portfolio ul li a { color: #263A6E;
				 font: normal 11px tahoma, arial, sans-srif;
				 text-decoration: underline;

}
.portfolio ul li a:hover { color: #263A6E; text-decoration: underline; 

}

.title_projekt { text-transform: uppercase; font-size: 12px; color: #000; border-bottom: #ccc 1px dotted; }

.img_portfolio img {
	border: #ccc 3px solid;
	padding: 2px;
	background: #FFF;
}

/*-------------- Search result -------------------------------------*/	
.search_result ul 		 { list-style: none; padding: 0;}
.search_result ul li 		 { padding: 2px; display: block; }
.search_result ul li a 		 { font: normal 11px tahoma, arial, sans-serif; text-decoration: none; color: #000; padding-left: 15px;}
.search_result ul li a:hover{ color: #88B5EE; text-decoration: underline;}
.smaller {font-size:85%;}

ul#portfolio { list-style: none; padding: 0px; margin: 0;
}

.pagination {text-align: right;}

.pagination a { font: normal 11px tahoma, arial, sans-serif; color: #000; }
.pagination a:hover { color: #88B5EE; }
.disabled {
color: #ccc;
}
.current_pagitation {
font: bold 11px tahoma, arial, sans-serif; color: #000;
}