* {
	margin: 0;
	padding: 0;
	border: none;
	color: #ded7c6;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif, serif;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
	line-height: 150%;
}

body {
	background: url('../images/tlo.jpg') repeat scroll 0 0;
	margin: 0 auto;
	text-align: center;
}

b {
	font-weight: bold;
}

strong {
	font-weight: bold;
}

#strona {
	margin: 0 auto;
	width: 1000px;
}

ul {
	list-style:none;	
}

/* ======================================= menu */

#menuGlowne {
	background: url("../images/menu.jpg") no-repeat top left;
	float: left;
	width: 226px;
	height: 259px;
	margin: 20px 3px 25px 3px;
	padding: 10px 0 0 0;
}

#menuGlowne span {
    display: none;
}

#menuGlowne li, #menuGlowne a {
    height: 36px;
    display: block;
}

#menuGlowne li {
    float: left;
    list-style: none;
    display: inline;
}

#stronaglowna { background-position: 0 0; width: 226px; height: 36px; } 
#pensjonat { background-position: 0 -36px; width: 226px; height: 36px; } 
#galeria { background-position: 0 -72px; width: 226px; height: 36px; } 
#cennik { background-position: 0 -108px; width: 226px; height: 36px; } 
#atrakcje { background-position: 0 -144px; width: 226px; height: 36px; } 
#dojazd { background-position: 0 -180px; width: 226px; height: 36px; } 
#kontakt { background-position: 0 -216px; width: 226px; height: 36px; }

.lewaStrona {
	background: url("../images/lewaStrona.png") no-repeat;
	clear: both;
	float: left;
	width: 235px;
	height: 318px;
	margin: 0 0 0 12px;
}


/* ======================================= strona */

div.topStrona {
	background: url("../images/topStrona.png") no-repeat;
	float: left;
	width: 1000px;
	height: 109px;
}

div.top {
	background: #5a0f14;
	float: left;
	width: 745px;
	height: 318px;
}

div#aktualnyWidok {
	float: left;
	height: 318px;
	width: 745px;
}

.trescWidok {
	clear: both;
	float: left;
	width: 1000px;
	margin: 0 0 0 12px;
	border-left: 1px solid #9b776d;
}

.stopka {
	float: left;
	width: 976px;
	height: 20px;
	margin: 0 12px;
	padding: 15px 0;
	border-top: 1px solid #9b776d;
}

.stopkaPrawa {
	float: left;
	width: 500px;
	height: 20px;
	color: #a2907c;
	font-size: 11px;
}

.stopkaWykonanie {
	float: left;
	width: 476px;
	height: 20px;
	color: #a2907c;
	font-size: 11px;
	text-align: right;
}

.stopkaWykonanie a {
	color: #a2907c;
	font-size: 11px;
	text-decoration: none;
}

.stopkaWykonanie a:hover {
	text-decoration: underline;
}

.podStopka {
	background: url("../images/podStopka.jpg") repeat-x;
	clear: both;
	float: left;
	width: 100%;
	height: 24px;
}

.tresc {
	float: left;
	width: 844px;
	margin: 0 40px;
	padding: 20px 0;
}

.trescTekstow {
	float: left;
	width: 730px;
	margin: 20px 0 0 10px;
}

.trescTekstow p {
	padding: 10px 15px;
	text-align: justify;
	line-height: 150%;
}

.trescTekstow p.center {
	padding: 5px;
	text-align: center;
}

.trescTekstow ul {
	list-style-type: disc;
	padding: 5px;
	margin: 0 0 0 25px;
}


.trescKontakt {
	float: left;
	width: 464px;
	margin: 0 0 0 80px;
	padding: 20px 0;
}

.trescKontakt p.kontakt {
	padding: 2px;
	font-size: 16px;
	text-align: left;
	
}

.trescKontakt p.kontakt b {
	padding: 2px;
	font-size: 16px;
	text-align: left;
	font-weight: bold;
}

.trescPrzyciski {
	float: left;
	width: 220px;
	margin: 20px 0 20px 12px;
}

.trescZdjecia {
	float: right;
	width: 460px;
	margin: 10px 27px 25px 266px;
}

.trescZdjeciaGlowna {
	float: right;
	width: 706px;
	margin: 10px 30px 25px 10px;
}

.zdjecia {
	float: right;
	width: 710px;
	margin: 10px 27px 25px 16px;
}

.trescZdjecia img {
	float: left;
	margin: 5px 5px;
}

.zdjecia img {
	float: left;
	margin: 5px 5px;
}

#mapka {
	width: 710px;
	height: 400px;
	border: 1px solid black;
	background: gray;
}

.tekst {
	float: left;
	width: 590px;
}

.tekst p {
	padding: 0 0 0 30px;
}

.kontaktDojazd {
	float: left;
	margin: 10px 0 10px 10px;
	width: 710px;
}


.formularzRezerwacji {
	float: left;
	width: 700px;
	margin: 25px 0;
	padding: 0 0 0 20px;
}

.zapytanieNewPojedyncze {
	clear: both;
	display: inline;
	float: left;
	margin: 0 0 5px;
	text-align: left;
	width: 700px;
}

div.zapytanieNewPojedyncze label {
	float:left;
	margin:2px 0 5px;
	text-align:right;
	width:200px;
}

div.zapytanieNewPojedyncze input {
	border:1px solid #5E4731;
	float:left;
	height:19px;
	margin:0 0 5px 5px;
	width:388px;
	color: #5e4731;
}

div.zapytanieNewPojedynczeKrotkie  {
	clear:both;
	display:inline;
	float:left;
	margin:0 0 5px;
	text-align:left;
	width:500px;
}

div.zapytanieNewPojedynczeKrotkie label {
	float:left;
	margin:2px 0 5px;
	text-align:right;
	width:200px;
}

div.zapytanieNewPojedynczeKrotkie input {
	border:1px solid #5E4731;
	float:left;
	height:19px;
	margin:0 0 5px 5px;
	width:208px;
	color: #5e4731;
}

div.zapytanieNewPojedyncze select {
	border:1px solid #5e4731;
	float:left;
	height:25px;
	margin:0 0 5px 5px;
	width:300px;
	color: #5e4731;
}

div.zapytanieNewPojedyncze option {
	color: #5e4731;
}

div.zapytanieNewPojedynczeKrotkieOpis  {
	display:inline;
	float:left;
	margin:0 0 5px;
	padding:0;
	text-align:left;
	width:500px;
}

div.zapytanieNewPojedynczeKrotkieOpis label {
	float:left;
	margin:2px 0 5px;
	text-align:right;
	width:200px;
}

div.zapytanieNewPojedynczeKrotkieOpis input {
	border:1px solid #5e4731;
	float:left;
	height:19px;
	margin:0 0 5px 5px;
	width:80px;
	color: #5e4731;
}

div.zapytanieNewTextarea  {
	clear:both;
	display:inline;
	float:left;
	margin:0 0 5px;
	padding:0;
	text-align:left;
	width:700px;
}

div.zapytanieNewTextarea label {
	float:left;
	margin:2px 0 5px;
	text-align:right;
	width:200px;
}

div.zapytanieNewTextarea textarea {
	border:1px solid #5e4731;
	float:left;
	height:80px;
	margin:0 0 5px 5px;
	width:400px;
	color: #5e4731;
}

div.statycznePrzycisk  {
clear:both;
display:inline;
float:left;
margin:auto;
text-align:center;
width:607px;
}

div.statycznePrzycisk input.przyciskZielony {
background:url("../images/przyciskWyslij.jpg") repeat scroll 0 0 transparent;
height:64px;
width: 200px;
margin:20px 0;
padding:8px 28px 3px;
font-size: 20px;
}


.fotoGaleria {
	float: left;
	width: 880px;
	margin: 20px 23px;
}

.galeria{
}

/* tabela cennik */

table.cennik {
	margin: 15px 25px;
	width: 700px;
	border-bottom: 1px solid #653635;
	cellspacing: 0;
	cellpadding: 0;
}

table.cennik th {
	font-weight: bold;
	text-align: center;
	border: 0;
	background: #653635;
}

table.cennik td {
	text-align: center;
	border: 0;
}

.tresc ul.informacjeDodatkowe {
	list-style-type: square;
	margin: 7px 0px 7px 20px;
}

.tresc ul.informacjeDodatkowe li {
	font-size: 11px;
	line-height: 150%;
}

/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding: 20px 0 }
	.coda-slider {}
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 804px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 804px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	/* Arrow styling */
	.coda-nav-left a { background: url('../images/strzalkaLewo.gif') no-repeat; color: #fff; padding: 5px; height: 50px; width: 18px; margin-top: 200px; }
	.coda-nav-right a { background: url('../images/strzalkaPrawo.gif') no-repeat; color: #fff; padding: 5px; height: 50px; width: 18px; margin-top: 200px; }
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #ec6c03 }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 10px 0;}
	.panel-wrapper ul {}
	.panel-wrapper ul li img{
	float: left;
	display: inline;
	margin: 7px;
	padding: 3px;
	border: 2px solid #ED7200;
	}
	
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	



/*=====================kalendarz polazenie===================*/

#ui-datepicker-div, .ui-datepicker-inline {
	background: #FFFFFF none repeat scroll 0% 0%;
	font-size: 11px !important;
	margin: 0px;
	padding: 0px;
	width: 240px;
}
#ui-datepicker-div {
	border: 3px solid #fde5a9;
	display: none;
	z-index: 10;
	font-size: 11px !important;
}
.ui-datepicker-inline {
	border: 0pt none;
	display: block;
	float: left;
	font-size: 11px !important;
}
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-dialog {
	border: 4px ridge #C6E3F5 !important;
	padding: 5px !important;
}
button.ui-datepicker-trigger {
	width: 25px;
}
img.ui-datepicker-trigger {
	float: left;
	margin: 4px 0 4px 4px;
	vertical-align: middle;
}
.ui-datepicker-prompt {
	background: #FFFFFF none repeat scroll 0% 0%;
	color: #000000;
	float: left;
	padding: 2px;
}
.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker {
	clear: both;
	color: #FFFFFF;
	float: left;
	width: 100%;
}
.ui-datepicker-control {
	background: #83331c none repeat scroll 0% 0%;
	padding: 2px 0px;
}
.ui-datepicker-links {
	background: #FFFFFF none repeat scroll 0% 0%;
	padding: 2px 0px;
}
.ui-datepicker-control, .ui-datepicker-links {
	font-size: 80%;
	font-weight: bold;
	letter-spacing: 1px;
}
.ui-datepicker-links label {
	color: #888888;
	padding: 2px 5px;
}
.ui-datepicker-clear, .ui-datepicker-prev {
	float: left;
	width: 34%;
}
.ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev {
	float: right;
	text-align: right;
}
.ui-datepicker-current {
	float: left;
	text-align: center;
	width: 30%;
}
.ui-datepicker-close, .ui-datepicker-next {
	float: right;
	text-align: right;
	width: 34%;
}
.ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next {
	float: left;
	text-align: left;
}
.ui-datepicker-header {
	background: #fde5a9 none repeat scroll 0% 0%;
	font-weight: bold;
	padding: 5px 0 8px 0 !important;
	text-align: center;
	height: 18px;
	font-size: 11px !important;
}
.ui-datepicker-header select {
	margin: 0 0 0 30px !important;
	height: 17px;
	background: #FFFFFF none repeat scroll 0% 0%;
	border: 1px solid #C6E3F5;
	color: #000000;
	font-weight: bold;
	font-size: 11px !important;
}
.ui-datepicker-header option {
	font-size: 11px !important;
}
.ui-datepicker {
	background: #CCCCCC none repeat scroll 0% 0%;
	text-align: center;
	font-size: 11px !important;
}
.ui-datepicker a {
	display: block;
	width: 100%;
	font-size: 11px !important;
}
.ui-datepicker-title-row {
	background: #fde5a9 none repeat scroll 0% 0%;
	color: #666666;
	font-size: 11px !important;
}
.ui-datepicker-title-row span{
	font-size: 11px !important;
	color: #5e4731 !important;
}
.ui-datepicker-title-row .ui-datepicker-week-end-cell {
	background: #fde5a9 none repeat scroll 0% 0%;
}
.ui-datepicker-days-row {
	background: #FFFFFF none repeat scroll 0% 0%;
	color: #666666;
	font-size: 11px !important;
}
.ui-datepicker-week-col {
	background: #E4F3FB none repeat scroll 0% 0%;
	color: #666666;
	font-size: 11px !important;
}
.ui-datepicker-days-cell {
	border:	1px solid #DDDDDD;
	color: #666666;
	font-size: 11px !important;
}
.ui-datepicker-days-cell a {
	display: block;
	font-size: 11px !important;
}
.ui-datepicker-week-end-cell {
	background: #fff8e5 none repeat scroll 0% 0%;
}
.ui-datepicker-unselectable {
	color: #888888;
	font-size: 11px !important;
}
.ui-datepicker-week-over, .ui-datepicker-week-over .ui-datepicker-week-end-cell {
	background: #fff8e5 none repeat scroll 0% 0% !important;
}
.ui-datepicker-days-cell-over, .ui-datepicker-days-cell-over.ui-datepicker-week-end-cell {
	background: #FFFFFF none repeat scroll 0% 0% !important;
	border: 1px solid #777777;
}
* html .ui-datepicker-title-row .ui-datepicker-week-end-cell {
	background: #FFFFFF none repeat scroll 0% 0% !important;
}
* html .ui-datepicker-week-end-cell {
	background: #FFFFFF none repeat scroll 0% 0% !important;
	border: 1px solid #DDDDDD !important;
}
* html .ui-datepicker-days-cell-over {
	background: #FFFFFF none repeat scroll 0% 0% !important;
	border: 1px solid #777777 !important;
}
* html .ui-datepicker-current-day {
	background: #C6E3F5 none repeat scroll 0% 0% !important;
}
.ui-datepicker-today {
	background: #fff8e5 none repeat scroll 0% 0% !important;
}
.ui-datepicker-current-day {
	background: #fde5a9 none repeat scroll 0% 0% !important;
}
.ui-datepicker-status {
	background: #FFFFFF none repeat scroll 0% 0%;
	font-size: 11px;
	text-align: center;
	width: 100%;
	font-weight: bold;
}
#ui-datepicker-div a, .ui-datepicker-inline a {
	background: transparent none repeat scroll 0% 0%;
	color: #000000;
	cursor: pointer;
	margin: 0px;
	padding: 2px 0px;
	font-size: 11px !important;
}
.ui-datepicker-inline .ui-datepicker-links a {
	padding: 0pt 5px !important;
	font-weight: bold;
	font-size: 11px !important;
}
.ui-datepicker-control a {
	color: #FFFFFF !important;
	padding: 2px 5px !important;
	font-weight: bold;
	font-size: 11px !important;
}
.ui-datepicker-links a {
	color: #000000 !important;
	padding: 2px 5px !important;
	font-size: 11px !important;
}
.ui-datepicker-title-row a {
	color: #000000 !important;
	font-weight: bold;
	font-size: 11px !important;
}
.ui-datepicker-control a:hover {
	color: #333333 !important;
	font-weight: bold;
	font-size: 11px !important;
}
.ui-datepicker-links a:hover{
	background: #FFFFFF none repeat scroll 0% 0% !important;
	color: #333333 !important;
	font-size: 11px !important;
}
.ui-datepicker-title-row a:hover {
	background: #FFFFFF none repeat scroll 0% 0% !important;
	color: #333333 !important;
	font-weight: bold;
	font-size: 11px !important;
}
.ui-datepicker-multi .ui-datepicker {
	border: 1px solid #fde5a9;
}
.ui-datepicker-one-month {
	float: left;
	width: 240px;
}
.ui-datepicker-new-row {
	clear: left;
}
.ui-datepicker-cover {
	display: block;
	height: 200px;
	left: -4px;
	position: absolute;
	top: -4px;
	width: 193px;
	z-index: -1;
}