@font-face {
 font-family: Candara;
 src: url('../fonts/Candara.eot') /* EOT file for IE */
}
@font-face {
 font-family: Candara;
 src: url('../fonts/Candara.ttf') /* TTF file for CSS3 browsers */
}

a {
    color: #900;
}

body {
    text-align:center;
    margin: 0;
    padding: 0;
    background-color: #fff;
}

#container {
    width: 850px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    text-align: left;
}

#header #top {
    margin: 0;
    padding: 0;
    display:block;
    width: 100%;
    height: 135px;
    overflow: hidden;
    background: url('../img/top.jpg') no-repeat;
    text-decoration: none;
}

#top h1 {
    margin: 0;
    padding: 0 0 0 110px;
}

#top a {
    text-decoration: none;
    color: #000;
    font-family: "Candara", sans-serif;
    font-size: 40px;


    text-shadow: -1px -1px 3px #fff,
        1px -1px 3px #fff,
        -1px 1px 3px #fff,
        1px 1px 3px #fff;
    filter: dropshadow(color=#ffffff, offx=0, offy=0);
}

#menu {
    display: block;
    width: 100%;
    height: 43px;
    background: url('../img/strip.jpg') no-repeat;
    margin: 0;
    padding:15px 0 0 0;
}

#menu li {
    display: inline;
    font-family: "Candara", sans-serif;
    margin: 0 20px;
}

#menu a {
    color: #681a00;
    text-decoration: none;
    font-size: 25px;

    text-shadow: 2px 2px 5px #000000;
    filter: dropshadow(color=#000000, offx=2, offy=2);
}

#menu a:hover {
    color: #065793;
}

#middle {
    margin: 0;
    padding:0;
    width: 100%;

    background: url('../img/content_background.jpg') no-repeat right top #f2f3f1;
}

#footer {
    width: 100%;
    height: 58px;
    background: url('../img/strip.jpg') no-repeat;
    padding: 2px 0 0 0;
    text-align: center;
}

.panel {
    width: 250px;
    display:block;
    overflow:hidden;
    border: solid 1px #999;
    font-family: "Candara", sans-serif;

    background: #ffffff; /* Old browsers */
       background: -moz-linear-gradient(top, #ffffff 1%, #fff3d8 45%, #ffffff 99%); /* FF3.6+ */
       background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(45%,#fff3d8), color-stop(99%,#ffffff)); /* Chrome,Safari4+ */
       background: -webkit-linear-gradient(top, #ffffff 1%,#fff3d8 45%,#ffffff 99%); /* Chrome10+,Safari5.1+ */
       background: -o-linear-gradient(top, #ffffff 1%,#fff3d8 45%,#ffffff 99%); /* Opera 11.10+ */
       background: -ms-linear-gradient(top, #ffffff 1%,#fff3d8 45%,#ffffff 99%); /* IE10+ */
       background: linear-gradient(top, #ffffff 1%,#fff3d8 45%,#ffffff 99%); /* W3C */
       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.panel .legend {
    font-family: "Candara", sans-serif;
    font-size: 18px;
    padding: 0 0 0 5px;
    width: 258px;
    height: 25px;
    overflow:hidden;
    display:block;
    background: url('../img/panel_legend.jpg') no-repeat;
}

.panel_content {
    padding: 3px;
}

#boxes {
    overflow:hidden;
    height: 100%;
    margin-bottom: -20000px;
    padding-bottom: 20000px;
    float:left;
}

#boxes .panel {
    margin: 20px;
}

#content {
    width: 535px;

    overflow:hidden;
    text-align: justify;
    font-family: "Arial", sans-serif;
}

#adam_mierzy {
    margin-left: 40px;
    vertical-align: bottom;
}

#content h2 {
    color: #900;
}

.contact_form {
    overflow: hidden;
    height:100%;
    display:block;
    width:100%;
}
.contact_form p {
    margin:0;
}
.contact_form label{
    width:100%;
    clear:both;
}

.contact_form [type="submit"], .contact_form_big [type="submit"] {
    float:right;
    background-image: url('../img/send_button.png');
    border: none;
    outline: none;
    width: 80px;
    height: 29px;
    cursor: pointer;
    position:relative;
    left: 3px;
}

.contact_form input, .contact_form textarea {
    width: 238px;
}

.contact_form_big label {
    width: 180px;
    display:block;
    float:left;
}

.t_right {
    text-align: right;
}

.form_messages {
    color: #0c0; text-align: center; width: 100%;
}

.errors {
    color: #d00;
}