/* 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: black; 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 10px 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;}

#wdbox{
	font-size: 112x;
	margin: 10px auto 10px;
	text-align: left;
	width: 180px;
	color: black;
}

#wdbox a{
  font-size: 12px;
	color:grey;
	text-decoration:none;
}

#wdbox ul li a {
  color:#039;
  text-decoration: underline; 
}

#prave_menu div p {text-align: center;}

#prave_menu div a img {width: 150px; margin: 10px auto 0 auto;}