/* Witam w CSS SNAZ.pl */

* {
	font-family: Tahoma, sans-serif;
}
body {
	background: #ffffff url('../img/tlo_top.png') repeat-x;
	margin-top: 0px;
	padding: 0px;
	text-align: center;
	font-family: Tahoma, sans-serif;
	margin: 0;
}
img {
	border: 0;	
}
strong {
	font-weight: normal;
}
a {
	text-decoration: none;
	color: black;
}
a:hover {
	color: #ff0000;
}
label {
	cursor: pointer;
}

/* --------------- */

#all {
	width: 100%;
	text-align: center;
}
.all {

}

#kontener {
	width: 980px;
	height: 680px;
	text-align: center;
	margin: 0px auto 0px auto;
}

/* --------------- */

#top {
	height: 96px;
}
	#top #logo_top {
		float: left;
		margin: 15px 0 0 0;
		width: 188px;
		height: 70px;
	}
	#top #kreska_top {
		float: left;
		margin: 25px 15px 0 15px;
		width: 1px;
		height: 50px;
	}
	#top h1 {
		float: left;
		height: 30px;
		margin: 38px 0 0 0;
		padding: 0;
		font-size: 17px;
		color: white;
	}
		#top h1 strong {
			display: block;
			width: 350px;
			text-align: left;
		}
	#top #menu_top {
		float: right;
		width: 400px;
		height: 94px;
		text-align: left;
	}
		#top #menu_top img {
			float: right;
			margin: 35px 5px 0 0;
			width: 30px;
			height: 30px;
		}
		#top #menu_top form {
			float: right;
			margin: 36px 30px 0 0;
		}
		#top #menu_top form #t {
			background: url('../img/wpisz_szukana_fraze.png') no-repeat;
			border: 0;
			font-size: 13px;
			text-align: left;
			padding: 0px 5px 0 4px;
			margin: 0;
			color: #a4a4a4;
			width: 185px;
			height: 24px;
		}
		.s {
			background: url('../img/szukaj.png') no-repeat;
			border: 0;
			font-size: 11px;
			color: #ffffff;
			width: 50px;
			height: 28px;
			margin: 0 15px 4px 0;
			padding: 0 0 2px 0;
			cursor: pointer;
		}

/* --------------- */

#content {
	float: left;
	width: 980px;
	text-align: left;
	background: url('../img/tlo_content.png') repeat-y;
	margin: 20px 0 0 0;
}
#content_in {
	background: url('../img/tlo_in_content.png') no-repeat;
	position: relative;
	top: -15px;
}

/* --------------- */

#blok {
	height: 394px;
}

/* --------------- */

#menu {
	float: left;
	width: 223px;
	text-align: left;
	margin: 10px 0 0 0;
}
	#menu ul {
		list-style: none;
		margin: 5px 0 0 0;
		padding: 0 0 0 2px;
		width: 219px;
	}
		#menu ul li {
			margin: 0;
			padding: 0;
		}
			#menu ul li a {
				background: url('../img/tlo_menu.png') no-repeat;
				background-position: top center;
				text-decoration: none;
				color: #333333;
				display: block;
				font-weight: bold;
				font-size: 12px;
				padding: 9px 20px 9px 30px;
			}
		#menu ul li:hover {
			background: url('../img/tlo_menu_hover.png');
			background-position: top center;
		}
		#menu ul li.p:hover {
			background: none;
		}
			#menu ul li ul {
				margin: 0 0 10px 0;
			}
				#menu ul li ul li a {
					background: url('../img/punktator3.png') no-repeat;
					background-position: 29px 7px;
					font-weight: normal;
					font-size: 12px;
					padding: 3px 20px 3px 40px;
				}
					#menu ul li ul li ul li a {
						background: url('../img/punktator4.png') no-repeat;
						background-position: 45px 8px;
						font-weight: normal;
						font-size: 12px;
						padding: 3px 20px 3px 55px;
					}
						#menu ul li ul li ul li ul li a {
							background: url('../img/punktator5.png') no-repeat;
							background-position: 60px 8px;
							font-weight: normal;
							font-size: 12px;
							padding: 3px 20px 3px 70px;
						}

/* --------------- */

#footer {
	float: left;
	width: 980px;
	margin: 0 0 20px 0;
	background: url('../img/tlo_stopka.png') repeat-x;
}
	#footer #stopka {
		background: url('../img/tlo_in_stopka.png') repeat-x;
		background-position: top;
		font-size: 10px;
		color: #666666;
		height: 25px;
		width: 970px;
		margin: 0 5px 0 5px;
	}
		#footer #stopka img {
			float: right;
			margin: 7px 0 0 5px;
			width: 25px;
			height: 13px;
		}
	#footer #stopka2 {
		background: url('../img/tlo_in_stopka.png') repeat-x;
		background-position: bottom;
		height: 25px;
	}
	#footer #copyright {
		float: left;
		padding: 7px 0 0 10px;
	}
		#footer #copyright a {
			text-decoration: none;
			color: #666666;
		}
		#footer #copyright a:hover {
			color: #ff0000;
		}
	#footer #partnerzy {
		float: right;
		padding: 7px 0 0 10px;
		font-size: 9px;
	}

/* --------------- */

#tresc {
	float: right;
	width: 750px;
}

/* --- */

.tekst {
	padding: 10px;
	font-size: 12px;
	margin: 0;
}
.tekst2 {
	padding: 0;
	font-size: 12px;
	margin: 0;
}
	.tekst a {
		color: blue;
	}
	.tekst a:hover {
		color: #ff0000;
	}
	 h2, h3, h4, h5, h6 {
		margin: 7px 0 0 10px;
		padding: 0 0 0 25px;
		background: url('../img/h2.png') no-repeat;
		background-position: left;
		color: #ff0000;
		font-size: 18px;		
		/*font-family: Georgia, serif;*/
	}
		h2 span, h3 span, h4 span {
			color: black;
		}
	h4 {
		font-size: 17px;
	}
	h5 {
		font-size: 13px;
		line-height: 20px;
		margin: 5px 0 10px 0;
	}
	.tekst span.strike {
		text-decoration: line-through;
	}
	.tekst p {
		margin: 10px 10px 0 20px;
		line-height: 20px;
	}

/* --- */

	.tekst ul {
		list-style: circle;
	}
		.tekst ul li {
			line-height: 20px;
		}

/* --- */

	.tekst ul.listuj {
		list-style: none;
		margin: 10px 20px 20px 20px;
		padding: 0;
	}
		.tekst ul.listuj li {
			background: url('../img/tekst.gif') no-repeat;
			background-position: 0 4px;
			margin: 4px 10px 4px 10px;
			padding: 0 0 0 15px;
			line-height: 20px;
		}
		.tekst ul.listuj li.folder {
			background: url('../img/katalog.gif') no-repeat;
			background-position: 0 4px;
			margin: 5px 10px 5px 10px;
			padding: 0 0 0 18px;
		}
		.tekst ul.listuj li a {
			color: black;
		}
		.tekst ul.listuj li a:hover {
			color: #ff0000;
		}
		.tekst ul.listuj li span, .tekst ul.listuj li i {
			font-size: 11px;
			color: green;
		}

/* --- */

	.tekst ul.opcja {
		list-style: none;
		margin: 10px 20px 20px 15px;
		padding: 0;
	}
		.tekst ul.opcja li {
			background: url('../img/punktator2.png') no-repeat;
			background-position: 0 5px;
			margin: 4px 10px 4px 10px;
			padding: 4px 0 6px 27px;
			line-height: 13px;
		}

/* --- */

	.tekst table.ukryta td {
		vertical-align: top;
		line-height: 20px;
		text-align: left;
	}
	.tekst table.ukryta td.right {
		text-align: right;
	}
	.tekst table.ukryta td.middle {
		vertical-align: middle;
	}
	.tekst table.ukryta td.bottom {
		vertical-align: bottom;
	}

/* --- */

	.tekst table.baloon {
		width: 250px;
		border-collapse: collapse;
		border: 0;
		float: right;
		margin: 20px 0 10px 10px;
	}
		.tekst table.baloon td {
			border: 0;
			padding: 0;
		}
			.tekst table.baloon td ul {
				margin: 5px 0 0 0;
			}

/* --- */

	.tekst table.widoczna {	
		width: 680px;
		border-collapse: collapse;
		margin: 30px 0 0 20px;
		border: solid #c0c0c0 1px;
	}
		.tekst table.widoczna tr {
			height: 30px;
		}
		.tekst table.widoczna tr.h20 {
			height: 20px;
		}
		.tekst table.widoczna tr.h10 {
			height: 10px;
		}
		.tekst table.widoczna th {
			text-align: center;
			vertical-align: middle;
			height: 40px;
			font-size: 14px;
			background-color: #e0e0e0;
		}
		.tekst table.widoczna td {
			border: solid #c0c0c0 1px;
			font-size: 12px;
			padding: 5px 10px 5px 10px;
			height: 10px;
		}
			.tekst table.widoczna td span {
				font-size: 10px;
				color: green;
				display: block;
				margin: 5px 0 0 0;
			}
		.tekst table.widoczna td.cena {
			width: 130px;
			text-align: center;
		}

/* --- */

#szukaj {
	margin: 20px 0 0 15px;
	padding: 0;
	font-size: 12px;
	list-style: none;
}
	#szukaj li {
		margin: 10px 0 10px 0;
		padding: 0;
	}
		#szukaj li a {
			text-decoration: underline;
			color: blue;
			font-size: 14px;
		}
		#szukaj li a:hover {
			color: #ff0000;
		}
	#szukaj li span {
		font-weight: bold;
	}
		#szukaj li span.l {
			color: green;
			font-weight: normal;
		}

/* --- */

#mapa_strony {
	margin: 0 0 40px 20px;
	padding: 0;
	font-size: 12px;
}
	#mapa_strony a:hover {
		color: #ff0000;
	}
	#mapa_strony ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
		#mapa_strony ul li {
			line-height: 12px;
		}

/* --- */

.glowna_box {
	height: 147px;
	color: white;
}

	.box_glowna {
		position: relative;	
		width: 980px;
		left: -240px;
		top: 0;
	}
	.box_oferta {
		width: 100%;
		margin: 0 0 0 1px;
	}
	.glowna_bok_box {
		float: left;
		width: 8px;
		height: 147px;
	}
	.glowna_l_box {
		background: url('../img/box_bok_l.png') no-repeat;
	}
	.glowna_r_box {
		background: url('../img/box_bok_r.png') no-repeat;
	}
	.glowna_l_b_box {
		background: url('../img/box_b_bok_l.png') no-repeat;
	}
	.glowna_r_b_box {
		background: url('../img/box_b_bok_r.png') no-repeat;
	}
	.glowna_l_d_box {
		background: url('../img/box_d_bok_l.png') no-repeat;
	}
	.glowna_l_g_box {
		background: url('../img/box_g_bok_l.png') no-repeat;
	}
	.glowna_r_d_box {
		background: url('../img/box_d_bok_r.png') no-repeat;
	}
	.glowna_r_g_box {
		background: url('../img/box_g_bok_r.png') no-repeat;
	}
	.glowna_in_box {
		float: left;
		height: 147px;
		background: url('../img/kreska2.png') repeat-x;
	}
	.box_glowna .glowna_in_box {
		width: 964px;
	}
	.box_oferta .glowna_in_box {
		width: 732px;
	}
	.glowna_in_box div {
		height: 147px;
		width: 239px;
		float: left;
		cursor: pointer;
	}
	.glowna_in_box div.przerywnik {
		width: 2px;
		background: url('../img/kreska1.png') repeat-y;
		cursor: auto;
	}
	.glowna_in_box div h6 {
		margin: 0 0 0 10px;
		padding: 0 0 0 23px;
		height: 30px;
	}
		.glowna_in_box div a {
			width: 25px;
			height: 21px;
			display: block;
			background: url('../img/przejdz.png') no-repeat;
			margin: 0 0 0 190px;
		}
		.glowna_in_box div div {
			margin: 7px 0 0 0;
			height: 119px;
			float: none;
		}
		.glowna_in_box div div ul {
			margin: 2px 0 0 5px;
			padding: 0 0 0 15px;
			list-style: none;
		}
			.glowna_in_box div div ul li {
				margin: 4px 0 0 0;
				padding: 0 0 0 10px;
				background: url('../img/punktator.png') no-repeat;
				background-position: 0 6px;
				line-height: 17px;
			}
	div.przerywnik2 {
		height: 1px;
		background: #373737;
		margin: 0 0 0 1px;
	}

/* --- */

#glowna {
	background: url('../../../../img/top.jpg') no-repeat;
	width: 744px;
	height: 200px;
	font-size: 11px;
	margin: 0 0 0 3px;
}
	#glowna ul {
		list-style: none;
		margin: 0;
		padding: 122px 0 0 60px;
	}
		#glowna ul li {
			height: 25px;
		}
#slider .slide {
	height: 206px;
	padding: 3px 0 0 0;
}
	#slider .slide b {
		margin: 10px 0 10px -10px;
		padding: 7px 0 0 35px;
		background: url('../img/h3.png') no-repeat;
		background-position: left;
		color: #ff0000;
		font-size: 24px;
		display: block;
		height: 30px;
	}
	#slider .slide .p {
		width: 400px;
		float: right;
		cursor: pointer;
	}
	#slider .slide p {
		height: 130px;
		padding: 0 0 0 0;
		margin: 0 20px 0 0;
	}
	#slider .slide img {
		float: left;
		margin: 0 0 0 20px;
	}
	#slider .slide a {
		width: 140px;
		height: 21px;
		display: block;
		background: url('../img/przejdz2.png') no-repeat;
		margin: 0 0 0 0;
		padding: 4px 0 0 30px;
		font-size: 12px;
		font-weight: bold;
		color: black;
		float: right;
	}
	#slider .slide a:hover {
		color: #ff0000;
	}

/* --- */

div.portfolio {
	float: left;
	margin: 5px 5px 5px 5px;
	border-bottom: solid #c4c4c4 1px;
	border-right: solid #c4c4c4 1px;
	border-top: solid #d7d7d7 1px;
	border-left: solid #d7d7d7 1px;
	background-color: #f9f9f9;
}
div.portfolio div {
	margin: 10px 10px 10px 8px;
}
div.portfolio div img {
	width: 277px;
	height: 161px;
}
div.portfolio2 {
	border-bottom: solid #c4c4c4 1px;
	border-right: solid #c4c4c4 1px;
	border-top: solid #d7d7d7 1px;
	border-left: solid #d7d7d7 1px;
	background-color: #f9f9f9;
	padding: 10px 10px 10px 10px;
}

#gcboxPrevious{position:absolute; bottom:0; left:0px; background:url('../img/colorbox/controls.png') -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#gcboxPrevious.hover{background-position:-75px -25px;}
#gcboxNext{position:absolute; bottom:0; left:27px; background:url('../img/colorbox/controls.png') -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#gcboxNext.hover{background-position:-50px -25px;}