html, body {
    height: 100%;
    min-height: 100%;
}

html, div, span, applet, object, iframe, blockquote, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}

body {
    font: normal normal normal 13px/18px Verdana, "Lucida Grande", Lucida, Helvetica, Arial, sans-serif;
    margin:  0;
    min-width: 1010px;
    padding: 0;
    width: 100%;
    margin : 0; 
    padding : 0; 
    border : 0;
    background: #DDE3CE;
}

h1 { font-size: 1.6em; margin:0 0 0.6em; color: #596362; } /* 24px */
h2 { font-size: 1.385em; margin:0 0 1.2em; color: #596362;   } /* 18px */
h3 { font-size: 1.077em; margin:0 0 1.2em; color: #596362; } /* 14px */
h4 { font-size: 0.923em; margin:0 0 1.1em; color: #596362; } /* 12px */
h5 { font-size: 0.846em; margin:0 0 1.1em; color: #596362; } /* 11px */
h6 { font-size: 0.769em; margin:0 0 1em; color: #596362;  } /* 10px */

strong, b {
    color: #557C34;
}

p {
    margin: 12px;
    padding: 0;
}

a {
    color: #414141;
    outline:none;
}

a:hover {
    color: #557C34;
}

.plugin_picture.align-left {
    float: left;
}

.plugin_picture.align-right {
    float: right;
}

#wrapper {
    width: 80%;
    max-width: 1100px;
    position: relative;
    overflow: visible;
    margin: 0 auto;
}

.what, .how, .cform {
    background: #ffffff;
    display: block;
    padding: 26px 26px 26px 200px;
    position: relative;
    border: 2px solid #BFC7AE;
    border-radius: 26px;
    margin: 2em 0;
    box-shadow: 0 0 14px #798377;
    overflow: visible;
}

.what {
    background: #ffffff url('../img/what.jpg') no-repeat 16px center;
}

.how {
    background: #ffffff url('../img/how.jpg') no-repeat 16px center;
}

.cform {
    background: #ffffff url('../img/motyl.jpg') no-repeat 16px center;
}

.what ul, 
.how ul {
    list-style: none;
}

.what ul li, 
.how ul li {
    background: url("../img/bullet.jpg") no-repeat scroll 0 0 transparent;
    padding: 1px 0 10px 24px;
}

#bailer {
    display: block;
    background: transparent url('../img/bailer.png') no-repeat 0 0;
    width: 181px;
    height: 212px;
    position: absolute;
    left: -26px;
    top: -26px;
}

* html #bailer {
  display: none;
}

#lang {
    margin-bottom: 42px;
    text-align: right;
    font-weight: bold;
    padding: 6px 6px 3px;
    font-size: 0.9em;
    margin-top: 0;
}

#lang span {
    background: none repeat scroll 0 0 #FFFFFF;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    border-radius: 3px 3px 3px 3px;
    padding: 3px 6px;
}

#lang a {
    padding-right: 3px;
    text-decoration: underline;
    color: #ACB698;
}

#lang a.current {
    text-decoration: none;
    color: #596362;
}

#contactform form label {
    display: block;
}

#contactform form input,
#contactform form #recaptcha_table,
#contactform form #id_content {
    width: 80%;
}

* html #contactform form #recaptcha_table {
    width: auto;
}

#contactform #recaptcha_area {
    padding-left: 12px;
}

footer {
    margin: 0 auto;
    box-shadow: 0 0 14px #798377;
    background: #fff;
    border-top: 2px solid #BFC7AE;
    border-left: 2px solid #BFC7AE;
    border-right: 2px solid #BFC7AE;
    border-bottom: none;
    border-radius: 26px 26px 0 0;
    text-align: center;
    color: #333;
    text-shadow: 1px 1px 1px #ddd;
    width: 80%;
    max-width: 1100px;
    position: relative;
    overflow: visible;
    display: block;
}

.copyright {
    margin: 0;
    padding: 12px 0;
}

header {
    background: #ffffff url('../img/logo.jpg') 26px 16px no-repeat;
    display: block;
    padding: 0 26px 26px 200px;
    position: relative;
    border-top: none;
    border-left: 2px solid #BFC7AE;
    border-right: 2px solid #BFC7AE;
    border-bottom: 2px solid #BFC7AE;
    border-radius: 0 0 26px 26px;
    margin: 0;
    box-shadow: 0 0 14px #798377;
}

#logo {
    position: absolute;
    top: 24px;
    left: 16px;
    width: 180px;
    height: 120px;
    display: block;
    text-decoration: none;
}