html, body{ 

  margin: 0px;

  padding: 0px;

  text-align: center;

  background-color: #BEBEBE;

}

ul {margin-left: -20px; font-size: 11px}
.wdbox {text-align: center; font-size: 11px}
.wdbox img {width: 120px; padding: 5px}

#pagewidth{

  width: 770px;

  margin-left: auto;

  margin-right: auto;

  padding: 2px;

  text-align: left;

  background-color: white;

}



#header{

  height: 120px;

  width: 770px;

  /*padding-top: 2px;

  margin: 0px 2px;*/

}



h1{

  width: 442px;

  height: 97px;

  margin: 2px 0px 0px 11px;

  float: left;

  background-image: url(../obrazky/logo.gif);

}



h1 span{

  display: none;

}



a img{

  border-width: 0px;

}



a.logo{

  margin: 2px 0px 0px 11px;

  float: left;

}



table.contacts, table.contacts a{

  margin: 20px 0px 0px 7px;

  color: #FF6600;

  font-family: Arial, 'Arial CE', 'Helvetica CE', helvetica, sans-serif;

  font-size: 11px;

}



table.contacts td.bold{

  padding-left: 27px;

  font-weight: bold;

}



table.contacts a{

  text-decoration: none;

}



#leftcolumn{

  width: 232px;

  float: left;

}



#rightcolumn{

  width: 538px;

  float: right;

}



#menu{

  width: 100%;

  padding: 6px 0px;

  background-image: url(../obrazky/menu_bg.png);

  background-position: top center;

}



#menu p{

  width: 100%;

  height: 16px;

  margin: 0px;

  padding-top: 2px;

}



#menu p.actual{

  background-color: #C25127;

}



#menu a{

  height: 16px;

  margin-left: 20px;

  color: white;

  font-family: Verdana, 'Verdana CE', 'Arial CE', 'Lucida Grande CE', 'Helvetica CE', Arial, lucida, sans-serif;

  font-size: 10px;

  text-decoration: none;

}



#banner{

  position: relative;

  height: 228px;

  width: 537px;

  margin-left: 1px;

}



div.header_news, div.header_newsletter{

  width: 223px;

  height: 23px;

  margin: 1px 0px;

  padding: 9px 0px 0px 9px;

  color: white;

  font-family: Arial, 'Arial CE', 'Helvetica CE', helvetica, sans-serif;

  font-size: 11px;

  font-weight: bold;

}



div.header_news{

  background-image: url(../obrazky/news_bg.jpg);

}



div.header_newsletter{

  background-image: url(../obrazky/newsletter_bg.jpg);

}



/* css novinek */



div.news_box{

  width: 230px;

  padding-top: 8px;

  border: 1px solid #E0E0E0;

  background-color: #F9F9F9;

}



img.news_image{

  width: 220px;

  height: 89px;

  margin: 3px 4px;

  border: 1px solid black;

}



span.news_header, div.news_anchor{

  margin: 0px 9px;

  color: #3399CC;

  font-family: Arial, 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;

  font-size: 11px;

  font-weight: bold;

}



div.news_text{

  margin: 5px 9px;

  color: black;

  font-family: Arial, 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;

  font-size: 11px;

}



div.news_anchor{

  margin-bottom: 21px;

  font-style: italic;

}



div.news_anchor a{

  color: #3399CC;

  text-decoration: none;

}



/* css newsletteru */



div.newslet_box{

  width: 230px;

  height: 123px;

  border: 1px solid #FF944C;

  color: white;

  font-family: Verdana, 'Verdana CE', 'Arial CE', 'Lucida Grande CE', 'Helvetica CE', Arial, lucida, sans-serif;

  font-size: 10px;

  background-image: url(../obrazky/newsletter_input_bg.jpg);

}


div.newslet_text{

  margin: 8px 6px;

}



div.newslet_box form{

  margin: 4px 0px;

  text-align: center;

}



.field_border{

  width: 142px;

  height: 20px;

  border: 1px solid black;

  background-color: white;

}



.button_border{

  width: 30px;

  height: 20px;

  border: 1px solid black;

  background-image: url(../obrazky/button_bg.gif);

}



div.newslet_box #field{

  width: 134px;

  height: 14px;

  margin-top: 0px;

  padding: 0px 4px;

  border: none;

  font-family: Verdana, 'Verdana CE', 'Arial CE', 'Lucida Grande CE', 'Helvetica CE', Arial, lucida, sans-serif;

  font-size: 10px;

  background-color: transparent;

}



div.newslet_box #button{

  width: 30px;

  height: 20px;

  padding: 0px;

  border: none;

  color: #FF6633;

  font-family: Verdana, 'Verdana CE', 'Arial CE', 'Lucida Grande CE', 'Helvetica CE', Arial, lucida, sans-serif;

  font-size: 10px;

  font-weight: bold;

  background-color: transparent;

}



/* css copyright prouzku */



div.copyright{

  width: 100%;

  padding: 20px 0 0 26px;

  clear: both;

  font-family: Arial, 'Arial CE', 'Helvetica CE', helvetica, sans-serif;

  font-size: 11px;

  text-align: center;

}

div.copyright a {text-decoration: none; color: grey;}



/* obecne css pro content stranky */



#content{

  margin: 0px 9px;

  font-family: Verdana, 'Verdana CE', 'Arial CE', 'Lucida Grande CE', 'Helvetica CE', Arial, lucida, sans-serif;

  font-size: 11px;

  text-align: left;

}



#content a{

  color: #707070;

  font-style: italic;

  text-decoration: none;

}



#content a:hover{

  color: black;

}



h4, h2{

  margin: 28px 0px 20px 0px;

  color: #FF6600;

  font-family: Arial, 'Arial CE', 'Helvetica CE', helvetica, sans-serif;

  font-size: 16px;

  font-weight: bold;

}



h2{

  margin-top: 15px !important;

}



h3, h5, h6{

  margin: 24px 0px 16px 0px;

  color: #2901A9;

  font-family: Arial, 'Arial CE', 'Helvetica CE', helvetica, sans-serif;

  font-size: 14px;

  font-weight: bold;

}



h6{

  margin-bottom: 6px;

}



div.list_1{

  margin-left: 27px;

  padding-left: 9px;

  background-image: url(../obrazky/list_1.gif);

  background-position: 0px 3px;

  background-repeat: no-repeat;

}



/* css pro katalog zbozi */



table.submenu{

  width: 100%;

}



table.submenu td{

  width: 235px;

}



table.submenu a{

  margin-left: 20px;

  padding-left: 9px;

  background-image: url(../obrazky/list_1.gif);

  background-position: 0px 3px;

  background-repeat: no-repeat;

}



table.articles{

  

}



table.articles td{  

  height: 17px;

  text-align: center;

  vertical-align: middle;

}



tr.types td{

  width: 120px;

  font-weight: bold;

  background-color: #FFBD91;

}



td.parameter{

  width: 140px !important;

  padding: 0px 5px;

  text-align: left !important;

}



tr.info_1 td{

  width: 120px;

  background-color: #FFEDE1;

}



tr.info_2 td{

  width: 120px;

  background-color: #E8E1FF;

}



div.form_left, div.form_right{

  height: 18px;

}



div.form_left{

  float: left;

  clear: both;

  width: 110px;

}



div.form_right{

  float: left;

}



#content #field{

  /*width: 134px;

  height: 14px;*/

  margin-top: 0px;

  padding: 0px 4px;

  border: 1px solid #FF6600;

  font-family: Verdana, 'Verdana CE', 'Arial CE', 'Lucida Grande CE', 'Helvetica CE', Arial, lucida, sans-serif;

  font-size: 10px;

  background-color: #ECECEC;

}



#content #button{

  margin-top: 3px;

  border: 1px solid #FF6600;

  color: black;

  font-family: Verdana, 'Verdana CE', 'Arial CE', 'Lucida Grande CE', 'Helvetica CE', Arial, lucida, sans-serif;

  font-size: 10px;

  font-weight: bold;

  background-color: #ECECEC;

}



div.product_border{

  padding: 15px 0px 6px 50px;

}



div.product_img_border{

  float: left;

  margin-right: 20px;

  border: 1px solid #777777;

  font-size: 0px;

}



div.product_group{

  width: 150px;

  height: 148px;

  float: left;

  text-align: center;

  margin: 4px 2px;

  border: 1px solid #777777;

  padding-bottom: 5px;

}


div.doporucujeme {text-align: center; margin-top: 5px; font-size: 8px; color: grey; font-family: sans-serif; margin-bottom: 10px;}

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







 @media print{ 

#leftcolumn{display:none;}

#rightcolumn{float: left;}

/*#outer{border-left:0;} */



/*#rightcol{display:none;} */

/*#outer{border-right:0;} */

}


div.doporucujeme
{
font-size:10px;
}
