﻿body { margin: 0px;	padding: 0px; font: 10px Verdana; background:#eeeeee; }

/* Ogólne style dla formularzy */
input.txt { background-color: #F6F5F0; border: 1px solid #cccccc;  font: 11px Verdana; color: #454545; padding:4px;}
textarea.txt { background-color: #F6F5F0; border: 1px solid #cccccc;  font: 11px Verdana; color: #454545; padding:4px;}
a.decyzja { text-decoration:none; padding: 5px 0px 5px 30px; line-height:20px; background: url(../grafika1/redArrow.gif) 10px center no-repeat;	
			       color:#454545; 	}
a.decyzja:hover { background: url(../grafika1/redArrow.gif) 15px center no-repeat;	}			      

#page {	position: relative;	width: 904px; margin: 0px auto 10px auto; background: white;
	/*	border-left: 1px solid silver;border-right: 1px solid silver;*/
	}
#page .inner { margin: 0px 2px; }
/* Style nagłówka strony */
#page #header { line-height: 30px;  clear:both;}
#ie6 #page #header { margin: 3px 0px; } /* ie nie rozpoznaje line-height i dajemy padding */
#page #header img { border: none; vertical-align:middle; }
#page #header .menuSkrot { float:left;  }
#page #header .menuJezyki { font-size: 10px; }
#page #header .menuJezyki { float:right;  }


/* Bannery na górze strony */
#page .top { height: 160px; clear:both; }
#page .top #logoTop { float: left; width: 190px; height: 149px; background: url(../grafika1/logoTop.jpg); }
#page .top #bannerTop { float: right; width: 699px; height: 149px; background: url(../grafika1/bannerTop.jpg); }


#menuArea { background:white; }
/* Belka menu */
#menuBar {  height:52px; background: url(../grafika1/menuBg.gif) repeat-x; font-size: 16px;}
#menuBar .menuLeft { float: left; width:19px; height: 52px; background: url(../grafika1/menuLeft.gif) no-repeat; }
#menuBar .menuRight { float: right; width:18px; height: 52px; background: url(../grafika1/menuRight.gif) no-repeat;}
#menuBar .menuMiddle { float: left; }
#menuBar .menuMiddle a { line-height: 52px; padding: 0px 20px; text-decoration: none; color: white; 
                         background: url(../grafika1/menuSeparator.gif) no-repeat left center;}
#menuBar .menuMiddle a:first-child { line-height: 52px; padding: 0px 20px; text-decoration: none; color: white; background: none }
/* emulacja first-child dla IE */
#menuBar .menuMiddle a { background: expression((this == this.parentNode.firstChild)?"none":"url(../grafika1/menuSeparator.gif) no-repeat left center")}
#menuBar .menuMiddle a.selected, #subMenuBar a.selected { color: #18ff01; }
#subMenuBar { width:900px; display:none; clear: both; top:212px; position: absolute;  z-index:100; height:40px; background: url(../grafika1/subMenuBg.gif) repeat-x; font-size: 16px;}
#subMenuBar .menuLeft { float: left; width:19px; height: 40px; background: url(../grafika1/subMenuLeft.gif) no-repeat; }
#subMenuBar .menuRight { float: right; width:18px; height: 40px; background: url(../grafika1/subMenuRight.gif) no-repeat; }
#subMenuBar #menuContainer  { float: left }
#subMenuBar #menuContainer .menuMiddle { float: left;   }
#subMenuBar a { line-height: 40px; padding: 0px 10px; text-decoration: none; color: white; background: none; z-index:101 }
#subMenuBar a:hover { color: #18ff01; }

/* fix menu dla IE*/
 #ie6 #subMenuBar { top: 245px; }
 #ie7 #subMenuBar { top: 242px; }



/* Lewa kolumna */
#leftColumn { float: left; width: 590px; padding:0px 0px 10px 0px; }
#leftColumn #newsTicker { position:relative; width: 570px;  padding:16px 10px; background: url(../grafika1/newsTickerBg.gif) repeat-y; 
						  color: #454545; margin-bottom:10px}

#leftColumn #newsTicker .bottom { position: absolute; height: 16px; width:590px; bottom: 0px; left:0px; background: url(../grafika1/newsTickerBottom.gif) no-repeat;  }
#leftColumn a.linkNews { float: right; margin-right:15px;  display:inline; padding: 0px 15px 0px 0px; background: url(../grafika1/arrowsGray.gif) no-repeat right center; font-size:11px;  font-weight: bold;
                         text-decoration: none; color: #454545; }
#leftColumn a.linkNews:hover { text-decoration: underline; }
#ie6 #leftColumn #newsTicker { height: 40px; }


#rightColumn { float: right; width: 300px; }


/* Lewa kolumna - nagłówki artykułów */
#leftColumn .artHeaders {  clear: both; zoom:1; }
#leftColumn .artHeaders .artHeader {  clear: both; zoom: 1; }
#leftColumn .artHeaders .left { float: left; width:100px; padding-top:10px; }
#leftColumn .artHeaders .left img { float: left; display:inline; }
#leftColumn .artHeaders .left .first { float: left;  display:inline; }
#leftColumn .artHeaders .left .desc { float:left; width:100%; font-size:9px; color:#454545; width:70px; padding:6px 0px 6px 0px; text-align:center}
#leftColumn .artHeaders .right { float: left; width: 490px}

#leftColumn .artHeaders .header { width: 490px; background: url(../grafika1/blueBarBg.gif) repeat-x center; text-indent:0px; }

#leftColumn .artHeaders .header .txt { font-weight:500; font-size: 15px; color: #1379c1; padding: 0px 10px 0px 10px;
	                                   text-indent: 10px; background:white;  margin-left:20px;   }


#leftColumn .artHeaders .artHeader .title { margin: 5px 0px 0px 0px; padding:0px 0px 2px 10px; background: url(../grafika1/redArrow.gif) no-repeat left center; }
#leftColumn .artHeaders .artHeader .title a { font-weight:bold; color:Black; text-decoration:none; }
#leftColumn .artHeaders .artHeader .body { padding: 0px 0px 0px 10px; text-align: justify; margin-bottom:5px; color: #454545; }


/* Lewa kolumna - widok artykułu  */
#artview .artHeader { width: 100%; background: url(../grafika1/blueBarBg.gif) repeat-x center; text-indent:0px;
						 font-size:15px; margin: 10px 0px 0px 0px }
#artview .artHeader .txt { font-weight:500; font-size: 15px; color: #1379c1; padding: 0px 10px 0px 10px;
	                                   text-indent: 10px; background:white;  margin-left:20px;   }
#artview .artBody { width:100%; text-align: justify; margin-bottom:5px; color: #454545; font-size:11px; padding-top:10px; }						 
#artview .artBody a { color: #ce3c00; text-decoration: none; }

/* Prawa kolumna */
#rightColumn .flash { width: 300px; height: 196px; z-index: 0;}
#rightColumn img.button { width: 300px; height: 132px; margin-top: 20px; background: url(../grafika1/button1.gif) no-repeat; }
#rightColumn .buttony img { margin-top:20px; border: none;}

/* Prawa kolumna - lista artykułów */
#rightColumn .artListHeader { height: 36px; background: url(../grafika1/greenShortHeader.jpg) no-repeat; 
							 font: 16px Verdana; color: White; padding: 10px 0px 0px 20px }
.artList { padding: 0px 0px 0px 10px }							 
.artList a { display: block; padding: 3px 0px 3px 10px; background: url(../grafika1/redArrow.gif) left center no-repeat;
						  text-decoration:none; color: #454545; font-size:11px; margin-bottom:5px }
.artList a.selected { font-weight: bold; }						 

	

/* Formularz wyszukiwania */
#rightColumn .searchForm { width: 299px;  margin-bottom: 20px; background: #2b7fbb}
.searchForm { font-size: 10px; color: White; position:relative; }
.searchForm .title { padding: 10px 0px 0px 20px; font-size:12px; background: url(../grafika1/searchFormTop.gif) no-repeat;  }
.searchForm .body { margin: 10px 0px 0px 19px; padding: 5px 0px 5px 5px; background:#216da1; width:260px; }
.searchForm .body .row { overflow:hidden; clear:both; zoom:1; margin-top:5px; }
.searchForm .body .row .left { float: left; width: 100px; }
.searchForm .body .row .right { float: left; }
.searchForm .body .row .footer { margin-top: 20px; }
.searchForm .body .row .right .ddList { font: 10px Verdana; color: Black; }
.searchForm .body .row .right .txtBox { font: 10px Verdana; color: Black; }
.searchForm .footer { overflow:hidden; bottom:0px; margin-top:10px; width: 299px; height:22px; background: url(../grafika1/searchFormBottom.gif) no-repeat; zoom:1; }
.searchForm .footer .find { text-decoration: none; color: White; padding: 3px 20px 3px 10px; 
						    background: url(../grafika1/whiteArrow.gif) no-repeat left center; float:right  }  


/* Formularz kontaktowy */
.form { margin: 0px auto; width: 500px }
.form .header { font-size: 15px; color: #454545; margin-top:20px }
.form .legend { margin-top: 5px; color: #666666; }
.form .body { margin-top: 10px; }
.form .body .row { clear:both;  padding-top:10px;  zoom:1;}
.form .body .row .left { float: left; width: 250px; line-height:22px; }
.form .body .row .right { float: left; width:250px; }
.form .body .row .right .other { margin-left: 10px; margin-top:-4px }
.form .body .row .left strong { color: red; padding-left: 3px; }
/* Lista z polecanymi ofertami */
#offersList { clear: both;  }
#offersList .header {  height: 37px; background: url(../grafika1/greenWideHeader.jpg) no-repeat; font-size:18px; color: white; line-height: 37px; text-indent: 20px;}

.offerBox { float: left; margin-left: 17px; display: inline; width: 210px; font: 11px Arial}
.offerBox .imageBox { border: 1px solid #9aa3ac; height: 150px; padding:5px; margin-top:10px; }
.offerBox .title { margin: 4px 0px; padding: 0px 0px 4px 0px; color: #246696; font-weight: bold; 	
                               background: url(../grafika1/dots.gif) repeat-x bottom; overflow:hidden; zoom:1;}			
.offerBox .title .left { float:left; }
.offerBox .title .right { float: right; }                               				   
.offerBox .description { text-align:justify; color: #3d3d3d; padding: 0px 0px 4px 0px; background: url(../grafika1/dots.gif) repeat-x bottom; }		
.offerBox .row {background: url(../grafika1/dots.gif) repeat-x bottom; padding: 4px 0px;  clear:both; overflow:hidden; zoom:1; }
.offerBox .row .left { float:left; color: #3d3d3d;  font-weight: bold;}						   
.offerBox .row .right { float: right; }
.offerBox .row .right strong { color: #ce3c00; }
.offerBox .menu { clear: both; padding: 4px 0px; }
.offerBox .menu a { display:block; color: #3d3d3d; text-decoration: none; padding: 4px 10px; background: url(../grafika1/blueArrow.gif) left center no-repeat;  }
.offerBox .description dt { font-weight: bold; }
/* Polecane oferty */

#offersList .offerBoxF { float: left; margin-left: 4px; display: inline; width: 210px; font: 11px Arial}
#offersList .offerBoxF .imageBox { border: 1px solid #9aa3ac; height: 150px; padding:5px; margin-top:10px; }
#offersList .offerBoxF .title { margin: 4px 0px; padding: 0px 0px 4px 0px; color: #246696; font-weight: bold; 
                               background: url(../grafika1/dots.gif) repeat-x bottom; overflow:hidden; zoom:1;}							   
#offersList .offerBoxF .title .left { float:left; }
#offersList .offerBoxF .title .right { float: right; }                               				   
                               
#offersList .offerBoxF .description { text-align:justify; color: #3d3d3d; padding: 0px 0px 4px 0px; background: url(../grafika1/dots.gif) repeat-x bottom; }		
#offersList .offerBoxF .row {background: url(../grafika1/dots.gif) repeat-x bottom; padding: 4px 0px ; overflow: hidden; zoom:1 }
#offersList .offerBoxF .row .left { float:left; color: #3d3d3d;  font-weight: bold;}						   
#offersList .offerBoxF .row .right { float: right;  }
#offersList .offerBoxF .row .right strong { color: #ce3c00; }
#offersList .offerBoxF .menu { clear: both; padding: 4px 0px; }
#offersList .offerBoxF .menu a { display:block; color: #3d3d3d; text-decoration: none; padding: 4px 10px; background: url(../grafika1/blueArrow.gif) left center no-repeat;  }
#offersList .offerBoxF .description dt { font-weight: bold; }

/* Oferta */

.oferta { width: 100%; clear:both; margin-top: 10px; overflow: hidden;}
.oferta .headerBox { padding: 0px 0px 4px 0px; font-size: 15px; font-weight: bold; color: #454545; line-height: 20px; 
					 background: url(../grafika1/dots.gif) repeat-x bottom; cursor:pointer; }	
.oferta .contentBox .headerBox { padding: 0px 0px 4px 0px; font-size: 15px; font-weight: bold; color: #454545; line-height: 20px; 
					 background: #fff url(../grafika1/dots.gif) repeat-x bottom; cursor:pointer; }	
.oferta .headerBoxPanel {float: left; padding: 6px 0px 0px 0px; width: 295px; margin: 0px; height: 30px; text-align: center; font-size: 15px; font-weight: bold; color: #fff; line-height: 20px; 
					 background-image: url(../grafika1/greenShortHeader.jpg); background-repeat: no-repeat; cursor:pointer; }	
.oferta .headerBox em { font-size:8px; color: #999999; padding-left:10px; }					 

.oferta .contentBox { margin-bottom:20px; background: #EDEFF7}
.oferta .contentBox table {width:100%; overflow:hidden; clear: both; font-size: 11px; line-height: 30px; color:#454545;}
.oferta .contentBox table tr {background: url(../grafika1/dots.gif) repeat-x bottom;}
.oferta .contentBox table tr td.t {width: 260px; padding-left: 10px;}
.oferta .contentBox table tr td.tn {width: 80px; padding-left: 10px;}
.oferta .contentBox table tr td+td {line-height: 20px;}
.oferta .contentBox table tr:hover { background: #E4E9F0; }

.oferta .contentBox .row { width:100%; overflow:hidden; clear: both; zoom: 1; font-size: 11px; line-height: 20px; 
						   color:#454545; background: url(../grafika1/dots.gif) repeat-x bottom;}
.oferta .contentBox .row .banner { line-height:20px; padding: 3px 3px 3px 10px; /*color: #296b9b; */font-size: 1.1em; }						   
.oferta .contentBox .row .banner strong { font-size: 1.1em; font-weight:600; }
.oferta .contentBox .row:hover { background: #E4E9F0; }						   
.oferta .contentBox .row .left { float: left; width: 230px; padding: 0px 0px 0px 10px}
.oferta .contentBox .row .left strong { font-weight: bold; }
.oferta .contentBox .row .desc { float: left; width: 500px; }
.oferta .contentBox .row .right { margin-left:250px; width: 330px; line-height:30px; color:#454545;  }
.oferta .contentBox .row .full { float: left; color:#454545; text-align:justify; padding: 5px 15px;}
.oferta .contentBox .row .full h2 { font-size: 1.30em;  margin: 0px; padding: 0px; color: #296b9b; line-height:1.6em; }
.oferta .contentBox .row .full h3 { font-size: 1.10em;  margin: 0px; padding: 0px; color: #296b9b; line-height:1.6em; }

.oferta .contentBox .row .right strong { font-weight: bold; color: #ce3c00; }
.oferta .contentBox .gallery { padding: 10px 25px; background: #EDEFF7}
.oferta .contentBox .gallery:hover {background: #E4E9F0; }						   
.oferta .contentBox .gallery img { padding: 5px 5px 5px 5px; margin:5px; border: 1px solid #999999;  }
.oferta .contentBox .gallery img:hover { background: #ce3c00; }
.oferta .contentBox .mainPhoto { text-align:center; margin:30px 25px; padding-top:0px; border: 1px solid #999;}
.oferta .contentBox .mainPhoto img { padding: 5px 5px 5px 5px; width:225px; margin:5px; border:none;}
.oferta .contentBox .full dt { font-weight: bold; }

.menuOff { padding-top: 5px; }
.menuOff a { text-decoration:none; padding: 0px 0px 0px 30px; line-height:13px; background: url(../grafika1/redArrow.gif) 10px center no-repeat;	
			      color:#454545; display:block; height:13px; zoom:1;}
.menuOff a:hover { background: url(../grafika1/redArrow.gif) 15px center no-repeat;	}			      
.oferta .frmkontakt { font-size: 11px; color: #454545; }
.oferta .decyzja a { text-decoration:none; padding: 5px 0px 5px 30px; line-height:20px; background: url(../grafika1/redArrow.gif) 10px center no-repeat;	
			         color:#454545; 	}
.oferta .decyzja a:hover { background: url(../grafika1/redArrow.gif) 15px center no-repeat;	}			      

/* widok artykułu */

.wideView { overflow:hidden; clear:both; }
.wideView .leftColumn { float: left; width: 680px; }
#ie6 .wideView .leftColumn { width: 660px; }
.wideView .rightColumn { float: right; width: 211px; }


.wideView .rightColumn .artListHeader {	background: url(../grafika1/greenArtHeader.jpg) no-repeat; 
	width: 211px; height: 33px;
	font: 16px Verdana; color: White; padding: 10px 0px 0px 20px; }
.artNavigator { width:100%; height: 30px; overflow: hidden; position:relative; }
.artNavigator .left { float:left;  }
.artNavigator .right { float:right;  }
.artNavigator .info { position:absolute; left:90px;    }
a.navLinkActive { text-decoration: none; color: #1379c1; font-weight:bold;  }
a.navLinkDisabled { text-decoration: none; color: silver;   }



/* notatnik */

.news { clear: both; }

/* wyszukiwarka */
.pageControl { font: 11px Verdana; color: #454545; padding:15px; clear:both; }
.searchResults {  margin: 0px auto; }
.searchResults .searchRow { clear: both; zoom:1; padding:10px 0px; overflow:hidden; width:100%; cursor:pointer;}
/*.searchResults .searchRow:hover { background: #E4E9F0;} */

.searchResults  .imageBox { float:left; border: 0px solid #9aa3ac; height: 130px; padding:5px; margin-top:10px; }
.searchResults  .offerBox {float:left; margin-left: 17px; display: inline;  font: 11px Arial; width: 390px; }
.searchResults  .offerBox .stitle { margin: 0px 0px; padding: 0px 0px 4px 0px; color: #246696; font-weight: bold; 
                               background: url(../grafika1/dots.gif) repeat-x bottom; overflow:hidden; }					
.searchResults  .offerBox .stitle .right { float:right; padding-right:0px}                              
.searchResults  .offerBox .description { text-align:justify; color: #3d3d3d; padding: 4px 0px 6px 0px; background: url(../grafika1/dots.gif) repeat-x bottom; }		
.searchResults  .offerBox .srow {  background: url(../grafika1/dots.gif) repeat-x bottom; padding: 3px 0px;  clear:both;  overflow:hidden; }
.searchResults  .offerBox .srow .left { float:left; color: #3d3d3d; width:130px;  font-weight: bold; line-height:15px; }						   
.searchResults  .offerBox .srow .right { float:none; text-align:right;  margin-left:140px; width:250px; line-height:15px;}
#ie6 .searchResults  .offerBox .srow .right { width: 245px;}
.searchResults  .offerBox .srow .right strong { color: #ce3c00; }
.searchResults  .offerBox .menu { clear: both; padding: 4px 0px; }
.searchResults  .offerBox .menu a { display:block; color: #3d3d3d; text-decoration: none; padding: 4px 10px; background: url(../grafika1/blueArrow.gif) left center no-repeat;  }
.searchResults  .offerBox .description dt { font-weight: bold; }

/* Stopka */
#footer { clear: both; width: 900px; height: 51px; padding-top: 20px; background: url(../grafika1/footerBg.gif) no-repeat bottom center; }
#footer .left { float:left; margin:12px 0px 0px 10px; display: inline; color: White; font-size: 10px; }
#footer .right { float:right; margin: 12px 10px 0px 0px; display: inline; color: White; font-size:10px; }
#footer a { text-decoration: none; color: White; }
	


/* notfound */
.notfound { width: 500px; margin: 100px auto; }
.notfound p { width: 400px; margin:0px auto; text-align:center;font-size:14px; color: #454545; }
.notfound .logo { background: url(../grafika1/logo.jpg) no-repeat; width: 200px; height: 170px; margin: 0px auto; }


a.link6 { text-decoration:none; padding: 0px 0px 0px 30px; line-height:13px; background: url(../grafika1/redArrow.gif) 10px center no-repeat;	
			      color:#454545; display:block; height:13px; zoom:1;}
a.link6:hover { background: url(../grafika1/redArrow.gif) 15px center no-repeat;	}			      
a.arrowLink { display:block; color: #3d3d3d; text-decoration: none; padding: 4px 10px; background: url(../grafika1/blueArrow.gif) left center no-repeat;  }


/* ogólne style na każdą okazję - zwykle dodawane po stronie serwera :) */
.royalblue { color: #296b9b; }
.bigger { font-size: 1.05em; }
.bold { font-weight: bold; }

/* default opacity for IE */
img {
	filter:alpha(opacity=100);
	}

/* duplicate image positioning */

#gallery img.first {
	width:225px;
	padding: 5px 5px 5px 5px; 
	border: none;
	margin:5px;
	
}
img.idupe {
	position:absolute;
	z-index:1;
	visibility:hidden;
	width:225px;
	padding: 0px 0px 0px 1px;
	margin: 5px;
	border: none;
	}
