/* Filename: page-style.css
 * Description: CSS dla strony ""
 * 
 * Last revison:
 * $Revision: 1 $
 * $Date: 2009-11-04 $
 * $LastChangeBy: Przemysław Szpiler $
 */

 /* COMMON ======================= */
body, html {
	height: 100%;
	margin: 0 0 1px;
	padding: 0;
	}
body {
	background: #F4F4F4 url("../img/body-bg.jpg") repeat-x top;
	font-size: 12px; font-family: georgia;
	}
	
div {
	border: 0px solid red;
	}

/* MAIN CONTAINER =========================== */
div.main-container {
	width: 980px; margin: 0 auto; padding: 0px 3px 0px 3px;
	}

/* HEAD =================================*/
div.head-section {
	height: 105px;
	}
	a.head-logo {
		top: 0px; left: 37px;
		width: 301px; height: 105px;
		background: transparent url("../img/logo.jpg") no-repeat;		
		}
	
	/* date-box --------------------------*/		
	div.head-date-box {
		top: 0px; right: 10px; padding: 17px 20px 0px 0px;		
		background: transparent url("../img/top-date-box-bg.gif") no-repeat right top;
		text-align: right; line-height: 15px; font-family: Georgia; 
		}
		span.head-date-info {
			color: #007EC2;
			}
	/*main menu --------------------------*/
	div.head-main-menu-box {
		z-index: 100;
		top: 63px; right: 5px;		 
		}
		
		ul.main-menu {
			font-family: georgia;			
			}
			
		ul.sub-menu {
			}
			ul.sub-menu li a {
				}
		li.submenu-last {
			height: 6px; margin: 0px; padding: 0px;
			background: transparent url("../img/submenu-last.png") no-repeat bottom center;
			}
		
		/*
		ul.main-menu {
			font-family: georgia;			
			}
			li.main-menu-item,
			li.main-menu-item-active {
				padding: 0px 16px 0px 16px;
				}
				li.main-menu-item a {
					color: #FFFFFF; font-size: 12px; font-weight: bold; text-decoration: none;
					}
				li.main-menu-item a:hover,
				li.main-menu-item-active a,
				li.main-menu-item-active a:hover {		
					color: #DDDDDD;	font-weight: bold; text-decoration: none; 
					}		
	
		*/
	
/* CONTENT ==============================*/
div.content-section {
	padding: 12px 0px 0px 0px;
	}
	
	/*content left --------------------------- */
	div.content-left {
		width: 591px; padding: 1px 0px 0px 0px; margin: 0px 0px 0px 4px;
		}
	div.subpage-content-left {
		width: 781px; padding: 1px 0px 0px 0px; margin: 0px 0px 0px 4px;
		}
		/*box-news -------------------------*/
		div.box-news-bg {
			width: 587px;
			background: transparent url("../img/box-bg-left-column.gif") repeat-y;
			}
			div.box-news-bottom {
				background: transparent url("../img/box-bottom-left-column.gif") no-repeat bottom center;
				}
				div.box-news-top {
					min-height: 200px; padding: 19px 18px 33px 19px;
					background: transparent url("../img/box-top-left-column.gif") no-repeat top center;
					}
					div.article-text {
						margin: 0px 10px 0px 10px;
						font-family: tahoma; font-size: 11px; line-height: 17px;
						}
		/* subpage left box ---------------------------*/
		div.subpage-box-bg {
			width: 771px;
			background: transparent url("../img/subpage-box-bg.gif") repeat-y;
			}
			div.subpage-box-bottom {
				background: transparent url("../img/subpage-box-bottom.gif") no-repeat bottom center;
				}
				div.subpage-box-top {
					min-height: 200px; padding: 16px 15px 30px 18px;
					background: transparent url("../img/subpage-box-top.gif") no-repeat top center;
					}	
			
		/*box-title --------------------- */
		div.box-title {
			padding: 0px 0px 8px 10px; margin: 0px 0px 10px 0px;
			color: #007FC4; font-size: 18px;
			background: transparent url("../img/box-title-line.gif") repeat-x bottom;
			}
			
		/*news-item ----------------------- */
		div.box-news-item {
			margin: 0px 0px 20px 0px;
			}
			div.news-item-photo {
				width: 205px;
				text-align: center;
				}
				div.news-item-photo img {
					padding: 3px;
					background: #FFFFFF;
					border: 1px solid #D6D6D6;					
					}
			div.news-item-intro {
				width: 335px; padding: 0px 0px 0px 10px;
				}
				div.news-item-intro-name {
					margin: 0px 0px 10px 0px;
					}
					div.news-item-intro-name a {
						color: #025B8B; font-size: 18px; text-decoration: none; line-height: 22px;
						}
					div.news-item-intro-name a:hover {
						color: #023B6B; font-size: 18px; text-decoration: none; line-height: 22px;
						}
			
				div.news-item-intro-desc {
					color: #585858; font-family: tahoma; font-size: 11px; line-height: 16px;
					}
		
		/* subpage news item -----------------------*/
		div.subpage-news-list {
			}
			div.subpage-news-item {
				width: 175px; margin: 0px 9px 0px 0px;
				}
				div.subpage-news-item-photo img {
					padding: 3px;
					background: #FFFFFF;
					border: 1px solid #D6D6D6;	
					}
				div.subpage-news-item-name {
					margin: 3px 0px 0px 0px;
					}
					div.subpage-news-item-name a {
						font-weight: bold; font-size: 14px;
						}
					div.subpage-news-item-name a:hover {
						}	
					
		/*new number ------------------------------*/
		div.new-number-photo {
			border-top: 1px solid #2E2E2E; border-left: 1px solid #2E2E2E; border-right: 1px solid #2E2E2E;
			line-height: 1px; font-size: 1px;
			}
			div.new-number-photo img {
				margin: 0px; padding: 0px;
				}
		div.new-number-desc {
			padding: 10px 10px 12px 25px;
			background: #4E4E4E;
			}
			div.new-number-desc-label {
				color: #04A5FF; font-size: 25px; 
				}
			div.new-number-desc-label a {
				text-decoration: none;
				}
			div.new-number-desc-label a:hover {
				color: #24A5FF; 
				}
			div.new-number-name,
			div.new-number-name a {
				color: #FFFFFF; font-size: 25px; text-decoration: none;
				}
			div.new-number-name a:hover {
				color: #AAAAAA; 
				}
			div.new-number-desc-value {
				padding: 10px 0px 0px 0px;
				color: #C8C8C8; font-family: tahoma; font-size: 11px; line-height: 15px; 
				}	
			
		div.new-number-pages {
			padding: 10px 10px 12px 25px;
			background: #656565;
			}
			div.new-number-pages-label {
				margin: 0px 0px 10px 0px;
				color: #03A6FE; font-size: 17px;
				}
			div.new-number-pages-label a {
				text-decoration: none;
				}
			div.new-number-pages-label a:hover {
				text-decoration: none;
				}
			div.new-number-pages-list {
				padding: 0px 0px 0px 15px;
				}
				div.new-number-page-item {
					width: 245px; padding: 0px 0px 2px 0px;
					}
					a.new-number-page-link {
						padding: 0px 0px 0px 10px;
						color: #D9D9D9; font-family: tahoma; font-size: 11px; text-decoration: none;
						background: transparent url("../img/icon-white-item.png") no-repeat left center;
						}
					a.new-number-page-link:hover {
						padding: 0px 0px 0px 10px;
						color: #D9D9D9; font-family: tahoma; font-size: 11px; text-decoration: underline;
						background: transparent url("../img/icon-white-item.png") no-repeat left center;
						}
		
	/*content right ---------------------------*/
	div.content-right {
		width: 385px; 
		}
	div.subpage-content-right {
		width: 185px; 
		}
		
		/*box -------------------------*/
		div.box-bg {
			width: 373px;
			background: transparent url("../img/box-bg-right-column.gif") repeat-y;
			}
			div.box-bottom {
				background: transparent url("../img/box-bottom-right-column.gif") no-repeat bottom center;
				}
				div.box-top {
					min-height: 100px; padding: 10px 15px 15px 15px;
					background: transparent url("../img/box-top-right-column.gif") no-repeat top center;
					}
					
			/* faces -----------------------------------------*/
			table.faces-box {
				width: 100%;
				}
			.faces-photo {
				vertical-align: top;
				width: 150px; height: 100%;
				text-align: center;
				}
			td.faces-info {
				vertical-align: top;
				width: 172px; padding: 0px 0px 5px 7px;
				color: #007FC4; font-size: 18px;
				}
				div.faces-name-label {
					color: #007FC4; margin: 0px 0px 5px 0px;
					}
				div.faces-name {
					margin: 0px 0px 5px 0px;
					}
				div.faces-name a,
				div.faces-name a:hover {
					color: #007FC4; font-size: 18px; text-decoration: none; font-weight: bold;
					}
				div.faces-quote {
					margin: 0px 0px 0px 0px;
					color: #007FC4; font-style: italic; line-height: 25px; 
					}
				a.blue-button {
					width: 21px; height: 21px; margin: 0px 1px 0px 0px;
					background: transparent url("../img/button-small-blue.gif") no-repeat;
					}
			div.subpage-faces {
				color: #007FC4; font-family: tahoma; font-size: 11px;
				}
				div.subpage-faces-photo {
					text-align: center;
					}
				div.subpage-faces-info {
					width: 147px; margin: 0 auto;
					}
					div.subpage-faces-name-label {
						
						}
					div.subpage-faces-name {
						margin: 4px 0px 3px 4px;
						}
					div.subpage-faces-name a {
						font-weight: bold;
						}
					div.subpage-faces-quote{
						line-height: 16px; padding: 0px 0px 3px 0px;
						}
			
			/* good ---------------------------*/
			div.good-item-box {
				padding: 0px 0px 10px 5px;
				}
				div.good-item-box a {
					padding: 0px 0px 0px 20px;
					color: #191919; font-size: 11px; font-family: tahoma; text-decoration: none;
					background: transparent url("../img/icon-red-item.png") no-repeat left center; ; 
					}
				div.good-item-box a:hover {
					color: #D70606; font-size: 11px; font-family: tahoma; text-decoration: none;
					}
				
		/*small-box -------------------------*/
		div.small-box-bg {
			width: 183px; margin: 0px 7px 5px 0px;
			background: transparent url("../img/small-box-bg.gif") repeat-y;
			}
			div.small-box-bottom {
				background: transparent url("../img/small-box-bottom.gif") no-repeat bottom center;
				}
				div.small-box-top {
					min-height: 150px; padding: 18px 15px 15px 15px;
					background: transparent url("../img/small-box-top.gif") no-repeat top center;
					}
		/*polls box ---------------------------- */
		div.polls-box-top {
			min-height: 188px; padding: 10px 15px 14px 15px;
			background: transparent url("../img/polls-box-top.gif") no-repeat top center;
			color: #191919; font-size: 11px; font-family: tahoma;
			}
			div.polls-title {				
				padding: 0px 0px 0px 38px;
				background: transparent url("../img/icon-polls.png") no-repeat left center;
				color: #DA0605; font-size: 18px; line-height: 31px; font-family: georgia;
				}
				div.polls-title a {
					color: #DA0605;
				}
			div.polls-question {
				margin: 0px 0px 10px 0px;
				line-height: 15px;
				}
			div.polls-answers {
				padding: 0px 0px 10px 5px;
				}
				div.polls-answer-item {
					padding: 3px 0px 3px 0px;
					}
			div.polls-links {
				text-align: center;
				}
				div.polls-links a {
					color: #007FC4; text-decoration: none;
					}
				div.polls-links a:hover {
					text-decoration: underline;
					}
				
		
		/*numbers ------------------------------*/
		div.numbers-small-logo {	
			margin: 5px 0px 10px 0px;		
			}
		div.numbers-photo-box {
			margin: 0px 0px 10px 0px;	
			text-align: center;
			}
		
		/*small banners -----------------------*/
		div.small-banners-box {			
			margin: 1px 0px 0px 0px;
			text-align: center;
			}
			div.small-banner {
				margin: 0px 2px 0px 0px;	
				padding: 0px 10px 0px 0px;			
				}
		
/* BANNERS ==============================*/
div.banners-section {
	min-height: 70px; margin: 5px 0px 10px 0px;
	}
	
/* FOOTER ===============================*/
div.footer-section {
	height: 30px; padding: 8px 0px 0px 0px; margin: 0px 0px 20px 0px;
	background: transparent url("../img/footer-bg.gif") no-repeat top center;
	}		
	
	/*footer menu ----------------------*/	
	div.footer-menu-box {
		margin: 0px 0px 0px -5px;
		}
		ul.footer-menu {			
			}	
			li.footer-menu-item,
			li.footer-menu-item-active {
				padding: 0px 16px 0px 16px;
				}
				li.footer-menu-item a {
					color: #6A6969; font-size: 11px; text-decoration: none;
					}
				li.footer-menu-item a:hover,
				li.footer-menu-item-active a,
				li.footer-menu-item-active a:hover {		
					color: #000000; font-size: 11px; text-decoration: none; 
					}		
	
	/*footer-author --------------------------*/
	div.footer-author-box {
		margin: 0px 18px 0px 0px;
		}				
		a.footer-author-label {
			color: #6A6969; font-size: 11px; text-decoration: none;
			}
		a.footer-author-label:hover {
			text-decoration: underline;
			}
		a.footer-author-value {
			color: #CA0404; font-size: 11px; text-decoration: none;
			}					
		a.footer-author-value:hover {
			text-decoration: underline;
			}					
/*BUTTON =================================== */
div.button-left {
	padding-left: 18px;
	background: transparent url("../img/button-left.png") no-repeat left center;
	}
div.button-left2 {
	padding-left: 18px;
	background: transparent url("../img/button-left2.png") no-repeat left center;
	}
	a.button-right,
	a.button-right:hover {
		display: block;
		padding: 0px 7px 0px 5px;
		background: transparent url("../img/button-right.png") no-repeat right center;
		color: #FFFFFF; font-size: 11px; text-decoration: none; line-height: 22px; font-family: georgia;
		}		
		
/* CORNER ====================== */
div.box-otherside {
	top: 0px; right: 0px; z-index: 5;
	width: 139px; height: 148px;
	}
img.corner-blue {
	top: 0px; right: 0px; z-index: 5;
	display: block; overflow: hidden; 
	width: 34px; height: 36px;
	}				
div.corner-white {
	top: 0px; right: 0px; z-index: 4;
	display: block;
	overflow: hidden; 
	width: 34px; height: 34px;
	background: transparent url("../img/corner-white.png") no-repeat top right ;
	}

/* ARCHIVE ===================== */
div.archive-item {
	width: 350px; padding: 20px 13px 20px 0px;
	}
	
	table.archive-item-table {
		width: 100%; height: 170px;
		}
	
		td.archive-photo {
			vertical-align: top; text-align: center;
			width: 140px; 
			}
		td.archive-info {
			vertical-align: top;
			}
			
			div.archive-name {
				}	
				div.archive-name a {
					color: #007FC4; font-size: 21px; text-decoration: none;
					}	
				div.archive-name a:hover {
					text-decoration: underline;
					}		
			div.archive-subject {
					margin: 10px 0px 10px 0px;
					color: #191919; font-size: 11px; font-family: tahoma; line-height: 15px;
					}		
			div.archive-download {
				margin: 10px 0px 10px 0px;
				}		
				div.archive-download a,
				div.archive-view a {
					color: #191919; font-size: 11px; font-family: tahoma; 
					}		
				div.archive-download a:hover 
				div.archive-view a:hover {
					text-decoration: underline;
					}		
			div.archive-view {
				margin: 10px 0px 10px 0px;
				}		
	div.line-vertical {
		width: 1px; height: 170px;
		background: #EEEEEE;
		}
	div.line-horizontal {
		width: 344px; height: 1px;
		background: #EEEEEE;
		}
						
						
div.article-picture {
	margin: 0px 12px 10px 0px;	
	} 		
	div.article-picture img, div.article-text p img, .article_image a img, .article_image a:hover img{
		padding: 3px;
		border: 1px solid #D7D7D7;
		background: #FFFFFF;
		}
	.article_image  img, .article_image a:hover img {
		margin: 0px 3px;
		}
	
div.current-number-info {
	width: 275px; 
	}		
div.current-number-vertical-box {
	background: #4E4E4E; 
	}
div.current-number-line {
	height: 2px; margin: 15px 0px 10px 0px;
	background: transparent url("../img/current-number-line.gif") repeat-x center;
	}
a.current-number-photo-link {
	padding: 0px; display: block;
	line-height: 0px; 
	border-top: 1px solid #2E2E2E; 
	border-bottom: 1px solid #2E2E2E; 
	border-right: 1px solid #2E2E2E; 
	}
div.current-top-padd-box {
	padding: 10px 25px 0px 25px;
	}
div.current-bottom-padd-box {
	padding: 0px 25px 20px 25px;
	}

a.archive-year-link {
	margin: 0px 4px 0px 4px;
	text-decoration: underline;
	}

a.archive-year-link:hover {
	margin: 0px 4px 0px 4px;
	text-decoration: none;
	}
				
div.archive-div-link {
	z-index: 1000; top: 40px; left: 30px; 
	width: 100px; height: 110px; 
	cursor: pointer;
	}			
div.pic-author {
	bottom: 0px; right: 0px; display: none;
	background: #FFFFE1; 
	font-size: 9px; font-family: arial; color: #000000; line-height: 10px;
	}
div.banner-left-main-page {
	margin: 0px 0px 10px 0px;
	text-align: center;
	}
div.banner-left-sub-page {
	margin: 0px 0px 10px 0px;
	text-align: center;
	}
