body {
 
}

#top {
position: relative;
top: 0;
left: -13px;
width: 957px;
margin: 0px auto;
}

#flagi {
position: absolute;
top: 10px;
right: 10px;
width: 116px;
height: 32px;
background:  transparent url(flagi.png) no-repeat 0 0;
}

#flagi #pl {
position: relative;
width: 25px;
height: 16px;
display: block;
top: 7px;
left: 24px;
}

#flagi #en {
position: relative;
width: 26px;
height: 16px;
display: block;
top: -9px;
left: 64px;
}

#top #szukaj {
position: relative;
top: 280px;
float: left;
width: 265px;
height: 40px;
padding: 5px 10px 10px 10px;

font-family: Arial, sans-serif;
font-size: 14px;
font-weight: normal;
color: #fff;
}

#top #szukaj form label {margin-bottom: 5px;display: block;}
#top #szukaj form input[type="text"] {margin-right: 10px;border: none;width: 170px; display: block; float: left;height: 16px; line-height: 16px;}
#top #szukaj form input[type="submit"] {border: none;width: 80px;background: #DA251C;color: #fff;height: 18px;display: block; float: left;}


#top #top-menu {
float: left;
}

#top #top-menu ul {
position: relative;
width: 666px;
height: 30px;
line-height: 30px;
top: 290px;
left: 30px;
}

#top #top-menu ul li {
float: left;
padding: 0 20px 0 0;
}


#top #top-menu ul li a{
font-family: Arial, sans-serif;
font-size: 16px;
font-weight: normal;
color: #fff;
}

#top #top-menu ul li a:hover{
text-decoration: underline;
}

#content {
position: relative;
top: 299px;
left: -13px;
width: 957px;
height: auto;
margin: 0px auto;
background: #fff url(background.png) repeat-x 0 0;
}

#left {
width: 645px;
float: left;
padding: 0 10px 10px 10px;
border-right: 1px solid #E6E6E6;
background: #fff;
}

#right {
width: 267px;
float: left;
padding: 10px;
background: #fff;
}

#left h1 {
color: #369;
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: bold;
padding: 10px 0;
}

#left p {
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: normal;
text-align: justify;
padding: 5px 0;
line-height: 18px;
color: #666;
}

#right h2 {
color: #369;
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: bold;
padding: 5px 0;
}

#right p {
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: normal;
text-align: justify;
padding: 3px 0;
line-height: 14px;
color: #666;
}

#right .wiecej {
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: normal;
float: right;
padding: 3px 0;
line-height: 14px;
color: #333;
}

#right .news-item {
padding: 5px 0;
border-bottom: 1px solid #e5e5e5;
}

#right .wiecej:hover {
text-decoration: underline;
color: #000;
}

#right #newsletter {
background: #4C72CF;
color: #f8f8f8;
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: bold;
padding: 5px 0;
margin: 0;
}

#right #newsletter h2 {
font-size: 14px;
padding: 10px 10px 0px 10px;
color: #f8f8f8;
}

#right #newsletter p {
font-family: Arial, sans-serif;
font-size: 12px;
color: #f8f8f8;
padding: 10px 10px;
}

#info-box {
width: 935px;
height: 50px;
line-height: 50px;
font-family: Arial, sans-serif;
font-size: 16px;
font-weight: normal;
border: 1px solid #e8e8e8;
background: #F1F4F8;
color: #369;
padding: 0 10px;
}

#footer {
width: 935px;
height: 30px;
line-height: 30px;
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: normal;
padding: 0 10px;
}

#footer ul li {
float: left;
padding: 0 20px 0 0;
}


#footer ul li a{
font-family: Arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #708A9E;
}

#footer ul li a:hover{
text-decoration: underline;
}

#skassa {
display: block;
width: 85px;
height: 30px;
float: right;
background: transparent url(skassa.png) no-repeat 0 0;
}

/* ------------------------------------------------------------------------------------------------------- */

#galeria {
width: 585px;
margin: 10px 0px 10px 45px;
}

#galeria a {
display: block;
width: 125px;
height: 125px;
float: left;
padding: 4px;
border: 1px solid #e8e8e8;
margin: 4px 5px 30px 5px;
background: transparent;
text-decoration: none;
}

#galeria a:hover {
background: #F1F4F8;
text-decoration: none;
}

#galeria a p {
text-align: center;
display: block;
width: 140px;
text-decoration: none;
}

#galeria a p:hover {
text-align: center;
display: block;
width: 140px;
text-decoration: underline;
}

/* ------------------------------------------------------------------------------------------------------- */

#pliki-table tr:hover {background: #d8f1fc;}
#pliki-table tr td a {
text-decoration: none;
color: #2d386f;
font-size: 11px;
line-height: 18px;
letter-spacing: 0.1px;
word-spacing: 1px;
font-weight: normal;
font-family: Verdana, sans-serif;
display:block;
width: 100%;
height: 100%;
}

/* ------------------------------------------------------------------------------------------------------- */
/*
.edytorek {
font-family: Verdana, sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 16px;
text-align: justify;
letter-spacing: 0.2px;
word-spacing: 0.5px;
}
*/
.edytorek p {
padding: 5px 0;
}

#left ul {list-style: disc;}
#left ul {list-style-position: inside;}

#left ol {list-style: decimal;}
#left ol {list-style-position: inside;}

#left sub {vertical-align: sub;}
#left sup {vertical-align: super;}

#left sub, sup { font-size: .83em;}


