/* CSS Document */

body 
{  
  margin: 0;
  padding: 0;
  background-color: #2f2e2e;
  font-family: Arial;
  font-size: 12px;
  color: #ffffff;  
}


a, a:visited, a:active
{
  color: #c2c5c2;
  text-decoration: none;
}

a:hover
{
  color: #999999;
  text-decoration: none;
}

p {
  color: #c2c5c2;
  line-height: 18px;
	margin: 0px;
}

a.green, a.green:visited, a.green:active
{
  color:  #50FF15;
  text-decoration: none;
}

a.green:hover
{
  color: #999999;
  text-decoration: none;
}




/* strona - sklada sie z #main i #footer */

#page
{
  position: absolute; left: 15%; top: 10%;
  margin: 0;
  padding: 0;
  border: 0px solid #991100;
  width: 900px;
  height: 450px;
}


/* #man - czesc glowna zlozona z #sidebar-left (tresc) i #sidebar-right (nawigacja) */

#main
{
  width: 900px;
  height: 430px;
  background-color: #2f2e2e;
}

#sidebar-left
{
  display: inline;
  float: left;
  width: 675px;
  height: 430px;
}

#sidebar-right
{
  display: inline;
  float: left;
  width: 225px;
  height: 430px;
}

/* wewnatrz #sidebar-left jest #header-left oraz ponizej #main-left (tresc) */

#header-left
{
  width: 675px;
  height: 20px;
  font-size: 16px;
  font-family: Arial;
  font-weight: 600;
  color: #e8e3e3;
  letter-spacing: 15px;
}

#main-left
{
  width: 675px;
  height: 410px;
	
}

/* w #main-left sa dwa bloki - #main-left-left (pusty do centrowania) lub #main-center (zdjecie/tresc) */
/* oba moga miec tez dodatek -zero - wowczas ich szerokosc =0 */

#main-left-left
{

  display: inline;
  float: left;
  width: 225px;
  height: 410px;
}

#main-left-left-50
{

  display: inline;
  float: left;
  width: 50px;
  height: 410px;
}

#main-left-left-zero
{

  display: inline;
  float: left;
  width: 0px;
  height: 410px;
}

#main-left-center
{
  display: inline;
  float: left;
  width: 450px;
  height: 410px;
}

#main-left-center-text
{
  position: relative; top: 49px; left: 70px;
  width: 310px;
	height: 310px;
  font-size: 14px;
  color: #c2c5c2;
  text-align: justify;
	letter-spacing: 1px;
	line-height: 17px;
}


#main-left-center-text-20
{
  position: relative; top: 49px; left: 70px;
  width: 310px;
	height: 310px;
  font-size: 14px;
  color: #c2c5c2;
  text-align: justify;
	letter-spacing: 1px;
	line-height: 20px;
}

#main-left-center-text-22
{
  position: relative; top: 49px; left: 70px;
  width: 310px;
	height: 310px;
  font-size: 14px;
  color: #c2c5c2;
  text-align: justify;
	letter-spacing: 1px;
	line-height: 22px;
}

#main-left-center-text-full
{
  position: relative; top: 49px; left: 0px;
  width: 670px;
	height: 310px;
  font-size: 14px;
  color: #e8e3e3;
  text-align: justify;
	letter-spacing: 1px;
	line-height: 17px;
}

#main-left-center-zero
{
  display: inline;
  float: left;
  width: 450px;
  height: 410px;
  text-align: left;
}


/* zdefiniowanie logo */

img.logo
{
position: relative; top: 49px; left: 70px;
}

img.left
{
position: relative; top: 49px; left: 0px;
}

img.left-top
{
position: relative; top: 19px; left: 0px;
}

img.left-35
{
position: relative; top: 49px; left: 35px;
}

img.left-50
{
position: relative; top: 49px; left: 50px;
}

img.left-50-top
{
position: relative; top: 19px; left: 50px;
}

/* #menu - nawigacja po prawej */

#menu
{
  list-style-type: none;
  letter-spacing: 3px;
  font-size: 12px;
  line-height: 28px;
  color: #c2c5c2;
  text-align: right;
}

#menu-narrow
{
  list-style-type: none;
  letter-spacing: 3px;
  font-size: 12px;
  line-height: 22px;
  color: #c2c5c2;
  text-align: right;
}

#menu p.narrow
{
  letter-spacing: 0.2em;
}

#sidebar-right p.narrow-list
{
  letter-spacing: 0.2em;
}

#sidebar-right p.right
{
  text-align: right;
  letter-spacing: 3px;
	font-size: 12px;
}

/* footer */

#footer
{
  width: 900px;
  height: 20px;
  font-size: 16px;
  font-family: Arial;
  font-weight: 600;
  color: #e8e3e3;
}

#footer-left
{
width: 50px;
text-align: left;
font-weight: 400;
letter-spacing: 1px;
float: left;
}

#footer-left-none
{
width: 50px;
text-align: left;
font-weight: 400;
letter-spacing: 1px;
float: left;
color: #2f2e2e;
}

#footer-right
{
width: 850px;
text-align: right;
letter-spacing: 15px;
float: left;
}

#header-footer a, #header-footer a:visited, #header-footer a:active
{
  color: #e8e3e3;
}

#header-footer a:hover
{
  color: #999999;
}

span.green
{
  color: #50FF15;
}

p.narrow-list
{
  list-style-type: none;
  letter-spacing: 3px;
  font-size: 12px;
  line-height: 28px;
  color: #c2c5c2;
  text-align: right;
}


/* : #slide obejmuje cale show, .slideshow.p definiuje elementy */

#slide
{
position: relative; top: 12% ;
}

#slide-high
{
position: relative; top: 4% ;
}

.slideshow p
{
width: 620px;
height: 310px;
text-align: right;
}

.slideshow p.center
{
width: 620px;
height: 310px;
text-align: center;
}

.slideshow-left p
{
width: 400px;
height: 400px;
text-align: left;
}

.slideshow-duo p
{
width: 450px;
height: 310px;
text-align: left;
}

/*DUO*/

#sidebar-duo-left
{
  display: inline;
  float: left;
  width: 450px;
  height: 430px;
}

#sidebar-duo-right
{
  display: inline;
  float: left;
  width: 450px;
  height: 430px;
}

#header-duo-left
{
  width: 450px;
  height: 20px;
  font-size: 16px;
  font-family: Arial;
  font-weight: 600;
  color: #e8e3e3;
  letter-spacing: 15px;
}

#main-duo-left
{
  width: 450px;
  height: 410px;
	
}

#main-left-center-duo
{
  display: inline;
  float: left;
  width: 450px;
  height: 410px;
  text-align: left;
}

/* END of CSS */


/* NOTATKI

#main-left-center-right
{
  display: inline;
  float: left;
  width: 675px;
  height: 410px;

}

#flashcontent 
{
    height: 100%;
    background-color: #2f2e2e;
}

*/