/* 
    Document   : base
    Created on : 2009-11-16, 23:53:29
    Author     : Kfiku
    Description: Base css file
*/

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,a { font-size: 1em; font-weight: normal; font-style: normal; text-decoration:none; color:black}
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
* { font-family:arial, tahoma, verdana, helvetica; font-size:14px; }


/* Defaults */
p.l {	text-align	: left; }
p.r {	text-align	: right; }
p.c {	text-align	: center; }
.absolute   { position  : absolute; }
a:hover {text-decoration: underline;}
.fl	{float	: left;}
.list {
	list-style		: disc;
	margin-left		: 30px; 
	line-height		: 20px;
	padding-bottom	: 15px;
	float			: left;
}
	.list li {
		padding-top		: 5px;
	}

body { background: url(../img/base/bottom_bg.jpg) no-repeat bottom fixed; width:100%; height:100%; overflow:scroll; }

.btn_zr {
	width		: 158px;
	height		: 0px;
	padding-top	: 45px;
	overflow	: hidden;
	float		: left;
	background	: url(../img/base/btn_zr.gif) no-repeat;
	background-position : 0px 0px;
}
	.btn_zr:hover {
		background-position : 0px -50px;
	}

.btn_wyslij {
	margin-left	: 17px;
	width		: 188px;
	height		: 0px;
	padding-top	: 45px;
	overflow	: hidden;
	float		: left;
	background	: url(../img/base/btn_wyslij.gif) no-repeat;
	background-position : 0px 0px;
}
	.btn_wyslij:hover {
		background-position : 0px -50px;
	}

/* Site */
.site {
	top			: 20px;
	position	: relative;
	width		: 780px;
	display		: block;
	margin		: 0 auto;
	margin-bottom	: 20px;
	padding		: 9px;
	border		: 1px solid #bbb;
	background	: url("../img/base/site_bg.gif");
}

	.header {
	width			: 740px;
	height			: 40px;
	padding			: 20px;
	}
	.header .logo {
		float			: left;
		background		: url("../img/base/logo.gif") no-repeat left top;
		width			: 390px;
		height			: 34px;
		margin			: 4px 0px 0px 10px;
	}
		.header .logo a {
		float			: left;
		overflow		: hidden;
		height			: 0px;
		padding-top		: 34px;
		width			: 390px;
		}
	.header .menu {
		float			: right;
		position		: relative;
		z-index			: 1;
		width			: 282px;
		height			: 54px;  
	}
		.header .menu li {
			display			: inline;
		}
		.header .menu li a {
			background		: url("../img/base/m1.gif") no-repeat left top;
			float			: left;
			overflow		: hidden;
			padding-top		: 54px;
			height			: 0px;
		}
		.header .menu .li_1 a { width : 91px; background-position: 0px 0px }
		.header .menu .li_2 a { width : 88px; background-position: -91px 0px }
		.header .menu .li_3 a { width : 103px; background-position: -179px 0px}

		.header .menu .li_1 a:hover { background-position: 0px -54px }
		.header .menu .li_2 a:hover { background-position: -91px -54px }
		.header .menu .li_3 a:hover { background-position: -179px -54px}

				.header .menu .submenu {
					position		: absolute;
					z-index			: 1;
					left			: 91px;
					top			 	: 53px;
					background		: url("../img/base/m2.gif") no-repeat left top;
					width			: 296px;
					height			: 254px;
				}
					.header .menu .submenu li a {
						background		: none;
						display			: block;
						padding-top		: 40px;
						width			: 296px;
						height			: 0px;
						overflow		: hidden;
					}
						.header .menu .submenu li a:hover {
							border-bottom	: 1px solid #bbb;
							border-top		: 1px solid #bbb;
							padding-top		: 38px;
						}
						.header .menu .submenu .firstChild {
							position		: absolute;
							top			 	: -53px;
							left			: 0px;
							width		   	: 88px;
							height		  	: 53px;
							background	  	: url("../img/base/m1.gif") no-repeat left top;
							background-position : -91px -54px
						}
			
	/* END .header */

	.content {
	width		: 740px;
	padding		: 19px;
	border		: 1px solid #ccc;
	background	: white;
	overflow	: hidden;
	}
	.content .banner {
		width			: 730px;
		height			: 120px;
		padding			: 4px;
		margin-bottom   : 30px;
		border			: 1px solid #ccc;
		background		: white;
	}

	.content .left {
		float			: left;
		width			: 460px;
		padding			: 0px 30px 30px 10px;
		border-right	: 1px solid #dcd9c3;
	}
		.content .left h1 {
			background		: no-repeat top left;
			overflow		: hidden;
		}

		.content .left p {
			text-indent		: 25px;
			float			: left;
			width			: 460px;
			font-size		: 14px;
			line-height		: 20px;
			padding-bottom	: 15px;
		}

	/* END .left */

	.content .right {
		float		: right;
		width		: 199px;
		padding		: 0px 10px 30px 30px;
	}
		.content .right h2 {
			overflow	: hidden;
		}
		.content .right p {
			font-size	: 14px;
			line-height	: 20px;
			margin-bottom	:20px;
		}
	/* END .right */
	/* END .content */

	.footer {
		width		: 740px;
		padding		: 20px;
		overflow	: hidden;
	}
	.footer .left {
		float		: left;
		width		: 400px;
	}
		.footer .left ul li {
			float			: left;
			padding-right	: 20px;
			height			: 20px;
			font-family		: tahoma, arial, verdana, helvetica;
			font-size		: 12px;
			color			: #8c8038;
		}
		.footer .left ul li a {
			font-family	: tahoma, arial, verdana, helvetica;
			font-size	: 12px;
			color		: #8c8038;
		}
		.footer .left .servis li {
			width		: 400px;
		}


	.footer .right {
		float		: right;
		width		: 340px;
	}
		.footer .right ul {
			float		: right;
		}
		.footer .right ul li, .footer .right ul li a {
			float		: left;
			padding-left	: 20px;
			font-family	: tahoma, arial, verdana, helvetica;
			font-size	: 12px;
			color		: #8c8038;
		}
	/* END .footer */

	.kroczek {
		top	 : 23px;
		left	: -163px;
	}
	.kalkulator {
		top	 : 148px;
		left	: -156px;
	}
	.olowek {
		top	 : 370px;
		left	: -144px;
	}
	.kawa {
		top	 : -13px;
		left	: 774px;
	}
	.dlugopis {
		top	 : 157px;
		left	: 777px;
	}
/* END .site */