/********/

/* main */

/********/



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



/* layout */

div#ffooter {
  text-align: center;
}

div#ffooter ul {
  color: black;
  margin: 0px;
  padding: 0 0 0 0px;
  list-style-type: disc !important; 
}

div#ffooter h3 {
  color: black !important;
}


body{

  margin: 0;

  padding: 0;

  text-align: center;

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

  background-color: white;

}



#body{

  width: 1000px;

  margin: auto;

  text-align: left;

  font-size: 68.75%;

}



#header{

  position: relative;

  width: 1000px;

  height: 229px;

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

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

  background-repeat: no-repeat;

}



#menu{

  position: relative;

  width: 799px;

  height: 32px;

  margin: 3px 0 0 191px;

  color: white;

  background-color: black;

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

  background-repeat: no-repeat;

}



#left_column{

  position: relative;

  top: -32px;

  left: -446px;

  width: 169px;

  float: left;

  margin-bottom: 25px;

  color: white;

}

#left_column div.partners a {
  color: #EE2827;  
}



#middle_column{

  position: relative;

  left: 182px;

  width: 458px;

  float: left;

  padding-bottom: 25px;

  border-right: 1px dashed #797979;

}



#right_column{

  position: relative;

  left: 27px;

  width: 332px;

  float: left;

  margin-bottom: 25px;

}



#footer{

  clear: both;

  margin: 0 10px 30px 10px;

  padding: 0 25px 25px 25px;

  color: white;

  background-color: black;

}



/* header */



h1{

  position: absolute;

  top: 78px;

  left: 25px;

  margin: 0;

  font-size: 1.45em;

  font-style: italic;

  color: #870a0d;

}



h1 span{

  position: absolute;

  top: 75px;

  left: 0;

  font-size: 1.12em;

  color: white;

}



div.iso{

  position: absolute;

  left: 25px;

  top: 199px;

  font-size: 1.09em;

  font-weight: bold;

  font-style: italic;

  color: white;

}



div.links{

  position: absolute;

  top: 1px;

  left: 817px;

  width: 164px;

  text-align: center;

  color: white;

  background-color: #ababab;

}



div.links a{

  color: white;

  text-decoration: none;

}

.wdbox {font-size: 10px}

div.languages{

  position: absolute;

  top: 8px;

  left: 715px;

}



div.languages img{

  width: 15px;

  height: 12px;

  margin-right: 10px;

  border: 0;

}



/* menu */



#menu ul{

  margin: 0 0 0 33px;

  padding: 0;

  list-style: none;

}



#menu li{

  width: 150px;

  float: left;

  margin: 9px 0 0 0;

  padding: 0;

  list-style: none;

}



#menu a{

  font-weight: bold;

  text-decoration: none;

  color: white;

}

#menu a:hover{

  color: #ec1d24;

}



#menu a.actual{

  color: #ec1d24;

}



#menu div{

  position: absolute;

  top: -10px;

  right: 0;

  _right: -1px;

  width: 9px;

  height: 42px;

  font-size: 0;

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

}



/* left column */



div.top_decoration, div.bottom_decoration{

  width: 169px;

  height: 7px;

  font-size: 0;

}



div.top_decoration{

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

}



div.bottom_decoration{

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

}



#menu_left{

  background-color: black;

}



#left_column ul, #left_column li{

  list-style-type: none;

}



#left_column ul.level1{

  margin: 0;

  padding: 0;

}



#left_column li.item1 span{

  display: block;

  cursor: default;

}



ul.level1 span.actual, ul.level1 span.actual a, ul.level2 li.item2 a.actual{

  color: #ec1d24 !important;

}



#left_column ul a{

  display: block;

  color: white;

  text-decoration: none;

}

#left_column ul a:hover{

  color: #ec1d24;

}



ul.level1 li.item1{

  position: relative;

  width: 159px;

  margin: 0 0 2em 0;

  padding: 0 0 0 10px;

  font-weight: bold;

  color: white

}



ul.level2{

  visibility: hidden;

  position: absolute;

  left: 169px;

  top: 0;

  width: 169px;

  margin: 0;

  padding: 0;

}



ul.level2 li.item2 a{

  display: block;

  width: 139px;

  padding: 0 10px 0 20px;

  text-indent: -10px;

  background-color: #999999;

}



ul.level1 li.item1{

  behavior: url(./css/hover.htc);

}



ul.level1 li.item1:hover span a, ul.level1 li.item1Hover span a, 

ul.level1 li.item1:hover span, ul.level1 li.item1Hover span{

  color: #ec1d24 !important;

}



ul.level1 li.item1Hover ul.level2, ul.level1 li.item1:hover ul.level2{

  visibility: visible;

}



ul.level2 li.first{

  padding-top: 7px;

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

  background-repeat: no-repeat;

}



ul.level2 li.last{

  padding-bottom: 7px;

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

  background-repeat: no-repeat;

  background-position: left bottom;

}



div.partners{

  margin-top: 12px;

  text-align: center;

}



div.partners img{

  padding-bottom: 15px;

  border: 0;

}



/* middle column */



#content{

  margin: 25px 23px 0 23px;

}



#content h2, #content div.heading2{

  margin: 0 0 1.3em 0;

  font-size: 1.63em;

  font-weight: bold;

}



#content h2 span, #content div.heading2 span{

  color: #ee2827;

}



#content h3, #content div.heading3{

  clear: both;

  margin: 1.5em 0 1em 0;

  font-size: 1.45em;

  font-weight: bold;

}



#content div.over_product, #content h3.over_product, #content h4.over_product{

  margin-bottom: 0;

}



#content h3 span, #content div.heading3 span{

  color: #ee2827;

}



#content h4, #content div.heading4{

  margin: 11px 0 0.8em 0;

  font-size: 1.27em;

  font-weight: bold;

}



#content div.heading_first{

  margin-top: 0 !important;

}



#content p{

  margin: 0;

  margin-top: 1em;

}



#content a{

  color: #ee2b27;

}

#content a:hover{

  text-decoration: none;

}



#content ul, #content li{

  margin: 0;

  padding: 0;

  list-style: none;

}



#content li{

  padding-left: 12px;

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

  background-repeat: no-repeat;

  background-position: 0 0.4em;

}



#content ul.double_content li{

  width: 47%;

  float: left;

}



#content ul.margined{

  margin-top: 1em;

}



#content li.margined{

  margin-top: 1em;

}



#content ul.law, #content ul.law ul{

  margin-left: 20px;

}



#content ul.law li{

  margin-bottom: 0.5em;

  padding: 0;

  list-style-type: decimal;

  background-image: none;

}



#content ul.law ul li{

  list-style-type: lower-alpha;

}



/* right column */



#right_column div.heading2{

  margin: 1.3em 0 0.8em 0;

  font-size: 1.63em;

}

#right_column div.heading2 a
{
  text-decoration: none;
  color: black;
}



#right_column div.heading2 a span{

  color: #ee2827;

}



#right_column div.heading3{

  clear: both;

  margin: 0 0 1em 0;

  font-size: 1.45em;

}



#right_column div.heading3 span{

  color: #ee2827;

}



div.news{

  margin-bottom: 2em;

}



#right_column div.first{

  padding-bottom: 2em;

  border-bottom: 1px dashed #797979;

}



div.news img{

  width: 99px;

  height: 83px;

  float: left;

  margin-right: 15px;

}



div.news div{

  font-weight: bold;

  color: #ee2827;

}



div.news p{

  margin: 0.5em 0;

}



div.news a{

  color: #ee2827;

}

div.news a:hover{

  text-decoration: none;

}



hr{

  height: 1px;

  clear: both;

  margin-bottom: 2em;

  _margin-bottom: 1em;

  border: none;

  border-bottom: 1px dashed #797979;

}



div.contact_top, div.contact_bottom{

  width: 321px;

  height: 9px;

  font-size: 0;

}



div.contact_top{

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

}



div.contact_bottom{

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

}



div.contact_middle{

  width: 310px;

  padding-left: 11px;

  color: white;

  background-color: #bb1d1a;

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

}



div.contact_middle div.left{

  width: 155px;

  float: left;

}



div.contact_middle a{

  color: white;

}

div.contact_middle a:hover{

  text-decoration: none;

}



form{

  margin: 0;

}



input.field, textarea{

  padding: 0.3em;

  border: 1px solid black;

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

  font-size: 1em;

  background-color: white;

}



input.field{

  width: 197px;

  height: 1.4em;

  margin-bottom: 0.8em;

}



textarea{

  width: 305px;

  height: 7em;

}



input.button{

  width: 78px;

  height: 21px;

  margin: 0 0 0.8em 25px;

  border: none;

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

  font-size: 1em;

  font-weight: bold;

  color: white;

  background-color: transparent;

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

}



/* footer */



#footer a{

  color: white;

  text-decoration: none;

}



div.copyright{

  width: 450px;

  float: left;

  margin-top: 25px;

}



div.footer_menu{

  width: 400px;

  float: right;

  text-align: right;

  margin-top: 25px;

}



div.footer_menu a.actual{

  color: #ee2b27 !important;

}



div.favorite{

  clear: both;

  padding-top: 10px;

  text-align: center;

}



/* content */



div.defloater{

  height: 1px;

  width: 100%;

  clear: both;

  font-size: 0;

}



img.decoration{

  float: right;

  margin: 0 0 5px 10px;

  border: 1px solid #797979;

}



a.more_info{

  display: block;

  width: 85px;

  height: 18px;

  float: right;

  margin: 0.5em 0 1em 0;

  padding-top: 3px;

  color: white !important;

  text-decoration: none;

  text-align: center;

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

  background-color: #ee2b27;

}



div.double_content_left, div.double_content_right{

  width: 47%;

  float: left;

}



div.ref{

  position: relative;

  width: 190px;

  margin-top: 0.2em;

  padding-left: 10px;

  text-indent: -10px;

}



div.ref span{

  position: absolute;

  bottom: 0;

  left: 220px;

  width: 170px;

  text-indent: 0;

}



div.product{

  float: left;

  margin-top: 25px;

  padding-right: 15px;

  text-align: center;

}



div.product_single{

  margin-top: 25px;

  text-align: center;

}



div.product img, div.product_single img{

  border: 1px solid #797979;

}



img.product_left{

  width: 38px;

  height: 38px;

  clear: left;

  float: left;

  margin: 11px 5px 0 0;

  border: 1px solid #797979;

}

div#body p.doporucujeme
{
  font-size: 9px;
  text-align: center;
  color: grey;
}

div#body p.doporucujeme a
{
  text-decoration: none;
  color: grey;
} 



/*       */

/* print */

/*       */



@media print

{



body, #body, #middle_column, #content, #header, h1, h1 span{

  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, #left_column, #footer, div.iso, div.languages, div.links{

  display: none;

}



h1{

  text-align: center;

  margin-bottom: 2em;

}