/*             Pająk - Śluby       */


html,body{
  height:100%;    /* daje nieruchome nieprzeskakujące tło przy przewijaniu */
  width: 100%;
}

body{
	margin: 0;
	padding: 0;
	/*background-image: url('obrazki/back.jpg');
	background-repeat: repeat-x;	*/
	background-color: #000;
}

#outer {
	position: relative;
	width: 980px;
	height: auto;
/*	background-image: url('../images/back01.jpg')obrazki;
	background-repeat: repeat-y;	*/
	font-family: Arial, Tahoma, Helvetica,  Verdana,  sans-serif;
	font-size: 12px;
/*	border: 1px solid #000;	*/
	margin: auto; /* centruje stronę na środku ekranu ??? */
	padding: 0;
}

 /*
********************************* HEADER    ********************************************
*/
#header {
  position: relative;
  top: 0;
  left: 0;
  background-image: url('obrazki/ohead.jpg');
  margin: 0;
  padding: 0;
  width: 100%;
  height: 431px;	
  border: none;				
  }
  
#header  #linkhead {
  position: absolute;
  top: 379px;
  right: 320px;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;	/*   border: 1px solid #fff;	*/
}
  
#header  #linkhead a {
	font-size: 1.2em;
	font-weight: normal;
	text-decoration: none;
	color: #c8d7d7;
	margin: 0 0 0 23px;
	letter-spacing: .05em;
	font-stretch: ultra-expanded;						/*	Styl definiuje szerokość (rozstrzelenie) liter. */
}
#header  #linkhead a:hover {
	text-decoration: none;
	color: #fff;
}

/*
********************************           main        *********************************************
*/
#main {
  position: relative;
  top: 0; left: 0;
  background-color: #000;
 /* background-image: url('obrazki/back_main.jpg');
  background-repeat: repeat-y;  */
  width: 980px;
  height: 100%;
  float: left;	
  padding: 0;
  margin: 0;
  text-align: left;
  }
  
#main a {
	font-size: 1.3em;
	font-weight: normal;
	text-decoration: none;
	color: #000;
	margin: 0;
	letter-spacing: .05em;
	font-stretch: ultra-expanded;						/*	Styl definiuje szerokość (rozstrzelenie) liter. */
}
#main a:hover {
	text-decoration: none;
	color: #000;
}

#main p.lina {
	position: relative;
	top: 7px;
	text-align: center;
	margin: 0;
	padding: 0;
}
  
/*
********************************           mainleft        *********************************************
*/

#main #mainleft {
  position: relative;
  top: 0; left: 0;
  background: transparent;
  width: 250px;
  height: 100%;
  float: left;
  padding: 0;
  margin: 0;
  border: none;
  }
  
#main #mainleft p.tek {
	position: relative;
	top: 0;
	text-align: left;
	margin: 0 10px;
	margin-top: -5px;
	padding: 0;
	color: #eeeded;
	font-size: 1em;
}  
  
  

/*
********************************           mainleft   wedding     *********************************************
*/  
  
#main #mainleft #wedding {
	position: relative;
	top: 0;
	left: 0;
	background: transparent;
	width: 250px;
	height: 100%;
	float: left;
	padding: 0;
	margin: 0 0 10px 0;
	border: none;
}

#main #mainleft #wedding a {
	font-size: 1.3em;
	font-weight: normal;
	text-decoration: none;
	color: #000;
	margin: 0;
	letter-spacing: .05em;
	font-stretch: ultra-expanded;					
}
#main #mainleft #wedding a:hover {
	text-decoration: none;	
}

#main #mainleft #weddinga {
	position: relative;
	top: 0;
	left: 0;
	background-image: url('obrazki/oweddinga.jpg');
	background-repeat: no-repeat;
	width: 250px;
	height: 57px;
	float: left;
	padding: 0;
	margin: 0;
	border: none;
}

#main #mainleft #weddingb {
	position: relative;
	top: 0;
	left: 0;
	background-image: url('obrazki/oweddingb.jpg');
	background-repeat: repeat-y;
	width: 250px;
	height: 100%;
	float: left;
	padding: 0;
	margin: 0;
	border: none;
}

#main #mainleft #weddingc {
	position: relative;
	top: 0;
	left: 0;
	background-image: url('obrazki/oweddingc.jpg');
	background-repeat: no-repeat;
	width: 250px;
	height: 30px;
	float: left;
	padding: 0;
	margin: 0;
	border: none;
}
#main #mainleft #weddingc a {
	position: relative;
	top: 6px;
	left: 180px;
	font-size: .9em;
	font-weight: normal;
	text-decoration: none;
	color: #c5cc0b;
	margin: 0;
	letter-spacing: .05em;
	font-stretch: ultra-expanded;			
}
#main #mainleft #weddingc a:hover {
	text-decoration: none;	
}

/*
********************************           mainleft   wynajem     *********************************************
*/  
  
#main #mainleft #wynajem {
	position: relative;
	top: 0;
	left: 0;
	background: transparent;
	width: 250px;
	height: 100%;
	float: left;
	padding: 0;
	margin: 10px 0 10px 0;
	border: none;
}

#main #mainleft #wynajem a {
	font-size: 1.3em;
	font-weight: normal;
	text-decoration: none;
	color: #000;
	margin: 0;
	letter-spacing: .05em;
	font-stretch: ultra-expanded;					
}
#main #mainleft #wynajem a:hover {
	text-decoration: none;	
}

#main #mainleft #wynajema {
	position: relative;
	top: 0;
	left: 0;
	background-image: url('obrazki/owynajema.jpg');
	background-repeat: no-repeat;
	width: 250px;
	height: 57px;
	float: left;
	padding: 0;
	margin: 0;
	border: none;
}

#main #mainleft #wynajemb {
	position: relative;
	top: 0;
	left: 0;
	background-image: url('obrazki/oweddingb.jpg');
	background-repeat: repeat-y;
	width: 250px;
	height: 100%;
	float: left;
	padding: 0;
	margin: 0;
	border: none;
}

#main #mainleft #wynajemc {
	position: relative;
	top: 0;
	left: 0;
	background-image: url('obrazki/oweddingc.jpg');
	background-repeat: no-repeat;
	width: 250px;
	height: 30px;
	float: left;
	padding: 0;
	margin: 0;
	border: none;
}
#main #mainleft #wynajemc a {
	position: relative;
	top: 6px;
	left: 180px;
	font-size: .9em;
	font-weight: normal;
	text-decoration: none;
	color: #c5cc0b;
	margin: 0;
	letter-spacing: .05em;
	font-stretch: ultra-expanded;			
}
#main #mainleft #wwynajemc a:hover {
	text-decoration: none;	
}


/*
********************************           mainleft   retro     *********************************************
*/  
  
#main #mainleft #retro {
	position: relative;
	top: 0;
	left: 0;
	background: transparent;
	width: 250px;
	height: 100%;
	float: left;
	padding: 0;
	margin: 10px 0 10px 0;
	border: none;
}

#main #mainleft #retro a {
	font-size: 1.3em;
	font-weight: normal;
	text-decoration: none;
	color: #000;
	margin: 0;
	letter-spacing: .05em;
	font-stretch: ultra-expanded;					
}
#main #mainleft #retro a:hover {
	text-decoration: none;	
}

#main #mainleft #retroa {
	position: relative;
	top: 0;
	left: 0;
	background-image: url('obrazki/owynajema.jpg');
	background-repeat: no-repeat;
	width: 250px;
	height: 57px;
	float: left;
	padding: 0;
	margin: 0;
	border: none;
}

#main #mainleft #retrob {
	position: relative;
	top: 0;
	left: 0;
	background-image: url('obrazki/oweddingb.jpg');
	background-repeat: repeat-y;
	width: 250px;
	height: 100%;
	float: left;
	padding: 0;
	margin: 0;
	border: none;
}

#main #mainleft #retroc {
	position: relative;
	top: 0;
	left: 0;
	background-image: url('obrazki/oweddingc.jpg');
	background-repeat: no-repeat;
	width: 250px;
	height: 30px;
	float: left;
	padding: 0;
	margin: 0;
	border: none;
}
#main #mainleft #retroc a {
	position: relative;
	top: 6px;
	left: 180px;
	font-size: .9em;
	font-weight: normal;
	text-decoration: none;
	color: #c5cc0b;
	margin: 0;
	letter-spacing: .05em;
	font-stretch: ultra-expanded;			
}
#main #mainleft #retroc a:hover {
	text-decoration: none;	
}



/*
********************************           middle        *********************************************
*/

#main #middle {
	position: relative;
	top: 0;
	left: 0;
	background: transparent;
	width: 480px;
	height: auto;
	float: left;
	padding: 0;
	margin: 0;
	border: none;
}

#main #middle #tekst0 {
	position: relative;
	background: transparent url(obrazki/otekst0.jpg) left center no-repeat;
	width: 460px;
	height: 50px;
	float: left;
	padding: 0;
	margin: 0 0 0 10px;
}
#main #middle #tekst0 h1 {
	position: relative;
	padding: 0;
	margin: 20px 0 0 30px;
	font-size: 1.2em;
	font-weight: normal;
	color: #dadada;
	text-align: left;
	text-decoration: none;
	letter-spacing: .1em;
}

#main #middle #tekst {
	position: relative;
	background-color: #2f3137;
	width: 460px;
	height: 100%;
	float: left;
	padding: 0;
	margin: 0 0 0 10px;
}

#main #middle #tekst p {
  position: relative;
  padding: 0;
  margin: 0 10px 10px 10px;
  font-size: 1em;
  font-weight: normal;
  text-align: justify;
  color: #dadada;	
}
#main #middle #tekst p.first {
	margin-top: 15px;
}

#main #middle #tekst01 {
	position: relative;
	background: transparent url(obrazki/otekst01.jpg) left center no-repeat;
	width: 460px;
	height: 14px;
	float: left;
	padding: 0;
	margin: 0 0 0 10px;
}


#main #middle #tekst ul	{
	list-style: circle outside;
	padding: 0;
	margin: 0 10px 10px 40px;
	font-weight: normal;
	font-size: 1em;
	color: #dadada;
	position: relative;
	text-align: left;
}



#main #middle #tekst p.kontakt {		
color: #dadada;
padding: 0 0 0 40px;
font-size: 1.2em;
text-align: justify;
line-height: 140%;
} 

#main #middle #tekst #kontakt {			
color: #dadada;	
padding: 0 0 0 40px;	
font-size: .9em;
text-align: justify;
line-height: 120%;
} 

#skont {font-size: 1.2em; padding-left: 45px; color: #c5cc0b; font-weight: bold;}

#main #middle #tekst img.gal {
 padding: 0;
 margin: 0 0 5px 5px;
 border: 1px solid #000000;
}
#main #middle #tekst img.galtop {
 padding: 0;
 margin: 10px 0 5px 5px;
 border: 1px solid #000000;
}


/*
********************************           mainright       *********************************************
*/

#main #mainright {
	position: relative;
	top: 0;
	left: 0;
	background: transparent;
	width: 250px;
	height: 100%;
	float: right;
	padding: 0;
	margin: 0;
	border: none;
}

#main #mainright p.tek {
	position: relative;
	top: 0;
	text-align: right;
	margin: 0 10px;
	margin-top: -5px;
	padding: 0;
	color: #eeeded;
	font-size: 1em;
} 
#main #mainright p.lin {
	position: relative;
	top: 0;
	text-align: right;
	margin: 0 10px;
	/*margin-top: -5px;*/
	margin-bottom: 10px;
	padding: 0;
	color: #eeeded;
	font-size: 1em;
}

/*
********************************           mainright  wycieczki     *********************************************
*/ 
  
#main #mainright #wycieczki {
	position: relative;
	top: 0;
	left: 0;
	background: transparent;
	width: 250px;
	height: 100%;
	float: right;
	padding: 0;
	margin: 0 0 10px 0;
	border: none;
}
#main #mainright #wycieczkia {
	position: relative;
	top: 0;
	left: 0;
	background-image: url('obrazki/owycieczkia.jpg');
	background-repeat: no-repeat;
	width: 250px;
	height: 57px;
	float: right;
	padding: 0;
	margin: 0;
	border: none;
}
#main #mainright #wycieczkib {
	position: relative;
	top: 0;
	left: 0;
	background-image: url('obrazki/owycieczkib.jpg');
	background-repeat: repeat-y;
	width: 250px;
	height: 100%;
	float: left;
	padding: 0;
	margin: 0;
	border: none;
}
#main #mainright #wycieczkic {
	position: relative;
	top: 0;
	left: 0;
	background-image: url('obrazki/owycieczkic.jpg');
	background-repeat: no-repeat;
	width: 250px;
	height: 30px;
	float: left;
	padding: 0;
	margin: 0;
	border: none;
}

#main #mainright #wycieczkib a {
	position: relative;
	font-size: 1.2em;
	font-weight: normal;
	text-decoration: none;
	color: #c5cc0b;
	margin: 0;
	letter-spacing: .05em;
	font-stretch: ultra-expanded;			
}
#main #mainright #wycieczkib a:hover {
	text-decoration: none;	
}


/*
********************************           mainright  zdarzenia     *********************************************
*/ 
  
#main #mainright #zdarzenia {
	position: relative;
	top: 0;
	left: 0;
	background: transparent;
	width: 250px;
	height: 100%;
	float: right;
	padding: 0;
	margin: 10px 0 10px 0;
	border: none;
}
#main #mainright #zdarzeniaa {
	position: relative;
	top: 0;
	left: 0;
	background-image: url('obrazki/ozamiennea.jpg');
	background-repeat: no-repeat;
	width: 250px;
	height: 57px;
	float: right;
	padding: 0;
	margin: 0;
	border: none;
}
#main #mainright #zdarzeniab {
	position: relative;
	top: 0;
	left: 0;
	background-image: url('obrazki/owycieczkib.jpg');
	background-repeat: repeat-y;
	width: 250px;
	height: 100%;
	float: left;
	padding: 0;
	margin: 0;
	border: none;
}
#main #mainright #zdarzeniac {
	position: relative;
	top: 0;
	left: 0;
	background-image: url('obrazki/owycieczkic.jpg');
	background-repeat: no-repeat;
	width: 250px;
	height: 30px;
	float: left;
	padding: 0;
	margin: 0;
	border: none;
}

#main #mainright #zdarzeniab a {
	position: relative;
	font-size: 1.2em;
	font-weight: normal;
	text-decoration: none;
	color: #c5cc0b;
	margin: 0;
	letter-spacing: .05em;
	font-stretch: ultra-expanded;			
}
#main #mainright #wzdarzeniab a:hover {
	text-decoration: none;	
}


/*
********************************           mainright  zamienne     *********************************************
*/ 
  
#main #mainright #zamienne {
	position: relative;
	top: 0;
	left: 0;
	background: transparent;
	width: 250px;
	height: 100%;
	float: right;
	padding: 0;
	margin: 10px 0 10px 0;
	border: none;
}
#main #mainright #zamiennea {
	position: relative;
	top: 0;
	left: 0;
	background-image: url('obrazki/ozamiennea.jpg');
	background-repeat: no-repeat;
	width: 250px;
	height: 57px;
	float: right;
	padding: 0;
	margin: 0;
	border: none;
}
#main #mainright #zamienneb {
	position: relative;
	top: 0;
	left: 0;
	background-image: url('obrazki/owycieczkib.jpg');
	background-repeat: repeat-y;
	width: 250px;
	height: 100%;
	float: left;
	padding: 0;
	margin: 0;
	border: none;
}
#main #mainright #zamiennec {
	position: relative;
	top: 0;
	left: 0;
	background-image: url('obrazki/owycieczkic.jpg');
	background-repeat: no-repeat;
	width: 250px;
	height: 30px;
	float: left;
	padding: 0;
	margin: 0;
	border: none;
}

#main #mainright #zamiennec a {
	position: relative;
	top: 6px;
	left: 30px;
	font-size: .9em;
	font-weight: normal;
	text-decoration: none;
	color: #c5cc0b;
	margin: 0;
	letter-spacing: .05em;
	font-stretch: ultra-expanded;			
}
#main #mainright #zamiennec a:hover {
	text-decoration: none;	
}

/*
********************************           fine02       *********************************************
*/
#fine02 {
  position: relative;
	background-color: #363837;
  width: 980px;
  height: 20px;
  float: left;
  padding: 0;
  margin: 0;
  text-align: left;
  }
  
#fine02 p{
  position: relative;
  top: 5px;
  padding: 0;
  margin: 0 0 0 20px;
  font-size: .8em;
  color: #505050;
  text-align: left;
}

#fine02 a {
  color: #b6b6b6;	
  text-decoration: none;
}
#fine02 a:hover {
	color: #b6b6b6;
	text-decoration: none;
}