.background_dark {
  margin: 0 auto 0 auto;
  background:#751111 url('http://www.onlysoft.org/eshop/img/dda/pruhpodbanner2.jpg') repeat;
  /* puvodni 4A4584 pozadi horniho menu a tlacitek (modra )21A2B1, toto jsem zmenil po karlovi, ten hnědej debilismus*/
}


 .background_light {
  background:#DCDCDC;
  /* 21A2B1 pozadi leveho a pravého pruhu */
} 


.background_middle {
  background:#DCDCDC;
  /* D2E4E6 puvodni DCDCDC pozadi kategorie, rozcestniku nahore stranky url('http://www.onlysoft.org/eshop/img/webimg/pozadi2.jpg') no-repeat */
}

.color_dark {
  color:black;
   /* E36F25 barva textu vlevo- vyhledavani,stromova struk,kategorie,odkazy
  vpravo- prihlaseni, novinky a vyrobky i popis, specialni nabidka, v detailu kategorie */
}


body {
  font-family:Tahoma, Arial, helvetica, sans-serif;
  background:#636D77 url('http://www.onlysoft.org/eshop/img/webimg/pozadi.jpg') repeat;
  text-align: left;
  /* pozadi nad hornim menu a vlevo dole pod menu */
}
body, table, form {
  font-size: 11px;
  margin:0;
  padding:0;
  color: black;
    /* pismo - detal zbozi, kategorie... */
}
#banyrek {
 width: 1000px;
 height: 145px;
 background: transparent url('http://www.onlysoft.org/eshop/img/dda/os_banner_stred.jpg') no-repeat;
 margin: 0 auto auto auto;
 overflow: hidden;
}

#sipka {
 width: 81px;
 height: 145px;
 margin-left: -81px;
 margin-top: 0px;
 background: transparent url('http://www.onlysoft.org/eshop/img/dda/sipka.gif') no-repeat;
 position: absolute;
}
#pozadicko {
width:100%;
height:100%;
background:#ffffff url('http://www.onlysoft.org/eshop/img/webimg/pozadi2.jpg') repeat;
/* pozadí položek do INFO v horním menu */
}
#user_orders {
  width:100%;
  height:120px;
  background:transparent url('http://www.onlysoft.org/eshop/img/dda/call_01.jpg') top left no-repeat;
  /*font-weight:bold;*/
  /*color:#344901;*/
/* bábovka bloncka u kontaktu na titulní straně */
}
#nod32 div {
color: #15696c;
padding: 3px 0 5px 0;
text-align: center;
margin: auto auto auto auto;
line-height: 20px;
}
#nod32 img {
vertical-align: middle;
}


.color_light {
  color:#ADC3EF;
  /* ??? */
}


.color_sti {
  color:#4A8EFF;
  /* 005E68  4A4584 barva odkazu ve stredni casti (kategorie, nazvy zbozi... 21A2B1 */
}


.border_dark {
  border:1pt solid #4A4584;
  /* (1)barva a sila oramovani formularu (registrace...) */
}


.border_dark_sti {
  border-right:0pt solid #C9C9C9;
  /* sila prave cary v katalogu) */
  border-bottom:0pt solid #C9C9C9;
  /* sila spodni cary v katalogu 005E68) */
}


.border_light {
  border:1pt solid #E36F25;;
  /* ??? (1)*/
}


.background_dark a {
  color:#CACA00;
  font-size: 14px;

  /* barva pisma horniho menu a vlevo kategorie a vyrobci */
}




/* konec hlavni stranky------------------------------------------------------------------------------- */






table {
  border-collapse: collapse;
  /*_table-layout:fixed;*/
  margin-top:5px;
}
td,th {
  padding-left:5px;
  padding-right:5px;
  /* vzdalenost zleva (levy a pravy odstavec) */
}
a {
  text-decoration:none;
  color:#356166;
  /* barva 356166 (barva odkazu) */
}
a:hover {
  text-decoration:underline;
}
th a {
  color:white;
}

h1,h4,h5,h6 {
  margin:0px;
}
h1 {
  float:left;
  font-size:12px;
}
h6 {
  font-size:8pt;
}

select, input, textarea {
  margin:0; 
  margin-left: 4px;
  padding-left:2px;
    font: 8pt sans-serif;
    color: black;
  background: #fff;
  /* background: #fff; - barva ve formulari */
}
textarea {
  width:60%;
  /* ???   */
}

input.big, select.big {
    margin-left: 4px;
    margin-bottom: 3px;
    background: #fff;
    width: 240px;
}
input.small, select.small {
  width: 50px;
}
input.smaller, select.smaller {
  width: 95px;
}
.bold {
  font-weight:bold;
}
.align_center {
    text-align: center;
}
.align_right {
  text-align: right;
}
.align_left {
  text-align: left;
}
.nowrap {
  white-space:nowrap;
}
.char {
  font-family:wingdings, sans-serif;
}
.webd {
  font-family:webdings, sans-serif;
  font-size:14px;
}
.banner {
  text-align:center;
}
.banner img {
  margin-left:50px;
}
.float_left {
  float:left;
}
.stock_yes {
  color:green;
  font-weight:bold;
}
.stock_not {
  color:#A52A2A;
  font-weight:bold;
}
.stock_img {
  vertical-align:middle;
  width:15px;
  height:15px;
}
.buy_td {
  width:58px;
  text-align:right;
}
.buy_img_in {
  width:37px;
  height:15px;
  vertical-align:middle;
  border:none;
  background: url('http://www.onlysoft.org/eshop/img/buy_cs.gif') top left no-repeat;
  /*float:left;*/
}
.buy_img_out {
  width:37px;
  height:15px;
  vertical-align:middle;
  border:none;
  background: url('http://www.onlysoft.org/eshop/img/buy_out_cs.gif') top left no-repeat;
  /*float:left;*/
}
.buy_qty {
  width:20px;
  height:12px;
  vertical-align:middle;
  text-align:right;
  border:1pt solid black;
  /*float:left;*/
  margin-right:2px;
}
.logout {
  color:red;
  font-size:15px;
  font-weight:bold;
}
.error {
  color:red;
  line-height:15px;
  border:1pt solid red;
}
.error legend {
  color:red;
}
.error_items {
  padding-left:10px;
}
fieldset{
    clear:left;
    margin-bottom: 10px;
    text-align: left;
    color:black;
    padding: 5px;
    border: 0px;
    border-top:1pt solid black;
}
legend {
    font-weight:bold;
    font-size:11px;
    color:black;
}
label {
    cursor: pointer;
}
.forlabel {
    float: left;
    width:140px;
    text-align: right;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 3px;
    cursor: pointer;
}
.button {
  /*border: 2px solid white;*/
  color:white;
  font-size: 11px;
  font-weight:bold;
  padding:0px;
 
}
.mb {
  text-align: center;
  font-size: 11px;
  white-space:nowrap;
  margin-top:10px;
  margin-bottom:10px;
  color:black;
}
.mb a{
  font-family: webdings, sans-serif;
  text-decoration: none;
  font-size: 11px;
}
.mb img {
  width:10px;
  height:8px;
  margin-right:2px;
  border:none;
}
.disabled{
  color: gray
}
.even td{
  background:#cce0f0;
}
.clear {
  clear:left;
}
.order_state2 {
  color:green;
}
.order_state2 th {
  background:green;
}
.order_state1 {
  color:black;
}
.order_state1 th {
  background:black;
}
.check {
  /*background:#FFF8DC;*/
  font-weight:bold;
}
.line_through {
  text-decoration:line-through;
}

/*formular - vyhledavani*/
form.searchform {
  clear:left;
    padding: 3px;
    margin-bottom: 5px;
    margin-top: 5px;
    vertical-align:top;
}

/* skelet */

#pageskelet_top {
    background:#cce0f0;
    height:90px;
    border-bottom:1pt solid #0065B5;
}

#pageskelet_logo { 
  width:110px; 
  height:90px; 
  background:url("http://www.onlysoft.cz/logo/chropotal_1.jpg") center left no-repeat; 
  border-right:0pt solid #0065B5;
} 

#pageskelet_banner {
  position: absolute; 
  left:190px; 
  top:2px;
  width:468px; 
  height:60px; 
}


#pageskelet_search {
  position: absolute;
  left:170px; 
  top:5px;
  width:605px;
  color:#0065B5;
  font-size:8pt;
  font-weight:bold;
  background:#cce0f0;
  padding:2px;
  text-align:center;
}
#pageskelet_search input {
  width:100px;
  height:17px;
  border:1pt solid black;
  font-size:8pt;
  margin-right:3px;
}
#pageskelet_status {
  width:100%;
}
#promocontent {
  text-align:left;
  margin:0px;
  padding:2px;
  line-height:15px;
  font-size:11px;
}
#promocontent .status {
  width:140px;
  _width:140px;
  overflow:hidden;
  line-height:18px;
}
#promocontent ul {
  text-align:left;
  margin:0px;
  padding-left:0px;
  overflow:hidden;
  width:140px;
  _width:140px;
}
#promocontent li {
  padding-left:0px;
  list-style-type:square;
  list-style-position:inside;
  _margin-left:15px;
  _list-style-position:outside;
  overflow:hidden;
}
#promocontent img {
  margin-top:8px;
}

#pageskelet_middle {
    width:1000px;
    text-align:left;
    margin: 0 auto auto auto;
   
    /* 100% , 74%, velikost leveho, stredniho a praveho sloupce (pro 4 vyrobky 74, pro 3 výrobky 1011 * jo a přidal jsem zde ten řádek margin a rozšířil z
1000px na 1010px prostřední plochu  */
}

#pageskelet_left {
    _float:left;
    width:160px;
    height:100%;
    margin:0; 
    margin-bottom: auto;
    background: url('http://www.onlysoft.org/eshop/img/webimg/os_vzor_prava.jpg') repeat-y;
  /* padding:0.5em 1em; */
    }



#treecontent {
  background:#;
  text-align:left;
  margin:0px 4px 0px 0px;
  padding:0px;
  line-height:15px;
  font-size:13px;
  padding:2px;
}
#treecontent_separator {
  width:95%;
  height:1px;
  border-bottom:1px solid;
  margin:3px 0px 3px 0px;
  padding:0px;
  font-size:1px;
  overflow:hidden;
}

/*textove menu*/
#treecontent ul {
  width:100%;
  clear:left;
  text-align:left;
  margin:0px 0px 10px 0px;
  padding-left:2px;
  padding:0px;
  font-weight:normal;
  list-style:none;
  width:150px;
}
#treecontent ul li{
  padding-left:3px;
  /*list-style:disc;
  list-style-position:inside;
  overflow:hidden;
  white-space:nowrap; */
  width:150px;
}
#treecontent ul li ul, #treecontent ul li ul li ul {
  list-style:square inside;
  font-size:11px;
  margin:0px;
  padding:0px;
  padding-left:2px;
  width:150px;
  overflow:hidden;
}
#treecontent ul li ul li ul {
  list-style:disc inside;
}
.tree {
  float:left;
  width:50%;
  text-align:center;
  font-weight:bold;
  height:20px;
  font-size:11px;
  /*
  font-size:12px;
  text-align:center;
  font-weight:bold;
  padding-bottom:5px;
  */
}
.tree a {
  text-decoration:none;
}
.tree_act {
  color:black;
}
/* leva kategorie odkaz pismo */
#treecontent li a{
  text-decoration:none;
  color:#ffffff;
  font-weight: bold;
}
/* leva kategorie odkaz pismo po najeti mysi */
#treecontent a:hover{
  text-decoration:underline;
  /*font-weight: bold; */
} 

#pageskelet_right {
    _float:right;
    width:160px;
    height:100%;
    margin:0; 
    background: url('http://www.onlysoft.org/eshop/img/webimg/os_vzor_prava.jpg') repeat-y;
  /*padding:0.5em 1em;*/
    }


#pageskelet_center {
    /*margin:0 150px;*/
    margin:0px;
    margin-left:160px;
    margin-right:160px;
    padding:0px;
    padding-bottom:15px;
  background:#ffffff; 
  border-left:1pt solid silver;
  border-right:1pt solid silver;
  width:100%;
  height:100%;
  }
#PageSkelet_Main {
    margin:0; 
    padding:0.5em 1em;
    text-align:left;  
    }

#pageskelet_bottom { 
  background: url('http://www.onlysoft.org/eshop/img/webimg/os_vzor_prava.jpg') repeat; /* zmena pozadi paticky stranky - misto cervene na sedou tapetu a já Pája jsem rozšířil spodek z 1000px na 1010px*/
    line-height:31px;
    width:1000px; /* sirka spodniho copyrightu */
    border-top:0pt solid black;
    border-bottom:0pt solid black;
    clear:both;
    }

.pageskelet_copyright, .pageskelet_copyright a { 
  display: none;
  text-align:right;
  width:1000px;
  font-size:5px;
  color:ffff00; 
  margin:0
  }

.cleaner {
    clear:both;
    height:1px;
    font-size:1px;
    border:none;
    margin:0; 
  padding:0;
    background:transparent;
    }

/*top menu*/
#pageskelet_top_menu {
    clear:left;
    width:1000px; /* sirka horniho menu jambor... v tom pruhu pod bannerem */
    height:40px;
    position: relative; 
    border-top:1pt solid black;
    border-bottom:1pt solid black;
}
#PageSkelet_Menu_Info {
  float:left;
  width:10px;
  /* 100 levy text u horniho menu */
}


#PageSkelet_Menu {
  font:10pt Verdana, sans-serif;
  text-align: left;
  position: absolute;
  top: 8px;
  left: 164px;
  padding-top:2px;
  /* left: 170px *----------------------------velikost pisma v menu rolovacím , tad yjsem měnil pozici a velikost jambor */
}



/* #print_area {
  position:relative;
  top:13px;
  float:right;
  width:22px;
  height:20px;
  cursor:pointer;
  font:11px Verdana, sans-serif; 
  font-weight: bold;
  color:white;
  background: url('http://www.onlysoft.org/eshop/img/dda/print.gif') top left no-repeat;
} */

#print_area img {
  cursor:pointer;
  position:absolute;
  top:13px;
  right:5px;
}

#menu {
  display:inline;
}

#menu a.menu_head {
    font-size: 14px; 
    font-weight: bold;
    margin:0; 
    margin-right:3px;
    padding: 8px; 
    padding-bottom: 1px; 
    padding-top: 1px; 
    display: block; 
    text-decoration: none; 
    /*color:white;
    border:1pt solid white;*/
    text-align:left;
    white-space:nowrap;
}
#menu a:hover.menu_head {
  /* text-decoration: underline; */
}

#menu .menu_delim {
  width:1px;
  color:white;
}
#menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
#menu li {
  float: left;
  position: relative;
  /*width: 115px;*/
  list-style: none;
}
#menu li ul {
  display: none;
  position: absolute;
  top: 20px;
  left: 0px;
  z-index:4;
  width: 180px;
  border-bottom:1px solid;
  border-left:1px solid;
  border-right:1px solid;
}
#menu li ul li {
  padding:2px 2px 2px 3px;
  width:180px;
  height:15px;
  border-top:1px solid;

}
#menu li ul li a {
  /*color:white;*/
  width:180px;
  height:15px;
  text-decoration: none; 
  font-weight:bold;
  font-size:10px;
}
#menu li ul li a:hover {
  background:#000000;
  width:180px;
  height:15px;
  text-decoration: none;
}
#menu li > ul {
    top: auto;
    left: auto;
}
#menu li:hover ul, #menu li.over ul{ 
  display: block; 
}   


/*seznam produktu - nahledy*/
.stilist_top {
  border-top:1pt solid #005E68;
  border-bottom:1pt solid #005E68;
  padding:3px;
}
.stilist_top p {
  margin:3px;
  padding:0px;
  clear:left;
}



/* ctverec zbozi v katalogu */
.stilist_div {
  height:232px;
  width:205px;
  background: url('http://www.onlysoft.org/eshop/img/pozadi-katalogu.gif');  /* rámeček co je pod zbožím JSEM VYHODIL 11.05.2009 a změnil jsem height na 237 z 233px nebylo vidět slovo Konfigurovat v konfigurátoru pc a margin-bottom:3px ze 4px na 3px */
  text-align:left;
  margin-left:3px;
  margin-right:3px;
  margin-top:4px;
  margin-bottom:4px;
  float:left;
  overflow:hidden;
}
/* název zbozi v katalogu */
.stilist_head{
  /*background:black;*/
  padding-left:5px;
  padding-top:3px;
  padding-right:5px; 
  padding-bottom:5px; 
  margin-bottom:2px;
  height:28px;
  text-align:left;
  overflow:hidden;
   /*white-space:nowrap;*/
}
.stilist_head a {
  font-size:11px;
  font-weight:bold;
  color: brown;
/* původní barva nápisu u zboží color: #DA1F26; jsem změnil 11.5.2009*/
}
.stilist_head a:hover {
  text-decoration:underline;
  color: #21A2B1;
}
.stilist_image {
  padding-left:5px;
  padding-right:5px;
  padding-bottom:5px;
  height:140px;
  overflow:hidden;
}
.stilist_image img{
  height:75px;
  width:75px;
  float:left;
  margin-right:5px;
  border:0px;
}
.stilist_rel {
  position:relative;
  clear:left;
}
.stilist_buy, .stilist_stock, .stilist_price {
  position:absolute;
  top:0px;
  right:3px;
}
.stilist_stock {
  top:20px;
}
.stilist_price {
  width:130px;
  left:5px;
}
.price, .pricelabel {
  font-weight:bold;
  color:#21A2B1;
  /* FF6347 */
}
.price {
  font-size:14px;
}


/*registrace*/
#com_main {
  width:430px;
  float:left
}

/*tabulkova data*/  
#main {
  width:100%;
  float:left;
}
#table {
  width:100%;
  border:1pt solid black;
  clear:left;
}
#table td {
  border-bottom:1pt solid silver;
}
#table th {
  color:white;
}
#table_total {
  width:50%;
  font-size:10pt;
  font-weight:bold;
  text-align:right;
  margin-bottom:10px;
}
#table_pict {
  width:100%;
  clear:left;
  border-bottom:1pt dotted silver;
}
.table_pict_image {
  padding-left:5px;
  padding-right:5px; 
  padding-bottom:5px; 
  height:100px;
  overflow:hidden;
}
.table_pict_image img{
  height:75px;
  width:75px;
  float:left;
  margin-right:5px;
  border:0px;
}
.table_pict_border td {
  border-top:1pt dotted silver;
}
/*detail produktu*/
.sti_title {
  width:100%;  /*nazev zbozi v detailu*/
  height:20px;
  /*border:1pt solid black;*/
  margin-top:5px;
}
.sti_title_head {
  font-size:13px;
  font-weight:bold;
  padding-left:5px;
}
.sti_chooser {
  width:220px;
  clear:left;
  float:right;
  margin-top:5px;
  margin-bottom:5px;
}
.sti_chooser th {
  font-size:11px;
  color:white;
}
.sti_info, .sti_params {
  width:45%;
  clear:left;
  float:left;
  margin-top:5px;
  margin-bottom:5px;
  text-align:left;
  /*border-bottom:2pt solid #0065B5;*/
}
/*.sti_info {
  border-top:2pt solid #0065B5;
}*/
.sti_info th, .sti_info td {
  text-align:left;
  border-bottom:1pt solid silver;
}
.sti_info th {
  width:120px;  
  font-weight:bold;
}
.sti_line {
  height:1px;
  background:#ffffff;
}
.sti_line_thin {
  height:1px;
  background:#ffffff;
}
.sti_pict {
  float:right;
  margin-top:5px;
}
.sti_relation {
  width:232px;
  float:right;
  margin-top:5px;
}
.sti_relation_head {
  line-height:19px;
  text-align:center;
  font-weight:bold;
}
.sti_params th, .sti_relation_head {
  font-size:11px;
  color:white;
  /*font-weight:bold;
  padding-left:5px;*/
}
.sti_params td{
  width:50%;
  /*border-bottom:1pt solid silver;*/
  /*padding-left:5px;*/
}
.table_legend {
  font-size:11px;
}

/* pro natazeni iframe */
#iframe_main {
  width: 100%; 
  height: 1500px; 
  margin: 0px; 
  padding: 0px; 
  border: 0px;
}

.strlist {
  width:100%;
  margin-top:10px;
}
.strlist a {
  line-height:20px;
}
.strlist table {
width:33%;
margin:0px;
float:left;
}
.strlist td {
border-bottom:1pt solid silver
}
/* oblibene produkty */
.fav_cat {
  width:120px;
  height:12px;
  vertical-align:middle;
  text-align:center;
  border:1pt solid black;
  /*float:left;*/
  margin-right:2px;
}