/* ----------------------- generally ----------------------- */
body
{ 
  padding: 0px;
  margin: 0px;
  font-family: Verdana,Arial,Times,serif;
  font-size: 12px;
  line-height: 16px;
}


.neobtekat, * html .pos {height: 1%;}

.neobtekat:after, .pos:after
{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
} 


img
{
  border: none;
  display: block;
}
ul{list-style: none;}

h1, h2, h3, h4, h5, h6, p, form 
{
  margin: 0px;
  padding:0px 12px;}

table td, table th{vertical-align: top;}
 
form table {font-size: 12px;}
form table th {text-align: right;}
  
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration: none;}

h1, h2, h1 a, h2 a, legend {color: #00396b;}

h1 {font-size: 18px;}

h1, h2 {padding: 9px 12px;}

h3, h4, h3 a, h4 a 
{
  color: #5f87af;
  font-size: 12px;}

p
{
  margin-bottom: 12px;
}
a {color: #5f87af;}
 
fieldset 
{
  margin: 20px;} 

legend 
{
  font-weight: bold;
  font-size: 13px;
  padding: 5px;}  
 /* Classes */  

.clear{clear: both;font-size: 1px; height: 1px;} 
.hid{display: none;}
/* odkaz se sipkou */
.arr { 
padding-top: 4px;
  padding-left: 14px;
  background:transparent url('../images/arr.gif') left center no-repeat;}

/* element s ikonou jako pozadi */
.ico01, .ico02, .ico03, .ico04, .ico05, .ico06, .ico07, .ico08, .ico09, .ico10, .ico11, .ico12, .ico13{padding-left: 28px !important;}
/* -> k tomuto elementu je potreba priradit dalsí tridu, ktera urci ikonu na pozadi */     
.ico01 {background:transparent url('../images/ico01.gif') 7px center no-repeat;}  
.ico02 {background:transparent url('../images/ico02.gif') 4px center no-repeat;}  
.ico03 {background:transparent url('../images/ico03.gif') 4px center no-repeat;}  
.ico04 {background:transparent url('../images/ico04.gif') 4px center no-repeat;}  
.ico05 {background:transparent url('../images/ico05.gif') 4px center no-repeat;}  
.ico06 {background:transparent url('../images/ico06.gif') 4px center no-repeat;}  
.ico07 {background:transparent url('../images/ico07.gif') 4px center no-repeat;}  
.ico08 {background:transparent url('../images/ico08.gif') 4px center no-repeat;}  
.ico09 {background:transparent url('../images/ico09.gif') 4px center no-repeat;}  
.ico10 {background:transparent url('../images/ico10.gif') 4px center no-repeat;}  
.ico11 {background:transparent url('../images/ico11.gif') 4px center no-repeat;}  
.ico12 {background:transparent url('../images/ico12.gif') 4px center no-repeat;}  
.ico13 {background:transparent url('../images/ico13.gif') 4px center no-repeat;}  


.color_orange{color: #ff6600;}
.color_darkgreen{color: #008000;}
.color_darkblue{color: #003366;}

.cntr {text-align: center;}
.cntr_moz {margin: 0px auto;}
.rgt {text-align: right!important;}

.pos_left img, .pos_right img 
{
  margin: 10px;
  display: inline;
  }
div.pos_left {float: left;}

  div.pos_left img {
    margin-left: 15px;}

.pos_right {float: right;}
  
  .pos_right img {
    margin-right: 15px;}

.w340 {width: 340px;}
.w500 {width: 500px;}
.w450 {width: 450px;}
.w540 {width: 540px;}

/* seznamy */


.list_arr, .list_dot, .list_nike, .list_cross
{
  margin-bottom: 3px!important;
  margin-top: 3px!important;}
  
/* seznam se sipkami */
.list_arr li
{
  padding-left: 14px!important;
  background:transparent url('../images/arr.gif') left 2px no-repeat!important;}

/*seznam s modrymi puntíky*/
.list_dot li
{
  padding-left: 14px!important;
  background:transparent url('../images/dot.gif') left 2px no-repeat!important;}

.list_nike li
{
  padding-left: 14px!important;
  background:transparent url('../images/listnike.gif') left 2px no-repeat!important;}

.list_cross li
{
  padding-left: 14px!important;
  background:transparent url('../images/cross.gif') left 2px no-repeat!important;}

#header_info p
{
  margin: 0px;
  padding: 0px;
}

form .button, form .button2
{
  padding-left: 4px;
}
form  input.button, form input.button2
{
  border: none;
  padding-left: 0px;
  height: 26px;
  width: 148px;
  color: #386a9c;
  font-weight: bold;
  font-size: 14px;
  vertical-align: middle;
  text-align: center;}


form  input.button
{
  background: transparent url('../images/button.gif') left top no-repeat;
  padding-right: 38px; 
}

form  input.button2
{
  background: transparent url('../images/button2.gif') left top no-repeat;
  padding-right: 4px; 

}

form label 
{
  padding: 0px 10px;
  font-weight: normal;}

form  input.inptxt {
padding: 0px;
font-size: 12px;
height: 15px;
}

form  input.inptxt, form textarea, form em {width: 250px;}

form textarea 
{
  overflow: auto;
  height: 100px;}


form em {
display: block;
font-size: 11px;
line-height: 14px;
}

form table th span {
font-size: 11px; 
color: #f49000;
font-weight: bold;
}

form table  
{
  margin: 0px;
  padding: 0px;}

form table th {text-align: left;}

form table th, form table td {  font-size: 12px; line-height: 25px;}

form .err_item label, form .err_item .inptxt  {font-weight: bold;}

form .err_item .inptxt {border: 2px solid black;}

/* ----------------------- boxes ----------------------- */


#col1{width: 680px;}

.box{margin-right: 7px;}

.box, .box .box_cont {width: 333px;}

.box
{
  float: left;
  background: url('../images/box.gif') top no-repeat;
  margin-bottom: 7px;
  line-height: 14px;}
  
  .box .box_cont, .box2 .box2_cont {padding: 3px 9px;}
  
  .box .box_cont 
  {
    background: url('../images/box_b.gif') bottom no-repeat;
    width: 315px;}


  .box p, .box2 p{
    font-size: 11px;}
  
  /* narozdíl od obecných p., namají p. v bublinách margin */  
  .box p, .box2 p, .boxlarge p {margin-bottom: 0px;} 
  
  /* narozdíl od obecných nadpisů., namají nadpisy v bublinách obecný padding */
  .box p, .box2 p, .boxlarge p, .box h1, .box h2, .box h3, .box h4, .box h5, .box h6,
  .boxlarge h1, .boxlarge h2, .boxlarge h3, .boxlarge h4, .boxlarge h5, .boxlarge h6
  {
    padding: 0px;} 
    
    
  /* h2 obecně a h1 v bublináchm vypadají stejně*/  
   h2, .box h1, .box2 h1, .boxlarge h1
  { 
    font-family: "Trebuchet MS", "Verdana";
    font-size: 16px;
    line-height: 16px;
  }
  
  /* h2 a h1 v bublinách mají stejný padding*/
  .box h2, .box2 h2,.boxlarge h2,.box h1, .box2 h1, .boxlarge h1 {padding: 6px 0px 11px 0px;}


  
  .bxd, .bxc img {float: left;}
  
  .bxc img 
  {
    margin-top: 5px;
    margin-right: 5px;}
  
  .bxd {
    padding:0px 4px;
    width: 210px;}
    
    .bxd a.arr
    {
      padding-top: 4px;
      float: right;}
    
 

  

.boxlarge
{
  width: 673px;
  margin-bottom: 7px;
  background: url('../images/boxlarge.gif') left top no-repeat;
}
.boxlarge .box_cont
{
  padding: 5px 7px 10px;
  background: url('../images/boxlarge_b.gif') left bottom no-repeat;}
  
.boxlarge .bxd {
  padding:0px 5px;
  width: 485px;}  
  
.boxlarge p{
line-height: 16px;

}


.orderbox 
{
  width: 400px;
  margin: 20px 0px;
  background:#deeef8 url('../images/orderbox_t.gif') left top no-repeat;}

.orderbox .orderbox_cont
{
  background: url('../images/orderbox_b.gif') left bottom no-repeat;
  padding: 20px;
  width: 360px;
}
.orderbox .lft 
{
  float: left;
  display: block;
  line-height: 26px;
  color: #5f87af;
}
.orderbox .lft strong
{
  font-size :16px;
  color: #f49000;
}



div.yel{background: url('../images/box_yel.gif') left top no-repeat;}

div.yel div.box_cont{background: url('../images/box_yel_b.gif') left bottom no-repeat;}

div.blu{background: url('../images/box_blu.gif') left top no-repeat;}

div.blu div.box_cont{background: url('../images/box_blu_b.gif') left bottom no-repeat;}

div.fixheight div.box_cont, div.fixheight div.box2_cont {height: 195px!important;}


#col2
{
  padding-right: 7px;
  width: 236px;
}

.box2
{
  background: url('../images/box2.gif') top no-repeat;
  margin-bottom: 7px;
  width: 237px;
}

.box2 .box2_cont 
{
  background: url('../images/box2_b.gif') bottom no-repeat;
  width: 219px;}

 .box2 .bx2d{padding:0px 0px 0px 7px;}
  
.box2 h2{padding: 7px 0px;}  
.box2 ul
{
  font-size: 10px;
  line-height: 11px;
  padding: 0px 0px 0px 15px;
  margin: 0px;
  list-style: square;
  }  
  
  
  /*barevne kombinace pro boxy v navigacnim sloupci*/
div.syel{background: url('../images/box2_syel.gif') left top no-repeat;}

div.syel div.box2_cont{background: url('../images/box2_syel_b.gif') left bottom no-repeat;}

div.swhi{background: url('../images/box2_swhi.gif') left top no-repeat;}

div.swhi div.box2_cont{background: url('../images/box2_swhi_b.gif') left bottom no-repeat;}


/* --------------------- [END]boxes --------------------- */

#leftcol, #rightcol {float: left; }
#leftcol 
{
  border-right: 1px solid #5f87af;
  width: 450px;}
  
#rightcol {width: 229px;}

/* Zalozkove menu */
.tabs_menu ul 
{
  padding: 0px;
  margin: 0px 0px 0px 10px;
}

.tabs_menu .content 
{
  position: relative;
  left: -10px;}

.tabs_menu ul ul {margin:0px;}

.tabs_menu ul li 
{
  position: relative;
  top: 2px;
  float: left;
  margin-right: 2px;
}

.tabs_menu ul li a.head 
{
  display: block;
  padding: 4px 8px;
  height: 20px;
  color: #8aa4b6;
  text-decoration: none;
  font-weight: bold;
}

.tabs_menu .showtab ul, .tabs_menu .content ul
{
  padding: 10px 0px;
}

.tabs_menu .showtab ul li, .tabs_menu .content ul li
{
  position: static;
  float: none!important;
  height: auto;
  background: none;
}



/* pozadi nesmi byt videno pokud neni zaoply js*/
.tabs_menu ul li.js{background: url('../images/tabs.gif') left top no-repeat;}

.tabs_menu ul li.js a {background: url('../images/tabs_r.gif') right top no-repeat;}

.tabs_menu ul li.act
{
 background-image: url('../images/tabs_act.gif');
}
.tabs_menu ul li.act a.head
{
  color: #00396b;
  background-image: url('../images/tabs_r_act.gif');
}  

.my_table
{
  background: url('../images/tbl_top_l.gif') left top no-repeat;
  height: 1%;  
  width: 659px;
}

.my_table div.tbl_cont
{
  background: url('../images/tbl_top_r.gif') right top no-repeat;
}

.my_table .tbl_bot
{
 background: url('../images/tbl_bot_l.gif') left bottom no-repeat; 
 }

.my_table .tbl_bot_r
{
 background: url('../images/tbl_bot_r.gif') right bottom no-repeat; 
  height: 1%;  
 } 

.my_table table
{  
  width: 655px;
  font-size: 12px;
  margin: 1px 2px 3px;
  border-collapse: collapse!important;}
  
.my_table table th, .my_table table td{border-right: 1px solid white;}

.my_table table th img, .my_table table td img {display: inline;}

.my_table table th {text-align: center!important;}

.cntr{padding: 0px!important;}

.my_table table th {
  background:  url('../images/tbl_th.gif')  repeat-x;
  height: 24px; 
  padding: 3px; 
  color: #4383c4;
  font-weight: normal;}
  
.my_table table thead th {background: none;}

.my_table table td {
  background-color: #f6f6f6;
  padding: 5px;}
  
.my_table table tr.scnd td {background-color: #eeeeee;}