body {
margin: 0;
padding: 0;
background: #001A94 url('../img/tlo.gif') repeat-x top;
text-align: center;
}

#wraper {
width: 760px;
margin: auto;
padding:0;
}

#wraper img {
border: none;
}

#wraper a {
color: #fff;
text-decoration: underline;
}

#wraper a:hover {
text-decoration: none;
}

/* ==== HEADER ==== */

#header {
width: 760px;
height: 120px;
border-bottom: 1px solid #fff;
}

#logo {
margin: 20px 10px 20px 0;
float: left;
clear: left;
}

#menu {
float: left;
margin-top: 52px;
margin-bottom: 20px;
padding: 0;
font-size: 18pt;
color: #fff;
}

#menu ul {
list-style: none;
padding: 0;
margin: 0;
text-align:center;
vertical-align:middle;
}

#menu li {
float: left;
}

#menu li a
{
float: left;
display: block;
text-decoration: none;
text-align: left;
padding-left: 7px;
margin-left: 15px;
margin-bottom: 2px;
color: #fff;
border: none;
}

#menu li a.firma {
background: #07134D url('../img/menu_prostokat_cyjan.gif') no-repeat top left;
}

#menu li a.oferta {
background: #07134D url('../img/menu_prostokat_magenta.gif') no-repeat top left;
}

#menu li a.klienci {
background: #07134D url('../img/menu_prostokat_yellow.gif') no-repeat top left;
}

#menu li a.kontakt {
background: #07134D url('../img/menu_prostokat_szary.gif') no-repeat top left;
}

#menu li a:hover {
border-bottom: 2px solid #fff;
margin-bottom: 0;
}

/* ==== KONTENT ==== */

#columnLeft {
float: left;
clear: left;
width: 275px;
margin: 0;
padding: 0;
}

#columnRight {
float: left;
clear: right;
width: 485px;
margin: 0;
padding: 0;
}

#naglowek {
position: relative;
float: left;
width: 275px;
text-align: left;
vertical-align: bottom;
padding: 0;
margin: 30px 0 30px 0;
font-family: Georgia, "Trebuchet MS", Verdana;
font-size: 38pt;
color: #2D3767;
}

#naglowek h1 {
position: absolute;
	bottom: 0px;
	left: 0px;
margin: 0;
padding: 0;
font-size: 32pt;
color: #fff;
font-weight: normal;
}

#wraperTresc {
float: left;
clear: right;
width: 475px;
margin: 5px 0 0 0;
padding: 0;
text-align: center;
}

.submenu {
width: 280px;
height: 20px;
text-align: center;
color: #fff;
font-size: 13pt;
margin: auto;
}

.submenu ul {
list-style: none;
display: inline;
padding: 0;
margin: auto;
text-align:center;
vertical-align:middle;
}


.submenu li {
float: left;
}

.submenu li a {
float: left;
display: block;
text-decoration: none;
text-align: left;
color: #fff;
margin: 3px;
border-bottom: 1px solid #fff;
}

.submenu li a:hover {
border: none;
margin-bottom: 0;
}

.adminmenu {
float: right;
text-align: center;
color: #fff;
font-size: 11pt;
/* background-color: #000; */
border-bottom: 2px solid #fff;
}

.adminmenu ul {
list-style: none;
display: inline;
padding: 0;
margin: auto;
text-align:center;
vertical-align:middle;
}


.adminmenu li {
float: left;
}

.adminmenu li a {
float: left;
display: block;
text-decoration: none;
text-align: left;
color: #fff;
margin: 3px;
/* border-bottom: 1px solid #fff; */
}

.adminmenu li a:hover {
border: none;
margin-bottom: 0;
border-bottom: 1px solid #fff;
}


#tresc {
width: 425px;
margin: 30px;
padding: 0 0 10px 0;
color: #fff;
background-color: #071345;
border: 1px solid #fff;
position: relative;
}

#tresc ol li{
	margin-top:10px;
}

#tresc ol li{
	text-align: left;
	margin:5px 0 0 40px;
}


img.ctl {
position: absolute;
	top: -39px;
	left: -39px;
}

img.ctr {
position: absolute;
	top: -39px;
	right: -39px;
}

img.cbl {
position: absolute;
	bottom: -39px;
	left: -39px;
}

img.cbr {
position: absolute;
	bottom: -39px;
	right: -39px;
}

#tresc h3 {
margin: 15px;
clear: none;
}

#tresc p {
margin: 10px 10px 10px 10px;
padding: 0;
text-align: justify;
color: #fff;
font-size: 12pt;
line-height: 1.4em;
}

#tresc p a {
border-bottom: 1px solid #A1A5BC;
text-decoration: none;
color: #fff;
}

#tresc p a:hover{
border: none;
text-decoration: none;
}

span.duzaLitera {
font-size: 22pt;
font-weight: bold;
}

img.left {
float: left;
margin: 5px;
}

img.right {
float: right;
margin: 6px;
}

img.mini {
float: right;
margin: 15px;
}

#obrazkiLewa {
float: left;
clear: left;
/* position: absolute;
	bottom: 0px;
	left: -300px; */
width: 240px;
margin: 5px 10px 10px 0px;
padding: 0;
}

#obrazkiLewa img {
margin-top: 5px;
clear: both;
}

/* TABELA KLIENCI */

table.klienci {
width: 90%;
border: none;
margin: 20px auto 20px auto;
color: #fff;
}

td.italic {
font-style: italic;
text-align: left;
vertical-align: top;
}

td.bold {
font-weight: bold;
text-align: left;
vertical-align: bottom;
}


table.klienci hr {
width: 60%;
height: 1px;
}

/* ==== CENNNIK ==== */

.cennik {
margin: auto;
width: 300px;
text-align: center;
font-size: 13pt;
color: #fff;
clear: left;
}


.th td {
font-weight: bold;
border-bottom: 1px solid #fff;
}

/* ==== STOPKA ==== */

#footer {
width: 760px;
clear: both;
}

.smallprint {
float: left;
margin-top: 30px;
margin-bottom: 20px;
width: 50%;
font-size: 10pt;
font-family: "Trebuchet MS", Georgia, Verdana;
color: #BBC2E0;
text-align: center;
}

.smallprint a {
text-decoration: underline;
color: #BBC2E0;
}

.smallprint a:hover{
border: none;
text-decoration: none;
}

/* ==== Kontakt ====== */
#kontaktForm {
border: 1px solid #dadada;
padding-top: 15px;
padding-bottom: 15px;
width:90%;

margin:auto;
}

#kontaktForm input {
	display: block;
	width: 120px;
	float: left;
	border: 1px solid #dadada;
	margin-bottom: 5px;
}

#kontaktForm label {
	display: block;
	float: left;
	color: #eee;
	padding-right: 5px;
	margin-left: 5px;
	text-align: right;
	width: 80px;
}

#kontaktForm select {
	margin-bottom: 5px;
	border: 1px solid #dadada;
}

#kontaktForm textarea {
	border: 1px solid #dadada;
	width:350px;
}

#kontaktForm br {
	clear: left;
}

#kontaktForm input.submit {
	background-image: url('img/btn-log2.gif');
	background-repeat: repeat-x;
	font-size: 10pt;
	color: #454545;
	margin-top: 10px;
	margin-left: 90px;
	padding: 0;
	width: 90px;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	border-right: 1px solid #454545;
	border-bottom: 1px solid #454545;
	border-left: 1px solid #b5b6b6;
	border-top: 1px solid #b5b6b6;
}

.pustePole {
	background-color: #e77;
}

#kontaktForm input.ukryte {
	display: none;
}


h3.mailwyslany {
	padding-top:50px;
	height:100px;
	display:block;
}

.edit {
border: 1px solid #dadada;
padding-top: 15px;
padding-bottom: 15px;
width:382px;
margin: 20px
}

.edit textarea{
border: 1px solid #dadada;
padding-top: 15px;
padding-bottom: 15px;
width:378px;
}
/* == maszyny ===*/
.praktika {
	height: 150px;
}

/*==== kalendarze ===*/

#kaledar {
text-align: center;
}

#kalendar ul {
list-style: none;
margin: 0;
padding: 0;
}

#kalendar ul li {
margin: 10px;
}

#kalendar img {
width: 300px;
vertical-align: middle;
}

#kalendar hr {
width: 50%;
}

#kalendar a {
width: 200px;
background-color: #F2F2ED;
color: #000;
text-align: center;
text-decoration: none;
padding: 2px;
border-top: 1px solid #001A94;
border-left: 1px solid #001A94;
border-right: 2px solid #001A94;
border-bottom: 2px solid #001A94;
}

#kalendar a:hover {
border-top: 2px solid #001A94;
border-left: 2px solid #001A94;
border-right: 1px solid #001A94;
border-bottom: 1px solid #001A94;
}

/* ===== formularze administracja ========= */

.administracja input {
margin: 3px;
}

.administracja {
text-align: left;
margin-left: 5px;
}

.administracja h4 {
margin-bottom: 5px;
}
/* ===== zmiany pod pozycjonowanie ======= */

.ssh1 {
font-size: 32px;
font-family: Georgia, "Trebuchet MS", Verdana;
}
.ssh2 {
font-size: 24px;
font-family: Georgia, "Trebuchet MS", Verdana;
}