*{
	margin: 0;
	padding: 0;
}
html, body, #conteiner{
	height: 100%;
	width: 100%;
} 

body{
  	background: url('../images/page_bgr.jpg') repeat-x #FFF;
	font-family: verdana, arial, trebuchet MS,  Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
}
img{
	border: 0;
	display: inline;
}
a{
	text-decoration: none;
	color: #30B3AD;
}
a:hover{
	text-decoration: none;
	color: #2EE0D8;
}
h1, h2, h3, h4{
	font-family: arial, trebuchet MS, verdana, Helvetica, sans-serif;
}
p{
	margin: 0 0 10px 0;
	font-family: verdana, arial, trebuchet MS, Helvetica, sans-serif;
	line-height: 14px;
}
p.more{
	text-align: right;
	font-family: arial, trebuchet MS, verdana, Helvetica, sans-serif;
}
ul{
	margin: 0 0 0 30px;
	padding: 0;
}
.clear{
	clear: both;
}
#conteiner{
	background: url('../images/conteiner_bgr.jpg') no-repeat top center; 
}
#header, #content, #f-content{
	width: 980px;
	margin: 0 auto;
} 
#header{
	position: relative;
	height: 90px;
	font-size: 12px;
	color: #FFF;
}
#header div.logo-slogan{
	position: absolute;
	top: 0;
	left: 250px;
	height: 170px;
	width: 115px;
}
#header h1{
	font-size: 11px;
	position: relative;
}
#header h1 img{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
#header h1 span{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
#menu{
	position: absolute;
	top: 30px;
	left: 450px;
	width: 500px;
}
#menu, #menu ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
#menu, #menu ul{
	list-style-position:outside;
	position:relative;
	font-family: arial, verdana, trebuchet MS, sant-serif;
	font-size: 12px;
}
#menu li{
	display: inline;
	float:left;
	text-align: center;
	position:relative;
	width: 100px;
}
#menu ul {
	background-color: #005298;
	position:absolute;
	display:none;
	padding: 10px 0 10px 10px;
	top: 25px;
	width: 180px;
	voice-family : "\"}\""; voice-family : inherit;
	width: 170px;
}
#menu ul ul{
	top:auto;
}	
#menu li ul ul {
	left: 0;
	margin: 0;
}
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul{
	display:none;
}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul{
	display:block;
}
#menu a{
	display: block;
	padding: 5px 15px 0 15px;
	color: #FFF;
	font-weight: bold;
	height: 25px;
	voice-family : "\"}\""; voice-family : inherit;
	height: 20px;
}
#menu a:hover{
	background-color: #005298; 
}
#menu li ul a{
	background: none;
	padding: 0;
	font-weight: lighter;
	border-bottom: 1px solid #0063A6;
	padding: 3px 0 3px 0;
	width: 160px;
	height: auto !important;
	height: 20px;
	min-height: 20px;
	voice-family : "\"}\""; voice-family : inherit;	
	height: auto !important;
	height: 14px;
	min-height: 14px;
	width: 155px;
}
#menu li ul a:hover{
	background: none;
	color: #2EE0DF;
}
#language{
	position: absolute;
	top: 95px;
	right: 0;
}
#language li{
	display: inline;
	float: left;
	margin: 0 0 0 5px;
	height: 23px;
	width: 23px;
}
#language li span, #language li a{
	display: inline-block;
	width: 23px;
	height: 23px;
}
span.pl{
	background: url('../images/pl.gif') no-repeat;
}
span.en{
	background: url('../images/en.gif') no-repeat;
}
span.de{
	background: url('../images/de.gif') no-repeat;
}
span.ru{
	background: url('../images/ru.gif') no-repeat
}
a.pl{
	background: url('../images/pl.gif') no-repeat 0 -23px;
}
a.pl:hover{
	background: url('../images/pl.gif') no-repeat 0 0;
}
a.en{
	background: url('../images/en.gif') no-repeat 0 -23px;
}
a.en:hover{
	background: url('../images/en.gif') no-repeat 0 0;
}
a.de{
	background: url('../images/de.gif') no-repeat 0 -23px;
}
a.de:hover{
	background: url('../images/de.gif') no-repeat 0 0;
}
a.ru{
	background: url('../images/ru.gif') no-repeat 0 -23px;
}
a.ru:hover{
	background: url('../images/ru.gif') no-repeat 0 0;
}
#content{
  	height: auto !important;	
  	height: 470px;
	min-height: 470px;
}
#text, #news-main, #news, #path, #gallery{
	width: 530px;
}
#text,  #path{
	margin: 0 0 0 450px;
}
#text{
	padding: 0 0 15px 0;
}

#path{
	color: #959595;
	font-size: 10px;
	padding: 10px 0 15px 0;
}
#content h2{
	color: #FFB200;
	font-size: 20px;
	font-weight: lighter;
	margin: 0 0 10px 0;
}
#news-main, #news{
	padding: 5px 0 0 0;
}
#news-main ul, #news ul{
	margin: 0;
	padding: 0;
}
#news-main ul li, #news ul li{
	list-style: none;
	font-family: verdana, arial, trebuchet MS, Helvetica, sans-serif;
}
#news ul li{
	border-bottom: 1px solid #EFEFEF;
	margin: 0 0 20px 0;
}
#news-main ul li{
	display: inline;
	float: left;
	width: 250px;
}
#news-main ul li h3, #news h3 {
	color: #959595;
	font-size: 10px;
	font-weight: lighter;
	margin: 0 0 5px 0;
	text-align: right;
}
#news-main ul li h4, #news h4{
	font-size: 12px;
}
#news-main ul li.n-margin{
	margin: 0 0 0 30px;
}
.pager{
	clear: both;
	text-align: center;
	padding: 0 0 15px 0;
}


#gallery ul{
	margin: 0;
	padding: 0;
}
#gallery ul li{
	display: inline;
	float: left;
	list-style: none;
	margin: 5px 5px 0 5px;
	text-align: center;
	width: 165px;
}
.gal-table{
display: table;
margin: 5px 0 5px 0;
margin: 0 auto;
height: 130px;
width: 150px;
}
.gal-table .gal-cell{
display: table-cell;
vertical-align: middle;
text-align: center;
}
#footer{
	background: url('../images/footer_bgr.jpg') repeat-x #FF6100;
	height: auto !important;	
  	height: 430px;
	min-height: 430px;
}
#f-content{
	position: relative;
	height: auto !important;	
  	height: 350px;
	min-height: 350px;
}
#f-content h2, #f-content h2 span{
	width: 282px;
	height: 74px;
} 
#f-content h2{
	font-size: 11px;
	position: absolute;
	top: -80px;
	left: 0;
}
#f-content h2 span{
  	background: url('../images/odpocznij.gif') no-repeat;	
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}
#os-hotel-txt{
	color: #FFF;
	position: absolute;
	top: 150px;
	left: 400px;
	width: 280px;
	height: 140px;
}
#os-list{
	padding: 10px 0 0 0;
}
#hotel-list{
	clear: both;
}
#morze, #gory, #mazury, #hotele{
	list-style: none;
	height: 123px;
	padding: 0 0 0 50px;
	margin: 0;
	width: auto;
}
#morze, #gory, #mazury{
	display: inline;
	float: left;
}
#gory, #mazury{
	margin: 0 0 10px 10px;
}

#morze li, #gory li, #mazury li, #hotele li{
	display: inline;
	float: left;
	margin: 0 5px 0 0;
	text-align: center;
	width: auto;
}
#morze a, #gory a, #mazury a, #hotele a{
	color: #FFF;
	display: inline-block;
	padding: 90px 0 0 0;
	width: 166px;
	height: 123px;
	voice-family : "\"}\""; voice-family : inherit;
	height: 33px;
}
#morze{
  	background: url('../images/morze.gif') no-repeat 0 13px;	
}
#morze a.mo1{
  	background: url('../images/ow_neptun.jpg') no-repeat 0 0;	
}
#morze a.mo1:hover{
  	background: url('../images/ow_neptun.jpg') no-repeat 0 -123px;	
}
#morze a.mo2{
  	background: url('../images/ow_diament.jpg') no-repeat 0 0;	
}
#morze a.mo2:hover{
  	background: url('../images/ow_diament.jpg') no-repeat 0 -123px;	
}

#gory{
  	background: url('../images/gory.gif') no-repeat 0 13px;		
}
#gory a.gr1{
  	background: url('../images/ow_jastrzebia.jpg') no-repeat 0 0;	
}
#gory a.gr1:hover{
  	background: url('../images/ow_jastrzebia.jpg') no-repeat 0 -123px;	
}

#mazury{
  	background: url('../images/mazury.gif') no-repeat 0 13px;	
}
#mazury a.maz1{
  	background: url('../images/dw_dargin.jpg') no-repeat 0 0;
}
#mazury a.maz1:hover{
  	background: url('../images/dw_dargin.jpg') no-repeat 0 -123px;	
}

#hotele{
/*  	background: url('../images/hotele.gif') no-repeat 0 13px;	*/
}
#hotele a.h1{
  	background: url('../images/csr_diament.jpg') no-repeat 0 0;
}
#hotele a.h1:hover{
  	background: url('../images/csr_diament.jpg') no-repeat 0 -123px;	
}
#hotele a.h2{
  	background: url('../images/hotel_antracyt.jpg') no-repeat 0 0;
}
#hotele a.h2:hover{
  	background: url('../images/hotel_antracyt.jpg') no-repeat 0 -123px;	
}
.os-name, .os-place{
	display: block;
}
.os-name{
	font-size: 12px;
	font-weight: bold;
}
.os-place{
	font-size: 11px;
}
#contact{
	background: url('../images/masz_pytanie_cont.gif') no-repeat;
	font-family: arial, trebuchet MS, verdana, Helvetica, sans-serif;
	line-height: normal;
	padding: 60px 0 0 60px;
	position: absolute;
	top: 150px;
	left: 695px;
	height: 280px;
	width: 300px;
	voice-family : "\"}\""; voice-family : inherit;
	height: 220px;
	width: 240px;
}
#contact h2, #contact h2 span{
	width: 110px;
	height: 110px;
} 
#contact h2{
	font-size: 11px;
	position: absolute;
	top: -45px;
	left: 174px;
}
#contact h2 span{
  	background: url('../images/masz_pytanie.gif') no-repeat;	
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
}
#contact h3{
	font-size: 20px;
	font-weight: lighter;
}
#contact p{
	font-size: 12px;
	font-weight: bold;
}
#contact p span{
	font-size: 18px;
}
#f-menu{
	list-style: none; 
	padding: 50px 0 0 30px;
}
#f-menu li{
	color: #FFC299;
	display: inline;
	float: left;
}
#f-menu li a{
	color: #FFC299;
	margin: 0 15px 0 15px;
}
#f-menu li a:hover{
	color: #FFF;
}