/* reset nastavení browseru */
body, h1, h2, h3, h4, h5, h6, p, img, form, fieldset, ul, ol, li { margin:0; padding:0; border:0; }
input { margin:0; padding:0; }
a { outline:none; }

/* obecné styly */
body { background: #fff url('images/background-header.gif') left top repeat-x; font-family: Arial, sans-serif; color: #333333; text-align: center; }
.break { clear: both; }

/* fixování footeru */
html, body, #wrap { height: 100%; }
body > #wrap { height: auto; min-height: 100%; } 
#footer { position: relative; margin-top: -33px; height: 33px; clear:both; } 

#wrap { width: 800px; margin: 0px auto; }

/* hlavička */
#header { height: 170px; text-align: left; overflow: auto; position: relative; }
  #header h1 { float: left; background: url('images/logo-sq.gif') no-repeat left top; text-indent: -9000px; width: 324px; height: 93px; margin: 25px 0px 0px 32px; }
  #header span { display: block; float: right; background: url('images/logo-asociace.gif') no-repeat left top; text-indent: -9000px; width: 112px; height: 110px; margin: 17px 44px 0px 0px; }

/* menu */
#header ul { position: absolute; right: 60px; bottom: 16px; height: 28px; list-style: none; padding-left: 44px;  }
  #header ul li { float: left; font-size: 12px; font-weight: bold;  }
  #header ul li a { display: block; float: left; line-height: 28px; text-decoration: none; color: #474747; padding: 0px 17px; text-shadow: 1px 1px #fff; }
  #header ul li a:hover { color: #4d92d1; background: url('images/background-menu-li.gif') repeat-x left bottom; }
  #header ul li.active { background: url('images/background-menu-active.gif') repeat-x left bottom; }
  #header ul li.active a { color: #82a631; }
  #header ul li.active a:hover { background: url('images/background-menu-active.gif') repeat-x left bottom; }
  
#content { text-align: left; padding: 10px 50px 43px 50px; }
  #content h1 { color: #82a631; font-family: Georgia; font-size: 24px; font-weight: normal; padding-bottom: 10px; }
  #content h1 span { color: #565656; }
  #content p { font-size: 12px; padding-bottom: 5px; }
  #content a { color: #2d7ba0; }
  #content a:hover { color: #82a631; }
  
  #content form { font-size: 12px; margin: 10px 0px; }
  #content form label { float: left; height: 20px; line-height: 20px; width: 120px; }
  #content form label span { color: #c00; }
  #content form input.text { height: 20px; line-height: 20px; font-family: Arial, sans-serif; margin-bottom: 5px; width: 250px; }
  #content form input.psc { width: 100px; }
  #content form input.submit { padding: 5px 10px; text-transform: uppercase; }
  
  #content table.kontakty { font-size: 12px; border-collapse: collapse; }
    #content table.kontakty td { vertical-align: top; padding-right: 10px; padding-bottom: 10px; }
  
  #content div.tirage { clear: both; padding-top: 10px; }
    #content div.tirage p { color: #818181; text-align: justify; }
  
  #content div.bluestrip { width: 241px; float: right; background: #2d7ba0 url('images/bluestrip-main.gif') repeat-y left top; margin-top: -10px; text-align: right; }
    
    #content div.bluestrip-top { background: url('images/bluestrip-top.gif') no-repeat left top; padding-top: 18px; }
    #content div.bluestrip-bottom { background: url('images/bluestrip-bottom.gif') no-repeat left bottom; padding-bottom: 35px; }
    
    #content div.bluestrip h2 { padding: 10px 35px 5px 35px; color: #fff; font-family: Georgia; font-size: 24px; font-weight: normal;}
    #content div.bluestrip p { padding: 0px 35px; color: #fff; }
    #content div.bluestrip img { padding: 10px 35px 0px 35px; }
    #content div.bluestrip p.cena span { display: inline-block; font-size: 38px; font-weight: bold; }
    #content div.bluestrip p.cena { padding-bottom: 10px; }
    #content div.bluestrip a { margin: 10px 35px 0px 35px; display: block; text-align: center; background: #fff; color: #474747; font-size: 12px; line-height: 23px; }
    #content div.bluestrip a.obj { font-size: 14px; text-transform: uppercase; font-weight: bold; }
    #content div.bluestrip a:hover { color: #82a631; }
  
  
  #content ol.features { list-style-type:none; margin: 10px 0px 20px 0px; float: left; }
    #content ol.features li { font-size: 15px; min-height: 34px; line-height: 31px; padding-left: 58px; }
    #content ol.features li.n1 { background: url('images/list-image-1.gif') no-repeat left top; }
    #content ol.features li.n2 { background: url('images/list-image-2.gif') no-repeat left top; }
    #content ol.features li.n3 { background: url('images/list-image-3.gif') no-repeat left top; }
    #content ol.features li.n4 { background: url('images/list-image-4.gif') no-repeat left top; }
    #content ol.features li.n5 { background: url('images/list-image-5.gif') no-repeat left top; }
    #content ol.features li.n6 { background: url('images/list-image-6.gif') no-repeat left top; }
    #content ol.features li.n7 { background: url('images/list-image-7.gif') no-repeat left top; }
    #content ol.features li.n8 { background: url('images/list-image-8.gif') no-repeat left top; }
    #content ol.features li.n9 { background: url('images/list-image-9.gif') no-repeat left top; }
    #content ol.features li.n10 { background: url('images/list-image-10.gif') no-repeat left top; }


#footer { background: url('images/background-footer.gif') repeat-x left top; }
  #footer p { width: 800px; margin: 0px auto; font-size: 11px; color: #aeaeae; text-align: right; padding-top: 17px; }
  #footer strong { color: #fff; font-weight: normal; }