@import url('wibo.css') ;

.txt-left {text-align: left !important;}
.txt-right {text-align: right !important;}
.txt-center {text-align: center !important;}
.shop-separator-clear {width:100%;height:0px;clear:both;}

/* # # # # # # # # # *
  OBECnE NASTAVENI FORMULARU
 * # # # # # # # # #
  trida 'forms' je pripojena ke vsem obalovacich objedktu s danym 'id', kde je potreba mit formatovani jako v shopu */

/* bunky s popisky: bezna, povinna data, povinne volitelna data, s tucnym textem */
.forms td.normal, .forms td.required, .forms td.bold {text-align: right; padding:0 15px 0 0; color:#5A6F36; }
/* bunky: povinna data */
.forms td.required {font-weight: bold; background: url('./picture/mask/ico-required.gif') right center no-repeat;}
.forms td {padding-top:2px; padding-bottom:3px;}
.forms input {margin-left:6px; width:145px; height:14px; background:#fff; font-size:12px; border:1px solid #5A6F36;}
.forms input.checkbox {width:14px; height:14px; border:1px solid #D2D2D2 !important;background:none;}
.forms textarea {margin-left:6px; overflow:auto;width:98.0%;padding:0 !important; border:1px solid #5A6F36; }
.forms select {margin-left:6px; width:153px; height:18px; background:#fff; border:1px solid #5A6F36;}
/* zmena stylu pri PHP kontrole */
.forms input.error {background: #FFE0E0;}
.forms input.click_error {background:#FFEFF1;}
/* klikly stav */
.forms input.click, .forms textarea.click {background: #f9f9f9;}
/* input type submit: normalni vzhled */
.forms input.submit, .forms input.submit-click {width:auto; height:17px; padding:0 6px 0 6px; border: solid #94AB73 1px; background:#DCEAC9; color: #5A6F36;}
/* input type submit: klikly stav */
.forms input.submit-click {background:#94AB73; color:#fff;}
/* styl nepristupneho form. prvku */
.readonly {border: solid #fff 1px;}
/* nadpisy - "modre" v registraci */
.forms .table-title {color:#5A6F36; display: block; font-weight: bold; margin-top: 5px; margin-bottom: 10px;}

/* # # # # # # # # # *
  REGISTRACE
 * # # # # # # # # # */

#shop-registration { width:549px; float:right; }

/* clanky v registraci */
#shop-registration-article1, #shop-registration-article2, #shop-registration-errors, #shop-registration-submit {float: left; clear: both;}
#shop-registration-article1, #shop-registration-article2 {width:535px; padding-left:10px;}

/* nova registrace: volba zpusobu registrace */
#shop-registr-choice {margin:0 auto 1.5em auto; padding-left:10px; background: #E2E2E2; border: solid 1px #949494; width: 275px; padding-top: 5px; padding-bottom: 5px;}
#shop-registr-choice form {display: inline;}
#shop-registr-choice .shop-regist-radio {border:none; width:25px; padding:0; margin:0px; margin-bottom: -2px; background: transparent;}
#shop-registr-choice .submit, #shop-registr-choice .submit-click {margin-left:15px;}

/* hlaska o uspesne zmene udaju */
#shop-registration-action {padding-left:10px; color: red; text-align: center;}

/* chybove hlasky */
#shop-registration-errors {color:#BF0202; font-weight: bold; width:100%;}
#shop-registration-errors ol {padding: 10px;}
#shop-registration-errors p {text-align: center;}

/* fakturacni a dodaci adresa: prvni krok pokladny */
#shop-registration-adress-billing,
#shop-registration-adress-billing-preview { width:50%;float:left;}
#shop-registration-adress-delivering,
#shop-registration-adress-delivering-preview {width:49.9%;float:right;}
#shop-registration-adress-delivering table {float:right;width:100%;}

#shop-registration-adress-billing, #shop-registration-adress-billing-preview {margin-bottom: 1em;}

#shop-registration-adress-billing table, #shop-registration-adress-billing-preview table { width:100%;float:right;}
#shop-registration-adress-billing .bold, #shop-registration-adress-delivering .bold {font-weight: bold;}
#shop-registration-adress-billing-preview .bold, #shop-registration-adress-delivering-preview .bold {font-weight: normal;}

/* disablovani pri vyberu dodaci adresy "stejna jako fakturacni" */
.dodaci-disabled-sameas td {color: #949494 !important;}
.dodaci-disabled-sameas td.required {background: url('./picture/mask/ico-required-gray.gif') right center no-repeat;}
.dodaci-disabled-sameas th {color: #D2D2D2 !important;}
.dodaci-disabled-sameas input, 
.dodaci-disabled-sameas select {border-color: #D2D2D2;}



/* fakturacni a dodaci adresa: druhy krok pokladny */
#shop-registration-adress-billing-preview td,
#shop-registration-adress-delivering-preview td {color:#000; padding-left:9px; padding-bottom:5px;}

#shop-registration-adress-billing-preview td.normal,
#shop-registration-adress-delivering-preview td.normal,
#shop-registration-adress-billing-preview td.required,
#shop-registration-adress-delivering-preview td.required {background: transparent; font-weight: normal; color: #4D4D4D; padding-left:0px;}

/* fakturacni a dodaci adresa: leve odsazeni bunek s popisy */
#shop-registration-adress-billing td.normal,
#shop-registration-adress-delivering td.normal,
#shop-registration-adress-billing td.required,
#shop-registration-adress-delivering td.required,
#shop-registration-adress-billing-preview td.normal,
#shop-registration-adress-delivering-preview td.normal,
#shop-registration-adress-billing-preview td.required,
#shop-registration-adress-delivering-preview td.required {}

#shop-registration-adress-delivering  select,
#shop-registration-adress-billing  select,
#shop-registration-adress-billing  input { font-size:12px; }
/* kontaktni osoba: registrace zakaznik & firma */
#shop-registration-contact {width:320px; margin: 0 auto 0 auto; clear: both;}
#shop-registration-contact #info-text {padding: 1em 0 1em 0;}

/* info blok: vyplnte povinne polozky */
#shop-registration-required-info {margin-bottom:15px;}
#shop-registration-required-info table {width:200px; margin-left:165px;}
#shop-registration-required-info .required {width:auto; text-align: left; padding:0 0 0 15px; background-position: left center; font-weight: normal;}
#shop-registration-submit {text-align: center; margin-bottom:20px; width:530px;}

/* zahlavi tabulek registrace */
#shop-registration-adress-billing th, 
#shop-registration-adress-delivering th,
#shop-registration-adress-billing-preview th,
#shop-registration-adress-delivering-preview th,
#shop-registration-contact th {font-weight: normal; text-align: left;}


/* # # # # # # # # # *
   POKLADNA
 * # # # # # # # # # */
#shop-login-form, #shop-cashdesk { width:549px;}
#shop-cashdesk {float:right; }
.shop-cashdesk-wibo { float:right;width:547px; }
#shop-cashdesk-currency, #shop-cashdesk-basket, .shop-basket-summary, .shop-cashdesk-login-info-text, #shop-cashdesk-fees,
#shop-cashdesk-note, #shop-cashdesk-user-order-number, #shop-cashdesk-delivery-date, #shop-cashdesk-end-buttons {width:100%;}
#shop-cashdesk-addresses { width:100%;clear:both; padding-bottom:0px;}

.right strong,
.left strong { color:#5A6F36; }
/* info stavy pozice v cashdesk */
#shop-cashdesk-steps {width:100%;}
#shop-cashdesk-steps div.step, #shop-cashdesk-steps div.step-a {float:left; background: #98D0DD; padding:1px 8px 1px 8px; cursor: default;}
#shop-cashdesk-steps div.step {color:#008DA5;}
#shop-cashdesk-steps div.step-a {color:#00697D; font-weight:bold; border: solid #00697D 1px;}
#shop-cashdesk-steps div.separ {float:left; width:20px; height:1.6em; background:url('picture/mask/ico-cashdesk-steps-separ.gif') center center no-repeat;}

/* chybove hlasky apod. */
#article-shop, .article-cashdesk {clear:both;width:100%; padding-top:15px;}
.article-cashdesk { clear: both;}
#article-shop-error {width:100%; padding:10px 10px 0 11px; color: #BF0202;}
.shipping-error { color: yellow; background: #FF0000; border: solid #FF0000 3px; }

/* info o měně a státu */
#shop-cashdesk-currency {clear: both; text-align: right; margin:22px 0px 6px 0px; }

/* tabulka zbozi */
#shop-cashdesk-basket {width:100%;}
#shop-cashdesk-basket td, #shop-cashdesk-basket th {padding:3px 10px 3px 10px; border-left:solid #fff 1px; border-bottom:solid #fff 1px; text-align: center;}
#shop-cashdesk-basket th {background: #D3D3D3; border-bottom:solid #B8B8B8 2px; color:#4E4E4E; }
#shop-cashdesk-basket td {background: #F3F3F3;}
#shop-cashdesk-basket .mnozstvi {white-space: nowrap; text-align: right !important;}
#shop-cashdesk-basket .mnozstvi form {display: inline;}
#shop-cashdesk-basket .txt-right {white-space: nowrap;}
#shop-cashdesk-basket .mnozstvi .text { background:#fff; height:12px; text-align: right; width:25px; vertical-align: middle; font-size:12px; }
#shop-cashdesk-basket .mnozstvi .image {vertical-align: middle; padding:0; margin-left: 5px;}

/* suma dane, halerove vyrovnani, sleva */
.shop-basket-summary {width:100%;margin:15px 0 0 0;}
.shop-basket-summary th, .shop-basket-summary td {padding:3px 10px 3px 10px; text-align: center; border-left:solid #fff 1px; border-bottom:solid #fff 1px; white-space: nowrap;}
.shop-basket-summary th {font-weight: normal; background: #D3D3D3; border-bottom:solid #B8B8B8 2px; color:#4E4E4E;}
.shop-basket-summary td {background: #F3F3F3;}
.shop-basket-summary .white {background: #fff; text-align: right;}

/* formular obalujici nasledujici casti */
#shop-form-under-shop-basket-summary {}

/* dopravne a balne (fees) */
#shop-cashdesk-fees {margin:15px 0px 10px 0px;}
#shop-cashdesk-fees .table-title {margin-bottom:4px;}
#shop-cashdesk-fees p {margin-top:6px; clear: both;}
#shop-cashdesk-fees input {vertical-align: middle; margin-bottom:4px;}
#shop-cashdesk-fees .left {float: left; width:50%;}
#shop-cashdesk-fees .right {float: right; width:49.9%;}


/* zaslat fakturu, cislo objednavky a poznamka */
#shop-cashdesk-data { width:100%;}
#shop-cashdesk-data table {width:100%;float:left;}
#shop-cashdesk-data td {padding:0 0 0 0;}
#shop-cashdesk-data textarea { background:#fff; }

/* datum dodani 
#shop-cashdesk-delivery-date {margin:10px 10px 10px 10px;}
#shop-cashdesk-delivery-date .table-title {margin:0;}
#shop-cashdesk-delivery-date select {margin-top:4px; margin-right:5px; padding:0px;}
*/

/* prihlaseni/registrace v pokladne + uloženi objednavky */
.shop-cashdesk-login-info-text {text-align: center; margin: 10px 0 10px 0;}
#shop-cashdesk-login-table {margin:0 auto 0 auto;}
#shop-cashdesk-login-table td {text-align: left;}

/* tlacitka pro prechod v cashdesku */
#shop-cashdesk-end-buttons {text-align:center;width:100%;padding:10px 0 0 0;clear:both;}
#shop-cashdesk-end-buttons input.submit {width:auto !important;}
#shop-cashdesk-end-buttons #submit {font-weight: bold;margin-right:10px;}

/* tlacitko / odkaz na ulozeni rozpracovane objednavky */
#shop-cashdesk-save-order {margin: 18px 10px 0 10px; text-align: center;}

/* nacteni ulozene objednavky */
#shop-button-order-detail-back {margin: 0 10px 0 10px;}

/* nahled objednavky v html */
.shop-order-preview { clear: both; margin-top:10px;}

/* # # # # # # # # # *
   POSLAT TIP ZNAMEMU
 * # # # # # # # # # */

#shop-tipform {background: #ececec; margin-bottom:15px; padding: 10px 0 15px 0;}
#shop-tipform #shop-registration-errors {margin-bottom: 10px;}
#shop-tipform .table-title, #shop-tipform table, #shop-tipform ul, #shop-tipform p {width:300px; margin:auto;}
#shop-tipform .table-title {margin: 0 auto 0 auto;}
#shop-tipform input {margin-left:5px;}
#shop-tipform textarea {width:145px; height:54px; margin-left:5px;}
#shop-tipform td.normal {background: transparent; vertical-align: top; padding-top:3px;}


/* # # # # # # # # # *
  SEND PASSWORD
 * # # # # # # # # # */

#send-password {margin: 0 auto 0 0; width:300px;}
.send-password-message {padding-left:0px !important;}

/* # # # # # # # # # *
  LETAJICI KOSIK
 * # # # # # # # # # */

.floatbasketdiv {font-size:0px; width:891px; margin:0 auto 0 auto; height:px; float:left;}
#floatbasketframe {position:absolute; margin:135px 0 0 891px; _margin:135px 0 0 446px !important; height:500px; width:185px;}
/* titulek */
.shop-basket-float-title {
  width:185px; 
  background: url(picture/mask/button-h3.gif) 12px 9px no-repeat #98D0DD; 
  font-size: 19px;
  padding: 0 0 0 0px; 
  color:#008DA5; 
  border-bottom: 4px solid #71C2D3;
}
/* tutulek |text */
.shop-basket-float-title span {display: block; padding:5px 8px 6px 42px;}
/* oddelovac pod titulkem */
.shop-basket-float-separ {float:left; width:185px; height:5px; background: #006A8E; font-size:2px; margin-bottom:2px;}
/* datova cast */
.shop-basket-float {width:185px; float:left; background: #F3F3F3; font-size: 11px; color: #008BA6; border-bottom: solid #fff 2px;}
/* vnitrni odsazeni datove casti */
.shop-basket-float div.indent1 {padding:4px 8px 1em 8px; border-bottom:solid #fff 1px;}
.shop-basket-float div.indent2 {padding:10px 0 1.5em 0;}
.shop-basket-float div.indent3 {text-align: right; color: #BF0202;}
.shop-basket-float .error-info {color:#BF0202;}
.shop-basket-float div.title {background: url('picture/mask/bullet-arrowed-4gray.gif') 3px 15px no-repeat; padding:10px 5px 0 11px;}
.shop-basket-float span.item {padding-left:11px;}
.shop-basket-float div.item {padding:0px 5px 0 11px;}
.shop-basket-float a {font-weight:bold; color: #BF0202;}
.shop-basket-float a:hover {text-decoration:none;}

/*------------------------------------------------------------------------------------------------------------------------------------

PO SEM JSOU STYLY OBECNE - CILI V KAZDEM SHOPU JE NUTNE JE MIT A JE MOZNE JE PO SEM ZKOPIROVAT, NASLEDUJICI STYLY SE TYKAJI 
NABIDKY ZBOZI, KTERA JE PRO KAZDY SHOP INDIVIDUALNI A JE DOBRE SI JI VYTVORIT SAM. NASLEDUJICI STYLY NEKOPIROVAT!
ROVNEZ FORMATOVANI FORMULARE PRO PRIHLASENI, POKUD JE UMISTEN V MASCE, JE VZDY JINE, STYLY SE NACHAZI V NASLEDUJICI CASTI CSS SOUBORU

------------------------------------------------------------------------------------------------------------------------------------*/
/* # # # # # # # # # *
  DETAIL ZBOZI
 * # # # # # # # # # */

/* VLASTNI TABULKA ZBOZI */
.shop-offer-item-qty {display: inline;}
.shop-offer-item-qty .text { border:1px solid #DCEAC9; background:#fff; text-align:right; width:30px; color:#000; font-size:10px; padding: 1px 3px 1px 3px;}
.shop-offer-item-qty input {vertical-align: bottom;}
.shop-offer-item-qty .image {margin-bottom: 1px; _margin-bottom: 2px;}
.shop-offer-item-minimum { padding-top:2px; font-size: 90%; color: #919191;}
#shop-offer-table table { margin-bottom:1em; width:100%; border-bottom: 1px solid #DCEAC9;}
#shop-offer-table .kod {display:block;float:left;}
#shop-offer-table td { background-color:#F9FEF2; border-bottom:1px solid #fff; padding:2px 10px 1px 5px; color: #000;}
#shop-offer-table th { 
  color:#5A6F36;
  background-color:#DCEAC9; 
  border-bottom:1px solid #DCEAC9;
  padding:3px 10px 3px 5px;
  font-weight:normal;
}
#shop-offer-table span {color: #919191;}

/* strankovani offer */
.shop-offer-paging {}
.shop-offer-paging img {border: 0;}
.shop-offer-paging .actual-page {font-weight: bold;} /* aktivni strana */
.shop-offer-paging .separator {color: #5C88C2;} /* oddělovač */

/* registrace, info o prihlasenem, vyhledavani */


/* registrace, info o prihlasenem, vyhledavani */
#user-zone input {height:14px; border: solid #ACACAC 1px;}
#user-zone .submit {height:18px; border: solid #ACACAC 1px;}
#user-zone .click {background-color: #FFE0E0;}
#user-zone .submit {vertical-align: top;}
#login input {width:110px; margin:7px auto auto 3px;}
#login #login-input {margin-right:34px;}
#login .submit {width:28px; background: #ECECEC ;}/* url('./picture/mask/ok.gif') center center no-repeat */