

/********/

/* main */

/********/



/* poznamka: komentar "special for ie" znamena, ze tento objekt ma specialni vlastnosti pro IE v for_ie.css */



/* layout */


body{

  margin: 0;

  padding: 0;

  text-align: center;

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

  background-color: #a0a0a3;

}


#body{

  position: relative;

  width: 1002px;

  margin: auto;

  text-align: left;

  font-size: 68.75%;

  color: #515151;

  background-color: white;

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

  background-repeat: repeat-y;

}


#header{

  width: 1002px;

  height: 312px;

  text-align: left;

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

  background-repeat: no-repeat;

}


#left_column{

  width: 696px;

  float: left;

  margin-top: 15px;

  margin-bottom: 20px;

  padding-left: 42px;

  padding-right: 16px;

}

#right_column{

  width: 218px;

  float: left;

  margin-top: 15px;

  margin-bottom: 20px;

  padding-right: 29px;

  border-left: 1px dashed #797979;

}


#footer{

  width: 1002px;

  height: 165px;

  clear: both;

  color: white;

  background-color: #00693e;

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

  background-repeat: repeat-x;

}


#subfooter{

  width: 1002px;

  font-size: 0.91em;

  color: #252a33;

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

  background-repeat: repeat-y;

}



/* header */



div.logo{

  position: absolute;

  top: 34px;

  left: 55px;

  width: 140px;

  height: 93px;

  margin: 0;

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

}



div.logo a{

  display: block;

  width: 140px;

  height: 93px;

}



h1{

  float: left;

  margin: 0;

  padding: 3px 0 0 35px;

  font-size: 1em;

  font-weight: normal;

  color: white;

}



#header div.links{

  float: right;

  padding: 3px 35px 0 0;

  color: white;

}



#header div.links a{

  color: white;

  text-decoration: none;

}



#header h2{

  position: absolute;

  top: 187px;

  left: 43px;

  margin: 0;

  font-size: 1.63em;

  font-style: italic;

  font-weight: normal;

  color: #00562a;

  text-align: right;

}



#header h2 span{

  position: absolute;

  top: 30px;

  left: 108px;

  font-size: 1.33em;

}



div.languages{

  position: absolute;

  top: 220px;

  left: 909px;

}



div.languages img{

  border: 1px solid #00592e;

}



/* menu */



ul, li{

  margin: 0;

  padding: 0;

  list-style: none;

}



#menu{

  position: absolute;

  top: 251px;

  left: 21px;

  width: 960px;

  height: 61px;

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

  background-repeat: repeat-x;

}



#menu li{

  width: 96px;

  height: 61px;

  float: left;

}



#menu li a{

  display: block;

  width: 90px;

  height: 46px;

  padding: 15px 3px 0 3px;

  font-weight: bold;

  color: #00693e;

  text-align: center;

  text-decoration: none;

}

#menu li a:hover{

  color: white;

  background-color: #004d26;

}



#menu li a.actual{

  color: white;

  background-color: #004d26;

}



/* left column */



#content{

  margin: 0;

}



#left_column h3, div.heading2{

  margin: 0 0 1em 0;

  font-size: 1em;

  font-weight: bold;

  color: #00592e;

}



#left_column h4, div.heading3{

  margin: 1.5em 0 1em 0;

  font-size: 1em;

  font-weight: bold;

  color: #00592e;

}



#left_column h5, div.heading4{

  margin: 0 0 0.3em 0;

  font-size: 1em;

  font-weight: bold;

  color: #00592e;

}



h3.first, h4.first, div.first{

  margin-top: 0 !important;

}



#left_column p{

  margin: 0;

}



#left_column p.margined{

  margin-top: 1em;

}



#left_column p.bolded{

  font-weight: bold;

}



#left_column a{

  color: #fe9001;

}

#left_column a:hover{

  text-decoration: none;

}



#left_column li{

  padding-left: 8px;

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

  background-position: 0 0.4em;

  background-repeat: no-repeat;

}



div.double_content{

  width: 333px;

  float: left;

  padding-right: 15px;

}



div.triple_content{

  width: 217px;

  float: left;

  padding-right: 15px;

}



div.defloater{

  height: 1px;

  width: 100%;

  clear: both;

  font-size: 0;

}



/* right column */



#right_column div.heading2{

  margin: 15px 0 1em 17px;

  font-size: 1em;

  font-weight: bold;

  color: #00592e;

}



#right_column div.first{

  margin-top: 0;

}



#right_column div.heading3{

  margin: 0 0 0.3em 17px;

  font-size: 1em;

  font-weight: bold;

  color: #00592e;

}



div.news{

  margin-bottom: 2em;

}



#right_column p{

  margin: 0 0 0 17px;

}

#wdbox {margin-left: 17px;}


#right_column a {
  color: #fe9001;
}

#right_column a:hover{

  text-decoration: none;

}



#right_column hr{

  height: 0;

  margin: 0;

  padding: 0;

  border-width: 1px 0 0 0;

  border-style: dashed;

  border-color: #797979;

}



/* footer */



#footer div.left, #footer div.right{

  width: 30px;

  height: 165px;

  float: left;

}



#footer div.left{

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

}



#footer div.middle{

  width: 902px;

  float: left;

  padding: 0 20px;

}



#footer div.right{

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

}



div.about_product{

  width: 340px;

  float: left;

}



div.contact{

  width: 220px;

  float: left;

  padding-left: 55px;

  font-weight: bold;

}



div.distribution{

  width: 120px;

  float: left;

  font-weight: bold;

}



div.distribution a{

  font-weight: bold !important;

  color: white !important;

  text-decoration: none;

}

div.distribution a:hover{

  font-weight: bold;

  text-decoration: underline !important;

}



div.other_links{

  float: left;

  padding: 55px 0 0 0;

}



#footer h2, #footer div.heading2{

  clear: none;

  margin: 10px 0 15px 0;

  font-size: 1.27em;

  color: #fe9001;

}



#footer p{

  margin: 0;

}



#footer p.margined{

  margin-top: 1em;

}



#footer a{

  font-weight: normal;

  color: #fe9001;

}

#footer a:hover{

  text-decoration: none;

}



/* subfooter */



#subfooter a{

  color: #252a33;

  text-decoration: none;

}

#subfooter a:hover{

  text-decoration: underline;

}



div.copyright{

  width: 400px;

  float: left;

  padding: 5px 0 0 30px;

}



div.menu{

  width: 520px;

  float: right;

  padding: 5px 30px 0 0;

}



#subfooter a.actual{

  color: #fe9001;

}



div.favorite{

  clear: both;

  padding: 20px 30px 10px 30px;

  color: #6a9bb7;

  text-align: center;

}



div.favorite a{

  color: #6a9bb7 !important;

}



/* content */



p.product_info{

  font-weight: bold;

  color: #00592e;

}



img.news_image{

  width: 174px;

  height: 115px;

  border: 1px solid #00592e;

}



form{

  margin: 0;

}



div.form_left{

  width: 9.5em;

  float: left;

  clear: left;

  padding-top: 0.8em;

}



input.field{

  width: 182px;

  margin: 0.3em 0 0 17px;

  padding: 0.3em 4px;

  border: 1px solid #1c2f3b;

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

  font-size: 11px;

  color: #666666;

  background-color: white;

}



input.button{

  width: 80px;

  margin: 0.5em 0 0 21px;

  padding: 0.3em 4px;

  border: 1px solid #00592e;

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

  font-size: 11px;

  font-weight: bold;

  color: white;

  background-color: #00592e;

}



textarea{

  width: 364px;

  margin: 0.3em 0 0 17px;

  padding: 0.3em 4px;

  border: 1px solid #1c2f3b;

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

  font-size: 11px;

  color: #666666;

  background-color: white;

}



span.antispam{

  padding-left: 1em;

}



p.contact_text{

  margin-bottom: 1em !important;

}



img.product_image{

  width: 174px;

  height: 115px;

  float: left;

  margin-right: 10px;

  border: 1px solid #00592e;

}



div.product_info{

  width: 510px;

  float: left;

}



ul.triple_list{

  margin-top: 0.3em;

}



ul.triple_list li{

  width: 160px;

  float: left;

}



img.ilustration{

  width: 174px;

  height: 115px;

  float: left;

  margin: 3px 10px 0 0;

  border: 1px solid #00592e;

}



div.telephone_left{

  float: left;

  width: 2.5em;

}



table.pricelist tr.header td{

  padding-top: 0;

  font-weight: bold;

}



table.pricelist td{

  padding: 0.3em 3em 0 0;

}



/*       */

/* print */

/*       */



@media print

{



body, #body, #left_column, #content, #header, h1, h1 a{

  position: static;

  width: 100%;

  height: auto;

  margin: 0;

  padding: 0;

  color: black;

  background-image: none !important;

  background-color: white;

}



#content *{

  background: none;

}



#menu, #right_column, #footer, #subfooter, #header p{

  display: none;

}



h1{

  text-align: center;

  margin-bottom: 0.5em;

}



h1 a{

  color: black;

  text-decoration: none;

}



h1 span{

  display: inline;

}



div.double_content{

  width: 100%;

  float: none;

}



div.triple_content{

  width: 33%;

  padding: 0;

}

div#right_column div#wdbox p a{
	color:gray;
	font-family:sans-serif;
	text-decoration: none;
}
