body {

	font: 12px Verdana, Arial, Helvetica, sans-serif;

	background:url(../gfx/background_nowy.jpg) no-repeat #000;

	margin: 0;

	padding: 0;

	color: #FFF;

}



img {

border:none;

}



.clearfloat {

clear:both;

}



a {

color:#f9c308;

text-decoration:none;

}



a:hover {

color:#FFFFFF;

text-decoration:underline;

}



#container {

	width: 800px;

	margin:0 auto;

	text-align: left;

}



#float_bg {

background:url(../gfx/background_right_nowy.jpg) no-repeat right;

width:268px;

height:379px;

position:absolute;

right:0;

z-index:-100;

}



#header {

position:relative;

height:130px;

border:1px #FFFFFF dotted;

border-width:0 0 1px 0;

}



#header .logo {

position:absolute;

top:2px;

left:5px;

}



#menu {

position:absolute;

right:0;

}



#menu a {

padding:109px 10px 5px 10px;

font-family: "Century Gothic", Arial, sans-serif;

font-size:0.95em;

color:#f9c308;

text-decoration:none;

float:left;

}



#menu a:hover, #menu .current {

background:#302f2f;

color:#fff;

background:url(../gfx/menu_bg.gif) repeat-x;

}

#menu li.selected {

background:#302f2f;

color:#fff;

}



#menu li.selected a{

color:#FFFFFF;

}



.galeria_menu {

	position:absolute;

	width:150px;

	height:120px;

	left:516px;

	top:131px;

	z-index:10000;

	display:none;

	background:url(../gfx/galeria_menu_bg.png);

}



.galeria_menu a {

	float:left;

	line-height:30px;

	width:150px;

	padding:0 0 0 10px;

	text-decoration:none;

	font-size:0.9em;

}



.galeria_menu a:hover {

	background:#333;

	text-decoration:none;

}



#mainContent {

text-align:center;

}



.tresc {

width:800px;

margin:0;

color:#FFF;

text-align:justify;

float:left;

}



.tresc strong {

	color:#F9C308;

}



.tresc h2 {

margin:0 0 15px 0;

padding:0 0 0 10px;

color:#f9c308;

font-family: "Century Gothic", Arial, sans-serif;

font-weight:normal;

border:#f9c308 solid;

border-width:0 0 0 5px;

}



#mainContent .panel {

width:800px;

float:left;

}



#mainContent .obraz {

border:1px #FFFFFF dotted;

border-width:0 0 1px 0;

}



.kontakt {

padding:0 0 0 15px;

float:left;

}



.formularz {

top:10px;

width:550px;

float:right;

right:0;

}



.formbox {

width:412px;

height:300px;

background:#333333;

display:none;

padding:50px 0 0 0;

text-align:center;

float:left;

}



.formbut a {

padding:10px;

float:left;

}



.formbut a.active {

background:#999999;

}



#footer {

background:#242424;

height:30px;

margin:20px 0 0 0;

color:#858585;

font-size:0.9em;

}



#footer .contentt {

width:840px;

margin:0 auto;

padding:7px 20px 0 20px;

position:relative;

}



.gold {

color:#F9C308;

}



.white {

color:#FFF;

}



.blue {

color:#0ecefe;

}





ul {

margin:0;

padding:0;

}



#bookmarks li {

float:left;

list-style:none;

margin:0;

padding:0;

}



#slider {

    width: 880px;

    margin: 0 auto;

    position: relative;

	margin:0;

	padding:0;

}







.scroll {

    width: 900px;

    overflow: auto;

    overflow-x: hidden;

    position: relative;

    clear: left;

}



.scrollContainer div.panel {

    padding: 20px;

	height:450px;

    width: 840px;

}





.scrollButtons {

display:none;

}



/** VIEW **/



#view {

width:100%;

height:100%;

background:#333333;

position:absolute;

z-index:100;

opacity:0.8;

}



#view_item {

height:300px;

width:300px;

position:absolute;

margin:0 auto;

top:100px;

background:#FFF;

z-index:101;

}



.news_box {

	float:left;

	width:800px;

	text-align:justify;

	margin:0 0 15px 0;

	border:#999 dashed;

	border-width:0 0 1px 0;

	padding:0 0 15px 0;

	}



.news_box h3{

	background:#333;

	width:800px;

	color:#F9C308;

	padding:5px 5px 5px 20px;

	margin:0;

}



.news_box .tresc {

	padding:0 0 0 15px;

}



.news_box .data {

	font-size:0.8em;

	color:#F9C308;

}



/** PHOTO SLIDER **/



#photo_slider {

height:315px;

width:800px;

position:relative;

margin:0 0 20px 0;}



.black_box {

width:230px;

height:41px;

position:absolute;

right:0;

top:120px;

background:#000;

opacity:0.8;

}



.title_box {

font-family:Tahoma;

font-size:12px;

position:absolute;

width:210px;

height:41px;

top:120px;

right:0;

padding:13px 0 0 20px;

color:#FFFFFF;

background:none;

z-index:100;

}



#photo_slider img {

}



#photo_slider .jakis_napis {

position:absolute;

top:100px;

left:100px;

font-size:2em;}



/** GALERRY **/



div.content {

	/* The display of content is enabled by a javascript generated style on the page.

	   This is so that the slideshow content won't display unless javascript is enabled. */

	display:none;

	float:right;

	width:500px;

}

div.controls {

	margin: 5px 0 0 0;

	height: 23px;

}

div.ss-controls {

	float: left;

}

div.ss-controls span {

	color: #666666;

	cursor: pointer;

}

div.nav-controls {

	float: right;

	margin:0 20px 0 0;

}

div.nav-controls a {

	padding: 5px;

}



div.nav-controls a:hover {

text-decoration:none;

color:#FFFFFF;

}



div.slideshow {

	clear: both;

	text-align:center;

}

div.slideshow span.image-wrapper {

	float: right;

	padding-bottom: 12px;

	margin:0 0 0 0;

}

div.slideshow a.advance-link {

	padding: 2px;

	display: block;

	border: 1px solid #ccc;

}

div.slideshow img {

	border: none;

	display: block;

	right:0;

}

div.download {

	float: right;

}

div.embox {

	clear:both;

	background-color: #111;

	padding: 12px;

}

div.image-title {

	font-weight: bold;

	font-size: 1.4em;

	color:#F9C308;

}



div.image-desc {

	line-height: 1.3em;

	padding-top: 12px;

}

div.navigation {

	/* The navigation style is set by a javascript generated style on the page.

	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */

}

ul.thumbs {

	clear: both;

	margin: 0;

	padding: 0;

}

ul.thumbs li {

	float: left;

	padding: 0;

	margin: 5px 10px 5px 0;

	list-style: none;

}

ul.thumbs li a {

	padding: 2px;

	display: block;

	border: 1px solid #ccc;

}

ul.thumbs li.selected a {

	background: #88f;

}

ul.thumbs a:focus {

	outline: none;

}

ul.thumbs img {

	border: none;

	display: block;

}

div.pagination {

	clear: both;

}

div.navigation div.top {

	margin-bottom: 12px;

	height: 11px;

}

div.navigation div.bottom {

	margin-top: 12px;

}

div.pagination a, div.pagination strong {

	display: block;

	float: left;

	margin-right: 2px;

	padding: 4px 7px 2px 7px;

}

div.pagination a:hover {

	color:#FFFFFF;

	text-decoration: none;

}

div.pagination strong {

	background-color:#302F2F;

	color:#FFFFFF;

}



#cforms2form fieldset {

	width:650px;

	border:none;

}



#cforms2form label {

	width:160px;

	display:block;

	float:left;

	margin:3px 3px 3px 0;

	background:#333;

	padding:6px;

	text-align:left;

}



#cforms2form input{

	float:left;

	width:185px;

	border:none;

	height:18px;

	margin:3px;

	padding:3px;

	font-size:12px;

}



#cforms2form select {

		float:left;

	width:192px;

	border:none;

	height:26px;

	margin:3px;

}



#cforms2form .upload {

	height:24px;

	border:#F00;

}



#cforms2form sendbutton {

	height:30px;

}



#cforms2form sendbutton:hover {

	background:#333;

	color:#F9C308;

	cursor:pointer;

}



#cforms2form .textonly, fieldset legend {

	font-size:16px;

	margin:10px 0 10px 0;

	color:#F9C308;

}



#cforms2form ol li {

	list-style:none;

	float:left;

}


.facebookbox {
	position:fixed;
	right:-260px;
	width:240px;
	height:290px;
	padding:10px;
	top:35%;
}

.likelogo {
	position:absolute;
	top:28%;
	left:-32px;
}
