/*
** reset
*/
html,body,h1,h2,h3,h4,h5,h6,div,span,blockquote,p,address,form,fieldset,img,ul,ol,dl,dt,dd,li,hr,strong,em,sup,sub,dfn,ins,del,q,cite,var,samp,code,kbd,tt,a {margin:0px;padding:0px;border:none;outline:none;text-decoration:none}
/*
** global
*/
h3 {margin:.2em 1.5em;font-weight:bold;font-size:1em}
em {padding:0 .2em}
p {text-align:justify;padding-bottom:1em;line-height:1.8em}
ul {text-align:justify;padding:0 0 .5em 2em;line-height:1.8em}
q,.know {display:block;width:80%;margin:1em auto 1.5em auto;text-align:right;font-style:italic}
q+cite {display:block;margin:-1.8em 13% 1.5em 0;font-style:normal;text-align:right;color:#ccc}
/*
** elements&layout
*/
body {min-width:1131px;font-size:.6667em;font-family:Tahoma;background:#c1c1c1 url(images/bkg-grad-0.png) center 360px no-repeat}

.bkg-tl {background:#fff url(images/bkg-1.jpg) top left no-repeat}
.bkg-tr {background:transparent url(images/bkg-2.jpg) top right no-repeat}

#preloader {position:fixed;top:0px;left:0px;width:100%;height:100%;background:#efefef}
	#preloader .wrap {background:url(images/preloader-title.png) no-repeat right 30px;width:389px;margin:-19px auto 0 auto;top:50%;position:relative}
		#percent {display:block;background:url(images/preloader.png);width:69px;line-height:39px;text-align:center;color:#f9f9f9;font-size:.9em}
		#bar {position:absolute;top:13px;left:69px;width:318px;height:10px;border:solid 1px #d5d5d5}
		#bar div {margin:3px;height:4px;background:#d5d5d5;width:0px}

#header {background:transparent url(images/bkg-camera-up.png) repeat-x}
	#header .camera {background:transparent url(images/bkg-camera.png) 60px top no-repeat;padding-top:4px}

#flags {height:25px;background:transparent url(images/flag-menu.png) top right no-repeat;padding:0 5px 0 0;text-align:right}
	#flags a {background-repeat:no-repeat;margin:2px;display:inline-block}
		#en {background-image:url(images/flag-en-m.png)}
		#pl {background-image:url(images/flag-pl-m.png)}

#menu {background:transparent url(images/logo-pl.png) 180px 23px no-repeat;padding:13px 0 1px 347px;height:67px;overflow:visible}
	#menu div {height:67px;width:128px;margin-left:15px;overflow:hidden;position:relative;float:right;background-repeat:no-repeat}
	#menu div:hover {height:150px;margin-bottom:-83px}
		#menu a,#menu img {display:block;position:absolute}
		#about {background-image:url(images/menu-pl-1.png)}
		#tv {background-image:url(images/menu-pl-2.png)}
		#live {background-image:url(images/menu-pl-3.png)}
		#virtual {background-image:url(images/menu-pl-4.png)}
	#menu a {position:relative;margin:67px 0 -67px 20px;text-indent:15px}
	#menu a,h1 {background:transparent url(images/text-deco-0.gif) .3em .7em no-repeat;color:#949494;font-size:1em;font-weight:normal;text-indent:20px;text-transform:uppercase;line-height:2em}
		#about a {background-image:url(images/text-deco-1.gif)}
		#tv a {background-image:url(images/text-deco-2.gif)}
		#live a {background-image:url(images/text-deco-3.gif)}
		#virtual a {background-image:url(images/text-deco-4.gif)}

#flags,#menu {margin-right:5%}

#motto {position:absolute;display:block;top:82px;left:180px;height:11px;width:181px;background:transparent url(images/motto-pl.png) no-repeat}
	.about #motto {background-position:0px -11px}
	.tv #motto {background-position:0px -22px}
	.live #motto {background-position:0px -33px}
	.virtual #motto {background-position:0px -44px}
	
#polygons {position:absolute;top:80px;left:0px}
	#polygons div {position:absolute;width:320px;height:280px;padding-top:1px;background:transparent url(images/polygon.png) center center no-repeat}
	#polygons div img {position:absolute}

#foreword {height:175px;margin:75px 5% 0 400px;color:#949494}
	.tv #foreword,.live #foreword,.virtual #foreword {margin-top:55px;height:195px}
	
#tabs {height:15px;margin:-15px 5% 0 400px;overflow:hidden}
	#tabs a {display:block;float:left;margin:0 .25em;background-position:0px -15px}
	#tabs span {display:block;height:15px}
		#tabs.stories * {background-image:url(images/tab-pl-stories.png)}
		#tabs.media * {background-image:url(images/tab-pl-media.png)}
		#tabs.games * {background-image:url(images/tab-pl-games.png)}
		#tabs.movies * {background-image:url(images/tab-pl-movies.png)}
		#tabs.cabaret * {background-image:url(images/tab-pl-cabaret.png)}
		#tabs.theater * {background-image:url(images/tab-pl-theater.png)}
		#tabs.commercials * {background-image:url(images/tab-pl-commercials.png)}
		#tabs.stories.en * {background-image:url(images/tab-en-stories.png)}
		#tabs.media.en * {background-image:url(images/tab-en-media.png)}
		#tabs.games.en * {background-image:url(images/tab-en-games.png)}
		#tabs.movies.en * {background-image:url(images/tab-en-movies.png)}
		#tabs.cabaret.en * {background-image:url(images/tab-en-cabaret.png)}
		#tabs.theater.en * {background-image:url(images/tab-en-theater.png)}
		#tabs.commercials.en * {background-image:url(images/tab-en-commercials.png)}

#content {position:absolute;top:375px;left:390px;right:2%;bottom:10px;width:auto;height:auto;min-width:730px;min-height:285px;overflow:auto}
	#wrapper {margin:1em 30px 1.5em 1em}

#scr {position:absolute;top:0px;left:97%;width:22px;height:47px;background-image:url(images/scr.png);background-position:22px 0px;background-repeat:no-repeat;}
	.about #scr {background-position:0px 0px}
	.tv #scr {background-position:-44px 0px}
	.live #scr {background-position:-22px 0px}
	.virtual #scr {background-position:-66px 0px}

#additions {position:absolute;top:510px;left:134px;width:200px;font-size:.9em}

#bubble {position:absolute;display:none;width:195px;font-size:.9em;margin:68px 0 0 -5px}
	#bubble .up {background-position:top left;height:11px}
	#bubble .down {background-position:bottom left;height:11px}
		#bubble.about .up,#bubble.about .down {background-image:url(images/thanks-about.png)}
		#bubble.tv .up,#bubble.tv .down {background-image:url(images/thanks-tv.png)}
		#bubble.live .up,#bubble.live .down {background-image:url(images/thanks-live.png)}
		#bubble.virtual .up,#bubble.virtual .down {background-image:url(images/thanks-virtual.png)}
	#bubble p {margin:0;padding:0 1.5em .3em 1.5em;text-align:left;line-height:1.2em}
		#bubble.about p {background-image:url(images/thanks-about-p.png)}
		#bubble.tv p {background-image:url(images/thanks-tv-p.png)}
		#bubble.live p {background-image:url(images/thanks-live-p.png)}
		#bubble.virtual p {background-image:url(images/thanks-virtual-p.png)}
	#bubble span {font-weight:bold;padding:.2em 0 .6em 0;display:block}
	#bubble.sources {margin-top:10px}
	#bubble.sources a {display:block}
	#bubble.bbup {margin-top:-20px}

#gallery a {display:block;position:relative;width:180px;padding:5px 5px 0 48px;height:35px;margin:5px 0}
#gallery span {display:block;color:#fff}
#gallery.animator a {background-image:url(images/gal-animator.png);background-repeat:no-repeat}
#gallery.designer a {background-image:url(images/gal-designer.png);background-repeat:no-repeat}
#gallery.draftsman a {background-image:url(images/gal-draftsman.png);background-repeat:no-repeat}
#gallery.reporter a {background-image:url(images/gal-reporter.png);background-repeat:no-repeat}
#gallery.decorator a {background-image:url(images/gal-decorator.png);background-repeat:no-repeat}
#gallery.costumes a {background-image:url(images/gal-costumes.png);background-repeat:no-repeat}
	#gallery strong {display:block;padding-bottom:2px}

#photo {display:none;width:0px;height:0px;position:absolute;top:-100px;left:500px;margin-top:0px;margin-left:0px;overflow:visible;z-index:10001}
	#photo img {width:100%;height:100%}
	#photo div,#photo img {position:absolute}
	.ts,.ds {height:18px;margin-top:-18px;width:auto;left:22px;right:22px;background:url(images/shadow-h.png) left top}
	.ds {top:100%;margin-top:0;background-position:left bottom}
	.ls,.rs {width:18px;margin-left:-18px;height:auto;top:22px;bottom:22px;background:url(images/shadow-v.png) left top}
	.rs {left:100%;margin-left:0;background-position:right top}
	.tr,.tl,.dr,.dl {background:url(images/shadow.png) left top;width:40px;height:40px;margin-top:-18px;margin-left:-18px}
	.tr {left:100%;background-position:right top;margin-left:-22px}
	.dl {top:100%;background-position:left bottom;margin-top:-22px}
	.dr {top:100%;left:100%;background-position:right bottom;margin-left:-22px;margin-top:-22px}
	#container {width:100%;height:100%}
		#container div {color:#fff;padding:9px 20px;width:auto;left:0px;right:0px;top:10px;opacity:.8;filter:alpha(opacity=80)}
		.tv #container div {background-color:#c04581}
		.live #container div {background-color:#be302b}
	#close {width:19px;height:19px;left:100%;margin-left:-30px;top:15px;cursor:pointer}
	.tv #close {background:url(images/gal-close-tv.png)}
	.live #close {background:url(images/gal-close-live.png)}
/*
** english version (polish one is default so there will be no "pl" class definition)
*/
.en #menu {background-image:url(images/logo-en.png)}
	.en #about {background-image:url(images/menu-en-1.png)}
	.en #tv {background-image:url(images/menu-en-2.png)}
	.en #live {background-image:url(images/menu-en-3.png)}
	.en #virtual {background-image:url(images/menu-en-4.png)}
.en #motto {background-image:url(images/motto-en.png)}
/*
** styles for parts
*/
body.about {background-color:#c54200;background-image:url(images/bkg-grad-1.png)}
body.tv {background-color:#99053f;background-image:url(images/bkg-grad-2.png)}
body.live {background-color:#991205;background-image:url(images/bkg-grad-3.png)}
body.virtual {background-color:#058599;background-image:url(images/bkg-grad-4.png)}

.about a {color:#ffb234}
.tv a {color:#ff5da6}
.live a {color:#f64f4f}
.virtual a {color:#a5e9ff}

#content em, #foreword em {font-style:normal}
.about #content,.tv #content,.live #content,.virtual #content {color:#f9f9f9}

.about #foreword h1 {color:#de7b00}
.tv #foreword h1 {color:#b60861}
.live #foreword h1 {color:#d60002}
.virtual #foreword h1 {color:#0ab7c2}

.about #foreword em,.about #foreword q {color:#ea7b07}
.tv #foreword em,.tv #foreword q {color:#b50861}
.live #foreword em,.live #foreword q {color:#be1f09}
.virtual #foreword em,.virtual #foreword q {color:#09aab8}

.about #content strong,.about #content q,.about #additions,.about .know {color:#fcc885}
.tv #content strong,.tv #content q,.tv  #additions,.tv .know {color:#e4acc9}
.live #content strong,.live #content q ,.live  #additions,.live .know  {color:#eaa297}
.virtual #content strong,.virtual #content q,.virtual  #additions ,.virtual .know {color:#bfdae3}

.about #content em,.about #additions em {color:#ffbc46}
.tv #content em,.tv #additions em {color:#ff6cbc}
.live #content em,.live #additions em {color:#e75744}
.virtual #content em,.virtual #additions em {color:#84e1ff}

.about #content ul {list-style-image:url(images/text-deco-1.gif)}
.tv #content ul {list-style-image:url(images/text-deco-2.gif)}
.live #content ul {list-style-image:url(images/text-deco-3.gif)}
.virtual #content ul {list-style-image:url(images/text-deco-4.gif)}
/*
** CSS pseudo-animations
*/
.animate #flags a img,.animate #menu div img,.animate #tabs a span {visibility:hidden}
.animate #flags a:hover img,.animate #menu div:hover img,
.animate #menu div.active img,.animate #tabs a:hover span,.animate #tabs a.active span {visibility:visible}
/*
** overrides
*/
.column {float:left;width:40%;margin:0px}
.column.tight {width:31%;margin-right:1%;text-align:left}
.column.wide {width:65%;margin-right:-1%}
.clear {display:block;clear:both;height:1px}
.sider {float:left;margin-left:1.5em;color:#ffe2c2}
	.sider em,.about #additions a {color:#ffd688}