@import url("styles_content.css");

html,body {
	height: 100%;
}

div#footerLinks .mainTitle {font-weight: 700; margin: 0 0 10px; font-size: 110%}
div#footerLinks li {float: left; display: block; width: 140px; font-weight: 700;}
div#footerLinks li li{font-weight: 500}


/* --------------------------------------------- main layout --------------------------------------------- */
div#main {margin: 0 auto;padding:0;position:relative; width:978px;height:auto !important; height:100%; min-height:100%}	
div#header {background: url(images/header_back.png) repeat-y top center; height: 146px; width:978px; margin: 0 auto; position: relative}
div#menu { width: 450px; padding: 0; padding: 88px 0 0 60px; height: 18px; float: left}
div#main-container  {width:978px; margin: 0 auto; padding:15px 0 5em 0; }
div#ft {height: 60px;margin: 00px auto 0 auto;padding:0 60px;width:858px;position:absolute;bottom:0; background: url(images/content_back_bottom.png) no-repeat;}


/* --------------------------------------------- clearing --------------------------------------------- */
.clear {clear: both;font-size: 0; height: 0; line-height: 0; overflow: hidden; }
.clearfix {display: inline-block;}
.clearfix {display: block;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.hidden {display: none}
  
  
/* ---------------------------------------------  columns --------------------------------------------- */
/* html .dp20,.dp25,.dp33,.dp50,.dp100{float:left;display:inline;margin-left:-0.04em;}*/
.col-20{width:20%;}
.col-25{width:24.9%;}
.col-33{width:33.2%;}
.col-66{width:66.33%;}
.col-75{width:75%;}
.col-50{width:50%;}
.col-100{width:100%;}
.col-20,.col-25,.col-33,.col-50,.col-66,.col-75,.col-100, .split{float:left;display:inline;}

div.inner-pad {border: 0px solid #05A4FF;  margin: 0px; padding: 20px 15px}
div.middle {}

div.columns {padding: 0 40px}

.columns-3_50-25-25  {}
.columns-3_50-25-25  .col-50{width:52.5%;}
.columns-3_50-25-25  .col-50  div.inner-pad{padding: 20px 30px}
.columns-3_50-25-25  .col-25{width:23.7%}

.columns-2-75_25  .col-75  div.inner-pad{padding: 20px 15px 20px 70px}  
.columns-2-75_25  .col-25  div.inner-pad{padding: 20px 45px 20px 0px}  

div.in-content-box  div.inner-pad {padding: 10px !important}
div.in-content-box  div.first {padding-left:0 !important}
div.in-content-box div.last {padding-right:0 !important}
div.in-content-box .col-50{width:50%;}


.background-2 {background: url(images/columns-3_50-25-25_middle_red.png) repeat-y} 
.background-1 { background: url(images/columns-3_50-25-25.png) repeat-y} 
.background-3 { background: url(images/columns-2_75-25.png) repeat-y} 


/* --------------------------------------------- submenu right --------------------------------------------- */
ul#submenu {padding: 192px 0 0 20px; margin: 0}
ul#submenu ul {padding: 5px 0 0 10px; margin: 0}
ul#submenu li  {padding: 1px 0; width: 100px; margin:0;}
ul#submenu li.spc-first  {padding: 0 0 4px; font-weight:bold; font-size: 110%;}
ul#submenu li.spc  {padding: 25px 0 4px; font-weight:bold; font-size: 110%;}
ul#submenu li  a {color: #954223; font-size: 100%; text-decoration: none; padding: 0 0 0 14px;  background: url(images/sprites_various.gif) no-repeat 0 -13px}
ul#submenu li  li a{color: #954223; font-size: 100%; text-decoration: none; padding: 0 0 0 14px; background: url(images/sprites_links.gif) no-repeat left 1px}
ul#submenu li  a:hover{color: #000; text-decoration: none}
ul#submenu a.active {font-weight: 700}


/* --------------------------------------------- main menu --------------------------------------------- */
ul#navi {list-style: none; margin: 0; padding:0}
ul#navi li {float: left; padding: 0 4px 0px 4px}
ul#navi li a {outline:0; text-transform: uppercase; font-size: 110%; padding: 0 5px 0 5px; color: #777; font-weight: bold}
ul#navi li a:hover{color: #aaa}
ul#navi li.act a {padding: 0 5px 5px 5px; border-bottom:3px solid #E01011; background-repeat:no-repeat}


/* --------------------------------------------- breadcrumb --------------------------------------------- */
p#breadcrumb {margin:100px 0 0 0; padding: 105px 130px 0 0;color: #aaa; margin: 0 0 0 0; float: right;  width: 320px}
p#breadcrumb a {color: #ccc; padding: 0}
p#breadcrumb a:hover {color: #000}


/* --------------------------------------------- tools --------------------------------------------- */
#tools {width: 120px; position: absolute; right: 0px; top:108px;} 
#tools a {height: 12px; width: 22px; display: block; float: left; overflow: hidden; text-indent: -9999px}
#tools a#home {background: url(images/sprites_tools.gif) no-repeat 0px 0px}
#tools a#contact {background: url(images/sprites_tools.gif) no-repeat -30px 0px}
#tools a#sitemap {background: url(images/sprites_tools.gif) no-repeat -60px 0px; width: 16px}
#tools a:hover#home {background: url(images/sprites_tools.gif) no-repeat 0px -18px}
#tools a:hover#contact {background: url(images/sprites_tools.gif) no-repeat -30px -18px}
#tools a:hover#sitemap {background: url(images/sprites_tools.gif) no-repeat -60px -18px; width: 16px}

/* --------------------------------------------- tools --------------------------------------------- */
#lang {width: 100px; position: absolute; right: 0px; top:105px;}
p#lang  {color: #ddd; cursor: default}
#lang  a{color: #999; padding: 0 5px 0 0 }
#lang  a:hover{color: #ccc}


/* --------------------------------------------- logo --------------------------------------------- */
a#logo {display:block;position:absolute; right: 40px; top: 20px; width: 210px;height: 55px; outline: 0}
a#logo span{text-indent: -9999px; display: block; height:1px; width:1px}


/* --------------------------------------------- footer --------------------------------------------- */
div#ft p {padding: 30px 0 0 0}
div#ft .copyright {float: left; color: #aaa; font-weight: bold}
div#ft .menu {float: right; }
div#ft .menu a {padding: 0 15px 0 10px; color: #777; font-weight: bold; background: url(images/sprites_various.gif) no-repeat  right 3px;}
div#ft .menu a:hover {color: #bbb}
div#ft .menu a.last {background: none}
div#ft span.ft-separator {display: none}





/* --------------------------------------------- CONTENT AREA - BUT NOT RTE --------------------------------------------- */

.divider {border:0; border-bottom: 1px dotted #777; margin: 5px 0 15px 0; height:1px}

/* --------------------------------------------- filelinks ---------------------------------------------  */
.filelinks dd {margin: 3px 0}
.l1 dd.pps a, .l1 dd.ppt a, .l1 dd.jpg a, .l1 dd.pdf a, .l1 dd.doc a {padding: 3px 0 3px 22px; background-repeat: no-repeat;background-position: left 50%;}
.l2 dd.pps a, .l2 dd.ppt a, .l2 dd.jpg a, .l2 dd.pdf a, .l2 dd.doc a {padding: 16px 0 3px 32px; display: block; background-repeat: no-repeat;background-position: left bottom;}
dd.pps a:hover, dd.ppt a:hover, dd.cdr a:hover, dd.jpg a:hover, dd.pdf a:hover, dd.doc a:hover {background-color: #fefefe}

.l1 dd.jpg a {background-image: url(images/icons/jpg.gif)}
/*.l1 dd.jpg a:hover {background-image: url(images/icons/jpg.gif)}*/
.l1 dd.pdf a {background-image: url(images/icons/pdf.gif)}
/*.l1 dd.pdf a:hover {background-image: url(images/icons/pdf.gif)}*/
.l1 dd.doc a {background-image: url(images/icons/doc.gif)}
/*.l1 dd.doc a:hover {background-image: url(images/icons/doc.gif)}*/
.l1 dd.ppt a {background-image: url(images/icons/ppt.gif)}
/*.l1 dd.ppt a:hover {background-image: url(images/icons/doc.gif)}*/
.l1 dd.pps a {background-image: url(images/icons/pps.gif)}
/*.l1 dd.pps a:hover {background-image: url(images/icons/doc.gif)}*/

.l2 dd.jpg a {background-image: url(images/icons/jpg.gif)}
/*.l2 dd.jpg a:hover {background-image: url(images/icons/jpg.gif)}*/
.l2 dd.pdf a {background-image: url(images/icons/pdf_big.gif)}
/*.l2 dd.pdf a:hover {background-image: url(images/icons/pdf.gif)}*/
.l2 dd.doc a {background-image: url(images/icons/doc.gif)}
/*.l2 dd.doc a:hover {background-image: url(images/icons/doc.gif)}*/
.l2 dd.ppt a {background-image: url(images/icons/ppt.gif)}
/*.l2 dd.ppt a:hover {background-image: url(images/icons/doc.gif)}*/
.l2 dd.pps a ypo_header.jpg
/*.l2 dd.pps a:hover {background-image: url(images/icons/doc.gif)}*/

/* TODO: change with DAM 1.1. */
.content a.download-pdf-big {padding: 16px 0 3px 32px; display: block; background-repeat: no-repeat;background-position: left bottom;background-image: url(images/icons/pdf_big.gif)}
.content a.download-pdf-small {padding: 3px 0 3px 22px; background-repeat: no-repeat;background-position: left 50%;background-image: url(images/icons/pdf.gif)}




/* ----------------------------------------------  EXTENSIONS ----------------------------------------------  */

/* ---------------------------------------------  EXT: pagebrowse ---------------------------------------------  */
p.pagination {margin: 10px 20px 20px 0}
p.pagination a {padding: 2px 5px 5px 5px;  margin:0; border: 1px solid #efefef; text-decoration: none; /*background: url("images/pagination.gif") center top no-repeat;*/}
p.pagination a:hover {/*background: url("images/pagination_hover.gif") center top no-repeat;*/ padding: 2px 5px 5px 5px;  margin:0; border: 1px solid #efefef; background: #efefef; color: #888}
p.pagination span {text-decoration: none;background: none;padding: 3px 5px 7px 5px; margin:0}
p.pagination span.selected {padding: 2px 5px 5px 5px;  border:1px solid #efefef; background: #efefef; text-decoration: none;/*background: url("images/pagination_selected.gif") center top no-repeat;*/;color: #aaa; font-weight: bold}
p.pagination a.poprzednia {padding-left: 8px;}
p.pagination a.nastepna {padding-right: 7px;}


/* ---------------------------------------------  EXT: tt_news ---------------------------------------------  */

/* --------- tt_news single */
.news-single-links dd p{font-size:100%}
.news-single-timedata {font-size:92%;color:#444; padding: 0 0 10px}
.news-single-links dt,.news-single-related dt,.news-single-files dt{font-weight:700;margin:10px 0 2px 0;padding:0;width:100%;display:block;clear:both}
.news-single-backlink {margin:20px 0 30px}
.news-single-backlink a {border:0 solid;padding:0px; vertical-align: bottom}

/* --------- tt_news latest */
.news-latest-date {font-size:92%;color:#999; padding: 0 0 10px}

/* --------- tt_news list */
.news-list-browse{margin:0px 0 10px 0;clear: both;}
.news-list-item img{float:left;margin:0 10px 5px 0;padding:0 0px 0 0;border: 0px solid #333;}
.news-list-item img a{margin:0;padding:0;}
.news-list-item h2{margin:4px 0 4px;padding:0; color: #444;}
.news-list-item hr{display:none}
.news-list-date {display:block;margin:0;padding: 0px 0 5px 0;color:#777; font-weight: bold; }
.news-list-counter {float: left; font-size: 92%;} 
.news-list-counter a {color: #666 }
.news-list-counter a:hover {color: #000 }
.news-list-item p {padding: 0}
.news-list-item {margin: 0 0 5px;padding: 0 0 5px}
.news-list-item h3 a {color: #444; font-size:14px; font-weight:bold; text-decoration: none}
.news-list-item h3  {padding: 0; margin: 0; line-height: 1.1em}
/*.news-list-morelink {background: url(images/news_wiecej.png) no-repeat right; text-align: right;	margin: 10px 0 0;   width: 499px;}
.news-list-morelink a {display: block; overflow: hidden; text-indent: -9999px; width: 120px}*/
/*.news-list-morelink a {float: right; background:url(images/links/link_more.png) no-repeat left;border:0;display:block;font-size:20%;height:13px;margin:10px 0 0 0;overflow:hidden;padding:0 0px 0 30px;width:0px}*/
.news-list-morelink a {padding: 0 5px 0 5px}
.news-list-morelink a:hover {padding: 0 5px 0 5px}



/* ---------------------------------------------  EXT: th_mailformplus ---------------------------------------------  */
.mailform {width: 400px; clear: both}
.mailform input {float: left; font-size:1.0em;font-family:Arial, Helvetica, sans-serif;width: 280px;padding: 1px 3px 1px 3px;margin: 2px 0}
.mailform label {text-align: right; width: 90px; display: block !important; float: left; font-weight: bold;margin: 2px 0; padding: 0  10px 0}
.mailform textarea {font-size:1.0em;font-family:Arial, Helvetica, sans-serif;width: 279px;overflow: auto;padding: 1px 3px;margin: 2px 0}
.mailform input#submit {margin: 0 0 0 110px;height: 30px;padding: 0 10px; width: auto}
.mailform .form-line {width: 400px; clear: both;vertical-align: bottom}


/* default styles for extension "tx_jphcodesnippets_pi" */

.tx-jphcodesnippets-pi { line-height:1.32em; width: 570px; white-space:nowrap;overflow :auto;font-size: 1.2em; font-family: 'Courier New', Courier, monospace;	font-weight: normal;border: 1px solid #aaa; padding: 5px 5px 10px 25px; background : #fff url(images/lines.jpg) no-repeat left -10px;margin: 10px auto}
* html .tx-jphcodesnippets-pi {  width: 570px; white-space:nowrap;overflow :auto;font-size: 1.2em; font-family: 'Courier New', Courier, monospace;	font-weight: normal;border: 1px solid #aaa; padding: 5px 5px 10px 3px; background : #fff url(images/lines.jpg) no-repeat left -10px;margin: 10px 0}
.tx-jphcodesnippets-pi .imp { font-weight: bold; color: red; }
.tx-jphcodesnippets-pi div.ln-xtra { background: #BAFF91 !important; margin:0 0 0 0px; padding:0 0 0 0px; height: 17px}

.tx-jphcodesnippets-pi .kw1 { color: #b1b100; }
.tx-jphcodesnippets-pi .kw2 { color: #000000; font-weight: bold;}
.tx-jphcodesnippets-pi .kw3 { color: #000066;}
.tx-jphcodesnippets-pi .co1 { color: #808080; font-style: italic; }
.tx-jphcodesnippets-pi .co2 { color: #808080; font-style: italic; }
.tx-jphcodesnippets-pi .coMULTI { color: #808080; font-style: italic; }
.tx-jphcodesnippets-pi .es0 { color: #000099; font-weight: bold; }
.tx-jphcodesnippets-pi .br0 { color: #66cc66; }
.tx-jphcodesnippets-pi .st0 { color: #ff0000; }
.tx-jphcodesnippets-pi .nu0 { color: #cc66cc; }
.tx-jphcodesnippets-pi .me1 { color: #006600; }
.tx-jphcodesnippets-pi .me2 { color: #006600; }
.tx-jphcodesnippets-pi .re0 { color: #0000ff; }


pre, code {
   font: 1.2em 'Courier New', Courier, Fixed, monospace;
   display:block;
   color: #000;
   background : #fff url(images/lines.jpg) no-repeat -10px 0;
   overflow : hidden;
   text-align:left;
   padding : 3px 20px 0 30px;
   margin:1em 0 1em 0;
   line-height:17px;
   height: 100%;
} 



/* ---------------------------------------------  EXT: cssstyledcontent ---------------------------------------------  */

	/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

	/* Needed for noRows setting */
	DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

	/* Border just around the image */
	DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
		border: 1px solid #ddd;
		padding: 0px 0px;
	}

	DIV.csc-textpic-imagewrap { padding: 0; }

	DIV.csc-textpic IMG { border: none; }

	/* DIV: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

	/* UL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

	/* DL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
	DL.csc-textpic-image { margin: 0; }
	DL.csc-textpic-image DT { margin: 0; display: inline; }
	DL.csc-textpic-image DD { margin: 0; }

	/* Clearer */
	DIV.csc-textpic-clear { clear: both; }

	/* Margins around images: */

	/* Pictures on left, add margin on right */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-right: 10px;
	}

	/* Pictures on right, add margin on left */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}

	/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; color: #777; font-size: 90%}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

	/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both;  padding-bottom: 5px !important ;}

	/* No margins around the whole image-block */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

	/* Add margin from image-block to text (in case of "Text w/ images") */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: 10px !important;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: 10px !important;
	}

	/* Positioning of images: */

	/* Above */
	DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

	/* Center (above or below) */
	DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

	/* Right (above or below) */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
	DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
	DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

	/* Left (in text) */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

	/* Left (in text, no wrap around) */
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */
	
	DIV.csc-textpic DIV.csc-textpic-imagerow-last { margin-bottom: 0; }

	/* Browser fixes: */

	/* Fix for unordered and ordered list with image "In text, left" */
	/*.csc-textpic-intext-left ol, .csc-textpic-intext-left ul {padding-left: 40px; overflow: auto; height: 1%; }*/
	/* Browser fixes: */

	/*-----------------------------css_styled_content mods */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; color: #777; font-size: 90%; line-height: 1.2em }