/* CSS Document */
body{
  margin: 0;
  padding: 0;
  text-align: center;
  border: none;
  font-family: Arial, sans-serif;
  background: url(body_bgr.gif) repeat-x top;
}

h2{
  margin: 0;
  padding: 0;
  font-size: 12px;
  text-transform: uppercase;
  text-align: left;
}

#content{
  margin: 0 auto;
  text-align: center;
  width: 808px;
  background: #ffffff;
  border: none;
  background: url(bckgr.gif) repeat-y top;
}

#header{
  background: url(rak_header_bgr.gif) no-repeat top center; 
  text-align: center;
  border: none;
  margin: 0;
  padding: 0;
  height: 115px;
}

#main{
  border: none;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  width: 800px;
  position: relative;
  margin: 0;
  padding: 0 3px 0 3px;
  text-align: center;
}

#footer{
  height: 4px;
  width: 808px;
  background: url(rak_footer_bgr.gif) no-repeat top center;
}

#main_content{
  width: 794px;
  border: none;
  margin: 0;
  padding: 3px;
  font-size: 13px;
}

#navi{
  background: url(navi_bgr.gif) no-repeat;
  height: 31px;
  width: 794px;
  padding: 3px;
  text-align: center;
}
#navi div{
  position: relative;
  float: left;
  width: 100px;
  height: 25px;
  text-align: center;
  background: url(btn_menu_passive.gif) no-repeat;
  cursor: pointer;
}
#navi div:hover{
  background: url(btn_menu_active.gif) no-repeat;
}
#navi div.long{
  position: relative;
  float: left;
  width: 150px;
  height: 25px;
  text-align: center;
  background: url(btn_menu_passive_2.gif) no-repeat;
  cursor: pointer;
}
#navi div.long:hover{
  background: url(btn_menu_active_2.gif) no-repeat;
}
#navi a div{
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  font-size: 12px;
  vertical-align: middle;
  line-height: 25px;
  letter-spacing: 0.1em;
}

.home #navi div.home{background: url(btn_menu_active.gif) no-repeat;}
.products #navi div.products{background: url(btn_menu_active.gif) no-repeat;}
.orders #navi div.orders{background: url(btn_menu_active.gif) no-repeat;}
.contact #navi div.contact{background: url(btn_menu_active.gif) no-repeat;}
.pricelist #navi div.pricelist{background: url(btn_menu_active.gif) no-repeat;}
.catalogue #navi div.catalogue{background: url(btn_menu_active.gif) no-repeat;}
.table #navi div.table{background: url(btn_menu_active_2.gif) no-repeat;}

.sub_navi{
  border-bottom: 1px solid #606060;
  padding: 0;
  margin: 2px 0 10px 0;
  height: 20px;
}

.sub_navi div{
  position: relative;
  float: left;
  height: 20px;
  padding: 0 7px 0 7px;
  font-size: 14px;
  margin: 0 0 0 5px;
  line-height: 20px;
}

.sub_navi div a{
  color: #006699; 
  font-weight: normal; 
  text-decoration: none;
}

.sub_navi div.active a{
  font-weight: bold;
  color: #990000;
}

.sub_navi div.active{
  border-top: 1px solid #606060;
  border-right: 1px solid #606060;
  border-left: 1px solid #606060;
  border-bottom: 1px solid #ffffcc;
  top: -1px;
}

.sub_navi div.passive{
  border-top: 1px solid #d0d0d0;
  border-right: 1px solid #d0d0d0;
  border-left: 1px solid #d0d0d0;
  border-bottom: none;
  background: #ffffaa;
  top: -1px;
}
.sub_navi div.passive a:hover{
  color: #0066ff;
}

img{
  border: none;
  margin: 0;
  padding: 0;
}

.products_window{
  clear: both;
  border-left: 1px solid #606060;
  border-right: 1px solid #606060;
  height: auto;
  background: #ffffaa ;
  margin: 0 0 0 0;
  width: 792px;
}

.products_window_half{
  clear: both;
  width: 395px;
  border-left: 1px solid #606060;
  border-right: 1px solid #606060;
  height: auto;
  background: #ffffaa ;
  margin: 0 0 0 0;
}

.product_window_top{
  height: 4px;
  width: 794px;
  background: url(product_window_top.gif) no-repeat top center;
  margin-top: 5px;
}

.product_window_bottom_half{
  height: 4px;
  width: 397px;
  background: url(product_window_bottom_half.gif) no-repeat top center;
  margin-bottom: 5px;
}

.product_window_top_half{
  height: 4px;
  width: 397px;
  background: url(product_window_top_half.gif) no-repeat top center;
  margin-top: 5px;
}

.product_window_bottom{
  height: 4px;
  width: 794px;
  background: url(product_window_bottom.gif) no-repeat top center;
  margin-bottom: 5px;
}

.product_info_window{
  text-align: left;
  margin: 0px;
  border-bottom: 1px solid #606060;
  padding: 2px;
  font-size: 11px;
  color: #336699;
  background: #ffff77;
}

.products_window table td{
  font-size: 11px;
  color: #336699;
  text-align: center;
}

div.top{
  margin-top: 7px;
  width: 794px;
  height: 15px;
  clear: both;
  background: url(group_top.gif) no-repeat top center;
}

div.bottom{
  margin-bottom: 7px;
  width: 794px;
  height: 15px;
  clear: both;
  background: url(group_bottom.gif) no-repeat top center;
}

.products_window img{
  margin: 2px; 
}

.product_info{
  position: absolute;
  z-index: 100;
  padding: 5px;
  border: 1px solid #606060;
  background: #ffffff;
  width: 150px;
  height: auto;
  display: none;
  text-align: left;
  font-size: 12px;
  opacity: .70;
  filter: alpha(opacity=70);
}

.contact table.info{
  width: 794px;
  font-size: 13px;
  border-spacing: 3px;
  border: 1px solid #606060;
  margin: 0 0 10px 0;
}
.contact table.info th{
  text-align: right;
  color: #336699;
}
.contact table.info td{
  text-align: left;
  padding: 4px 0 4px 10px;
}
.odd{
  background: #ffff77;
}
.even{
  background: #ffffaa;
}
.downmenu a{
  font-size: 11px;
  color: #336699;
}



/*HEADER H2 - OBLE ROHY*/
.header_tl{
  padding: 0;
  margin: 0 0 5px 0;
  background: #ffff33 url(hdr_tl.gif) no-repeat top left;
  color: #303030;
}
.header_tr{
  padding: 0;
  margin: 0;
  background: url(hdr_tr.gif) no-repeat top right;
}
.header_br{
  padding: 0;
  margin: 0;
  background: url(hdr_br.gif) no-repeat bottom right;
}
.header_bl{
  padding: 3px 0 3px 5px;
  margin: 0;
  background: url(hdr_bl.gif) no-repeat bottom left;
}
.hdr_bgr{
  background: url(racik2.gif) no-repeat center right;
  margin-right: 5px;
}

.sizes{
  text-align: center;
  border-spacing: 3px;
  border: 1px solid #606060;
}

.sizes th{
  background: #ffff00;
  padding: 5px;
  color: #336699;
}
tr.odd{
  background: #ffff77;  
}
tr.even{
  background: #ffffaa;  
}


.center{
  clear: both;
  text-align: center;
}

.catalogue #main_content a{
  color: #336699;
}




#order_form table, .dummy{
  text-align: left;
  width: 400px;
  border: 1px solid #606060;
}

#order_form{
  margin: 2px;
  padding: 0;
}

#order_form table label, .dummy label{
  display: block;
  color: #336699; 
  font-weight: bold;
}
#order_form table td, .dummy td{
  padding: 5px;
}

#order_form table input, #order_form table textarea{
  width: 390px;
}

#order_form table #order_text{
  height: 300px;
}

#order_form table textarea{
  height: 130px;
}

input[type=submit]{
  width: 80px !important;
  border: 1px solid #336699;
}

.warning{
  width: 400px;
  padding: 5px;
  font-weight: bold;
  color: #990000;
  border: 1px solid #990000;
  background: #ffffaa;
}

.message{
  font-weight: bold;
  color: #009900;
}
.warn{
  font-weight: bold;
  color: #990000;
}

.pricelist_table{
  width: 100%;
  border: 1px solid #606060;
}

.pricelist_table td{
  text-align: left;
  padding: 3px;
}

.pricelist_table tr.title th{
  background: #336699 url(title_pl.gif) repeat-x bottom left;
  color: #ffffcc;
  padding: 4px;
}

.pricelist_table tr.headers th{
  background: #6a94be url(headers_pl.gif) repeat-x bottom left;
  color: #ffffcc;
  padding: 4px;
}

.pricelist_table tr.subtitle td{
  background: #a2b9d0 url(subtitle_pl.gif) repeat-x bottom left;
  font-weight: bold;
  color: #ffffcc;
  padding: 4px;
}

.pricelist_table tr:hover{
  background-color: #ffea77;
}

.pricelist_table td.price{
  width: 110px;
  font-weight: bold;
  text-align: center;
}


ol{
  text-align: left;
}