/* CSS Document www.otoupalik-bikes.cz style.css*/
body {
   margin: 0px;
   padding: 0px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 70%;
   background: #E4EBF3 url(images/bg_body.gif) repeat-x;
   color:#000;
   text-align:center;
   behavior:url(csshover.htc);
}
a:link {
  color:#000;
  text-decoration: none;
}
a:visited {
  color:#000;
  text-decoration: none;
}	
a:active {
  color:#000;
  text-decoration: none;
}
a:hover {
  color:#000;
  text-decoration: none;
}
form{
  margin:0px;
  padding:0px;
}
img{
  border:0px;
  margin:0px;
  padding:0px;
}
h1.print{
  display:none;
}
.cleaner
{
  clear:both;
  display:block;
}
table
{
  font-size:1em;
}
.noprint
{
  display:none;
}
#box1{
  text-align:left;
  margin-left:auto;
  margin-right:auto;
  margin-top: 0px;
  width: 803px;
  background: #fff url(images/bg_box1.gif) repeat-y;
}
#box2
{
  width: 803px;  
  background: url(images/bg_box2.gif) no-repeat;
}
#top
{
  width:765px;
  margin-left:18px;
  height:300px;
  position:absolute;
  top:21px;
}
#top .lang
{
  height:14px;
  right:0px;
  margin-right:15px;
  display:block;
  position:absolute;
  margin-top:160px;
}
#top .lang a
{
  width:21px;
  height:14px;
  float:left;
  margin:0px 2px;
  display:block;
}
#top .lang span
{
  display:none;
}
#top .lang .cz
{
  background: #fff url(images/flag_cz.gif) no-repeat;
}
#top .lang .de
{
  background: #fff url(images/flag_de.gif) no-repeat;
}
#top .lang .en
{
  background: #fff url(images/flag_en.gif) no-repeat;
}
#top_lista
{
  width:765px;
  height:58px;
  background: #E5ECF4 url(images/bg_lista_logo.gif) no-repeat;
}
#top_lista p
{
  margin:0px;
  color:#0E2C4D;
  padding:9px 18px 0px 18px;
}
.main_img
{
  width:765px;
  height:189px;
  display:block;
  margin-top:0px;
  background: #4B6683 url(images/main_img.gif) no-repeat;
}
.main_img_de
{
  width:765px;
  height:189px;
  display:block;
  margin-top:0px;
  background: #4B6683 url(images/main_img_de.gif) no-repeat;
}
.main_img_en
{
  width:765px;
  height:189px;
  display:block;
  margin-top:0px;
  background: #4B6683 url(images/main_img_en.gif) no-repeat;
}
/*menu*/
#menu
{
  margin-top:6px;
  padding-left:26px;
  height:47px;
  font-size:11px;
  background: #DB6601 url(images/bg_menu.gif) no-repeat;
}
#menu .roh /* skryje prvni odrazku - obnovi roh v pozadi */
{
  width:2px;
  height:47px;
  background:url(images/menu_roh.gif) repeat-x;
  position:absolute; 
  margin-top:0px; 
  z-index:99;
}
#menu ul, #menu li
{
  margin:0px;
  padding:0px;
}
#menu ul.menu_left li {
  float: left;
  position: relative;
  height: 47px;
  cursor:pointer;
  line-height:47px;
  display:block;
  padding-right:0px;
  _width: 1px; /* IE */
}
#menu ul.menu_left li a /* v nejvyssi urovni udelej velka pismena */
{
  text-transform:uppercase;
  height: 47px;
  display:block;
  background: url(images/odrazka_menu.gif) no-repeat;
}
#menu ul.menu_left li a:hover
{
  text-decoration:none;
}
#menu ul.menu_left_1 /* parametry prvniho submenu (odsazeni a sirka)*/
{ 
  position: absolute;
  left:0px;
  width:200px;
  background: #CE5902;
  margin-top:0px;
  border:1px solid black;
  visibility: hidden;
}
#menu ul.menu_left_2 { /* parametry druheho submenu (odsazeni a sirka) */
  position: absolute;
  left:200px;
  margin-top:-26px;
  width:200px;
  background: #6FABD7;
  border:1px solid black;
  visibility: hidden;
}
#menu ul.menu_left li ul.menu_left_1 li
{
  height:25px;
  line-height:25px;
  float:none;
  width:auto;
  display:block;
  z-index:98; /* jen 98 aby neprekryvalo roh */
}
#menu ul.menu_left li ul.menu_left_1 li a /* v nizzsich urovnich udelej normalni pismena */
{ 
  display:block;
  height:25px;
  background: #CE5902;
  text-transform:none;
}
#menu ul.menu_left li .btn_text
{
  margin:0px 0px;  
  padding:0px 7px 0px 9px;
  display:block;
  white-space:nowrap;
}
#menu ul.menu_left li:hover .btn_text
{
  background:url(images/sipka_menu.gif) 50% 100% no-repeat;
}
#menu ul.menu_left li ul.menu_left_1 li .btn_text
{
  padding:0px 10px;
  margin:0px 0px;
  background:none;
}
#menu ul.menu_left li ul.menu_left_1 li a:hover {
  
  background: #F18E26;
}
#menu ul.menu_left li a:link, #menu ul.menu_left li a:visited, #menu ul.menu_left li a:active{
  color:#fff;
}
#menu ul.menu_left li:hover {
  color:#fff;
  background: #F08C26 url(images/bg_menu_c.gif) repeat-x;
  text-decoration:none;
}
#menu ul.menu_left li:hover ul.menu_left_1,
#menu ul.menu_left li ul.menu_left_1 li:hover ul.menu_left_2 {
  visibility: visible;
}
/* menu end*/
#main
{
  width:765px;
  margin-left:18px;
}
#panel_left
{
  padding-top:516px;
  float:left;
  width:268px;
  background:url(images/bg_kontakt.gif) 0px 321px no-repeat;
}
#panel_left .kontakt
{
  padding:0px 40px 30px 40px; 
  background:url(images/sipka_blue.gif) 19px 0.3em no-repeat;
}
#panel_left .kontakt p
{
  color:#070708;  
  margin:0px 0px 0.5em 0px;
  padding:0px;
}
#panel_left a:link, #panel_left a:visited, #panel_left a:active{
  color:#070708; 
  text-decoration:underline;
}
#panel_left  a:hover{
  color:#070708; 
  text-decoration:none;
}
#panel_right
{
  margin-top:337px;
  float:right;
  width:487px;
  background: url(images/bg_panel_right.gif) 0px 0px repeat-x;
}
#panel_right_end
{
  background: url(images/bg_panel_right_end.gif) 100% 0px no-repeat;
}
#panel_right .bg_h2
{
  background: url(images/bg_h2.gif) repeat-x;
  float:left;
  height:46px;
}
#panel_right .bg_h2_left
{
  background: url(images/bg_h2_left.gif) no-repeat;
  float:left;
  height:46px;
}
#panel_right h2
{
  margin:0px;
  height:46px;
  color:#0E2C4D;
  float:left;
  padding:0px;
  background: url(images/bg_h2_right.gif) 100% 0px no-repeat;
  font-size:1.1em;
}
#panel_right .bg_h2 span
{
   display:block;
   background: url(images/sipka_blue.gif) 12px 90% no-repeat; 
   padding:15px 30px 0px 30px;
}
#content
{
  padding:23px 23px 23px 23px;
  _padding-top:11px;
  position:relative;
  color:#424242;
  border:1px solid #CFDCEC;
  border-top:0px;
  background: #fff url(images/bg_content.gif) 0% 100% repeat-x;
}
#content a:link, #content a:visited, #content a:active{
  color:#D05B02;
  text-decoration:underline;
}
#content  a:hover{
  color:#D05B02; 
  text-decoration:none;
}
#content h3 
{
  color:#D05B02;
  font-size:1em;
  margin:0px 0px 0.8em 0px;
  padding:0px 0px 0px 0px;
}
#content h4
{
  color:#0E2C4D;
  font-size:1.0em;
  margin:0px 0px 0.4em 0px;
  padding:0px 0px 0px 0px; 
}
#content h5
{
  color:#0E2C4D;
  font-weight:normal;
  font-size:1.0em;
  margin:0px 0px 0.3em 0px;
  padding:0px 0px 0px 0px;
}
#content p
{
  margin:0px 0px 1.2em 0px;
  padding:0px 0px 0px 0px;
}
#content p.block
{
  text-align:justify;
}
#content p.right
{
  text-align:right;
}
#content p.center
{
  text-align:center;
}
#content ul
{
  margin:0px 0px 1.2em 25px;
  padding:0px 0px 0px 0px;
  list-style-type:square;
}
#content ol
{
  margin:0px 0px 1.2em 30px;
  padding:0px 0px 0px 0px;
}
#content ul li ul
{
  margin:0.6em 0px 1.2em 25px;
  padding:0px 0px 0px 0px;
}
#content li
{
  margin:0.3em 0px 0.3em 0px;
  padding:0px 0px 0px 0px;
}
#content ul.ctverecky li
{
  padding-left:0px;
  list-style:square;
  background:none;
}
#footer
{
  width:803px;
  height:45px;
  background:#C5D5E6 url(images/bg_footer.gif) no-repeat;
}
#footer p
{
  margin:0;
  color:#112F50;
  padding:21px 20px 0px 20px;
  float:left;
  font-size:0.9em;
}
#footer p.right
{
  float:right;
  color:#7890AB;
}
#footer a:link, #footer a:visited, #footer a:active{
  color:#7890AB;
  text-decoration:underline;
}
  position:relative;
}
img.left
{
  float:left;
  position:relative;
  margin-right:10px;
}
#content a.button:active, #content a.button:link, #content a.button:visited
{
  background:url(images/button.gif) no-repeat;
  width:177px;
  height:19px;
  color:#fff;
  display:block;
  float:right;
  font-size:0.9em;
  position:relative;
  line-height:19px;
  text-align:center;
}
#content a.button:hover
{
  color:#fff;
}

#content h3.red
{
  color:Red;
  font-size:13px;
  margin-bottom:15px;
}
.boxik_l
{
  border:1px solid #CFDCEC;
  float:left;
  width:45%;
  position:relative;
  padding:5px;
  margin-right:10px;
}
.boxik
{
  border:1px solid #CFDCEC;
  float:left;
  width:95%;
  position:relative;
  padding:5px;
  margin-right:10px;
}
.boxik_r
{
  border:1px solid #CFDCEC;
  float:left;
  width:45%;
  position:relative;
  padding:5px;
}
.boxik_l_noborder
{
  float:left;
  width:45%;
  position:relative;
  padding:5px;
  margin-right:10px;
}
.boxik_r_noborder
{
  float:left;
  width:45%;
  position:relative;
  padding:5px;
}
.boxik_l_spec1
{
  float:left;
  width:209px;
  position:relative;
  margin-right:11px;
}
.boxik_r_spec1
{
  float:left;
  width:209px;
  position:relative;
}
.boxik_l_spec2
{
  border:1px solid #CFDCEC;
  position:relative;
  padding:5px;
  
}
.boxik_r_spec2
{
  border:1px solid #CFDCEC;
  position:relative;
  padding:5px;
}

table.ram
{
  border:1px solid #CFDCEC;
  border-collapse:collapse;
  width:100%;
}
table.ram td
{
  border:1px solid #CFDCEC;
  padding:2px 4px;
  text-align:center;
}
table.ram th
{
  border:1px solid #CFDCEC;
  background:#EAF0F7;
  padding:2px 4px;
  text-align:center;
}

table.ram
{
  border:1px solid #CFDCEC;
  border-collapse:collapse;
  width:100%;
}
table.ram td
{
  border:1px solid #CFDCEC;
  padding:2px 4px;
  text-align:center;
}
table.ram th
{
  border:1px solid #CFDCEC;
  background:#EAF0F7;
  padding:2px 4px;
  text-align:center;
}
table.ram .left
{
  text-align:left;
}
table.objednavka
{
  border-collapse:collapse;
  width:100%;
}
table.objednavka .poznamka
{
  width:289px;  
  _width:287px;
  height:80px;
  font-size:1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
table.objednavka label
{
  font-weight:bold;
}
table.objednavka .podpis
{
   font-size:0.9em;
}
table.objednavka td
{
  vertical-align:top;
}
table.objednavka td label
{
  margin-top:0.3em;
  _margin-top:0.4em;
  display:block;
}
table.udaje input.dlouha
{
  width:285px;
  font-size:1em;
  padding:2px;
}
table.udaje .label
{
  width:120px;
}
table.pata
{
  margin-top:20px;
}
table.pata input.dlouha
{
  width:285px;
  font-size:1em;
  padding:2px;
}
table.pata .label
{
  width:120px;
}
table.order
{
  margin-top:20px;  
  border:1px solid #CFDCEC;
}
table.order td
{
  border:1px solid #CFDCEC;
  padding:2px 2px;
}
table.order th
{
  border:1px solid #CFDCEC;
  background:#EAF0F7;
  padding:2px 2px;
  text-align:center;
}
table.order input
{
  width:100%;
  border:0px;
  margin:0px;
  padding:2px 0px;
  font-size:1em;
}
table.order tr:hover input
{
  background:#EAF0F7;
}
table.order .zbozi
{
  width:100%;
}
.form_objednavka .btn_form
{
  background:#F27D00 url(images/bg_btn_form.gif) repeat-x;
  height:20px;
  border:0px;
  width:143px;
  font-weight:bold;
  font-size:1em;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  color:#fff;
}
.form_objednavka .btn_form:hover
{
  background: url(images/bg_btn_form_c.gif) repeat-x;
}
.form_objednavka #buttons
{
  margin-top:20px;
}
.pdf_sortiment
{
  background:url(images/bg_sortiment_pdf.gif) no-repeat;
  height:30px;
  width:410px;
  line-height:30px;
  margin-bottom:5px;
}
.pdf_sortiment span
{
  background:url(images/sipka_sortiment.gif) 0px 55% no-repeat;
  padding-left:20px;
  margin-left:50px;
  color:#464646;
  font-weight:bold;
  font-size:1.1em;
}
#content .pdf_sortiment span a
{
  color:#C21F24;
}
.xls_sortiment
{
  background:url(images/bg_sortiment_xls.gif) no-repeat;
  height:30px;
  width:410px;
  line-height:30px;
  margin-bottom:5px;
}
.xls_sortiment span
{
  background:url(images/sipka_sortiment.gif) 0px 55% no-repeat;
  padding-left:20px;
  margin-left:50px;
  color:#464646;
  font-weight:bold;
  font-size:1.1em;
}
#content .xls_sortiment span a
{
  color:#C21F24;
}
.line_dot
{
  overflow:hidden;
  font-size:1px;
  height:1px;
  line-height:1px;
  background:url(images/line_dot.gif) repeat-x;    
}
.sortiment_img
{
  margin-top:5px;
}
.download_reader
{
  display:block;
  background:url(images/download_reader.gif) no-repeat;
  width:110px;
  height:37px;
  margin-top:30px;
}