@import url('menu.css');
@import url('slider.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; 
} 

* { margin: 0; padding: 0; }

body  { 
	margin: 0px; padding: 0px; 
	height:100%; width:100%;
	color: #000;
	background: #8d6c49;
	font-size: 100%; 
	font-family: Georgia, Arial, Sans-Serif; 
}

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

p, a, span, ul, li, h1, h2, h3, h4 { color: #e2d0ae; }
	
p {
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 16px;
	line-height: 1.5em;
	letter-spacing: 0.02em;
	padding: 5px 0;
}

span { text-transform:uppercase; }
span.wiecej { position: relative; text-align: right; font-size: 11px; text-transform: none; height: 25px; width: 100%;  text-decoration: underline; display: block; cursor: pointer; }

a { 
	text-decoration: underline;
	outline: none;
}
	a:active { outline: none; }
	
ul { 
	list-style: circle;	
}
	li { line-height: 1.5em; }
		li ol { list-style: disc; margin-left: 15px; }
	
#content ul { margin: 10px 30px; }


h1  {
	font-size: 18px;
	margin-top: 10px;
}
h2 {
	font-size: 17px;
	line-height: 16px;
	margin-left: 15px; 	margin-top: 10px;
}
h3 {
	font-size: 16px;
	line-height: 15px;
	margin-left: 20px; 	margin-top: 10px;
}
/* layout */

#masthead {
	position: absolute;
	top: 0px; left: 50%;	
	width: 960px; 
	margin: 0 0 0 -480px; padding: 0px; 
	overflow: hidden;
	z-index: 2;
}
	#header {
		position: relative;
		top: 0px;
		width: 960px; height: 167px;
		background: url(../images/bg_t.png) no-repeat;
		z-index: 2;
	}	
	#masthead_in {
		position: relative;
		width: 960px;
		background: url(../images/bg_in.png) repeat-y;
		z-index: 2;		
	}	
	#footer {
		position: relative;
		bottom: 0px;		
		width: 960px; height: 183px;
		background: url(../images/bg_b.png) no-repeat;
		z-index: 2;
	}	
	
/* header */	
#header-content {
	position: absolute;
	left: 0px; right: 0px;
	height: 127px;
	margin: 0 90px; padding: 20px 30px;
	overflow: hidden;
	background: url(../images/dot-1.png) repeat-x left bottom;
	z-index: 2;
}
	#header-logo {
		position: relative;
		float: left;
		width: 239px; height: 111px;
		margin-left: 20px;
	}
	#top-menu {
		position: relative;
		float: right;
		width: 451px; height: 100px;
		display: block;
	}
	
/* logo */
#logo {
	position: absolute;
	width: 239px; height: 111px;
}	
	#logo h1 {
    	text-indent: -9000px; /* text poza obrazem */	
	}
		#logo h1 a#logo-link {
			position: absolute;
			top: 0px; left: 0px;
			width: 239px; height: 111px;			
			background: url(../images/logo.png) no-repeat top left;
		}
		
/* newsletter */
#subscribeform {
	position: absolute;
	bottom: 25px;
}
	.newsletter-email {
		font-size: 11px;
		font-style: italic;
		letter-spacing: 0.08em;
		color: #55301d;
		height: 20px; width: 147px;
		border: none;
		background: #e2d0ae;
	}
	.newsletter-button {
		position: relative;
		left: 80px; top: 5px;
		width: 57px; height: 17px;
		border: none;
		background: transparent url(../images/btn-newsletter.png) no-repeat top left;
	}
		
/* content */
#content {
	position: relative;
	margin: 0px 20px; padding: 0px;
	overflow: hidden;
}	

/* content strona glowna */
#stronaglowna-zdjecia {
	position: relative;
	height: 300px; width: 805px;
	margin: 0px 60px; 
}

#stronaglowna-tekst {
	position: relative;
	top: 10px; 
	padding: 0px 80px;
}
	#stronaglowna-tekst p {
		text-align: center;
	}
	

/* content wpola */
#home-wpola, #home-grzeszow, #home-cpark {
	position: relative;
	width: 100%;
}
	#left-content {
		position: relative;
		float: left;
	}
	#newsletter {
		position: relative;
		width: 165px; height: 111px;
		left: 25px; top: 10px;
		padding: 5px 10px;
		background: url(../images/bg-newsletter.png) no-repeat;
	}	
	
	#wpola-menu, #grzeszow-menu, #cpark-menu {
		position: relative;
		float:left;
		margin: 10px 18px;
	}
	#wpola-menu {
		width: 178px; height: 447px; 
		background: url(../images/bg-leftmenu-1.png) no-repeat 0px 0px;	
	}
	#wpola-menu { 
		width: 178px; height: 447px;	
		background: url(../images/bg-leftmenu-1.png) no-repeat 0px 0px;	
	}
	#grzeszow-menu {
		width: 178px; height: 740px;	 
		background: url(../images/bg-leftmenu-2.png) no-repeat 0px 0px;	
	}
	#cpark-menu {
		width: 178px; height: 700px;	 
		background: url(../images/bg-leftmenu-3.png) no-repeat 0px 0px;	
	}
			
	#wpola-content, #cpark-content, #grzeszow-content {
		position: relative;
		float: right;
		width: 704px; height: 100%;
		margin: 10px 0px;
	}
		#salony-zdjecia {
			position: relative;
			height: 300px; width: 665px;
		}
		#karty-zdjecia {
			position: relative;
			left: 55px; top: 10px;
			height: 300px; width: 665px;
		}
				#h1, #h2, #h3, #h4, #h5, #h6, #h7 { 
					position: absolute;
				}
				#h1 { top: 41px; z-index: 3 }
				#h2 { left: 134px; top: 24px; z-index: 2 }
				#h3 { left: 260px; top: 10px; z-index: 3 }
				#h4 { right: 180px; top: 0px; z-index: 2 }
				#h5 { right: 0px; top: 12px; z-index: 4 }
				#h6 { right: 160px; bottom: 2px; z-index: 5; }		
				#h7 { left: 156px; bottom: 0px; z-index: 2; }		
		
		
		#salony-tekst {
			position: relative;
			margin-right: 30px; margin-top: 30px;
		}
		
/* wpola fryzjer */
	#f1, #f2, #f3, #f4, #f5, #f6 { position: absolute;	}
	#f1 { top: 24px; z-index: 3 }
	#f2 { top: 10px; left: 121px; z-index: 3 }
	#f3 { left: 309px; z-index: 3 }
	#f4 { right: 0px; top: 12px; z-index: 2 }
	#f5 { right: 156px; bottom: 0px; z-index: 4 }
	#f6 { left: 15px; bottom: 0px; z-index: 2; }

/* wpola cennik */
	#c1, #c2, #c3, #c4, #c5, #c6 { position: absolute;	}
	#c1 { top: 24px; z-index: 2 }
	#c2 { top: 10px; left: 121px; z-index: 4 }
	#c3 { left: 309px; z-index: 6 }
	#c4 { right: 0px; top: 12px; z-index: 5 }
	#c5 { right: 156px; bottom: 0px; z-index: 4 }
	#c6 { left: 15px; bottom: 0px; z-index: 3; }

/* wpola solarium */
	#s1, #s2, #s3, #s4, #s5, #s6 { position: absolute;	}
	#s1 { top: 2px; z-index: 2 }
	#s2 { top: 3px; left: 102px; z-index: 4 }
	#s3 { right: 183px; top: 15px; z-index: 6 }
	#s4 { right: 0px; top: 1px; z-index: 5 }
	#s5 { right: 28px; bottom: 0px; z-index: 4 }
	#s6 { left: 17px; bottom: 19px; z-index: 3; }

/* wpola mikrodermabrazja */
	#m1, #m2, #m3, #m4, #m5, #m6 { position: absolute;	}
	#m1 { top: 2px; z-index: 2 }
	#m2 { top: 3px; left: 145px; z-index: 3 }
	#m3 { right: 125px; top: 33px; z-index: 2 }
	#m4 { right: 0px; top: 8px; z-index: 1 }
	#m5 { right: 243px; bottom: 0px; z-index: 4 }
	#m6 { left: 20px; bottom: 11px; z-index: 3; }

/* wpola kosmetyka */
	#k1, #k2, #k3, #k4, #k5, #k6 { position: absolute; }
	#k1 { top: 25px; z-index: 3 }
	#k2 { top: 8px; left: 119px; z-index: 2 }
	#k3 { right: 183px; top: 0px; z-index: 2 }
	#k4 { right: 0px; top: 14px; z-index: 2 }
	#k5 { right: 155px; bottom: 0px; z-index: 4 }
	#k6 { left: 16px; bottom: 0px; z-index: 2; }
	
/* promocja */
#promocja {
	position: absolute;
	top: 180px; right: 5px;	
	width: 177px; height: 177px;
	z-index: 999;	
}	
	#promocja h1 {
    	text-indent: -9000px; /* text poza obrazem */	
	}
		#promocja h1 a#promocja-link {
			position: absolute;
			top: 0px; left: 0px;
			width: 177px; height: 177px;			
			background: url(../images/promocja.png) no-repeat 0px 0px;
		}	
		
.infopromocja {
	color: #e2d0ae;
	background: #5b5d0f;
	line-height: 1.5em;
	margin: 0px; padding: 0px 15px;
}
blockquote {
	line-height: 1.5em;
	color: #e2d0ae;
	padding: 5px 15px;
	border-bottom: 2px dotted #5b5d0f;
}

.h2wlosy {
	color: #55301d;
	background: #c5ae8a;
	line-height: 1.5em;
	margin: 0px; padding: 0px 15px;
}
blockquote.infowlosy {
	line-height: 1.5em;
	color: #e2d0ae;	
	padding: 5px 15px;
	border-bottom: 2px dotted #55301d; 
}
	blockquote h3 {
		color: #55301d;
		font-size: 14px;
		font-weight: bold;
		margin: 5px 0px; padding: 0; }



/* uslugi, produkty */
ul.uluslugi, ul.ulprodukty, ul.ulcertyfikaty { font-size: 12px; }
	.uluslugi ol, .ulprodukty ol {
		list-style: disc;
		margin-left: 15px; 
	}
	.uluslugi li span, .ulprodukty li span {
		font-size: 11px;
	}
	

/* kontakt, certfikaty */
ul.ulkontakt { padding-bottom: 20px; }
	.ulkontakt .first { list-style: none; }
	.ulkontakt li span, .ulcertyfikaty li span { font-size: 11px; font-weight: bold; }
		.ulkontakt li ol { font-size: 14px; list-style: disc; margin-left: 15px; line-height: 13px;}
			

/* footer */
#footer-content {
	position: absolute;
	left: 0px; right: 0px; bottom: 0px;
	height: 100px;
	margin: 0 95px; padding: 10px 30px;
	overflow: hidden;
	z-index: 2;
}
	#bottom-menu {
		height: 50px;
		background: url(../images/bg-menubottom.png) no-repeat left top;
	}	
	#copyright {
		padding: 0 20px;
	}
		#partnerzy { 
			float: left; 
			width: 580px; height: 50px;
			text-align: left;
		}
		#hellostudio { 
			float: right; 
			width: 80px;
			text-align: center;
		}	

/* partnerzy */

ul.ulpartnerzy, ul.ulcopyright {
	list-style: none;
	font-size: 10px;
	text-transform: uppercase;
}
ul.ulcopyright { position: absolute; bottom: 5px; left: 90px; color: #552f1d; }
	.ulpartnerzy li { 
		float: left;
		margin: 0 6px; 
	}
	ul.ulcopyright li, ul.ulcopyright li span, ul.ulcopyright li a {
		color: #552f1d;
	}
		.ulpartnerzy li a { 
			color: #552f1d;
			text-decoration: none;
		}
				
		
/* background */
#bg, #bg table, #bg td {
	height:100%; width:100%;
    overflow:hidden;
}
#bg { 
    position: fixed; 
	z-index: 1;
}
	#bg div {
		height:200%; width:200%;
		left:-50%; top:-50%;
		position:absolute;		
	}
		#bg td {
			text-align:center;
			vertical-align:middle;
		}
			#bg img {
				margin:0 auto;
				min-height:50%;
				min-width:50%;
			}
			
.nowosc {
	color: #55301d;

}