/* reset */
body, h1, h2, h3, p, img, form, fieldset, ul, li { margin:0; padding:0; border:0; }
html { overflow: auto; }
a { outline:none; }

/* obecne */
body { background: #f4f7f5 url('images/background.gif') repeat-x left top; font-family: Arial, sans-serif; font-size: 62.5%; text-align: center; }
.break { clear: both;}
.red { color: #951a1c ;}

/* fix footer */
html, body, #wrap { height: 100%; }
body > #wrap { height: auto; min-height: 100%; } 
#footer { position: relative; margin-top: -100px; height: 100px; clear:both; }

#wrap { width: 960px; margin: 0px auto; position: relative; }

#header { text-align: left; height: 79px; background: url('images/header-volejte.gif') no-repeat right top; width: 960px; }
  #header h1 a { display: block; float: left; background: url('images/azylak.gif') no-repeat left top; width: 262px; height: 79px; text-indent: -9000px; margin-left: 21px; }

#prolog-menu { background: url('images/domek.jpg') no-repeat right bottom; position: relative; width: 960px; height: 246px; text-align: left; }
  
  #prolog-menu p.heading { color: #fff; font-family: "myriad pro", Arial, sans-serif; font-size: 2.4em; padding: 43px 0px 21px 21px; text-shadow: 1px 1px 2px #292929; }
  #prolog-menu p.about { color: #5b5b5f; font-size: 1.2em; padding-left: 21px; }
  
  #prolog-menu p span { color: #951a1c; }
  
  #prolog-menu #menu { position: absolute; left: 0px; bottom: 0px; background: url('images/menu-left.gif') no-repeat left top; }
  
  #prolog-menu #menu ul { list-style: none; background: url('images/menu-right.gif') no-repeat right top; height: 47px; padding: 0px 10px; float: left; }
    #prolog-menu #menu ul li { float: left; padding: 0px 5px; }
    #prolog-menu #menu ul li a { font-size: 1.5em; font-family: "myriad pro", Arial, sans-serif; line-height: 47px; color: #676767; text-decoration: none; padding: 3px 5px; text-shadow: 1px 1px #fff; }
    #prolog-menu #menu ul li a:hover { text-decoration: none; background: #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
    #prolog-menu #menu ul li.active a { font-weight: bold; color: #151515; background: #cacaca; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; text-shadow: none; }

#content { text-align: left; padding-top: 30px; padding-bottom: 130px; }

  #content h2 { font-size: 2.2em; color: #202020; font-family: "myriad pro", Arial, sans-serif; font-weight: normal; padding: 0px 0px 20px 21px; margin-bottom: 20px;
                background: url('images/line.gif') repeat-x left bottom; text-shadow: 1px 1px 1px #b7b7b7; }
    #content h2 span { font-weight: bold; }
    #content h2.red { color: #951a1c; }

  #content h3 { font-size: 1.4em; color: #951a1c; padding: 10px 0px 20px 21px; }

  #content p { font-size: 1.2em; color: #333333; padding: 0px 21px 10px 21px; }
    #content p.answer { background: #fff; padding-top: 10px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin: 0px 20px 10px 20px;
                        box-shadow: 3px 3px 10px #b7b7b7; -webkit-box-shadow: 3px 3px 10px #b7b7b7; -moz-box-shadow: 3px 3px 10px #b7b7b7; }
  
  #content ol { font-size: 1.2em; color: #185a7f; font-weight: bold;  }
  #content ol span { color: #333; font-weight: normal;  }
  #content img.left { border: 1px solid #adb2b5; margin: 0px 20px 10px 21px; float: left; }
  
  #content ul.list { font-size: 1.2em; color: #333333; margin-bottom: 10px; list-style: none; margin-left: 21px; }
    #content ul.list li { background: url('images/list.gif') no-repeat 3px 3px; height: 16px; line-height: 16px; padding-left: 25px; }
  
  #content p a { color: #951a1c; }
    #content p a:hover { color: #000; }

  /* pouze na uvod */
  #content #main { width: 640px; float: left; margin-bottom: 20px; }
  
  #content #news { width: 250px; float: right; margin-bottom: 20px; }
    #content #news h3 { font-size: 2.2em; color: #5b5b5b; font-family: "myriad pro", Arial, sans-serif; font-weight: normal; text-shadow: 1px 1px 1px #b7b7b7; margin-bottom: 10px; }
    #content #news h3 span { font-weight: bold; }
    #content #news ul { list-style: none; }
    #content #news ul li { border: 1px solid #d0d8dc; background: #fff; margin-bottom: 8px; padding: 10px 0px;  box-shadow: 3px 3px 5px #b7b7b7; -webkit-box-shadow: 3px 3px 5px #b7b7b7; -moz-box-shadow: 3px 3px 5px #b7b7b7; }
    #content #news ul li p { font-size: 1.1em; color: #5c5c5c; padding-left: 65px; }
    #content #news ul li span { display: block; width: 55px; height: 38px; background: url('images/news-li.gif') no-repeat left top; margin-left: -1px; text-align: center;
                                float: left; font-size: 1.6em; font-weight: bold; color: #951a1c; }
    #content #news ul li span em { display: block; font-size: 0.8em; font-style:normal; font-weight: normal; padding-top: 1px; }

  /* formular */
  #content form { margin-left: 21px;  }
    #content form table { text-align: left; }
    #content form label { font-size: 1.2em; }
    #content form label.required { border-bottom: 1px dotted #c00; }
    #content form td, #content form th { vertical-align: top; padding-right: 10px; text-align: left; }
    #content form input.text, #content form textarea { box-shadow: 3px 3px 5px #b7b7b7; -webkit-box-shadow: 3px 3px 5px #b7b7b7; -moz-box-shadow: 3px 3px 5px #b7b7b7; width: 300px; }
    #content #frm-odeslat { padding: 3px 5px 3px 20px; background: #d5d5e0 url('images/odeslat.png') no-repeat 5px 50%; box-shadow: 3px 3px 5px #b7b7b7; -webkit-box-shadow: 3px 3px 10px #b7b7b7; -moz-box-shadow: 3px 3px 10px #b7b7b7; }

  /* screenshoty */
  #content table.screens { border-collapse: collapse; }
    #content table.screens td { padding-bottom: 5px; }
    #content table.screens td a img { border: 1px solid #fff; }
    #content table.screens td a:hover img { border: 1px solid #951a1c; box-shadow: 0px 0px 3px #b7b7b7; -webkit-box-shadow: 0px 0px 3px #b7b7b7; -moz-box-shadow: 0px 0px 3px #000; }
  
#login { position: absolute; right: 0px; top: 56px; width: 421px; height: 58px; background: url('images/login.gif') no-repeat left bottom; text-align: left; }
  #login p { font-size: 1.1em; color: #78787c; padding-left: 15px; height: 23px; }
  #login a { float: right; color: #494953; text-decoration: none; padding-right: 5px; }
  #login a:hover { color: #c7c7c7; text-decoration: underline; }
  
  #login form { height: 35px; line-height: 35px; }
  #login form label { color: #838383; font-size: 1.1em; float: left; padding: 0px 15px; }
  #login form input.text { float: left; border: 0px; margin: 0px; padding: 0px; width: 121px; height: 20px; background: url('images/input.gif') no-repeat left top; margin-top: 7px; color: #fff; font-size: 1.2em; }
  #login form input.submit { float: left; border: 0px; margin: 0px; padding: 0px; width: 37px; height: 20px; background: url('images/ok.gif') no-repeat left top; margin-top: 7px; margin-left: 8px; }

#footer { background: #a0a1a7 url('images/footer.gif') repeat-x left top; }
  #footer p { width: 920px; margin: 0px auto; text-align: left; font-size: 1.2em; color: #cacaca; line-height: 100px; }
  #footer p span { float: right; }
  #footer a { color: #fff; text-decoration: none; padding: 0px 5px; }
  #footer a:hover { color: #951a1c; text-decoration: underline; }