body {font:76%/1 Arial,'Helvetica Neue',Helvetica,sans-serif;text-align:center;background:#faf6f1 url(../img/body-bg.png) repeat-x;border-top:5px solid #271811;}

* {margin:0;padding:0;}
img, form fieldset {border:none;}
ul {list-style:none;}
a {text-decoration:none;}
:focus {outline:0;}
.clearBoth {clear:both;}
.textRight {text-align:right;}


/* 1. LAYOUT */

#wrapper {width:860px;margin:0 auto;text-align:left;}
#home #wrapper {background:url(../img/wrapperHome-bg.jpg) 50% 175px no-repeat;}

#header {width:780px;margin:0 auto;height:134px;position:relative;top:3px;}

#contentArea {clear:both;float:left;padding:45px 40px 0 40px;width:780px;}

#primaryContent {float:left;width:480px;padding-right:35px;background:url(../img/primaryContent-bg.png) 100% 0 no-repeat;}
#secondaryContent {float:right;width:240px;}

#footerArea {clear:both;background:#401f13 url(../img/footerArea-bg.png) repeat-x;text-align:center;padding-top:61px;}
#footerContent {margin:0 auto;width:780px;text-align:left;border-top:0px solid #7da647;}
#contactInfo {text-align:center;padding:15px 0 12px 0;border-bottom:1px solid #694434;}

.footerColumn {float:left;width:240px;padding:30px 30px 30px 0;border-top:1px solid #422217;background:url(../img/footerColumn-bg.png) 248px 25px no-repeat;}
.footerColumn.last {float:right;padding-right:0;background:none;}

#footerBottom {clear:both;margin:0 auto;height:60px;padding-top:20px;width:780px;border-top:2px solid #34180f;}

.widePage #primaryContent {width:100%;background:none;}
.contentBox {float:left;width:360px;margin:10px 30px 0 0;}


/* 2. NAG��WEK */

a.logo {width:200px;height:80px;position:absolute;left:0;bottom:48px;background:url(../img/logo.png) no-repeat;text-indent:-9999px;}

ul.mainNavi {position:absolute;right:0;top:0;}
ul.mainNavi li {float:left;height:97px;}
ul.mainNavi li a {display:block;font-size:14px;color:#faeed6;width:85px;height:47px;padding-top:45px;text-align:center;border-left:1px solid #281709;}
ul.mainNavi li a:hover {color:#a1d064;border-bottom:0px solid #9bce65;text-decoration:underline;}
ul.mainNavi li.current a:hover {color:#fff;border-bottom:0px solid #9bce65;text-decoration:none;}
ul.mainNavi li.current a {color:#fff;font-weight:bold;border-bottom:0px solid #7da647;}
ul.mainNavi li a span {display:none;font-weight:normal;font-size:.7em;padding-top:4px;}
ul.mainNavi li a:hover span {display:block;color:#777;}

p.breadcrumbs {position:absolute;left:0;bottom:14px;font-size:11px;color:#471a06;}
p.breadcrumbs a {color:#471a06;font-weight:bold;background:url(../img/breadcrumbs-arrow.png) 0 50% no-repeat;padding-left:10px;}
p.breadcrumbs a:hover {color:#8c6d60;}


#wifi {position:absolute;right:300px;bottom:-2px;}
#wifi2 {position:absolute;right:100px;bottom:-2px;}
#wifiTekst {position:absolute;right:160px;bottom:14px;font-size:12px;color:#471a06;}
#lang {position:absolute;right:0;bottom:9px;}
#langTekst {position:absolute;right:25px;bottom:14px;font-size:12px;color:#471a06;}

form#search fieldset {position:absolute;right:0;bottom:6px;}
form#search fieldset input {width:160px;background:#eee url(../img/formSearch-bg.png) no-repeat;color:#ccc;font-size:.8em;border:1px solid #DFDFDF;padding:4px;}
form#search fieldset input#searchSubmit {width:34px;height:23px;cursor:pointer;background:url(../img/searchGo.png);color:#6D3317;font-weight:bold;border:none;margin-left:-6px;}
form#search fieldset input#searchSubmit:hover {color:#333;}


/* 3. G��WNA CZʌ� */

#contentArea h1 {font-size:20px; font-family: Calibri,Arial,'Helvetica Neue',Helvetica,sans-serif;color:#5b8622;font-weight:bold;padding-bottom:18px;letter-spacing:-1px}
#contentArea h2 {font-size:16px;color:#5b8622;padding-top:10px;padding-bottom:16px;}
#contentArea h3 {clear:both;font-size:12px;color:#5b8622;padding-top:14px;padding-bottom:8px}


#contentArea p {clear:both;font-size:12px;line-height:1.5em;padding:5px 0;color:#444;}
#contentArea #primaryContent blockquote p {color:#888;font:1.15em Georgia,'Times New Roman',Times,serif;line-height:1.5em;padding:10px 20px;background:#fff url(../img/blockquote-bg.png) 20px 15px no-repeat;text-indent:12px;margin:5px 0;border:1px solid #eee;}
#secondaryContent p {color:#666;font-size:1em;}

/* notka */
#secondaryContent .note {clear:both;width:200px;margin-top:10px;padding:14px 20px 20px 20px;background:#FFF8CF url(../img/note-bg.png) 0 100% no-repeat;font-size:.9em;color:#666;}

/* linki */
#contentArea h2 a {color:#555;}
#contentArea h2 a:hover {color:#444;}
#footerContent h2 a {color:#ddd;}
#contentArea p a {color:#6D3317;font-weight:bold;border-bottom:0px solid #ddd; text-decoration:underline;}
#contentArea p a:hover {border-bottom:0px solid #ccc; text-decoration:underline;}
#contentArea ul a {color:#6D3317;font-weight:bold;border-bottom:0px solid #ddd; text-decoration:underline;}
#contentArea ul a:hover {border-bottom:0px solid #ccc; text-decoration:underline;}

/* lista */
#primaryContent ul, #primaryContent ol, #secondaryContent ul {padding:5px 0 5px 28px;color:#999;}
#primaryContent ul span, #primaryContent ol span {color:#333;font-weight:normal;}
#primaryContent ul li, #primaryContent ol li, #produktyMore ul li {font-size:12px;line-height:18px;}
#primaryContent ul li, #secondaryContent ul li {list-style-type:disc;}
#primaryContent ol li {list-style-type:upper-roman;}

#secondaryContent ul {font-size:1em;line-height:1.4em;}
#secondaryContent ul li span {color:#666;}
#secondaryContent ul li a {color:#666;}

/* gfx */
#primaryContent img.bigImage {float:left;width:470px;margin:5px 0 15px 0;padding:5px;background:url(../img/roundedImg-bg-big.png)no-repeat;}
#primaryContent.produkty img {float:left;width:350px;height:140px;margin-top:5px;padding:5px;background:url(../img/produktyPreview-bg.png);}
#primaryContent.produkty img:hover {background-position:0 150px;}
.gallery img {float:left;width:95px;height:70px;margin:5px 5px 5px 0;padding:5px;background:url(../img/roundedImg-bg.png);}
.gallery a img:hover {background-position:0 80px;}

#secondaryContent a img:hover {background-position:0 80px;}
.contentBox img {float:left;margin:3px 6px 0 0;}


/* table */
table {margin:20px 0 20px 0;border-collapse:collapse;border-spacing:0;}
table thead th {padding:10px;text-align:center;}
table tbody th, table tbody td {padding:5px 15px;color:#444;text-align:center;}
table thead th {background:#6D3317;color:#fff;}
table tbody {font-size:12px;line-height:18px}
table tbody tr {background:#f5ece2;}
table tbody tr.alt {background:#fff;}


/* 4. STOPKA */

/* kontakt w stopce */
#contactInfo ul li {padding:6px 10px 6px 28px;color:#faf0e4;font-size:1.2em;display:inline;}
#contactInfo ul li a {color:#faf0e4;}
#contactInfo ul li a:hover {color:#a1d064; text-decoration:underline;}
#contactInfo ul li.address {background:url(../img/icons/address.png) 0 50% no-repeat;}
#contactInfo ul li.phone {background:url(../img/icons/phone.png) 0 50% no-repeat;}
#contactInfo ul li.email {background:url(../img/icons/email.png) 0 50% no-repeat;}

/* nag��wki */
#footerContent h2 {font-size:1.1em;color:#ddd;clear:both;font-weight:bold;line-height:1.4em;}
#footerContent h2.twitter {padding-left:20px;background:url(../img/icons/twitter.png) no-repeat;}

/* text */
#footerContent p {clear:both;color:#aaa;line-height:1.4em;padding:0 10px 5px 0;font-size:1em;}
#footerContent p span {color:#555;font-size:.9em;}
#footerContent p a {color:#6D3317;font-weight:bold;border-bottom:0px solid #333;}
#footerContent p a:hover {color:#ccc;border-bottom:0px solid #555;}

/* linki */
#footerBottom p a {color:#bc9e7f;}
#footerBottom p a:hover {color:#926f4a;}
#footerBottom p {float:right;clear:none;padding:0;text-align:right;font-size:.9em;color:#a1896d;line-height:1.3em;}
#footerBottom p span {color:#6D3317;font-weight:bold;}

a.goLink {background:url(../img/goLink-bg.png) 0 50% no-repeat;color:#000;font-weight:bold;padding-left:9px;text-transform:uppercase;font-size:.9em;}
a.goLink:hover {color:#ccc;background-position:1px 50%;}

/* lista */
#footerContent .footerColumn ul {padding-bottom:5px;}
#footerContent .footerColumn ul li {color:#aaa;font-size:1em;line-height:1.4em;}
#footerContent .footerColumn ul li a {background:url(../img/goLink-bg.png) 0 50% no-repeat;color:#aaa;padding-left:9px;}
#footerContent .footerColumn ul li a:hover {color:#ccc;}

/* gfx */
#footerContent img {float:left;margin:5px 5px 5px 0;}
#footerBottom img {float:left;}


/* 5. SRONA G��WNA */

/* slide */
#slideshowArea {width:760px;height:320px;padding:10px;background:url(../img/slideshowArea-bg.jpg) no-repeat;position:relative;}
#slideshow ul, #slideshow li {list-style:none;width:760px;height:320px;overflow:hidden;}

#prevButton, #nextButton {float:left;position:absolute;left:-70px;top:150px;text-indent:-9999px;background:url(../img/prevButton.png) no-repeat;width:40px;height:40px;}
#nextButton {float:right;left:810px;background-image:url(../img/nextButton.png);}
#prevButton a, #nextButton a {float:left;width:40px;height:40px;}

/* intro text */
#introContent {margin:0 auto;width:780px;text-align:left;}
.introColumn, #produktyMore {float:right;width:240px;padding:0;}
.introColumn.wide, #produktyText {padding-top:20px;float:left;width:495px;padding-right:35px;}

#introContent h1 {font-size:20px;line-height:1.1em;letter-spacing:-1px;color:#5b8622;padding:20px 0 15px 0;}
#introContent h1 span {font-size:1.2em;color:#ccc;font-style:italic;}
#introContent p {color:#aaa;line-height:1.3em;font-size:.9em;padding-right:12px;}
#introContent .introColumn.wide p {font-size:12px;color:#444;line-height:18px}
#introContent p a {color:#6D3317;font-weight:bold;border-bottom:0px solid #ddd;}
#introContent p a:hover {border-bottom:0px solid #ccc;text-decoration: underline;}
#introContent img {margin:20px 0 5px 0;}


/* 6. PRODUKTY */

.produktySlideshow {margin:10px 0;padding:0;}

ol#controls {float:left;font-size:1em;position:absolute;left:10px;bottom:10px;background:url(../img/transparentBg.png);width:755px;padding-left:5px;}
ol#controls li {margin:0 1px 0 0;padding:0;float:left;list-style:none;font-size:1em;}
ol#controls li a {float:left;color:#888;padding:5px 3px;text-decoration:none;}
ol#controls li.current a {color:#6D3317;font-weight:bold;}

#produktyMore ul li {border-bottom:1px solid #e1e1e1;font-size:1em;color:#666;line-height:1.5em;padding:4px 0;}
#produktyMore ul li span {font-weight:bold;color:#6D3317;}

a.linkButton {background:url(../img/linkButton-bg.png);width:240px;height:40px;float:left;color:#fff;text-align:center;font-weight:bold;line-height:40px;margin-top:25px;}
a.linkButton:hover {color:#e2f8bf;}


/* 7. FORMULARZ KONTAKTOWY */

.required {color:#f00;font-size:1.2em;font-weight:bold;}

form fieldset input, form fieldset textarea {background:#fff;border:1px solid #ddd;color:#444;padding:4px;font-family:Verdana,'Helvetica Neue',Helvetica,sans-serif;}
form fieldset input:focus, form fieldset textarea:focus {background:#fafafa;border:2px solid #ddd;padding:3px;}
form fieldset label {color:#888;font-size:.9em;font-weight:bold;padding:12px 0 4px 0;display:block;}
form#contact {clear:both;}
form#contact fieldset textarea {width:425px;overflow:auto;margin-bottom:10px;}
form#contact fieldset .radio {border:none;background:none;margin:3px 0 3px 2px;font-size:.9em;color:#888;}

/* PO UDANEJ WYSY�CE WIADOMO�CI */
#primaryContent .success {float:left;color:#333;background:#FFFFCC;font-weight:bold;border:1px solid #ddd;margin:10px 0;padding:6px 50px;text-align:center;font-size:1em;}

.sidebar {
    background: transparent;
    width: 134px;
    position: fixed;
    top: 80px;
    right: 0px;
}

.sidebarwifi {
    background: transparent;
    width: 100px;
    position: fixed;
    top: 200px;
    right: 0px;
}

.sidebarnocowanie {
    background: transparent;
    width: 156px;
    position: fixed;
    top: 305px;
    right: 0px;
}

.sidebar a {
    display: block;
    height: 117px;
    padding-bottom:3px;
    text-decoration: none;

}
#form p.success {
	font-weight:bold;
	color:#92ad12;
}

#form p.error,
#form p span.error {
	font-weight:bold;
	color:#ff0000;
}
#form p.button {
	padding:0;
	margin:0;
}

#form button {
	margin-top:20px;
	color:#ffffff;
	font: normal normal 14px/40px Arial, Helvetica, sans-serif;
	display:block;
	height:40px;
	width:122px;
	text-align:center;
	text-decoration:none;
	background:url('../img/button.png') top center no-repeat;
	border:0;
	cursor: hand;
}

#form button:hover { background:url('../img/button.png') bottom center no-repeat; }

.border-img {
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border:5px solid #ddd3c0;
}