@charset "utf-8";
/* CSS Document */
/* wyzerowanie dla wszystkich elementow */
* {
	padding: 0;
	margin: 0;
	border: 0;
}

/*-- podstawowe atrybuty --*/
body  {
	background: #FAF5EB url(../img/headerClouds.jpg) top repeat-x;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #00294A;
}
h1 {
	color: #4EA0D5;
	font-size: 19px;
	font-weight:normal
}
h2 {
	color: #10609F;
	font-size: 16px;
	font-weight:normal;

}
h3 {
	color: #FFFFFF;
	font-size: 16px;
	font-weight:normal;
	margin-bottom: 10px;
}


/*--  rozciagajace sie na cala szerokosc paski --*/
#headerGradients{
	width: 100%;
	height: 100%;
	left: 0; /* inaczej ie7 dowali tu margines rowny temu z mainCont*/
	top: 0;
	position: absolute;
/*	z-index:-1;*/
}
/* waski granatowy pasek po lewej stronie */
#gradientLeft {
	float: left;
	width: 39%;
	height: 314px;
	background: url(../img/finalGradientLeft.jpg) repeat-x;
	margin-top: 139px;
	position: absolute;
}
/* szeroki pasek granatowy po prawej stronie */
#gradientRight {
	float: right;
	width: 59%;
	height: 424px;
	margin-top: 29px;
	background: url(../img/finalGradientRight.jpg) repeat-x;
}

/*-- glowny kontener dla strony --*/
#mainCont {
	width: 1000px;
	height: 605px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	position: relative;
	margin-bottom: 55px;
}

/*-- naglowek --*/
#header {
	width: 100%;
}
/* box z wyborem jezyka */
#languageBox {
	width: 151px;
	height: 29px;
	float: right;
	margin-right: 90px;
	background: url(../img/languageBox.jpg) no-repeat;
	display: inline;
}
#languageBox a img{
	margin: 2px 2px 0 28px;
}
/* box z logo grand tourist */
#logo {
	width: 366px;
	height: 80px;
	margin: 29px 0 0 2px;
	float: left;
	display: inline;
}
/* napis pod logo */
#logo h1 {
	margin-left: 90px;
	margin-top: -24px;
}
/* granatowe fale po prawej w naglowku */
#waves {
	width: 530px;
	height: 424px;
	background: url(../img/bigBoxWaves.jpg) no-repeat left top;
	float: left;
	margin-left: 10px;
	font-size: 1%;
}


/* pasek menu */
#menuBar {
	width: 836px;
	height: 311px;
	position: absolute;
	left: 74px;
	top: 139px;
}

/* linki menu */
a.menuItem{
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	margin: 0 15px 0 15px;
	text-decoration: none;
}
a:hover.menuItem{
	color: #6DA7CD;
}
/* nieaktywny link menu - tu jestes */
.selectedMenuItem {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #6DA7CD;
	margin: 0 15px 0 15px;
}
/* zaokraglenie paska-link polecane hotele */
#blueRound2 {
	display: inline;
	height: 37px;
	width: 4px;
	background:url(../img/blueRound.gif) no-repeat;
	float: left;
	position:relative;
	top:-40px;
	left:223px;
}
/* granatowy pasek-link polecane hotele*/
#blueBox2 {
	float: left;
	height: 37px;
	width: 284px;
	background:url(../img/blueBar.gif) repeat-x;
	position:relative;
	top:-40px;
	left:223px;
	
}
/* link polecane hotele */
#tenlink {
	position:absolute;
	top:10px;
	margin-left:35px;
z-index: 1;
}
/* lewa kolumna*/
#partLeftMenu{
	width: 305px;
	background-color: #FAF5EB;
	float: left;
}

/* zaokraglenie paska rozciagajacego sie z lewej strony */
#gradientRound {
	float: left;
	height: 314px;
	width: 5px;
	background: url(../img/finalGradientLeftRound.jpg) no-repeat;
}
/* zaokraglenie paska granatowego menu */
#blueRound {
	display: inline;
	margin-left: 13px;
	height: 37px;
	width: 4px;
	background:url(../img/blueRound.gif) no-repeat;
	float: left;
}
/* granatowy pasek menu */
#blueBox {
	float: left;
	height: 27px;
	width: 283px;
	background:url(../img/blueBar.gif) repeat-x;
}
#travelMenu {
	width: 287px; 
	height: 277px; 
	float: right;
	margin-bottom: 35px;
	background-color: #ff9203; 
	
	background-repeat: no-repeat; 
	background-position: top;
}
#travelMenu ul {
	list-style: none;
	margin: 78px 25px 0 30px;
}
#travelMenu li {
	width: 100%;
	border-bottom: 2px #FFFFFF dotted;
	line-height: 25px;
	font-size: 18px;
}
#travelMenu li a {
	font-size: 18px;
	font-weight: bold;
	color: #e02600;
	text-decoration: none;
	margin-left: 3px;
}
#travelMenu li a:hover {
	color: #ff4e00;
}
#travelMenu li img {
	position: absolute;
	left: 257px;
	margin-top: 2px;
}

a#seeRest{
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: #8d2801;
	float: right;
	margin: 12px 25px 0 0;
}
a:hover#seeRest{
	text-decoration: underline;
}

#miniAd {
	width: 287px;
	float: right;
	height: 105px;
	text-align: center;
}

/* pomaranczowa czesc menu */
#partRightMenu{
	width: 530px;
	float: left;
}

/* pomaranczowy pasek menu */
#orangeBox {
	float: left;
	height: 27px;
	width: 526px;
	background: url(../img/orangeBar.gif) repeat-x;
}
/* zaokraglenie paska pomaranczowego menu */
#orangeRound {
	height: 37px;
	width: 4px;
	background: url(../img/orangeRound.gif) no-repeat;
	float: left;
}
/* zeby linki menu byly wysrodkowane */
#blueBox, #orangeBox {
	padding-top: 10px;
}

/*- prawa kolumna dotyczaca domkow i apartamentow -*/
#accomodation {
	float: left;
	width: 531px;
	height: 277px;
	margin-bottom: 35px;
}
#summerHouses {
	float: left;
	width: 230px;
	height: 277px;
	margin: 10px 0 0 15px;
	display: inline;
}
#apartments {
	float: right;
	width: 230px;
	height: 277px;
	margin: 10px 0 0 0;
	display: inline;
}

.textInfo {
	float: left;
	width: 230px;
	height: 164px;
}
/* kontenery na obrazki naglowkow */
#apartamentyKwatery, #domkiKaszuby{
	height: 37px;
	margin-bottom: 13px;
}

/*- kontener na flasha mozna zdjac ten border */
.flashMovieClip {
	float: left;
	width: 229px;
	height: 90px;
	border: 1px #1971B6 solid;
}
#extraInfo {
	float: left;
	width: 531px;
	height: 105px;
}
/* tekstowe info o kaszubach dolne */
#kaszubyBox {
	float: left;
	width: 230px;
	height: 105px;
	margin: 0 0 0 15px;
	display: inline;
	position: relative;
}
/* tekstowe info o gdansku dolne */
#gdanskBox {
	float: right;
	width: 230px;
	height: 105px;
	display: inline;
	position: relative;
}

/* kontener dla obrazka zobacz pozycjonujacy go w lewym dolnym rogu innego kontenera */
.goTo {
	position: absolute;
	bottom: 0;
	left: 0;
}
 
/* styl dla spana */
.highlightOrangeBold {
	color: #FF6600;
	font-weight: bold;
}

/*-- stopka i logosy --*/
#footer{
	height: 65px;
	width: 100%;
	background-color: #FFFFFF;
	float: left;
	text-align: center;
	clear: both;
	/*margin-top: 200px;*/
}
#logoCentered{
	height: 50px;
	width: 820px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-top: 15px;
}
#miniGt, #projectLogo{
	margin-top: 10px;
}
#miniGt, #addLogos{
	float: left;
}
#addLogos{
	margin-left: 150px;
	text-align: center;
}
#addLogos img{
	margin-right: 50px;
}
#projectLogo{
	float: right;
}