/* obecne vlastnosti nebo formatovani textu */

body {
font-size: 1em;
font-family: Tahoma;
color: #1d1d1d;
line-height: 1.2;
}

a, a:link, a:visited { 
   color: #1d4e82; 
} 
a:hover, a:focus, a:active { 
   text-decoration: none; 
} 

table {
margin: 10px 0;
border: 0;
border-collapse: collapse;
}

#text h1 {font-size: 1.4em; font-weight: bold; color: #ff8e20; margin: 5px 0 10px 0; padding: 0;}
#text h2 {font-size: 1.3em; font-weight: bold; color: #ff8e20; margin: 15px 0 10px 0; padding: 0;}

.chyba {font-size: 1em; font-weight: bold; color: #990000; margin: 20px 0 15px 0; padding: 10px; border: 2px solid #660000;}

p.volba {font-size: 0.9em; background: #dfdfdf; padding: 5px; text-align: center; margin: 15px 0 10px 0;}
p.volba strong {padding-right: 5px;}
p.volba input {margin: 0 4px 0 4px; padding: 0; position: relative; top: 2px;}
p.volba label {padding: 0; margin: 0;}

input.ok {margin: 0 0 0 10px; font-weight: bold; padding: 3px;}

/* spolecne */
.checkedExpression {background: #7bc5fe;}

.info-text {font-size: 0.9em; margin: 15px 0; padding: 10px; background: #d2d2d2;}

.vpravo {float: right;}
.cl {clear: both;}

#text .sekce-popis {margin: 15px 0 20px 0; font-size: 0.9em; background: #ffbc7a; padding: 5px; clear: both;}
  #text .sekce-popis p {margin: 5px 0;}
#text .sekce-popis-nadpis {font-size: 1em; margin: 3px 0; padding: 0; color: black !important;}

#text .sekce-podkategorie {margin: 10px 0px 20px 0; padding: 0 0 20px 0; list-style: none; font-size: 0.9em;}
  #text .sekce-podkategorie li {margin: 2px 8px 4px 0; float: left;}

/* homepage */
.prvni, .druhy {margin-left: 18px;}
#videoPlayer1 {margin-top: 15px;}

/* kosik */
.kosik {clear: both;}
.kosik .kosik-tab {margin: 5px; font-size: 0.85em;  border: 0; width: 95%;} /* maly kosik ve sloupci */

.current_price {font-weight: bold;}


/* tabulky */
.c {text-align: center;}
.r {text-align: right;}

.b {font-weight: bold;}

.td_odd {background: white; border-top: 1px solid white;}
.td_even {background: #efefef; border-top: 1px solid white;}

.td_instore {background: #208cea; font-size: 0.5em; border-top: 1px solid white;}
.td_soldout {background: #990000; font-size: 0.5em; border-top: 1px solid white;}

th, td {padding: 4px 3px; margin: 3px 0 3px 0;}

.order {width: 100%; clear: both;}
.order th {background: #dfdfdf;}
.order .bb {margin-bottom: 0; border-bottom: 1px solid black;}

.kosik {font-size: 0.9em;}
.kosik th {background: #dfdfdf;}
.kosik2 th {background: #dfdfdf !important;}

  .order_ks {width: 15px; height: 10px; float: left; padding: 1px; margin: 0 5px 0 0; font-size: 0.85em;}
  
.moznosti {font-size: 0.85em; background: #d2d2d2;}
.moznosti select {font-size: 0.9em;}
.moznosti label.radio-l {position: relative; top: -3px;}  

/* formulare */
.form1 fieldset {border: none; margin: 15px 0 10px 0; padding: 10px 0;}
.form1 legend {margin: 0; padding: 0; font-size: 0.95em; font-weight: bold;}

.form1 .radek {margin: 5px 0; padding: 5px 0; clear: both;}
.form1 .radek label {width: 120px; text-align: right; float: left; display:block; margin: 0 5px 0 0; padding: 2px 0 0 0;}
  .form1 .radek label.long {width: auto;}
  
.form1 .radek .required {font-weight: bold; color: #990000; padding: 0 3px 0 0;}

.form1 .radek .input {border: 1px solid #2d3e57; float: left; margin: 0 5px 0 0; width: 160px; height: 15px; padding: 2px 3px; background: #fafafa;}
.form1 .radek .noWidth {width: auto;}
.form1 .radek .submit {margin-left: 125px;}

.form1 .lomitko {display: block; float: left; padding: 0 5px 0 0;}

.form1 .form_text {display: block; width: 120px; float: left; margin: 0 5px 0 0; padding: 2px 0 0 0; text-align: right;}

.form1 .check {float: left; margin: 3px 3px 0 3px;}
.form1 .select {float: left; border: 1px solid #2d3e57; margin: 0;}
.form1 label.radio {width: auto;}
.form1 .textarea {width: 300px;  border: 1px solid #2d3e57; margin: 0;}

.form1 .m-b {margin-bottom: 15px !important;}
.form1 .b {font-weight: bold;}

.podminky-z {font-size: 0.85em; font-weight: bold; color: #208cea; margin: 10px 0;}

.form1 .input {border: 1px solid #2d3e57;}

.search .radek {margin: 10px 0 10px 0; clear: both;}
.search #search {width: 300px; height: 15px; border: 1px solid #2d3e57; margin: 0 5px 0 0;}
.search .submit {margin-left: 0;}
.search .check {float: left; margin: 2px 3px 0 3px;}
.search label.radio {width: auto; float: left; margin: 0 5px 0 0;}
.search .noWidth {width: auto; float: left; margin: 4px 5px 0 0;}
.search .zobrazit {float: left; margin: 0 10px 0 0;}

p.rozsirene {clear: both; padding-top: 20px;}

/* katalog */
.produkty-vypis {padding: 15px 0; clear: both;}

.produkty-vypis a.img {display: block; float: right; margin: 10px 5px 3px 0;}
.produkty-vypis h2.productTitle {font-size: 1.1em !important;}

.produkty-vypis p.produkt-popis {margin: 5px 0 15px 0; font-size: 0.95em;}

.produkty-vypis p {font-size: 0.85em;}
.produkty-vypis p.cena {float: left; margin: 3px 5px 3px 0; padding: 3px 0 0 0; font-size: 1.1em;}
.produkty-vypis .do-kosiku {float: left !important; margin: 0 5px 0 0;}
  .do-kosiku input {font-size: 0.85em;} 
.produkty-vypis p.produkt-info {float: left; margin: 3px 5px 3px 0; padding: 3px 0 0 0;}

.produkty-seznam {font-size: 0.9em;}
.produkty-seznam input {font-size: 0.85em;}

.campaign {font-weight: bold; padding: 3px; background: #ff7e00; color: white;}

.produkt-img {width: 40%; float: left;}

table.produkt-info2 {width: 51%; float: right; font-size: 0.85em;}
  .produkt-info2 td {border-bottom: 1px solid #f7f7f7; border-right: 1px solid #f7f7f7; background: #e0e0e0; padding: 4px 5px;}
  .produkt-info2 input {font-size: 0.85em;}
  .produkt-info2 .price {color: #f26900; font-weight: bold;}
  .produkt-info2 ul {list-style: none; margin: 0; padding: 0;}
  
.produkt-param {width: 50%; float: right; clear: right; font-size: 0.85em;}
  .produkt-param th {background: #e0e0e0;}
  
.produkt-foto {width: 100%;}
  .produkt-foto th {background: #e0e0e0;}

.produkt-akce {list-style: none; width: 100%; margin: 15px 0; padding: 15px 0; text-align: center; clear: both; font-size: 1em !important;}
.produkt-akce li {float: left; margin: 0 25px 0 0;}

.produkt-popis {font-size: 0.9em; line-height: 1.3;}

.param {font-size: 0.85em; margin: 30px 0 15px 0; clear: both;}
  .param h2 {font-size: 1.3em !important; width: 100%; background: #e0e0e0; padding: 3px 5px !important; color: black !important; clear: both;}

.souvisejici-nadpis {font-size: 1.2em !important; width: 100%; background: #e0e0e0; padding: 3px 5px !important; margin: 20px 0 0 0 !important; color: black !important; clear: both;}
  .zbozi {width: 30%; float: left; margin: 5px 5px 5px 0; background: #f6f6f6; padding: 5px;}
    .zbozi h3 {font-size: 0.95em !important;}
    .z-img {margin: 5px auto 10px auto; text-align: center;}
    p.z-cena {width: 100%; font-size: 0.85em; clear: both; margin: 8px 0 0 0; line-height: 2;}
      span.z-cena {font-weight: bold; display: block; float: right; margin-right: 3px;}
       .zbozi form {float: right; clear: right;}
        .zbozi form input {font-size: 0.85em !important;}


/* clanky */
  
#text .clanky-vypis {margin: 20px 0 10px 0; clear: both;}
  
  #text a img {border: none; float: left; margin: 0 10px 5px 0;}
  #text  h2 {font-size: 1.25em; margin: 5px 0;}
  #text .info {font-size: 0.8em; margin: 3px 0; color: #767676;}
  #text .popis {font-size: 0.85em;}
  #text .precist {text-align: right; font-size: 0.85em;}
  
.volby-clanek {font-size: 0.95em; padding: 3px 5px; background: #d2d2d2;}
  
/* rozsirene vyhledavani */
.sub_cat_table ul {margin: 5px 0; padding: 0; font-size: 0.85em;}
.sub_cat_table ul li {margin: 5px 0;}
.sub_cat_table ul li ul {margin: 5px 0 5px 10px; padding: 0 0 0 10px;}
.sub_cat_table strong {font-size: 1.2em !important; color: #208cea;}


/* ostatni */
.small {font-size: 0.85em !important;}
.small input, .small select {font-size: 0.85em !important; display: inline;}