  span, applet, object, iframe,
h1, h2, h3, h4, h5, h6,p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font,   ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
 form, label,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    
}
img{
margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
     
}
hr{color:#0f0; }
ol, ul {
    list-style: none;
}
h3, p, ul {
    /* FIX: 3px space below image (if FF2 - because of img float) */
    font-size: 0.69em;
}

a:link, a:visited {
    text-decoration: none;
}

a:hover, a:active {
    text-decoration: none;
}

body {
    background:url(../layout/body_bg.png) center top; 
    font-family: sans-serif;
    margin: 0;
    padding: 0;
}
h1, h6 {
    margin: 0;	
    font-weight: normal;
}
h1#logo{
 background:url(../layout/cantate.png) no-repeat ;
height:80px;
margin:40px 0 0 610px
  
}
div#container {
    min-height: 400px;
    border: 0px solid gray;
    background:transparent;
    max-width: 950px;
    min-width: 750px;
    margin:35px auto;
    overflow: hidden;
}
div#first-column,
div#third-column {     
    border: 0px solid gray;
    background: rgb(255, 255, 255);
    min-height: 550px;
}
div#first-column {
    float: left;
    margin-left: -315px;
	width: 310px;
}
div#third-column {
    float: right;
    margin-right: -315px;
	width: 310px;
}
div#content {
    margin: 3px 318px 3px 318px;
}
div#content-inner {
    background: rgb(255, 255, 255);
    border: 0px solid gray;
    min-height: 520px;
max-width: 313px;
}
div#p,
div#header
  {
    background: rgb(255, 255, 255);
    padding: 3px;
    border: 0px solid gray;
    max-width: 950px;
    min-width:  950px;
    margin: auto;
}


div#footer {
    background: url(../layout/bgf.png)    top center;
    border: 0px solid gray;   
	max-width: 953px;
    min-width:  950px;
    margin: auto;
}


div#header {
height:250px;
background: url(../layout/baner1.jpg)  no-repeat top center;
 border-bottom: none;
}
div#footer {
max-width: 966px;
     
    border-top: none;
	margin-top:30px;
	 
	
	height:110px;
	}

div#footer div.footer p.admin{
margin:1px 0 0 50px;
}
 

div#footer div.footer  p.footer{
float:right;
margin:20px 0 0 0;
background: transparent;
}
/* --- przyciski ---------------------------------------------------------------- */
div#pe{
height:40px;
text-align: center;
width:972px;
margin:0 auto;
}

 
#przyciski{
 width:970px;
 padding:0px;
}


 p.przyciski a:link,  p.przyciski a:visited {
	font-family:tahoma, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #000;
	float:left;
	height: 30px;
	line-height: 270%;
	padding:1px;
	margin:3px 0 0 5px;
	text-align: center;
	width: 112px;
	 background: url(../layout/bgbnt.png)  left center; 
}

 p.przyciski a:hover,  p.przyciski a:active {
  background: url(../layout/bgbnt3.png)  left center; 
   font-weight:bolder;
	color: #000;
 
}

 p.przyciski3 a:link,  p.przyciski3 a:visited {
	font-family:tahoma, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #000;
	float:left;
	height: 30px;
	line-height: 270%;
	padding:1px;
	margin:3px 0 0 2px;
	text-align: center;
	width: 112px;
	 background: url(../layout/bgbnt3.png)  left center; 
}



p.pLANG a:link,  p.pLANG a:visited {
	color: #ffffff;
	float:left;
	height: 20px;
	
	padding:3px;
	margin:20px 0 0 3px;
	text-align: center;
	width: 50px;
	
}

  p.pLANG a:hover,  p.pLANG a:active {
    background:  #ff0;
	color: #090909;
 
}

/* --- aktualnosci ---------------------------------------------------------------- */
div#akt{
height:40px;
width:312px;	 
background: url(../layout/aktualnosci.png)  no-repeat top center;
}
div#wiadomosci{
height:40px;
width:312px;	 
background: url(../layout/wiadomosci.png)  no-repeat top center;
}
div#zostatniejchwili
{
height:40px;
width:302px;	 
background: url(../layout/zostatniejchwili.png)  no-repeat top center;
}

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
	img.akt{
	width:80px;
	margin:3px;
	padding:3px;
	float:left;
	}

div#pierwsza{
	padding:10px;
}
table.pierwsza{
	width:290px;
	border-bottom: 1px solid #8E9221;
	border-top: 1px solid #8E9221;
	padding:0px;
	margin-bottom:5px;
}

a.wiecej{
	 margin:0 10px 1px 0px;
	 font-size:11px;
	 color:#333; 
	 float:right; 
	 font-weight:bold;
	 display:block;
}

a.galeria{
	 margin:0 10px 1px 0px;
	 font-size:11px;
	 color: #8E9221; 
	 float:left; 
	 font-weight:bold;
	 display:block;
}

/*==============  ERROR ===============*/
div#container div#error{
min-height: 500px;
border:1px solid   #F7F7F7;
}
div#error p.error{
font-size: 11px;
font-weight: bold;
color:#333;
margin: 100px 0 0 100px;

}

div#container div#opis_all{
min-height: 500px;
border:1px solid   #F7F7F7;
}

div#opis_all{
min-height: 500px;
width:850px;
padding:10px;
margin:30px auto;
}

/*================  GALERIA ===================*/

div#container div#galeria{
min-height:500px;
border:0px solid   #F7F7F7;
padding:10px;
}
div#container div#galeria div#powrot{ 
height:30px; background-color: transparent;}

div#container div#galeria div#powrot a.powrot{
font-family:tahoma, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #ffffff;
	float:left;
	height: 28px;
	line-height: 210%;
	padding:0px;
	margin:0 0 0 3px;
	text-align: center;
	width: 200px;
	background-color: #8BDB3C;}

div#container   div#powrot{ 
height:30px; background-color: transparent;}

div#container   div#powrot a.powrot{
font-family:tahoma, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #ffffff;
	float:left;
	height: 28px;
	line-height: 210%;
	padding:0px;
	margin:0 0 0 3px;
	text-align: center;
	width: 200px;
	background-color: #8BDB3C;}	  
 
div.galeria{
width:200px;
min-height: 200px; 
max-height: 200px;
padding:10px;
margin:5px;
float:left;
border:1px solid   #F7F7F7;
text-align:center;
}
div.galeria_opis{
width:220px;
min-height: 70px;
margin:15px 0 0 0; 
text-align:center;
}

div.galeria div.puste{
witdh:150px;
height:115px;
}
div.galeria div.galeria_opis p.galeria{
color:#333;
font-weight:bold;
margin:5px 0 0 0;

}
div.galeria div.galeria_opis p.galeria span.galeria{
color:#ccc;
font-weight:bold;
float:left;
}
div.galeria div.galeria_opis p.galeria_calosc{
font-weight:bold;
float:right;
padding:5px;
}
div.galeria div.galeria_opis p.galeria_calosc a.galeria_calosc{
color:#6CD900;
padding:15px;
}



/* =================== galeria calosc=================*/
div.galeria_u{
width:200px;
min-height: 150px;
max-height: 150px;
padding:10px;
margin:5px;
float:left;
 
text-align:center;
}
fieldset.galeria_u p{
padding:5px;
color: #5E5E2F;
font-size:11px;
text-align:center;

}
fieldset.galeria_u legend.galeria_u{
color: #5E5E2F;
font-size:11px;

}

/*================  Muzyka ===================*/

div#container div#muzyka{
min-height:500px;
border:1px solid   #F7F7F7;
padding:10px;
margin:0 auto;
 
}

div.muzyka{
width:350px;
min-height: 20px; 
max-height: 20px;
padding:10px;
margin:10px auto; 
background: url(../layout/ikonka_nutka.gif)  no-repeat center left;
border:1px solid   #CEBD97; 
}

div.video{
width:350px;
padding:10px;
margin:0px  30px 0 100px; 
border:1px solid   #CEBD97;
text-align:center; 
}
 
 div.muzyka span.tytul ,div.video span.tytul{
font-size:11px;
padding:20px;
margin:0 0 10px 20px; 
 }

div.muzyka span.user, div.video span.user{
color:#ccc;
font-size:11px;
margin:0px 0px px 0px;
font-style:italic; 
}

div.video span.user{
margin:0 0 10px 300px;
}

 /*================  kronika ===================*/

div#container div#kronika{
min-height:500px;
border:0px solid   #F7F7F7;
padding:10px;
margin:10px auto;
}

div.kronika{
width:800px; 
padding:10px;
margin:11px auto; 
border:1px solid   #CEBD97;
text-align:left;
}
 
a.link{
color: #898943;
 }
 
  

legend.kronika{
 color:#ccc;
 font-size:11px;
 padding:5px;
 }
 

 /*================ kg ===================*/

div#container div#kg{
min-height:500px;
border:0px solid   #F7F7F7;
padding:10px;
margin:10px auto;
}

fieldset.kg{
width:700px; 
padding:10px;
margin:11px auto; 
border:1px solid   #CEBD97;
text-align:left;
}
 
p.koment{
color: #5E5E2F;
 }
 p.user{
 float:right;
color: #5E5E2F;
 }

legend.kg{
 color: #5E5E2F;
 font-family:tahoma, sans-serif;
	font-size:10px;
	font-weight:800;
 padding:5px;
 }
 /*++++++++++++++++++    form  ++++++++++++++++*/

div#container div#kgf{
min-height:100px;
border:0px solid   #F7F7F7;
padding:10px;
margin:10px auto;
}

fieldset.kgf{
width:500px; 
padding:10px;
margin:11px auto; 
border:1px solid   #CEBD97;
text-align:left;
}
 
 

legend.kgf{
width:200px; 
 color:#ccc;
 font-size:11px;
 padding:5px;
 }

 fieldset.kgff{
width:450px; 
padding:10px;
  
border:1px solid   #CEBD97;
 
}
 
 

legend.kgff{
width:200px; 
 color: #5E5E2F;
 font-family:tahoma, sans-serif;
	font-size:10px;
	font-weight:800;
 }
