body{
background: #FFFFFF;
background-image: url('imgs/gradien.jpg');
background-repeat: repeat-x;
font: 12px Verdana, Arial, Helvetica, sans-serif;
}


#page{
width:910px;
}

#logo{
margin: 30px 0 25px 0;
padding:0;
}

#menu1{
margin-left: 287px; 
margin-right: auto;
}

#menu1 img{
float:left;
margin:1px 13px 0 13px;
}

#menu11 {
	float:left;
	display:block;
	width:54px;
	height:15px;
	margin:  0; 
	padding:0;
	background: url("imgs/menu/01-menu1-off.gif") 0 0 no-repeat;
	text-decoration: none;
}

#menu11:hover, #menu11.active  {
background: url("imgs/menu/01-menu1-on.gif") 0 0 no-repeat;
text-decoration: none;
}

#menu12 {
	float:left;
	display:block;
	width:77px;
	height:15px;
	margin:  0; 
	padding:0;
	background: url("imgs/menu/01-menu2-off.gif") 0 0 no-repeat;
	text-decoration: none;
}

#menu12:hover, #menu12.active   {
background: url("imgs/menu/01-menu2-on.gif") 0 0 no-repeat;
text-decoration: none;
}

#menu13 {
	float:left;
	display:block;
	width:64px;
	height:15px;
	margin:  0; 
	padding:0;
	background: url("imgs/menu/01-menu3-off.gif") 0 0 no-repeat;
	text-decoration: none;
}

#menu13:hover, #menu13.active {
background: url("imgs/menu/01-menu3-on.gif") 0 0 no-repeat;
text-decoration: none;
}

#menu14 {
	float:left;
	display:block;
	width:51px;
	height:15px;
	margin:  0; 
	padding:0;
	background: url("imgs/menu/01-menu4-off.gif") 0 0 no-repeat;
	text-decoration: none;
}

#menu14:hover, #menu14.active {
background: url("imgs/menu/01-menu4-on.gif") 0 0 no-repeat;
text-decoration: none;
}



#menu21{
clear:both;
margin-top:0px;
margin-bottom:0px;
margin-left: 280px; 
margin-right: auto;
padding-top:14px;
padding-bottom:46px;
}

#menu21 img{
float:left;
padding:4px 10px 0 10px;
}

#menu211 {
	float:left;
	display:block;
	width:38px;
	height:15px;
	margin:  0; 
	padding:0;
	background: url("imgs/projekty/subm1-off.gif") 0 0 no-repeat;
	text-decoration: none;
}

#menu211:hover, #menu211.active {
background: url("imgs/projekty/subm1-on.gif") 0 0 no-repeat;
text-decoration: none;
}

#menu212 {
	float:left;
	display:block;
	width:50px;
	height:15px;
	margin:  0; 
	padding:0;
	background: url("imgs/projekty/subm2-off.gif") 0 0 no-repeat;
	text-decoration: none;
}

#menu212:hover, #menu212.active {
background: url("imgs/projekty/subm2-on.gif") 0 0 no-repeat;
text-decoration: none;
}

#menu213 {
	float:left;
	display:block;
	width:71px;
	height:15px;
	margin:  0; 
	padding:0;
	background: url("imgs/projekty/subm3-off.gif") 0 0 no-repeat;
	text-decoration: none;
}

#menu213:hover, #menu213.active {
background: url("imgs/projekty/subm3-on.gif") 0 0 no-repeat;
text-decoration: none;
}

#menu214 {
	float:left;
	display:block;
	width:75px;
	height:15px;
	margin:  0; 
	padding:0;
	background: url("imgs/projekty/subm4-off.gif") 0 0 no-repeat;
	text-decoration: none;
}

#menu214:hover, #menu214.active {
background: url("imgs/projekty/subm4-on.gif") 0 0 no-repeat;
text-decoration: none;
}

#menu215 {
	float:left;
	display:block;
	width:35px;
	height:15px;
	margin:  0; 
	padding:0;
	background: url("imgs/projekty/subm5-off.gif") 0 0 no-repeat;
	text-decoration: none;
}

#menu215:hover, #menu215.active {
background: url("imgs/projekty/subm5-on.gif") 0 0 no-repeat;
text-decoration: none;
}


#menu22{
clear:both;
margin-top:0px;
margin-bottom:0px;
margin-left: 306px; 
margin-right: auto;
padding-top:14px;
padding-bottom:46px;
}

#menu22 img{
float:left;
padding:4px 10px 0 10px;
}

#menu221 {
	float:left;
	display:block;
	width:32px;
	height:15px;
	margin:  0; 
	padding:0;
	background: url("imgs/wizualizacje/subm1-off.gif") 0 0 no-repeat;
	text-decoration: none;
}

#menu221:hover, #menu221.active {
background: url("imgs/wizualizacje/subm1-on.gif") 0 0 no-repeat;
text-decoration: none;
}

#menu222 {
	float:left;
	display:block;
	width:27px;
	height:15px;
	margin:  0; 
	padding:0;
	background: url("imgs/wizualizacje/subm2-off.gif") 0 0 no-repeat;
	text-decoration: none;
}

#menu222:hover, #menu222.active {
background: url("imgs/wizualizacje/subm2-on.gif") 0 0 no-repeat;
text-decoration: none;
}

#menu223 {
	float:left;
	display:block;
	width:38px;
	height:15px;
	margin:  0; 
	padding:0;
	background: url("imgs/wizualizacje/subm3-off.gif") 0 0 no-repeat;
	text-decoration: none;
}

#menu223:hover, #menu223.active {
background: url("imgs/wizualizacje/subm3-on.gif") 0 0 no-repeat;
text-decoration: none;
}

#menu224 {
	float:left;
	display:block;
	width:32px;
	height:15px;
	margin:  0; 
	padding:0;
	background: url("imgs/wizualizacje/subm4-off.gif") 0 0 no-repeat;
	text-decoration: none;
}

#menu224:hover, #menu224.active {
background: url("imgs/wizualizacje/subm4-on.gif") 0 0 no-repeat;
text-decoration: none;
}

#menu225 {
	float:left;
	display:block;
	width:27px;
	height:11px;
	margin:  0; 
	padding:0;
	background: url("imgs/wizualizacje/subm5-off.gif") 0 0 no-repeat;
	text-decoration: none;
}

#menu225:hover, #menu225.active {
background: url("imgs/wizualizacje/subm5-on.gif") 0 0 no-repeat;
text-decoration: none;
}


#menu226 {
	float:left;
	display:block;
	width:27px;
	height:15px;
	margin:  0; 
	padding:0;
	background: url("imgs/wizualizacje/subm6-off.gif") 0 0 no-repeat;
	text-decoration: none;
}

#menu226:hover, #menu226.active {
background: url("imgs/wizualizacje/subm6-on.gif") 0 0 no-repeat;
text-decoration: none;
}

#publications{
clear:both;
width:650px;
margin:0;
padding-top:60px;
padding-left:60px;
/*border: 1px solid gray;*/
}

#publi-animation{
float:left;
width:250px;
/*border: 1px solid red;*/
}

#publi-text{
width:350px;
padding-left:245px;
/*border: 1px solid blue;*/
text-align:left;
color:#666666;
line-height: 1.5em;
}

#contact{
clear:both;
width:350px;
text-align:left;
margin:0;
padding-top:60px;
color:#666666;
line-height: 1.5em;
/*border: 1px solid gray;*/
}

#contact p{
padding-bottom:17px;
}

span{
color:#000000;
}

a{
color:inherit;
text-decoration:underline;
}