/*
***** GLOBAL RESET  ***************
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;

}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul {
	margin:0px; padding:0px 0 0 30px ;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
.przykladowe {background: #FFCC66 url("file or url name") no-repeat fixed left top;}
img {margin:0;padding:0;}

/*   misc  **********************************************/

.clear 
	{	
	font-size:0px;
	height:1px;
	clear:both;
	}

.bold {font-weight:bold;}

/********* ACTUAL STYLES  ****************/
html{height:101%;}
body
	{
		background-color:#4e4e4e;
		background-image: url("../images/tlo.gif") ;
		background-repeat:repeat-y;
		background-position:center;
		text-align:center;
			
	}
	


.szarycentered 
	{

	width:840px;
	text-align:center;	
	margin:0 auto;
	padding:10px;
	overflow:hidden;
	height:100%;
	padding-bottom:70px;	
	}	
	
.actualcontent, .dol
	{
	width:790px;
	margin:0 auto;
	}	

		
		
.doldol
		{
		float:left;display:inline;
		width:650px;
		padding:0 0 0 10px;
		text-align:left;
		font:normal 11px Tahoma;
		color:#fff;
		}
.doldol a {	font:normal 11px Tahoma;color:#fff;	text-decoration:none; padding:0 10px;}		
.doldol a:hover {text-decoration:underline;	}		
		
.bela {
	background:#F6FBD2 url("../images/bela.jpg") no-repeat; 
	height:200px;
	position:relative;
	}
.meniu {font:bold 16px Arial; color:#fff; position:absolute; left:360px;top:155px; width:500px;}
.meniu a {font:bold 16px Arial; color:#fff;padding:3px 10px; text-decoration:none;background-color:transparent; }
.meniu a:hover{color:#EFB234; background-image:url(../images/tlomenu.gif);}

.logo {position:absolute;left:90px;top:-5px;z-index:500;}
.logoartstar {position:absolute;left:5px;top:40px;z-index:505;}	
	
.kontent{
	background:#F6FBD2 url("../images/bg_tlo.gif") repeat-y; 
	font:normal 12px Tahoma;
	text-align:justify;
	overflow:hidden;
	padding:15px;
	line-height:18px;
	zoom:1;
	}
.kontent a{	color:#FF6600;font-weight:bold;text-decoration:none; }
.kontent a:hover{	color:#CC0000;font-weight:bold;text-decoration:none; }
	
.kontent_left, .kontent_right { width:350px;float:left;display:inline;margin:1px 15px;}


.futro{
	clear:both;
	background:#F6FBD2 url("../images/bg_tlo_dol.gif") no-repeat; 
	height:8px;
	font-size:0;
	margin:0 0 10px 0;
	}
		
		
		
.projekt{color:#6D6E6D; font:bold 11px Tahoma; width:100px; float:right; display inline;}
.projekt a{color:#6D6E6D; text-decoration:none;}
.projekt a:hover{color:#0095DA;}


h1{font:bold 21px Arial; color:#C18105; padding:0 0 20px 0}
.borderimg {border:5px solid white}