/* CSS Document */
/* vseobecne nastaveni */
body {background: white; color: #444444; font-size: 11px; text-align: center; font-family: "Arial";}
a {color: #CC0000}
h1 {font-size: 100%; color: white; margin: 0; font-weight: normal; line-height: 20px}
h2 {font-size: 140%; font-weight: bold; color: #0099CC;}
h4 {font-size: 14px; color: #FF9900;  margin: 0;}
h3 {font-size: 110%; font-weight: bold; color: #0099CC;}
h5 {font-size: 14px; font-weight: bold; margin: 5px 0}
ul {margin: 0; padding: 0;}
li {margin: 0; padding: 0;}
p {margin: 10px 0;}
a img {border: none; text-decoration: none}

/* elementarni tridy */
.border {border: 1px solid black}
.bold {font-weight: bold}
.resetovac { width: 0px; height: 0px; border: 0px none; margin: 0px; padding: 0px; float: none; clear: both; line-height: 0px; font-size: 0px;}
.red {color: #CC0000;}
.blue {color: #0099CC;}
.nadpis_blue {height: 30px; color: #0099CC; font-size: 140%; font-weight: bold; padding: 0 0 5px 5px; border-bottom: 1px dotted gray}
.nadpis_blue img {position: relative; top: 5px;}
.button_short {background: url(../img/button.jpg); height: 25px; width: 80px; border: none; text-align: center; color: white; vertical-align: middle; position: relative; bottom: 2px}
/* styl konkretnich id a trid */

/* obalovy div cele stranky */
#main_page {width: 990px; margin: 0 auto; text-align: left;}

  /* hlavicka */
  #header {width: 990px; height: 191px; position: relative; background: url(../img/header.jpg) no-repeat;}
    #header h1 {position: absolute; top: 10px; left: 230px}
    #header .text {position: absolute; top: 120px; left: 40px; font-size: 115%; color: white; letter-spacing: 0px}
    #header a {text-decoration: none; }
    #logo {display: block; height: 50px; width: 200px; position: absolute; top: 5px; left: 15px;}
    #home_link {display: block; height: 15px; width: 15px; position: absolute; top: 35px; left: 890px; font-size: 12px; font-weight: bold; color: black} 
    #sitemap {height: 15px; width: 15px; position: absolute; top: 35px; left: 918px; font-size: 12px; font-weight: bold; color: black }
    #kontakt {height: 15px; width: 15px; position: absolute; top: 35px; left: 947px; font-size: 12px; font-weight: bold; color: black}
  /* hlavika KONEC */
        
  /* stredni cast */
  #middle_part {width: 990px; padding: 0; background: url(../img/midle_part_back.jpg) repeat-y;}
    /* ukazatel pozice */
    #under_header {}
      #position {float: left; width: 400px; padding: 0 0 0 20px; margin: 10px 0 20px 35px; background: url(../img/i.jpg) no-repeat left; letter-spacing: 1px}
      #search {float: right; margin: 10px 40px 0 0}
        #search form {position: relative;}
        #search .input_text {height: 12px; width: 130px; font-size: 98%; padding-bottom: 1px; margin-right: 5px}
        #search .button {position: absolute; top: 3px; height: 12px; width: 13px; border: none; background: url(../img/search_butt.jpg) no-repeat;}
   /* leva cast */
    #left_part {float: left; width: 200px;}
      #menu {font-size: 1.1em; padding-left: 30px; padding-top: 15px}
        #menu .header {width: 150px; height: 135px; background: url(../img/menu_header.jpg) no-repeat;}
        #menu .middle_part {width: 150px; background: url(../img/menu_middle_bg.jpg) repeat-y;}
        #menu .bottom {width: 150px; height: 134px; background: url(../img/menu_bottom.jpg) no-repeat; }
        #menu a {display: block;  padding: 5px 0 5px 15px; margin-right: 1px; text-align: left; font-size: 90%; text-decoration: none; color: white; font-weight: bold;  background: url(../img/menu_a.jpg) no-repeat left; text-transform: uppercase; letter-spacing: 1px}
        #menu a.akt {color: white; background: url(../img/menu_a_hover.jpg) repeat-y right; color: white} 
          #menu a:hover {color: white; background: url(../img/menu_a_hover.jpg) repeat-y right}
        #menu img {float: left; margin: 10px 5px 0 5px}
     /* prava cast */
    #right_part {float: left; width: 780px; }

    fieldset.message {width: 90%; margin: 5px auto; text-align: center; font-size: 120%} 
      fieldset.message legend {color: #CC0000; font-size: 100%;}
    #obsah {margin: 0px 10px 10px 10px;}
      #obsah .nadpis_main {font-size: 140%; font-weight: bold; color: #0099CC;}
      #obsah .nadpis {font-size: 130%; font-weight: bold; color: #0099CC;}
      #obsah ul {margin-left: 40px}
      #obsah h3 {margin: 0 0 10px 0}
      #obsah .text {}
      #obsah .uvod h2 {position: relative; padding: 0; margin: 0;}
      #obsah .uvod .line { border-top: 1px dotted gray}
      
    #novinky_a_postupy_obal {margin: 0 auto;}
      #novinky_obal {float:left; width: 40%; margin-right: 40px}
        #novinky_obal .main_img {margin-bottom: 10px}
      .novinka {float: left; width: 180px; padding: 10px 0 23px 23px;}
        .novinka .nadpis {padding: 0 10px 0 0px; margin: 0px; font-size: 105%; color: black; font-weight: bold}
          .novinka .nadpis img {margin-right: 5px}
        .novinka p {padding: 0px 10px 0 15px; text-align: justify; margin-bottom: 0}
        .novinka .link {padding: 0px 10px 0 20px; }
          .novinka .link a {}
          .novinka .link a img {position: relative; top: 2px; margin-right: 0px}
          
      #postupy_obal {float: left; width: 52%}
        .text {padding-left: 20px; margin-top: 10px}
          .text li {margin: 15px 0; list-style-image: url('../img/red_dot.jpg')}
        
    #kontakt_obal {float: left; width: 37%; position: relative; margin-right: 50px; height: 200px}
      #kontakt_obal p {position: absolute; line-height: 170%}
      #kontakt_obal img.pda {position: absolute; top: 50px; left: 250px;}
      #kontakt_obal img.button {position: absolute; top: 140px; left: 185px;}
    #newsletter_obal {float: left; width: 52%;}
      #newsletter_obal p {padding: 0 20px; margin-bottom: 15px}
      #newsletter_obal form {padding: 0 20px; margin-bottom: 5px}
        #newsletter_obal form .submit {width: 80px; height: 25px; background: url(../img/odeslat_button.jpg) no-repeat; border: none}
        #newsletter_obal form .input_text {position: relative; bottom: 1px; height: 16px; width: 170px}
      #newsletter_obal a {padding: 0 25px; }
      
  /* stredni cast KONEC */

  /* Footer */
  #footer {width: 989px; height: 67px; background: url(../img/footer.jpg) no-repeat;}
    #copyright {width: 533px; float: left; margin: 15px 0 0 30px;}
      #copyright a {color: #444444; text-decoration: none;}
      #copyright a:hover {color: #CC0000; text-decoration: underline;}
    #footer_menu {float: right; width: 350px; margin: 10px 20px 0 10px; text-align: justify; color: #444444}
      #footer_menu a {color: #444444; text-decoration: none; margin-right: 10px}
        #footer_menu a:hover {color: #CC0000; text-decoration: underline;}
      #doporucujeme {text-align: center; margin: 20px 0}
  /* Footer KONEC */