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

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

/* layout */
html, body, #wrap { height: 100%; }
body > #wrap { height: auto; min-height: 100%; }

#footer { position: relative; margin-top: -60px; height: 60px; clear:both; }
#wrap { width: 920px; margin: 0px auto; }
#header { height: 140px; text-align: left; }
#main { width: 582px; float: right; text-align: left; }
#left { width: 311px; float: left; text-align: left; }


/* typografie */
#header h1 { width: 260px; float: left; }
  #header h1 a { display: block; width: 260px; height: 89px; text-indent: -9000px; background: url('images/logo-sqpersonal.gif') no-repeat left top; }
  #header ul { margin-left: 360px; list-style: none; }
  #header ul li { float: left; margin-top: 45px; }
  #header ul li a { display: block; float: left; height: 61px; text-indent: -9000px; }

  #header ul li a.home { width: 57px; background: url('images/menu-home.gif') no-repeat 0px 0px; }  
  #header ul li a.home:hover { background-position: -57px 0px; }
  #header ul li.active a.home { background-position: -114px 0px; }

  #header ul li a.program { width: 146px; background: url('images/menu-program.gif') no-repeat 0px 0px; }  
  #header ul li a.program:hover { background-position: -146px 0px; }
  #header ul li.active a.program { background-position: -292px 0px; }

  #header ul li a.otazky { width: 130px; background: url('images/menu-otazky.gif') no-repeat 0px 0px; }  
  #header ul li a.otazky:hover { background-position: -130px 0px; }
  #header ul li.active a.otazky { background-position: -260px 0px; }

  #header ul li a.autori { width: 59px; background: url('images/menu-autori.gif') no-repeat 0px 0px; }  
  #header ul li a.autori:hover { background-position: -59px 0px; }
  #header ul li.active a.autori { background-position: -118px 0px; }

  #header ul li a.objednavka { width: 90px; background: url('images/menu-objednavka.gif') no-repeat 0px 0px; }  
  #header ul li a.objednavka:hover { background-position: -90px 0px; }
  #header ul li.active a.objednavka { background-position: -180px 0px; }

  #header ul li a.kontakt { width: 69px; background: url('images/menu-kontakt.gif') no-repeat 0px 0px; }  
  #header ul li a.kontakt:hover { background-position: -69px 0px; }
  #header ul li.active a.kontakt { background-position: -138px 0px; }

#left h3.sqpersonal { width: 221px; height: 35px; background: url('images/h3-sqpersonal.gif') no-repeat left top; text-indent: -9000px; float: right; margin-right: 30px; margin-top: 40px; }
  #left ul.nabizi { font-size: 1.2em; list-style: none; text-align: right; clear: both; margin-right: 30px; }
  #left ul.nabizi li { background: url('images/li-nabizi.gif') no-repeat right 5px; padding-right: 14px; }

#left div.promo { border: 1px solid #dcdac2; margin-bottom: 14px; height: 85px; }
  #left div.promo a { display: block; padding-left: 95px; font-size: 11px; color: #3c6700; text-decoration: none; padding-top: 17px; background: url('images/arrow.gif') no-repeat 280px 35px; }
  #left div.promo a strong { font-size: 12px; color: #cc0000; }
  #left div.promo a:hover, #left div.promo a:hover strong { color: #63a900; }
  #left div.person { background: #fff url('images/a-person.gif') no-repeat left top; }
  #left div.zakon { background: #fff url('images/a-zakon.gif') no-repeat left top; }
  #left div.vzdel { background: #fff url('images/a-vzdel.gif') no-repeat left top; }

#footer p { width: 920px; margin: 0px auto; background: #b0ad93; text-align: right; line-height: 60px; font-size: 1.1em; color: #e4e2cd; }
  #footer p span { display: block; width: 582px; height: 60px; float: right; background: #b0ad93; text-align: right; }
  #footer a { color: #fff; text-decoration: none; padding: 0px 5px; }
  #footer a:hover { color: #63614f; text-decoration: underline; }
  #footer a.last { padding-right: 15px; }

#main div.uvod { border: 1px solid #dcdac2; background: url('images/foto-uvod.jpg') no-repeat left top; height: 288px; margin-bottom: 14px; text-indent: -9000px; }  
#main div.content { border: 1px solid #dcdac2; margin-bottom: 10px; }
  #main div.content div.border { padding: 30px 30px 20px 30px; border: 10px solid #fff; }

#main h2.program-ktery { height: 35px; background: url('images/h2-program-ktery.gif') no-repeat left top; text-indent: -9000px; }
  #main h2.text { font-size: 2em; color: #3d3c2c; padding-bottom: 15px; }
  #main h2 span { color: #3c6700; }
#main h3 { font-size: 1.6em; color: #63614f; padding-bottom: 15px; }
  
#main p { font-size: 1.2em; padding-bottom: 10px; text-align: justify; }
#main a { color: #63614f; font-weight: bold; text-decoration: underline; }
  #main a:hover { color: #63a900; }
#main a.inverz { color: #fff; background: #b0ad93; font-weight: bold; text-decoration: none; padding: 2px 5px; }
  #main a.inverz:hover { background: #63614f; text-decoration: none; }

#main ul { list-style: none; font-size: 1.2em; margin-bottom: 10px; }
  #main ul li { background: url('images/li-uvod.gif') no-repeat left 4px; padding-left: 18px; }

  #main ul.uvod { font-size: 1.4em; }    
  
/*zaza*/
tr {font-size: 1.2em;}
tr.alt {background-color:#E4E2CC; }
input.text {width:200px;}
select {width:205px;}
/*label {font-align:left; background-color:#E4E2CC; }*/