@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Terminal+Dosis+Light&v1);
/* CSS Document */
html, body  
	{ 
	 text-align: left; 
	 font-size: 11px; 
	 font-family: arial, serif;
	 margin: 0 auto; /* padding: 0 auto; */  height:100%; 
	}
body *
	{margin: 0 auto; 
	 /* padding: 0 auto; */
	 font-size: 11px; color:#999;
	 text-align: left; height:100%;
	}
img   {border: 0px;	}

h1 /*-------------------------------menu-------------------------------*/
	{font-size: 12px; 
	 font-weight: bold;
	 display:inline;	}
	 
h2  /*-------------------------------submenu-------------------------------*/
	{font-size: 11px; font-weight: bold;  display:inline;	}
	
h3 /*-------------------------------tytuly projektow-------------------------------*/
	{font-size: 12px; font-weight: bold; color:#FFF; padding-bottom: 10px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;  }
	
h4 /*-------------------------------tytuly opisow zdjec-------------------------------*/
	{font-size: 11px; font-weight: bold; background-color:#999; color:#FFF; margin-top:10px;   }
	

/*-------------------------------linki-------------------------------*/

a			{color:#fff; text-decoration:none; font-weight:bold;}
a:active 	{color:#fff; text-decoration:none; font-weight:bold;}
a:visited 	{color:#fff; text-decoration:none; font-weight:bold;}
a:hover 	{color:#000; background:#999; text-decoration:none; font-weight:bold;}

.tlo a {background:#ccc; }
.tlo a:hover {background:#ccc; }


/* z-indexy
1 tlo
5 foot
10 galeria,info
40 lang
50 menu, top+sub
*/

/*-------------------------------tlo skalowane do okna przegladarki-------------------------------*/

.tlo { z-index:1; white-space:nowrap;   }
.tlo img {  display:inline;  }


/*-------------------------------gorne menu-------------------------------*/

.topmenu {position:fixed; background:url(bg-menu.png) repeat-x;  left:0; top:0;  z-index:50; height:60px; width:100%; display:inline; }

.logo {position:fixed; left:6%; width:150px; height:50px; float:right; }
.logo a {background:transparent; text-decoration:none;}
.logo a:active {background:transparent; text-decoration:none;}
.logo a:visited {background:transparent; text-decoration:none;}
.logo a:hover {background:transparent; text-decoration:none;}

.menu {position:fixed; left:11%; height:auto; background:transparent; padding-left:10px; padding-right:15px;	float:left; /*padding-top:35px;*/ font-family: Georgia, serif; font-style:italic; }

#menu,
#menu ul {
list-style: none;
float: left; display:inline; 
}
#menu li {
position: relative; display:inline;
float: left; 
}
#menu a { padding:17px 30px 20px 9px;
font-size:14px;
font-weight:lighter;
font-variant:small-caps;
text-decoration: none;
display: block;
float: left;
}
#menu li ul {
display: none;
}
#menu li:hover ul {
display: block;
position: absolute;
left: 30px;
top: 52px;
margin: 0 0 0 -71px;
width: 140px;
}
#menu li li {
float: none;
}
#menu li li a {
float: none;
font-size: 9px; 
font-variant:normal;
font-weight:normal;
background:#1a1a1a;
font-weight: normal;
padding: 0 6px;
line-height: 18px;
height: 18px;
}
/* and the colours */
#about a {
background:transparent;
color: #999;
}
#design a {
background:transparent;
color: #CCC;
}

#menu li li a:hover {
background:#333;
}

#menu a:hover {
background-color: transparent;
color: #fff;
}

.lang {margin-left:50px; display:inline; float:right;}
	

/* -------------------------------------------language&scroll----------------------------------------- */	

.foot {position:fixed; z-index:40; left:0; bottom:0; height:20px; width: 174px; padding-right:10px; padding-left:38px;
background:url(bg90.png) repeat; color:#ccc; font-family: Georgia, "Times New Roman", Times, serif; font-size:11px; font-weight:bold;  }


/*-------------------------------galeria i opisy w poziomym pasie-------------------------------*/


.galeria { position:absolute; top:25%; left:0; z-index:10; height:470px; white-space:nowrap;  }

.txt { background:url(bg90.png) repeat; padding:10px 15px 20px 40px; height:auto; width:250px; display:inline-block; vertical-align:top; white-space:normal; font-size:10px;}
.obraz { background:url(bg90.png) repeat; padding:10px 10px 20px 10px; height:445px; width:auto; display:inline-block; vertical-align:top; }
.video { background:url(bg90.png) repeat; padding:10px 10px 20px 10px; height:385px; width:640px; display:inline-block; vertical-align:top; }

.info { position:absolute; top:25%; left:0; z-index:10; height:auto; white-space:nowrap;  }

.txt a { background-color:#000; color:#fff; font-weight:normal; text-decoration:none; }
.txt a:visited { background-color:#000; color:#fff; font-weight:normal; text-decoration:none; }
.txt a:active { background-color:#000; color:#fff; font-weight:normal; text-decoration:none; }
.txt a:hover { background-color:#ccc; color:#333; font-weight:normal; text-decoration:none; }


/*-------------------------------wysuwany opis na dole-------------------------------*/

.footer { position:fixed; bottom:0px; left:0px; z-index:5; font-size:10px; }
.footer a:hover { background-color:#ccc; color:#333; }
.link1_1 {position:fixed; bottom:0px; left:0px; z-index:5; height:25px; width:174px; padding-left:38px; padding-right:10px; background:url(bg90.png) repeat; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:lighter; font-variant:small-caps; font-style:italic; color:#ccc;}
.link1_2 {position:fixed; bottom:0px; left:0px; z-index:7; height:25px; width:174px; background:url(bg90.png) repeat; padding-left:38px; padding-right:10px; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:lighter; font-variant:small-caps; font-style:italic; color:#ccc; }
.hidden1 {position:fixed; bottom:25px; left:0px; z-index:5; height:auto; width:174px; background:url(bg90.png) repeat; padding-bottom:12px; padding-right:10px; padding-left:38px;}