/* CSS Document */

body {
margin: 0;
padding: 0;
color: #703700;
background: url(../img/body_bg.gif) #fff repeat-x top left;
font: .75em 'Trebuchet MS', Tahoma, Arial, sans-serif; 
}

/* Różne */

img {
border: 0;
margin: 0;
padding: 0;
vertical-align: top;
}

ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

.cls {
clear: both;
}

#wrapper {
width: 755px;
height: auto;
margin: 0 auto;
padding: 0;
}

/* Nagłówek strony */

#header {
width: 705px;
height: 215px;
margin: 0;
padding: 9px 25px 0 25px;
background: url(../img/header_bg.jpg) transparent no-repeat bottom left;
font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
}

#header a {
color: #ECF5FF;
text-decoration: none;
font-size: 1.1em;
font-weight: bold;
float: left;
}

#header a span {
color: #ECF5FF;
font-size: 2em;
float: none;
}

#header span {
color: #91C9FF;
float: right;
margin: 13px 0 0 0;
}



/* Wybór języka */

#langBox {
width: 705px;
height: 56px;
margin: 0;
padding: 0 25px;
background: url(../img/lang_bg.gif) #fff no-repeat top left;
}

#langList {
margin-top: 5px;
float: right;
}

#langList li {
float: left;
padding: 0;
margin: 0;
}

#langList li a {
display: block;
width: 31px;
height: 21px;
margin: 0 0 0 10px;
padding: 0;
}

#langList li#pl a:link, #langList li#pl a:visited  {
background: url(../img/flaga_pl.gif) transparent no-repeat 0 -21px;
}

#langList li#pl a:hover  {
background: url(../img/flaga_pl.gif) transparent no-repeat 0 0;
}

#langList li#pl a:active  {
background: url(../img/flaga_pl.gif) transparent no-repeat 0 -21px;
}

#langList li#sk a:link, #langList li#sk a:visited  {
background: url(../img/flaga_sk.gif) transparent no-repeat 0 -21px;
}

#langList li#sk a:hover  {
background: url(../img/flaga_sk.gif) transparent no-repeat 0 0;
}

#langList li#sk a:active  {
background: url(../img/flaga_sk.gif) transparent no-repeat 0 -21px;
}

/* Zawartość */

#main {
width: 705px;
height: auto!important;
min-height: 400px;
height: 400px;
background: url(../img/main_bg.gif) #fff repeat-y top left;
padding: 0 25px;
}

#main #content {
width: 500px;
float: left;
margin: 0;
padding: 0 25px;
}

#main h1, #main h2, #main h3, #main h4 {
font-size: 1.8em;
margin: 0 0 15px 0;
padding: 15px 0 0 0;
}

#main h2 {
font-size: 1.6em;
margin-bottom: 0;
margin-top: 15px;
}

#main h3 {
font-size: 1.3em;
margin-bottom: 0;
}

#main h4 {
font-size: 1.1em;
}

#main p {
clear: both;
margin: 7px 0;
padding: 0;
line-height: 150%;
color: #B79B7F;
width: 496px;
}

#main a {
color: #0066CC;
}

#main #logosBox {
width: 143px;
text-align: center;
float: left;
margin: 0;
padding: 0;
}

#main #logosBox img {
margin: 5px 0 15px 0;
}

form#searchCeremonies, form#searchBands {
width: 685px;
margin: 0 auto;
padding: 5px 10px;
color: #666;
background: url(../img/form_bg.gif) #fff repeat top left;
}

form#searchCeremonies div, form#searchBands div {
clear: both;
margin: 5px 0;
}

form#searchCeremonies div.selectBox label {
display: block;
}

form#searchCeremonies div input, form#searchBands div input {
width: 450px;
height: 17px;
border: 1px solid #A7A6AA;
margin: 0;
}

form#searchBands div input {
width: 200px;
margin-right: 10px;
}

form#searchBands div select {
width: 200px;
}

form#searchCeremonies div input#submit, form#searchBands div input#submit {
width: auto;
height: 21px;
border: 0;
vertical-align: bottom;
margin: 0 0 0 20px;
}

form#searchCeremonies div select, form#searchBands div select {
border: 1px solid #A7A6AA;
height: 19px;
}

form#searchCeremonies div input.checkbox, form#searchBands div input.checkbox {
width: auto;
margin: 3px 3px 0 15px;
vertical-align: middle;
}


form#searchCeremonies div.selectBox, form#searchBands div.selectBox {
float: left;
clear: none;
margin-right: 15px;
}

.odd {
background: #FCFBF8;
}

.even {
background: #fff;	
}

#searchResults {
margin: 15px 15px 0 15px;
padding: 0;
width: 500px;
list-style-type: none;
font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
}

#searchResults li {
margin: 0 0 0 0;
padding: 0 5px;
}

#searchResults li h4 {
margin: 0 0 5px 0;
padding: 0;
}

#searchResults li.wiecej {
text-align: right;
}

#searchResults li.wiecej a {
color: #703700;
text-decoration: none;
}

#searchResults li.wiecej a img {
vertical-align: top;
margin: 3px 3px 0 0;
}

.searchData {
width: 500px;
text-align: center;
font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
}

.pagesList {
margin: 0 auto;
padding: 0;
}

.pagesList li {
display: inline;
margin: 0 3px 0 0;
padding: 0;
}

#main .pagesList li a {
text-decoration: none;
color: #703700;
}

table.ceremonyDetails {
float: left;
width: 40%;
margin: 0 10px 10px 0;
border: 0;
padding: 0;
font: .95em 'Trebuchet MS', Tahoma, Arial, sans-serif;
}

table.ceremonyDetails tr {
margin: 0;
padding: 0;
}

table.ceremonyDetails tr td, table.ceremonyDetails tr th {
margin: 0;
padding: 0 5px 0 5px;
width: 50%;
vertical-align: top;
}

table.ceremonyDetails tr td.topRow {
text-align: center;
}

table.ceremonyDetails tr th {
text-align: right;
}

#imagesList {
margin: 10px 0;
padding: 0;
}

#imagesList li {
width: 70px;
float: left;
margin: 0 10px 7px 0;
}

#imagesList li img {
border: 1px solid #703700;
margin: 0;
padding: 0;
}


#moviesList, #audioList {
margin: 10px 0;
padding: 0;
}

#moviesList li, #audioList li {
margin: 0;
padding: 0;
}

#moviesList li img, #audioList li img {
margin: 0 10px 0 0;
padding: 0;
}


/* Stopka */

#footer {
width: 705px;
height: 50px;
clear: both;
margin: 0;
padding: 45px 25px 0 25px;
color: #7FBFFF;
background: url(../img/footer_bg.gif) #fff no-repeat top left;
}

#footer span {
float: left;
margin: 0;
font-style: italic;
}

#footer img {
float: right;
}