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

/* 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  { margin: 0px; padding: 0px; color: #666666; font-size: 100%; font-family: Arial, Helvetica, sans-serif; background: #bfd8e7 url(../images/bluebackground.gif);}

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

p { 
	font-size: 0.75em;
	line-height: 20px;
}
	
li { font-size: 0.75em; }

img {border: none; }

a { outline: none; text-decoration: none; }
a:link { color: #6699CC; }
a:visited {	color: #FFCCCC; }
a:hover, a:active {	color: #6699CC; }


h1 {
	color: #999999; 
	font-weight: bold; 
	font-size: 1em;
	letter-spacing: 0.04em;
}
h2 {
	font-size: 0.75em;	
}
h3 {
	font-size: 1em;
	margin: 28px 0px 0px;
}

#masthead {
	position: absolute;
	top: 0px;
	left: 50%;	
	width: 780px;
	margin: 114px 0 0 -390px; padding: 0px; overflow:hidden;
	background: #fff;
}

	#masthead_t { 
		position: relative; 
		width: 780px; height: 14px; 
		background: url(../images/bgheader-top.jpg) 0px 0px no-repeat;
	}
	
	#masthead_in { 
		position: relative;
		width: 780px;
	}
	
	#content-left {
		position: relative;
		float: left;
		width: 206px;
	}

	#content-right {
		position: relative;
		float: right;
		width: 564px;
		padding-left: 10px;
	}		
	
	#masthead_b { 
		position: relative; 
		width: 780px; height: 14px; 
		background:url(../images/bgheader-bottom.jpg) left bottom no-repeat; 
	}
	
#footer {
	position: relative;	
	width: 780px; height: 20px;
	padding-top: 10px;
	background: #bfd8e7;
}


/* left content */
#logo {
	position: relative;			
	height: 140px;
}
	#logo h1 {
    	text-indent: -9000px; /* text poza obrazem */	
	}
		#logo h1 a#logo-link {
			position: absolute;
			top: 15px; left: 25px;
			width: 168px; height: 80px;			
			background: url(../images/fat-logo.gif) no-repeat top left;
		}

#menu {
	position: relative;
}

/*  content-left  */
#images { 
	position:relative;
	top: 50px;
}

/* content-right */
#content-right .text { margin: 0 40px; }
	.text .header {	height: 100px; }
		.text .header img {
			position: relative;
			top: 50px;
		}
	.text h1, .text h2 { margin: 20px 0; }
	.text p {		 
		margin: 20px 0; 
	}
	.text p span {
		font-size: 0.9em;
		font-weight: bold;
		color: #999999;
	}
	.text ul { margin-left: 15px; }
		.text ul li { line-height: 20px; }
	.text span {
		font-weight: bold;
	}
	.text a { font-weight: bold; }
	
	.text ul.kontakt, .text ul.kontakt ol {
		list-style: none;
		margin: 0px; padding: 0px; margin-top: 20px;
	}
		.text ul.kontakt ol { margin: 0px; }	
	.text ul.kontakt ol li{
		font-size: 12px;
	}	
	.text .content-images {
		text-align: center;
	}
		.content-images img { margin: 25px 0; }
	
	
	

/* footer */
	#footer span {
		font-size: 0.7em; 
		color: #ccc;
	}