body {
margin:0;
padding:0;
font:8pt Verdana, sans-serif;
color:#000;
background:#fff url(gfx/bg.gif) repeat-x;
}

#container {
margin:0 auto;
padding:0;
width:776px;
min-height:600px;
background-image:url(tlo.gif);
}

#top {
margin:0 auto;
width:776px;
height:180px;
background:url(gfx/top50.gif) no-repeat;
position:relative;
}

#flash {
position:absolute;
left:1px;
right:0;
bottom:0;
width:775px;
height:124px;
}

img#logo {
position:absolute;
left:95px;
bottom:0;
}

ul.course li {
list-style:none;
margin:0;
}

ul.course img {
border:2px solid #b3c5db;
margin:4px;
vertical-align: middle;
}

ul.gallerylist {
margin-left:20px;
padding:0;
}

ul.gallerylist li {
list-style:none;
height:116px;
display:block;
vertical-align:middle;
}

ul.gallerylist li img {
display:block;
float:left;
margin-right:10px;
}

p.text {
text-indent:0;
height:116px;
display:block;
}

.galleryphotos {
padding:10px 20px;
float:left;
}

/* menu */

#menu {
margin:0 auto;
padding:0;
border:0;
height:73px;
width:776px;
text-align:center;
background:url(gfx/menu.gif) no-repeat;
}

#menu li {
margin:0 16px;
padding:0;
display:inline;
line-height:60px;
}

/* lewa góra */ 

#left {
width:536px; 
height:auto; 
float:left;
}

div#l1 {
float:left;
margin:20px 0 0 0;
height:74px;
width:538px;
background:url(gfx/l1.gif) no-repeat;
}

#left1 {
float:left;
position:relative;
width:536px;
height:175px;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
background-color:#fff;
}

p#home {
margin-left:60px;
padding-top:0;
text-align:center;
text-indent:0;
}

#fl1 {
float:left;
background-image:url(gfx/fl1.gif);
width:538px;
height:46px;
}

/* prawa góra */

#right {
width:224px;
float:right; 
height:auto;
}

#right1 {
float:right;
margin:0;
width:224px;
height:auto;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
background-color:#fff;
}

#fr1 {
float:right;
background-image:url(gfx/fr1.gif);
width:226px;
height:52px;
}

/* lewy dół */

#leftbottom {
float:left;
margin-top:5px;

width:776px; 
width:480px;
height:auto; 
}

div#l2 {
float:left;
margin:0;
height:53px;
width:481px;
background:url(gfx/headers.gif) no-repeat;
}

#left2 {
float:left;
width:479px;
min-height:527px;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
background-color:#fff;
}

* html #left2 {
height:555px;
}

#left2 li {
margin-right:30px;
text-align:justify;
line-height:1.5em;
}

#fl2 {
float:left;
background-image:url(gfx/fl2.gif);
width:481px;
height:57px;
margin-left:-1px;
}

/* prawy dół */

.rightbottom {
float:right;
margin-top:-50px;
margin-top:0px;
width:279px; 
height:auto; 
clear:right;
}

div#r1 {
float:right;
margin:0;
height:53px;
width:226px;
background:url(gfx/r1.gif) no-repeat;
}

div#r2 {
float:right;
margin:0;
height:53px;
width:281px;
background:url(gfx/r2.gif) no-repeat;
}

div#r3 {
float:right;
margin:0;
height:53px;
width:281px;
background:url(gfx/r3.gif) no-repeat;
}

div#r4 {
float:right;
margin:0;
height:53px;
width:281px;
background:url(gfx/r4.gif) no-repeat;
}

.right2 {
float:right;
width:279px;
height:auto;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
background-color:#fff;
}

.fr2 {
float:right;
background-image:url(gfx/fr2.gif);
width:281px;
height:51px;
}

/* nagłówki */

h1 {
font:bold 11pt "Trebuchet MS";
margin:20px 30px 10px 30px;
text-align:center;
}

h2 {
font:bold 10pt "Trebuchet MS";
margin:30px 30px 10px 30px;
border-bottom:1px dotted #666;
}

h2 a:hover {
font-weight:bold;
color:#000;
}

h3 {
font:bold 8pt Verdana, sans-serif;
margin:10px 30px;
text-align:center;
}

h4 {
font:normal 8pt Verdana, sans-serif;
margin:10px 30px;
}

/* tabele */

.kursy tr:hover {
background-color:#f8f9fb;
}

/* akapity */

p {
margin:0;
padding:15px 30px;
text-indent:20px;
text-align:justify;
line-height:1.5em;
}

#fl2 p {
padding:25px 10px 5px 10px;
text-align:center;
text-indent:0;
}

p.small {
font-size:8pt;
}

p.big {
font-size:10pt;
}

p.left {
text-align:left;
}

p.center {
text-indent:0;
text-align:center;
}

p.right {
text-align:right;
}

p.right2 {
text-indent:0;
text-align:right;
padding:0;
}

p.warning {
color:red;
}

p.warning2 {
color:red;
text-align:center;
font-size:7pt;
}

p.warning3 {
color:green;
font-size:7pt;
text-align:center;
}

p.warning4 {
color:red;
font-size:7pt;
text-align:center;
padding-left:50px;
}

p.warning5 {
color:green;
font-size:7pt;
text-align:center;
padding-left:50px;
}

p.red {
color:red;
}

p.cite {
margin:10px auto;
width:350px;
display:block;
line-height:1.5em;
text-align:justify;
background-color:#f1f1f1;
font-style:italic;
}

blockquote {
margin:10px auto;
width:350px;
display:block;
line-height:1.5em;
text-align:justify;
background-color:#f1f1f1;
font-style:italic;
}

/* reszta */

#box1, #box2,#box3, #box4, #box5 {
display:none;
}

img.h {
margin:6px 0 -6px 15px;
}

img.lang {
border:2px solid #c0d0e0;
}

#menu2 {
margin:auto 35px;
padding:0;
border:0;
text-align:left;
}

#menu2 li {
padding:0;
line-height:15px;
list-style-type:square;
}

table.kursy {
margin:30px auto;
font-size:8pt;
text-align:center;
width:420px;
padding:5px;
border-collapse:collapse;
border-bottom:2px solid #c0d0e0;
border-top:2px solid #c0d0e0;
}

table.kursy td {
border-bottom:1px solid #c0d0e0;
border-collapse:collapse;
height:30px;
}

table.woj {
margin:5px auto;
font-size:8pt;
text-align:center;
width:300px;
padding:5px;
border:none;
}

table.woj td {
border:none;
padding:10px;
height:50px;
}

.first {
background-color:#f3f5f9;
border-top:1px solid #c0d0e0;
border-bottom:1px solid #c0d0e0;
font-weight:bold;
}

.log-button {
background-image:url(gfx/zaloguj.gif);
width:141px;
height:58px;
border:0;
margin:0 auto;
cursor:pointer;
}

.log-out-button {
background-image:url(gfx/wyloguj.gif);
width:141px;
height:58px;
border:0;
margin:0 auto;
cursor:pointer;
}

.reg-button {
background-image:url(gfx/register.gif);
width:141px;
height:58px;
border:0;
margin:0 auto;
cursor:pointer;
}

.send-button {
background-image:url(gfx/send.gif);
width:141px;
height:58px;
border:0;
margin:0 auto;
text-align:center;
cursor:pointer;
}

.next-button {
background-image:url(gfx/next.gif);
width:141px;
height:58px;
border:0;
margin:0 auto;
text-align:center;
cursor:pointer;
}

.add-button {
background-image:url(gfx/add.gif);
width:141px;
height:58px;
border:0;
margin:0 auto;
text-align:center;
cursor:pointer;
}

li {
margin:10px auto;
}

span.left {
font-size:7pt;
float:left;
margin:25px 15px 21px 15px;
}

span.right {
font-size:7pt;
float:right;
margin:25px 15px;
}

img {
margin:0;
border:0;
}

img#woman {
position:absolute;
bottom:0; 
margin-bottom:-13px;
}

input, select, textarea {
border:1px solid #9eb3cd;
font:8pt Verdana;
color:#000;
background-color:#FFFDF8;
margin:0 4px 0 0;
}

input.radio {
border:0;
}

.radio {
border:0;
margin:0 3px;
}

.signup {
background-image:url(gfx/signup2.gif);
width:141px;
height:58px;
border:none;
cursor:pointer;
}

.change {
background-image:url(gfx/change.gif);
width:141px;
height:58px;
border:none;
cursor:pointer;
}

.reset {
background-image:url(gfx/reset.gif);
width:141px;
height:58px;
border:none;
cursor:pointer;
}

table#logowanie {
margin:0 auto;
width:200px;
padding:10px;
text-align:center;
}

table#logowanie td {
width:50%;
}

table#newsletter {
margin:0 auto;
padding:0;
text-align:center;
}

td#last {
padding-top:10px;
height:48px;
text-align:center;
}

table#rejestracja {
margin:0 auto;
width:385px;
padding:10px;
}

table#profile {
margin:40px auto;
width:320px;
padding:10px;
}

table#profile td {
width:50%;
}

td#last {
padding-top:10px;
height:48px;
text-align:center;
}

table#jezyki {
margin:20px;
width:300px;
text-align:left;
}

table#jezyki td {
padding:5px;
width:auto;
float:left;
text-align:left;
}

ol li {
line-height:40px;
margin-left:30px;
}

.radio {
border:0;
margin:0 4px;
}

ol p {
padding:0;
}

ol#tests {
list-style:none;
padding:0;
margin:0;
}

.test li {
clear:left;
line-height:1.2em;
list-style:none;
}

fieldset {
border:0;
margin:0 auto;
width:300px;
}

/* linki */

#menu a:link, #menu a:visited, #menu a:active {
color:#000;
font-weight:bold;
text-decoration:none;
}

#menu a:hover {
color:#29176f;
font-weight:bold;
text-decoration:underline;
}

#menu2 a {
display:block;
width:auto;
}

a:link, a:visited, a:active {
color:#000;
font-weight:normal;
text-decoration:underline;
}

a:hover {
color:#29176f;
font-weight:normal;
text-decoration:none;
}

img.gallery {
border-top:3px solid #d7e1eb;
border-right:3px solid #d7e1eb;
border-bottom:3px solid #9fbad6;
border-left:3px solid #9fbad6;
margin:4px;
padding:1px;
}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}
	
/* ---------------- lightbox ------------------- */

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }
a:active, a:focus {-moz-outline: none; outline: none;}

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: hidden;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #536C8E; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 80px; height:19px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	
div.testing{
    margin-left: 100px;
}

div.footer50 p {font-size:8px;text-align:center;}