/* 1. Layout -----------------------------------------------------------------*/
* {
margin:0px;
padding:0px;
border:none;
}
:focus {outline:none;}

body {
font-size:80%;
background:white;
color:#1f1a17;
font-family:sans-serif;
text-align:center;
}
#layout {
position:relative;
margin:auto;
text-align:left;
width:961px;
padding:413px 0px 50px 0px;
}
/* 2. Header -----------------------------------------------------------------*/
#header {
position:absolute;
top:0px;
left:0px;
width:961px;
height:413px;
background:url('../pictures/header.jpg') left bottom no-repeat;
}
#logo a, #logo span {
position:absolute;
display:block;
float:left;
top:23px;
left:16px;
width:311px;
height:95px;
font-size:180%;
overflow:hidden;
}
#logo span {
top:0px;
left:0px;
background:url('../pictures/logo.gif') no-repeat;
}
#navigation {
position:absolute;
top:147px;
left:17px;
font-size:120%;
width:225px;
}
#navigation ul {list-style-type:none;}
#navigation li a {
display:block;
color:#1f1a17;
text-decoration:none;
font-weight:normal;
padding:3px 0px 3px 10px;
background:url('../pictures/navigation.gif') 0px 11px no-repeat;
}
#navigation li a.check {
color:#007cc3;
font-weight:bold;
}
#navigation li a:hover {text-decoration:underline;}

#search {
position:absolute;
top:94px;
right:22px;
padding:0px 28px 0px 0px;
}
#search input {
background:white;
color:black;
padding:0px 10px 0px 10px;
border-top:1px solid #686868;
border-right:1px solid #494949;
border-bottom:1px solid #727272;
border-left:1px solid #7e7e7e;
height:22px;
line-height:22px;
width:143px;
font-size:90%;
}
#search button {
position:absolute;
top:0px;
right:0px;
width:24px;
height:24px;
cursor:pointer;
background:#007cc3 url('../pictures/button.gif') no-repeat;
}
#search button span {display:none;}

/* 3. Content -----------------------------------------------------------------*/
#content {
position:relative;
width:726px;
font-size:85%;
line-height:1.5;
border-top:12px solid #007cc3;
float:right;
padding:13px 0px 0px 0px;
}
#content h1 {
margin:0px 0px 15px 0px;
color:black;
font-size:240%;
font-weight:bold;
line-height:1.3;
}
#content h2 {
margin:20px 0px 10px 0px;
color:#007cc3;
font-size:160%;
font-weight:bold;
}
#content h3 {
margin:15px 0px 5px 0px;
color:black;
font-size:120%;
font-weight:bold;
}
#content h4 {
margin:10px 0px 5px 0px;
color:black;
font-size:100%;
font-weight:bold;
}
#content ul {margin:10px 0px 10px 20px;}
#content p {margin:5px 0px 5px 0px;}

#content a {color:#ea2839; text-decoration:underline;}
#content a:hover {color:#c00e1e;}

#content table {font-size:100%; border-collapse:collapse; width:100%; margin:10px 0px 10px 0px;}
#content table td {padding:3px 2px 0px 2px; text-align:center !important; border:1px solid #95968f; vertical-align:center;}
#content table thead td {font-size:120%; padding:4px 2px 0px 2px; font-weight:bold; color:white; background:#ea2839;}

#content .gallery {margin:20px 0px 0px 0px;}
#content .gallery img {border:2px solid #b7b7b7; padding:1px; margin:0px 6px 6px 0px;}
#content .gallery a:hover img {border:2px solid #007cc3;}

#content input, #content textarea {border:1px solid #bebebe; color:#3a3a3a; padding:2px; margin:0px 0px 3px 0px;}
#content button {background:#007cc3; color:white; font-weight:bold; padding:2px 7px 2px 7px; border:none; cursor:pointer;}

#form input {width:200px;}
#form textarea {width:400px; height:100px;}
#form label {float:left; display:block; width:80px; line-height:21px;}

#news .archivNovinek {border-top:1px solid #007cc3; padding:8px 0px 0px 0px; margin:16px 0px 0px 0px;}


/* 4. Left bar -----------------------------------------------------------------*/
#leftBar {
position:relative;
width:192px;
font-size:80%;
float:left;
margin:13px 0px 0px 0px;
}
#leftBar a {
color:#221d1a;
text-decoration:underline;
}
#leftBar a:hover {
color:#221d1a;
text-decoration:none;
}
#leftBar .heading {
position:relative;
height:30px;
line-height:30px;
padding:0px 0px 0px 20px;
font-size:115%;
color:white;
font-weight:bold;
background:#007cc3;
}
#leftBar .box {
position:relative;
padding:15px 20px 15px 20px;
background:#f3ede8;
margin:0px 0px 12px 0px;
}
#newsletter {position:relative; padding:0px 0px 16px 0px;}
#newsletter div {position:relative;}
#newsletter div input {
border:1px solid #9b9999;
padding:0px 6px 0px 6px;
font-size:90%;
height:20px;
line-height:20px;
width:108px;
margin:10px 0px 0px 0px;
}
#newsletter div button {
position:absolute;
top:10px;
left:123px;
background:#007cc3;
color:white;
font-weight:bold;
font-size:90%;
height:22px;
line-height:22px;
width:30px;
text-align:center;
cursor:pointer;
}
#leftBar .news {
position:relative;
margin:5px 0px 16px 0px;
}
#leftBar .news .head {
font-weight:bold;
font-size:110%;
margin:0px 0px 2px 0px;
}
#leftBar .news .date {
font-weight:normal;
font-size:90%;
margin:0px 0px 5px 0px;
}
#leftBar .news .img {margin:0px 0px 5px 0px;}
#leftBar .news .img img {width:152px;}
#leftBar .news .date strong {font-weight:normal;}
#leftBar .news .text {
line-height:1.5;
}
#leftBar .archivNovinek {
border-top:1px solid #ddd3ca;
padding:6px 0px 0px 0px;
}

/* 5. Right bar -----------------------------------------------------------------*/

/* 6. Footer -----------------------------------------------------------------*/
#footer {
position:relative;
text-align:center;
}
#footerIn {
position:relative;
padding:16px 22px 20px 22px;
width:917px;
color:#474240;
background:#e6dbd1;
font-size:85%;
line-height:1.8;
text-align:left;
margin:auto;
}
#footer a {
color:#474240;
text-decoration:underline;
}
#footer a:hover {
color:#474240;
text-decoration:none;
}
#footer .footerRight {
float:right;
text-align:right;
}
#footer .footerRight img {margin:0px 0px 0px 15px;}
#footer p {margin:0px;}

/* 7. Other -----------------------------------------------------------------*/
div.clear {
position:relative;
clear:both;
height:1px;
font-size:1px;
margin:-1px 0px 0px 0px;
}

.center {text-align:center;}
.right {text-align:right;}
.left {text-align:left;}
.justify {text-align:justify;}
.red {color:red;}