@import url(http://fonts.googleapis.com/css?family=Kaushan+Script|Marmelad|Racing+Sans+One|Open+Sans&subset=latin,latin-ext);

body,p,a  {
      font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal;
      }
h1,h2,h3,h4,h5 {
      font-family: 'Marmelad', sans-serif; font-weight: 400; font-style: normal;
      }
h4    {
      text-shadow: 0em 0em 0.2em #8c8c8c;
      }
p {
 font-size: 0.85em;
 }
.em {
 font-size: 1em;
 }
.przypis {
 font-size: 0.7em;
 }
html {
  background-image: url(img/meteor-bg.jpg);
/*  background-image: url(http://arsgrafik.s3.amazonaws.com/uploads/2009/12/colorful-spectrum-background.jpg);
    background-image: url(http://1-background.com/images/ultraviolet/ultraviolet-fractal-seamless-background.jpg);*/
  }
body {
  background: none;
  }
.red {
  border-style: solid;
  border-width: 1px;
  border-color: #f8e0e0;
  margin-bottom: 1.25em;
  padding: 1.25em;
  background: #fbefef;
  border-radius: 0.4em;
  -moz-border-radius: 0.4em;
  -webkit-border-radius: 0.4em;
  box-shadow: #8c8c8c 0 0 0.4em;
  -moz-box-shadow: #8c8c8c 0 0 0.4em;
  -webkit-box-shadow: #8c8c8c 0 0 0.4em; 
  }
.green {
  border-style: solid;
  border-width: 1px;
  border-color: #e0f8e0;
  margin-bottom: 1.25em;
  padding: 1.25em;
  background: #effbef;
  border-radius: 0.4em;
  -moz-border-radius: 0.4em;
  -webkit-border-radius: 0.4em;
  box-shadow: #8c8c8c 0 0 0.4em;
  -moz-box-shadow: #8c8c8c 0 0 0.4em;
  -webkit-box-shadow: #8c8c8c 0 0 0.4em; 
  }
.blue {
  border-style: solid;
  border-width: 1px;
  border-color: #e0e0f8;
  margin-bottom: 1.25em;
  padding: 1.25em;
  background: #efeffb;
  border-radius: 0.4em;
  -moz-border-radius: 0.4em;
  -webkit-border-radius: 0.4em;
  box-shadow: #8c8c8c 0 0 0.4em;
  -moz-box-shadow: #8c8c8c 0 0 0.4em;
  -webkit-box-shadow: #8c8c8c 0 0 0.4em; 
  }
.yellow {
  border-style: solid;
  border-width: 1px;
  border-color: #ffff99;
  margin-bottom: 1.25em;
  padding: 1.25em;
  background: #ffffcc;
  border-radius: 0.4em;
  -moz-border-radius: 0.4em;
  -webkit-border-radius: 0.4em;
  box-shadow: #8c8c8c 0 0 0.4em;
  -moz-box-shadow: #8c8c8c 0 0 0.4em;
  -webkit-box-shadow: #8c8c8c 0 0 0.4em; 
  }
.whitepanel {
  border-style: solid;
  border-width: 1px;
  border-color: #f6f6f6;
  margin-bottom: 1.25em;
  padding: 1.25em;
  background: #ffffff;
  border-radius: 0.4em;
  -moz-border-radius: 0.4em;
  -webkit-border-radius: 0.4em;
  box-shadow: #8c8c8c 0 0 0.4em;
  -moz-box-shadow: #8c8c8c 0 0 0.4em;
  -webkit-box-shadow: #8c8c8c 0 0 0.4em; 
  }
.white {
  background: #ffffff;
  }
.opacity {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
  filter: alpha(opacity=95);
  -khtml-opacity: 0.95;
  -moz-opacity: 0.95;
  opacity:0.95;
  }

.topmargin {
  margin-top:1em;
  margin-bottom:0em;
  -webkit-border-top-left-radius: 0.5em;
  -webkit-border-top-right-radius: 0.5em;
  -moz-border-radius-topleft: 0.5em;
  -moz-border-radius-topright: 0.5em;
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
  }
.bottommargin {
  margin-top:0em;
  margin-bottom:1em;
  -webkit-border-bottom-right-radius: 0.5em;
  -webkit-border-bottom-left-radius: 0.5em;
  -moz-border-radius-bottomright: 0.5em;
  -moz-border-radius-bottomleft: 0.5em;
  border-bottom-right-radius: 0.5em;
  border-bottom-left-radius: 0.5em;
  }
#logoimg {
    margin-left: 36px;
  }
 .button2 {
  margin-top: 20px;
  }