body {
 background: white;
 color: black;
 font-family: arial, sans-serif;
 border: 0px;
 padding: 0px;
 margin: 0px;
 text-align: center;
}

#lang{
 width: 650px;
 text-align: right;
 margin: 0px auto; /* top & bottom, right & left */
 font-size: 10pt;
 font-weight: bold;
}

/* header */
#header {
 padding:0px;
 text-align: center;
 width: 650px;
 margin: 0px auto; /* top & bottom, right & left */
}
 
#header img{
 border: none;
}

#menu {
 text-transform: lowercase;
 width: 650px;
 margin: 0px auto; /* top & bottom, right & left */
}

#menu table { 
 border-collapse: collapse;
 border: 5px solid white; 
 padding: 0px;
 margin: 0px auto; /* top & bottom, right & left */
}
 
#menu td { 
 border: 2px solid #FD6733; 
 text-align: center;
 padding: 0px 15px;
}

#menu :link, #main :visited, #menu a {
 padding: 0px 4px;
 font-family: arial, sans-serif;
 font-size: 11pt;
 text-transform: lowercase;
 text-decoration: none;
 font-weight: bold;
 color: #FD6733; /* orange */
 background-color: inherit;
}

#menu :link:hover, #menu :visited:hover {
 color: #b80e0e;
 background-color: inherit;
}


/* content */

#content {
 text-align: justify;
 width: 650px;
 margin: 20px auto; /* top & bottom, right & left */
 font-size: 11pt;
}

#content h1, h2, h3, h4 {
	/* text-transform: uppercase; */
	color: #FD6733;
	background-color: inherit;
	text-align: left;
}

#content ul { 
 list-style-type: circle; 
}

#content .newline {
 padding-top: 1em;	
 clear: both;
}

#content a.seeMore {
	font-size: 8pt;
}
/* footer */

#footer {
 text-align: center;
 font-family: tahoma, sans-serif;
 font-size: 8pt;
 border-top: solid 1px gray;
 width: 280pt;
 clear: both;
 margin: 0px auto; /* top & bottom, right & left */
}

#footer .icon {
 float: right; 
 padding-top: 2px;
}

a, a:link, a:visited {
 text-decoration: none;
 color: #FD6733;  /* orange */
 background-color: inherit;
}

a:link:hover, a:visited:hover {
 text-decoration: underline;
 color: #b80e0e;
 background-color: inherit;
}

.box {
 padding: 10px;
 margin: 30px 0px; 
 border: 3px solid #FD6733;
 vertical-align: middle;
 clear: both;
 text-align: justify
}

/*
Pozwala na rozstrzelenie linii
*/
.spacy {
line-height: 25px;
}

/* 
gdy mamy obrazek i wychodzi poza div
to za nim dajemy spacer np pustą linie
<div class="spacer">&nbsp;</div>
*/
.spacer {
 clear: both;
 height: 0px;
}

img.left {
 float: left;
 margin: 0px 10px 10px 0px;/* top right bottom left */
}

div.left {
 float: left;
 margin: 10px 10px 10px 0px;/* top right bottom left */
}

img.right {
 float: right;
 margin: 0px 0px 0px 10px;/* top right bottom left */
}

div.right {
 float: right;
 margin: 0px 0px 0px 0px;/* top right bottom left */
}

div.smallInfo 
{
 font-size: 9pt;
 	width: 100%;
  font-family: arial, sans-serif;
	border-width: 0;
	border: 0;
}

p.caption {
 text-align: center;
 font-size: 8pt;
}

p.signature {
 text-align: right;
 font-size: 10pt;
 font-style: italic;
}

ul.dojazd {
 list-style-type: disc;
 margin-left: 330;
}

.border{
 border: 3px solid #FD6733;
}
/*
div, p, span {
 border: 1px dotted gray;
}
*/

#content div.small {
	font-family: arial, sans-serif;
        font-size: 13;
}

#content div.small p {
	margin-top: 7;
	margin-bottom: 7;
}

#content table.columns {
	width: 100%;
	border-width: 0;
	border: 0;
	font-family: arial, sans-serif;
        font-size: 14;
}

#content table.columns td {
	vertical-align: top;
}
