/* -------------------------------------------
project:  Jack-Bud
date:    2008/10/02
------------------------------------------- */

/* Reset
------------------------------------------- */
* {margin: 0; padding: 0; color: #555; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.3em;}
a, span, strong {font-size: 1em;}
span {color: inherit;}
a, a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
img {border: none;}
html {height: 100.01%;}
fieldset {border: none;}
legend {display: none;}
p, ul, ol {margin: 1em 0 1em 0;}
li {list-style: none; margin: 1em 0 1em 0; padding-left: 20px; background: url(../images/bullet.gif) left 5px no-repeat;}
h1 {margin-bottom: 20px; color: #065B92; font-weight: bold; font-size: 2em; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase;}
h2 {margin: 20px 0 10px 0; color: #0B5687; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 1.7em; text-transform: uppercase;}
h3 {color: #888; font-size: 1.3em; font-weight: bold; }
h4 {margin-top: 40px;}

/* layout
------------------------------------------- */
body {background: #fff url(../images/back.png) left top repeat-x;}
#header {position: relative; width: 950px; height: 128px; margin: 0 auto;}
	#header h1 {margin: 0;}
	#logo {position: absolute; overflow: hidden; top: 0; left: 0; width: 198px; height: 109px; background: url(../images/logo.png) no-repeat; text-indent: -10001px;}
	.njb {position: absolute; left: 180px; top: 30px;}
	#header p {position: absolute; right: 0; top: 22px; width: 237px; height: 25px; background: url(../images/tools-back.png) no-repeat; color: #E0E0E0; line-height: 25px; text-align: center;}
		#header p a, #header p a:visited {padding: 0 3px 0 3px; color: #6A93A8;}
		#header p a:hover {color: #000;}
#root {width: 920px; margin: 0 auto; padding: 15px; background: #fff;}
	#mainmenu {position: relative; height: 36px; margin: 0; padding: 0; background: url(../images/mainmenu-back.png) repeat-x;}
		#mainmenu li {float: left; list-style: none; margin: 0; padding: 0;  background: url(../images/mainmenu-border.png) right no-repeat;}
			#mainmenu li a, #mainmenu li a:visited {display: block; float: left; height: 36px; margin-right: 1px; padding: 0 15px 0 15px; color: #fff; font-size: 1.3em; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; line-height: 36px; text-transform: uppercase;}
			#mainmenu li a:hover {height: 33px; border-bottom: 3px solid #046B9C; color: #000; line-height: 33px; text-decoration: none;}
			#mainmenu li.corner {position: absolute; right: 0; bottom: 0; float: none; width: 7px; height: 7px; background: url(../images/corner.gif) no-repeat;}
			#mainmenu li#sitemap {float: right; margin-right: 25px; background: none;}
			#mainmenu li#sitemap a, #mainmenu li#sitemap a:visited {float: right; height: 33px; margin-right: 0; padding-right: 20px; background: url(../images/sitemap.gif) right center no-repeat; line-height: 33px;}
	#breadcrumb {color: #aaa;}
		#breadcrumb span {color: #666;}
		#breadcrumb a, #breadcrumb a:visited {color: #888; text-decoration: none;}
		#breadcrumb a:hover {color: #000; text-decoration: underline;}
	#banner {position: relative; width: 920px; height: 222px; margin-bottom: 20px; background: url(../images/banner.jpg) no-repeat;}
		#banner h2 {display: none;}
		#banner p {position: absolute; left: 410px; top: 100px; width: 400px; margin: 0; padding-left: 20px; border-left: 1px solid #35B0CD; color: #CCE6EF;}
	#footer {height: 30px; padding-top: 5px; border-top: 1px solid #EAEAEA;}
		#footer p {float: left; margin-right: 25px; color: #666;}
		#footer a, #footer a:visited {color: #074B6E; text-decoration: none;}
		#footer a:hover {text-decoration: underline;}
	#main {float: right; width: 665px; margin-top: 20px;}
	#side-menu {float: left; width: 230px; margin-top: 20px;}
		#side-menu li {list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #fff;}
			#side-menu a, #side-menu a:visited {display: block; padding: 5px 15px; background: #33BEFF; color: #fff; font-weight: bold; line-height: 1.5em; text-transform: uppercase; text-decoration: none;}
			#side-menu a:hover, #side-menu a.current, #side-menu a.current:visited {background: #333;}
			
/* repetitive stuff 
------------------------------------------- */
.clear {overflow: hidden; clear: both; height: 0;}
.secret {display: none;}
.date {color: #aaa; font-size: 0.9em;}

.ok {padding: 5px; border: 1px solid #00AEFF; background: #eef9fd; color: #00AEFF;}
.error {padding: 5px; border: 1px solid #c00; background: #fcc; color: #c00;}

.corner {position: absolute; right: 0; bottom: 0; width: 7px; height: 7px; background: url(../images/corner.gif) no-repeat;}
.pagination {color: #888;}
	.pagination strong {color: #888;}
	.pagination a, .pagination a:visited {color: #aaa; text-decoration: none;}
	.pagination a:hover {color: #00AEFF;}
	
.news li {margin-left: 0;}
	.news li h3 {margin: 0; font-family: Arial, Helvetica, sans-serif; line-height: 1em;}
		.news li h3 a, .news li h3 a:visited {color: #065B92;}
	.news li .news-date {margin-top: 0; color: #888;}
.news-pics li {float: left; list-style: none; margin: 5px; padding: 0; background: none;}
	.news-pics li a img, .news-pics li a:visited img {padding: 2px; border: 2px solid #aaa;}
	.news-pics li a:hover img  {border-color: #00AEFF; background: #ccc;}
	
#works-top li {list-style: none; float: left; width: 215px; height: 160px; margin: 0 5px 10px 0; padding: 0; background: none;}
	#works-top li p {margin-left: 10px; margin-right: 10px;}
		#works-top li p a, #works-top li p a:visited {color: #065B92; font-weight: bold;}
		a.work-pic, a.work-pic:visited {display: block; overflow: hidden; height: 90px; background: #eee; text-align: center;}
		a.work-pic:hover {background: #ccc; text-decoration: none;}

div.vcard {float: left; width: 290px; margin-bottom: 20px; }
	.vcard h3 {color: #065B92;}

form {margin-top: 20px;}
	input, textarea, select {width: 274px; margin: 2px 0 10px 0; padding: 2px; border: 1px solid #aaa;}
	input:focus, textarea:focus, select:focus {border-color: #666; background: #eef9fd;}
	select option {padding: 2px 5px 2px 5px;}
	label {display: block; clear: left;}
	form p {margin-top: 5px; text-align: center;}
	button {width: 62px; height: 17px; border: none; background: url(../images/button.png) no-repeat; color: #0B5687; font-size: 0.9em; line-height: 17px; text-decoration: none; text-transform: uppercase; text-align: center;}
	button:hover, button:focus {color: #00AEFF;}

/* special layers
------------------------------------------- */
#main-kontakt {float: right; width: 585px;}
.main-lhalf {float: left; width: 280px;}
.main-rhalf {float: right; width: 280px;}
#map {float: left; overflow: hidden; width: 300px; height: 600px; margin: 0 0 20px 0; border: 2px solid #aaa;}

.oferta {float: left; width: 297px; height: 380px; margin: 0 13px 15px 0; background: #00AEFF url(../images/corner.gif) right bottom no-repeat;}
.oferta.first {background-color: #00C1DC;}
.oferta.last {margin-right: 0;}
	.oferta h2 {margin: 5px 20px 7px 20px; color: #fff; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 1.7em; text-transform: uppercase;}
	.oferta p {margin: 7px 20px 0 20px; color: #fff;}	
	.oferta img {border-bottom: 4px solid #009BEA;}
	.oferta.first img {border-bottom: 4px solid #00A9D1;}

.zajawka {float: left; width: 297px; margin-bottom: 20px;}
.zajawka.mid {margin: 0 8px 0 8px; padding: 0 4px 0 4px; border-left: 1px solid #EAEAEA; border-right: 1px solid #EAEAEA;}
	.zajawka h2 {margin: 0 20px 10px 20px;}
	.zajawka p {margin: 10px 20px 0 20px; color: #555;}	
	a.more, a.more:visited {display: block; width: 62px; height: 17px; background: url(../images/button.png) no-repeat; color: #0B5687; font-size: 0.9em; line-height: 17px; text-decoration: none; text-transform: uppercase; text-align: center;}
	a.more:hover {color: #00AEFF;}