/* ****************************************************************************
    Obecné parametry stránky
**************************************************************************** */

body { margin: 0; padding: 0; color: #888888; font-family: 'Titillium Web', 'Tahoma', Sans-Serif; font-size: medium; text-align: center; text-decoration: none; background: #EAF3F5; }

a { color: #0A0B0C; cursor: pointer; }

  a:link, a:visited { text-decoration: underline; }
  a:hover, a:active { text-decoration: none; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; color: #F26522; font-family: 'Josefin Sans', 'Tahoma', Sans-Serif; font-weight: normal; }

  h1 { font-size: xx-large; font-weight: 800; }
  h2 { color: #888888; font-family: 'Titillium Web', 'Tahoma', Sans-Serif; font-size: x-large; }
  h3 { font-size: xx-large; font-weight: 800; }

img, p, ul { margin: 0; padding: 0; border: none; }
p, ol, ul  { line-height: 150%; }
ul li      { list-style-position: inside; }
iframe     { border: none; }

  .rgt   { float: right; }
  .lft   { float: left; }
  .clear { clear: both; }


/* ****************************************************************************
    Hlavní definice stránky
**************************************************************************** */

.header  { width: 100%; height: 560px; color: #FFFFFF; font-size: large; background: #0A0B0C url('../image/bg_headerfuturum.jpg') center top no-repeat; }
.content { width: 100%; margin-top: -86px; padding: 180px 0 80px 0; background: url('../image/bg_content.gif') center top no-repeat; }
.footer  { width: 100%; padding: 100px 0 80px 0; background: #0A0B0C url('../image/bg_footer.gif') center top no-repeat;; }
.credit  { width: 100%; padding: 30px 0; color: #0A0B0C; font-size: small; background: #F26522; }

.screen { margin: 0 auto; }

  .header .screen  { width: 90%; }
  .content .screen { max-width: 1000px; padding: 0 10px; }
  .footer .screen  { max-width: 1000px; padding: 0 10px; }
  .credit .screen  { max-width: 1000px; padding: 0 10px; }


/* ****************************************************************************
    Obsah stránky
**************************************************************************** */

/* Záhlaví */
.header .rgt { margin-top: 25px; }
.header .lft { margin-top: 25px; }

  .header .rgt a { margin-left: 5px; }
  .header .lft a { margin-bottom: 5px; margin-right: 50px; padding-left: 10px; color: #FFFFFF; font-family: 'Roboto Condensed', 'Tahoma', Sans-Serif; text-align: left; text-decoration: none; display: block; float: left; }

    .header .lft a span { font-size: small; display: block; }

    .header .lft a:link, .header .lft a:visited { margin-left: 5px; }
    .header .lft a.act                          { margin-left: 0px; border-left: 5px solid #F26522; }
    .header .lft a:hover, .header .lft a:active { margin-left: 0px; border-left: 5px solid #FFFFFF; }

.header .title { margin: 140px 0; }

  .header hr       { height: 9px; margin: 15px 0 10px 0; border: none; background: url('../image/hr_white.gif') center center no-repeat; }
  .header .title p { font-family: 'Josefin Sans', 'Tahoma', Sans-Serif; }

/* Záhlaví pro šířku stránky do 580px */
@media all and (max-width: 580px) {
  .header .lft { width: 170px; }
}



/* Obsah */
  .content p      { margin: 1em 0; }
  .content hr     { height: 9px; margin: 20px 0 15px 0; border: none; background: url('../image/hr_grey.gif') center center no-repeat; }
  .content .image { margin: 50px 0; }

    .content .image img { width: 100%; max-width: 880px; }

  .content .gallery { padding: 20px 0; }

    .content .gallery a     { width: 120px; height: 90px; margin: 5px; display: inline-block; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
    .content .gallery a img { width: 120px; }

      .content .gallery       { opacity: 0.6; filter: alpha(opacity=60); }
      .content .gallery:hover { opacity: 1.0; filter: alpha(opacity=100); }

  .content #google-maps { width: 100%; height: 300px; margin: 20px 0; text-align: left; border: none; }

    .content #futurum-maps img { width: 100%; max-width: 600px; }


/* Obsah pro šířku stránky do 580px */
@media all and (max-width: 580px) {
  .content .image img         { display: none; }
  .content .image span::after { font-size: large; content: 'Plesové šaty ⋄ Kostýmky ⋄ Kabáty ⋄ Doplňky'; }

    .content .gallery a     { width: 80px; height: 60px; }
    .content .gallery a img { width: 80px; }
}



/* Zápatí */
.footer .screen { width: 100%; display: table; }

  .footer .oteviraci-doba, .footer .adresa, .footer .kontakt { min-height: 26px; line-height: 120%; padding-right: 20px; padding-left: 45px; text-align: left; display: table-cell; vertical-align: middle; }

  .footer .oteviraci-doba { background: url('../image/ico_clock.gif') left center no-repeat; }
  .footer .adresa         { background: url('../image/ico_adress.gif') left center no-repeat; }
  .footer .kontakt        { background: url('../image/ico_contact.gif') left center no-repeat; }

  .footer span { width: 70px; display: inline-block; }

/* Zápatí pro šířku stránky do 580px */
@media all and (max-width: 580px) {
.footer .screen { width: auto; display: inline-block; }

  .footer .oteviraci-doba, .footer .adresa, .footer .kontakt { padding-top: 10px; padding-bottom: 10px; line-height: 150%; display: block; }
}