@charset "iso-8859-2";
/* CSS Document */
/* this is pretty experimental css stylesheet. To convert layout via one click from left to right a lot of IE' hacks have to be involved. With Mozilla it is much more easier */

body 
{
	color: #333;
	background: #fff url(layout/background2.gif) repeat-x top fixed;
	text-align: center;
	font-family: "Trebuchet MS", "Bitstream Vera Sans", arial, verdana, helvetica, sans-serif;
	padding-bottom: 40px;
}

#calosc	{
	float: none;
	border: solid #777;
	border-width: 1px;
	border-bottom-color: #000000;
	margin-top: 15px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 0px;
	padding: 0;
	width: 750px;  /* IE 5 */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 748px;	 
	}

html>#calosc	{
	width: 748px;
	} 

#calosc2	{
	background: #fff url(layout/linia_tlo180.gif) repeat-y;
	float: none;
	border: solid #777;
	border-width: 0 1px 1px 1px;
	margin-top: 0;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 0px;
	padding-top: 10px;
	width: 750px;  /* IE 5 */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 748px;	
	clear: both; 
	}

html>#calosc2	{
	width: 748px;
	}

#header	{
	background: #eee;
	color: #333;
	border: 0;
	margin: 0;
	padding: 0;
	}

#header img	{
	margin: 0;
	padding: 0;
	border: 0;
	}

p
{
	color: #333;
	font-size: 12px;
	line-height: 1.2em;
	text-align: left;
}

h2 {
	font-size: 14px;
}

a {
	text-decoration: none;
	color: #990000;
	}
a:hover {
	text-decoration: underline;
	}

/* layout wenątrz */

#lewe {
	float: none;
	clear: both;
	display: inline; /* IE fix */
	/*margin: 0 0 0 570px;*/
	padding-bottom: 15px;
	width: 180px;
	background: transparent;
	line-height: 1.2; /* for fixing Peekaboo Bug - 				http://www.positioniseverything.net/explorer/peekaboo.html# */
	
}

#maincontent {
	float: left;
	width: 570px;
	
	
	margin: 0;
	padding-bottom: 15px;
	background: transparent;
	line-height: 1.2; /* for fixing Peekaboo Bug */
	display: inline;
	voice-family: "\"}\""; 
	voice-family:inherit;
	display: block;
	}

html>#maincontent	{
	display: block;
	}

#maincontent p {
	margin: 0 10px 10px 5px;
}

/* Hide from IE5-mac. Only IE-win sees this. 5.0 doesn't see this \*/
* html #maincontent p {
  margin: 0 190px 10px 5px;
  }
* html #maincontent {
  display: inline; /* IE fix */
  }
/* End hide from IE5/mac */

#maincontent p.first {
	margin-top: 5px;
}

#maincontent p strong
{
	font-size: 14px;
	font-weight: bold;
}


/*  Horizontal navigation - based on ALiStApart.com.  */

#menu {
	background: transparent;
	margin: 0;
	padding: 0;
	}

#menu ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
	}

#menu ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	}

#menu ul li a {
	background: #BA1329;
	/*width: 138px;*/
	height: 2em;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 0px;
	border-right: none;
	padding: 0;
	margin: 0;
	color: #fff;
	text-decoration: none;
	display: block;
	text-align: center;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 2em;
	font-size:    xx-small;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size:    x-small;   
	}
/* suma musi być 743 dla Mozilki  +5 margines 1px przy kazdym +2px margines całości, daje 750
	dla IE 748*/
html>#menu ul li a  {
	font-size: x-small;   
	} 
#menu ul li#one a	{
	width: 123px;
	}
#menu ul li#two a	{
	width: 180px;
	}
#menu ul li#three a	{
	width: 145px;
	}
#menu ul li#four a	{
	width: 145px;
	}	
#menu ul li#five a	{
	width: 155px; /* IE 5 */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 150px;	 
	}
html>#menu ul li#five a	{
	width: 150px;
	} 
#menu ul li a:hover {
	color: #000;
	background: #ccc;
	}
#menu a:active	{
	background: #ccc;
	color: #fff;
	}

body#jeden #menu li#one a, 
body#dwa #menu li#two a,
body#trzy #menu li#three a,
body#cztery #menu li#four a,
body#piec #menu li#five a {
	background: #F4E8CB;
	border-top: 1px solid #000;
	border-left: 1px solid #F4E8CB;
	color: #BA1329;
	font-weight: bold;
	}
/* -----------^^----- end of Horizontal Navigation ----^^ */
 
/* strona lewa serwisu */

#lewetresc {
	float: right;
	width: 176px; /* nie zmieniać tej wielkość, dostsować inne do niej */
	background: transparent;
	line-height: 1.2; /* for fixing Peekaboo Bug  */
	margin: 0;
	padding: 0;
	clear: both;
}

div.news {
	float: none;
	background: #F4E8CB url(layout/koperta_lewa_1.gif) right top no-repeat;
	padding: 4px 3px 5px 2px;  
	margin-bottom: 10px;
	}

div.news2 {
	float: none;
	background: #DFE3E7 url(layout/koperta_lewa_2.gif) right top no-repeat;
	padding: 4px 3px 5px 2px;
	margin-bottom: 5px; 
	}

div.news p, div.news2 p {
	line-height: 1.2em;
	text-align: left;
	margin: 3px 0px 3px 3px;
}

#lewetresc div.news p:first-line {
	font-weight: bold;
}

div.news h2, div.news2 h2 {
	margin: 0 17px 0 0;
	text-align: left;
	line-height: 1em;
}

/* ramka FIND OUT mORE po prawej stronie*/

#findmore {
	float: right;
	width: 190px; /* nie zmieniać tej wielkość, dostsować inne do niej */
	background: transparent;
	line-height: 1.2; /* for fixing Peekaboo Bug  */
}

#findmore div.mesg1 {
	/*float: none;*/
	background: #F4E8CB url(layout/koperta_prawa_1.gif) no-repeat;
	margin: 0 10px 15px 0;
	/*padding: 7px 0 10px 0;  jak jest padding to jest ten posrany problem z IE6 i znikajacym tesktem*/
	}
	
#findmore div.mesg2 {
	/*float: none;*/
	background: #DFE3E7 url(layout/koperta_prawa_2.gif) no-repeat;
	margin: 0 10px 15px 0;
	/*padding: 7px 0 10px 0;  jak jest padding to jest ten posrany problem z IE6 i znikajacym tesktem*/
	}
	
#findmore div.mesg3 {
	/*float: none;*/
	background: #D3DFDB url(layout/koperta_prawa_3.gif) no-repeat;
	margin: 0 10px 15px 0;
	/*padding: 7px 0 10px 0;  jak jest padding to jest ten posrany problem z IE6 i znikajacym tesktem*/
	}
	
#findmore h2 {
	line-height: 1em;
	margin: 0 4px 0 22px;
	padding-top: 4px;
	text-align: left;
	}
#findmore div.mesg1 p, #findmore div.mesg2 p, #findmore div.mesg3 p /* wazne, aby w kolejności ten styl byl umieszczony po #maincontent p */
{
	line-height: 1.2em;
	text-align: left;
	margin: 3px 3px 0 5px;
	padding-bottom: 10px;
}

/* ------------- Stopka ------------------ */

#stopka	{
	background: transparent;
	border: 0;
	padding: 0;
	margin: 9px 15px 0 15px;
	width: 750px;  /* IE 5 */	
	}
#stopka2	{
	background: transparent;
	border: 0;
	padding: 0;
	margin: 2px 15px 0 15px;
	width: 750px;  /* IE 5 */	
	}
#stopka p, #stopka2 p {
	font-size: 11px;
	text-align: left;
	margin: 0px 3px 2px 3px;
	color: #999999;
}
#stopka p.naprawo, #stopka2 p.naprawo {
	text-align: right;
}
#stopka div.lewa, #stopka div.srodek, #stopka div.prawa {
	float: left;
	margin: 0;
	background: #fff; /*#FAF6E8;*/
	border: 0;
	border-bottom: 4px solid #aaa;
	width: 176px;
}
#stopka2 div.lewa, #stopka2 div.srodek, #stopka2 div.prawa {
	float: left;
	margin: 0;
	background: #fff; /*#FAF6E8;*/
	border: 0;
	width: 176px;
}
#stopka div.srodek, #stopka2 div.srodek {
	margin-left: 10px;
	width: 364px;
}
#stopka div.prawa, #stopka2 div.prawa {
	margin-left: 10px;
	width: 190px;
}

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

img.insidetext {
 	float: left;
	display:block;
  	padding: 0;
	margin:  1px 5px 1px 0;
	border: solid #888;
	border-width: 1px ;
}

.spacer {
	clear: both;
}

.hide {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
	}

h3
{
	background: url(layout/star.gif) no-repeat bottom left;
	font-size: 1.2em;
	text-align: left;
	height: 25px; 
	padding: 0px 0 0 27px;
	margin: 0;
}