@charset "utf-8";

body {
margin: 0; padding: 0; height: 100%; width: 100%;
border: 0;
background-color: #EEE;
font: 12px Arial;
text-align: left; color: #222;
}


img {
border: 0;
}

a {
text-align: right;
color: #656565;
text-decoration: none;
}
a:link a:active a:visited {
text-decoration: none;
}
a:hover {
color: #222;
text-decoration: none;
}


#container {
margin: 0 auto; padding-left: 20px; width: 800px;
background: url(../images/containerBody.png) repeat-y #EEE;
}
#containerPages {
margin: 0 auto; padding-left: 20px; width: 800px;
background: url(../images/containerBodyPages.png) repeat-y #EEE;
}

/* HEADER */

#header {
height: 120px; width: 760px;
background: url(../images/header.png) no-repeat;
}

img.headerLogo {
position: absolute;
float: left;
border: 0;
padding-left: 30px;
}

#header ul {
position: relative;
float: right;
display: block;
margin: 0; padding-top: 5px; padding-right: 30px;
}

#header li {
display: inline;
height: 25px; width: 60px;
margin-left: 5px; padding: 0;
list-style-type: none;
text-decoration: none;
}

/* HEADER searchbox */

#headerSearch {
position: relative;
float: right;
margin: 0; padding-top: 5px; padding-right: 30px;
height: 50px; width: 240px;
}

input.searchtext {
float: right;
height: 15px; width: 120px;
margin-top: 3px; padding-top: 3px; padding-left: 5px;
border: solid 1px #C8C8C8;
background-color: #D5D5D5;
font: 90% Arial; color: #999;
} 

input.searchimage {
float: right;
height: 25px; width: 60px;
margin: 0; padding-left: 10px; padding-left: 5px;
}



/* HEADER flash & pages */

#contentFlash {
height: 210px; width: 760px;
}
#contentHeader {
height: 180px; width: 760px;
background: url(../images/headerPages.png) no-repeat;
}
#contentHeader img {
height: 40px; width: 300px;
margin-top: 60px; margin-left: 460px; padding: 0;
}

#contentBorder {
height: 20px; width: 760px;
background: url(../images/contentBorder.png) no-repeat;
}

/* INDEX structure (PAGES) */

#contentWide, #contentOfirmie, #contentPrzedstawicielstwa, .contentMain {
float: left;
width: 500px;
}

#contentNarrow, #contentAktualnosci, #contentOptima, #contentMenu {
float: left;
width: 260px;
}
#contentOfirmie {
background: url(../images/contentOfirmie.png) repeat-x #ECECEC;
}
#contentPrzedstawicielstwa, #contentMenu {
background: url(../images/contentPrzedstawicielstwa.png) repeat-x #999;
color: #EEE;
}
#contentAktualnosci, .contentMain {
background: url(../images/contentAktualnosci.png) repeat-x #D5D5D5;
}


#contentOfirmie p, #contentPrzedstawicielstwa p{
float: left;
width: 460px;
overflow: hidden;
margin: 0; padding-bottom: 0px; padding-left: 20px;
font: 100% Arial;
} 

#contentOfirmie span {
float: right;
padding-top: 10px; padding-right: 5px; padding-bottom: 10px;
}

#contentPrzedstawicielstwa a {
font: 100% Arial; color: #EEE; text-decoration: underline;
}
#contentPrzedstawicielstwa a:hover {
font: 100% Arial; color: #F1F1F1; text-decoration: none;
}

#contentPrzedstawicielstwa span {
float: right;
margin-top: 10px; margin-right: 5px; margin-bottom: 10px;
}


#contentWide img, #contentNarrow img {
float: left;
margin-right: 10px;
}

/* INDEX flash slideshow */

#contentOptima {
padding-top: 29px;
}

/* INDEX aktualnosci box */

.aktualnosciBox {
float: left;
margin: 0; padding-top: 10px; padding-left: 40px; padding-right: 0px;
}

.aktualnosciBox p, span.aktualnosciTitle, span.aktualnosciDate {
float: left;
margin: 0; padding: 0;
font: 90% Arial; color: #656565;
}

span.aktualnosciTitle, span.aktualnosciDate {
width: 200px;
}
span.aktualnosciDate {
font-weight: 800;
}
span.aktualnosciWiecej {
float: right;
margin: 0; padding-top: 0px; padding-left: 0px; padding-right: 10px;
}


/* PAGES menu */

#contentMenu ul {
position: relative;
display: block;
margin: 0; padding-top: 0px; padding-bottom: 20px; padding-left: 30px; padding-right: 0px;
}

#contentMenu li {
width: 200px; height: 20px;
margin: 0; padding-top: 0px; padding-bottom: 4px; padding-left: 0px; padding-right: 0px;
list-style-type: none;
text-decoration: none;
}


/* PAGES Aktualnosci & other  */

.contentMain {
padding-bottom: 20px;
}

/* .contentMain p {
padding-top: 10px; padding-left: 20px;
color: #757575;
}
.contentMain h1 {
float: left;
width: 420px;
margin: 0; padding-top: 0px; padding-bottom: 0px; padding-left: 20px;
font: 110% Arial; color: #656565;
font-weight: 800;
} */

.contentMain span {
float: right;
margin: 0; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 10px;
}

.aktualnosciPages {
float: left;
width: 430px;
margin: 0; padding-top: 0px; padding-bottom: 5px; padding-left: 40px; padding-right: 0px;
color: #656565;
}

/* .aktualnosciPages img {
float: left;
margin-right: 10px; margin-bottom: 10px; padding: 0px;
border: solid 1px #656565;
} */

.aktualnosciPages h1, .aktualnosciPages h2 {
float: left;
width: 420px;
margin: 0; padding-top: 0px; padding-bottom: 8px;
font: 110% Arial;
font-weight: 800;
}
.aktualnosciPages h3 {
float: left;
width: 400px;
margin: 0; padding-top: 0px; padding-bottom: 8px;
font: 140% Arial;
font-weight: 800;
}

.aktualnosciPages p {
float: left;
width: 430px;
margin: 0; padding: 0;
}
.aktualnosciPages hr {
float: left;
width: 430px;
border: solid 1px #CCC; color: #CCC;
}

.aktualnosciPages a {
font: 90% Arial;
text-decoration: underline;
}
.aktualnosciPages a:hover {
font: 90% Arial; 
text-decoration: none;
}

span.aktualnosciSzczegoly {
float: right;
margin: 0; padding-top: 5px;
}

span.aktualnosciPagesDate {
margin: 0; padding: 0;
font: 100% Arial;
}

span.aktualnosciPagesTitle, span.aktualnosciPagesDate {
float: left;
width: 400px;
font-weight: 800;
}
span.aktualnosciPagesTitle {
padding-bottom: 5px;
font: 110% Arial;
font-weight: 800;
}

.aktualnosciListBox {
float: left;
margin: 0; padding-top: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px;
}

span.aktualnosciListTitle, span.aktualnosciListDate {
float: left;
width: 400px;
font: 90% Arial;
}

/* MULTITHUMB */
img.multithumb {
float: left;
margin-top: 0px; margin-bottom: 10px; margin-left: 0px; margin-right: 10px;
padding: 3px;
border: solid 1px #bababa;
} 

/* LIGHTBOX */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#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-image: url(data:image/gif;base64,AAAA); /* 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; }

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

#imageData{	padding:0 10px; color: #666; }
#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: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }



.clearfix {
clear: both;
}


/* FOOTER */

#footer {
margin: 0 auto; padding-left: 20px;
height: 100px; width: 800px;
background: url(../images/footer.png) no-repeat #EEE;
}
#footer img {
float: left;
margin: 0; padding-top: 15px; padding-left: 20px;
}

#footer ul {
position: relative;
display: block;
margin: 0; padding: 0;
}

#footer li {
display: inline;
padding-right: 3px; padding-left:0px;
list-style-type: none;
text-decoration: none;
}

span.footerLink {
float: left;
width: 760px;
margin: 0; padding-top: 20px; padding-left: 10px;
font: 11px Arial; color: #999;
}
span.footerLink a {
font: 11px Arial;color: #999;
}
span.footerLink a:hover {
font: 11px Arial; color: #666; text-decoration: none;
}

span.footerCopyright {
float: left;
margin: 0; padding-top: 10px; padding-bottom: 20px; padding-left: 10px;
font: 11px Arial; color: #999;
}
span.footerCopyright a {
font: 11px Arial; color: #999;
}
span.footerCopyright a:hover {
font: 11px Arial; color: #666; text-decoration: none;
}

/* HOVER */

#screenshot{
position:absolute;
border:1px solid #ccc;
background: #ccc;
padding: 5px;
display: none;
font: 100% Tahoma;

}