@charset "UTF-8";
@media screen, projection
{

    @font-face {
        font-family: "Header13";
        src: url("../fonts/header13.eot");
        src: local("☺"), url("../fonts/header13.woff") format("woff"), url("../fonts/header13.ttf") format("truetype"), url("../fonts/header13.svg") format("svg");
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: "RobotoLight";
        src: url("../fonts/robotolight.eot");
        src: local("☺"), url("../fonts/robotolight.woff") format("woff"), url("../fonts/robotolight.ttf") format("truetype"), url("../fonts/robotolight.svg") format("svg");
        font-weight: normal;
        font-style: normal;
    }

    body { font-family: "RobotoLight", arial, helvetica, sans-serif; background-color: #F6F6F6; }

    h1, h2, h3, .group-title, .top-form label.top, .contact-box label.top { font-family: "Header13", arial, helvetica, sans-serif; text-transform: uppercase; }
    h1 { font-size: 5.00em; margin: 1.00em 0; text-align: center; }
    h2 { font-size: 5.00em; text-align: center; margin: 1.00em 0 0.50em 0; }
    .title-box { margin-bottom: 0; }
    .title-box h3 { float: left; margin: 0 1.00em 0 0.25em; font-size: 3.50em; color: #9e2820; }
    .title-box p { margin: 0; }
    .group-title { font-size: 1.60em; }

    .input-group-field { font-size: 0.80em; padding: 2px; }

    .logotype { text-align: center; margin: 3.00em 0 3.00em; }
    .logotype img { width: 75%; }

    .input-group { margin-bottom: 1.50em; }

    .item-list { font-size: 0.8em; margin: 0 0 0.50em 0; }

    .top-form, .contact-box, .calculation-box { text-transform: uppercase; }
    .top-form label.top, .contact-box label.top { color: #9e2820; font-size: 1.40em; }
    .calculation-box { margin: 0 0 2.00em 0; }
    .contact-box { margin: 1.50em 0; }

    .line { border-top: 4px solid #000000; border-bottom: 1px solid #000000; padding-top: 3px; }

    .group-box { padding: 2.00em 0; }
    .group-box-line { border-top: 2px dotted #000000; }

    .input-group-label { background-color: transparent; border: 0; }
    .input-group-label label input { margin: 0.60em 0 0 0; }

    .button.success { font-size: 2.50em; padding: 1.00em 2.00em; border-radius: 5px; color: #FFFFFF; font-family: "Header13", arial, helvetica, sans-serif; text-transform: uppercase; }

    .flags { padding: 1.00em 0 0 0; }
    .flags img { width: 30px; border: 1px solid #666666; border-radius: 15px; box-shadow: 0px 0px 3px #999999; }

    .homepage-link { font-family: "Header13", arial, helvetica, sans-serif; text-transform: uppercase; font-size: 2.20rem; padding: 0.30rem 0; }

    .warning-info { color: #9e2820; font-weight: bold; }

    .flash.info {
        width: 100%; text-align: center; padding: 1em; background: #CCCCCC; color: #9e2820; font-size: 2.0em; font-weight: bold; text-transform: uppercase; border-bottom: 2px solid #000000; opacity: 0.9;
    }

    .gallery { text-align: center; color: #9e2820; font-family: "Header13", arial, helvetica, sans-serif; text-transform: uppercase; font-size: 1.50rem; }
    .gallery a { margin-bottom: 0.50rem; }

    .radius { border-radius: 6px; }
    .picture-thumb { width: 50px; float: left; margin-right: 20px; border: 1px solid #666666; border-radius: 3px; } 
    .item-actions a { margin: 0; }
    .header { margin: 1.50em 0; border-bottom: 5px solid #CCCCCC; }
    .header-title { font-size: 2.5em; }
    .header-links a { font-size: 0.90em; font-weight: bold; margin: 0 0.25em 0 0; }
    form table th { width: 20%; text-align: left; }
    [type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea { margin: 0; }
    form table .button { font-weight: bold; text-transform: uppercase; border-radius: 6px; }
    .flash-info { position: absolute; top: 5px; left: 5px; border: 1px solid #cccccc; background: #FFFFFF; padding: 0.50em 1.00em; border-radius: 6px; opacity: 0.8; }
    .flash-info a { margin-left: 10px; }
}

@media only screen and (max-width: 40.0625em) {
    .item-list { margin-bottom: 0.75em; }
    .title-box h3 { float: none; margin: 0; }
    .title-box p { margin: -0.5em 0 0.50em 0; }
}