/* tabela formularz*/

table {
/*background: #bfdd96;
border: 1px solid #4396ca;
margin: 30px 50px 150px 0px;*/
margin: 20px 0px 40px 0px;
}

td {
/*border: 1px solid #4396ca;*/

padding: 10px 15px 15px 15px;
}

td.tresc{
border-bottom: 1px dashed blue;
}
td.ocena{
background-repeat: no-repeat;
text-align:center;
font-weight:bold;
}


td img{
	background-repeat:no-repeat;
}

td a{
text-decoration:none; 
}





#belka{
background: #f7f7f7;
	width: 580px; height: 30px;
	margin: 20px  auto ;	
	padding: 2px 0 0 0;
                border: 1px solid #e9e9e9;
}

#belka .date {
	background: url(img/clock.gif) no-repeat left center;
	padding-left: 20px; margin: 0 0 0 5px;
}
#belka .comments {
	background: url(img/comment.gif) no-repeat left center;
	padding: 0 0 0px 20px; margin: 0 5px 0 5px;
}
#belka .ocena {
	background: url(img/star.gif) no-repeat left center;
	padding: 0 0 0 20px; margin: 20px 5px 0px 5px;
}

#belka table{
font-size:10px;
letter-spacing:-3px;
              background-color: #f7f7f7;
              margin: -2px 0px 0px 0px; padding: 0;	
              border-style: none;
            float:left;
}

#zart{
           

}

#zart p{

}



/*komentarze dodawane przez użytkowników*/

#komentarze {
  margin: 90px 65px;	
	background: #fff;
}



#komentarze p { 
	
	padding: 0px 0px;
	font-style: italic;
}



body {
	margin: 0;
	padding: 0;
	font: .70em/1.5em  Verdana, Tahoma, Helvetica, sans-serif;
	color: #666666; 
	background: #4396CA url(img/bg.png) repeat-x;   /*tutaj niebieskie tlo z dolu i obrazek duplikowany w poziomie*/
	text-align: center;
}


h1, h2, h3 {
	font: bold 1em 'Trebuchet MS', Arial, Sans-serif;
	color: #333;	
}
h1 { font-size: 1.5em;  } 
h2 { font-size: 1.4em; text-transform:uppercase;}
h3 { font-size: 1.3em;  font-style: italic  }

h1, h2, h3 {
	margin: 10px 15px;
}
h3.kontakt{
margin: 100px 150px 100px 15px;
}

p{
margin: 10px 45px;
font-size: 1.2em;
text-indent: 2em;
text-align: justify;
}
ul, ol {
	margin: 10px 40px;
	padding: 0 15px;
	color: 000;
}
#back{

                padding: 5px; margin: 0px 0px 40px 65px;
	font-size: 1.2em;	
}

#back a{
              padding: 5px;
              background-color: #f7f7f7;
              border: 1px solid #e9e9e9;
              text-decoration:none;
}

#back a:hover{
	background-color: #ff9966;
                border: 1px solid #e9e9e9;
	
}

#nawigacja{

	padding: 5px; margin: 20px 15px 40px 15px;
	font-size: 95%;	
	
}

#nawigacja a{
              background-color: #f7f7f7;
              border: 1px solid #e9e9e9;
              text-decoration:none;
}

#nawigacja a:hover{
	background-color: #ff9966;
                border: 1px solid #e9e9e9;

	/*letter-spacing: 2px;*/
	
}
/*--obrazki-*/
img.no-border {
	border: none;
}
img.float-right {
  margin: 5px 0px 5px 15px;  
}
img.float-left {
  margin: 5px 15px 5px 0px;
}
/*---------- layout--------------------*/


#wrap {
/* 	background: #FFF ; */
	background: #fff url(img/kwiat2.png) no-repeat right bottom;
	width: 900px; height: 100%;
	margin: 0 auto;	
	text-align: left;
}
#content-wrap {
	clear: both;
	margin: 0; padding: 0;	
	background: #fff ;
	
}



/* header - naglowek  */
#header {
	position: relative;
	height: 135px;	
	background: #fff url(img/headerbg.png) repeat-x 0% 100%;	
	
}
#header h1#logo {
	position: absolute;
	margin: 25px 100px 0px 240px; padding: 0;
	font: bold 4.2em 'Calibri', Arial, Sans-serif;
	font-style: italic;
	letter-spacing: -1px;
	color: #ffcc00;
	text-transform: lowercase;
	top: 0; left: 5px;	
}
#header h2#slogan {
	position: absolute;	 
	top:72px; left: 215px;
	color: #fff;
	text-indent: 0px;
	font: bold 11px Tahoma, 'trebuchet MS', Sans-serif; 
	text-transform: none;	
}

/* gorne menu */
#header ul {
	z-index: 999999;
	position: absolute;
	margin:0px 445px 0px 0px; padding: 0;
	list-style:none;
	right: 0; 
	bottom: 6px !important; bottom: 5px;
	font: bold 13px  Arial, 'Trebuchet MS', Tahoma, verdana,  sans-serif;	
	}
#header li {
   display:inline;
   margin:0; padding:0;
}	 
#header a {
   float:left;
   background: #9BCD58 no-repeat left ;
   margin:0;
	 color:#FFF;
	 border-top:4px solid #2D7BB9; 
	 border-bottom:4px solid #4091C6; 
	 
	 /* border-left:1px solid #fff; */
	 /*border-left:1px solid #fff;*/
   padding:4px 6px 4px 16px;
   text-decoration:none;
}
#header a:hover {
   
	 /*border-bottom:5px solid #000;*/
	
	 border-top:4px solid #2D7BB9;
	 border-right:1px solid #fff;
	 color: #0C3E74;
	  /*border-left:1px solid #fff; 
  background-position:0% -42px;*/
}

/*
#header a span {
   float:left;
   display:block;
   background: url(rbut.png) no-repeat right top;
   padding:6px 15px 3px 8px;
   color: #FFF;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */
/*
#header a:hover span {
	color:#FFF;
}

#header a:hover span {
   background-position:100% -42px;
}*/
#header #biezacy a {
    background: #9BCD58  no-repeat left ;
   border-top:4px solid #2D7BB9;
	color: #0C3E74;
}
/*
#header #biezacy a span {
   background-position:100% -42px;
	color: #FFF;
}
/* gorne menu koniec */

/* stopka */
#footer { 
	clear: both; 
	color: #FFF; 
	background: #eee; 
	border-top: 5px solid #0C3E74;
	margin: 0; padding: 0; 
	height: 30px;	  
	font-size: 95%;		
}
#footer a { 
	text-decoration: none; 
	font-weight: bold;	
	color: #blue;
}
#footer p { 
	margin: 10px 15px;
	font-size:8pt;
}
#footer .footer-left{
	float: left;
	width: 60%;
}
#footer .footer-right{
	float: right;
	width: 35%;
}

/*reklama*/
#reklama a { 

	color: #FFF;
}
/*koniec reklama*/

#wpis_parzysty
{
/* background-color:#bfdd96; */
background: #bfdd96 ;
width: 650px;
padding: 10px 10px 0px 10px;

}


#wpis_parzysty .date {
	/* background: url(img/clock.gif) no-repeat right bottom; */
	text-align: left;
	margin: 0px 20px 0px 520px;
}
#wpis_parzysty p {
	/* background: url(img/comment.gif) no-repeat left center; */
	/* padding: 0 0 0px 20px; */ 
	margin: 0px 5px 0px 25px;
}

/* dorobic img , wrzucic obrazek z float do index.php i sie zobaczy */

#wpis_parzysty .ocena {
	/* background: url(img/star.gif) no-repeat left center; */
	/* padding: 0 0 0 20px; */ 
	background: url(img/ocena_wpis_p.png) no-repeat left top;
	font-size: 10pt;
	font-weight: bold;
	color: black;
	margin: 0px 0px 12px 12px;
}


#wpis_nieparzysty
{
/* background-color:#F0F8FF; */
background: #F0F8FF url(img/ocena_wpis_n.png) no-repeat left top;
width: 650px;
padding: 10px 10px 10px 10px;
}

#pasek
{
background-color:#bfdd96;
/* width: auto; */
height: 35px;
margin: -10px 0px 10px 0px;
}
#pasek h1{text-align: center;}

/* glowne pole*/
#main {
	float: left;
	margin: -40px 0px 130px 15px;

	/* padding: 10px 0px 10px 0px; */
	width: 73%;	
	
}

.post-footer {
	background-color: #f7f7f7;
	padding: 5px; margin: 20px 15px 40px 15px;
	border: 1px solid #e9e9e9;
	font-size: 95%;	
}
.post-footer .date {
	background: url(img/clock.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .comments {
	background: url(img/comment.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .ocena {
	background: url(img/star.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}	
/* lewe menu */
#sidebar {
	float: right;
	width: 22%;
	margin: 0;	padding: 0; 
	display: inline;		
}

#sidebar #pasek h1{
text-align:center;
margin: 10px 5px;
font-size: 10pt;
}

#sidebar h3 {

margin: 40px 10px 50px 15px;
text-align:justify;
color: #000;
}

#sidebar p {

margin: 10px 10px 20px 5px;
text-align:justify;
color: #000;
}
#sidebar ul.sidemenu {
	list-style:none;
	margin:10px 0 10px 15px;
	padding:0;		
}
#sidebar ul.sidemenu li {  /*dodaje ramki do linkow*/
	margin-bottom:1px;
	border: 1px solid #f2f2f2;
}
#sidebar ul.sidemenu a {
	display:block;   /*wypelnia cala ramke kolorem*/
	font-weight:bold;
	color: #333;	
	text-decoration:none;	
	padding:2px 25px 2px 5px;
	background:#e3e2ff;
	border-bottom:4px solid #e3e2ff;	/*inny kolor na dol ramki*/
	min-height:18px;
}
#sidebar ul.sidemenu a:hover {
		padding:2px 5px 2px 25px;
	background: #e3e2ff;
	color: #333;
	border-bottom:4px solid #ffe134;
}
#linki_lista{

margin: 30px 50px;
font-size: 1.2em;

}

.podpis{
	margin: 0px 80px -20px 80px;	
                color: #adadad;
	text-align:right;
	font-weight: bolder;
	font-style: italic;
}
/* wyrownania - klasy */
.float-left  { float: left; }
.float-right {	float: right; }
.align-left  {	text-align: left; }
.align-right {	text-align: right; }
.align-center {	text-align: center; }
/* dodatkowe klasy */
.clear { clear: both; }
.green {	color: #ff9966; }  /*u nas brzoskwiniowy*/
.gray  {	color: #ffcc33; }  /*u nas zolty*/