@charset "utf-8";
/* CSS Document */


* {
	margin:0; padding:0; border:0; text-decoration:none;
  }
	
body {
	font:12px Arial, sans-serif;
	background:#000 url(../gfx/bg.jpg);
	color:#fff;
	line-height: 20px;
	}
	
h1, h2 {
	font:normal 21px Georgia, "Times New Roman", Times, serif;
	color:#E2D3AE; margin: 10px 0;
	}
	
h3 {
	font:normal 21px Georgia, "Times New Roman", Times, serif;
	color:#E2D3AE;
	text-transform:capitalize;
	}
	
h3.special { text-align:center; text-transform:none; 
	}
	
h4.main { font:bold 16.4543px Georgia, "Times New Roman", Times, serif;
	color:#E2D3AE;}

h5 { font:normal 15.4543px Georgia, "Times New Roman", Times, serif;
	color:#C48A38; padding-top: 2px;}

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

a:hover   { color: #fff; 
	text-decoration: none;
	}

ul { list-style:none;
	}

p  { padding: 5px 0;
	}
	
p.akapit {padding-left: 25px;
	}
	

img { }


#oferta { width: 650px; height: 300px; background:#333; margin: 0 auto;}


#background-back { margin: 0 auto;
	width: 1024px; 
	background:url(../gfx/shadow.png) -18px 0 no-repeat; 
	}


#out-contaniner {
	width: 762px; 
	margin: 0 auto; 
	background:#000;
	}


/*FLASH*/
#flash-box {width: 100%; 
	text-align: center; 
	background:#000; 
	}

#flash-box ul.left  {background: #000; 
	width: 250px; 
	float:left; 
	margin-left: 3px; 
	text-align:left;
	}


div.important {clear:both;  
	padding-top: 50px;
	}



/*main-container*/
#main-container { background:#000; padding: 15px; margin-top: 10px; position:relative;}

#main-container #content ul { padding: 15px 0; }
#main-container #content ul li { padding-left: 40px; background:url(../gfx/punktor.gif) 20px 0 no-repeat; }

#menu-bottom { border-bottom: 1px solid #333; border-top: 1px solid #333; margin: 20px 0; padding:10px 0; clear:both; }
#menu-bottom div {  padding:3px 0; height:20px; position:relative;}

#menu-bottom h4 {font:normal 12px Georgia, "Times New Roman", Times, serif; color:#FFF;  padding-top:3px; padding-right:5px;}
#menu-bottom ul { height:20px; position:absolute; top:4px; left:125px;}
#menu-bottom ul li { float:left; font-size:11px; padding:0 5px; }


		
		
/*TABELE*/
#tabela { margin: 30px 0px 30px 0px;  }

#tabela-left { float: left;}
#tabela-right { float:right; margin-right: 45px;}

.tabela { margin: 10px 30px 10px 10px; width: 260px; margin-bottom: 40px;  }
.tabela2 { width: 260px; }

th { background: #571505; font: normal 11px Tahoma; padding: 2px; background:#000; border: none;  }
td { font: normal 12px Arial; padding: 5px; background: #571505;}

td.black {background: 000;}

td.poziom1 { background: #222; text-align:center;}
td.poziom2 { background: #222; }


.oferta { width: 730px; min-height: 450px;}
.oferta.left  {width: 400px; }
.oferta.right {width: 300px; float:right; }


/*SPAN*/
span.color {font-weight:bold; color:#DBC173;}
span.red {font-weight:bold; color:#FF0000;}


/*PANO*/
div#pano{
	position:absolute;
	width:900px;
	left:170px;
	height:420px;
	background-color:#000000;
	color:#FFFFFF;
	top:60px;
	border: 6px solid #561406;
	padding:10px;
	font-size:10px;
}	


/*KONTAKT*/
#adres { float: left; width: 240px;}
#mapa { margin: 10px 20px 0 20px; float:right; color:#FFFFFF; background: #121212; padding: 8px 8px 0px 8px; }
#kontakt { width: 750px; height: 400px;}



/*STOPKA*/
#stopka { background:#1C2405; 
		  width: 100%; height: 20px; 
		  margin: 20px 0 0 0; padding: 5px 0; 
		  bottom: 0; left: 0; position:absolute; 
		  text-align:center; color: #E2D3AE; 
		}
		
.foto { width: 377px; margin-bottom:10px;}
.foto1 { margin-left:80px; padding-top: 15px;}


/*KOTWICA*/
p.kotwica { margin-left: 20px; color: #4F4222;}
.kotwica a { padding: 0 8px;}



/*FILM*/
.park { width: 730px; height: 600px;}
.park.left  {width: 355px; padding: 0; margin:0; }
.park.right {width: 370px; float:right;}


#film  {margin-left: 16px;} 
#animacja  {margin-left: 2px; } 



/*OPIS POKOI*/

#content .pokoje { padding-left: 35px;}



/* BATONY */ 

.batony  {  width: 100%; margin: 0 auto; height: 150px;}

.baton#rezerwacja a {  width: 242px; height: 47px; background: url('../gfx/baton-rezerwacja.png') 0 -52px no-repeat; margin: 45px 40px 10px 70px; float:left; }
.baton#pokoje a {  width: 242px; height: 47px; background: url('../gfx/baton-pokoje.png') 0 0 no-repeat; margin: 45px 40px 10px 70px; float:left; }
.baton#cennik a {  width: 242px; height: 47px; background: url('../gfx/baton-cennik.png') 0 0 no-repeat; margin: 45px 40px 10px 70px; float:left; }
.baton#menu a {  width: 242px; height: 47px; background: url('../gfx/baton-menu.png') 0 0 no-repeat; margin: 45px 40px 10px 70px; float:left; }
.baton#panorama a  {  width: 242px; height: 47px; background: url('../gfx/panorama.png') 0 0 no-repeat; margin: 45px 40px 10px 70px; float:left; }

.baton#pokoje a:hover {  width: 242px; height: 47px; background: url('../gfx/baton-pokoje.png') 0 -52px no-repeat;}
.baton#cennik a:hover {  width: 242px; height: 47px; background: url('../gfx/baton-cennik.png') 0 -52px no-repeat;}
.baton#menu a:hover {  width: 242px; height: 47px; background: url('../gfx/baton-menu.png') 0 -52px no-repeat; }

.baton#rezerwacja a:hover { width: 242px; height: 47px; background: url('../gfx/baton-rezerwacja.png') 0 0 no-repeat;}
.baton#panorama a:hover { width: 242px; height: 47px; background: url('../gfx/panorama.png') 0 -52px no-repeat;}