/* ----- reset.css ----- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }
body { line-height: 1.5; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
html { height:100%; }

body {
	font-family: Tahoma, Arial, sans-serif;
	height: 100%;
	padding:0px;
	margin:0px auto;
	color:#4e4e4f;
	font-size: 14px;
	line-height: 21px;	
	background-color: #d8d8d8;
}
.newLine { clear: both; }
.fl { float:left; }
.fr { float:right; }
div.center { text-align:center; }
a {
	text-decoration: none;
	color: #254791;
}
a:hover { color: #5163a2; }
.error { color:red; }
img {border-color: #254791;}
h1, h2, h3, h4, h5, h6 {
	padding: 0px;
	margin:0px;
	margin-bottom:5px;
	color: #5163a2;
	font-weight:normal;
}
h1 {
	font-size: 22px;
	line-height: 33px;
}
h2 {
	font-size: 19px;	
	line-height: 28px;
}
h3 {
	font-size: 18px;	
	line-height: 26px;
}
h4 {
	font-size: 17px;	
	line-height: 25px;
}
h5 {
	font-size: 16px;	
	line-height: 24px;	
}
h6 {
	font-size: 15px;
	line-height: 22px;		
}
div.main {
	width:930px;
	text-align: left;
	margin: 0 auto;
	padding:0 25px;
	background-image: url("../img/bgr-tresc.png");
	background-position: center; 
	background-repeat: repeat-y;
}
div.stopka-wrapper {
	width:980px;
	color: #888888;
	text-align: left;
	margin: 0 auto;
	margin-top: 1px;
	background-image: url("../img/bgr-bottom.png");
	background-position: top center; 
	background-repeat: no-repeat;
	font-size: 11px;
	line-height: 15px;
	padding-bottom: 100px;
}

div.stopka {
	padding: 5px 26px;
}
div.stopka a.cms83 {
	float: left;
	margin-right: 30px;
}
div.stopka div.design83 {
	padding-top:5px;
}
div.stopka a {
	color: #888888;
}
div.stopka a:hover {
	color: #777777;
}

div.header {
	padding-top: 10px;
	padding-bottom: 2px;
}
div.header a.logo {
	margin-left: 10px;
}
/* --- MENU --------- */
div.menu {
	float: left;
	background-color: #254791;
	padding:10px 30px;
	width:240px;
	background-image: url("../img/bgr-menu.png");	
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-left: 8px;
}
div.menu a {
	display:block;
	font-size: 16px;
	line-height: 32px;
	color: #ffffff;
}
div.menu a:hover, div.menu a.sel {
	color: #b5a000;
}
div.path {
	font-size: 11px;
}

div.tresc {
	float: left;
	background-color: #fbfbfb;
	border: 1px solid #f1f1f1;
	width:550px;
	height:auto;
	padding: 10px 30px;
}
div.contents {
	font-size: 14px;
	line-height: 21px;
	padding-bottom: 45px;
}

div.tresc-strona-glowna{
	padding:0;
	width:610px;
	height:330px;
	border-color: #254791;	
}

div.contents-strona-glowna div.menu {
	height: 310px;
	border:1px solid #24468e;
}

div.tresc-strona-glowna div.imgage-strona-glowna {
	padding:0;
	width:610px;
	height:330px;
}

div.tresc-bottom-strona-glowna {
	width: 800px;
	float:none;
	margin:0 auto;
}

div.tresc-bottom-strona-glowna div.subtext {
	float:left;
	width:230px;
	margin:0;
	margin-right: 36px;
}

div.tresc-bottom-strona-glowna ul {
	padding: 0;
	margin:0;
}

div.tresc-bottom-strona-glowna ul li{
	list-style: circle;
	padding: 0;
	margin:0;
	padding-bottom: 5px;	
}


div.tresc-strona-glowna div.glowna-imgage-opis {
	float:left;
	padding: 10px 20px; 
	margin-top: 240px;
	height:70px;
	background-image: url("../img/image-opis.png");
	background-position: bottom; 
	background-repeat: repeat-x;		
	overflow: hidden;
	font-size: 18px;
	color: #24468e;
	line-height: 22px;
	letter-spacing: 1px;
	border-top: none;
}
/* --- MODUŁY --- --- --- */
div.moduly-wrapper {
	width:961px;
	text-align: left;
	margin: 0 auto;
	padding:0 5px;
	background-image: url("../img/bgr-tresc.png");
	background-position: center; 
	background-repeat: repeat-y;
	height:200px;	
}
div.moduly {
	height:200px;
	border-top:1px solid #254791;	
}
div.moduly div.modul {
	width:320px;
	background-color: #f5f5f5;
	height:200px;
	float:left;
	background-image: url("../img/bgr-modul.png");
	background-position: top center; 
	background-repeat: no-repeat;	
}
div.moduly div.modul-middle {
	width:319px;
	border-left:1px solid #254791;
	border-right:1px solid #254791;
}
div.moduly div.modul a {
	display: block;
	padding:20px;
	color: #444444;
	font-size: 13px;
	line-height: 19px;
}
div.moduly div.modul a .modul-text {
	display: block;
}
div.moduly div.modul a .right-text {
	margin-left: 90px;
}
div.moduly div.modul a .more {
	display: block;
	text-align: right;
	color: #254791;
	margin-top: 4px;
	padding-right: 16px;
}
div.moduly div.modul a .more:hover {
	display: block;
	text-align: right;
	color: #5163a2;
}
div.moduly div.modul a .image-wrapper {
	display: block;
}
div.moduly div.modul a strong {
	font-size: 18px;
	font-weight: normal;
	color: #254791;
	display: block;
	margin-bottom: 6px;
}
div.moduly div.modul a img.fl {
	margin-right: 10px;
}

div.subtext {
	margin-bottom:20px;
}

/* --- FORMULARZ --- --- --- --- --- */
form div.pole {
	margin-bottom: 16px;
}

form div.label {
	color:#254791;
	float: left;
	width:95px;
	font-size: 13px;
	text-align: right;
	margin-right: 10px;
	padding-top:5px;
}


form {
	display: block;
	margin-bottom: 30px;
}
form div.send{
	margin-left: 110px;
}

form .form-header {
	margin-left: 105px;
}

form div.send a {
	float: right;
	font-size: 14px;
	color: #254791;
	padding: 4px 20px;
	border:1px solid #254791;	
	background-color: #dddddd;
	margin-right: 50px; 	
	letter-spacing: 1px;
}

form div.send a:hover {
	background-color: #254791;
	color: white;
}

form div.send .wymagane {
	font-size: 12px;
	color:gray;
	letter-spacing: 0.5px;
}

form input {
	width: 380px;
	background-color: #d0d0d0;
	border:1px solid #254791;
	padding:7px;
	font-size: 16px;
	font-family: Helvetica, Arial, sans-serif;	
	letter-spacing: 0.5px;
}

form textarea {
	letter-spacing: 0.5px;
	width: 380px;
	background-color: #d0d0d0;
	border:1px solid #254791;
	padding:7px;
	font-size:16px;
	font-family: Helvetica, Arial, sans-serif;
	height:80px;
}


form div.form-pokoje input {
	width:380px;
}
form div.pole select {
	width:380px;
	padding:4px 5px;
	font-size: 16px;
	background-color: #d0d0d0;
	border:1px solid #254791;
}
form div.pole select option {
	border: none;
	padding:2px 1px;
}
form div.pole select.dzien {
	width:80px;
	float: left;
}
form div.pole select.miesiac {
	width:170px;
	margin:0 10px;
	float: left;
}
form div.pole select.rok {
	margin-right: 10px;
	width:100px;
	float: left;	
}

a.addFieldButton {
	cursor: pointer;
}

div.form-top {
	height:125px;
}

div.add-button {

}

div.podwojne-pole {
	height:65px;
}

div.cennik{
	margin-bottom: 25px;	
}

table.cennik {
	display:block;
	background-color: #eeeeee;
	border:1px solid #254791;
	width:540px;
	font-size:13px;
}


table.cennik tr.naglowek {
	background-color: #dddddd;	
}
table.cennik tr td {
	width:100px;
	text-align: center;
	padding: 5px 0;
	border-top: 1px solid #d0d0d0; 
	border-left: 1px solid #d0d0d0;
}
table.cennik tr.first td{
	border-top:none;
}
table.cennik tr td.one {
	width:400px;
}
table.cennik tr td.two {
	width: 200px;
}
table.cennik tr td.three {
	width: 150px;
}	

table.cennik tr td.nazwa {
	width:120px;
	padding: 0 10px;
	border-left: none;	
	background-color: #dddddd;	
}

div.images {
	margin-bottom: 20px;
}

div.images a img {
	margin: 4px;
	border:1px solid #cccccc;	
	background-color: #dddddd;	
	padding:4px;	
}


div.lang {
	font-size: 11px;
	margin: 18px 10px;
	margin-bottom: 0;
}
a.facebook {
	display: block;
	margin-right: 16px;
	margin-right: 10px;
	margin-top: 25px;
}
img.hosteling {
	margin-top: 5px;
	margin-right: 5px;
}

div.form-send-message {
	padding: 10px;
	padding-bottom: 30px;
}

div.rezerwacja {
	padding-bottom: 24px;
}

div.eholiday {
	margin-right: 10px;
}
div.partnerzy {
	margin: 10px 35px;
}
