* { padding: 0px; margin: 0px; font-family: Arial; font-size: 11px; }



body { text-align: center; }

img { border: 0px; }

a { text-decoration: none; font-size: 12px; }

a:hover { text-decoration: underline; }

div.cleaner { clear: both; width: 100%; height: 1px; }

a.blue_button { color: #FFFFFF; border: 0px; background-color: #40BBE1; background-image: url( "/layout/submit_blue.gif" ); width: 70px; height: 19px; display: block; text-align: center; float: left; }

input.blue { color: #FFFFFF; border: 0px; background-color: #40BBE1; background-image: url( "/layout/submit_blue.gif" ); width: 70px; height: 19px; }

input.violet { color: #FFFFFF; border: 0px; background-color: #4A34A7; background-image: url( "/layout/submit_violet.gif" ); width: 60px; height: 19px; }



  #root { width: 982px; text-align: left; margin: 0px auto; }

  #root p.doporucujeme { padding: 5px; margin: 10px 0px; color: grey; font-size: 10px; text-align: center;}

  #root p.doporucujeme a { color: grey; font-size: 10px; text-decoration: none;}

    

    #top p { color: #929292; font-size: 10px; text-align: right; padding: 10px 30px; }

    #top p a { color: #929292; font-size: 10px; }

    #top p span { float: left; }

    

    #header { background-color: #178BAD; height: 113px; margin-top: 10px; }

    #header img { position: absolute; }

    #header_under p { text-align: center; font-weight: bold; font-size: 12px; color: #0079C1; background-color: #FFFFFF; width: 129px; margin-left: 15px; padding: 61px 0px 5px 0px; float: left; }

    #header_under h1 { padding: 40px 0px 0px 240px; font-size: 18px; color: #91D7EC; font-weight: normal; }

    #header_under h2 { padding: 5px 0px 0px 420px; font-size: 18px; color: #FFFFFF; font-weight: normal; }

    

    #menu { border-bottom: 6px solid #4A34A8; background-color: #E1E6EA; background-image: url( "/layout/menu.gif" ); margin: 1px 2px 0px 2px; height: 21px; }

    #menu ul { list-style-type: none; }

    #menu ul li { float: left; height: 21px; position: relative; z-index: 2; }

    #menu ul li a { color: #4A34A8;vertical-align: top; padding: 4px 22px; display: block; font-size: 11px; }

    #menu ul li.active { margin-top: -8px; }

    #menu ul li.active img { vertical-align: middle; float: left;}

    #menu ul li.active a { padding: 10px 10px 5px 10px; font-weight: bold; color: #FFFFFF; float: left; background-image: url( "/layout/menu_active_bg.gif" ); background-color: #422E98; }

    #menu form { float: right; margin-right: 5px; }

    #menu form input { font-size: 10px; color: #4A34A8; border: 1px solid #999999; width: 140px; padding: 0px 5px; }

    #menu form input.submit { color: #FFFFFF; border: 0px; background-color: #40BBE1; background-image: url( "/layout/menu_submit.gif" ); width: 44px; height: 15px; }

    

    

    

    #main { background-image: url( "/layout/main_bg.gif" ); background-repeat: repeat-x; width: 978px; margin-left: 2px; padding-top: 10px; text-align: center; }

    #main div.cleaner { height: 3px; background-image: url( "/layout/main_footer.gif" ); background-repeat: no-repeat; background-position: bottom; }

    #main_content { background-image: url( "/layout/main_content_bg.gif" ); background-repeat: repeat-y; width: 973px; margin: 0px auto; text-align: left; }

    #main_content p { line-height: 17px; }

      

      div.content_menu { float: left; width: 158px; padding: 0px 2px; }

      div.content_menu a { font-size: 11px; }

      div.content_menu h3 { font-weight: bold; color: #FFFFFF; margin: 1px; padding: 5px 0px 7px 32px; background-color: #1A90B3;  }

      div.content_menu h3.violet { background-color: #4A34A7; }

      div.content_menu h3.blue { background-color: #27B9E5; }

      div.content_menu ul { list-style-type: none; margin-left: 5px; padding: 10px 0px; }

      div.content_menu ul li { background-image: url( "/layout/content_menu_arrow.gif" ); background-repeat: no-repeat; background-position: 0px 8px; padding: 2px 0px 3px 15px; margin: 0px; }

      div.content_menu ul li a { color: #312178; }

      div.content_menu p { padding: 6px; color: #4A34A8; text-align: Justify; }

      div.content_menu p.stredisko { text-align: center; padding: 10px 0px; }

      div.content_menu p.kosik { padding: 10px 0px 10px 15px; }

      div.content_menu p.kosik strong { color: #06BBF5; }

      div.content_menu a { color: #1A90B3; }

      div.content_menu p span { color: #249EC3; font-weight: bold; }

      div.content_menu p strong a { color: #1A90B3; font-weight: normal;}

      div.content_menu form { padding: 18px 10px 28px 10px; }

      div.content_menu form input { color: #4A34A8; }

      div.content_menu form input.news { width: 135px; }

      div.content_menu form input.submit { color: #FFFFFF; border: 0px; background-color: #40BBE1; background-image: url( "/layout/menu_submit.gif" ); width: 44px; height: 19px; float: right; margin-top: 2px; }

      div.content_menu form.login input { margin: 0px 0px 4px 0px; padding: 2px; width: 130px; color: #27B9E5; font-size: 10px; }

      div.content_menu form.login input.submit { color: #FFFFFF; border: 0px; background-color: #4A34A7; background-image: url( "/layout/menu_submit_violet.gif" ); width: 60px; height: 17px; float: right; font-size: 10px; }

      .wdbox, .wdbox a {color: grey !important; text-decoration: none; font-size: 10px !important;}
      
      .stred {text-align: center}
      
      .wdbox img {width: 120px; padding: 5px}

      #content { float: left; width: 606px; margin-left: 20px; }

      #content h3 { color: #4A34A8; padding: 10px 0px; font-size: 12px; }

      #content h3.blue { color: #1A90B3; }

      #content img { border: 1px solid #BAC4CA; padding: 1px; margin: 5px; }

      #content a img:hover { border: 1px solid #1A90B3; }

      #content img.produkt { float: left; margin-right: 10px; }

      #content p { padding: 10px 0px; text-align: Justify; font-size: 12px; color: #4A34A8; line-height: 20px; }

      #content p.error { font-weight: bold; color: red; }

      #content form span { color: #1A90B3; font-weight: bold; width: 120px; display: block; float: left; margin-left: 15px; }

      #content form label { float: left; margin: 3px 0px 0px 15px; }

      #content form span.low { font-weight: normal; }

      #content table.kosik { width: 100%; }

      #content table td { padding: 3px 5px; }

      #content table.kosik td.nadpis { background-color: #40BBE1; color: #FFFFFF; font-weight: bold; }

      

        #produkty { background-image: url( "/layout/produkty_bg.gif" ); background-repeat: repeat-y; background-position: 300px 0px; width: 100%; }

        #produkty div.uvod_produkt { width: 280px; float: left; padding: 0px 10px; line-height: 20px; }

        #produkty div.uvod_produkt p { line-height: 20px; }

        #produkty div.uvod_produkt p strong { font-weight: bold; color: #4A34A8; }

        #produkty div.uvod_produkt p strong.cena { font-weight: bold; color: #4A34A8; font-size: 14px; }

        #produkty div.uvod_produkt p img { float: left; margin-right: 10px; }

        #produkty div.uvod_produkt p a { font-weight: bold; }

        #produkty div.uvod_produkt p span { color: #1A90B3; }

        #produkty div.uvod_produkt form { clear: both; padding: 5px 10px; color: #4A34A8; }

        #produkty div.separator { border-top: 1px dotted #B2BDC4; height: 5px; margin-top: 5px; clear: both; width: 100%; }

        

      /*

        #content div.objednavka { float: right; margin: 10px; padding: 10px 20px; border: 1px solid #2486D9; line-height: 20px; background-color: #D3E6F6; }

        #content div.objednavka strong { color: #00328C; display: block; float: left; width: 80px; }

      */

      

      #content div.produkt { line-height: 20px; margin-bottom: 20px; }

      #content div.produkt strong { color: #2486D9; display: block; float: left; width: 80px; }

      

    #footer { background-color: #85B0CC; margin: 2px; height: 30px; padding: 10px; }

    #footer p { text-align: right; color: #FFFFFF; font-size: 10px; }

    #footer p a { color: #FFFFFF; font-size: 10px; }

    #footer p a.active { color: #064F66; }

    #footer p span { float: left; text-align: left; }