@import url('menu.css');
@import url('slider.css');
@import url('thickbox.css');
	
	/*--------------------------------------------------------------
	
	# hello! STUDIO - styczen 2010 
	# Copyright (C) 2009-2010 www.hellostudio.pl All Rights Reserved.
	# License: Copyrighted Commercial Software
	# Website: http://www.hellostudio.pl
	# Support: studio@hellostudio.pl
	
	---------------------------------------------------------------*/

/* reset */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td  {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent; 
} 

body  { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 100%; 
	color: #ccc; 
	margin: 0px; padding: 0px;
	background: #000; 
}

body.bg { background: #000 url(../images/bg.jpg); }
body.bg-restauracja { background: #000 url(../images/bg-restauracja.jpg); }
body.bg-pub { background: #000 url(../images/bg-pub.jpg); }
body.bg-club { background: #000 url(../images/bg-club.jpg); }
body.bg-catering { background: #000 url(../images/bg-catering.jpg); }

.clear { 
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 0px;
	top: 0px;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ccc;
	line-height: 16px;
	margin-bottom: 10px;
}

a { outline: none; }
img { border: none; }

ul li { 
	float: left;				
}
	ul li a {
		font-size: 12px; 
		color: #ccc;
		font-weight: bold;
		text-transform:uppercase;
		text-decoration: none;
		letter-spacing: 0.04em;		
	}


#masthead {
	position: absolute;
	top: 0px;
	left: 50%;	
	width: 664px; height: auto;
	margin: 0 0 0 -332px; padding: 0px; 

	z-index: 1;
}
	#header {
		position: relative;
		width: 664px;
		margin-bottom: 40px;
	}
		
	#content {
		position: relative;
		width: 664px;
	}
	
	#bottom {
		position: absolute;
		bottom: 0px; left: 0px; right: 0px;
		height: 100px;
		background: #000;
	}

/* reklama */

#reklama {
	position: absolute;
	top: 0px; left: -166px;
	width: 164px; height: 274px;
}
	#reklama-zdjecie {
		width: 164px; height: 244px;
	}
		#reklama-zdjecie a { 
			position: absolute;
			width: 164px; height: 244px; 
			background: #000 url(../images/reklama.jpg) no-repeat 0px 0px;
		}		
		
	#reklama-link {
		width: 164px; height: 30px;
		color: ccc;
		line-height: 38px;
		font-size: 16px;
		text-align: center;
		text-transform:uppercase;
		font-weight: bold;
	}
		#reklama-link a, #reklama-link a:link  {
			text-decoration: none;
			color: #cccccc;
		}
		#reklama-link a:hover {
			color: #666;
		}	
		

/* centrowanie tekstu */
#wrapper {
	display: table;
	height: 224px;
}
		
#wrapper #cell {
	display: table-cell;
	vertical-align: middle;
}

	
/* header */

	#logo {
		position: relative;
		top: 0px; left: 293px;
		width: 78px; height: 96px;
		margin-top:5px; margin-bottom: 30px;
	}
	
	#logo h1 {
    	text-indent: -9000px; /* text poza obrazem */	
	}
		#logo h1 a#logo-link {
			position: absolute;
			top: 0px; left: 0px;
			width: 78px; height: 96px;			
			background: url(../images/logo.png) no-repeat;
		}
	#opis {
		position: relative;
		margin: 20px 0;
		display: block;
	}
		#opis span {
			font-size: 12px;
			letter-spacing: -0.06em;
			font-weight: bold;
		}
		.b { text-transform: uppercase; }
			#opis span a, #footer-adres span a {
				color: #ccc;
				text-decoration: none;
			}			
		#opis img { padding: 0 3px; }	

/* content */
	
	/* home */
	
	#home, #home2 { position: relative; z-index: 2 }	
	#home2 { margin-top: 15px; }	

	#bg-nakladka {
		position: absolute;
		width:664px; height: 244px; 	 
		background:#000;
		filter:alpha(opacity=60);
		-moz-opacity: 0.60;
		opacity: 0.60;
	}
	
	#bg-content { 
		position: relative; 
		width:664px; height: 244px;
	}	

		#zdjecie, #zdjecie2 {
			position: relative;
			float:left; 
			top: 1px; left: 1px;  	
			width: 162px; height: 242px;
			overflow: hidden;
		}
		#zdjecie2 {
			float:right; 
			width: 664px; height: 242px;
		}

			.zdj-kontakt, .zdj-o-nas, .zdj-dla-firm { background: #000 url(../images/home/o-nas.jpg) no-repeat; }
				
			.zdj-restauracja { background: #000 url(../images/restauracja/kontakt.jpg) no-repeat; }
			.zdj-dla-firm-restauracja { background: #000 url(../images/restauracja/dla-firm.jpg) no-repeat;  }	
			
			.zdj-dla-firm-pub { background: #000 url(../images/pub/dla-firm.jpg) no-repeat;  }	
			.zdj-kontakt-pub { background: #000 url(../images/pub/kontakt.jpg) no-repeat;  }
				
			.zdj-dla-firm-club { background: #000 url(../images/club/dla-firm.jpg) no-repeat;  }	
			.zdj-kontakt-club { background: #000 url(../images/club/kontakt.jpg) no-repeat;  }
			
			.zdj-catering { background: #000 url(../images/catering/catering.jpg) no-repeat;  }	
			.zdj-dla-firm-catering { background: #000 url(../images/catering/dla-firm.jpg) no-repeat;  }	
			.zdj-rezerwacja-catering { background: #000 url(../images/catering/rezerwacja.jpg) no-repeat;  }	
			.zdj-kontakt-catering { background: #000 url(../images/catering/kontakt.jpg) no-repeat;  }	
				
		#tekst {
			position: relative;
			float:right;    	
			width: 480px; height: 224px;			 
			padding: 10px;
			overflow: hidden;
		}
		#tekst2 {
			position: absolute;
			float:left;  
			top: 0px;  	
			width: 150px; height: 44px;			 
			padding: 10px;
			overflow: hidden;
		}
		#tekst ul { 
			width: 480px;
			font-size: 11px; 
			color: #ccc;
			line-height: 16px;
			list-style: none; 
			padding-bottom: 10px;
			text-align: center;
		}
			#tekst .adres1 {
			font-weight: bold;
			}			
			#tekst ul li {
				float: none;
			}			
			#tekst ul .lihome {
				font-style:italic;
				color: #666;
			}
			#tekst ul .lirestauracja {
				font-style:italic;
				color: #A30F11;
			}			
			#tekst ul .lipub {
				font-style:italic;
				color: #EE5B28;
			}
			#tekst ul .liclub {
				font-style:italic;
				color: #0088B8;
			}
			#tekst ul .licatering {
				font-style:italic;
				color: #92C043;
			}	
			
/* rezerwacje */

#rezerwacja-image {
	position: relative;
	float: left;
	width: 304px; height: 219px;
	padding: 0 10px;
}
#rezerwacja-form {
	position: relative;
	top: 10px;
	float: right;
	width: 329px; height: 219px;
	margin: 0 10px;
}
	#rezerwacja-form h1 {
		font-size: 10px;
		text-transform: uppercase;
		padding-bottom: 10px; 		
	}
	#rezerwacja-form p {
		font-size: 11px;
	}
	#rezerwacja-form ul { 
		list-style: none;
		font-size: 11px; 
		text-align: right;
	}
		#rezerwacja-form ul li  {
			width: 320px;
		}

	#formularz  input {
		float: right;
		width: 220px;
		font-size: 11px;
		text-indent: 10px;
		color: #ccc;
		background: none;
		border: none;
		border-bottom: 1px dotted #999;
	}
	#formularz .przycisk {
		border: none;
		width: 50px; height: 20px;
		margin-top: 10px;
	}

/*  Slideshow controls  */
#control-rezerwacja {
  position:absolute;
  right: 25px; top: -35px;
  width:16px;  height:16px;
  z-index: 9999;
}
	#upControl-rezerwacja, #downControl-rezerwacja, #leftControl-rezerwacja, #rightControl-rezerwacja {
		display: block;
		width: 16px; height: 16px;
	}
		#upControl-rezerwacja, #downControl-rezerwacja { top: -20px; }
		#leftControl-rezerwacja, #rightControl-rezerwacja { position: absolute; top: 15px; }
		
		#upControl-rezerwacja { background:url(../images/up.png) no-repeat 0px 0px; }
		#downControl-rezerwacja { background:url(../images/down.png) no-repeat 0px 0px; }
		#leftControl-rezerwacja { background:url(../images/left.png) no-repeat 0px 0px; right: 25px; }
		#rightControl-rezerwacja { background:url(../images/right.png) no-repeat 0px 0px; right: -25px;}
		
/*  Slideshow controls  */
#control-rezerwacja2, #control-rezerwacja3, #control-rezerwacja4, #control-rezerwacja5, #control-rezerwacja6, #control-rezerwacja7, #control-rezerwacja8, #control-rezerwacja9  {
  position:absolute;  
  width:16px;  height:16px;
  z-index: 9999;
}
	#control-rezerwacja2 { right: 288px; top: 130px; } 	
	#control-rezerwacja3 { right: 288px; top: 185px; }
	#control-rezerwacja4 { right: 440px; top: 210px; }
	#control-rezerwacja5 { right: 505px; top: 210px; }
	#control-rezerwacja6 { right: 75px; top: 145px; }
	#control-rezerwacja7 { right: 75px; top: 210px; }
	#control-rezerwacja8 { right: 75px; top: 410px; }
	#control-rezerwacja9 { right: 75px; top: 370px; }
	
	#upControl-rezerwacja2, #downControl-rezerwacja2, #leftControl-rezerwacja2, #rightControl-rezerwacja2 {
		display: block;
		width: 16px; height: 16px;
	}
		
		#upControl-rezerwacja2 { background:url(../images/up-red.png) no-repeat 0px 0px; }
		#downControl-rezerwacja2 { background:url(../images/down-red.png) no-repeat 0px 0px; }
		#leftControl-rezerwacja2 { background:url(../images/left-red.png) no-repeat 0px 0px; }
		#rightControl-rezerwacja2 { background:url(../images/right-red.png) no-repeat 0px 0px; }		



#imgTbl { display: table; z-index: 9999; }


	#1, #2, #3, #c1, #c2, #c3, #c4, #c5, #c6, #c7, #c8, #c9 { display: table-cell; }
	
	#cAll { width: 976px;  }
	#c1, #c2 { float: left; }
	
										

/* bottom */

#menu-bottom {
	position: absolute;
	top: 0px;
	left: 50%;	
	width: 664px; height: auto;
	margin: 0 0 0 -332px; padding: 0px; 
	overflow:hidden;
}	
	#footer-menu {
		float: left;
		position: relative;
		width: 500px;
	}
	#footer-adres {
		float: right;
		position: relative;
		width: 164px;
		top: 5px;
	}
		#footer-adres span {
			font-size: 10px; 
			font-weight: normal; 
			text-transform: uppercase;
			letter-spacing: 0em;
		}

#footer	{
	position: absolute;
	bottom: 0px;
	left: 50%;	
	width: 664px; height: auto;
	margin: 0 0 0 -332px; padding: 0px; 
	overflow:hidden;
}	

#newsletter { 
	font-size: 10px;
	color: #ccc 
}
	#newsletter #subscribeform {}
		.newsletter-email {
			width: 160px;
			font-size: 10px;
			border: none;
			border-bottom: 1px dotted #999;
			color: #999;
			background: none;
		}
		.newsletter-button {
			font-size: 9px;
			color: #999;
			text-transform:uppercase;
			letter-spacing: 0.04em;
			line-height: 15px;
			padding: 0px; margin: 0px;
			height: 20px;
			border: none;
			background: none;
		}