/* ----- 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 {
	text-align:center;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	height: 100%;
	padding:0px;
	margin:0px auto;
	background-color: black;
	color:white;
	font-size: 14px;
	line-height: 21px;	
}

.newLine {
	clear: both;
}

a {
	text-decoration: none;
	color:#d5a81f;
}

.error {
	color:red;
}

a:hover {
	color:#800000;
}

img {
	border:0px;
}

img.kontakt_foto {
	padding:1px;
	border:1px solid #c0c0c0;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
}

h1, h2, h3, h4, h5, h6 {
	padding: 0px;
	margin:0px;
	margin-bottom:5px;
	color:#d5a81f;
	font-weight:normal;
}

h1 {
	font-size: 30px;
	line-height: 45px;
	letter-spacing: -1px;
}

h2 {
	font-size: 24px;	
	line-height: 36px;
	letter-spacing: -1px;
}

h3 {
	font-size: 22px;	
	letter-spacing: -1px;
}

h4 {
	font-size: 20px;	
	line-height: 30px;
	letter-spacing: -1px;	
}

h5 {
	font-size: 18px;	
	line-height: 27px;	
}

h6 {
	font-size: 16px;
	line-height: 24px;		
}

.fl {
	float:left;
}

.fr {
	float:right;
}

div.center {
	text-align:center;
}

div.main {
	width:100%;
	height:220px;
	background-image: url(../img/top.png); 
	background-position: bottom;
	background-repeat: repeat-x;
	text-align: center;
	background-color: #800000;
}

div.main img.logo {
	margin-top:30px;
	margin-left:40px;
}

div.header {
	width:960px;
	height:220px;
	background-image: url(../img/header.png); 
	background-position: bottom;
	background-repeat: no-repeat;
	margin:0px auto;
	background-color: #800000;	
}


div.content {
	width:960px;
	height:auto;
	margin:0px auto;
	text-align: left;
}

div.image-header {
	margin-bottom:5px;
}

div.tripadvisor {
	margin:0 20px;
	margin-top: -5px;	
}

div.lang {
	margin-top:5px;
}

div.lang a {
	margin-right:5px;
}

div.back {
	margin-top:20px;
	margin-bottom:20px;
	text-align: right;
	font-size: 16px;
}


/* --- MENU --- */
div.menu {
	text-align: right;
	margin-bottom:10px;
}

div.menu a {
	color: white;
	font-size:24px;
	letter-spacing: -1px;
	margin:0 7px;
	font-weight: bold;
}

div.menu-es a {
	font-size: 20px;
}

div.menu a.facebook {
	margin-left:20px;
} 

div.menu a:hover {
	color:#d5a81f;
}

div.menu a.sel {
	color:#d5a81f;
}

/* ----- PATH ---------------- */

div.path {
	font-weight: normal;
	font-size: 12px;
	color:gray;
}

div.path {
	font-weight: normal;
	font-size: 12px;
	color:gray;
}

/* ----- STRONA GLÓWNA ---------------- */
div.strona-glowna {
	padding:10px 0 30px 0;
}

#strona-glowna-fotos{
	margin-top: 15px;
	margin-right: 100px;
}

#strona-glowna-fotos img {
	padding: 10px;
	background-image: url('../img/image-strona-glowna.png');
	background-repeat: no-repeat;
	background-position: center center;
	width: 270px;
	height: 270px;
}

div.strona-glowna div.tours {
	margin-bottom:30px;
}

div.strona-glowna div.tour {
	margin: 0 10px;
}

div.strona-glowna div.tour a {
	display: block;
	margin-top:20px;
	text-align: center;
}

div.strona-glowna div.tour a img {
	margin:0;
	padding:0;
}

div.strona-glowna div.first {
	margin-bottom:50px;
}
 
div.strona-glowna div.others {
	margin-bottom:30px;
}

div.strona-glowna div.others a {
	margin-right: 15px;
} 


/* ----- OFERTA ---------------- */

div.oferta-list {
	margin-bottom: 30px;
	margin-top:10px;
}

div.oferta-list div.tours {
	margin-bottom:20px;
} 

div.oferta-list div.tours div.tour img.main {
	margin:0 15px;
}

div.oferta-list div.tours div.tour div.tour-images {
	margin-top:30px;
}

div.oferta-list div.tours div.tour div.opis {
	margin-left:20px;
	margin-top:30px;
	float: left;
	width:280px;
}

div.oferta-list div.tours div.tour div.opis a.nazwa {
	font-size: 20px;
	margin-bottom: 10px;
	display: block;
}

div.oferta-list div.tours div.tour div.opis div.more {
	text-align: right;
	margin-top: 10px;
	font-size: 12px;
}

div.oferta-list div.others {
	margin-left: 20px;
}

div.oferta-list div.others div.other {
	background-image: url('../img/bgr-ofeta-others.png');
	background-position: center center;
	background-repeat: no-repeat;
	width:400px;
	margin:15px 20px;
	padding-right: 5px;
}

div.oferta-list div.others div.other img {
	margin-right: 20px;
}

div.oferta-list div.others div.other div.opis {
	margin-left:15px;
	font-size: 13px;
}

div.oferta-list div.others div.other div.opis a.nazwa {
	margin-top: 10px;
	margin-bottom:3px;
	font-size: 16px;
	display: block;	
}

div.oferta-list div.others div.other div.opis div.more {
	font-size: 12px;
	font-weight: normal;
	text-align: right;
}

div.oferta {
	padding:20px 0 40px 0;
}

div.oferta div.oferta-fotos-wrapper {
	background-image: url('../img/bgr-oferta-foto.png');	
	background-repeat: no-repeat;
	position: top center;
	width:320px;
	height: 300px;
	padding:6px 7px;
}

div.oferta #oferta-fotos{
	width:300px;
	height:280px;
}

div.oferta #oferta-fotos div.image-wrapper {
	padding: 5px;
}

div.oferta #oferta-fotos div.image-wrapper a.foto {
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	width: 300px;
	height: 250px;
}


div.oferta #oferta-fotos div.label {
	width:300px;
	margin-top:-3px;
	color: white;
	font-weight: bold;
	text-align: center;
}

div.oferta div.prawa-kolumna {
	margin-top:20px;
	width:310px;
	color:blue;
}

div.oferta div.lewa-kolumna {
	margin-left: 50px;
	width:450px;
}

/* ----- TEKST ---------------- */
div.text {

}

/* ----- PRASA ---------------- */
div.prasa {
	width:600px;
	height:526px;
	font-size: 14px;
	background-image: url('../img/press.png');	
	background-repeat: no-repeat;	
	margin: 20px 0 40px 0;
	font-family: "Times New Roman";
	color: black; 
	text-align: center;
}

div.prawa-prasa {
	width:350px;
}

div.prasa div.informacje {
	text-align: left;
	width: 420px;
	height: 320px;
	margin-left: 100px;
	margin-top:110px;
}

div.prasa div.informacje h2 {
	color:black;
	padding: 0;
	margin:0;
}

div.prasa div.informacje div.subtext {
	margin-bottom: 15px;
}

div.prasa div.informacje div.subtext p {
	margin: 0;
	padding: 0;
} 

div.prasa div.informacje div.informacja-prasowa {
	margin-bottom:10px;
}

div.prasa div.informacje div.informacja-prasowa div.linki div.link a {
	margin-left:5px;
	color:black;
}

div.prasa div.informacje div.informacja-prasowa div.linki div.link a {
	margin-left:5px;
	color:black;
}

div.prasa div.informacje div.informacja-prasowa div.linki div.link a:hover {
	color:gray;
}

div.prasa div.informacje div.informacja-prasowa h3 {
	margin-bottom: 0;
	padding: 0;
	color: #800000;
}


/* --- LOGOTYPY --- */
div.logotypy a {
	margin:5px;
	float: left;	
}



/*---  TEXT ---*/
div.subtext {
	margin-bottom:30px;
}

div.subtext img.subtext-image {
	margin-right: 20px;
	border: 2px solid #800000;
	float: left;
}

div.subtext {
	width: 800px;
}


/*---  stopka ---*/
div.stopka {
	height:350px;
	background-image: url('../img/bottom.png');		
	background-repeat: no-repeat;	
	background-position: top center;
	background-color: #800000;
}


div.panel {
	background-image: url('../img/bgr-bottom-menu.png');		
	background-repeat: no-repeat;	
	background-position: center center;
	margin: 0  auto;
	font-size: 16px;
	width:800px;
	padding:20px;
	height:auto;
	margin-top: 30px;
}

div.panel a {
	color:white;
	margin:10px;
	letter-spacing: 1px;
}

div.panel a.sel {
	color:#d5a81f;
}

div.panel a:hover {
	color:#d5a81f;
}

div.panel-info {
	font-size: 12px;
	width:820px;
	margin:0 auto;
	color: #d58e06;
	height: 30px;
}

div.design83 {
	color:#404040;
	font-size: 11px;
	font-weight: normal;
}

div.design83 a {
	color:#404040;
}

div.design83 a:hover {
	color:#d5a81f;
}


/* --- pages --- */
div.pages {
	margin-top: 5px;
	height: 24px;
	line-height: 24px;
}

div.pages .opis {
	float: left;
	margin-right: 5px;
}

div.pages a {
	text-align: center;
	display: block;
	float: left;
	width: 18px; 
	height: 24px;
	margin:0 2px;
	line-height: 24px;
	background-image: url(../img/bgr-page.png); 
	background-position: center center;
	background-repeat: no-repeat;
	color:white;
}

div.pages a.current {
	background-image: url(../img/bgr-page-active.png); 
	color:black;
}

/* --- images --- */
div.images {
}

div.images a img{
	margin:3px;
}

/* --- book --- */
div.book div.subtext {
	width:400px;
}


div.images a img {
	padding: 8px;
	background-color: #816617;
	background-image: url("../img/bgr-thumb.png");
	background-position: center center;
	background-repeat: no-repeat;
}

form {
	display: block;
	width: 500px;
	float:left;
}

form div.pole {
	margin-bottom:8px;
}

form div.label {
	width: 150px;
	float: left;
}
form input {
	display: block;
	width:340px;
	line-height: 30px;
	height: 30px;
	font-size:14px;
	padding-left: 5px;
	background-color: #d5a81f;
	border: 2px solid #997b21;
	color: black;
}

form select {
	display: block;
	width:350px;
	padding: 6px 0;
	font-size:14px;
	padding-left: 5px;
	background-color: #d5a81f;
	border: 2px solid #997b21;
	color: black;
}

form select option {
	padding-left: 5px;
	background-color: #d5a81f;
}

form select.dzien {
	width:60px;
	float: left;
}

form select.miesiac {
	width:150px;
	float: left;
	margin: 0 10px;
}

form select.rok {
	width:70px;
	float: left;
	margin-right: 10px;
}

form textarea {
	display: block;
	width:340px;
	line-height: 30px;
	height: 90px;
	font-size:14px;
	padding-left: 5px;
	background-color: #d5a81f;
	border: 2px solid #997b21;
	color: black;
}

form div.button {
	text-align: right;
	margin-top:16px;
}

form div.button a {
	font-size: 16px;
	font-weight: normal;
	background-color: #d5a81f;
	color:black;
	padding:6px 16px;
	border: 2px solid #997b21;	
}

form div.button a:hover {
	background-color: #997b21;	
}

div.tour-zajawka {
	font-size: 110%;
	margin-bottom: 30px;
}

ul {
	margin-left: 25px;
	font-size: 105%;
}

ul li {
	margin-bottom: 5px;
}

div.press-info {
	width: 600px;
}

div.galeria div.more {
	text-align: right;
	margin-right:90px;
}

div.galeria {
	margin-bottom: 45px;
}

div.galeria-item {
	margin-top: 10px;
	margin-bottom: 25px;
}

div.small-offer {
	margin-left: 50px;
	width:960px;
}

div.small-list {
	margin-right: 90px;
}

div.validate_ok{
	padding-top: 10px;
	padding-bottom: 45px;
}