/************************************************************************
 bluAir.pl main style sheet / dj 2007
************************************************************************/

/************************************************************************
Basics & Txt */

	* { margin: 0; padding: 0; }
	
	body {
		font-family: "lucida grande", "lucida sans unicode", verdana, "trebuchet ms", sans-serif;
		font-size: 76%; color: #fff; text-align: center;
		background: #1967c0 url(img/body-bg.gif) repeat-x; }

	a { outline: none; } 
	a:link, a:visited { color: #d3ff4c; }
	a:hover, a:active { color: #ffcb81; }

	h1 { font-size: 3.0em; }
	h2 { font-size: 2.0em; }
	h3 { font-size: 1.8em; }
	h4 { font-size: 1.6em; }
	h5 { font-size: 1.4em; }
	h6 { font-size: 1.2em; }
	h2, h3, h4, h5, h6 {
		margin: 1.2em 0 0.6em 0; text-align: left; font-weight: normal; text-shadow: #042e63 2px 2px 3px;
		font-family: "lucida grande", calibri, arial, "Trebuchet MS", sans-serif; color: #d3ff4c; }
	h2 a, h3 a, h4 a, h5 a, h6 a {
		text-decoration: none; }
		
	
	p {
		font-size: 1.0em; line-height: 1.4em;
		margin: 1em 0; }

	ol, ul {
	   font-size: 1.0em; line-height: 1.4em;
	   margin: 0 0 1em 2em; }
	ul li { list-style: square; }
	li { font-size: 1em; }	
	li *, li p { font-size: 1em; }

   pre, code {
		font-family: monospace;
		font-size: 1.1em; }
		
	p, ol, ul, li, dl, dt, dd, pre, code, blockquote, td, th {
		text-align: left; }
		
	abbr, acronym {
		cursor: help; border: none; background-color: #FFF9C5; padding: 1px; }
		
	strong { font-weight: bold; color: #a9d1ff; text-shadow: #022451 2px 2px 3px; }
	
	img { border: 0; }
	
	input, select, textarea {
		border: 3px solid #0e498d; font-family: lucida sans unicode, lucida grande, verdana, sans-serif;
		height: 1.6em; font-size: 1em; padding: .3em; }
	input:hover, input:focus, select:hover, select:focus,
	textarea:hover, textarea:focus { background-color: #fff7c3; }
	
/************************************************************************
Layout */

	#site {
		width: 960px; margin: 0 auto; position: relative; }
	h1 {
		height: 120px; margin: 0; padding: 0; width: 100%; text-indent: -9000px;
		position: relative; text-align: center; background: url(img/hdr.gif) no-repeat 0 30px; }
		
	h1 a {
		display: block; width: 960px; height: 127px; margin: 0 auto;
		text-decoration: none; }
	h1.en a { background-image: url(img/hdr-en.gif); } 
	
	#content {
		position: relative; margin: 0;
		background: url(img/content-bg.gif) no-repeat; padding: 15px 30px 20px 30px; }
	
	ul#navigation {
		width: 960px; overflow: hidden; height: 34px; padding: 0; margin: 0; list-style: none; }
	#navigation li {
		padding: 0; margin: 0; list-style: none; float: left; }
	#navigation li a {
		float: left; background: url(img/topmenu.gif) no-repeat; text-decoration: none; display: block;
		height: 34px; text-indent: -9000px; }

	li#navProducts a { background-position: 0 0; width: 124px; }
	li#navNews a { background-position: -124px 0; width: 185px; }
	li#navHow a { background-position: -309px 0; width: 145px; }
	li#navWhere a { background-position: -454px 0; width: 165px; }
	li#navWhy a { background-position: -619px 0; width: 146px; }
	li#navContact a { background-position: -765px 0; width: 195px; }
	
	li#navProducts a:hover { background-position: 0 -34px; width: 124px; }
	li#navNews a:hover { background-position: -124px -34px; width: 185px; }
	li#navHow a:hover { background-position: -309px -34px; width: 145px; }
	li#navWhere a:hover { background-position: -454px -34px; width: 165px; }
	li#navWhy a:hover { background-position: -619px -34px; width: 146px; }
	li#navContact a:hover { background-position: -765px -34px; width: 195px; }
	
	li#navProducts a.current { background-position: 0 -68px; width: 124px; }
	li#navNews a.current { background-position: -124px -68px; width: 185px; }
	li#navHow a.current { background-position: -309px -68px; width: 145px; }
	li#navWhere a.current { background-position: -454px -68px; width: 165px; }
	li#navWhy a.current { background-position: -619px -68px; width: 146px; }
	li#navContact a.current { background-position: -765px -68px; width: 195px; }

	div#footer {
		clear: both; padding: 20px 0; border-top: 1px solid #2b84e9; }
	#footer p { color: #a9cef8; font-size: .9em; text-align: center; }
	#footer p a { color: #a9cef8; }
	#footer p a:hover { color: #000; }
	
	p#jumpToMenu { display: none; }
	
	.prezLink {
		display: block; width: 240px; height: 50px;
		overflow: hidden; margin: 0; border: 0; 
		background: url(img/t.gif); position: absolute; bottom: 42px; left: 35px; }
	
	/* prezentacja overlay */
	#prezOverlay {
		position: fixed; z-index: 3000; top: 0; left: 0;
		height: 100%; width: 100%; background: url(img/prez-overlay-bg.png); }

	#prezentacja {
		text-align: center; margin-top: 50px; z-index: 3600; }
	#loading {
		width: 98px; height: 107px; position: absolute; top: 0; left: -140px;
		background: url(img/loading-bg.gif) no-repeat; display: none; }
	#loading p {
		text-indent: -9000px; width: 98px; height: 107px;
		margin: 0 !important; padding: 0; overflow: hidden;
		background: url(img/loading.gif) no-repeat 14px 13px; }
	a#closePrez {
		display: block; z-index: 4000; width: 100%;
		text-align: center; text-decoration: none;
		background-color: #143341; position: fixed; top: 0; left: 0;
		line-height: 4em; color: #fff; }
	#closePrez:hover { background-color: #0096da; }
	
	div#langLink, div#langLinkPl {
		height: 19px; margin: 0; padding: 0;
		z-index: 100; position: absolute; top: 0; right: 0; }
	#langLink p, #langLinkPl p { margin: 0 auto; padding: 0; width: 960px; height: 19px; position: relative; overflow: visible; }
	#langLink a, #langLinkPl a {
		display: block; text-decoration: none; height: 19px; width: 60px; position: absolute; top: 12px; right: 0;
		background: url(img/english.gif) no-repeat; text-indent: -9000px; }
	#langLinkPl a { background-image: url(img/polski.gif); }
	#langLink a:hover, #langLinkPl a:hover { background-position: 0 -19px; }
	
	/* linki do glownej w sub / clumsy */
	#linkHome { width: 100%; height: 90px; position: absolute; top: 12px; }
	#linkHome p { position: relative; width: 900px; height: 80px; margin: 0 auto; padding: 0; }
	#linkHome p a {
		text-decoration: none; display: block; text-indent: -9000px;
		width: 280px; height: 80px; background: url(img/t.gif); }
	
	
	
	/* event list - index & sub */

	.event {
		margin: 0 0 15px 0; padding: 0; border-bottom: 1px solid #05458f;
		line-height: 1.5em; text-align: left; clear: left; }
	.event p { font-size: 1em; line-height: 1.5em; margin: .5em 0; }
	.event p.date { margin-bottom: -14px; }
	.event a.title { text-decoration: none; line-height: 1.5em; }
	.event a:hover { background-color: #05458f; }

	.event:after {
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}

	.date { padding-bottom: 10px; }

	a.more {
		float: right; width: 43px; height: 15px; text-decoration: none; overflow: hidden;
		text-indent: -9000px; background: url(img/wiecej.png) no-repeat; clear: left; }
	a.more:hover { background-position: 0 -15px; background-color: none !important; }
	.eventsEN a.more { background-image: url(img/more.png) !important; }
	
/************************************************************************
Common */
	
	img.left { float: left; margin: 1.5em 1.5em 1.5em 0; }
	img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
	img.center { margin: 10px; margin: 0 auto; }
	
	img.leftBare { float: left; margin: 0 15px 0 0; }
		
	.center { text-align: center; }
	
	.cleared:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

	.cleared { display: inline-block; }
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.cleared {display: block;}
	/* End hide from IE-mac */

	.clear { clear: both; }
	
	.error { color: #C83D00; }

	/* special box */
		
	p.special { 
		width: 200px; background-color: #0096ff; color: #fff !important;
		float: right; margin: 2em 0 2em 2em; padding: 1em; font-size: 1.3em;
		-moz-border-radius: 10px; }

	p.special a { color: #fff !important; }
	
	div.separator {
		height: 2px; border-top: 1px solid #2478d8; clear: both;
		margin: 0 0 20px 0; }
	
	/* tabele */
	
	table { clear: both; width: 99%; }
	
	table {
		border: 2px solid #114d92; padding: 0; caption-side: bottom;
		empty-cells: show; border-spacing: 0; border-collapse: collapse;
		margin-bottom: 15px; background-color: #1254a0; }
	table tr { vertical-align: top; }
	table th, table td, table caption { border: 1px dotted #65c3ff; padding: 0.5em; }
	table th { text-align: left; }
	
	table td p, table th p,
	table td a, table th a { text-align: left; }
	table th { font-weight: bold; }
	table .special {
		background-color: #eff8fc;
		font-size: 1.2em; font-weight: bold; }
	table caption {
		text-align: center; padding: 0 0 5px 0; border: 0; caption-side: top;
		margin-bottom: 10px; color: #3fd9ff; font-size: 1.5em; }		
	table img { vertical-align: middle; padding: 0.5em; }
	
	table td { text-align: left; }
	
	
	/* news formatting (by AB) */
	
	div.abstract-image { float: left; margin: 1em 1em 0 0; }
	div.descr-image { float: left; margin: 1em 1em -0.5em 0; }
	
	/* -- */