﻿@charset "utf-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
	border-style: none;
}
body {
	background: #000000 url(../../images/bg_tlo.jpg) no-repeat fixed center top;
}
#naglowek {
	height: 130px;
	width: 934px;
	margin-right: auto;
	margin-left: auto;
	padding: 7px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}
#logo {
	height: 90px;
	width: 168px;
	margin-left: 30px;
	float: left;
	margin-bottom: 5px;
}
#logo  a, #logo  a:active, #logo  a:visited, #logo a:hover {
	border-style: none;
}
#telefony {
	height: auto;
	width: 250px;
	float: left;
	text-align: right;
	margin-top: 27px;
}
#reklama {
	height: auto;
	width: 400px;
	float: left;
	text-align: right;
	margin-top: 0px;
	overflow: visible;
}
#muzyka   {
	height: auto;
	width: 170px;
	margin-top: 0px;
	text-align: right;
	padding-right: 0px;
	float: left;
}



#menu {
	height: 30px;
	margin-right: 0px;
	margin-left: 0px;
}
p.kreski, p.kreski1  {
	height: 3px;
	width: 100%;
	border-top: 1px solid #8e744c;
	border-bottom: 1px solid #463926;
	margin: 0px;
	padding: 0px;
	font-size: 1px;
}
p.kreski1, p.pas {
	border-top: 1px solid #463926;
	border-bottom: 1px solid #8e744c;
	font-size: 1px;
}

#menu ul {
	list-style: none;
	width: auto;
	margin-left: 10px;
	height: 21px;
}
#menu li {
	float: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 15px;
	width: auto;
	overflow: visible;
}
#menu a, #menu a:visited {
	font: bold normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #8e744c;
	text-decoration: none;
}
#menu a:hover {
	font: bold normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #B72920;
	text-decoration: none;
}

#info {
	float: right;
	width: 130px;
	padding-bottom: 5px;
	margin-right: 25px;
}
#flagi   {
	height: 20px;
	width: 130px;
}


#flagi  ul {
	list-style: none;
	height: 20px;
}
#flagi  li {
	float: left;
	overflow: visible;
	height: 12px;
	width: 20px;
	padding: 0px;
	margin: 0px 10px;
}
#flagi   li   a, #flagi  li  a:active, #flagi  li  a:visited, #flagi li a:hover {
	border-style: none;
}
#data   {
	text-align: center;
	width: 45%;
	float: right;
	margin-top: 10px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #8e744c;
}
#dzien   {
	font-size: 16px;
	font-weight: bold;
	margin: 2px 0px;
}
#info  #zegar {
	float: left;
	margin-top: 10px;
}


#flash {
	height: 358px;
	width: 870px;
	margin-right: auto;
	margin-left: auto;
}






.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
#content {
	width: 924px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 30px;
	padding-top: 5px;
	background: repeat left top;
}

#content h5 {
	font: normal 14px Verdana, Arial, Helvetica, sans-serif;
	margin-left: 5px;
	float: left;
	text-align: center;
	color: #8e744c;
}
#content   .tekst, #content  .tekst1, #warunki .tekst, #warunki .tekst1 {
	padding: 10px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0px;
}
#rezerwacja, #news, #dane_kon, #lewo, #warunki, #dojazd, #przelew {
	float: left;
	width: 300px;
	margin-top: 15px;
	margin-right: 25px;
	margin-bottom: 10px;
}
#dojazd, #przelew {
	margin: 0px;
}
#content #rezerwacja .tekst {
	border-bottom-style: none;
}
#rezerwacja  h6, #warunki  h6, #formularz h6 {
	color: #8B826B;
	font: bold normal 12px Verdana, Arial, Helvetica, sans-serif;
	float: right;
	clear: right;
}
#rezerwacja     h6     a, #rezerwacja     h6     a:visited, #warunki    a,#warunki    a:visited, #regulamin    a, #regulamin    a:visited, #formularz   .tekst   a, #formularz   .tekst   a:visited, #dane_kon  p.d2  a, #dane_kon  p.d2  a:visited, #przelew  p.d2  a, #przelew  p.d2  a:visited, span a, span a:visited {
	color: #463926;
	text-decoration: underline;
}
#rezerwacja  h6  a:hover, #warunki  a:hover, #regulamin    a:hover, #formularz   .tekst   a:hover, #dane_kon  p.d2  a:hover, #przelew  p.d2  a:hover, span a:hover {
	color: #A00C08;
	text-decoration: none;
}
#rezerwacja #form1 p, #rezerwacja  #form2  p, .pola_formularza p {
	float: left;
	padding-bottom: 10px;
	padding-top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#rezerwacja #form1 p.prawo, #rezerwacja #form2 p.prawo, .pola_formularza p.prawo {
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#rezerwacja input, #persons, #rooms, #formularz input, #formularz textarea  {
	margin-top: 5px;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #888888;
	color: #2F0300;
}
#persons, #rooms {
	width: 127px;
	height: 30px;
}
#content   .cal_ico,#persons, #rooms, #formularz   input, #formularz   textarea, #opcje_dodatkowe  textarea, #opcje_dodatkowe input {
	border-top: 2px inset #463926;
	border-right: 2px outset #8e744c;
	border-bottom: 2px outset #8e744c;
	border-left: 2px inset #463926;
	background: #8b826b;
}
#content .cal_ico {
	background: #8b826b url(../../images/kalendarz.gif) no-repeat right center;
	color: #2F0300;
}
#rezerwacja  label, #formularz label {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #8e744c;
}
#rezerwacja #przycisk, #formularz .przyciski input {
	margin: 12px 0px 0px;
	padding: 0px;
	background: url(../../images/tlo_button.png) repeat-x left top;
	height: 22px;
	width: 112px;
	color: #9f9c9c;
	border-style: none;
}
#rezerwacja input#przycisk:hover, #formularz .przyciski input:hover {
	cursor: pointer;
	border-style: none;
}

#rezerwacja p.pas {
	margin: 32px 0px 0px;
	padding: 0px;
	width: 150px;
	float: right;
	height: 3px;
}
#dane_kon   .tekst   p, #news   p.tresc_wiad, #warunki    p, #dojazd  .tekst  p, #przelew .tekst p {
	margin-top: 5px;
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #8e744c;
	text-indent: 10px;
}
#dane_kon   h5, #dojazd  h5, #przelew h5 {
	text-align: center;
	width: 99%;
}
#dane_kon       p.d1, #warunki      p.d1, #przelew   p.d1   {
	color: #740905;
	text-align: center;
	font: bold 12px "Times New Roman", Times, serif;
	margin: 0px;
}
#dane_kon       p.d2, #warunki      p.d2, #przelew  p.d2   {
	text-align: center;
}

#dojazd   .tekst   {
	text-align: center;
	text-decoration: none;

}
#dojazd  .zdjecie0 {
	height: 85px;
	width: 120px;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	border: medium solid #A3A2A0;
}
#dojazd   .zdjecie0:hover {
	border: medium solid #7E7443;
}
#dojazd  a, #dojazd a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #8E744C;

}
#dojazd a:hover {
	color: #A00C08;
	text-decoration: none;

}




   /*koniec*/
#footer,#footer   a,#fotter  a:visited  {
	padding: 0em;
	margin: 0em;
	color: #463926;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	height: auto;
	width: auto;
} 
#footer {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	height: 100px;
}

#footer p {
	color: #463926;
	text-decoration: none;
	float: left;
}


#footer p.link
{
	float: right;

}
#footer  a:hover 
{
	color: #A00C08;
	text-decoration: none;
}
#footer p.znaczki    {
	float: right;
}
#footer  p.kreski1 {
	margin-bottom: 5px;

}
#htmlElement {
	padding: 10px;
	background-color: #000;
}
