/* un-reset */
ol { list-style-type:decimal; }
ol ol { list-style-type:lower-latin; }
ul { list-style-type:square; }
ol, ul { margin-left:20px; }
/* ----------------- struktura strony */
body {
  color: #000;
  background: url(../img/bg_body.jpg) repeat-x #fff2d5;
}
#eu-logo, #finansowanie, #header, #motto, #content, #footer {
  width: 900px;
  margin: 0 auto;
  background: #fff;
  border-left: 2px solid #555;
  border-right: 2px solid #555;
}
#eu-logo {
  height: 120px;
  background: url(../img/bg_eu.png) #f2964d;
}
#finansowanie {
  text-align: center;
  padding: 5px 0;
  color: #fff;
  background-color: #222d7d;
  font: 0.8em verdana;
}
#header {
  height: 350px;
  background: url(../img/bg_header.jpg) #f2964d;
}
#motto {
  text-align: center;
  padding: 10px 0;
  color: #fff;
  background-color: #222d7d;
  font: 2em georgia;
}
#content {
  background-color: #fff;
}
#aside {
  width: 240px;
  float: left;
  padding-top: 20px;
}
#flags {
  background-color: #eee;
  height: 40px;
  padding: 5px;
  border: 1px solid #aaa;
  margin-bottom: 20px;
}
#article {
  margin-left: 250px;
  padding: 20px;
  min-height: 400px;
  background-color: #fff;
/*  border-left: 1px solid #eee;*/
}
#footer {
  padding: 10px 0;
  background-color: #0d4562;
}
#footer p {
  margin: 0 0 0 20px;
}
h1 {
  font: bold 1.4em/150% "lucida sans unicode", "trebuchet ms", sans-serif;
  color: #0d4562;
  margin: -25px 0 5px;
}
h2 {
  font: bold 1em/150% verdana, sans-serif;
  color: #0d4562;
  margin: 10px 0;
}
h3 {
  font: bold 1em/150% "trebuchet ms", sans-serif;
  color: #0d4562;
  margin: 10px 0;
}

p, li, dt, dd {
   font: 0.8em/1.6em verdana, "trebuchet ms", georgia, "times new roman", serif;
}
p {
  margin-bottom: 8px;
}
dt {
  font-weight: bold;
}
dd {
  margin: 5px 0 10px 20px;
}
#aside img {
  margin: 0 auto 10px 20px;
  padding: 10px;
  border: 1px solid #ccc;
}
#footer p {
  font: 11px/160% verdana, tahoma, arial, sans-serif;
  color: #fff;
  margin-left: 20px;
}
#footer p a {
  color: yellow;
  font-weight: bold;
  text-decoration: none;
}
#flags img {
  margin-left: 21px;/*35px;56px;*/
  float: right;
}
div.nuvola p {
  margin-top: 12px !important;
}
img.efs {
  float: left;
  padding: 0 !important;
  border: 1px solid #aaa !important;
}
div.grupa  /* opis konkretnej grupy */ { padding: 10px 0 10px 15px; margin-top: 10px; border: 1px solid #ddd; overflow: auto; }
div.harmonogram /* harmonogram grupy */ {padding: 0 15px; margin-right: 10px; width: 120px; float: right;background-color: #fff2d5;}
div.harmonogram h2 {font: bold 13px/100% verdana, sans-serif; color: #0d4562;}
div.harmonogram dl {font: 13px verdana;}

/* boxes */
.box {
  min-height: 48px;
  padding: 10px;
  margin-bottom: 10px;
  background-color: #d7ebff;
  border: 1px solid #0283ff;
  border-left-width: 8px;
}
.box p {
  padding: 0;
  margin: 0;
  font: 12px/180% verdana !important;
}
.download {
  background: url('/jive/img/nuvola/48/filesave.png') no-repeat 12px 10px #dfebff;
}
.gallery {
  background: url('/jive/img/nuvola/48/image.png') no-repeat 12px 10px #dfebff;
}
.important {
  background: url('/jive/img/nuvola/48/important.png') no-repeat 12px 10px #fbfbfb;
  border-color: #e26c63;;
}
.info {
  background: url('/jive/img/nuvola/48/messagebox_info.png') no-repeat 12px 10px #dfebff;
}
.link {
  background: url('/jive/img/nuvola/48/www.png') no-repeat 12px 10px #dfebff;
}
.tip {
  background: url('/jive/img/nuvola/48/ktip.png') no-repeat 12px 10px #f5f6be;
  border-color: #fac100;
  color: #000;
}
.box.download p,
.box.gallery p,
.box.important p,
.box.info p,
.box.link p,
.box.tip p {
  margin-left: 60px;
}
.box h2 {
  padding: 0 0 5px;
  margin: 0;
}