@charset "UTF-8";
@media screen, projection
{
    body { font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; color: #404041; padding: 0px; margin: 0px; background-color: #e0ecf8; background-image: url("../images/design/bg.jpg"); background-attachment: fixed; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
    h1, h2, h3, h4 { font-family: "Ubuntu"; margin: 0 0 1.00em 0; font-weight: bold; }

    .header { margin: 1.50em; }
    .logotype { font-size: 2.00em; margin: -2.00em 0 0 0; line-height: 2.50em; }
    .logotype a { font-family: "Ubuntu"; color: #666666; }
    .logotype span { display: none; }
    .logotype img { /*max-height: 2.50em;*/ }
    .motto { font-size: 1.40em; color: #00aeee; font-weight: normal; letter-spacing: -1px; margin: 0 0 10px 0; text-transform: uppercase; }

    nav { margin-top: 1.00em; }

    .top-bar-section li.active:not(.has-form) a:not(.button) { background-color: #fa0202; }
    .top-bar-section li.active:not(.has-form):hover a:not(.button):hover { background-color: #fa0202; }

    a { color: #00aeee; line-height: inherit; text-decoration: none; }
    a:hover { color: #00aeee; line-height: inherit; text-decoration: underline; }

    .menu {}
    .menu span { display: none; }
    .menu a { display: inline-block; padding: 0.25em 0.75em; margin: 0.15em; font-size: 1.20em; color: #ffffff; font-weight: bold; background: rgba(0, 0, 0, 0.50); border-radius: 4px; text-transform: uppercase; text-shadow: 1px 1px 1px #333333; }
    .menu a:hover { color: #ffffff; background: background: rgba(0, 0, 0, 0.70); }

    .bx-wrapper img { -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }

    .top-menu { margin: 2.00em 0; }
    .top-menu a { font-size: 1.10em; display: inline-block; padding: 0.30em 0.50em; margin: 0 0.50em; color: #333333; border-bottom: 2px solid #00aeee; border-radius: 5px; }
    .top-menu a strong { font-weight: bold; text-transform: uppercase; }
    .top-menu a.active { color: #00aeee; }
    .top-menu a:hover { border-color: #999999; text-decoration: none; }
    .top-menu span { display: none; }

    .content { background-color: rgba(247, 251, 254, 0.90); padding: 4.00em; margin: 5em 0; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
    .content h1 { color: #00aeee; margin-bottom: 0.10em; font-size: 1.75em; }

    img { border: 2px solid rgba(0, 135, 190, 0.4); padding: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0.50em 0; }

    .document-gallery a { margin: 0 0 2.50em 0; display: block; text-align: center; }
    .document-gallery img { border: 2px solid rgba(0, 135, 190, 0.4); padding: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
    .document-gallery span { display: block; padding: 0.25em 0 0 0; color: #666666; height: 2.00em; }

    p.buy { text-align: center; margin-bottom: 2.00em; }
    p.buy a { color: #FFFFFF; font-weight: bold; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid rgba(0, 135, 190, 0.9); padding: 15px 30px; display: inline-block;
    background: #00aeee;
    background: -moz-linear-gradient(top, #00aeee 0%, #2989d8 50%, #207cca 51%, #00aeee 100%);
    background: -webkit-linear-gradient(top, #00aeee 0%,#2989d8 50%,#207cca 51%,#00aeee 100%);
    background: linear-gradient(to bottom, #00aeee 0%,#2989d8 50%,#207cca 51%,#00aeee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aeee', endColorstr='#00aeee',GradientType=0 ); }

    .footer { margin: 1.00em 0; color: #666666; }
    .footer p { margin: 0.25em 0; font-size: 0.90em; line-height: 1.20em; }
    .footer a { color: #666666; display: inline-block; }
    .footer a:hover { color: #666666; }
    .footer a:hover strong { color: #666666; border-bottom: 1px dotted #666666; }
    .footer img { max-height: 2.50em; }

    .breadcrumbs { background-color: #f6f6f6; border-color: #e6e6e6; }
    .breadcrumbs>* a { color: #666666; }
    .breadcrumbs>* a.current { font-weight: bold; }

    .box-languages { text-align: right; text-transform: uppercase; float: right; position: relative; z-index: 19; }
    .box-languages ul { float: right; }
    .box-languages ul li { float: left; list-style-type: none; margin-left: 0.50em; }
    .box-languages ul li a { color: #666666; text-decoration: none; border-bottom: 1px dotted #999999; font-size: 0.85em; }
    .box-languages ul li a:hover { border-bottom: 0px; }

    .ustecky-kraj { padding: 15px; background-color: #FFFFFF; }
}

@media only screen and (max-width: 40.0625em) {
    .motto { font-size: 1.00em; }
}