/* Layout Stylesheet */ 

body {
 background: #333333;
 margin:auto;
 margin-bottom:0px;
 margin-top:0px;
 font-family:ArialNarrow;
 }

a:link {COLOR: #ffffff; HEIGHT: 1px; TEXT-DECORATION: none; font-weight: none;}
a:visited {COLOR: #fbfbfb; HEIGHT: 1px; TEXT-DECORATION: none; font-weight: none;}
a:active {COLOR: #fafafa; HEIGHT: 1px; TEXT-DECORATION: none; font-weight: none;}
a:hover { color: #dddddd; font-weight: none;}
 
 
#container {
 padding:0px;
 width:629px;
 margin-left:auto;
 margin-right:auto;
 border-style: none;
 border-collapse: collapse;
 border-width:0px;
 border-spacing: 0px;
}

#container2 {
 padding:0px;
 width:629px;
 margin-left:auto;
 margin-right:auto;
 border-style: none;
 border-collapse: collapse;
 border-width:0px;
 border-spacing: 0px;
 background-image:url(images/006.gif); 
}

#logo {
 background-image:url(images/001.gif);
 width:629px;
 height:168px;
}
#underlogo {
 background-image:url(images/002.gif);
 width:629px;
 height:104px;
}

#ulogocontainer {
 position:relative;
 left:20px;
 width:420px;
 border-style: none;
 border-collapse: collapse;
 border-width:0px;
 border-spacing: 0px;
}


#screenmenu {
 background-image:url(images/003.gif);
 width:629px;
 height:68px;
}

#screencontainer {
 position:relative;
 top:20px;
 left:40px;
 border-style: none;
 border-collapse: collapse;
 border-width:0px;
 border-spacing: 0px;
}

#menu {
 padding:0px;
 margin:0px;
 background: #191919;
 width:629px;
 height:30px;
}

#menucontainer {
 height:30px;
 border-style: none;
 border-collapse: collapse;
 border-width:0px;
 border-spacing: 0px;
}

#guide {
 background-image:url(images/004.gif);
 width:629px;
 height:146px;
}

#guidecontainer {
 position:relative;
 top:25px;
 right:10px;
 border-style: none;
 border-collapse: collapse;
 border-width:0px;
 border-spacing: 0px;
}


#news {
 position:relative;
 background-image:url(images/005.gif);
 width:183px;
 height:327px;
 float:left;
}

#content{
 position:relative;
 background:#232323;
 width:446px;
 display:inline; 
 float:right; 
}

#contentcontainer {
 position:relative;
 width:426px;
 right:10px;
 text-align:left;
}

#footer {
 background:#191919;
 width:629px;
 height:70px;
 background-image:url(images/footer.gif);
}


*.active {
 padding:0px;
 background:#A00025;
}

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  
 




*.menufont {
 text-align:center;
 font-family: Arial,Garamond, Verdana, Helvetica, sans-serif;
 color:#ffffff;
 font-size:12px;
}

*.maxfont {
 text-align:center;
 font-family:Arial;
 color:#EEDDFF;
 font-size:28px;
}

*.titlefont {
 text-align:center;
 font-family:Arial;
 color:#FDF0F0;
 font-size:18px;
}
*.ulogofont {
 text-align:left;
 font-family:Arial;
 color:#FFFFFF;
 font-size:10px;
}

*.textfont {
 text-align:left;
 font-family:Arial;
 color:#FFFFFF;
 font-size:11px;
 text-align: justify;
}
*.textfont2 {
 text-align:left;
 font-family:Arial;
 color:#C0C0C0;
 font-size:11px;
 text-align: justify;
}

#footerfont {
 text-align:right;
 font-family:Arial;
 color:#EDE8FF;
 font-size:10px;
 z-index: 1;
}

*.button1 {
 position:relative;
 bottom: 64px;
 left: 513px;
 height:26px;
 width:144px;
 border-style:none;
 border-width:0px;
 color:#731D2E;
 font-size:10px;
  background-color: transparent;
  z-index: 1;
}
*.button2 {
 position:relative;
 bottom: 80px;
 left: 513px;
 height:26px;
 width:144px;
 border-style:none;
 border-width:0px;
 color:#731D2E;
 background-color: transparent;
 z-index: 1;
}
*.button {
 height:26px;
 width:150px;
 border-style:none;
 border-width:0px;
 color:#731D2E;
 background-color: #AEF2DA;
 z-index: 1;
}


*.ptaszek {
 position:relative;
 top:51px;
 left:112px;
 height:28px;
 width:30px;
 border-style:none;
 border-width:0px;
 background-color: transparent;
 background-image:url(images/guzik.jpg);
  z-index: 1;
}

*.ptaszek2 {
 position:relative;
 top:13px;
 left:112px;
 height:28px;
 width:30px;
 border-style:none;
 border-width:0px;
 background-color: transparent;
 background-image:url(images/guzik.jpg);
  z-index: 1;
}


*.prev {
 position:relative;
 top:51px;
 left:112px;
 height:28px;
 width:30px;
 border-style:none;
 border-width:0px;
 background-color: transparent;
 background-image:url(images/guzik.jpg);
 z-index: 1;
}

*.next {
 position:relative;
 top:51px;
 left:104px;
 height:28px;
 width:30px;
 border-style:none;
 border-width:0px;
 background-color: transparent;
 background-image:url(images/guzik.jpg);
 z-index: 1;
}

*.first {
 position:relative;
 top:51px;
 left:109px;
 height:28px;
 width:30px;
 border-style:none;
 border-width:0px;
 background-color: transparent;
 background-image:url(images/guzik.jpg);
 z-index: 1;
}

*.last {
 position:relative;
 top:51px;
 left:107px;
 height:28px;
 width:30px;
 border-style:none;
 border-width:0px;
  background-color: transparent;
  background-image:url(images/guzik.jpg);
   z-index: 1;
}


*.titlebox {
 position:relative;
 width:350px;
 z-index: 1;
}

*.titlebox2 {
 position:relative;
 width:350px;
 z-index: 1;
}

*.prev2 {
 position:relative;
 top:13px;
 left:112px;
 height:28px;
 width:30px;
 border-style:none;
 border-width:0px;
  background-color: transparent;
  background-image:url(images/guzik.jpg);
   z-index: 1;
}
*.next2 {
 position:relative;
 top:13px;
 left:104px;
 height:28px;
 width:30px;
 border-style:none;
 border-width:0px;
  background-color: transparent;
  background-image:url(images/guzik.jpg);
   z-index: 1;
}
*.first2 {
 position:relative;
 top:13px;
 left:109px;
 height:28px;
 width:30px;
 border-style:none;
 border-width:0px;
  background-color: transparent;
  background-image:url(images/guzik.jpg);
   z-index: 1;
}
*.last2 {
 position:relative;
 top:13px;
 left:107px;
 height:28px;
 width:30px;
 border-style:none;
 border-width:0px;
  background-color: transparent;
  background-image:url(images/guzik.jpg);
   z-index: 1;
}