/* (c) 2004-2006 Gemme. Wszelkie prawa zastrzeżone. */
/* (c) 2004-2006 Gemme. All rights reserved. */


code { font: 1.1em 'Courier New', Courier, Fixed; }
acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em;	}
img { border: 0 }
a { text-decoration: none; }
br { clear: both; }


/* Page --------------------------------------------------------------- */

html {}
	
body { margin: 0; padding: 0; text-align: center;
	   color: black; font-size: 13px; font-family: Verdana, sans-serif;
	   width: 100%;	height: 100%; background: #f1faff url('images/bg.gif') repeat-y top center; }



/* Header --------------------------------------------------------------- */

#header {  height: 156px; background: url('images/topbg3.gif'); width: 100%; text-align: center; }
#header1 { height: 156px; background: url('images/top4.jpg') no-repeat top center; width: 100%; text-align: center; }
#headerdiv { position: relative; width: 770px; margin: 0 auto; text-align: left; }

a#lang { position: absolute; right: 0; top: 0; height: 25px; line-height: 25px;
		 color: #9accfc; font-size: 11px; }
a#lang:hover { color: white; }

a#logo { position: relative; display: block; width: 233px; height: 156px; background: url('images/logo3.gif') no-repeat 0 12px; }
a#logo span { position: absolute; top: 67px; right: 44px; color: #4DA1F1; font-size: 10px; text-indent: 0; }
a#logo:hover span { color: #0813b8; }

img#slogan { position: absolute; left: 304px; top: 47px; }

ul#menu { position: absolute; left: 248px; top: 110px; height: 46px; list-style: none; margin: 0 ; padding: 0; }
ul#menu li { display: block; float: left; height: 46px; }
ul#menu li a { display: block; padding: 9px 12px 0 11px; font: bold 13px Verdana; line-height: 36px; color: white; }
ul#menu li a.aktualna { background: url('images/menu-hover-subpage-2.gif') no-repeat center 9px; color: #033155; }
ul#menu li a:hover { background: url('images/menu-hover-subpage-2.gif') no-repeat center 9px; color: #033155; }



/* Main area --------------------------------------------------------------- */

#page { margin: 0 auto; width: 770px; text-align: left; background: white url('images/left.gif') repeat-y; }



/* Sidebar --------------------------------------------------------------- */

#sidebar { float: left; width: 233px; margin: 16px 0; }
#sidebar #bg { display: block; background: url('images/sidebarbg.gif') repeat-y; }
#sidebar h1 { height: 18px; margin: 0; padding: 18px 0 0 45px; background: url('images/sidebartop.gif') no-repeat;
			  width: 233px !important;
			  width: 188px;
			  width/**/:/**/188px;
			  }
#sidebar h1 span { font: bold 12px Verdana; color: #b70241; padding-bottom: 1px; border-bottom: 1px solid #b70241; }
#sidebar h1 span a { color: #b70241; }
#sidebar ul { list-style: none; margin: 12px 0 0 0; padding: 0; }
#sidebar ul li { margin: 0; padding: 0; width: 233px; }
#sidebar ul li a { display: block; margin: 0; padding: 4px 0 4px 45px; color: #b70241; }
#sidebar ul li a:hover { color: #3196f7; }
#sidebar ul li.current_page_item a { color: #3196f7; font-weight: bold; }
html>body #sidebar-bottom { /* not for IE */ background: url('images/sidebarbottom.png'); }

ul#ostatnie_projekty { display: block; padding-left: 45px; height: 158px; background: url('images/sidebarbg.gif') repeat-y;
					   width: 233px !important;
					   width: 188px;
					   width/**/:/**/188px; }
ul#ostatnie_projekty li { float: left; width: 65px; height: 65px; margin: 7px 14px 7px 0; }
ul#ostatnie_projekty li a { display: block; padding: 0; width: 63px; height: 63px; border: 1px solid #ffb539; }
ul#ostatnie_projekty li a:hover { border-color: #b70241; }



/* Content --------------------------------------------------------------- */

#content { float: right; display: inline; padding: 28px 40px 28px 0; margin-right: 32px;
		   line-height: 1.7em; width: 438px; overflow: hidden; }
div.page_post h2,
#content h1 { margin: 0 0 12px 0; padding: 0 0 5px 17px; border-bottom: 1px solid #8dbde4;
			  background: url('images/h1.gif') no-repeat 0 5px; color: #1d7ccb; font: bold 14px Verdana;
			  width: 460px !important;
			  width: 420px;
			  width/**/:/**/420px; }
#content p { margin: 0 0 1em 17px; }
#content a { color: #cd1041; border-bottom: 1px solid #EEC4CF; /* #D792A4 */ }
#content a:hover { border-bottom: 1px solid #cd1041; }
#content ul { list-style: none; margin: 0 0 1em 37px; padding: 0; }
#content ul li { margin: 0; padding: 0 0 0 13px; background: url('images/bullet.gif') no-repeat 0 10px; }
#content ul ul { margin-bottom: 0; }

#content p.info { background: #dff0ff; padding: 3px 9px; }

#content div.post { margin-top: 19px; }
#content span.news_date { float: left; margin-left: 17px; color: #1d7ccb;
						  padding-bottom: 0; border-bottom: 7px solid #1d7ccb; }
#content div.post div.entry { padding-left: 53px; color: #434343; }
#content p#after_news { float: right; }
#content p#after_news a { border: 0; font-size: 10px; }
#content p#after_news a:hover { text-decoration: underline; }



/* Footer --------------------------------------------------------------- */

#footer { position: relative; padding: 0; margin: 0; width: 770px; height: 80px; clear: both; }
a#contact { display: block; width: 233px; height: 40px;
			background: #dff0ff url('images/contacttop.gif') repeat-x;
			color: #1f82d2; font-weight: bold; }
a#contact span { display: block; line-height: 38px; padding-left: 45px;
				 background: url('images/contactbg.gif') no-repeat 17px 13px; }
a#contact:hover span { color: #0B4879; text-decoration: underline; }
p#info { margin: 0; padding: 0; width: 770px; height: 40px; line-height: 40px;
		 background: url('images/footerbg.gif') repeat-x; color: #80c8ff; font-size: 10px;}
p#info a { color: #80c8ff; text-decoration: underline; }
p#info a:hover { color: white; }
p#info span { float: left; display: block; width: 45px; height: 40px; background: url('images/footerleft.gif') no-repeat; }
p#info a#sitemap { position: absolute; right: 0; top: 40px; display: block; height: 40px; padding-right: 45px;
				   background: url('images/footerright.gif') no-repeat right top; }



/* Forms --------------------------------------------------------------- */

#fKontakt { margin: 0 0 0 17px; padding: 0; }
#fKontakt fieldset { border: none; margin: 0; padding: 0; }
#fKontakt textarea { width: 400px; margin-bottom: 0.3em; }
#fKontakt label { float: left; width: 130px; display: block; }
#fKontakt input { float: left; width: 270px; margin-bottom: 0.3em; }
#fKontakt input.button { float: none; width: 100px; margin: 1em 150px 0 150px; }
#fKontakt br { clear: none; }
#fKontakt #sending { width: 402px; display: block; height: 26px; line-height: 25px;
					 background: #dff0ff; color: #1f82d2; text-align: center; }
#fKontakt #sending img { vertical-align: top; margin-top: 5px; }