@charset "UTF-8";
/* CSS Document */

body {
	margin:0;
padding:0;
	background-image:url(../img/bcg.jpg);
	background-position:top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2D2D2D;
	line-height:19px;
}

a {
	outline:none;
}

a:active {
  outline:none;
}

img {
	border:0px;
}

.pomaranczowy {
       color:#eb5100;
}

.szary {
       color:#2D2D2D;
}

#main {
	margin:0 auto;
	width:930px;
	margin-top:60px;
}

#logo {
        width:213px;
	height:48px;
        padding-left:6px;
}

#logoDescr {
	position:absolute;
	margin:-22px 0 0 237px;
	width:217px;
	height:26px;
	background-image:url(../img/logoDescr.png);
}

#largeMenu {
	margin-top:40px;
	
}

#container {
	width:940px;
	margin-left:-10px;
}

#container .up {
	margin-top:20px;
}

#container .down {
	margin-top:-20px;
}

#container .descr {
	position:absolute;
	z-index:100;
	margin-left:525px;
	margin-top:60px;
}

#container div {
	margin-left:10px;
	float:left;
	width:225px;
	height:400px;
	position:relative;
	overflow:visible;
}

#container img {
	position:absolute;
}

#leftMenu {
	float:left;
	position:absolute;
	margin-top:20px;
	width:225px;
}

#labelOrngLarge {
	height:200px;
	width:225px;
	background-image:url(../img/labelOrngLrg.png);
}

#labelGreenLarge {
	height:200px;
	width:225px;
	margin-top:1px;
	background-image:url(../img/labelGreenLrg.png);
}

#labelBlueLarge {
	height:200px;
	width:225px;
	margin-top:1px;
	background-image:url(../img/labelBlueLrg.png);
}

#labelYellowLarge {
	height:200px;
	width:225px;
	margin-top:1px;
	background-image:url(../img/labelYellowLrg.png);
}

#containerLeft {
	width:225px;
}


#containerLeft div {
	width:225px;
	height:65px;
	margin-top:1px;
	position:relative;
	overflow:visible;
}

#containerLeft img {
	position:absolute;
}

#lrgBcg {
	position:absolute;
	height:398px;
	width:695px;
	float:left;
	margin:20px 0 0 235px;
	background-image:url(../img/lrgBcg.png);
}

#midBcg {
	position:absolute;
	height:398px;
	width:460px;
	float:left;
	margin:20px 0 0 235px;
	background-image:url(../img/midBcg.png);
}

#midBcgBlue {
	position:absolute;
	height:398px;
	width:460px;
	float:left;
	margin:20px 0 0 235px;
	background-image:url(../img/midBcgOrng.png);
}

#smallBcg {
	position:absolute;
	height:398px;
	width:225px;
	float:left;
	margin:20px 0 0 235px;
	background-image:url(../img/xtrasmallBcg.png);
}

#content {
	height:358px;
	width:420px;
	padding:20px 20px 20px 20px;
	text-align:justify;
}

#content .onasRow {
	text-align:justify;
	float:left;
	height:358px;
	width:200px;
	margin-right:20px;
	overflow:hidden;
}

#content p {
	margin:0px;
	padding:0px 0 10px 0;
}

#content .orange {
	font-weight:bold;
	font-size:14px;
	color:#eb5100;
}

#content img {
	padding:10px 0 10px 15px;
	float:right;
}

#contentGallery {
	height:358px;
	width:675px;
	padding:20px 0px 20px 20px;
	text-align:justify;
}

#contentGallery h1{
	margin:0;
	padding:20px 0 3px 0 ;
	font-size:14px;
	color:#00a4e1;
}

#contentGallery p {
	margin:0;
	padding:0;
}

#contentKontakt {
	height:358px;
	width:185px;
        padding:20px;
	text-align:justify;
}

#contentKontakt h1{
	margin:0;
	padding:0 0 3px 0 ;
	font-size:14px;
	color:#ecde07;
}

#contentKontakt h2{
	margin:0;
	padding:0 0 1px 0 ;
	font-size:12px;
	color:#ecde07;
}

#contentKontakt p {
	margin:0;
	padding:0;
}

#contentKontakt .yellow {
        font-weight: bold;
        color:#ecde07;
        padding-top:12px;
}


#contentGallery img {
        padding:16px 16px 0 0;
}


/* eventy  */

div.scrollable {
	/* required settings */
	position:absolute;
	overflow:hidden;	
	width: 695px;	
	height:420px;		
	float:left;
	display:inline;
	margin-top:20px;
	margin-left:235px;
}

div.scrollable div.items {	
	/* this cannot be too large */
	width:2000px;	
	position:absolute;
	clear:both;		
}

div.scrollable div.items div {
	float:left;
	width:460px;
	margin-right:10px;
}

div.scrollable div.items div.active {
}

a.next, a.nextPage {
	position:absolute;
	display:block;
	width:60px;
	height:18px;
	background:url(../img/left.png) no-repeat;
	float:left;
	cursor:pointer;
	margin-left:860px;
	margin-top:-2px;
}

a.prev, a.prevPage {
	position:absolute;
	display:block;
	width:18px;
	height:18px;
	background:url(../img/left.png) no-repeat;
	float:left;
	cursor:pointer;
	margin-left:250px;
	margin-top:-2px;
}

a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

a.disabled {
	visibility:hidden !important;		
}


#eventRow {
	text-align:justify;
	width:420px;
	padding:20px;

}

#eventRow p {
	margin:0;
	padding:0;
}

#eventRow img {
	padding:8px 0 8px 0;
}

#eventRow h1{
	margin:0;
	padding:0;
	font-size:14px;
	color:#39be0e;
}

#eventRow ul{
	margin:0;
	padding:0;
	padding-left:15px;
}
#eventRow li{
        padding-bottom:5px;
	color:#39be0e;
}

#container1 {
	text-align:justify;
}

#wrap1, #wrap2, #wrap3, #wrap4, #wrap5, #wrap6, #wrap7, #wrap8 {
	position: relative; 
	overflow: hidden;
	background-image:url(../img/xtralongBcg.png);
	min-height:388px;
}
#gradient {
	width:100%; 
	height:25px; 
	background:url(../img/gradient.png) repeat-x; 
	position:absolute; 
	bottom:0; 
	left:0; 
}
#read-more1, #read-more2, #read-more3, #read-more4, #read-more5, #read-more6, #read-more7, #read-more8 { 
	padding-left:5px;
	padding-top:15px;
	background-image:url(../img/xtrasmallBcgBtm.png);
	background-repeat:no-repeat;
	height:20px;
	color:#333;
}
#read-more1 a, #read-more2 a, #read-more3 a, #read-more4 a, #read-more5 a, #read-more6 a, #read-more7 a, #read-more8 a { 
	padding-right:22px; 
	font-weight:bold;
	text-decoration:none;
	color:#39be0e;
}
#read-more1  a:hover, #read-more2 a:hover, #read-more3 a:hover, #read-more4 a:hover, #read-more5 a:hover, #read-more6 a:hover, #read-more7 a:hover, #read-more8 a:hover {color:#217608;}

.gnb {
position:absolute;
width: 695px; 
margin: -25px 0 3px 225px; 
}

/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */
width: 695px; 
height: 27px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 685px;
overflow: hidden;
}

ul.newsticker { /* that's your list */
position: relative;
left: 695px;
color:#FFFFFF;
font: normal 16px Verdana;
list-style-type: none;
margin: 0;
padding: 0;
}

ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
margin:0px 40px 10px 0px;
}

ul.newsticker a {
white-space: nowrap;
padding: 0;
margin: 0 10px 0 10px;
} 

ul.newsticker span {
margin: 0 10px 0 0;
} 

ul.newsticker p {
margin: 0;
padding: 0;
} 

#panel1, #panel2, #panel3, #panel4, #panel5, #panel6, #panel7, #panel8 {
	display: none;
	width:420px;
}

#panel1 p, #panel2 p, #panel3 p, #panel4 p, #panel5 p, #panel6 p, #panel7 p, #panel8 p {
	margin: 0;
	padding: 0 0 10px; 0;
}

.btn-slide1, .btn-slide2, .btn-slide3, .btn-slide4, .btn-slide5, .btn-slide6, .btn-slide7, .btn-slide8 {
	background: url(images/white-arrow.gif) no-repeat right -50px;
	display: block;
	color: #39be0e;
	text-decoration: none;
	padding-bottom:5px;
}

UL.tabNavigation {
		    list-style: none;
		    margin: 0;
		    padding: 0;
		}

		UL.tabNavigation LI {
		    display: inline;
		}

		UL.tabNavigation LI A {
                    font-size:14px;
                    font-weight:bold;
		    padding: 0px 20px 0 0;
		    color: #00a4e1;
		    text-decoration: none;
		}

		UL.tabNavigation LI A.selected,
		UL.tabNavigation LI A:hover {
		    color: #004d69;
		}
		
		UL.tabNavigation LI A:focus {
			outline: 0;
		}
		
		.waste {
			min-height: 1000px;
		}

#subMenu {
	position:absolute;
	margin:20px 0 0 705px;

}

#subMenu div {
	width:225px;
	height:49px;
	margin-bottom:1px;
	position:relative;
	overflow:visible;
}

#subMenu img {
	position:absolute;
}