html, body { margin: 0; border: 0; padding: 0; height: 100% }
html { width: 100%; overflow: auto; }
body {
	position: relative;
	vertical-align: middle;
	font-family: Tahoma, Verdana, Arial, sans-serif; 
	text-align: left;
	color: #3c3c3c;
	font-size: 11px;
	background: url('../img/bg_page.gif');
	margin: auto;
}
input, textarea, select {
	font-family: Tahoma, Verdana, Arial, sans-serif; 
	color: #000;
	font-size: 11px;
}
h1, h2, h3, h4, h5, h6, form {
	margin: 0;
	padding: 0;
}
a {
	color: #404040;
	text-decoration: none;
	outline-style: none;
	outline-width: 0;
}
a:hover {
	text-decoration: underline;
}
a:focus, div:focus {
	outline: none;
}
ul {
	font-size: 11px;
	margin: 0;
	padding: 0 0 0 15px;
}
p, li {
	line-height: 1.45em;
	padding: 0;
	margin: 0 0 5px 0;
}
p, h2 {
	font-family: Arial, Tahoma, Verdana, sans-serif; 
}
img {
	border: 0;
}
.marker {
	color: #D10000;
}
.table_contact {
	width: 100%;
}
.table_contact td, .table_contact th {
	width: 50%;
	vertical-align: top;
	text-align: center;
}
.clr 
{
	clear: both !important;
	float: none !important;
	font-size: 0 !important;
	height: 0 !important;
	line-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 1px !important;
}

#BoxPage {
	width: 876px;
	height: 492px;
	border-top: 1px solid #9c9d9f;
	border-bottom: 1px solid #9c9d9f;
	margin: 0 auto;
	background: #fff;
	padding: 40px;
	margin-top: expression((x=document.documentElement.clientHeight-this.scrollHeight)>0?x/2+'px':0);
	position: relative;
}
#BoxPageLeft {
	width: 170px;
	float: left;
	text-align: center;
	margin-right: 20px;
}
#BoxPageLeft a.ALogo {
	overflow:hidden;
	position:relative;
	width: 65px;
	height: 155px;
}
#BoxPageLeft .BoxLogo {
	width: 78px;
	height: 186px;	
	overflow:hidden;
	position:relative;
	margin: -18px auto 0 auto;
	padding-right: 20px;
}
#BoxPageLeft .BoxLogo img {
	border: 0;
	position: absolute;
	left: 0;
	top: 0;
}
#BoxPageLeft #BoxMenuLeft {
	height: 230px;
	width: 180px;
	padding-top: 32px;
	text-align: left;
	padding-bottom: 30px;
	overflow: hidden;
}
#BoxPageLeft #BoxMenuLeft .MenuLeftHead {
	border-bottom: 1px solid #d10000;
	width: 160px;
	padding-bottom: 8px;
	margin-bottom: 5px;
}
#BoxPageLeft #BoxMenuLeft .MenuLeftHead a {
	display: block;
	overflow: hidden;
	background: url('../img/bg_menu-main.gif') 13px 3px no-repeat;
	font-weight: bold;
	padding-left: 31px;
	text-decoration: none;

}
#BoxPageLeft #BoxMenuLeft .MenuLeftHead a span {
	float: left;
	padding-bottom: 2px;
	background: url('../img/bg_menu-main-border.gif') 0 13px repeat-x;
	text-transform: uppercase;

}
div.MenuLeftUl {
	width: 180px;
	height: 205px;
}
.jScrollPaneContainer div.MenuLeftUl {
	padding: 0;
}
#BoxMenuLeft .jScrollPaneTrack {
	right: 1px;
}
div.MenuLeftUl ul.UlMenuLeft, div.MenuLeftUl ul.UlMenuLeft li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div.MenuLeftUl ul.UlMenuLeft li {
	border-top: 1px solid #eaeaea;
	padding: 9px 9px 9px 30px;
	background: url('../img/img_array-right.gif') 17px 15px no-repeat;
	text-transform: uppercase;
}
div.MenuLeftUl ul.UlMenuLeft li.first, div.MenuLeftUl ul.UlMenuLeft li.active.first {
	border-top: 1px solid #fff;
	padding-top: 4px;
	background-position: 17px 10px;
}
div.MenuLeftUl ul.UlMenuLeft li.active {
	background: url('../img/img_array-bottom.gif') 17px 15px no-repeat;
	font-weight: bold;
}
div.MenuLeftUl ul.UlMenuLeft li ul {
	padding: 4px 0 0 0;
	margin: 0;
}
div.MenuLeftUl ul.UlMenuLeft li ul li {
	border-top: 0px;
	padding: 4px 0 4px 10px;
	font-weight: normal;
	background: none;
	line-height: 1.35em;
}
div.MenuLeftUl ul.UlMenuLeft li ul li.active {
	background: none;
}

#BoxPageRight {
	width: 686px;
	float: left;
}
#BoxPageRight ul.UlMenuTop, #BoxPageRight ul.UlMenuTop li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#BoxPageRight ul.UlMenuTop li {
	float: left;
	background: url('../img/bg_menu-border.gif') no-repeat;
	font-weight: bold;
}
#BoxPageRight ul.UlMenuTop li.first {
	background: none;
}
#BoxPageRight ul.UlMenuTop li a {
	float: left;
	padding-top: 11px;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-right: 30px;
	display: block;
	overflow: hidden;
	text-transform: uppercase;
}
body.en #BoxPageRight ul.UlMenuTop li a {
	padding: 11px 20px 10px;
}
#BoxPageRight ul.UlMenuTop li a:hover {
	text-decoration: none;
}
#BoxPageRight ul.UlMenuTop li a span {
	float: left;
	padding: 0 10px 2px 10px;
	background: none;
}
#BoxPageRight ul.UlMenuTop li a.active span, #BoxPageRight ul.UlMenuTop li a:hover span {
	background: url('../img/bg_menu-main-border.gif') 0 15px repeat-x;
}
div.BoxUnderMenu {
	width: 686px;
	height: 1px;
	background: url('../img/bg_menu-bottom.gif');
}
div#BoxContent {
	width: 686px;
	padding: 30px 0;
	overflow: hidden;
}
div#BoxContent.BoxContentReferences {
	width: 626px;
	padding: 30px;
}
div.BoxContentText div.BoxPics {
	width: 430px;
	height: 298px;
	float: left;
	text-align: center;
	float: left;
	margin: 30px 30px 30px 0;
}
div.BoxContentText.BoxContentText250 div.BoxPics {
	width: 380px;
}
div.BoxContentText div.BoxPics div {
	display: none;
	width: 430px;
	height: 298px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
div.BoxContentText.BoxContentText250 div.BoxPics div {
	width: 380px;
}
div.BoxContentText div.BoxTextUnit, div.BoxContentGallery div.BoxTextUnit, div.BoxContentReferences div.BoxTextUnit {
	height: 340px;
	width: 203px;
	padding: 10px 0;
	float: left;
	background: url('../img/bg_scroll-border.gif') right 0 repeat-y;
	position: relative;
}
div.BoxContentText.BoxContentText250 div.BoxTextUnit {
	width: 253px;
}
a.ABack {
	color: #D10000;
	display: block;
	z-index: 10;
	background: #fff;
	width: 175px;
	text-align: right;
	font-size: 12px;
	position: absolute;
	left: 0;
	padding-bottom: 3px;
}
div.BoxContentReferences div.BoxTextUnit {
	width: 626px;
}
div.BoxContentText div.BoxText, div.BoxContentGallery div.BoxText, div.BoxContentReferences div.BoxText {
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	height: 340px;
	float: left;
	width: 203px;
	text-align: left;
}
div.BoxContentText.BoxContentText250 div.BoxText {
	width: 253px;
}
div.BoxContentReferences div.BoxText {
	width: 626px;
}

div.BoxContentText div.BoxText h1, div.BoxContentGallery div.BoxText h1, div.BoxContentReferences div.BoxText h1, h1.ABack {
	font-size: 12px;
	color: #d10000;
	padding-bottom: 10px;
	text-transform: uppercase;
}
h1.ABack {
	font-family: Arial,Tahoma,Verdana,sans-serif;
	display: block;
	z-index: 10;
	background: #fff;
	width: 243px;
	text-align: left;
	font-size: 12px;
	position: absolute;
	left: 0;
	padding-bottom: 3px;
}
div.BoxContentText div.BoxTextUnit h1.ABack {
	width: 193px;
}
div.BoxContentText.BoxContentText250 div.BoxTextUnit h1.ABack {
	width: 243px;
}
div.BoxContentText div.BoxText h1 a, div.BoxContentGallery div.BoxText h1 a, div.BoxContentReferences div.BoxText h1 a {
	font-weight: normal;
	display: block;
	text-align: right;
	text-decoration: none;
	text-transform: none;
	color: #404040;
}
div.BoxContentText div.BoxText h1 a:hover, div.BoxContentGallery div.BoxText h1 a:hover, div.BoxContentReferences div.BoxText h1 a:hover {
	text-decoration: underline;
}
div.BoxContentText div.BoxText p, div.BoxContentGallery div.BoxText p, div.BoxContentReferences div.BoxText p {
	font-size: 11px;
}
div.BoxContentText div.BoxText a, div.BoxContentGallery div.BoxText a, div.BoxContentReferences div.BoxText a {
	color: #404040;
	text-decoration: none;
}
div.BoxContentText div.BoxText a:hover, div.BoxContentGallery div.BoxText a:hover, div.BoxContentReferences div.BoxText a:hover {
	color: #404040;
	text-decoration: none;
	border-bottom: 1px solid #D10000;
}

div.BoxContentGallery div.BoxText {
	height: 320px;
}
div.BoxContentGallery div.BoxGallery {
	width: 430px;
	float: left;
	text-align: center;
	float: left;
	margin: 10px 30px 0px 0;
	overflow: hidden;
}

div.BoxFotos {
	overflow: hidden;
	width: 430px;
	height: 350px;
	position: relative;
}
div.BoxFotos div.BoxFotoUnit {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
div.BoxFotos div.BoxFoto {
	width: 430px;
	height: 298px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
div.BoxFotos div.BoxFotoSignature {
	text-align: left;
	padding-top: 20px;
}
div.BoxFotos div.BoxFotoSignature h2 {
	font-size: 12px;
	color: #d10000;
}
div.BoxFotos div.BoxFotoSignature p {
	font-size: 12px;
}

div.BoxFotoArrayLeft, div.BoxFotoArrayRight {
	background-repeat: no-repeat;
	background-position: 0 50%;
	width: 100px;
	height: 298px;
	float: left;
}
div.BoxFoto.BoxFotoNoA div.BoxFotoArrayLeft, div.BoxFoto.BoxFotoNoA div.BoxFotoArrayRight {
	width: 215px;
}
div.BoxFotoArrayLeft.hover {
	background-image: url('../img/bg_arrow-left.png');
	cursor: pointer;
}
div.BoxFotoArrayRight {
	float: right;
	background-position: right 50%;
}
div.BoxFotoArrayRight.hover {
	background-image: url('../img/bg_arrow-right.png');
	cursor: pointer;
}
a.FotoToBig {
	height: 298px;
	width: 230px;
	float: left;
}
div.BoxFoto.BoxFotoNoA a.FotoToBig {
	display: none;
}
.jScrollPaneContainer div.BoxGalleryMin1 {
	width: 77px;
	height: 77px;
	padding: 9px 9px 9px 10px;
	float: left;
}
.jScrollPaneContainer div.BoxGalleryMin {
	padding: 0;
	margin-left: -10px;
}
.jScrollPaneContainer div.BoxGalleryMin1 div.BoxGalleryMin2 {
	width: 75px;
	height: 75px;
	border: 2px solid #fff;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	padding: 0;
	cursor: pointer;
}
.jScrollPaneContainer div.BoxGalleryMin1.active div.BoxGalleryMin2 {
	border: 2px solid #d10000;
}


div#BoxContent.BoxImgSection {
	height: 360px;
	position: relative;
	width: 548px;
	margin: auto;
}
div.BoxImgSection div.BoxSectionFotos {
	width: 518px;
	height: 345px;
	margin: auto;
	z-index: 0;
}
div.BoxImgSection div.BoxSectionFotos div.BoxSectionFoto {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width: 518px;
	height: 345px;
	display: none;
}
div.BoxImgSection div.BoxSectionMenu {
	background: url('../img/bg_menu-section.png');
	width: 548px;
	height: 70px;
	margin: -55px auto 0 auto;
	z-index: 5;
	position: absolute;
}
div.BoxImgSection div.BoxSectionMenu a, div.BoxImgSection div.BoxSectionMenu span {
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial,Tahoma,Verdana,sans-serif;
	float: left;
	padding-top: 30px;
	height: 40px;
	text-align: center;
}

div#BoxContent.BoxSection {
	padding: 0;
	margin: 15px auto -15px auto;
	width: 400px;
}
div#BoxContent.BoxSectionPersons {
	padding: 30px 0 15px 0;
}
div.BoxSection div.BoxSectionButton {
	width: 165px;
	height: 165px;
	float: left;
	padding: 15px;
	overflow: hidden;
}
div.BoxSection div.BoxSectionButton div.BoxSectionButtonImg {
	width: 165px;
	height: 165px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	text-align: center;
	overflow: hidden;
	float: left;
}
div.BoxSection div.BoxSectionButton div.BoxSectionButtonImg a, div.BoxSection div.BoxSectionButton div.BoxSectionButtonImg span {
	font-weight: bold;
	color: #d10000;
	text-transform: uppercase;
	font-size: 18px;
	padding-left: 10px;
	padding-right: 10px;
	display: block;
	overflow: hidden;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
div.BoxSection div.BoxSectionButton div.BoxSectionButtonImg a:hover {
	text-decoration: none;
}
div.BoxSection div.BoxSectionButton div.BoxSectionButtonImg span {
	width: 165px;
	height: 165px;
	padding-left: 0;
	padding-right: 0;
}
div.BoxSectionPersons {

}
div.BoxSectionPersons div.BoxPersons {
	width: 580px;
	margin: auto;
	overflow: hidden;
}
div.BoxSectionPersons div.BoxPersons div.BoxPerson {
	width: 284px;
	float: left;
	padding: 0;
}
div.BoxSectionPersons div.BoxPersons div.BoxPerson div.BoxPersonFotos {
	width: 135px;
	height: 135px;
	overflow: hidden;
	margin: auto;
}
div.BoxSectionPersons div.BoxPersons div.BoxPerson div.BoxPersonFotos div.BoxPersonFoto {
	width: 135px;
	height: 135px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
div.BoxSectionPersons div.BoxPersons div.BoxPerson div.BoxPersonDesc {
	width: 284px;
	padding: 10px 0;
	text-align: center;
}
div.BoxSectionPersons div.BoxPersons div.BoxPerson div.BoxPersonDesc h2 {
	font-size: 12px;
	color: #d10000;
	margin-bottom: 5px;
}
div.BoxSectionPersons div.BoxPersons div.BoxPerson div.BoxPersonDesc p {
	font-size: 12px;
	margin: 0;
}
div.BoxSectionPersons div.BoxSectionPersonsDesc {
	overflow: hidden;
	padding-top: 15px;
}
div.BoxSectionPersons div.BoxSectionPersonsDesc h2 {
	font-size: 13px;
	color: #d10000;
	padding-bottom: 5px;
	text-align: center;
}
div.BoxSectionPersons div.BoxSectionPersonsDesc p {
	font-size: 12px;
	line-height: 0.7em;
}
div.BoxSectionPersons div.BoxSectionPersonsDesc table p {
	line-height: 1.2em;
}

div.BoxReferences {
	width: 606px;
	overflow: hidden;
}
div.BoxReferences div.BoxReference {
	width: 606px;
	overflow: hidden;
	padding-bottom: 15px;
}
div.BoxReferences div.BoxReference div.BoxReferenceLogo {
	width: 150px;
	float: left;
	margin-right: 10px;
	text-align: center;
}
div.BoxReferences div.BoxReference div.BoxReferenceText {
	width: 446px;
	float: left;
}


#BoxFooter {
	border-top: 1px solid #d10000;
	font-size: 12px;
	overflow: hidden;
	padding-bottom: 10px;
}
#BoxFooter span.left {
	float: left;
	padding-top: 12px;
}
#BoxFooter span.left a {
	font-weight: bold;
}
#BoxFooter span.right {
	float: right;
}
#BoxFooter span.right a, #BoxFooter span.right span {
	float: left;
	padding: 12px 15px 0 15px;
}
#BoxFooter span.right a.english, #BoxFooter span.right span.english {
	background: url('../img/bg_menu-border.gif') 0 5px no-repeat;
}
#BoxFooter span.right a.active {
	font-weight: bold;
}
div.BoxMarquee1 {
	overflow: auto;
	position: relative;
	width: 876px;
	height: 15px;
}
div.BoxMarquee1 div.BoxMarquee2 {
	font-size: 12px;
	white-space: nowrap;
}








/* scroll pane */
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneContainer div {
	padding: 0;
}
.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: url('../img/bg_scroll-bg.gif') repeat-y;
}
.jScrollPaneDrag {
	position: absolute;
	background: url('../img/bg_scroll-s.gif') 1px 0 repeat-y;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}
/* scroll pane END */



/* lightbox START */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url('../img/blank.gif') no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('../img/bg_arrow-left.png') left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('../img/bg_arrow-right.png') right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #FF9834;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; display: none; }	
#imageData #caption{ font-weight: bold; color: #d10000; font-size: 12px;}
#imageData #numberDisplay{ display: none; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 26px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}
	

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

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

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

#lightboxIframe {
	display: none;
}	
/* lighbox END */



/* intro */
body.BodyIntro {
	position: relative;
	overflow: auto;
}
div.BoxIntro {
	width: 239px;
	position: relative;
	margin: auto;
	overflow: hidden;
}
#LogoGreniuk, #LogoWarchol {
	position: absolute;
	z-index: 6;
}
#LogoGreniuk {
	bottom: -228px;
	left: 70px;
}
#LogoWarchol {
	top: -228px;
	left: 121px;
}
#BoxIntro, #BoxIntroBg {
	margin: auto;
	width: 99px;
	height: 264px;
	padding: 75px 70px;
	background: #fff;
	position: relative;
	z-index: 5;
	border-top: 1px solid #9c9d9f;
	border-bottom: 1px solid #9c9d9f;
}
#BoxIntroBg {
	background: url('../img/intro_bg.png');
	display: none;
}
#IntroBorderCenter {
	position: absolute;
	bottom: 116px;
	left: 119px;
	background: #d10000 url('../img/intro_bg.png') -9990px -9999px no-repeat;
	width: 1px;
	height: 0px;
	display: none;
}
#IntroProjekt {
	position: absolute;
	left: 0;
	bottom: 72px;
	background: url('../img/intro_logo-projekt.jpg') 50% 0 no-repeat;
	width: 240px;
	height: 26px;
	opacity: 0;
}
#IntroSwitchLang {
	width: 240px;
	margin: auto;
	text-align: center;
	opacity: 0;
	overflow: hidden;
}
#IntroSwitchLang a, #IntroSwitchLang span {
	font-size: 14px;
	color: #d10000;
	padding: 20px 41px;
	float: left;
}