body
	{
	background-color: black;
	}

a
	{
	text-decoration: none;
	color: white;
	}

a:hover
	{
	color: #0099ff;
	}

#STRONA
	{
	width: 800px;
	height: 800px;
	background: url(grafa/tlo2.png) no-repeat;
	background-position: bottom center;
	margin: 0 auto;
	}

.jezyk
	{
	position: relative;
	left: 850px;
	top: 10px
	}

.jezyk img
	{
	border: 0;
	}

.blue
	{
	width: 324px;
	height: 323px;
	background: url(grafa/logo.png) no-repeat;
	position: absolute;
	margin: 120px 235px;
	}

.create
	{
	width: 121px;
	height: 102px;
	background: url(grafa/creatingwebsites.png) no-repeat;
	position: absolute;
	margin: 110px 439px;
	}

.tworzenie
	{
	width: 121px;
	height: 102px;
	background: url(grafa/tworzenie.png) no-repeat;
	position: absolute;
	margin: 360px 554px;
	}

#MAIN
	{
	width: 780px;
	margin: 270px 130px;
	position: absolute;
	color: white;
	}

/* Menu */

ul.menu, a.eera, a.eerb, a.submenu
	{
	display: block;
	text-align: center;
	font-size: 20px;
	font-family: arial,sans-serif;
	}

ul.menu, ul.wybor
	{
	width: 90px; /* Tu się ustala szerokość menu */
	border: 0;
	list-style:none;
	}

ul.menu
	{
	margin: 427px 313px; /* Tu się ustala pozycję menu */
	position: absolute;
	padding-left: 40px;
	}

li.year, li.lista
	{
	position: relative;
	padding: 0px;
	z-index: 9;
	}

li.year ul.wybor
	{
	position: absolute;
	left: -40px; /* Tu się ustala pozycję wysuwanego menu */
	top: 30px;
	}

a.submenu, a.eera, a.eerb
	{
	padding: 2px;
	border: 0;
	text-decoration: none;
	color: gray;
	width: 100%;
	}

a.submenu
	{
	padding-top: 8px;
	padding-bottom: 10px;
	background: url(grafa/mala_ramka2.png) no-repeat;
	}

a.eera
	{
	padding-top: 4px;
	background: url(grafa/duza_ramka.png) no-repeat;
	}

a.eerb
	{
	padding-bottom: 10px;
	background: url(grafa/mala_ramka.png) no-repeat;
	}

li.year a.submenu, li.lista a.eera, li.lista a.eerb
	{
	width:auto;
	}

a.submenu:hover, a.eera:hover, a.eerb:hover
	{
	color: white;
	}

li.year:hover
	{
	z-index:9;
	}

ul.menu ul.wybor, li.year:hover ul.wybor
	{
	display:none;
	}

li.year:hover ul.wybor, li.year:hover li.lista:hover ul.wybor
	{
	display:block;
	}

/* Portfolio */

.port
	{
	position: absolute;
	margin: 0 auto;
	padding: 15px;
	background-color: black;
	z-index:10;
	width: 500px;
	height: 610px;
	font-size: 18px;
	font-family: arial,sans-serif;
	border: 1px solid white;
	margin-top: -240px;
	filter:alpha(opacity=85);/*Needed for IE*/
	opacity: 0.85;/*FF, Safari, and Opera*/
	}

/*.pierwsza
	{
	list-style:none;
	position: relative;
	width: 280px;
	margin: 0;
	}

.druga
	{
	list-style:none;
	position: relative;
	width: 280px;
	margin-top: -840px;
	margin-left: 310px;
	}*/

.port img
	{
	padding: 1px;
	}

.port a, .port a:visited
	{
	display: inline;
	position: relative;
	color: transparent;
	width: 224px;
	padding-right: 17px;
	}

.port a:hover
	{
	color: #0099ff;
	background: url(grafa/mala_ramka.png) no-repeat;
	}

a.x:visited, a.x:link
	{
	text-decoration:none;
	position: absolute;
	top: 600px;
	left: 500px;
	color: white;
	font-weight: bold;
	font-size: 24px;
	width: 1px;
	}

a.x:hover
	{
	color:#0099ff;
	}

/* Contact */

.contact
	{
	position: absolute;
	margin-top: -100px;
	margin-left: 40px;
	background-color: black;
	z-index:10;
	width: 60%;
	height: 250px;
	font-size: 18px;
	font-family: arial,sans-serif;
	border: 1px solid white;
	filter:alpha(opacity=85);/*Needed for IE*/
	opacity: 0.85;/*FF, Safari, and Opera*/
	}

a.con
	{
	text-decoration: none;
	color: white;
	position: relative;
	top: 110px;
	left: 160px;
	}

a.con:hover
	{
	color: #0099ff;
	}

.contact a.x
	{
	position: absolute;
	top: 210px;
	left: 440px;
	}