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-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
/*	vertical-align: middle; */ 
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: url('../img/bgstructure.png');
}
ol, ul {
	/*list-style: none;*/
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/*=======================================RESET===========================================*/



/*===========================Basic settings=========================*/
textarea{overflow:auto;}

img{vertical-align:middle;}

label{padding-right:3px;}
label.block{display:block;padding:2px 0;}


input.check{
	margin-top:3px;
}

/*==Basic settings==*/


/*======================================My reset========================*/


input, button {margin:0;padding:0;}
button{vertical-align:middle;}
button.bg{border:none;}
input[type=text],input[type=password],select{vertical-align:middle;padding:1px;border:1px solid black;}

input[type=submit]:hover,button:hover{
cursor:pointer;
}
/*==My reset==*/













/*=======================================INDEX TEMPLATE=======================================*/
body,html {

text-align:center;
background:url('../img/bgbody.png') #0E3254 center repeat-y; 
font-family: Tahoma;
color:black;					
}


#page {
	margin:0 auto;
	width: 996px;
	padding:0;
	height:auto;	
	text-align:left;
	/*font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	font-family:Tahoma;
	}


#bgpage{
	width:996px;
	float:left;
	background:url('../img/bgpage.png')  repeat-y ;
	}
	
#top{
	width:960px;
	height:213px;
	float:left;
	margin-left:16px;
	background:url('../img/bgtop.png')
	}	
	
#boxmenuleft{
	width:241px;
	float: left;
	margin-left:16px;
	}
	
	
/*==lewe menu==*/
	
ul#menuleft li{
	width:241px;
	float: left;
	text-decoration: none;
	display: block;	
}


ul#menuleft a:link {
	text-decoration: none;
	width:241px;
	float: left;
	}

#a	a{
	line-height:57px; 
	width:241px;
	display:block;
	background:url('../img/butonaktualnosci.png');
	text-decoration: none;
	}
	
#a a:hover{
background-position: 100% -57px;
text-decoration: none;
}	


#o	a{
	line-height:57px; 
	width:241px;
	display:block;
	background:url('../img/butonoprojekcie.png');
	text-decoration: none;
	}
	
#o a:hover{
background-position: 100% -57px;
text-decoration: none;
}	

#od	a{
	line-height:57px; 
	width:241px;
	display:block;
	background:url('../img/butonodbiorcy.png');
	text-decoration: none;
	}
	
#od a:hover{
background-position: 100% -57px;
text-decoration: none;
}	

#r	a{
	line-height:57px; 
	width:241px;
	display:block;
	background:url('../img/butonrekrutacja.png');
	text-decoration: none;
	}
	
#r a:hover{
background-position: 100% -57px;
text-decoration: none;
}	

#h	a{
	line-height:57px; 
	width:241px;
	display:block;
	background:url('../img/butonharmonogram.png');
	text-decoration: none;
	}
	
#h a:hover{
background-position: 100% -57px;
text-decoration: none;
}	

#k	a{
	line-height:57px; 
	width:241px;
	display:block;
	background:url('../img/butonkontakt.png');
	text-decoration: none;
	}
	
#k a:hover{
background-position: 100% -57px;
text-decoration: none;
}	

#s	a{
	line-height:109px; 
	width:241px;
	display:block;
	background:url('../img/butonstrefa.png');
	text-decoration: none;
	}
	
#s a:hover{
background-position: 100% -109px;
text-decoration: none;
}	

/*==srodek==*/

#inside{
	width:682px;
	float:left;
	margin-left:18px;
	
	}	

#inside ul, #inside ol{
	margin-left: 25px;
}	
	
#boxtitle{
	width:683px;
	height:80px;
	float:left;
}

#leftframetitle{
	width:63px;
	height:80px;
	float:left;
	background:url('../img/bgleftframe.png')}

#iconaktualnosci{
	background:url('../img/bgikonaktualnosci.png')
	}
	
#iconoprojekcie{
	background:url('../img/bgikonoprojekcie.png')
	}
	
#iconodbiorcy{
	background:url('../img/bgikonodbiorcy.png')
	}
	
#iconrekrutacja{
	background:url('../img/bgikonrekrutacja.png')
	}
#iconharmonogram{
	background:url('../img/bgikonharmonogram.png')
	}	

#iconkontakt{
	background:url('../img/bgikonkontakt.png')
	}
	
#iconstrefa{
	background:url('../img/bgikonstrefa.png')
	}	
	
.icon{
	width:80px;
	height:80px;
	float:left;
	}

#rightframetitle{
	width:540px;
	height:80px;
	float:left;
	background:url('../img/bgrightframe.png')}

h1{
	width:500px;
	height:50px;
	float:left;
	font-size: 20px ;
	color:#CCCC33;
	margin:30px 5px 10px 20px;
	font-family: Verdana;
	font-weight: bold;
	}

#tekst{
	width:650px;
	float:left;
	font-size: 13px;
	line-height:20px;
	color:black;
	margin:10px 5px 10px 20px;
	font-family: Verdana;
	text-align:left;
	}
	
.boxaktualnosci{
	border-top: 1px solid #CCCCCC;
	margin:10px 0px 10px 0px;
	text-align:left;
	}	
	
.data{
	width:650px;
	float:left;
	font-size: 11px;
	line-height:13px;
	color:gray;
	margin:10px 0px 0px 0px;
	font-family: Verdana;
	font-weight: bold;
	}
	
.titleaktualnosci{
	width:650px;
	float:left;
	font-size: 13px;
	line-height:20px;
	color:#24476A;
	font-family: Verdana;
	font-weight: bold;
	margin:0px 0px 0px 15px;
	}	
	
	
.tekstwiecej{
	text-decoration: none;
	color:#999933;
	line-height:13px;
	font-size: 11px ;
	margin: 0px 0px 0px 5px;
	font-weight: bold;
        float: right;
	}	
	
#stronicowanie{
	width:400px;
	height:17px;
	float:left;
	
	margin:10px 0px 10px 150px;
	}	
	
#new{
	width:115px;
	height:17px;
	float:left;
	background:blue ;
	margin: 0px 10px 0px 0px;
	}
	
#old{
	width:115px;
	height:17px;
	float:left;
	background:black;
	margin: 0px 0px 0px 10px;
	
	}
	
#str{
	text-decoration: none;
	color:#999933;
	font-size: 11px;
	font-weight: bold;
	height:17px;
	
	float:left;
	}	
	
/*==stopka==*/

#foter{
	width:960px;
	height:204px;
	float:left;
	background:url('../img/bgfoter.png') ;
	margin-left:16px;
	}
		
#leftfoter{
	width:25px;
	height:204px;
	float:left;
	background:url('../img/bgleftfoter.png') ;
	}
	
#centerfoter{
	width:910px;
	height:204px;
	float:left;	
	}
	
#boxmenu {
	width:910px;
	height:40px;
	float:left;
	}
	
#menu{
	width:900px;
	height:40px;
	float: left;
	list-style: none;
	margin: 10px 5px 10px 5px;
	}

ul#menu li {
	float: left;
	text-decoration: none;
	display: block;
	line-height:20px;
	font-size: 13px ;
	text-align:center;
	margin-left: 27px;
}

ul a {
	color: #707070;
	text-decoration: none;
	}

ul a:hover {
	background-position: bottom;
	color:#999933;
	text-decoration: none;
}	
	
#boxlogos{
	width:800px;
	height:38px;
	float:left;
	margin:5px 0px 5px 150px;
	}

.boxlogo{
	width:170px;
	height:38px;
	float:left;
	}
	
.boxlogosmal{
	width:120px;
	height:38px;
	float:left;
	}
	
#kapital{
	width:121px;
	height:38px;
	float:left;

	}

#wola{
	width:118px;
	height:38px;
	float:left;
	}

#pup{
	width:60px;
	height:38px;
	float:left;
	}

#ue{
	width:141px;
	height:38px;
	float:left;
	}

#rightfoter{
	width:25px;
	height:204px;
	float:left;
	background:url('../img/bgrightfoter.png') ;
	}

#tekstefs{
	float: left;
	text-decoration: none;
	display: block;
	line-height:17px;
	font-size: 13px ;
	text-align:center;
	margin: 10px 0px 0px 310px;}
	
#tekstczlowiek{
	float: left;
	text-decoration: none;
	display: block;
	font-size: 13px ;
	text-align:center;
	margin: 0px 0px 15px 350px;
	font-weight: bold;
	}		
	
#logoart{
	float: left;
	text-decoration: none;
	color:gray;
	display: block;
	line-height:13px;
	font-size: 13px ;
	margin: 20px 0px 0px 360px;}
	
#tekstlogo{
	float: left;
	text-decoration: none;
	color:gray;
	display: block;
	line-height:13px;
	font-size: 13px ;
	margin: 20px 0px 0px 10px;
	font-weight: bold;
	}
	
#tekstlogoart{
	text-decoration: none;
	color:gray;
	display: block;
	line-height:13px;
	
	}