/* Filename: page-style.css
 * Description: CSS dla strony "Tuchola"
 * 
 * Last revison:
 * $Revision: 1 $
 * $Date: 2010-02-18 $
 * $LastChangeBy: Przemysław Szpiler $
 */

 /* COMMON ======================= */
body, html {
	height: 100%;
	margin: 0 0 1px;
	padding: 0;
	}
body {
	background: #B3CE81 url("../img/body-bg.jpg") repeat-x top;
	font-family: tahoma; font-size: 12px;
	}	
div {
	border: 0px solid red;
	}
	
/*MAIN-BG ==================== */
div.main-bg {
	min-height: 460px;
	background: transparent url("../img/main-bg.jpg") no-repeat top center;	
	}

/*MAIN CONTAINER =================== */
div.main-container {
	width: 980px; min-height: 600px; margin: 0 auto;
	}
	


/*HEAD SECTION =================== */
div.head-section {
	height: 81px;	
	}
	/*email link -------------------*/
	a.email-link {
		top: 190px; right: 58px;
		width: 169px; height: 36px;
		}
	a.email-link:hover {
		width: 169px; height: 36px;
		background: transparent url("../img/email-active.jpg") no-repeat center;
		}
	/*head logo link ---------------------*/
	a.head-logo-link {
		top: 0px; left: 50px; display: block;
		width: 374px; height: 82px;
		background: transparent url("../img/logo.jpg") no-repeat;
		}
	div.head-welcome-pl {
		top: 0px; right: 173px;
		width: 205px; height: 82px;
		background: transparent url("../img/welcome-pl.jpg") no-repeat;
		}
	div.head-welcome-en {
		top: 0px; right: 100px;
		width: 205px; height: 82px;
		background: transparent url("../img/welcome-en.jpg") no-repeat;
		}
	div.head-langs {
		top: 9px; right: 95px;
		height: 15px;
		text-align: right;
		}	
		a.head-lang-link {
			padding: 0px 5px 0px 0px;
			}
	
/*MENU SECTION =================== */
div.menu-section {
	width: 900px ; height: 61px; margin: 0 auto; 
	
	}
	
/*SLIDES SECTION =================== */
div.sliders-section {
	height: 580px;
	}
	/*slider-container-left ----------------------- */
	div.slider-container-left {
		width: 325px; height: inherit;
		}
		div.slider-1-pl {
			width: 278px; height: 430px; margin: 95px 0px 0px 48px;
			background: transparent url("../img/slider-bg-1-pl.png") no-repeat left bottom;
			}
		div.slider-1-en {
			width: 278px; height: 430px; margin: 95px 0px 0px 48px;
			background: transparent url("../img/slider-bg-1-en.png") no-repeat left bottom;
			}
		
	/*slider-container-middle ----------------------- */
	div.slider-container-middle {
		width: 295px; height: inherit;
		}
		div.slider-2-pl {
			width: 285px; height: 430px; margin: 145px 0px 0px 20px;
			background: transparent url("../img/slider-bg-2-pl.png") no-repeat left bottom;
			}
		div.slider-2-en {
			width: 285px; height: 430px; margin: 145px 0px 0px 20px;
			background: transparent url("../img/slider-bg-2-en.png") no-repeat left bottom;
			}
	/*slider-container-right ----------------------- */
	div.slider-container-right {
		width: 325px; height: inherit;
		}	
		div.slider-3-pl {
			width: 285px; height: 430px; margin: 145px 0px 0px 3px;
			background: transparent url("../img/slider-bg-3-pl.png") no-repeat left bottom;
			}
		div.slider-3-en {
			width: 285px; height: 430px; margin: 147px 0px 0px 3px;
			background: transparent url("../img/slider-bg-3-en.png") no-repeat left bottom;
			}
			
	/*common elements ------------------ */
	a.slider-art-link {
		bottom: 210px; left: 10px; display: block;
		width: 260px; height: 100px;			
		}
	div.slider-arrow-left {
		bottom: 94px; left: 0px; display: block;
		width: 24px; height: 24px;
		cursor: pointer;
		}
	div.slider-arrow-right {
		bottom: 94px; right: 11px; display: block;
		width: 24px; height: 24px;
		cursor: pointer;
		}
	div.slider-window-bg {
		bottom: 22px; left: 28px;
		width: 213px; height: 163px;
		}
	div.slider-window {
		overflow: hidden;
		width: 213px; height: 163px;	
		}
		div.slider-tape {
			width: 999999px;
			}	
			div.slider-frame {
				padding: 4px 4px 4px 3px;
				}

/*SUBPAGE SEPARATOR ====================*/
div.subpage-separator {
	height: 325px;
	}

/*CONTENT SECTION =================== */
div.content-section {
	padding: 20px 130px 20px 67px;
	line-height: 23px; color: #333333; font-size: 15px; font-weight: bold;
	}

/*CONTENT LEFT SECTION ================ */
div.content-left-section {
	width: 730px; min-height: 200px; padding: 0px 0px 0px 20px;
	}	
	h1.article_h1 {
		padding: 0px 0px 20px 0px; font-weight: normal;
		color: #9F5F23; font-size: 20px; 
		}
	div.content-images {
		}
		div.image-box {
			 margin: 0px 20px 0px 0px; 
			}
			div.image-container {
				width: 205px; height: 155px; padding: 4px; 
				background: #602601; 
				}
			div.link-container {
				text-align: center;
				}
				div.link-container a {
					line-height: 30px; color: #333333; font-size: 15px; font-weight: bold; text-decoration: none; 
					}
				div.link-container a:hover {
					text-decoration: underline;
					}
				
			

/*CONTENT RIGHT SECTION ================ */
div.content-right-section {
	width: 230px; min-height: 200px;
	}	

/*FOOTER SECTION =================== */
div.footer-section {
	height: 50px;
	font-size: 10px;
	}
	a.footer-author-link {
		top: 0px; right: 100px;
		padding: 0px 35px 0px 0px; 
		line-height: 27px; color: #E1EBCD; text-decoration: none;
		background: transparent url("../img/footer-logo.gif") no-repeat right center;
		}
	a.footer-author-link:hover {
		color: #E1EBCD; text-decoration: underline;
		}
	


	
	
