@charset "utf-8";
/* CSS Document */
*{	
	padding:0;
	margin:0;
}


body
{
background-color: #d0d0d0;
}

#index_kontener
{
	/*border:solid blue 1px;*/
	color: #FFFFFF;
	width:1024px;
	height: 768px;
	margin:0 auto;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(background/tlo_gl_copy.jpg);
}

#index_kontener a
{
	position: relative;
	left: 290px;
	top: 310px;
}

#naglowek
{
	/*border: solid red 5px;*/
	width: 800px;
	height: 129px;
	margin:0 auto;
	background-image: url(background/baner.jpg);
}

#kontener /*kontener na całą stronę*/
{
	width: 800px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 auto;
}

#stopka
{
	/*border: solid red 5px;*/
	width:790px;
	height: 10px;
	clear:both;
	padding: 5px;
	background-color: #F5F5F5;
	text-align: right;
}


#lewa
{
	/*border: solid red 2px;*/
	float: left;
	width: 99px;
	padding: 10px 0 10px 10px;
	height: 700px;
	background-image: url(background/tloA.jpg);
}

#lewa ul
{
	/*border: solid red 3px;*/
	margin:0 auto; /* To nie dziala, bo ul jest wyjęte z normalnego obiegu */
	border-bottom:none;
	list-style-type: none;
	width: 80px; /* Podanie szerokości powoduje powstanie menu pionowego */
	float: right;
}

li 
{
	/*border-bottom: solid red 3px;*/
	float: right;
}

a 
{
	color: #A52A2A;
	font-family: Arial, Helvetica, sans-serif;
	display:block;
	width: 80px;
	height:24px;
	text-decoration:none;
}
	
a:link {background-position: 0px 0px; outline:none;}      /* nieodwiedzony link */
a:visited {background-position: 0px -24px; outline:none;}   /* odwiedzony link */
a:hover {background-position: 0px -48px; outline:none;
		color: #FFA500;}     /* z kursorem myszy nad linkiem */
a:active {background-position: 0px -72px; outline:none;}    /* klikany */

.o_firmie {background-image: url(buttons/o_firmie.jpg);
				background-repeat: no-repeat;}
.projekty {background-image: url(buttons/projekty.jpg);
				background-repeat: no-repeat;}
.realizacje {background-image: url(buttons/realizacje.jpg);
				background-repeat: no-repeat;}
.konkursy {background-image: url(buttons/konkursy.jpg);
				background-repeat: no-repeat;}
.nagrody {background-image: url(buttons/nagrody.jpg);
				background-repeat: no-repeat;}
.dodatki {background-image: url(buttons/dodatki.jpg);
				background-repeat: no-repeat;}
.kontakt {background-image: url(buttons/kontakt.jpg);
				background-repeat: no-repeat;}
#aktywny {background-position: 0px -96px;} /*aktualnie odwiedzana strona */

#prawa
{
	float: right;
	/*border: solid red 2px;*/
	padding: 10px;
	width: 671px;
	height: 700px;
	background-color: #FFF;
	background-image: url(background/o_firmie_bg.jpg);
	background-repeat: no-repeat;
	background-position: 100% 0;
	overflow: scroll;
	overflow-x: hidden;
}

h1
{
font-size: 18px;
}

hr
{
float: left;
width: 425px;
}

#lista_miniatur
{
	float: left;
	list-style-type: none;
}

#nagrody
{
	float: left;
	width: 400px;
	border-style: none;
	text-decoration:none;
	list-style-type: none;
}
#nagrody li
{
	height: 138px;
	width: 100px;
}

#akwarele

{
	float: left;
	width: 300px;
	border-style: none;
	text-decoration:none;
	list-style-type: none;
}

#akwarele li

{
	height: 128px;
	width:100px;
}

.miniatura
{	
	/*border: solid red 5px;*/
	width: 76px;
	height:76px;
	float: left;
	padding: 10px;
}
img
{
border-style: none;
text-decoration:none;
}

.opis
{
	float: left;
	/*border: solid red 3px;*/
	width: 555px;
}

#projekt_opis
{
	/*border: solid red 2px;*/
}

#projekt_obraz
{
	width: 650px;
	/*border: solid red 2px;*/
}