@import url("reset.css");

strong { font-weight:bold; }
small { font-size:7pt; }
em { font-style:italic; }
p { margin-bottom:6px; }

#container {
   width:960px;
   height:584px;
   background:url(../images/background.gif) no-repeat left top;
   margin:auto;
}

#header {
   height:60px;
   background:url(../images/slogan.gif) no-repeat 390px 30px;
}

#logo {
   margin-top:12px;
   margin-left:16px;
   z-index:9999;
}

#menu {
   width:760px;
   height:66px;
   float:right;
   background:url(../images/menu_background.gif) repeat-x;
}

#zdjecia {
   margin-top:12px;
   margin-left:10px;
}

div.options {
   float:left;
   margin-left:150px;
}

div.options ul {
	list-style-type:none;
}
div.options ul li {
	display:block;
	height:40px;
	float:left;
	margin:20px 1px 0 0;
	padding:0 4px 0 0;
}

a.pageTitle {
   font-family:tahoma;
   font-size:7pt;
   text-transform:uppercase;
   color:#005CA5;
   font-weight:bold;
   text-decoration:none;
   margin-right:6px;
}
a.pageTitle:hover {
   text-decoration:underline;
}

#menu div.r {
   width:10px;
   height:61px;
   float:right;
   background:url(../images/menu_backgroundr.gif) repeat-x;
}

#content {
   width:600px;
   height:300px;
   float:right;
   margin-right:10px;
}
#languages {
   float:right;
   margin:4px 10px 0 0;
}
.contentHeader {
   height:13px;
   background:url(../images/content_header_background.gif) repeat-x;
   margin-top:33px;
}
.contentHeader div.pageTitle {
   background:url(../images/content_header_pt_background.gif) no-repeat;
   position:absolute;
   top:127px;
   width:360px;
   margin-left:26px;
   padding:50px 0 0 58px;
   font-family:tahoma;
   font-size:7pt;
   text-transform:uppercase;
   color:#005CA5;
   font-weight:bold;
}
.contentBody {
   background-color:#E7E8E9;
   height:100%;
   margin-top:2px;
   padding:24px 0 10px 0;
}
.contentBody .body {
   height:210px;
   font-family:arial;
   font-size:8pt;
   line-height:14px;
   text-align:justify;
   color:#646464;
   overflow:auto;
   padding:0 10px;
}
.contentBody .body p, .contentBody ul {
   margin-bottom:10px;
}
.contentBody ul li {
   list-style-type:disc;
   margin-left:28px;
}
.contentBody .bottomLeft {
   width:15px;
   height:18px;
   position:absolute;
   top:408px;
   background:url(../images/content_body_bleft.gif) no-repeat bottom;
}
.contentBody .bottomRight {
   width:15px;
   height:18px;
   position:absolute;
   top:408px;
   margin-left:585px;
   background:url(../images/content_body_bright.gif) no-repeat bottom;
}
.contentTop {
   font-family:arial;
   font-size:8pt;
   line-height:14px;
   text-align:justify;
   color:#646464;
   padding:0 10px 10px 0;
   height:120px;
   overflow:auto;
}
.newsHeader {
   height:12px;
   background:#50BCEB url(../images/content_header.gif) no-repeat;
}

#referencje {
   position:absolute;
   margin-top:310px;
   width:948px;
   text-align:right;
}

#footer1 {
   width:900px;
   height:65px;
   float:right;
   background:url(../images/footer1.gif) repeat-x;
}
#footer1 div.l {
   width:13px;
   height:65px;
   float:left;
   background:url(../images/footer1l.gif) no-repeat;
}
#footer1 div.office {
   float:left;
   font-size:7pt;
   font-family:tahoma;
   width:850px;
   color:#3B93DC;
   padding-top:14px;
   margin-left:20px;
}
#footer1 div.r {
   width:13px;
   height:65px;
   float:right;
   background:url(../images/footer1r.gif) no-repeat;
}

#footer2 {
   margin-top:1px;
   width:900px;
   height:65px;
   float:right;
   background:url(../images/footer2.gif) repeat-x;
}
#footer2 div.l {
   width:10px;
   height:60px;
   float:left;
   background:url(../images/footer2l.gif) no-repeat;
}
#footer2 div.creators .copyrights {
   width:356px;
   height:67px;
   float:left;
   margin-top:8px;
   margin-left:20px;
}
#footer2 div.creators .project {
   float:left;
   margin-top:15px;
   margin-left:360px;
   font-size:7pt;
   font-family:tahoma;
   color:#38A1D1;
   line-height:130%;
}
#footer2 div.creators .fundacja {
   position:absolute;
   text-align:center;
   width:100%;
   left:0;
   font-size:8pt;
   font-family:tahoma;
   color:#005CA5;
}
#footer2 div.creators .fundacja img {margin:10px 0}
#footer2 div.r {
   width:10px;
   height:60px;
   float:right;
   background:url(../images/footer2r.gif) no-repeat;
}

.kontakt { margin-bottom:10px; }
.kontakt table { padding-right:10px; }
.kontakt table th {
   text-align:right;
   vertical-align:top;
   white-space:nowrap;
   padding-right:4px;
}
.kontakt input.text, .kontakt textarea.text {
   font-size:8pt;
   font-family:arial;
   border:1px solid #d0d0d0;
   width:100%;
   background-color:#f0f0f0;
   margin-bottom:2px;
}

table.klienci td {
   text-align:center;
   vertical-align:top;
   padding-bottom:8px;
}

p.error {
   margin:0!important;
   color:red;
}
p.sukces {
   margin:0!important;
   color:green;
}

#zdjecia ul { list-style-type:none; margin:0; padding:0; }
#zdjecia li { float:left; display:inline; margin:0 0 0 3px; padding:0; }
#zdjecia img { height:54px; }

.coll { float:left; width:50%; }
.colr { float:right; width:50%; }
.clear { clear:both; }