/************************************************************************
 Visionbox main style sheet / 2010
************************************************************************/

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

	* { margin: 0; padding: 0; outline: none !important; }
	
	body {
		font-family: "lucida grande", "lucida sans unicode", verdana, "trebuchet ms", sans-serif;
		font-size: 76%; color: #4f504b; text-align: center;
		background-color: #252e32; }

	a { outline: none; } 
	a:link, a:visited { color: #0075a6; }
	a:hover, a:active { color: #000; }

	h1 { font-size: 3.0em; }
	h2 { font-size: 2.0em; }
	h3 { font-size: 1.6em; }
	h4 { font-size: 1.4em; }
	h5 { font-size: 1.2em; }
	h6 { font-size: 1.1em; }
	h2, h3, h4, h5, h6 {
		margin: 1.4em 0 1em 0; text-align: left; font-weight: bold;
		font-family: "lucida grande", calibri, arial, "Trebuchet MS", sans-serif; color: #000; }
	h2 a, h3 a, h4 a, h5 a, h6 a {
		text-decoration: none; }
		
	
	p {
		font-size: 1em; 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-image: url("img/bullet.png"); }
	li { font-size: 1.1em; margin-bottom: .8em; }	
	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: #000; }
	
	img { border: 0; }
	
	input, select, textarea {
		border: 1px solid #777; font-family: lucida sans unicode, lucida grande, verdana, sans-serif;
		font-size: 1em; padding: .3em 0; }
	input:hover, input:focus, select:hover, select:focus,
	textarea:hover, textarea:focus { background-color: #fff7c3; }
	
/***Layout */

	#site {
		width: 100%; min-width: 955px; margin: 0 auto;
		border-top: 10px solid #d4f400; z-index: 100; position: absolute; }
		
	div#header { width: 939px; height: 160px;  position: absolute; top: 18px; left: 7px; z-index: 1000; }
	h1 {
		width: 939px; height: 160px; text-indent: -9000px; margin: 0;
		position: relative; text-align: center; background: url(img/logo-visionbox.png) no-repeat 0 0; }
		
	ul.jcarousel-list { background: url(img/content-bg.png) no-repeat; list-style-image: green !important; }
	
	div#dynContent {
		width: 955px; height: 522px; margin: 80px auto 0 auto;
		background: url(img/site-bg.png) no-repeat; position: relative; }
		
/* sub pages */
	div.content1 {
		width: 499px; height: 409px;
		position: absolute; bottom: 9px; left: 9px; text-indent: -9000px; }
		
	#intro {
		width: 500px; height: 430px; position: absolute; top: 50px; right: -3px; }
	a#wiecejOnas {
		display: block; width: 108px; height: 24px; overflow: hidden; text-decoration: none; text-indent: -9000px;
		background: url(img/wiecejonas.png) no-repeat; position: absolute; z-index: 2001; top: 200px; left: 390px; }
	a#wiecejOnas:hover { background-position: 0 -24px; }
	
	p.zwin { width: 42px; height: 28px; float: right; margin: 0 0 -18px 0; }
	a.slideup {
		width: 19px; height: 19px; display: block; text-decoration: none;
		text-indent: -9000px; background: url(img/x.gif) no-repeat; position: absolute; top: 11px; right: 11px; }
	a.slideup:hover { background-position: 0 -19px; }
	
	.rolloutOnas {
		width: 500px; position: absolute; top: 450px; left: 30px; z-index: 3000; text-indent: 0;
		background: url(img/onas-bg.png) no-repeat; }
	.rolloutOnas p { margin: 25px 20px 0 20px; }
		
	div.content2 {
		width: 900px; height: 436px; background: url(img/auto-oferta.png) no-repeat top right;
		position: absolute; bottom: 35px; left: 40px; }
	
	.content2 .flLeft { float: left; width: 520px; margin-top: 110px; }
	.content2 .flLeft p { font-size: .9em; }
	
	div.content3 {
		width: 855px; height: 440px; background: url(img/stats-bg.png) no-repeat bottom left;
		position: absolute; bottom: 35px; left: 40px; overflow: hidden; }
	.content3 .stats { font-size: .9em; margin: 60px 12px 0 12px; }
	.content3 .indnt { padding-left: 350px; }
	.content3 h2 { margin-top:0; }
	.content3 .bull {
		background: url(img/bullet.png) no-repeat; padding: 0 0 4px 25px; }
	.content3 .flLeft { float: left; width: 400px; }
	.content3 .flRight { float: right; width: 400px; }

		
	p.one, p.two, p.three, p.four { margin-bottom: 0; padding-left: 48px; min-height: 25px; }

	p.one { background: url(img/1.png) no-repeat; }
	p.two { background: url(img/2.png) no-repeat; }
	p.three { background: url(img/3.png) no-repeat; height: 25px; line-height: 25px; }
	p.four { background: url(img/4.png) no-repeat; height: 25px; line-height: 25px; }
	
	#siteBg {
		position: fixed; top: 0; left: 0; margin: 0; overflow: hidden; padding: 0; height: 100%; width: 100%; text-align: center; z-index: 1; }
	#flashContainer {
		height: 100%; overflow: visible; width: 100%; }
		
	div#loadn {
		width: 141px; height: 141px; background: transparent url(img/loading-bg.png) no-repeat; color: #fff !important; font-weight: bold;
		position: absolute; top: 200px; left: 400px; z-index: 2500; }
	#loadn p {
		postion: absolute; width: 141px; height: 141px; text-indent: -9000px; z-index: 2501;
		background: transparent url(img/loading-anim.gif) no-repeat; margin: 0 !important; padding: 0 !important; }
		
	h1 a {
		display: block; width: 366px; height: 219px; 
		text-decoration: none; }
		
	form#vbkontakt { margin: 180px 30px 30px 30px; float: left; display: inline; width: 500px; }
	#vbkontakt label { display: block; width: 180px; float: left; }
	#vbkontakt input { width: 250px; margin-bottom: 10px; float: left; }
	#vbkontakt textarea { width: 250px; height: 120px; float: left; margin-bottom: 10px; }
	#vbkontakt br { clear: left; }
	#vbkontakt .submit { width: 250px; float: left; margin-left: 180px; }
	
	div#add { float: right; width: 300px; margin-top: 180px; }
	
	
	#content {
	 	background: #181d20 url(img/content-bg.gif) repeat-x;
	 	margin: 0 0 0 20px; padding: 28px 15px 15px 15px;
	 	min-width: 510px; border-top: 4px solid #232323; }
	#content p { margin-top: 0; }
	div.nav { width: 438px; height: 40px; position: absolute; top: -9px; left: 465px; z-index: 1100; overflow: hidden; }
	div.nav ul {
		width: 438px; height: 40px; list-style: none; margin: 0; padding: 0;
		width: auto; list-style: none;  display: block; position: relative; }
	.nav ul li { position: absolute; top: 0; margin: 0; padding: 0; list-style: none; }
	.nav ul li a {
		display: block; height: 40px; overflow: hidden; text-indent: -9000px; position: absolute; top: 0;
		background: url(img/nav-top-matrix.png) no-repeat 0 0; text-decoration: none; }
	li#home { left: 0; width: 101px; }
	li#oferta { left: 101px; width: 57px; }
	li#oreklamie { left: 158px; width: 156px; }
	li#galeria { left: 314px; width: 60px; }
	li#kontakt { left: 374px; width: 64px; }
	li#home a { width: 101px; background-position: 0 0; }
	li#home a:hover { background-position: 0 -80px !important; }
	li#home a.current { background-position: 0 -40px !important; }
	#oferta a { width: 57px; background-position: -101px 0; }
	#oferta a:hover { background-position: -101px -80px !important; }
	#oferta a.current { background-position: -101px -40px !important; }
	#oreklamie a { width: 156px; background-position: -158px 0; }
	#oreklamie a:hover { background-position: -158px -80px !important; }
	#oreklamie a.current { background-position: -158px -40px !important; }
	#galeria a { width: 60px; background-position: -314px 0; }
	#galeria a:hover { background-position: -314px -80px !important; }
	#galeria a.current { background-position: -314px -40px !important; }
	#kontakt a { width: 64px; background-position: -374px 0; }
	#kontakt a:hover { background-position: -374px -80px !important; }
	#kontakt a.current { background-position: -374px -40px !important; }


	
	/* blocks */
	div.blockThird {
		width: 29%; float: left; margin: 0 0 2.6em 2.8em; }

	div#footer {
		position: relative; background-color: #000; margin-top: 20px; }
	#footer p { font-size: .9em; text-align: right; color: #58594e; margin-right: 15px; padding: 3px 0; }
	#footer p a { color: #a9cef8; }
	#footer p a:hover { color: #000; }
	#footer img { position: absolute; top: 15px; right: 34px; }
	
	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; }
	#langLinkPl div {
		width: 960px; height: 19px; position: relative; overflow: visible; }
	#langLinkPl p { float: right; font-size:1em;}
	#langLinkPl a {
		display: block; text-decoration: none; height: 19px; width: 60px;
		background: url(img/polski.gif) no-repeat; text-indent: -9000px; }
	#langPt { margin-left: 1px; }
	#langPt a { width: 91px; background-image: url(img/portuguese.gif); }
	#langLink p { margin: 0 auto; padding: 0; width: 960px; height: 19px; position: relative; overflow: visible; }
	#langLink 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; }
	#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 pl { 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: 0 1em 0.5em 0; }
	img.right { float: right; margin: 0 0 1em 0.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; }
	
	.nomargin { margin: 0 !important; }
	
	.large { font-size: 1.4em; }
	.tiny { font-size: .8em !important; }

	/* special box */
		
	p.special { 
		width:40%; float: right; background-color: #f9aa3e; color: #000 !important;
		margin: 0 0 1em 1em; padding: 1em; font-size: 1.3em; font-style: italic; font-family: "Trebuchet MS", san-serif;
		-moz-border-radius: 10px; }

	p.special a { color: #fff !important; }

    div.special2 {
		width:100%; background-color: #002080; color: #fff !important;
		float: right; margin: 0 0 1em 0; padding: 1em 0; font-size: 1.2em;
		-moz-border-radius: 10px;     
    }

	
	div.separator {
		height: 2px; border-top: 1px solid #2478d8; clear: both;
		margin: 0 0 20px 0; }
	
	/* tabele */
	
	table { clear: both; }
	
	table {
		border: 1px solid white; padding: 0; caption-side: bottom;
		empty-cells: show; border-spacing: 0; border-collapse: collapse;
		margin: 30px 0; width: 100%; }
	table tr { vertical-align: top; }
	table th, table td, table caption { border: 1px dotted #757575; 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; background-color: #f4a93d; }
	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; }
	
	
	/*  formatting by AB */
	
	div.abstract-image { float: left; margin: 1em 1em 0 0; }
	div.descr-image { float: left; margin: 1em 1em -0.5em 0; }
	
	/* -- */