/* 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: #9BDAE9 url("../img/body-bg2.jpg") repeat-x top;
	color: #FFFFFF; font-size: 12px; font-family: tahoma;
	}
body.subpage-body {
	background: #9BDAE9 url("../img/body-bg2.jpg") repeat-x top;
	}
	
div {
	border: 0px solid red;
	}
	
/*MAIN ==============*/
div.main-container,
div.main-container-2 {
	width: 984px; margin: 0 auto; 
	}
			
/*HEAD ===============*/
div.head-section {
	width: 984px; height: 115px; 
	background: transparent url("../img/head-bg.jpg") no-repeat;
	}
	a.head-logo,
	a.head-logo:hover {
		top: 20px; left: 20px; display: block;
		width: 184px; height: 73px;
		background: transparent url("../img/logo.png") no-repeat;		
		}
	div.head-forms {
		bottom: 20px; right: 10px;
		width: 400px; 		
		}
		div.head-search-form {
			}
			input.search-input {
				width: 140px; height: 16px; margin: 0px 15px 0px 0px;
				border: 0px;
				}
			div.button-search-left {
				padding: 0px 0px 0px 5px;		
				background: transparent url("../img/button-left.png") no-repeat left;		
				}
				a.button-search-right {
					display: block;
					padding: 0px 28px 0px 5px;
					background: transparent url("../img/button-right-search.png") no-repeat right;
					color: #FFFFFF; font-size: 10px; text-decoration: none; line-height: 18px;
					}
				a.button-search-right:hover {
					text-decoration: underline; line-height: 18px;
					}
		div.head-contact-button-box {
			}
			div.button-contact-left {
				padding: 0px 0px 0px 5px;		
				background: transparent url("../img/button-left.png") no-repeat left;		
				}
				a.button-contact-right {
					display: block;
					padding: 0px 28px 0px 5px;
					background: transparent url("../img/button-right-contact.png") no-repeat right;
					color: #FFFFFF; font-size: 10px; text-decoration: none; line-height: 18px;
					}		
				a.button-contact-right:hover {
					text-decoration: underline; line-height: 18px;
					}
	
/*CONTENT =====================*/
div.content-section {
	width: inherit;
	}
	/*left-content --------------------------*/
	div.left-content-secion {
		width: 181px;
		padding-right: 5px; 
		}
		ul.left-menu {
			margin: 0px 5px 0px 18px;			
			}
			ul.left-menu li {
				height: 22px;
				}
				a.menu-item {
					padding: 0px 0px 0px 20px;					
					color: #264371; font-size: 13px; font-weight: bold; text-decoration: none; line-height: 22px;
					background: transparent url("../img/icon-main-menu.gif") no-repeat left center;
					}
				a.menu-item:hover,
				a.menu-item-active {
					padding: 0px 0px 0px 20px;					
					color: #000000; font-size: 13px; font-weight: bold; text-decoration: none; line-height: 22px;
					background: transparent url("../img/icon-main-menu.gif") no-repeat left center;
					}
		
	/*rigth-content --------------------------*/
	div.rigth-content-secion {
		width: 798px; 
		}
		div.content-box {
			width: 198px; margin: 0px 1px 0px 0px;
			}
			
			/*top boxes ------------------ */
			div.content-top-boxes {
				}
				div.box-title {
					padding: 0px 0px 5px 20px;
					color: #FFFFFF; font-size: 15px; font-weight: bold; line-height: 25px;
					background: transparent url("../img/icon-category.gif") no-repeat left center;			
					}
				div.box-content {
					min-height: 226px;
					background: #1B88B9;
					}
					div.box-description {
						padding: 15px 10px 10px 10px;
						color: #FFFFFF; font-size: 11px; line-height: 15px;
						}
					div.box-art-list {
						padding: 10px 10px 0px 8px;
						}
						div.box-art-item {
							min-height: 20px;
							}
							div.box-art-item a {
								padding: 0px 0px 0px 20px;
								color: #FFFFFF; font-size: 11px; font-weight: bold; text-decoration: none;	
								background: transparent url("../img/icon-main-menu.gif") no-repeat left center;				
								}
							div.box-art-item a:hover {
								color: #FFFFFF;  font-size: 11px; text-decoration: underline;	
								background: transparent url("../img/icon-main-menu.gif") no-repeat left center;		
								}
					/*photo-art --------------------*/
					div.box-photo-art {
						padding: 9px 17px 0px 17px;
						}
						div.photo-art-title {
							padding: 2px 2px 2px 2px;
							}
							div.photo-art-title a {
								color: #FFFFFF; font-size: 11px; text-decoration: none; 
								}
							div.photo-art-title a:hover {
								color: #FFFFFF; text-decoration: underline; 
								}
						div.photo-art-photo {
							margin-left: -7px;
							}
													
					
				div.box-corners {
					height: 6px;
					background: transparent url("../img/bottom-corners.png") no-repeat center bottom;
					}
			
			/*bottom boxes ------------------ */	
			div.content-bottom-boxes {
				margin: 20px 0px 0px 0px;
				}	
				div.bottom-box-title-1 {
					padding: 0px 0px 5px 35px;
					color: #FFFFFF; font-size: 13px; font-weight: bold; line-height: 16px;
					background: transparent url("../img/icon-news.png") no-repeat 10px 0px;
					border-bottom: 1px solid #BCE6F0;			
					}
				div.bottom-box-title-2 {
					padding: 0px 0px 5px 35px;
					color: #FFFFFF; font-size: 13px; font-weight: bold; line-height: 16px;
					background: transparent url("../img/icon-about.png") no-repeat 10px 0px;	
					border-bottom: 1px solid #BCE6F0;			
					}
				div.bottom-box-content {
					min-height: 50px;
					}
					div.news-intro-date {
						padding: 8px 0px 5px 0px;
						font-size: 10px; 
						}
					div.news-intro-name {
						padding: 0px 0px 10px 0px;
						}
						div.news-intro-name a {
							color: #FFFFFF; font-weight: bold; font-size: 11px; text-decoration: none;
							}
						div.news-intro-name a:hover {
							text-decoration: underline;
							}
					div.news-intro-photo {
						}
					div.news-intro-desc {
						padding: 10px 5px 5px 0px;
						font-size: 11px; line-height: 13px;
						}
					div.catalogs {
						padding: 15px 10px 10px 10px;
						}
					div.catalogs a {
						color: #FFFFFF; font-weight: bold; font-size: 11px; text-decoration: none;
						}
					div.catalogs a:hover {
						text-decoration: underline;
						}	
				div.contact-lid {
					padding: 10px;
					font-size: 11px; line-height: 17px;
					}
				div.about-lid {
					padding: 10px;
					font-size: 11px; line-height: 14px;
					}	
				div.bottom-box-more {
					height: 15px; padding: 0px 0px 0px 10px;
					}
					a.more-link {
						color: #BCE6F0; font-size: 9px; text-decoration: none;
						}
					a.more-link:hover {
						color: #BCE6F0; text-decoration: underline;
						}

		/*SUBPAGE ----------------- */
		div.subpage-path {
			padding: 0px 0px 5px 20px;
			color: #FFFFFF; font-size: 15px; font-weight: bold; line-height: 25px;
			background: transparent url("../img/icon-category.gif") no-repeat left center;	
			}
		div.sub-top-corners {
			height: 2px;
			background: transparent url("../img/sub-top-corners.png") no-repeat top center;
			}
		div.sub-bottom-corners {
			height: 1px;
			background: transparent url("../img/sub-bottom-corners.png") no-repeat top center;
			}		
		div.subpage-content {
			padding: 20px; 
			background: #1C88B9;
			}
			h1.subpage-title{
				padding: 10px 0px 0px 0px;
				font-size: 17px;
				}
			div.subpage-text {
				margin: 20px 0px 0px 0px;
				}			
/*FOOTER =======================*/
div.footer-section {
	padding: 90px 50px 20px 0px;
	text-align: right; font-size: 10px; 
	}
	span.main-footer {
		color: #BCE6F0; 
		}
	span.subpage-footer {
		color: #1B88B9; 
		}

/*art pic list ======================= */
div.pic-list-box {
	width: 250px; padding: 10px 0px 20px 0px;
	border-top: 1px solid #41B7D4;
	border-left: 1px solid #41B7D4;
	border-right: 0px solid #1B88B9;
	border-bottom: 0px solid #1B88B9;
	
	}

/*==============================*/
div.bottom-container {
	width: 100%; 
	background: #0EA5C9 url("../img/bottom-container-bg.jpg") repeat-x top center;
	}