/* 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;
	color:grey;
	font-family:sans-serif;
	font-size:10px;
}

#doporucujeme a{
	color:grey;
	font-family:sans-serif;
	text-decoration: none;
}

  /* Footer KONEC */
  
  
#wdbox{
	float: left;
	margin: 40px 20px 20px 0px;
	color:grey;
	font-family:sans-serif;
	text-decoration: none;
}

#wdbox a{
	color:grey;
	font-family:sans-serif;
	text-decoration: none;
}