/* CSS Document */
/* vseobecne nastaveni */
body {background: white; color: #444444; font-size: 12px; text-align: center; font-family: "Arial"; letter-spacing: 0.5px}
a {color: #003399;}
form {margin: 0}
h1 {font-size: 18px; color: #FFCC00; letter-spacing: 0.5px; margin: 0;}
h2 {font-size: 12px; color: white; margin: 0 0 0 35px; letter-spacing: 1px}
h4 {font-size: 12px; color: white; margin: 0 0 0 40px; letter-spacing: 1px}
h3 {font-size: 13px; color: #003399; margin: 10px 0; letter-spacing: 0.5px} 
ul {margin: 0 0 0 20px; padding: 0;}
li {margin: 0; padding: 0; }
p {margin: 10px 0;}
.resetovac { width: 0px; height: 0px; border: 0px none; margin: 0px; padding: 0px; float: none; clear: both; line-height: 0px; font-size: 0px;}
.modra {color: #003399}
.seda{color: #555555}
.oddelovac_horizontalni {border-bottom: dotted 1px #555555}
.margin-top {margin-top: 20px;}
.button {width: 63px; height: 22px; font-size: 12px;color: white; font-weight: bold; border: none; background: url(../img/button.jpg) no-repeat;}

#main_page {width: 990px; margin: 0 auto; text-align: left;}
  
  /* hlavicka */
  .header {width: 990px; height: 169px; position: relative; background: url(../img/header.jpg) no-repeat;}
  .header a {text-decoration: none; }
  #menu {position: absolute; top: 128px ; left: 25px; font-size: 1.1em;}
    #menu a {display: block; height: 30px; float: left; margin: 5px 0 0 0; padding: 13px 15px 0 15px; text-decoration: none; color: white; text-align: center; font-weight: bold;} 
      #menu a:hover {color: #FF6600;}
    #menu img {float: left; margin: 20px 5px 0 5px}
    
  #home_link {position: absolute; top: 4px; left:20px; font-size: 11px;}
  #nadpis {position: absolute; top: 55px; left: 90px}  
    #nadpis p{position: relative; left: 90px;  margin: 0px; padding: 0px; font-size: 13px; color: white}
  #header_links {position: absolute; top: 3px; left: 940px; text-align: left; color: white; }
    #header_links a{font-size: 10.5px; letter-spacing: 1.5px; color: white; text-decoration: none}
  
  /*stredni cast*/
  .pozadi_nadpisu_modre {width: 200px; height: 20px; padding: 5px 0 0 0; background: url(../img/h_background.jpg) no-repeat;}
  .pozadi_nadpisu_zelene {width: 267px; height: 20px; padding: 5px 0 0 0; background: url(../img/h_background2.jpg) no-repeat;}
  
  #middle_part {width: 990px; margin: 0;}
    #leve_menu_obal {float: left;}
      #leve_menu {width: 196px; margin: 0;}
        #bocni_polozky {margin: 10px 0 10px 0;}
          #bocni_polozky img {margin: 0 15px 0 0px; border: none}
          #bocni_polozky a {display: block; margin: 0 0 0 10px; padding: 4px; border-bottom: gray 1px dotted; text-decoration: none; color: gray}
            #bocni_polozky a:hover {color: #003399}
        #leve_menu_obrazek {display: block; width: 160px; margin: 10px auto 10px auto; padding: 4px; border: black 1px solid}
        #kontakty {padding: 10px 10px 100px 10px; background: #EEEEEE; color: #888888; font-weight: bold;}
          #kontakty a {font-weight: normal}
    #telo_obal {width: 580px; float: left; margin-left: 10px}
      #telo {margin: 5px 20px 0 20px;}
        #cesta {font-size: 11px; color: #555555; margin-bottom: 10px}
          #cesta a {color: #66CC00;}
        #hlavni_text {margin: 0 0 20px 0}
        .zahrady_obal {padding: 10px;}
          .zahrada {width: 266px; padding: 0 0 30px 0; margin-bottom: 20px;  border: 1px #66CC00 solid; text-align: ceter; background: #EEEEEE; float: left;}
            .zahrada img{display: block; width: 181px; margin: 10px auto; padding: 3px; border: 1px solid black}
            .zahrada p {text-align: left; margin: 15px 15px 25px 15px }
            .zahrada .vice_informaci {color: #66CC00; margin: 0 0 0 160px; }
          
    #prave_menu_obal {width: 196px; float: right;}
      .nadpis_modry {margin: 15px 0 5px 0; color: #003399; text-align: center; font-weight: bold; text-align: center;}
      #prave_menu {padding-bottom: 50px}
      #prave_menu img {display: block; margin: 0 auto; padding: 3px; border: 1px solid black;}
      #prave_menu p {width: 180px; margin: 10px auto 0 auto; text-align: left; font-size: 11.5px}
      #prave_menu .vice_informaci {margin-left: 95px; color: #66CC00; text-decoration: none; font-size: 11px}
      #prave_menu form {position: relative;}
      #prave_menu .form_text {width: 170px; margin: 10px 0 8px 10px; border: 1px solid #444444}
      #prave_menu .button {position: absolute; top: 35px; right: 15px; width: 63px; height: 22px; font-size: 12px;color: white; font-weight: bold; border: none; background: url(../img/button.jpg) no-repeat;}
      #prave_menu form a {margin: 0 5px 0 20px; color: #66CC00; font-size: 11px}


  /*Footer*/
  #footer {width: 990px;}
    #footer_wd {width: 990px; padding: 5px 0; color: #888888; border-top: 5px solid #66CC00 ;background: #EEEEEE; font-size: 10px}
      #footer_wd p {margin: 0;}
      #footer_wd a {color: #888888; text-decoration: none;}
      .oddelovac {margin: 0 5px}
    #copyright {width: 500px; float: left; margin: 0 0 0 10px;}
    #footer_links {width: 480px; float: left; margin: 7px 0 0 0;}
      #footer_links a {color: #888888; text-decoration: none;}
    #doporucujeme {width: 850px; margin: 10px auto; color: #888888; font-size: 10px; text-align: center;}
      #doporucujeme a {color: #888888; font-size: 10px; text-decoration: none;}