/*
 * ---------------------------------
 * GENOVUM STYLES
 * ---------------------------------
 */


/* LAYOUT*/
	html, body, #page, table.archiveContent { height:100%; margin: 0; padding: 0; border: none; text-align: center;}
   	#page {margin: 0 auto; text-align: left; vertical-align: middle; width: 100%;}
	body {background:FFFFFF; margin: 0px;}
	div.sizeContent	{width:855px; margin:0 auto;}
	#page tr td {padding: 5px; vertical-align: middle;}
	#page tr td #pageContent {height: 570px;}
	
/* TEXTWRAPPER */
	.lW { float: left; clear: left; height: 12px;}
	div.textWrapper em {font-size: 15px; font-weight: bold; text-decoration: none; font-style: normal;}
	div.textWrapper p {font-size: 13.5px;}
	div.textWrapper {text-align: justify;}
	div.textWrapper p.firstText	{padding-top: 10px;}
	a {color: #737373;}
	
/* CONTENT */
	#content {clear:both;}
	div.contentInner{ height:490px; font-size:12px;  color:#737373;}

/* HEADER */
	#header {margin-top:2px;}
	#message {display:block; position:relative; clear: both}
	#logo {display:block; position:relative; float:left; width:150px; outline:none; top:-2px;}

	#menu {position:relative; width:700px; float: right; top:23px; right: 4px;}
	#menu ul li { float:left; width:140px; height: 30px; background: url(../img2/tab.png) repeat-x;}
	#menu ul li.active, #menu ul li:HOVER {background:url(../img2/tab_active.png) no-repeat; text-decoration:none;}
	
	#menu ul li a {display:block; width:140px; text-align:center; color:#FFFFFF; padding: 4px 0 0; outline:none; font-size:12px;}
	#menu ul li a:HOVER {text-decoration:none;}
	
	#menu ul #tab_contact {background:url(../img2/tab_contact.png) no-repeat;}
	#menu ul #tab_contact.active, #menu ul #tab_contact:HOVER{background:url(../img2/tab_contact_active.png) repeat-x;}
	
	#menu ul #tab_main {background:url(../img2/tab_main.png) no-repeat;}
	#menu ul #tab_main.active, #menu ul #tab_main:HOVER{background:url(../img2/tab_main_active.png) repeat-x;}

	div.contentInner h2.pageHeader {position:relative; display:block; width:65px; height:20px; font-size:28px; color: #3997cd; padding:18px 60px; font-weight:normal; top:75px; left:660px;}

/* FOOTER */
	#footer { text-align: left; color:#737373; clear: both;}
	#footer p	{padding-left: 30px; line-height: 11px;}

/*START*/
	#content div.homeContent {background:url(../img2/home.png) no-repeat;}
	#content div.homeContent em {color:#289BC7; text-decoration:none; font-style:normal;}
	#content div.homeContent div.textWrapper {left:490px; position:relative; top:90px; width:358px; clear:both; }
	#content div.homeContent div.textWrapper  p {font-size:13.5px; text-align:justify;}

/*NOWOSCI*/
	#content div.newsContent {background:url(../img2/news.png) no-repeat;}
	#content div.newsContent h2 {background:url(../img2/logo_news.png) no-repeat;}
	#content div.newsContent div.textWrapper {left:530px; position:relative; top:90px; width:312px; clear:both;}
	#content div.newsContent div.textWrapper p.firstText {padding-top: 15px;}
	#content div.newsContent ul.files {margin-bottom: 10px;}
	#content div.newsContent #archiveLink	{color:#289BC7; font-size: 16px; position: relative; top: 100px; right:15px; text-align: right;}
	#content div.newsContent #archiveLink a:HOVER  {text-decoration: none;}

/*PROJEKTY*/
	#content div.projectContent {background:url(../img2/project.png) no-repeat;}
	#content div.projectContent h2 {background:url(../img2/logo_projects.png) no-repeat;}
	#content div.projectContent div.textWrapper {left:530px; position:relative; top:90px; width:312px; clear:both;}
	#content div.projectContent div.textWrapper p.firstText {padding-top: 15px;}
	#content table#logoUE td	{vertical-align:middle; padding-left: 20px; }
	#content table#logoUE {margin-top: 20px; float: right; position: relative; top: 115px; right: 5px;}
	
/* PARTNERZY */
	#content div.partnerContent {background:url(../img2/partner.png) no-repeat;}
	#content div.partnerContent h2.pageHeader {height: 35px;}
	#content #partners { float: right; width: 210px; margin-top:90px;}
	#content div.partnerContent h2 {background:url(../img2/logo_partners.png) no-repeat;}
	#content #partners ul li { overflow: hidden; padding-bottom: 20px; margin-left:20px; line-height: 12px;}
	#content #partners ul li h3 a{color:#289BC7; font-weight: bold;}
	
/* KONTAKT */
	#content div.contactContent {background:url(../img2/contact.png) no-repeat;}
	#content div.contactContent h2 {background:url(../img2/logo_contact.png) no-repeat;}
	#content div.contentInner h2.contactMain {padding: 10px 0px 30px 62px; width: 130px; line-height: 20px; height: 35px;}
	#content div.contentInner h2.contactMain small {font-size:15px;}
	#address { float: right; width: 190px; margin-top:90px;  font-weight:bold; color:#737373;}
	#address big { font-size: 16px; color: #289BC7; display: block; }
	
/* COMMON */
	#content img.decoration { margin: 0 0 20px 20px; float: right; padding: 3px; border: 1px solid #ddd; }
	#content ul.files li { margin-bottom: 6px; }
	#content ul.files li a { padding: 2px 4px 2px 18px; }
	#content ul.files li.pdf a { background: url(../img2/pdf.png) no-repeat -2px 1px;}

/* ARCHIWUM */
	table.archiveContent {margin: 0 auto; text-align: left; vertical-align: middle; width: 750px;}
	table.archiveContent tr td {vertical-align: middle;}
	table.archiveContent tr td div.contentWrapper {border: 2px solid #00759f; height: 490px; padding: 10px; width: 780px; margin-top:5px; background: url("../img2/folder.png") no-repeat scroll bottom right; -webkit-border-radius: 20px; -khtml-border-radius: 20px; -moz-border-radius: 20px;  border-radius: 20px;}
	table.archiveContent h2, h1 {color:#00759f; font-size: 15px; margin: 15px 0 0; font-weight:bold;}
	table.archiveContent h1 {color:#737373;  font-size: 20px; margin-top: 0px;}
	table.archiveContent p {margin-top: 15px;}
	table.archiveContent #logoUrl	{text-align: right; margin-top: 5px;}
	table.archiveContent tr td p em {font-weight: bold;}