/*--------------------------------------------------
* 
* Reset
*
*--------------------------------------------------*/
html, body,
h1, h2, h3, h4, h5, h6,
a, acronym, p,
address, blockquote, cite, q,
dd, dfn, dl, dt, li, ol, ul,
code, kbd, pre, samp, tt, var,
caption, table, tbody, td, tfoot, th, thead, tr,
fieldset, iframe, img {
        margin: 0;
        padding: 0;
        border: none;
        outline: none;
}
 
/* */
 
body { 
  font-size : 13px; 
  font-family : Arial, Helvetica, sans-serif; 
  background-color: #cccc99;
} 
 
a { 
  color : #999999; 
  text-decoration : none; 
} 
 
a:hover { 
  text-decoration : underline; 
} 
 
p { 
  width : 70%; 
  color : #262626; 
  font-size : 13px; 
  margin-bottom : 20px; 
  margin-top : 5px;
  margin-left : 3px; 
} 
 
h3 {
  margin-left: 4px;
}
 
.header { 
        margin: 0 auto;
  height : 100px;
  width : 100%;
  font-weight : normal; 
  font-size : 27px; 
  background-color : #cccc99;
  background-image : url(pliki/logo.png);
  background-repeat: no-repeat;
  background-position: center;
 
} 
.header h3 { 
  text-align : center;
  color : #262626; 

}
.header p{
  text-align: center;
}
blockquote {
  color:#000;
  position: relative; width:80%; 
  padding: 8px;
  text-indent:30px;
  background: #f7f7f2;
  border: 1px solid #000;
  border-right: 3px solid #000;
  border-bottom: 3px solid #000;
}
cite {
  display: block;
  padding:2px;
  padding-top:8px;
  margin-right:2%;
  text-align:right;
}
 
ul {
  color : #262626; 
  font-size : 13px;
  list-style : none;  
}
.ukryj {
        text-indent: -1000em;
} 
/*--------------------------------------------------
* R�wnowymiarowe kolumny.
* http://riddle.pl/-/xhtml/css-equalcolumns/eqcolumns-okie.html
*--------------------------------------------------*/
 
#wrapper {
        width: 80%;
        margin: 0 auto;
        display: table;
}
 
#ciao, #menu {
        display: table-cell;
        vertical-align: top;
}
 
/* */
 
#ciao {
        padding: 20px 30px 0 30px;
  width: 80%;
  background-color: white;
  border: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 3px solid #000;
}
 
#menu { 
  width : 20%;
/*--------------------------------------------------
*   height : 100%; 
*--------------------------------------------------*/
  background : #f5f5f5; 
  border : 1px solid #dddddd;  
  padding : 10px 30px 15px 30px; 
  font-size : 12px; 
  color : #aaaaaa; 
  border: 1px solid #000;
  border-right: 3px solid #000;
  border-bottom: 3px solid #000;
}
#menu ul{
  color : #262626;
  font-size : 13px;
  list-style : none;
}
table {
  border-width: 5px;
  border-style: solid;
  border-collapse: separate;
  border-spacing: 5px;
}
cite {
	display: block;
	padding:2px;
	padding-top:8px;
	margin-right:2%;
	text-align:right;
}
.comment1, .comment2 {
	margin-bottom: 0.5em;
	border-style: inset;
	border-width: 2px;
}

.comment1 p, .comment2 p {
	margin-bottom: 5px;
}

.comment1 {
	background-color: #ebebeb;	
}
.comment2 {
	background-color: #fcfcfc;	
}
#achtung {
	font-size: 120%;
}