body {
	background: #fff url('lay/tlo4.jpg') no-repeat top center;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	}

#head {	width: 780px; margin: 45px auto; }
.b {font-weight: bold; }
.r {color: #de001e;}
.w {color: white;}
.bl, a, a:visited, .brief {color: black; text-decoration: none;}

.brief, td  {font-size: 11px;}

 
#main, .foot
	{
	clear: both; 
	width: 780px; 
	margin: 0px auto;
	}

#main
	{
	padding-top: 70px;
	min-height: 630px;
	}


	.rin { float: left; width: 106px; height: 132px;}
	

#nav {	
background:  url('lay/menu-tlo.png') no-repeat bottom left;
	height: 132px;
	float: left;
	width: 667px;
	font-size: 14px; 
	letter-spacing: -0.1em;
	color: #404040;
}
	
ul.mn
	{
	list-style: none;
	display: inline;
	}
	
li.mn, li.mnb
	{
	float: left;
	height: 45px;
	padding: 10px 13px 5px 17px;
	margin: 75px 0px 0px 0px ;
	}
	

a.onon {background: url('lay/guzik-onair.png') no-repeat top left; width: 84px; height: 84px; display: block;}
a.onon:hover {background: url('lay/guzik-onair.png') no-repeat bottom left; width: 84px; height: 84px;}

li.ono {	float: left;
	padding: 0px 0px 0px 0px;
	margin: -80px -50px 0px -35px ; 
	width: 90px; height: 84px; 
	font-size: 0px;
}

.mnc {	padding-left: 30px;}
.mnb {	background: url('lay/separator.png') no-repeat top left;}

ul.mn a, ul.mn a:hover, a.w, a.w:hover {	font-weight: bold; 	color: #808080; text-decoration: none;}

ul.zal
	{
	list-style: none;
	}

	


.tna {
clear: both;
color: #fff;
position: relative;
width: 480px; 
height: 15px; 
font-size: 12px;
margin: -92px 0px 0px 190px;
float: left;
letter-spacing: 0.5px;

}

.wide 
{
float: left;
width: 482px; 
margin-top: -50px;
}

.narrow
{
float: right;
width: 286px; 
margin-top: -50px;
}

.contop { 
background: url('lay/main-lab-tlo.png') no-repeat; 
width: 482px; height: 75px;  
padding: 2px 0px 0px 20px;
color: #fff;
margin-bottom: 0px;
}

.contop p { 
	font-size: 18px; 
	height: 27px;
	margin-top: 0px;
}


.sidtop { 
background: url('lay/side-lab-tlo.png') no-repeat; width: 286px; height: 75px;  
padding: 2px 0px 0px 20px;
color: #fff;
margin-bottom: 0px;
}

.sidtopp { 
background: url('lay/side-bot-tlop.png') no-repeat; width: 286px; height: 20px;  
padding: 2px 0px 0px 20px;
color: #fff;
margin-bottom: 0px;
}


.cont { 
clear: both;
background: url('lay/main-con-tlo.png') repeat-y; 
width: 482px; 
color: #404040;
}

.contram { 
clear: both;
background: url('lay/main-con-tlo.png') repeat-y; 
width: 482px; 
color: #404040;
min-height: 120px;
display: table;
}


.sidcont { 
clear: both;
background: url('lay/side-con-tlo.png') repeat-y; 
width: 256px; 
color: #404040;
padding-left: 20px;
padding-right: 20px;
}



hr.sid { background: url('lay/side-hr.png') no-repeat; height: 16px; border: 0px; clear: both; margin: 0px 0px 0px 0px}
hr.sida { background: url('lay/side-hr2.png') no-repeat; height: 16px; border: 0px; clear: both; margin: 0px 0px 0px 0px}

.contstop { 
background: url('lay/main-bot-tlo.png') left bottom no-repeat; 
padding: 10px 20px 5px 0px ;
color: #fff;
margin-bottom: 20px;
}

.sidstop { 
background: url('lay/side-bot-tlo.png') left bottom no-repeat; 
padding: 0px 20px 5px 0px ;
color: #fff;
margin-bottom: 20px;
margin-top: 5px;
}




h3 {
	font-size: 18px; 
	padding-left: 35px; 
	padding-top: 5px; 
	height: 27px;
	background:  
}

h3.norm {
	padding: 0px; 
}


h4, .h4
{
font-size: 16px;
margin: 0px 0px -5px 0px; 
color: #de001e;
}

.foto {
margin-left: 20px;
margin-top: 20px;
margin-bottom: 20px;
border: 4px solid #c0c0c0; border-radius: 12px;-moz-border-radius: 12px;-webkit-border-radius: 12px; -o-border-radius: 12px;
}

.roz3 {padding: 5px;}
.roz2 {font-size: 10px;}
.roz4 {font-size: 11px; font-weight: bold; }




.lead {
float: right; 
width: 300px; 
margin-top: 20px;
margin-right: 20px
}

.dwanascie, p {font-size: 12px; }

.frt {float: right; }
.flt {float: left; }

.rt {text-align: right; margin-top: -5px;}
.wiecej {font-size: 10px; background: url('lay/wiecej.png') no-repeat right; padding-right: 20px; }


hr.inn { background: url('lay/hr-inn.png') no-repeat; height: 6px; border: 0px; clear: both; margin: 0px auto; margin: 0px 0px 0px 20px ; }
hr.inr { background: url('lay/hr-inn.png') no-repeat left bottom; height: 26px; border: 0px; clear: both;  }
hr.inr2 { background: url('lay/hr-inn.png') no-repeat left bottom; height: 10px; border: 0px; clear: both; margin-bottom: 10px}

.godz {margin-right: 5px; padding: 3px; width:45px;}
.aud {}


#spod { clear: both; background: url('lay/dolne.png') bottom left repeat-x; height: 180px;}

.logo { background: url('lay/logo-caritas.png') top left no-repeat; width: 82px; height: 102px; display: block; margin-top: 16px;}

.rowred {background: url('lay/onair.png') no-repeat top left; color: #fff; }

h3.ram a:hover, a.pro:hover, a.brief:hover, a.mail:hover {color: #ff0000;}

a.mail { background: url('lay/wyslijmail.png') top left no-repeat; width: 82px; height: 18px; display: block; margin-top: 5px; padding-left: 30px;}
a.mail:hover { background: url('lay/wyslijmail.png') bottom left no-repeat; }

.clr {clear: both;}

a.w, a.w:visited, a.w:active {color: #ffffff;}
a.w:hover {color: #c0c0c0;}

.tna {position: absolute 0px; margin: -92px 320px;}

.dwa {margin-left: 50px;}

ul.podcast {list-style: none; margin-left: -40px; width: 250px; margin-top: -10px; margin-bottom: -20px}
ol.komy {list-style: none; margin-left: -20px; }

a.podtyt { font-size: 14px; line-height: 14px;}
.sidlead {
border: 1px solid;
margin-top: -10px;
}


.plik {font-size: 12px;}

li.plik {list-style: none; background: url('lay/disk.png') no-repeat; background-position: 0px 10px; margin-left: -40px; padding-left: 20px; margin-top: 20px; border-top: 1px dotted #c0c0c0;}
li.plik a:hover {text-decoration: underline;} 

.h5 {font-size: 15px; font-weight: bold;}

.rss 	{ 	float: right; 	background: url('lay/ico-rss.png') left top no-repeat;  	font-weight:bold; 	padding: 4px 0px 0px 26px; 	height: 24px;  	font-family: Arial, helvetica, sans-serif; 	}

li.prasa {margin-left: -20px; padding-left: 0px;}

.inner {margin: 20px; display: table;}