/*   Always look on the bright side of life ;-)   */



/* GLOBAL */


* {
	padding: 0px;
	margin: 0px;
}
body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	background: #382017 url('images/bg_main.png') repeat;
	font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

a, a:link {
	text-decoration: none;
}
a:visited {
	color: inherit;
}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.aligncenter {
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, serif;
	font-style: italic;
	margin: 0px;
	padding: 0px;
}

.red a, p.red a {
	color: #f30 !important;
}


/* TEMPLATE */


#top {
	width: 100%;
	height: 35px;
	background: transparent url('images/bg_top.png') repeat-x;
}

#stage {
	width: 972px;
	height: 100%;
	margin: 0 auto;
	/*font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif;*/
	text-align: left;
}


#left {
	width: 220px;
	float: left;
}
	
		#left a#logo {
			display: block;
			width: 220px;
			height: 100px;
			margin-bottom: 20px;
			background: transparent url('images/logo.png') no-repeat;
		}
		#menu, #contact {
			width: 209px;
			float: left;
			border-right: 3px solid #E9E0CE;
			padding: 0 8px 25px 0;
			margin-bottom: 40px;
		}
		#contact {
			border-right: 3px solid #D8CDA7;
		}
		
		#menu ul, #menu ul li {
			/*float: left;*/
			list-style: none;
			margin: 0px;
			padding: 0px;
		}
		#menu ul li a, #menu ul li a:visited {
			font: bold 1.5em Georgia, serif;
			color: #902D17;
			display: block;
			width: 195px;
			height: 25px;
			padding: 9px 14px 3px 0px;
			/*margin: 2px 0px;*/
			text-align: right;
			background-image: none;
			text-shadow: #ccc 1px 1px 1px;
		}
		#menu ul li a:hover, #menu ul li.level1 a:hover, #menu ul li.level1active a:hover {
			color: #000;
			background: transparent url('images/bg_menu_hover.png') no-repeat;
		}
		#menu ul li.level1active a.level1current, #menu ul li.level1active a.level1current:hover {
			color: #000;
			background: transparent url('images/bg_menu_hover.png') no-repeat;
		}
		#menu ul.level2 li a, #menu ul.level2 li a:visited {
			font: 1.1em Tahoma, Verdana, Arial, Helvetica, sans-serif;
			color: #000;
			display: block;
			width: 160px;
			height: 12px;
			background: none;
			padding: 2px 12px 3px 0px;
			margin: 2px 0px 2px 30px;
			border: 0px;
		}
		#menu ul.level2 li a:hover, #menu ul.level2 li li.level2active a:hover, #menu ul.level2 li.level2active a:hover, #menu ul.level2 li.level2active a {
			padding: 2px 12px 2px 0px !important;
			background: transparent url('images/a-hover-arrow.png') no-repeat right center !important;
			border-bottom: 1px solid #fff !important;
		}
		#menu ul.level2 {
			margin-bottom: 15px;
		}
		
		#contact {
			width: 194px;
			text-align: right;
			padding-right: 22px;
		 }
		#contact, #contact a {
			font: italic normal 1.1em Georgia, serif;
			color: #333;
		}
		#contact h5 {
			font: italic normal 1.4em Georgia, serif;
			color: #666;
			padding: 10px 0px;
			margin: 0 0 10px 0;
		}
		
		
	
	
#right {
	width: 736px;
	float: left;
	margin-left: 15px;
}
	
		#header {
			width: 736px;
			height: 68px;
		}
		#header h1 {
			display: block;
			width: 495px;
			float: left;
			font-size: 3.1em;
			font-style: italic;
			font-weight: normal;
			color: #902D17;
			padding: 20px 0 0 15px;
			text-shadow: #ccc 2px 2px 2px;
			/*margin: 0px;*/
		}
		#header h1 a, #header h1 a:hover {
			color: #902D17;
		}
		#header h5, #lingua {
			display: block;
			width: 220px;
			font-family: Georgia, serif;
			font-size: 1.1em;
			font-style: italic;
			color: #666;
			float: right;
			text-align: left;
			margin-top: 33px;
		}
		#lingua a {
			font-family: Georgia, serif;
			color: #666;
			font-size: 1.1em;
			font-style: italic;
		}
		#lingua ul, #lingua ul li {
			list-style: none;
			display: inline;
		}
		#lingua ul li {
			margin-left: 10px;
		}
		#lingua ul li.active a {
			color: #CC3300;
			text-decoration: underline;
		}
		#right div.flash {
			width: 736px;
			height: 243px;
			margin-bottom: 25px;
			/*background: url(images/mockup.jpg) no-repeat;*/
		}
		#right div.anim {
			width: 736px;
			height: 243px;
			margin-bottom: 25px;
			background: transparent url('http://salamandra-hotel.pl/wp-content/uploads/slide2.jpg') no-repeat;
		}
		#right div.anim.hotel {
			background: transparent url('http://salamandra-hotel.pl/wp-content/uploads/slide3.jpg') no-repeat;
		}
		#right div.anim.restauracja {
			background: transparent url('http://salamandra-hotel.pl/wp-content/uploads/slide5.jpg') no-repeat;
		}
		#right div.anim.dojazd {
			background: transparent url('http://salamandra-hotel.pl/wp-content/uploads/slide1.jpg') no-repeat;
		}
		#right div.anim.oferta {
			background: transparent url('http://salamandra-hotel.pl/wp-content/uploads/slide7.jpg') no-repeat;
		}
		
		#intro {
			width: 626px;
			padding: 0px 0 25px 100px;
			margin-left: 10px;
			background: transparent url('images/bg_flower.png') no-repeat;
			clear: both;
			margin-bottom: 15px;
		}
				#intro h2 {
					font-size: 1.8em;
					font-style: italic;
					font-weight: normal;
					color: #902D17;
					margin-bottom: 12px;
					text-shadow: #ccc 1px 1px 1px;
				}
				#intro h3 {
					font-size: 1.2em;
					font-style: italic;
					font-weight: normal;
					color: #000;
				}
				
				
		#wrapper, #page {
			width: 721px;
			padding-left: 15px;
			margin-bottom: 50px;
			float: left;
		}
		
				#tab1, #tab2, #tab3 {
					width: 200px;
					float: left;
				}
				#tab1, #tab2 {
					margin-right: 54px;
					/*clear: both;*/
				}
				#tab1 h3, #tab2 h3, #tab3 h3 {
					font-size: 1.2em;
					font-style: italic;
					font-weight: bold;
					color: #333;
					border-left: 3px solid #D8CDA7;
					padding: 5px 20px 10px 15px;
					height: 30px;
					margin-top: 10px;
				}
				#tab1 p, #tab2 p, #tab3 p {
					display: block;
					/*height: 225px;*/
					border-left: 3px solid #D8CDA7;
					padding: 10px 20px 10px 15px;
					margin: 0px;
					font: 1.1em Tahoma, Verdana, Arial, Helvetica, sans-serif;
					color: #333;
					line-height: 1.2em;
				}
				#tab1 a, #tab2 a, #tab3 a, #tab1 p a, #tab2 p a, #tab3 p a {
					font-style: italic;
					font-weight: bold;
					font: italic bold 1em Georgia, serif;
					color: #930;
					text-align: right;
				}
				#tab1 a:hover, #tab2 a:hover, #tab3 a:hover, #tab1 p a:hover, #tab2 p a:hover, #tab3 p a:hover {
					background-color: #EFE9DC;
				}

				#page h2 {
					font-size: 1.6em;
					font-style: italic;
					font-weight: normal;
					color: #902D17;
					margin-bottom: 20px;
					/*padding: 15px 0 35px 100px;
					margin-left: 10px;*/
					/*background: transparent url('images/bg_flower.png') no-repeat;*/
				}
				#page {
					background: transparent url('images/bg_nenu.png') right bottom no-repeat;
					padding-bottom: 40px;
					margin-bottom: 10px;
				}
				#page, #page p, #page ul li, #page p ul li, #page table {
					font-size: 1.1em !important;
					font-style: normal !important;
					font-weight: normal;
					font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif !important;
					color: #333 !important;
					margin-bottom: 12px !important;
					text-align: justify;
				}
				#page p.center {
					text-align: center;
				}
				#page a, #page p a {
					color: #900;
				}
				#page a:hover, #page p a:hover {
					color: #c60;
				}
				#page p img {
					text-align: center;
					padding: 7px;
					border: 1px solid #CCBE8C;
					-moz-border-radius: 4px !important;
					-khtml-border-radius: 4px !important;
					-webkit-border-radius: 4px !important;
					border-radius: 4px !important;
					background-color: #EDE9D8;
					margin: 10px 10px 0 0;
				}
				#page p img:hover {
					background-color: #fff;
				}
				/*#page h2 {
				#page #flower {
					width: 133px;
					height: 97px;
					background: transparent url('images/flower_big.png') no-repeat;	
					float: left;
				}*/
				#page ul, #page ul li {
					margin-left: 20px;
					padding-bottom: 0px;
					margin-bottom: 0px;
				}
				#page ul {
					margin-bottom: 12px;
				}
				#page ul li ul li {
					list-style: disc;
				}
				#page input, #page textarea {
					width: 270px !important;
					border-top: 1px solid #999 !important;
					border-left: 0px !important;
					border-right: 0px !important;
					border-bottom: 0px !important;
					font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif !important;
					padding: 4px !important;
					background-color: #ffc !important;
				}
				#page input#send {
					width: 60px !important;
					font-weight: bold !important;
					border: 1px solid #999 !important;
					background-color: #ccc !important;
				}
				#page input#send:hover {
					background-color: #D2FC72 !important;
				}
		
		
#submenu {
	width: 100%;
	height: 20px;
	margin: 0 auto;
	padding-top: 4px;
	text-align: center;
	background-color: #902D17;
	border-top: 5px solid #f90;
	float: left;
}

		#submenu ul, #submenu ul li {
			list-style: none;
			display: inline;
			margin: 0px 20px;
			padding: 0px;
		}
		#submenu ul li a, #submenu ul li a:visited {
			font: 11px Tahoma, Arial, Helvetica, sans-serif;
			color: #fff;
		}
		#submenu ul li a:hover, #submenu ul li.level1 a:hover, #submenu ul li.level1active a:hover {
			text-decoration: underline;
		}
		#submenu ul li.level1active a.level1current, #submenu ul li.level1active a.level1current:hover {
			text-decoration: underline;
		}
		#submenu ul.level2 {
			display: none !important;
		}
		

#footer {
	width: 100%;
	margin: 0 auto;
	float: left;
	background-color: #382017;
	padding-bottom: 15px;
}
	
	#info {
		width: 160px;
		height: 130px;
		float: left;
		font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color: #ccc;
		background: transparent url('images/salamander.png') right 14px no-repeat;
		padding: 10px 60px 10px 0px;
		text-align: right;
	}
	#info p {
		margin-bottom: 4px;
		color: #ccc;
	}
	#info a, #credits a {
	color: #D1D1D1;
	}
	#info a:hover, #credits a:hover {
		text-decoration: underline;
	}
	
	#credits {
		width: 150px;
		float: right;
		font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color: #999;
		padding-top: 25px;
		margin-right: 25px;
		text-align: right;
	}
	#sites {
		width: 300px;
		margin: 50px 250px;
		float: left;
	}