@charset "UTF-8";
/*
  @project cctw.dev
  @name main.css
  @created 2009-06-20, 15:59:15
  @author lukasz.tyrala
  @description  Cascading Style Sheet for
*/

/* GENERAL INFORMATIONS
-----------------------------------------------------------------------------

  This file requires browser-core.css file to be rendering page as it should.

  Propperties orginiezed alfabetically.

*/

* {
  margin: 0;
  padding: 0;
  }

html {
  background: #f3f3eb;
  }

body {
  background: #f3f3eb url('../images/bg-body.png') repeat-x 0 0;
  color: #454236;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  }

table {
  border: 0;
  }

h1, h2, h3 {
  margin: 0;
  font-weight: normal;
  padding: 7px 0 3px 0;
  }

h2 {
  border-bottom: 1px solid #7f7f7f;
  color: #676767;
  display: block;
  font-size: 15px;
  }
  li {
    
  }
p {
  padding: 5px 0;
  }

.header {
  color: #fff;
  height: 177px;
  padding-bottom: 40px;
  position: relative;
  width:990px;
  margin:0 auto;
  z-index:6;
  }
.headerOuter {
  text-align:center;
}
.header .logo {
  background: url('../images/cctwPL.gif') no-repeat 0% 50%;
  height: 94px;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 12px;
  width: 400px;
 }
.header .logoEng {
  background: url('../images/cctwENG.jpg') no-repeat 0% 50%;
  height: 94px;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 12px;
  width: 400px;
}
.header .logo a, .header .logoEng a {
  display: block;
  outline:none;
  height: 94px;
  text-indent: -999em;
  }
.header .icpw {
    left:122px;
    top:30px;
    height:52px;
    background:url('../images/ichp.gif') no-repeat 0 0;
    border:0;
    text-indent:-9999em;
}
.header .logo, .header .logoEng {  left:20px; }
.header .subtitle {
  background: url('../images/cctw_logotyp.gif') no-repeat 20px 14px;
  border: 0;
  height: 68px;
  left: 232px;
  margin: 0;
  padding: 0;
  position: absolute;
  text-indent: -999em;
  top: 26px;
  width: 360px;
  border-left:1px solid #F3F3EB;
  }

.header h1,
.header h2 {
  position: absolute;
  top: 0;
  border:0;
  right: 27px;
  }
  .header h1.logo, .header h1.logoEng {
    top:24px;
  }
  .header h2 {
    top:35px;
  }

/* Marginalia
----------------------------------------------------------------------------- */

.marginalia {
  position: absolute;
  width: 100%;
  top:1px;
  left:0;
  text-align:center;
  z-index:10000;
  }
  .navigationOuter {
   margin:0 auto;
   width:990px;
  }
.marginalia span.eu-funds {
  display: block;
  margin: 0 0 0 692px;
  padding: 0;
  position: absolute;
  top: 37px;
  width: 325px;
  }

.marginalia span.eu-funds img.ig {
  border-right: 1px solid #f3f3eb;
  }

.marginalia .navigation {
  border-bottom: 1px solid #f3f3eb;
  display: block;
  height: 25px;
  list-style: none outside none;
  margin: 0 auto;
  padding: 0 0 3px 0;
  width:  325px;
  float:right;
  }

.marginalia .navigation li {
  background: url('../images/icons-marginalia.gif') no-repeat 0 4px;
  display: block;
  float: left;
  height: 25px;
  margin-left: 25px;
  list-style: none outside none;
  padding: 0 0 0 20px;
  }

* html .marginalia .navigation li {  margin-left: 20px;  }

.marginalia .navigation li.mn-contact {  background-position: 0 -16px;  }
.marginalia .navigation li.mn-sitemap {  background-position: 0 -36px;  }

.marginalia .navigation li a {
  color: #66665a;
  display: block;
  font-size: 11px;
  height: 25px;
  line-height: 25px;
  text-decoration: none;
  }

* html .marginalia .navigation li a {
  display: inline-block;
  }

.marginalia .navigation li a:hover {
  text-decoration: underline;
  }

/* Navigation
----------------------------------------------------------------------------- */

.header .navigation {
  display: block;
  height: 47px;
  list-style: none outside none;
  margin: 0;
  z-index:6;
  padding: 0;
  position: relative;
  top: 130px;
  }

.header .navigation li {
  border-right: 1px solid #8cc044;
  display: block;
  float: left;
  height: 47px;
  list-style: none outside none;
  }

.header .navigation li.current {
  background: url('../images/bg-navigation.png') repeat-x 0 0;
  height: 47px;
  }

.header .navigation li.current a:hover {
  background: transparent;
  cursor: default;
  }

.header .navigation li a {
  color: #fff;
  display: block;
  font-size: 12px;
  font-weight: bold;
  height: 47px;
  line-height: 47px;
  padding: 0 20px;
  text-decoration: none;
  text-shadow: 0px 1px 0 #222;
  }
* html .header .navigation li a {
  display: inline-block;
  }

.header .navigation li.current a {
  }

.header .navigation li a:hover, .header .navigation li a.hoverMenu {
  background: url('../images/bg-navigation.png') repeat-x 0 100%;
  }


/* submenu for navigation */
.header .navigation  li {
  float:left;
  position:relative;
  height:auto;
  z-index:9999;
  display:block;
  
}
.header .navigation ul {
  position:absolute;
  top:46px;
  background:#51960b;
  margin:0;
  display:none;
  left:0;
  border-bottom:2px green solid;
  border-right:3px #8CC044 solid;
}
.header .navigation ul ul {
  left:100%;
  top:0;
}
.header .navigation ul li a {
  height:auto;
  line-height:18px;
  width:120px;
  float:left;
  clear:both;
  margin:0;
  padding-top:5px;
  padding-bottom:5px;
  background:url('');
}
.header .navigation ul li a:hover {
  background:url('') #8CC044;
  background: url('../images/bg-navigation.png') repeat-x 0 -1px;
}
.header .navigation ul li {
  border:0;
  border-bottom:1px #8CC044 solid;
  float:left;
  clear:both;
}
.header .navigation ul li.last {  border:0; }
/* Search for navigation */

.searchBox  {
  border-right: 0;
  height: 35px;
  padding: 12px 0 0 15px;
  position:absolute;
  z-index:99;
  top:130px;
  right:30px;
  }
.searchBox  label {  display: none; }
.searchBox  input {
  border: 0;
  display: block;
  float: left;
  font-size: 12px;
  }
.searchBox  #quick_search {
  background: #fff;
  border-top: 1px solid #fbfcf8;
  color: #9c9c8d;
  height: 15px;
  padding: 3px 5px 5px 5px;
  }

.searchBox #quick_search_submit {
  background: transparent url('../images/bg-submit-67px.gif') no-repeat 50% 2px;
  color: #fff;
  cursor: pointer;
  font-weight: bold;
  height: 26px;
  left: 5px;
  line-height: 20px;
  width: 67px;
  position: relative;
  top: -2px;
  }

/* Breadcrumb & language picker */

.set-lang,
.breadcrumb {
  color: #9c9c8d;
  font-size: 11px;
  position: absolute;
  top: 193px;
  }

.breadcrumb {  left:  25px;  }
.set-lang   {  right: 25px;  }

.set-lang span img {
  border: 1px solid #dcdcd4;
  border-bottom-color: #bebeb8;
  margin-left: 10px;
  vertical-align: text-top;
  }

.set-lang a,
.breadcrumb a {
  color: #6fb014;
  text-decoration: none;
  }

.set-lang a:hover,
.breadcrumb a:hover {
  text-decoration: underline;
  }

/* Content
----------------------------------------------------------------------------- */

.wrapper,
.footer,
.content {
  clear: both;
  margin: 0 auto;
  /*position: relative;*/
  }
  .wrapper, .footer {
    position:relative;
  }
.content {
  overflow:hidden;
  border: 1px solid #e4e4d7;
  border-top:0;
  background: #fff;
  padding: 10px 23px;
  padding-left:10px;
  padding-right:10px;
  width: 970px;
  height:auto !important;
  min-height:400px;
  *height:400px;
  z-index: 2;
  position:inherit;
  background:white;
  border-bottom:0;
  }
  .bottomCornersContent {
    height:5px;
  }

.content h3 {
  background: url('../images/bg-h3.png') no-repeat 0 50%;
  border-bottom: 1px solid #000;
  color: #676767;
  display: block;
  font-size: 12px;
  height: 40px;
  line-height: 40px;
  margin: 0;
  padding: 0 0 0 25px;
  }

.content h3 span {
  display: block;
  float: left;
  font-size: 16px;
  height: 40px;
  line-height: 38px;
  margin: 0;
  padding: 0;
  }

.content h3 span.date {
  float: right;
  font-size: 11px;
  line-height: 40px;
  padding: 0 17px 0 0;
  }

.column-1 {
  width: 408px;
  float: left;
  }

.column-2 {
  width: 539px;
  float: right;
  }

.column-1 p {
  font-size: 12px;
  line-height: 18px;
  }

.column-1 span.eu-funds {
  border-top: 1px solid #000;
  display: block;
  height: 42px;
  padding: 10px 0;
  }

.column-1 span.eu-funds img {
  display: block;
  float: left;
  }

.column-1 span.eu-funds img.efrr {
  float: right;
  }

.project-description {
  background: #f1f0eb;
  margin: 0 0 20px 0;
  padding: 13px 19px;
  }

.project-description h3 {
  background: url('../images/bg-h3-chimneys.gif') no-repeat 0 50%;
  color: #454236;
  font-size: 18px;
  height: 60px;
  line-height: 20px;
  padding-left: 64px;
  padding-top: 6px;
  }

.column-2 .section {
  background: #f3f3eb;
  float: left;
  width: 256px;
  }

.column-2 .section.gallery {
  margin-right: 25px;
  }

.column-2 .section h3 {
  border-color: #fff;
  }

.column-2 .links ul {
  padding: 15px;
  }

.column-2 .gallery a {
  display: block;
  height: 100%;
  padding: 11px 0;
  margin-top:10px;
  }

.column-2 .gallery a img {
  border: 3px solid #fff;
  display: block;
  margin: 0 auto;
  }

.column-2 .gallery a:hover img {
  border-color: #ccc;
  }

/* Lists */

.links ul,
ul.news, .search-results {
  display: block;
  list-style: none outside;
  margin: 0 0 10px 0;
  padding: 0;
  }

.links ul li,
ul.news li, .search-results li, .categoryOfLink li, .elementLink li {
  background: url('../images/blt-arrow-green.gif') no-repeat 2px 14px;
  border-top: 1px solid #bfbdb4;
  display: block;
  font-size: 12px;
  height: 32px;
  line-height: 32px;
  list-style: none outside;
  margin: 0;
  padding: 0 0 0 10px;
  }
.links ul li, .categoryOfLink li, .elementLink li {
  padding-left: 20px;
  line-height:16px;
  padding-top:8px;
  padding-bottom:8px;
  height:auto;
}

.links ul li.first, .categoryOfLink li.first, .elementLink li.first
ul.news li.first {
  border-top: 0;
  }
  .categoryOfLink li {
    border:0;
    border-bottom:1px  solid #bfbdb4;
  }
  .elementLink li {
    border:0;
    line-height:12px;
    padding-bottom:3px;
  }
.categoryOfLink {
    padding:5px;
    margin:5px;
  }
  .search-results p {
    margin:0;
    padding:0;
  }
  .search-results li {
    height:auto;
    border-top:0;
    line-height:21px;
    padding-top:6px;
    padding-bottom:5px;
    border-bottom:1px silver solid;
  }
  .search-page-numbers a, .categoryOfLink li a, .contact a ,   .elementLink li a {
    text-decoration:none; 
    font-weight:bold;
    color:#6FB014;
  }
  .search-query label {
    padding-right:5px;
  }
  .search-query input {
    padding:3px;
    font-size:12px;
    border:1px silver solid;
  }
  .search-query  .submitSearchQuery {
    background:transparent url(../images/bg-submit-67px.gif) no-repeat scroll 50% 2px;
    border:0;
    outline:none;
    color:#FFFFFF;
    cursor:pointer;
    font-weight:bold;
    height:26px;
    line-height:20px;
    width:67px
    
  }
  .search-results li a {
    color:#6FB014;
    font-weight:bold;
    text-decoration:none;
  }
ul.verbose li {
  border-top: 1px solid #222;
  height: auto;
  line-height: 18px;
  clear:both;
  }
  ul.verbose li.first {
    border-top:0px  ;
  }
  .navigation span a {
    font-weight:normal;
  }
.verbose p {
  color: #454236;
  line-height: 16px;
  margin-bottom: 6px;
  }
  .verbose p  img {
      float:left;
      padding-right:7px;
      padding-bottom:10px;
  }

.news a,
.links a,
span.title {
  color: #6fb014;
  font-weight: bold;
  }

.news a,
.links a {
  text-decoration: none;
  }

.news a:hover,
.links a:hover {
  text-decoration: underline;
  }

span.title strong {
  color: #454236;
  }

.verbose span.title strong {
  display: block;
  padding-top: 7px;
  }

/* Buttons and see-more links */

.action {
  display: block;
  }

.action a {
  display: block;
  height: 100%;
  text-decoration: none;
  }

.see-more {
  background: url('../images/blt-arrow-green.gif') no-repeat 2px 50%;
  height: 18px;
  line-height: 18px;
  padding: 2px 0 2px 10px;
  }

.see-more a {
  color: #6fb014;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  }

.column-1 .see-more,
.column-2 .see-more {
  position: relative;
  top: -10px;
  }

.links .see-more {
  left: 15px;
  top: -15px;
  }

/* Footer
----------------------------------------------------------------------------- */

.footer {
  background: #eaeae0;
  font-size: 12px;
  width:992px;
  height: 45px;
  margin-bottom: 100px;
  padding: 16px 0 0 0;
  position: relative;
  top: -8px;
  background:url('../images/backGRDFooter.png') no-repeat 0 0;
}

.footer .stats,
.footer .meta,
.footer .copyrights {
  display: block;
  }

.footer .meta,
.footer .stats {
  color: #454236;
  height: 28px;
  line-height: 28px;
  position: relative;
  top: 5px;
  }

.footer .stats {
  background: #fff;
  color: #454236;
  float: left;
  font-weight: bold;
  padding: 0 10px;
  left: 25px;
  background:url('../images/footerStats.png') no-repeat 0 0;
  display:block;
  width:220px;
  }

.footer .meta {
  float: right;
  right: 25px;
  }

.footer .meta a {
  color: #454236;
  font-size: 12px;
  padding: 3px;
  text-decoration: none;
  }

.footer .meta a:hover {
  text-decoration: underline;
  }

.footer .copyrights {
  bottom: -20px;
  color: #817f75;
  left: 25px;
  position: absolute;
  }

/* Hacks and odd things
----------------------------------------------------------------------------- */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
  }

.clearfix {	display: inline-block;  }
* html .clearfix {	height: 1%;  }
.clearfix {	display: block;  }

/* subpage - news */
.subpage .column-2 {
  width:360px;
  float:left;
}
.subpage .column-1 {
  width:598px;
  float:right;
}
.content .subpage .newArt p img {
  float:left;
  padding:2px;
  background:silver;
  margin-right:10px;
  margin-bottom:5px;
}
.content .subpage .see-more {
  clear:both;
  display:block;
  padding-left:2px;
  background:url('');
  padding-top:2px;
}
.content .subpage .see-more a {
  padding-left:10px;
  background:transparent url(../images/blt-arrow-green.gif) no-repeat scroll 2px 50%
}
.content .subpage .desc span {
  float:right;
  padding-left:10px;
 padding-right:10px;
  background:transparent url(../images/blt-arrow-green.gif) no-repeat scroll 2px 50%;
}
.content .subpage .desc h5 {
  background:transparent url(../images/blt-arrow-green.gif) no-repeat scroll 2px 50%;
  padding-left:10px;
  font-size:12px;
}
.subpage .newsFiles ul {
  margin:2px;
}
.subpage .newsFiles ul a {
color:#6FB014;
font-weight:bold;
text-decoration:none;
}
.newArt p li {
  list-style:disc;
}
.content .subpage .newArt a {
  color:#6FB014;
}
.subpage .newArt ul
.subpage .newArt .desc {
  clear:both;
  font-size:11px;
  font-weight:bold;
}
.subpage .paginator {
  padding-top:5px;
  padding-bottom:5px;
  clear:both;
  font-size:13px;
  text-align:center;
}
.subpage .paginator a {
  color:#454236;
}
.subpage .paginator .selected {
  color:#6FB014;
}
.subpage ul, .subpage li {
  list-style:none;
}
/* news */
.subpage .list-news span.title span.date {
  color:gray;
}
.subpage .list-news li {
  padding-top:7px;
}
.subpage .list-news p {
margin:0;
}
.subpage .list-news p a {
  float:right;
}
.subpage h4 {
  color:#6FB014;
  font-weight:bold;
  line-height:18px;
  font-size:12px;
  padding-top:8px;
  padding-bottom:5px;
}
.bottomCornersContent {
  height:12px;
  line-height:0;
  overflow:hidden;
  clear:both;
  background:url('../images/bottomCornersContent.png') no-repeat 50% 0;
}
.topCornersContent {
  height:5px;
  line-height:0;
  width:992px;
  margin:0 auto;
  overflow:hidden;
  background:url('../images/topCornersContent.png') no-repeat 50% 0;
}
.topCornersContentOuter {
  text-align:center;
  height:5px;
  line-height:0;
  font-size:0;
}
.slideshowBox  {
  height:auto;
  text-align:center;
}
.slideshowBox  a {
  display:block;
  width:226px;
  margin:0 auto;
}
.subpage .column-1 .gallery {
  padding:5px;
  clear:both;
  height:850px;
}
.subpage .column-1 .gallery img {
  width:598px;
}
.subpage .column-1 .prevNext a {
  color:#6FB014;
  font-weight:bold;
  padding-left:3px;
  padding-right:3px;
  float:left;
}
.subpage .column-1 ul#nav a {
    padding-left:3px;
  padding-right:3px;
}
.subpage .column-1 ul#nav {
  clear:both;
  margin:0;
  display:block;
}
.subpage .column-1 ul#nav li {
  padding:5px;
  float:left;
}

.subpage .column-1 ul#nav li a {
  border:1px silver solid;
  padding:5px;
  float:left;
}
.subpage .column-1 ul#nav li img {
  float:left;
  height:160px;
  display:block;
}
.subpage .column-1 ul#nav span {
  display:block;
  clear:both;
  padding-top:3px;
  padding-bottom:5px;
}
.subpage ul ,li {
  list-style:none;
}
.subpage .organization {
  margin:0;
  padding:0;
  padding:5px;
  padding-top:10px;
}
.subpage .organization li {
  display:block;
  width:100%;
  float:left;
  padding-left:10px;
  padding-right:3px;
  padding-left:3px;
  padding-top:3px;
  padding-bottom:3px;
  border-bottom:1px silver solid;
}
.subpage .organization li a {
  text-decoration:none;
  padding-left:10px;
  display:block;
  font-weight:bold;
  font-size:13px;
  background:transparent url(../images/blt-arrow-green.gif) no-repeat scroll 2px 50%;
  color:#676767;
}
.subpage .organization li a:hover, .subpage .organization li.selected a {
  color:#6FB014;
  font-weight:bold;
}
ul.contact {
  margin-left:15px;
  overflow:hidden;
}
 .contact .content li {
  margin:5px;
  padding:5px;
  width:450px;
  float:left;
 }
 .contact .content li li {
   width:220px;
   float:left;

 }
.contact .content h4 {
  background:transparent url(../images/bg-h3.png) no-repeat scroll 0 50%;
  border-bottom:1px solid #000000;
color:#676767;
display:block;
font-size:12px;
height:40px;
line-height:40px;
margin:0;
padding:0 0 0 25px;
}
.contact  .content li ul {
  float:none;
}
.contact .content li ul li {
  border:0;
  padding:1px;
  margin:0;
  background:transparent url(../images/blt-arrow-green.gif) no-repeat scroll 2px 50%;
  padding-left:10px;
  list-style:none;
}
.contact  .content .avatarUser {
  float:left;
  width:198px;
  height:198px;
  margin-right:5px;
  background:#f3f3eb;
  padding-bottom:5px;
  text-align:left;
  overflow:hidden;
  clear:both;
  margin-top:10px;
}
.contact .content .avatarUser img {
  width:159px;
  overflow:hidden;
  display:block;
}
.subpage .boxGW {
  float:left;
  border:1px silver solid;
  padding:5px;
  padding-bottom:10px;
}
.subpage .boxGWInner {

}
.content .subpage  .boxGW  img {
  padding:0;
  background:white;
  margin:0;
  display:block;
  padding-bottom:5px;
  width:auto;
}
.content .subpage .boxGW {
  width:203px;
}
.content .subpage .boxGW span {
  font-size:11px;
}
.content .subpage  .boxGW li li {
  padding-bottom:10px
}
.subpage .boxGW a {
  width:auto;
}
.subpage  .newsPhotos  .boxGW ul {
  margin:2px;
}
.subpage .boxGW img {
  width:90px;
  border:0;
}
.subpage .newsFiles , .subpage .newsPhotos {
  margin-top:5px;
  float:left;
  margin-right:10px;
}
.content .subpage .newsFiles .boxGW li {
  padding-top:3px;
  padding-bottom:3px;
}
.contact h2.contact {
  color:#6FB014;
  font-weight:bold;
  font-size:13px;
}
p p {
  padding:0;
  margin:0;
}
.newArt p a {
  color:#6FB014;
  font-size:12px;
  text-decoration:none;
}
.galleria_wrapper img {
  width:760px;
  margin-top:25px;
}
.subpage ul.link li a {
  color:#6FB014;
  font-weight:bold;
  background:transparent url(../images/blt-arrow-green.gif) no-repeat scroll 2px 50%;
  padding-left:15px;
  font-size:12px;
  text-decoration:none;
}
.gallery-top{
  background:url('../images/backGRDGalleryTop.png') no-repeat 50% 0;
  padding-top:5px;
}
.gallery-bottom {
  background:url('../images/backGRDGalleryBottom.png') no-repeat 50% 100%;
}
.cctwproject .slideshowBox, .cctwccs .slideshowBox {
  height:auto;
}
.cctwproject .slideshowBox img, .cctwccs .slideshowBox img {
  display:block;
}
.cctwproject .subpage .boxGW, .cctwccs .subpage .boxGW { padding-bottom:0; }
.boxGW ul li {
  list-style:none
}