/*
 *  CSS Cricoteka w budowie
 */
html, body { 
  margin: 0px;
  padding: 0px;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  line-height: 150%;
  text-align: center;
  background-color: #000;
  color: #fff;
}

h1, h2, h3, h4, h5, h6 {
  color: #ee801d;
}
h1 { font-size: 22px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

a { color: #ee801d;}
a:link {text-decoration: none}
a:visited {text-decoration: none; color: #DC9859;}
a:active {text-decoration: none}
a:hover {text-decoration: underline;}

body#start h1, body#start h2 {
  color: #fff;
}
#main {
  background-image: url(../images/bgmain.gif);
  background-position: left top;
  background-repeat: no-repeat;
  background-color: #000;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  position: relative;
  width: 790px;
  padding: 0;
  border: 0;
}
#header {
  width: 790px;
  height: 107px;
  display: block;
  position: relative;
  background-image: url(../images/header-small.jpg);
  background-position: left top;
  background-repeat: no-repeat;
}
#title-budowa {
  padding: 0;
  margin: 0;
}
#title-budowa a {
  padding: 0;
  margin: 0;
  display: block;
  width: 446px;
  height: 86px;
  position: absolute;
  left: 35px;
  top: 12px;
  background-image: url(../images/tit-budowa.gif);
  background-position: left top;
  background-repeat: no-repeat;
}
#title-budowa a span {
  position: relative;
  top: -1000px;
}
#title-cricoteka {
  padding: 0;
  margin: 0;
}
#title-cricoteka a {
  padding: 0;
  margin: 0;
  display: block;
  width: 195px;
  height: 61px;
  position: absolute;
  right: 35px;
  top: 25px;
  background-image: url(../images/tit-cricoteka.gif);
  background-position: left top;
  background-repeat: no-repeat;
}
#title-cricoteka a span {
  position: relative;
  top: -1000px;
}
#content {
  padding-top: 0px;
  text-align: left;
  display: block;
  background-image: url(../images/instytucje.gif);
  background-position: right bottom;
  background-repeat: no-repeat;
  height: auto !important;
  min-height: 350px;
  height: 350px;
}
#column {
  float: left;
  display: block;
  width: 530px;
}
#column .incolumn {
  padding: 10px 0;
}
#sidebar {
  background-image: url(../images/bgside-small.jpg);
  background-position: right top;
  background-repeat: no-repeat;
  float: right;
  display: block;
  width: 260px;
  position: relative;
}
#sidebar .intitle {
  display: block;
  width: 100%;
  height: 75px;
}
#sidebar .intitle h2 {
  margin: 0;
  padding: 25px 5px 5px 40px;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
}
#sidebar .incolumn {
  display: block;
  text-align: right;
  width: 250px;
  float: right;
  margin-bottom: 140px;
}
#sidebar ul {
  list-style-type: none;
  padding-top: 0;
  padding-left: 0;
  margin-left: 0;
  margin-top: 0;
  font-size: 15px;
  color: #ee801d;
}
#sidebar li {
  padding-top: 8px;
}
#sidebar ul ul, #sidebar ul ul a {
  font-size: 11px;
  color: #fff;
  text-transform: lowecase;
}
#sidebar h3 {
  font-size: 14px;
  color: white;
}


#footer {
  background-image: url(../images/kropki.gif);
  background-position: left top;
  background-repeat: no-repeat;
  background-color: #000;
  color: #ee801d;
  text-align: right;
  height: 30px;
  padding: 10px 0 10px 0;
}
#footer p {
  padding: 0;
  margin: 0;
}
/* zdjêcie w ramce w edytorze (tekst) */
.fotka {
  display: block;
  border: 1px solid #777;
  margin: 5px;
  padding: 2px;
}
.fotka img {
  display: block;
  margin: 0;
  padding: 0;
}
.fotka span {
  display: block;
  font-size: 10px;
}
.fotka span .autor {
  font-style:italic; 
}

/* news */
.news .fotka {
  float: left;
  width: 125px;
}
.news .fotka span  {
  float: left;
}
.news .fotka a img {
  border: 0;
}
.navigator {
    clear: both;
    text-align: center;
    margin: 20px 0;
}
/* galeria */

.galeria .foto {
  display: block;
  float: left;
  margin: 10px;
}
.galeria .foto p {
  width: 110px;
  padding: 5px 0;
  margin: 0;
}
.galeria .foto a img {
  border: 3px solid #ee801d;
}
.galeria .foto a:hover img {
  border: 3px solid #ef591f;
}
/**/

.clear {
  clear: both;
}
a.selected, .selected:link {
  text-decoration: underline;
}