body {
	height: 100%;
    margin: auto; /* center in viewport */
    width: 1216px;
    font-family:Arial, Helvetica, sans-serif;
    text-align: left;
}
html {
    background-color: #4c4c4c;
	height: 100%;
}
#doc4 {
	width: 960px;
	*width: 960px;
	padding: 0 128px;
	
	height: auto !important;
	height: 100%;
	min-height:100%;
	position:relative;
}

#ft:after, .clr:after, .paragraph:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
}

#wrapp {
    height: 100%;
    	/*padding-bottom: 60px;*/
}
#hd {
	padding-top: 84px;
	position: relative;
}
#logo {
	float: left;
}
#kraina {
	width: 665px;
	height: 58px;
	position: absolute;
	bottom: 0;
	left: 265px;
}
.lang_pl #kraina {
	background:url('../media/kraina.png') no-repeat;
}
.lang_en #kraina {
	background:url('../media/kraina.en.png') no-repeat;
}
.lang_de #kraina {
	background:url('../media/kraina.de.png') no-repeat;
}
#headline {
	float: right;
	width: 430px;
}
#headline img.icon  {
	padding: 14px 6px;
}
#headline img.signature  {
	padding: 0px 10px;
}
#bgImg {
    position: absolute;
    z-index: -1; 
    top: 0;
    display: none;
}

#bd {
	padding: 64px 0px 160px 0px; 
	/* top - height of menu; bottom - height of the footer */
	
}
#main {
	padding: 15px 10px 0px;
}
img.h1 {
	padding-top: 50px;
}
img.h2 {
	padding-bottom: 10px;
}
#main p {
	margin-right: 1em;
}

#main, .alpha60 {
	/* http://robertnyman.com/2010/01/11/css-background-transparency-without-affecting-child-elements-through-rgba-and-filters/ */
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(185,197,159) transparent;
	/* RGBa with 0.85 opacity */
	background: rgba(185,197,159, 0.87);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDb9c59f, endColorstr=#DDb9c59f);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDb9c59f, endColorstr=#DDb9c59f)";
}

a.more {
	display:block;
	text-align: right;
	margin-right: 1em;
}
	
/* menu */
#menu:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
}
#menu {
   height:64px;
   float:left;
   width:100%;
   overflow:hidden;
   position:relative;
}
#menu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
#menu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}
#menu ul li a {
   display:block;
   text-decoration:none;
   font-weight: normal;
   margin: 1.2em 1.3em 1.2em;
}

.menu ul {
	padding-left: 1em;
	padding-right: 1em;
    width: 14em;
}

/* carousel */
#cr {
	padding: 10px 0px;
	width: 960px;
}
.next, .prev {
	width: 30px;
	height: 134px;
	text-align: center;
	padding-top: 134px;
	cursor: pointer;
}
.playerMenu {
	width: 30px;
	height: 268px;
	text-align: center;
	padding-top: 10px;
}
.playerMenu a {
    display: block;
    font-size: 108%;
    font-weight: bold;
    padding-top: 8px;
}
.next a, .next a:link, .next a:visited, .next a:active, 
.prev a, .prev a:link, .prev a:visited, .prev a:active, 
.playerMenu a, .playerMenu a:link, .playerMenu a:visited, .playerMenu a:active {
	text-decoration: none;
	color: #D6E2B4;
	outline:none;
}
.next a:hover, .playerMenu a:hover, .prev a:hover {
	color: #BC6128;
}
.next, .playerMenu {
	float: right;
}
.prev {
	float: left;
}
.next.disabled, .prev.disabled {
	visibility: hidden
}
#carousel_holder {
	overflow: hidden;
	float: left;
	margin: auto;
	width: 870px;
    padding: 3px 0px;
}
.carousel {
	margin: auto;
	width: 870px;
}
.carousel ul {
	margin: 0;
    padding: 0;
    border: 0;
    list-style-type: none;
    display: block;
    width: 9999px;
    
}
.carousel li { 
    margin: 0px 5px;
    padding: 0;
    border: 0;
    display: block;
    float: left;
	cursor: pointer;
}
.carousel_img {
    height: 277px;
    overflow: hidden;
    position: relative;
}
.carousel li img {
	margin: auto;
}
.carousel li .subtitle {
	color: #BC6128;
    bottom: 0;
    padding: 10px 0px 20px;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    width: 100%;    
    display: none;
}
.playerMenu a.selected {
	color: #BC6128;
}
.orange {
	color: #BC6128;
}
/* Gallery image */
.gallery-image img {
    float: left;
    padding: 0 20px 20px 0;
}
#main.gallery-image {
	padding: 20px 40px;
}
/* Gallery images - multiple per page */
#main.gallery-images {
	padding: 10px 40px 30px 40px;
}
#main.gallery-images hr {
	margin: 18px 60px;
}
.gallery-images img {
    float: left;
    padding: 0 20px 0px 0;
}
/* Page */
#main.page {
	padding: 10px 40px 30px 40px;
}
/* forms */
label, textarea {
    float: left;
}
.wwgrp {
    clear: both;
    margin-bottom: 5px;
    overflow: hidden;
    width: auto;
}
.wwgrp label.label, label {
    font-style: normal;
    letter-spacing: 0.5px;
    width: 149px;
}
input {
    clear: right;
}
input, textarea {
    width: 300px;
}
label, input {
    float: left;
}
input, textarea {
    border: 1px solid #79797D;
    /*color: #79797D;*/
    padding: 2px;
}
select, input, button, textarea {
    font: 106% Arial, Helvetica, sans-serif;
	border:1px solid #444;
	padding:5px;
	/* CSS3 spicing */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;	
    
}
button {
    border: 1px solid #79797D;
    width: auto;
    padding: 4px 10px;
    outline:0;
}
/* forms END */
#main.contact {
	padding: 10px 10px 30px 15px;
}
div.contact .first {
	width: 340px;
	float: left;
}
div.contact .map {
	width: 575px;
	float: left;
}
/* get rid of those system borders being generated for A tags */
a, a:active {
  outline:none;
}
a, a:link, a:visited, a:active, a:focus {
	text-decoration: underline;
	color: #BC6128;
}
a:hover {
	color: #4D5B24;;
	text-decoration: none;
}

:focus {
  -moz-outline-style:none;
}


/* form style */
#contactForm {
	position:relative;
} 

#contactForm input:focus, #contactForm textarea:focus { color:#fff; background-color:#777; }
#contactForm input:active, #contactForm textarea:active { background-color:#888; }

/* error message */
.error {
	height:15px;
	background-color:#FFFE36;
	font-size:11px;
	border:1px solid #b9c59f;
	padding:4px 10px;
	color:#000;
	display:none;	
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px; 
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;	
	-webkit-border-bottom-left-radius:0; 
	-webkit-border-top-left-radius:0;
	
	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;	
}
.error p {
	margin:0;		
}
.message {
	background-color:#FFFE36;
	font-size:11px;
	border:1px solid #b9c59f;
	padding:4px 5px;
	margin: 10px 0;
	color:#000;
	width: 300px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px; 
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;	
	-webkit-border-bottom-left-radius:0; 
	-webkit-border-top-left-radius:0;
	
	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;	
}
/* galleries */
.galleries img {
	/*width: 180px;*/
}
.galleries h2 {
	margin: 0;
	font-size: 110%;
}
.galleries div.gallery {
    float: left;
    height: 210px;
    padding: 14px 14px 10px;
    width: 180px;
}
.galleries:after, .galleries a:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
}
/* galleries END */
/* gallery images */
.galleries h3 {
	margin: 0;
	font-size: 100%;
}
.galleries div.image {
    float: left;
    height: 280px;
    padding: 14px 14px 10px;
    width: 180px;
}
/* gallery END */
/* photo */
.photo img {
	padding: 0px 20px 10px 0px;
	float: left;	
}
.photo:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
}
/* photo END*/
/* scrollable */
/* scrollable-horizontal.css */
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 680px;
	height:120px;

	/* custom decorations */
	border:1px solid #ccc;
	background:url(/media/h300.png) repeat-x;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:680px;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	width:100px;
	height:75px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}
/* scrollable-buttons.css */
/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(/media/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 		{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 	{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 

/* left */
a.left			{ margin-left: 0px; } 
a.left:hover  	{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}
/* scrollable END */

#main table p {
	margin: 0;
}
.paragraph img {
	float:right;
	padding: 8px 5px 8px 16px;
}

/* tooltip */
#tooltip {
	/* http://robertnyman.com/2010/01/11/css-background-transparency-without-affecting-child-elements-through-rgba-and-filters/ */
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(185,197,159);
	/* RGBa with 0.85 opacity */
	background: rgba(185,197,159, 0.87);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDb9c59f, endColorstr=#DDb9c59f);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDb9c59f, endColorstr=#DDb9c59f)";

	border: 3px solid #FFF;
	position: absolute;
	z-index: 11000;
	padding: 5px;
}

#tooltip h3, #tooltip div { margin: 0; text-align: center;} 
/* tooltip END */

img.small-right {
	float:right;
	padding-left: 10px;
}
img.right {
	float:right;
}
p.txt-with-img:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}	
div.addthis_toolbox {
	float: right;
	margin-top: 18px;
	margin-right: 20px;
}
div.addthis_toolbox a {
	font-size: 12px;
}

/* menu */
ul.menu a {
	height: 33px;
}
#ft {
	zoom: 1;
	height: 60px;
	width: 960px;
	margin: auto;
	padding-left: 10px;
	position:absolute;
	bottom:0;
	height:160px;			/* Height of the footer */
}
#ft_menu {
    background-color: #B9C59F;
    height: 20px;
    margin: 100px auto auto 20px;
    padding: 10px;
    width: 635px;
}
.lang_de #ft_menu {
	width: 695px;
}
#ft_menu a {
    display: block;
    float: left;
    margin-left: 13px;
    margin-right: 13px;
}
#ft_copy {
	margin-top: 104px;
	width: 200px;
}
#ft_menu a {
	height: 20px;
}
/* pl */
.lang_pl #ft_menu a, .lang_pl #menu a {
   background: url(/media/csg-4dc38b6813fdb.png) no-repeat top left;
}
.lang_en #ft_menu a, .lang_en #menu a {
   background: url(/media/csg-4dca20e8541a7.png) no-repeat top left;
}
.lang_de #ft_menu a, .lang_de #menu a {
   background: url(/media/csg-4e3245b0cc7a1.png) no-repeat top left;
}
.lang_pl a#about_us{ background-position: -1510px 0; width: 89px; height: 33px; } 
.lang_pl a#about_us:hover{ background-position: -1649px 0; width: 89px; height: 33px; } 
.lang_pl a#contact{ background-position: -1788px 0; width: 144px; height: 33px; } 
.lang_pl a#contact:hover{ background-position: 0 -83px; width: 144px; height: 33px; } 
.lang_pl a#faq{ background-position: -194px -83px; width: 64px; height: 33px; } 
.lang_pl a#faq:hover{ background-position: -308px -83px; width: 64px; height: 33px; } 
.lang_pl a#gallery{ background-position: -422px -83px; width: 131px; height: 33px; } 
.lang_pl a#gallery:hover{ background-position: -603px -83px; width: 131px; height: 33px; } 
.lang_pl a#home{ background-position: -784px -83px; width: 84px; height: 33px; } 
.lang_pl a#home:hover{ background-position: -918px -83px; width: 84px; height: 33px; } 
.lang_pl a#menu{ background-position: -1052px -83px; width: 577px; height: 33px; } 
.lang_pl a#offer{ background-position: -1679px -83px; width: 114px; height: 33px; } 
.lang_pl a#offer:hover{ background-position: -1843px -83px; width: 114px; height: 33px; } 
.lang_pl a#ft_about_us{ background-position: 0 0; width: 64px; height: 20px; } 
.lang_pl a#ft_about_us:hover{ background-position: -114px 0; width: 64px; height: 20px; } 
.lang_pl a#ft_contact{ background-position: -228px 0; width: 106px; height: 20px; } 
.lang_pl a#ft_contact:hover{ background-position: -384px 0; width: 106px; height: 20px; } 
.lang_pl a#ft_faq{ background-position: -540px 0; width: 48px; height: 20px; } 
.lang_pl a#ft_faq:hover{ background-position: -638px 0; width: 48px; height: 20px; } 
.lang_pl a#ft_gallery{ background-position: -736px 0; width: 94px; height: 20px; } 
.lang_pl a#ft_gallery:hover{ background-position: -880px 0; width: 94px; height: 20px; } 
.lang_pl a#ft_home{ background-position: -1024px 0; width: 61px; height: 20px; } 
.lang_pl a#ft_home:hover{ background-position: -1135px 0; width: 61px; height: 20px; } 
.lang_pl a#ft_offer{ background-position: -1246px 0; width: 82px; height: 20px; } 
.lang_pl a#ft_offer:hover{ background-position: -1378px 0; width: 82px; height: 20px; } 

.lang_en a#about_us{ background-position: 0 -840px; width: 104px; height: 33px; } 
.lang_en a#about_us:hover{ background-position: 0 -923px; width: 104px; height: 33px; } 
.lang_en a#contact{ background-position: 0 -1006px; width: 148px; height: 33px; } 
.lang_en a#contact:hover{ background-position: 0 -1089px; width: 148px; height: 33px; } 
.lang_en a#faq{ background-position: 0 -1172px; width: 62px; height: 33px; } 
.lang_en a#faq:hover{ background-position: 0 -1255px; width: 62px; height: 33px; } 
.lang_en a#gallery{ background-position: 0 -1338px; width: 162px; height: 33px; } 
.lang_en a#gallery:hover{ background-position: 0 -1421px; width: 162px; height: 33px; } 
.lang_en a#home{ background-position: 0 -1504px; width: 84px; height: 33px; } 
.lang_en a#home:hover{ background-position: 0 -1587px; width: 84px; height: 33px; } 
.lang_en a#offer{ background-position: 0 -1670px; width: 92px; height: 33px; } 
.lang_en a#offer:hover{ background-position: 0 -1753px; width: 92px; height: 33px; } 
.lang_en a#ft_about_us{ background-position: 0 0; width: 78px; height: 20px; } 
.lang_en a#ft_about_us:hover{ background-position: 0 -70px; width: 78px; height: 20px; } 
.lang_en a#ft_contact{ background-position: 0 -140px; width: 110px; height: 20px; } 
.lang_en a#ft_contact:hover{ background-position: 0 -210px; width: 110px; height: 20px; } 
.lang_en a#ft_faq{ background-position: 0 -280px; width: 48px; height: 20px; } 
.lang_en a#ft_faq:hover{ background-position: 0 -350px; width: 48px; height: 20px; } 
.lang_en a#ft_gallery{ background-position: 0 -420px; width: 117px; height: 20px; } 
.lang_en a#ft_gallery:hover{ background-position: 0 -490px; width: 117px; height: 20px; } 
.lang_en a#ft_home{ background-position: 0 -560px; width: 61px; height: 20px; } 
.lang_en a#ft_home:hover{ background-position: 0 -630px; width: 61px; height: 20px; } 
.lang_en a#ft_offer{ background-position: 0 -700px; width: 60px; height: 20px; } 
.lang_en a#ft_offer:hover{ background-position: 0 -770px; width: 60px; height: 20px; } 

.lang_de a#ft_faq{ background-position: 0 0; width: 48px; height: 21px; } 
.lang_de a#ft_faq:hover{ background-position: 0 -71px; width: 48px; height: 21px; } 
.lang_de a#ft_gallery{ background-position: 0 -142px; width: 111px; height: 21px; } 
.lang_de a#ft_gallery:hover{ background-position: 0 -213px; width: 111px; height: 21px; } 
.lang_de a#ft_home{ background-position: 0 -284px; width: 61px; height: 21px; } 
.lang_de a#ft_home:hover{ background-position: 0 -355px; width: 61px; height: 21px; } 
.lang_de a#ft_contact{ background-position: 0 -426px; width: 108px; height: 21px; } 
.lang_de a#ft_contact:hover{ background-position: 0 -497px; width: 108px; height: 21px; } 
.lang_de a#ft_about_us{ background-position: 0 -568px; width: 105px; height: 21px; } 
.lang_de a#ft_about_us:hover{ background-position: 0 -639px; width: 105px; height: 21px; } 
.lang_de a#ft_offer{ background-position: 0 -710px; width: 105px; height: 21px; } 
.lang_de a#ft_offer:hover{ background-position: 0 -781px; width: 105px; height: 21px; } 
.lang_de a#faq{ background-position: 0 -852px; width: 66px; height: 33px; } 
.lang_de a#faq:hover{ background-position: 0 -935px; width: 66px; height: 33px; } 
.lang_de a#gallery{ background-position: 0 -1018px; width: 150px; height: 33px; } 
.lang_de a#gallery:hover{ background-position: 0 -1101px; width: 150px; height: 33px; } 
.lang_de a#home{ background-position: 0 -1184px; width: 84px; height: 33px; } 
.lang_de a#home:hover{ background-position: 0 -1267px; width: 84px; height: 33px; } 
.lang_de a#contact{ background-position: 0 -1350px; width: 144px; height: 33px; } 
.lang_de a#contact:hover{ background-position: 0 -1433px; width: 144px; height: 33px; } 
.lang_de a#about_us{ background-position: 0 -1516px; width: 145px; height: 33px; } 
.lang_de a#about_us:hover{ background-position: 0 -1599px; width: 145px; height: 33px; } 
.lang_de a#offer{ background-position: 0 -1682px; width: 144px; height: 33px; } 
.lang_de a#offer:hover{ background-position: 0 -1765px; width: 144px; height: 33px; } 

/* menu end */
/* gallery image - other galleries */
#gallery_scrollable {
    margin: auto;
    width: 762px;
}
#gallery_scrollable:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
}
/* gallery image - other galleries end */