body {
behavior: url('/csshover.htc'); 
margin:0 ;
padding:0;
text-align:left;
font-size: 9pt; 
font-family: Arial;
background:url('/szablony/tlo3.jpg');
background-repeat: repeat-x;
background-color: #DADADA;


}
#kontener {
width:960px;
overflow:hidden;
margin-top:1px;
background:#faf8f8;
height:auto;
background:#faf8f8;

}
div {
text-align:left;
}

* td {
font-size:12px;
}


#str
{
width:100%x;
overflow:hidden;
 margin     : 0;
 padding:0;
background:url('/szablony/pas.jpg') repeat-x;
height:100%;
}


#gora {

height:28px;
background:url('/szablony/pasek_gora.jpg');
color:#ffffff;

}

#stopka {
width:960px;
height:50px;
color:#000000;
padding:10px 10px 0px 10px;

}

#gora a {
color:#ffffff;
text-decoration:none;
font-weight:normal;
}

#gora a:hover {
color:#38E00F;
}

#top {
height:98px;
*height:118px;
padding:20px 20px 0px 20px;
background:url('/szablony/top.jpg') no-repeat;
}

#linki
{
float:left;
}

#licznik
{
float:right;
text-align:right;
}



#trescs {
float:left;
width:487px;
height:auto;

padding-bottom:10000px;
margin-bottom:-10000px;
border-left: 1px solid #c0c0c0;
border-right: 1px solid #c0c0c0;
background:#ffffff;
}

#sr{
float:left;
width:960px;
height:auto;
padding-bottom:10000px;
margin-bottom:-10000px;

border-right: 1px solid #c0c0c0;
}

#lewa {
float:left;
font-size:12px;
width:142px;
height:auto;
padding-left:4px;
padding-top:5px;
padding-right:4px;
padding-bottom:10000px;
margin-bottom:-10000px;
}

#boksy
{
float:right;
font-size:12px;
width:305px;
height:auto;
padding-left:0px;
padding-right:8px;
*padding-right:4px;
margin-top:5px;
padding-bottom:10000px;
margin-bottom:-10000px;
border-left: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
background:white;
}





.trescnewsa {
margin-left:5px;
padding-right: 7px;
text-align: justify; 
*width: 100%;
}
.tytulnewsa {
color:#154400;
font-size:16px;
height:25px;

}
.stopkanewsa {
margin-left: auto;
margin-right: auto; 
width: 98%; color:#666666;
font-size:11px;
height:15px;
}


#banner {
border: 0px; 
margin: auto;
padding-bottom: 0px;
}

a.newsy {
color:#08430C;
text-decoration: none;
padding-left:4px;
}
a.newsy:hover {
color:#000000;
}
.news {
padding-bottom:30px;
*padding-bottom:0px;
}

.arch {
margin: 0; 
width: 100%;
height:21px;
*height:26px;
padding-top:5px;
margin-top:5px;
text-align: left;
font-size: 12px;
color:#00000;
font-weight: bold;

background:url(/szablony/belka1.jpg);
}



.tytulstr {
margin: 0; 
width: 100%;
height:27px;
padding-top:0px;
margin-top:0px;
text-align: left;
font-size: 12px;
color:#000000;
font-weight: bold;

background:url(/szablony/belka1.jpg)
}
.trescstr {
padding-left:5px;
margin-left:3px;
margin-right:3px;
text-align: justify;
}
.trescstrs {
padding-left:5px;
margin-left:3px;
margin-right:3px;
width: 70%;
text-align: center;
}
.b {
font-weight: bold;
}
.komentarzstopka {
color: #808080;
}
.komentarz {
background:#ffffff;
border: 1px solid #dbdbdb;
}
.wpisstopka {
color: #808080;
}
.wpis {
background:#ffffff;
border: 1px solid #dbdbdb;
}
a {
color:#0C2300;
text-decoration:none;
font-weight: bold;
}
a:hover {
color:#38E00F;
}
img {
border: 0px;
}




#menuh
	{
	font-size: small;
	font-family: arial, helvetica, sans-serif;
	width:100%;
	float:left;
	margin:2em;
	margin-top: 1em;
	}
		
#menuh a
	{
	text-align: center;
	display:block;
	border: 1px solid #555;
	white-space:nowrap;
	margin:0;
	padding: 0.3em;
	}
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	color: white;
	background-color: royalblue;
	text-decoration:none;
	}
	
#menuh a:hover						/* menu on mouse-over  */
	{
	color: white;
	background-color: cornflowerblue;
	text-decoration:none;
	}	
	
#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{
	background-image: url(navdown_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}
	
#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
	{
	background-image: url(nav_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}

#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:9em;	/* width of all menu boxes */
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh a" rule so that the menu boxes
	will have space on either side of the text -- try it */
	}

#menuh li
	{
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}


.photo {
    width: 487px;
    height: 260px;
    overflow: hidden;
    position: relative;
    margin: 7px 0px;

}
.photo p {
    position: absolute;
    width: 481px;
    bottom: 0;
    left: 0;
		padding-right:3px;
			padding-left:3px;
			
	

    text-align: justify;
    font: 10px;
   height:50px;
    background-color: #000000;
    opacity: 0.50;             /* CSS 3 , opera 9*/
    filter: alpha(opacity=50); /* MSIE  */
    -moz-opacity: 0.50;        /* Gecko */
    color: #FFFFFF;
    margin-bottom: 0;

} 

.photo img {
margin-top:0px;


}

	.boxgrid{ 
				width: 487px; 
				height: 260px;
				float:left; 
				background:#161613; 
				overflow: hidden; 
				position: relative; 
			}
				
				.boxgrid p{ 
					
					color:#afafaf; 
					font-weight:bold; 
				font-size:12px;
				font-weight:normal;
				padding:10px;
				width:467px;
				*width:487px;
				
				
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				padding-right:5px;
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 220;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220;
 					left: 0;
 				}

				.boxgrid img{ 
				
					top: 200px; 
					left: 0; 
					border: 0; 
				}
				
#navcontainer div
{
padding-left: 0;
margin-left: 0;
background-color: #00AD10;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navcontainer div p { display: inline; }

#navcontainer div p a
{
padding: 0.2em 1em;
background-color: #00AD10;
color: #000000;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer div p a:hover
{
background-color: #369;
color: #fff;
}
.facebook{
    float:left;
    width:240px;
    height:400px;
    background: url(http://www.pokrowcecardo.pl/grafika/fbniebieski.png);
    display:block;
    left:-214px;
    padding:0;
    position:fixed;
    top:170px;
    z-index:1002;
    font-family: verdana;
    font-size: 10px;
}