html{
	height: 100%;
}

/*========== szablon nie tykac =============*/
		body { 
			margin:0px;
			background-color:black;
			width: 100%;
			height: 100%;
			background-image: url(images/background.jpg);
			color: #b7a58f;
			font-family: Arial, Tahoma, sans-serif;
			font-size: 12px;
		}
		.container{
/*			margin-top: -334px;
			margin-left: -392px;
	*/		width:784px;
/*			position: absolute;
			left: 50%;
			top: 50%;
	*/		background-color: transparent; 
			height: 668px;
			margin: auto;
		}
		.rightConLeftCol{
			float:right;
			width: 250px; 
			background-color:transparent;
		}
		.leftConRightCol{
			float:left; 
			width:534px; 
			background-color:transparent;
		}
		.colLeft{
			z-index:1;
			position: relative;
			left:-534px; 
			width:250px; 
			background-color: transparent;
 			min-height: 668px;
			height: auto !important;
			height: 668px;
		}
		.colRight{
			z-index:2;
			position: relative;
			left:250px;
			width:534px; 
			background-color: transparent;
		}
		.brclear {
			clear: both; font-size: 1px; margin: 0px; line-height: 0; height: 0px;
		}
		.brspace {
			font-size: 1px; margin: 0px; line-height: 0; height: 0px;
		}

		/* IE mac hack */
		* html>body .colRight{
			display:inline-block;
			overflow: auto;
		}

		* html>body .colLeft{
		    overflow: auto;
		}
/*========== end - szablon nie tykac =============*/
		
a {
	color: #cc8900;/*	#b7a58f;*/
}

a:active{outline: none;}
a:focus{-moz-outline-style: none;}

#tresc{
	background-image: url(images/tresc_bg.jpg);
	background-repeat: no-repeat;
	height: 668px;
}

#gora{
	height: 468px;
	background-color: transparent;
	padding: 20px;
	overflow: hidden;
}

#zawartosc{
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-align: justify;
}

#zawartosc p, #zawartosc h4{
	margin-top: 0;
}

#dol{
	background-image: url(images/dol_bg.jpg);
	background-repeat: no-repeat;
	height: 160px;
	padding: 0 20px;
}

#logo{
	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
	height: 180px;
	cursor: pointer;
}

#laska{
	background-image: url(images/laska.jpg);
	background-repeat: no-repeat;
	height: 160px;
}
#naglowek, #stopka{
	margin: 0 auto; /* centering */
	overflow: hidden; /* clearance */
	width: 784px;
	background-color: transparent;
	clear: both;
	border: none;
	height: 10%;
	text-align: center;
}
		
		
		
/* ============= menu =============== */

#menu0{

	background-image: url(images/menu.jpg);
	background-repeat: no-repeat;
	height: 328px;	
	display: table;
	width:200px;

	
}

#menu_cell{
	padding-left: 16px;
	display: table-cell;
	vertical-align: middle;
	
}

#zawartosc ul li {
	width: 475px;
	padding-left: 15px;
	background: transparent url("images/punkt.gif") no-repeat left 3px;
	border-width: 0px;
	border-style: none;
	margin: 0 0 4px;
	line-height:21px;
}


ul, ul li {

	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 13px;
}

ul li {
	width: 220px; /*475*/
	padding-left: 15px;
	background: transparent url("images/punkt.gif") no-repeat left 3px;
	border-width: 0px;
	border-style: none;
	margin: 0 0 4px;
	line-height:21px;
}

ul a:link, ul a:visited {

	text-decoration: none;
	/*font-weight: bold;*/
	background-color: transparent;
	color: #b7a58f;
	font-size:15px; 
	font-family: Verdana;
}

ul a:hover, ul a:active {

	color: #cc8900;
}

/* ============= koniec menu =============== */

/* ============= zgloszenie =============== */

div#form_l, div#form_r{
	float: left;
	background-color: transparent;
	margin-top: 5px;
}

div#form_l{
	width: 178px;
	text-align: right;
	padding: 0 7px;
}

div#form_r{
	width: 292px;
	text-align: left;
}

#form_l div {
	margin-bottom: 3px;
	height: 19px;
	font-weight: bold;
}

#form_r div {
	margin-bottom: 3px;
	height: 19px;
	position: relative;
	top: -2px;
}

#form_r input, #file input {
	border: 1px solid #cc8900;
	background-color: black;
	width: 197px;
	height: 15px;
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	color: #b7a58f;
	padding-left:3px;
}

#form_r select {
	width: 202px;
	height: 17px;
	padding-left: 1px;
	font-family: Tahoma, sans-serif;
	font-size:11px;
	color: #b7a58f;
	background-color:black;
	border: 1px solid #cc8900;
}

#file input{
	width: 202px;
	height: 20px;
}

#file{
	clear: both;
	padding: 0 20px;
	position: relative;
	left: 5px;
	margin-bottom: 3px;
}

#zawartosc #czek{
	float: left;
	width: 27px;
	position: relative;
	top: -2px;
}

#zawartosc #txt{
	float: left;
	width: 456px;
	font-size: 10px;
	line-height: 10px;
	padding-left:1px;
	color: white;
}

#zapisz{
	border: 1px solid #cc8900;
	background-color: black;
	color: #b7a58f;
	position: relative;
	top: 10px;
	left: 43%;
}

#zapisz:hover, #zapisz:active {

	color: #b40a10;
}

div.left{
	float: left;
	text-align: right;
	padding-right:10px;
	width: 215px;		
}

div.right{
	float: left;
	width: 210px;
}

#pliki{
	border: 1px solid;
	width: 440px;
	height: 78px;
}

/* ============= koniec zgloszenie =============== */
/* ============= hostessy =============== */

#numeracja{
	font-weight: bold;
	text-align: center;
	margin: 0 190px;
	position: absolute;
	top:7px;
}
#numeracja img{
	border: none;
	position: relative;
	top: 3px;
}
#numeracja a:link, #numeracja a:visited{
	text-decoration: none;
	font-weight: bold;
	background-color: transparent;
	color: #b7a58f;
}

#numeracja a:hover, #numeracja a:active {
	color: #cc8900;
}

td.buzka_w{
	vertical-align: top;
}
td.buzka{
	width: 96px;
	text-align: center;
}

/* ============= koniec hostessy =============== */

/* ============= hostessa szczegoly=============== */

#fota_sz, #fotki_sz, .foteczka_sz, #dane1_sz, #dane2_sz, .napis_sz, .wartosc_sz{
	float: left;
	overflow: hidden;
}

.jezyk_sz
{
	text-align: left;
	float: left;
	overflow: hidden;
}

#fota_sz{
	width: 289px;
	height: 404px;
	margin: 0 35px 15px 0;
}

#fotki_sz{
	width: 170px;
	height: 419px;
}

.foteczka_sz {
	width: 74px;
	height: 104px;
	margin: 0 9px 19px 0;
}

#imie_sz{
	width: 100%;
	height: 18px;
	clear: both;
	color: white;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 30px;
}

#dane1_sz, #dane2_sz {
	width: 247px;
	height: 160px;
}

.napis_sz{
	width: 104px;
	height: 14px;
	color: #cc8900;
	font-weight: bold;
	padding-left: 1px;
}

.wartosc_sz{
	width: 141px;
	height: 14px;
	color: white;
	font-weight: bold;
	padding-left: 1px;
}

#powrot_sz{
	width: 100%;
	float: left;
	text-align: right;
}

#powrot_sz a{
	text-decoration: none;
	color: #cc8900;
}


/* ============= koniec hostessa szczegoly=============== */

/* ============= dol: wyszukiwarka, nowe laski =============== */
/* w tym momencie zmiana koncepcji, moze pozniej do usuniecia
#finder, #n_laski {
	float: left;
	height: 100%;
	overflow: hidden;
}

#finder {
	width: 358px;
}

#n_laski {
	width: 176px;
}

#n_laski_napis{
	left: 28px;
}
*/
#finder_napis /*, #n_laski_napis*/ {
	color: #fee8bb;
	font-weight: bold;
	position: relative;
	top: 10px;
	left: 1px;
}

#dol input {
	border: 1px solid #cc8900;
	background-color: black;
	width: 197px;
	height: 15px;
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	color: #b7a58f;
	padding-left:3px;
}

#dol select {
	width: 202px;
	height: 17px;
	padding-left: 1px;
	font-family: Tahoma, sans-serif;
	font-size:11px;
	color: #b7a58f;
	background-color:black;
	border: 1px solid #cc8900;
}

.napis, .inpucik{
	width: 247px;
	height: 18px;
	float: left;
	color: #b7a58f;
	font-size:11px;
}
.napis{
	height: 14px;
	margin-top: 1px;
}
#serczer{
	position: relative;
	top: 13px;
}
#szukaj_2{
	width: 50px;
	height: 17px;
	border: 1px solid #cc8900;
	float: left;
	text-align: center;
	position: relative;
	top: 3px;
	left: 397px;
}

#szukaj_2 a:link, #szukaj_2 a:visited {
	text-decoration: none;
	color: #b7a58f;
}

#szukaj_2 a:hover, #szukaj_2 a:active {

	color: #b40a10;
}

/* ============= koniec dol =============== */

/* ============= tekst + 5 fotek =============== */

#tekst03{
	width: 474px;
	height: 600px;
	overflow: hidden;
	float: left;
	margin-bottom: 12px;
}
#tekst03_przyciski{
	width: 20px;
	height: 600px;
	background-color: #333333;
	background: url(images/tekst03_przyciski.jpg) no-repeat;
	
	overflow: hidden;
	float: right;
}

#tekst02{
	width: 474px;
	height: 468px;
	overflow: hidden;
	float: left;
	margin-bottom: 12px;
}
#tekst02_przyciski{
	width: 20px;
	height: 468px;
	background-color: #333333;
	background: url(images/tekst02_przyciski.jpg) no-repeat;
	overflow: hidden;
	float: right;
}
#wGore, #wDol{
	width: 20px;
	height: 20px;
	border:none;
	cursor: pointer;
}
#wGore{
	margin-top: 200px;
	background: url(images/strielka_gora.jpg) no-repeat;
}
#wDol{
	margin-top: 10px;
	background: url(images/strielka_dol.jpg) no-repeat;
}
#handle1{
	width: 20px;
	height: 36px;
	border:none;
	background: url(images/strielka_2way.jpg) no-repeat;
	cursor: pointer;
}



#dol_aktualnosci{
	height: 160px;
	clear: both;
}

div.fota {
	float: left;
	width: 98px;
	text-align: center;
	margin-top: 12px;
	height: 140px;
}

div.fota img{
	margin-bottom: 8px;
}

/* ============= koniec tekst + 3 foty =============== */