/* CSS Document */
/* Prawa autorskie: Royal Park Hotel & SPA w Mielnie */
/* Projekt: Sebastian Dudziak */

/* Style tekstw */
.jezyki {
	color: #FFFFFF;
	font-size: 12px;
}

.copyright {
	color: #FFFFFF;
	font-size: 12px;
}

.stopka-menu {
	color: #FFFFFF;
	font-size: 12px;
	text-align:right;
}	

.dane_tekst {
	color: #FFFFFF;
	font-size: 12px;
}	

.naglowek {
	color: #FF9900;
	font-size: 14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.naglowek2 {
	color: #FFFF00;
	font-size: 14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.tekst {
	color: #FFFFFF;
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	text-decoration: none;
}

.yellow {
	color: #FFFF00;
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	text-decoration: none;
	font-weight: bold;
}
.tab3 {
	color: #FFFFFF;
	background-color: #1E140F;
}
.tab3 a {color: #FFFFFF;}
.tab3 a:hover {color: #00CCFF;}

.tab4 {
	color: #FFFFFF;
	background-color: #493125;
}
.tab4 a {color: #FFFFFF;}
.tab4 a:hover {color: #00CCFF;}

body {
	background-color: #33231B;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

/* Rama strony www */

#rama_glowna {
	width: 960px;
	margin: auto;
	position:relative;
	background-color: #231812;
}

/* Pasek jezykw - Menu jezykw */

#pasek_jezykow {
	width: 960px;
	height: 25px;
	/* background-color: #231812; */
}

#menu_jezykow {
	width: 200px;
	float: right;
	text-align: right;
	margin-right: 10px;
}

#menu_jezykow a {color:#FFFFFF; text-decoration: none;}
#menu_jezykow a:hover {color: #FF9900; text-decoration: underline;}
	
/* Baner z logotypem i prezentacja flashowa */

#baner_glowny {
	width: 960px;
	height: 255px;
	position: relative;
	float: left;
	background-color: #231812;
}

#baner_logo {
	width: 300px;
	height: 255px;
	position: relative;
	float:left;
	/*background-color: #C29E83; */
	background-image: url(../images/logo.png); 
}

#baner_dane {
	width: 271px;
	height: 69px;
	position:absolute;
	margin-top: 220px;
	top: -52px;
	left: 14px;
	color: #FFFFFF;
	font-size: 12px;
}
#baner_dane a { color:#FFFFFF; }
#baner_dane a:hover { color:#FF9900; }

#baner_flash {
	width: 660px;
	height: 255px;
	position: relative;
	float: left;
	
}

/* Menu */
#menu {
	width: 960px;
	height: 35px;
	position: relative;
	float: left;
	background-color: #C29E83;
	margin-top: 5px;
}

/* Ramka Glwna */
#strona_glowna {
	width: 960px;
	height: auto;
	position: relative;
	float: left;
	background-color: #231812;
}

/* Strona glwna */
#oferty_specjalne {
	width: 960px;
	height: 230px;
	position: relative;
	float: left;
}

#tresc_glowna {
	width: 960px;
	margin-top: 10px;
	position: relative;
	float: left;
	border-top: 1px #C29E83 solid;
}

#tresc_box {
	width: 304px;
	position: relative;
	float: left;
	margin-left: 12px;
}
	#tresc_box a{
	color:#FFFFFF;
	text-decoration:none;
	}
	#tresc_box a:hover{
	color:#FFFF00;
	}
	
#baner_lewy {
	width: 250px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 8px;
	position: relative;
	float: left;
}

/* Hotel */
#hotel_lewy {
	width: 280px;
	height: 500px;
	margin-left: 10px;
	position: relative;
	float: left;
	margin-top: 10px;
}

#hotel_zdjecie {
	width: 280px;
	height: 186px;
	position: relative;
	float: left;
	margin-top: 10px;
	/* border: #996666 4px solid; */
}

#hotel_opis {
	width: 280px;
	height: 40px;
	position: relative;
	float: left;
	text-align: center;
	color: #231812;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #C29E83;
}

#hotel_tekst {
	width: 650px;
	margin-left: 10px;
	position: relative;
	float: left;
	margin-top: 10px;
}

/* Restauracja */
#pobierz_pasek {
	width: 650px;
	height: 75px;
	margin-left: 10px;
	position: relative;
	float: left;
}

#pobierz_box {
	width: 100px;
	height: 75px;
	margin-left: 10px;
	position: relative;
	float: left;
}

/* SPA */

#spa_baner {
	width: 250px;
	height: 700px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 8px;
	position: relative;
	float: left;
}

#spa_naglowek {
	width: 684px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	position: relative;
	float: left;
}

#spa_tresc {
	width: 684px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	position: relative;
	float: left;
}
#spa_boxy {
	width: 694px;
	margin-bottom: 10px;
	position: relative;
	float: left;
}

#spa_box_lewy {
	width: 337px;
	margin-left: 10px;
	position: relative;
	float: left;
	
}

#spa_box_lewy a { color: #00CCFF; }

/* Zdjcia */
#zdjecia {
	width: 940;
	margin-top: 10px;
	margin-left: 10px;
	position: relative;
	float: left;
}

#zdjecia_naglowek {
	width: 940;
	height: 155px;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
	float: left;
}

#galeria_przycisk {
	width: 130px;
	height: 110px;
	margin-top: 10px;
	margin-left: 15px;
	position: relative;
	float: left;
}

#przycisk_button {
	width: 130px;
	height: 75px;
	position: relative;
	float: left;
}

#przycisk_podpis {
	width: 130px;
	height: 25px;
	margin-top: 10px;
	position: relative;
	float: left;
	text-align: center;
	font-weight: bold;
}
/* Kontakt */
#tresc_kontakt {
	width: 946px;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
	float: left;
}

#kontakt_box {
	width: 270px;
	height: 370px;
	position: relative;
	float: left;
	margin-left: 12px;
	margin-bottom: 10px;
	border-right: 1px #C29E83 solid;
}

#formularz_box {
	width: 344px;
	position: relative;
	float: left;
	margin-left: 12px;
}

#wyslane_box {
	width: 960px;
	height: 300px;
	margin-top: 10px;
	position: relative;
	float: left;
	border-top: 1px #C29E83 solid;
	color:#FFFFFF;
	font-weight: bold;
}

/* Stopka - Copyright, Menu dolne */
#stopka_glowna {
	width: 960px;
	position: relative;
	float: left;
	background-color: #C29E83;
}

#stopka_copyright {
	width: 250px;
	height: 40px;
	position: relative;
	float: left;
	color: #231812;
}

#stopka_menu_dolne {
	width: 600px;
	height: 40px;
	position: relative;
	float: right;
	color: #231812;
	margin-right: 10px;
}

#stopka_menu_dolne a {color: #231812; text-decoration: none;}
#stopka_menu_dolne a:hover {color: #231812; text-decoration: underline;}

