* {
	margin: 5;
	text-align: left;
	letter-spacing: 0em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

body {
	text-align: center;
	background: #fff url('./../img/bg.jpg') repeat-x 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
#wrapper {
    width: 840px;
    margin: 0 auto 0 auto;
    text-align: left;
    background: transparent url('./../img/wrapperBg.jpg') no-repeat center top;
}
#top {
	width: 840px;
	height: 200px;
	position: relative;
	z-index: 1;
}
#logo span {
	display: none;
}
#logo {
	width: 234px;
	height: 75px;
	position: absolute;
	top: 43px;
	right: 529px;
	background-color: transparent;
	background-image: url(../img/Logo.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#people {
	width: 364px;
	height: 418px;
	position: absolute;
	top: 155px;
	left: 10px;
	background: transparent url('./../img/people.png') no-repeat 0 0;	
	z-index: 1234;
}
#pozytyw {
	width: 300px;
	height: 349px;
	position: absolute;
	top: 155px;
	left: 10px;
	background: transparent url('./../img/kopia people.png') no-repeat 0 0;	
	z-index: 1234;
}
#navBar {
	position: absolute;
	top: 131px;
	left: 37px;
	width: 768px;
	height: 46px;
	background: transparent url('./../img/nav.gif') no-repeat 0 0;	
}
#nav {
	list-style: none;
	height: 46px;
	float: right;
	padding-right: 13px;
	position: relative;
	z-index: 2000;
	top: -15px;
}
#nav li {
	float: left;
	height: 46px;
	padding-right: 1px;
	background: transparent url('./../img/navSep.gif') no-repeat right 0;	
}
#nav li.last {
	padding-right: 0;
	background: none;	
}
#nav a span {
	display: none;
}
#nav a {
	display: block;
	float: left;
	height: 46px;
	width: 65px;
	background-image: url(../img/g%C5%82%C3%B3wna.gif);
}
#nav #glowna:hover, #nav #oferta:hover, #nav #jakuczymy:hover, #nav #pytania:hover, #nav #terminy:hover, #nav #ceny:hover, #nav #onas:hover, #nav #kontakt:hover {
	background-position: 4px 4px;
}	
#nav #glowna {
	width: 118px;
	background: transparent url('./../img/glowna.gif') no-repeat 0 0;
}
#nav #oferta {
	width: 115px;
	background: transparent url('./../img/oferta.gif') no-repeat 0 0;
}
#nav #jakuczymy {
	width: 95px;
	background: transparent url('./../img/jakuczymy.gif') no-repeat 0 0;
	text-align: center;
}
#nav #pytania {
	width: 115px;
	background: transparent url('./../img/pytania.gif') no-repeat 0 0;		
}
#nav #terminy {
	width: 65px;
	background: transparent url('./../img/terminy.gif') no-repeat 0 0;	
}
#nav #ceny {
	width: 100px;
	background: transparent url('./../img/Ceny.GIF') no-repeat 0 0;	
}
#nav #onas {
	width: 55px;
	background-color: transparent;
	background-image: url(../img/onas.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#nav #kontakt {
	width: 71px;
	background: transparent url('./../img/kontakt.gif') no-repeat 0 0;	
}

/* images */
img {
	border: 1px solid #DADADA;
	padding: 5px;	
}
img.no-border {
	border: none;
}
img.float-right {
  margin: 5px 0px 5px 15px;  
}
img.float-left {
  margin: 5px 15px 5px 0px;
}

#content {
	margin: 0 auto;
	width: 768px;
	position: relative;
	z-index: 0;
}
#colLeft {
	float: left;
	width: 281px;
	margin-top: 300px;
	position: relative;
	background-color: #F3BA0F;
}
#colLeftTop {
	width: 281px;
	height: 4px;
	background: transparent url('./../img/boxOrangeTop.gif') no-repeat 0 0;	
	position: absolute;
	top: -4px;
	left: 0;
}
#colLeftBottom {
	width: 281px;
	height: 4px;
	position: relative;
	bottom: -1108px;
	left: 1px;
	background-color: transparent;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#colRightWrapper {
	float: right;
	width: 463px;
	background: transparent url('./../img/contentBg.gif') no-repeat 0 0;	
}
#colRight {
	margin: 16px 12px 0;
	position: relative;
	background-color: #a8ca3f;
	overflow: visible;
}
#colRight h2 {
	padding-top: 5px;
	padding-right: 28px;
	padding-bottom: 0px;
	padding-left: 28px;
	color: #FFFFFF;
	font-size: 16pt;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#colRight h1 {
	font: 16pt Cambria, Georgia, Arial, Sans-Serif;
	text-align: center;
	color: #6C8422;
	text-shadow: 0px 2px 3px #B0CF54;
	padding-top: 5px;
	padding-right: 28px;
	padding-bottom: 0px;
	padding-left: 28px;
	
}
#colRight h1.BoxDark {
	font: 16pt Cambria, Georgia, Arial, Sans-Serif;
	text-align: center;
	color: #3A4712;
	text-shadow: 0px 2px 3px #7d9a27;
	padding-top: 5px;
	padding-right: 28px;
	padding-bottom: 0px;
	padding-left: 28px;
}

#colRight h3 {
	padding-top: 5px;
	padding-right: 28px;
	padding-bottom: 0px;
	padding-left: 28px;
	color: #FFFFFF;
	font-size:12pt;
	font: Georgia;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}
#colRight h3 {
	padding-top: 5px;
	padding-right: 28px;
	padding-bottom: 0px;
	padding-left: 28px;
	color: #FFFFFF;
	font-size:12pt;
	font: Georgia;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}
#colRight h4 {
	padding-top: 0px;
	padding-right: 28px;
	padding-bottom: 0px;
	padding-left: 28px;
	color:#FFFFFF;
}
#colRight h5 {
	padding-right: 28px;
	padding-left: 28px;
	color:#FFFFFF;
	font: Times New Roman;
	font-size: 16px;
	margin-bottom: 5px;
	margin-top: 25px;
}
#colRightTop {
	width: 440px;
	height: 4px;
	background: transparent url('./../img/boxGreenTop.gif') no-repeat 0 0;	
	position: absolute;
	top: -4px;
	left: 0;
}
#colRightBottom {
	width: 440px;
	height: 4px;
	background: transparent url('./../img/boxGreenBottom.gif') no-repeat 0 0;	
	position: relative;
	bottom: -3px;
	left: 0;
}
#colRight ul {
	
	color: #fff;
}
#colRight li {
	color: #fff;
	font-size: 11pt;
	text-align: left;
	margin-top: 0px;
	margin-right: 28px;
	margin-bottom: 10px;
	margin-left: 28px;
	
}

#span emtext{
background-color:#FF0000
}
#colLeft h1 {
	font: 14pt Cambria, Georgia, Arial, Sans-Serif;
	text-align: center;
	color: #0066FF;
	text-shadow: 1px 1px 2px #555;
}
#colLeft h2 {
	margin: 45px 0 35px 100px;
}
#colLeft h3 {
	font-size: 12pt;
	text-align:center;
	color: #DEAA0C;
	text-shadow: #F5CB49 0px 1px 0, #AA8209 0 -1px 0;
}
#colLeft p {
	color: #000000;
	font-size: 0.9em;
	margin: 0 27px 0px 27px;
	text-align: center;
}

#colLeft .title {
	display: block;
}
#colLeft .date {
	display: block;
	margin-bottom: 1.2em;
}
#colLeft .photo {
	display: block;
	margin: 0 auto 3px auto;
}
#pomocH {
	width: 83px;
	height: 24px;
	background-color: transparent;
	background-image: url(../img/kontaktH.gif);
	background-repeat: no-repeat;
	background-position: 20px center;
}
#kontaktH {
	width: 95px;
	height: 24px;
	background-color: transparent;
	background-image: url(../img/pomocH.gif);
	background-repeat: no-repeat;
	background-position: 20px center;
}
#colLeft #maszH {
	width: 167px;
	height: 46px;
	margin-left: 70px;
	background-color: transparent;
	background-image: none;
	background-repeat: no-repeat;
	background-position: right top;
}
#nowosciH {
	width: 107px;
	height: 20px;
	background-color: transparent;
	background-image: url(./../img/nowosciH.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#colRight p {
	color: #FFFFFF;
	font-size: 12pt;
	text-align: left;
	margin-top: 5px;
	margin-right: 28px;
	margin-bottom: 5px;
	margin-left: 28px;
}
#boxDark {
	background-color: #6c8422;
	position: relative;
	padding-bottom: 5px;
}
#boxDark p {
	width: 380px;
}
#boxDark img {
	position: static;
	top: 25px;
	right: 28px;
	margin-left: 10px;
	marigin-right: 14px;
	border: 0px none #89a532;
	white-space: normal;
	padding: 0px;
	background-image: none;
	margin-right: 10px;
}
#boxDark ul {
	list-style: disc;
	color:#FFFFFF
}
#boxDark li {
	color: #fff;
	font-size: 11pt;
	text-align: left;
	margin-top: 0px;
	margin-right: 28px;
	margin-bottom: 10px;
	margin-left: 28px;
}
#boxBlue{
	height: 183px;
	padding-top: 31px;
	background: transparent url('./../img/photo2.jpg') no-repeat right 0;
}
#boxBlue ul, .list {
	list-style: none;
	font-size: .9em;
	color: #fff;
	margin-left: 50px;
}
.list {
	color: #3c570e;
	margin: 0 0 20px 28px;
}
#boxBlue li, .list li {
	padding-left: 10px;
	background-color: transparent;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0 center;
	padding-right: 10px;
}
#boxBlue li span {
	color: #a8ca3f;
}
#footer {
	height: 38px;
	line-height: 38px;
	padding-right: 28px;
	text-align: right;
	position: relative;
	width: 412px;
	background-color: #a8ca3f;
	margin-top: 20px;
	float: right;
	margin-right: 48px;
	margin-bottom: 20px;
	font-size: 1em;
	color: #000;
}
#footer a {
	color: #000;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#footerTop {
	width: 440px;
	height: 4px;
	background: transparent url('./../img/boxGreenTop.gif') no-repeat 0 0;	
	position: absolute;
	top: -4px;
	left: 0;
}
#footerBottom {
	width: 440px;
	height: 4px;
	background: transparent url('./../img/boxGreenBottom.gif') no-repeat 0 0;	
	position: absolute;
	bottom: -3px;
	left: 0;
}
#boxOpinia {
	width: 282px;
	position: static;
	top: 792px;
	left: 1px;
	font-size: 12pt;
	text-align: right;
}

#boxContact {
	width: 282px;
	height: 164px;
	background: transparent url('./../img/boxContact.jpg') no-repeat 0 0;	
	position: static;
	top: 792px;
	left: 1px;
}

.sub #boxContact h2 {
	margin: 10px 10px 10px 40px;
	paddign: 0;
	text-align: center;
	color:#FFFFFF;
}
.sub #boxContact p {
	font:"Times New Roman", Times, serif;
	color: #FFFFFF;
	text-align: center;
	margin-bottom: 3px;
	font-size: 1em;
	
}
#boxGreen {
	background-color: #526518;
	margin-top: 20px;
	position: relative;	
	min-height: 150px;
	width: 440px;
}
#boxGreen h2 {
	margin-left: 20px;
	padding-left: 0px;
	width: 400px;
	background-image: none;
	background-repeat: no-repeat;
	height: 20px;
	background-position: left;
}


#boxGreen p {
	width: 400px;
}

#boxGreen img {
	position: static;
	top: 20px;
	left: 20px;
	border: 0px none #89a532;
	padding: 0px;
}
#contact fieldset {
	border: 0;
	padding: 20px 28px;
}
#contact label {
	display: block;
	padding: 5px 0;
	color: #3c570e;
	font-weight: bold;
}
#contact input {
	display: block;
	padding-bottom: 5px;
	color: #3c570e;
	font-size: 1em;
	border: 1px solid #a7a7a7;
	background: #fff;
	padding: 2px;
	width: 202px;
}
#contact textarea {
	width: 202px;
	height: 100px;
	color: #3c570e;
	font-size: 1em;
	border: 1px solid #a7a7a7;
	background: #fff;
	padding: 2px;
	font-family: Tahoma;
}
#contact .submits {
	width: 206px;
}
#contact .submits button {
	float: right;
	border: 0;
	background: none;
	color: #3c570e;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	padding: 2px;
}
/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  {	text-align: left; }
.align-right {	text-align: right; }

/* images */
img {
	border: 2px none #A8CA3F;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}
img.no-border {
	border: none;
}
img.float-right {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 15px;
}
img.float-left {
  margin: 5px 15px 5px 0px;
}
.emtext {
	background-color: #FF0000;
}
tekstopinii {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: italic;
	text-align: right;
}
.tekstopinii {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
}
.nazwiskoopinia {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: italic;
	text-align: right
	
}

#wrapper #content #colRightWrapper #colRight #boxDark img {
	margin-right: 0px;
	margin-left: 0px;
}
img#lewybutton {
	float: left;
	marigin-left: 28px;
	
}
img#prawybutton {
	float: left;
	marigin-right: 28px;
}	
ul#buttonyhoryzontalne {
	list-style: none;
}

ul#buttonyhoryzontalne li { display: inline; }
	
ul#buttonyhoryzontalne li a {
	display: block; float: left; height: 41px;
}

	ul#buttonyhoryzontalne li a.zapiszsie {
	width: 96px;
	margin-left: 28px;
	}
	ul#buttonyhoryzontalne li a.program {
		width: 96px;
	}
img#zapiszbutton {
	float: left;
}
img#programbutton {
	float: left;
}
div.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

button{
font:12pt Georgia, ‘Century Gothic’, AppleGothic, sans-serif;
color:#FFFFFF;
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
padding:14px;
background:url(images/splash/button.png) repeat-x center #ffcc00;
background-color:rgba(255,204,0,1);
border:1px solid #ffcc00;
-moz-border-radius:15px;
-webkit-border-radius:10px;border-radius:10px;
border-bottom:1px solid #9f9f9f;
-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
cursor:pointer;
}
button:hover{
	background-color:rgba(255,204,0,0.8);
}
button:active{
	position:relative;top:2px;
	outline: none;
}
/* Roznej wielkosci i kolorow przyciski -------- */
.awesome{
	background: url(images/splash/button.png) repeat-x;
	background-color:rgba(255,204,0,1);
	display: inline-block;
	padding: 5px 10px 6px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.8);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.8);
	text-shadow: rgba(255,255,255,0.25) 0px 1px, rgba(244,193,38,0.25) 0px -1px;
	border:1px solid #ffcc00;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	text-align: center;
}
.awesome:hover{
background-color:rgba(255,204,0,1);
}
.awesome:active{
position:relative;top:2px;
outline: none;

}
.awesometest {
   background: #222 url(/images/alert-overlay.png) repeat-x;
   display: inline-block;
   padding: 5px 10px 6px;
   color: #000;
   text-decoration: none;
   text-align:center;
   font-weight: bold;
   line-height: 1;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -khtml-border-radius: 5px;
   -khtml-box-shadow: 0 1px 3px rgba(0,0,0,0.8);
   -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.8);
   -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.8);
   text-shadow:  rgba(255,255,255,0.25) 0px 1px, rgba(0,0,0,0.25) 0px -1px;
   
   border-bottom: 1px solid rgba(0,0,0,0.25);
   position: relative;
   cursor: pointer;
}
.awesometest:hover{ 
	background-color: #111; 
	color: #fff;
	text-shadow: rgba(0,0,0,0.25) 0px 1px, rgba(255,255,255,0.25) 0px -1px;
}
.awesometest:active    {position: relative; top: 2px; outline: none;}
.zielony.awesometest {
	background-color: #73B926;
}
/*----text-shadow: 0 -1px -5px rgba(0,0,0,0.25);---*/

.zielony.awesometest:hover {
	background-color: #66A422;
}
   
   
.awesomeprawa{
	background: url(images/splash/button.png) repeat-x;
	background-color:rgba(115,185,38,1);
	display: inline-block;
	padding: 5px 10px 6px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.8);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.8);
	text-shadow: rgba(255,255,255,0.25) 0px 1px, rgba(244,193,38,0.25) 0px -1px;
	border: 1px solid #78C027
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	text-align: center;
}

button.awesomeprawa:hover{
background-color:rgba(102,164,34,1);
}
button.awesomeprawa:active{
position:relative;top:2px;
outline: none;

}
text-shadow: ;
text-shadow: #fff 0px 1px 0;
rgba(170,130,9,0.25) 0px 1px



a.buttonlewy {
	text-decoration: none;
		
}

/* Sizes ---------- */
.small.awesome {
font-size: 11px;
}
.medium.awesome {
font-size: 13px;
}
.large.awesome {
font-size: 14px;
padding: 8px 14px 9px;
}
 
/* Colors ---------- */
.blue.awesome {
background-color: #2daebf;
}
.red.awesome {
background-color: #e33100;
}
.magenta.awesome {
background-color: #a9014b;
}
.orange.awesome {
background-color: #ff5c00;
}
.yellow.awesome {
background-color: #ffb515;
}
/* Roznej wielkosci i kolorow przyciski -------- */