/* Główne fotmatowanie dla czcionek, kolorów itp. */

*
{
	margin: 0em;
	padding: 0em;
}

body
{
	font-family:  Verdana, tahoma, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 170%;
	background: #efefef url('images/bg.gif');
}

h1,h2,h3,h4,h5,h6
{
	color: #444;
}

a
{
	color: #006699;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}

a img {
	border: none;
}

input, textarea
{
	border: solid 1px #cbcbcb;
	background: #ededed;
	font-size: 12px;
	text-align: left;
	padding: 0;
	margin: 0;
}

ul{
	margin: 0 0 0 15px;
	padding: 0 0 10px 0;
}

li{
	margin: 0 0 0 15px;
	padding: 0 0 10px 0;
}

p {
	padding-bottom: 10px;
}

.czyszczenie {
	clear: both;
}

/* strona */

#strona {
	width: 1000px;
	margin: 0 auto 0 auto;
}

#strona_srodek {
	width: 1000px;
	background: url('images/bg_srodek.gif') repeat-y;
}

#strona_dol {
	width: 1000px;
	height: 36px;
	background: url('images/bg_dol.gif') no-repeat;
}

/* góra strony - top */

#gora {
	width: 970px;
	height: 190px;
	margin: 0 15px 0 15px;
}

#gora #gora_lewa {
	float: left;
	width: 335px;
	height: 190px;
	text-align: center;
}

#gora #gora_prawa {
	float: left;
	width: 635px;
	height: 190px;
	background: #ffffff url('images/top1_02.jpg') no-repeat;
}

#gora #gora_prawa #info {
	width: 635px;
	height: 104px;
	text-align: center;
}

#gora #gora_prawa #info h1 {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
	color: #bab9b9;
}

#gora #gora_prawa #menu {
	width: 625px;
	height: 81px;
	padding: 5px 0 0 10px;
	text-align: center;
}

#gora #gora_prawa #menu a {
	margin: 0 12px 0 0;
	font-size: 17px;
	font-weight: bold;
	text-decoration: none;
}

#gora #gora_prawa #menu a:hover {
	text-decoration: none;
	border-top: 3px solid #fff500;
	border-bottom: 3px solid #da251c;
}

/* treść strony */

#tresc {
	width: 970px;
	margin: 0 auto 0 auto;
	padding: 20px 0 20px 0;
	text-align: center;
}

#tresc #tresc_gora {
	width: 945px;
	height: 50px;
	background: #ffffff url('images/tresc_gora.gif') no-repeat;
	text-align: left;
	padding: 30px 0 0 25px;
}

#tresc #tresc_srodek {
	width: 920px;
	padding: 0 25px 0 25px;
	background: #ffffff url('images/tresc_srodek.gif') repeat-y;
	text-align: justify;
}

#tresc #tresc_srodek_katalogi {
	width: 968px;
	padding: 0 1px 0 1px;
	background: #ffffff url('images/tresc_srodek.gif') repeat-y;
	text-align: justify;
}

#tresc #tresc_dol {
	width: 970px;
	height: 30px;
	background: #ffffff url('images/tresc_dol.gif') no-repeat;
}

/* oferta */

#tresc #tresc_gora_oferta0 {
	width: 970px;
	height: 120px;
	background: #ffffff url('images/oferta_0.gif') no-repeat;
}

#tresc #tresc_gora_oferta1 {
	width: 970px;
	height: 120px;
	background: #ffffff url('images/oferta_1.gif') no-repeat;
}

#tresc #tresc_gora_oferta2 {
	width: 970px;
	height: 120px;
	background: #ffffff url('images/oferta_2.gif') no-repeat;
}

#tresc #tresc_gora_oferta3 {
	width: 970px;
	height: 120px;
	background: #ffffff url('images/oferta_3.gif') no-repeat;
}

#tresc #tresc_gora_oferta4 {
	width: 970px;
	height: 120px;
	background: #ffffff url('images/oferta_4.gif') no-repeat;
}

#tresc #tresc_gora_oferta5 {
	width: 970px;
	height: 120px;
	background: #ffffff url('images/oferta_5.gif') no-repeat;
}

#tresc #oferta {
	float: left; 
	width: 173px;
	height: 65px;
}

#tresc #oferta h1 {
	font-size: 17px;
	font-weight: bold;
	padding-top: 10px;
	color: #006699;
	text-decoration: none;
}

#tresc #oferta1 {
	float: left;
	width: 150px;
	height: 65px;
}

#tresc #oferta1 h1 {
	font-size: 18px;
	font-weight: bold;
	padding-top: 10px;
	color: #006699;
	text-decoration: none;
}

#tresc #oferta1 a {
	font-size: 18px;
	font-weight: bold;
	color: #006699;
	text-decoration: none;
}

#tresc #oferta1 a:hover {
	text-decoration: none;
	border-top: 3px solid #fff500;
	border-bottom: 3px solid #da251c;
}

#tresc #oferta2 {
	float: left;
	width: 150px;
	height: 65px;
}

#tresc #oferta2 h1 {
	font-size: 18px;
	font-weight: bold;
	padding-top: 10px;
	color: #006699;
	text-decoration: none;
}

#tresc #oferta2 a {
	font-size: 18px;
	font-weight: bold;
	color: #006699;
	text-decoration: none;
	border-bottom: 3px solid #da251c;
}

#tresc #oferta2 a:hover {
	text-decoration: none;
	border-bottom: 3px solid #da251c;
}

#tresc #oferta1_przerwa {
	float: left;
	width: 4px;
	height: 65px;
}

#tresc #oferta1_last {
	float: left;
	width: 31px;
	height: 65px;
}

#tresc #tresc_gora_oferta0 h2, #tresc #tresc_gora_oferta1 h2, #tresc #tresc_gora_oferta2 h2, #tresc #tresc_gora_oferta3 h2, #tresc #tresc_gora_oferta4 h2, #tresc #tresc_gora_oferta5 h2 {
	font-size: 25px;
	font-weight: bold;
	color: #006699;
	text-decoration: none;
	text-align: left;
	padding: 0 0 0 25px;
}

#tresc .zaproszenia1 {
	float: left; 
	width: 300px; 
	vertical-align: top;
}

#tresc .zaproszenia2 {
	float: left; 
	width: 620px; 
	vertical-align: top; 
	text-align: left;
}

#tresc .zaproszenia3 {
	text-align: left;
}


#tresc .pieczatki1 {
	padding: 20px 0 20px 0;
	border-top: 1px solid #c1c1c1;
}

#tresc .pieczatki2 {
	float: left; 
	width: 40%;
	vertical-align: top;
}

#tresc .pieczatki3 {
	float: left; 
	width: 60%; 
	text-align: left;
}


/* koniec oferta */

#tresc .tytul_glowna{
	padding: 0;
	margin: 0;
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 30px;
	color: #006699;
}

#tresc #tresc_gora h1, #tresc #tresc_srodek h1{
	font-size: 25px;
	font-weight: bold;
	padding-bottom: 20px;
	color: #006699;
	text-decoration: none;
}


#tresc #tresc_srodek h2{
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 20px;
	color: #006699;
	text-decoration: none;
}

#tresc #tresc_srodek h3{
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 20px;
	color: #006699;
	text-decoration: none;
}

#tresc #tresc_srodek_katalogi h1{
	font-size: 25px;
	font-weight: bold;
	padding-bottom: 30px;
	padding-left: 25px;
	color: #006699;
	text-decoration: none;
}

.guzikCiemny {
	width: 70px;
	height: 20px;
	background: #0094de url('images/guzik2.gif') no-repeat;
	text-align: center;
}

.guzikCiemny a {
	color: #000000;
	text-decoration: none;
}

.guzikCiemny a:hover {
	color: #000000;
	text-decoration: underline;
}

/* strona kontaktowa */

#tresc #kontakt_lewa {
	float: left;
	width: 500px;
	padding: 0 20px 0 0;
}

#tresc #kontakt_prawa {
	float: left;
	width: 400px;
}

#tresc #kontakt_lewa1 {
	float: left;
	width: 270px;
}

#tresc #kontakt_lewa2 {
	float: left;
	width: 220px;
}

/* slider */

#slider ul, #slider li{
	margin:0;
	padding:0 0 10px 0;
	list-style:none;
}

#slider li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:920px;
	height:250px;
	overflow:hidden; 
	text-align: left;
}

#tresc #slider li h1 {
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 5px;
	color: #006699;
	text-decoration: none;
}

#tresc #slider li a {
	text-decoration: none;
}

#tresc #slider  li a:hover {
	text-decoration: underline;
}

#tresc #slider li p {
	margin: 0;
	padding: 0;
}

#nextBtn{ 
	display:block;
	width:32px;
	height:25px;
	padding-right: 20px;
	float:right;
}	
	
#prevBtn{ 
	display:block;
	width:32px;
	height:25px;
	padding-left: 20px;
	float:left;
}	

#prevBtn a, #nextBtn a{  
	display:block;
	width:32px;
	height:25px;
	background:url(images/button_r.gif ) no-repeat 0 0;	
}	
	
#nextBtn a{ 
	background:url(images/button_s.gif ) no-repeat 0 0;	
}


/* szybki kontakt na dole strony */

#szybki_kontakt {
	width: 970px;
	height: 270px;
	margin: 0 15px 0 15px;
	font-size: 12px;
	color: #ffffff;
	background: #ffffff url('images/szybki_kontakt.jpg') no-repeat;
}

#szybki_kontakt h2 {
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 10px;
	padding-bottom: 5px;
	color: #ffffff;
	border-bottom: 1px solid #cbcbcb;
}

#szybki_kontakt #szk_lewa {
	float: left;
	width: 210px;
	height: 260px;
	padding: 10px 10px 0 30px;
}

#szybki_kontakt #szk_lewa a {
	text-decoration: underline;
	color: #ffffff;
}

#szybki_kontakt #szk_lewa a:hover {
	text-decoration: none;
}

#szybki_kontakt #szk_srodek {
	float: left;
	width: 410px;
	height: 260px;
	padding: 10px 30px 0 10px;
}

#szybki_kontakt #szk_prawa {
	float: left;
	width: 270px;
	height: 270px;
}

.kon_lewa {
	float: left;
	width: 93px;
	padding: 0 0 0 10px;
	font-weight: bold;
}

.kon_prawa {
	float: left;
	width: 180px;
}

.kon_prawa .guzikFormularze {
	width: 70px;
	height: 20px;
	background: #0094de url('images/guzik.gif') no-repeat;
	text-align: center;
}

.kon_prawa .guzikFormularze a {
	color: #000000;
	text-decoration: none;
}

.kon_prawa .guzikFormularze a:hover {
	color: #000000;
	text-decoration: underline;
}

/* tagi */

#szybki_kontakt_pod {
	width: 900px;
	margin: 0 50px 0 50px;
	font-size: 12px;
}

/* stopka */

#stopka {
	width: 1000px;
	height: 50px;
	margin: 0 auto 0 auto;
	color: #585858;
}

#stopka #slewa {
	float: left;
	width: 420px;
	height: 50px;
	padding: 0 0 0 50px;
	font-size: 10px;
}

#stopka #slewa a {
	font-size: 10px;
	color: #585858;
	text-decoration: underline;
}

#stopka #slewa a:hover {
	color: #8a8a8a;
	text-decoration: none;
}

#stopka #sprawa {
	float: left;
	width: 480px;
	height: 40px;
	padding: 10px 50px 0 0;
	text-align: right;
}
