/* ------------------------------------------ */
/* Azael - modul obchod --------------------- */
/* Zakladni styly --------------------------- */
/* ------------------------------------------ */



hr {border-width: 0; border-top: 1px dashed #bbb; height: 1px; width: 96%; float: left; margin-left: 5px;}

#container {background: none;}
#left {background: none;}



/* Rychle style 
----------------------------------------------- */
.small {font-size: 0.69em;}
.medium {font-size: 0.75em;}
.normal {font-size: 0.875em;}
.grey {color: #aaa;}
.margin-10 {margin: 10px;}
.width-40-procent {width: 40%;}
.width-30-procent {width: 30%;}
.width-160 {width: 160px;}
.width-500 {width: 500px;}
.margin-top-10 {margin-top: 10px;}
.line-height-medium {line-height: 1.25em;}



/* Trideni vyrobcu
----------------------------------------------- */
#box-vyrobci {background: #ebffd9; padding: 10px; margin: 0 0 5px 0; width: 724px;}
#box-vyrobci label {font-size: 0.75em; margin-right: 2px;}
#box-vyrobci input {font-size: 0.75em; font-weight: bold; cursor: pointer; margin-right: 12px; position: relative; top: 1px;}



/* Sorting
----------------------------------------------- */
#box-sorting {padding: 13px 10px 10px 10px; margin: 0 0 5px 0; width: 335px; float: right;}
#box-sorting select {font-size: 0.75em; border: 1px solid #474747; margin-right: 4px;}
#box-sorting input {font-size: 0.75em; font-weight: bold; cursor: pointer;}



/* Vyhledavani
----------------------------------------------- */
#box-search {width: 198px; height: 29px; float: right; background: url("../images/search.jpg") no-repeat; position: relative; top: 22px;}
#box-search form {float: left;}
#box-search input.search-input {width: 143px; height: 18px; background: none; color: #fff; border: 0; padding: 4px 4px 4px 7px; float: left;}
#box-search input.search-button {width: 40px; height: 29px; border: 0; float: right; margin-left: 4px;}
#box-search a {font-size: 0.75em; text-decoration: none; margin: 4px 0 0 10px; display: block; float: left;}



/* Pokrocile vyhledavani
----------------------------------------------- */
#pokrocile {font-size: 0.75em; margin: 30px 0;}
#pokrocile fieldset {border: 1px solid #aaa; width: 690px; padding: 10px 10px 13px 10px; margin: 0; float: left;}
#pokrocile legend {padding: 0 3px; text-align: center; font-weight: bold; margin-bottom: 0.1em; font-size: 1.25em;}

#pokrocile .left {width: 350px;}
#pokrocile .right {width: 335px;}

#pokrocile .right .search-help {background: #fffede; border: 1px solid #efeb80; padding: 10px;}
#pokrocile .right .search-help p {margin: 0;}

#pokrocile .input-cell-adv {width: 350px; text-align: left; float: left; height: 29px;}
#pokrocile .input-cell-adv input {height: 20px; border: 1px solid #aaa; background: #fff;}
#pokrocile .input-text-adv {width: 140px; float: left; text-align: right; position: relative; top: 1px; font-size: 1.0em; padding: 0 7px 0 0;}
#pokrocile .text-top-adv {padding-top: 3px; font-weight: bold;}
#pokrocile .input-select {position: relative; top: 5px;}
#pokrocile .input-select select {height: 22px; border: 1px solid #aaa; background: #fff;}


#pokrocile .input-cell-adv-check {width: 350px; text-align: left; float: left; height: 20px;}
#pokrocile .input-checkbox {width: 100px; float: left; text-align: left;}
#pokrocile .input-checkbox input {position: relative; top: -3px; border: 0;}

#search-slider {border: 1px solid #e5e5e5; width: 695px; margin-bottom: 10px; padding: 5px 15px 15px 15px; background: #f1f1f1;}
#search-slider .slider-button {margin-left: 20px; cursor: pointer; font-weight: bold; width: 180px;}
#search-slider-form {border: 1px solid #e5e5e5; width: 657px; margin: 20px 0 0 0; padding: 5px 15px 15px 15px; background: #f1f1f1; float: left;}



/* Nakupni kosik
----------------------------------------------- */
#box-kosik {background: url("../images/kosik.jpg") no-repeat; font-size: 0.69em; width: 159px; height: 66px; position: absolute; top: 63px; left: 50%; margin: 0 0 0 315px; padding: 12px 0 0 9px; line-height: 1.35em;}
#box-kosik a, #box-kosik a:visited {color: #01848b; text-decoration: none; font-weight: bold;}
#box-kosik a:hover {color: #ff6600;}



/* Mapa kategorii
----------------------------------------------- */
.box-mapa {padding: 15px; padding-left: 5px; width: 300px; float: left;}
.box-mapa h3 {font-weight: bold; font-size: 0.875em; margin-bottom: 15px;}
.box-mapa a {font-size: 0.75em; text-decoration: none; line-height: 1.75em;}
.box-mapa-vyrobci a {font-weight: normal;}
.box-mapa .mapa-0 {font-weight: bold;}
.box-mapa .mapa-25 {margin-left: 15px; color: #136e72; font-weight: bold;}
.box-mapa .mapa-50 {margin-left: 30px; font-weight: bold;}
.box-mapa .mapa-75 {margin-left: 45px;}
.box-mapa .mapa-100 {margin-left: 60px;}

.box-mapa .mapa-dart, .box-mapa-vyrobci .mapa-dart {background: url("../img/dart.gif") 0 4px no-repeat; padding: 0 0 0 7px;}

.box-mapa-vyrobci {padding: 15px; width: 300px; float: left;}
.box-mapa-vyrobci h3 {font-weight: bold; font-size: 0.875em; margin-bottom: 15px;}
.box-mapa-vyrobci a {font-weight: normal; font-size: 0.75em; text-decoration: none; line-height: 1.75em;}
.box-mapa-vyrobci strong {font-size: 0.75em; line-height: 1.75em;}

.box-mapa-vyrobci .mapa-25 {margin-left: 15px; font-weight: normal; font-size: 0.75em; text-decoration: none;}



/* Popis vyrobku
----------------------------------------------- */
#box-popis {width: 724px; margin: 20px 0 0 0px;}
#box-popis .left {width: 150px; float: left; padding-left: 10px;}
#box-popis .left .border-img img {float: left; margin: 0 5px 15px 0; border: 1px solid #b2b2b2;}
#box-popis .right {width: 540px; float: right; margin-right: 10px;}
#box-popis .right h1, #box-popis .right h2 {font-size: 1.0em; font-weight: bold; color: #000; margin-bottom: 7px; line-height: 1.25em;}
#box-popis .right h1 span {color: #ff6600;}
#box-popis .right p {font-size: 0.75em; float: left; margin-top: 9px; clear: both; width: 540px;}
#box-popis .right span {width: 540px; float: left;}
#box-popis .right span.cena-bez {font-size: 0.75em; color: #797979; margin-bottom: 4px;}
#box-popis .right span.cena {font-weight: bold; font-size: 0.875em; color: #1d7000;}
#box-popis .right span.sklad {font-size: 0.75em; margin-top: 7px;}
#box-popis .right span.sklad strong.sklad-skladem {color: green;}
#box-popis .right span.sklad strong.sklad-dotaz a {color: #6b6bb4; font-weight: normal;}
#box-popis .right span.vyrobce {font-size: 0.75em; margin-top: 7px;}
#box-popis .right span.orange {color: #ff6600; font-weight: bold;}
#box-popis .right form {margin: 10px 0 2px 0; float: left;}
#box-popis .right img {margin: 7px 2px 0 0;}
#box-popis .right .more-products {margin-bottom: 35px;}
#box-popis .right input.quantity {width: 26px; height: 15px; border: 1px solid #000; color: #454545; cursor: text; margin: 1px 7px 0 0; float: left; text-align: center; font-weight: normal;}



/* Menu obchodu
----------------------------------------------- */
#box-menu {background: none; margin: 0 0 5px 0; float: left; width: 215px;}



/* Lista
----------------------------------------------- */
.box-lista {padding: 10px 10px 10px 3px; float: left; margin: 4px 0 5px 0; clear: both; font-size: 0.75em;}
.box-lista a, .box-lista a:visited {text-decoration: underline;}
.box-lista .lista-stitky {position: relative; top: 3px; left: 1px;}



/* Vyrobek - galerie
----------------------------------------------- */
.vyrobek-galerie {border: 1px solid #d9d9d9; width: 210px; height: 190px; float: left; padding: 10px; margin: 0 6px 6px 0;}
.vyrobek-galerie h2 {font-size: 0.75em; font-weight: bold; height: 38px;}
.vyrobek-galerie h2 a {color: #02848c;}
.vyrobek-galerie h2 a span {color: #ff6600;}
.vyrobek-galerie form strong {font-size: 0.75em; position: relative; top: -5px; left: -1px;}
.vyrobek-galerie input {width: 58px; height: 20px; border: 0; font-weight: bold; color: #fff; font-size: 0.875em; cursor: pointer;}
.vyrobek-galerie input.quantity {width: 26px; height: 15px; border: 1px solid #000; color: #454545; cursor: text; margin: 1px 7px 0 0; float: left; text-align: center; font-weight: normal;}
.vyrobek-galerie input.quantity-input {width: 58px; height: 20px; border: 0; font-weight: bold; color: #fff; font-size: 0.875em; cursor: pointer;}
.vyrobek-galerie input.seminar-input {width: 83px; height: 20px; border: 0; font-weight: bold; color: #fff; font-size: 0.875em; cursor: pointer;}
.vyrobek-galerie input.cd-input {width: 100px; height: 20px; border: 0; font-weight: bold; color: #fff; font-size: 0.875em; cursor: pointer;}
.vyrobek-galerie .seminar-top {padding-top: 9px;}
.vyrobek-galerie .vyrobek-galerie-img {width: 94px; height: 88px; float: left;}
.vyrobek-galerie .vyrobek-galerie-img img {border: 1px solid #b2b2b2;}
.vyrobek-galerie .vyrobek-galerie-side {width: 110px; height: 37px; float: left; padding-top: 15px;}
.vyrobek-galerie .vyrobek-galerie-side-cd {height: 10px; padding-top: 15px;}
.vyrobek-galerie .download-demo {margin-top: 4px; display: block;}
.vyrobek-galerie .vyrobek-galerie-side span {width: 100%; display: block; height: 23px;}
.vyrobek-galerie .vyrobek-galerie-side span.sklad {font-size: 0.75em;}
.vyrobek-galerie .vyrobek-galerie-side span.sklad strong.sklad-skladem {color: green;}
.vyrobek-galerie .vyrobek-galerie-side span.sklad strong.sklad-dotaz {color: #6b6bb4;}
.vyrobek-galerie .vyrobek-galerie-side span.cena {font-size: 0.75em; font-weight: bold; color: #000;}
.vyrobek-galerie .vyrobek-galerie-side span.cena em {color: #1e9ba1; font-style: normal;}
.vyrobek-galerie .vyrobek-galerie-side strong.sklad-dotaz a {color: #6b6bb4; font-weight: normal;}
.vyrobek-galerie .vyrobek-galerie-info {width: 210px; font-size: 0.69em; color: #3a3a3a; display: block; float: left; line-height: 1.5em;}
.vyrobek-galerie .vyrobek-galerie-info img {margin: 5px 2px 0 0;}
.vyrobek-galerie .e-ucebnice {color: #ff6600;}



/* Vyrobek - tabulka
----------------------------------------------- */
.vyrobek-table {font-size: 0.75em; border-spacing: 1px; width: 720px; margin-left: 1px;}
.vyrobek-table tr {margin-bottom: 1px;}
.vyrobek-table th {font-weight: bold; padding: 5px; background: #b6cedf;}
.vyrobek-table th.th-kategorie {background: #82a6c0; color: #fff;}
.vyrobek-table .vyrobek-table-left td {text-align: left;}
.vyrobek-table .vyrobek-table-left td.nadpis-center {text-align: center;}
.vyrobek-table th.nadpis-center {text-align: center;}
.vyrobek-table .vyrobek-table-nazev {width: 320px; text-align: left;}
.vyrobek-table .vyrobek-table-cena {width: 90px; text-align: center;}
.vyrobek-table .vyrobek-table-dostupnost {width: 50px; text-align: center;}
.vyrobek-table .vyrobek-table-koupit {width: 80px; text-align: center;}
.vyrobek-table td {padding: 5px; text-align: center;}
.vyrobek-table td input.quantity {border: 1px solid #000; padding: 0 5px; width: 20px; text-align: center; margin-right: 5px;}
.vyrobek-table td .table-input {position: relative; top: 1px; float: right;}
.vyrobek-table span.sklad-skladem {color: green;}
.vyrobek-table span.sklad-dotaz {color: #6b6bb4;}
.vyrobek-table tr.lichy td {background: #f1f1f1;}
.vyrobek-table tr.sudy td {background: #dfdfdf;}
.vyrobek-table tr.under td {background: #e1f0f1;}
.vyrobek-table .e-ucebnice {color: #ff6600;}
.vyrobek-table .order-storno td {text-decoration: line-through; color: grey;}
.vyrobek-table .order-storno td a, .vyrobek-table .order-storno td a:visited, .vyrobek-table .order-storno td select {color: grey;}

.many-products-insert {float: right; margin: 20px 30px 20px 0;}
#box-sorting select.formu-selected {background: #ffdfc9;}
.small-button-formu {margin-right: 24px;}



/* Nakupni kosik
----------------------------------------------- */
#kosik {background: #d1d1d1; font-size: 0.75em; border-collapse: collapse; border-spacing: 0; border: 1px solid #d1d1d1; border-right: 0; color: #252525; width: 720px;}
#kosik tr {background: #fff;}
#kosik th {padding: 10px; font-weight: bold; background: #dfdfdf; text-align: center; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1;}
#kosik th.nazev {text-align: left; width: 200px;}


#kosik tr.lichy td {background: #f8f8f8;}
#kosik tr.sudy td {background: #eee;}

#kosik td {padding: 10px; background: #f8f8f8; text-align: right; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #fff;}
#kosik td.nazev {text-align: left;}
#kosik td.nazev a {color: #c70000;}
#kosik td.ks {text-align: center;}
#kosik td input.pocet {border: 1px solid #000; width: 40px; padding: 2px; text-align: center;}
#kosik td.cancel {text-align: center;}

#kosik tr.kosik-doprava td {border-top: 4px solid #9b9b9b; background: #dfdfdf;}
#kosik tr.kosik-platba td {background: #dfdfdf;}
#kosik tr td.kosik-left {text-align: left;}
#kosik tr td.kosik-center {text-align: center;}

#kosik tr.kosik-sleva {border-right: 1px solid #d1d1d1;}
#kosik tr.kosik-sleva td {border: 0; border-top: 2px solid #b8dcea; background: #e5f2f7; font-weight: bold;}

#kosik tr.kosik-footer td {border: 0; border-top: 4px solid #6e6e6e; background: #c1c1c1; font-weight: bold;}
#kosik tr.kosik-footer input {font-size: 0.875em; font-weight: bold; cursor: pointer; font-weight: normal;}
#kosik tr.kosik-footer td.kosik-footer-cena-bez-dph {font-weight: normal;}
#kosik tr.kosik-footer td.kosik-footer-cena-s-dph {font-weight: bold; font-size: 1.25em; text-align: right;}



/* Formular dopravy a platby
----------------------------------------------- */
#doprava-form {margin-left: 3px; width: 715px;}
#doprava-form div {border-bottom: 1px solid #d1d1d1; margin-bottom: 25px;}
#doprava-form label {display: block; margin-bottom: 0; border: 1px solid #d1d1d1; border-bottom: 0; padding: 7px; font-size: 0.75em; color: #252525; background: #f8f8f8;}
#doprava-form label.datum-odberu input {border: 1px solid #d1d1d1;}
#doprava-form label strong {font-size: 1.125em;}
#doprava-form label.lichy {background: #f8f8f8;}
#doprava-form label.sudy {background: #eee;}



/* Tlacitka pod postupem objednavky
----------------------------------------------- */
#kosik-under {float: left; width: 720px; margin: 15px 0;}
div#kosik-under {border: 0;}
#kosik-under .button-zpet {width: 139px; float: left;}
#kosik-under .button-zpet input {width: 139px; height: 45px; border: 0; cursor: pointer;}
#kosik-under .button-pokracovat {width: 139px; float: right;}
#kosik-under .button-pokracovat input {width: 139px; height: 45px; border: 0; cursor: pointer;}
#kosik-under .button-registrace-zpet {margin-left: 18px;}



/* Lista postupu objednavky
----------------------------------------------- */
#box-lista-objednavky {float: left; width: 720px; margin-bottom: 15px; margin-top: 15px;}
#box-lista-objednavky li {display: block; float: left; width: 139px; height: 45px;}
#box-lista-objednavky li a {text-decoration: none; width: 139px; height: 45px; display: block; cursor: pointer;}

#box-lista-objednavky li.sipka {width: 50px; background: url("../images_shop/dart.jpg") 5px 2px no-repeat;}

#box-lista-objednavky li.lista-kosik {background: url("../images_shop/button-lista-objednavka-kosik.jpg") no-repeat;}
#box-lista-objednavky li.lista-doprava {background: url("../images_shop/button-lista-objednavka-doprava.jpg") no-repeat;}
#box-lista-objednavky li.lista-informace {background: url("../images_shop/button-lista-objednavka-informace.jpg") no-repeat;}
#box-lista-objednavky li.lista-dokonceni {background: url("../images_shop/button-lista-objednavka-dokonceni.jpg") no-repeat;}

#box-lista-objednavky li.current-kosik {background: url("../images_shop/button-lista-objednavka-kosik-hover.jpg") no-repeat;}
#box-lista-objednavky li.current-doprava {background: url("../images_shop/button-lista-objednavka-doprava-hover.jpg") no-repeat;}
#box-lista-objednavky li.current-informace {background: url("../images_shop/button-lista-objednavka-informace-hover.jpg") no-repeat;}
#box-lista-objednavky li.current-dokonceni {background: url("../images_shop/button-lista-objednavka-dokonceni-hover.jpg") no-repeat;}

#box-lista-objednavky li span {visibility: hidden;}



/* Barevne informacni boxy
----------------------------------------------- */
.info-box-yellow {border: 1px solid #ffc821; background: #ffe38c; padding: 7px; font-size: 0.75em; margin-left: 5px; width: 520px;}

.info-box-grey-outer {width: 200px; margin-left: 5px; margin-right: 7px; font-size: 0.75em;}
.info-box-grey-inner {border: 1px solid #d1d1d1; background: #dfdfdf; padding: 7px; width: 186px;}
.info-box-grey-outer h2 {font-weight: bold; display: block; margin-left: 5px; border: 1px solid #d1d1d1; background: #dfdfdf; padding: 3px 7px; border-bottom: 0; width: 120px; float: left;}



/* Stranka kontaktu
----------------------------------------------- */
#kontakt .article {margin: 0; margin-left: 4px; line-height: 1.5em;}
#kontakt .kontakt {float: left; width: 150px; padding: 15px 20px 15px 0; font-size: 0.875em;}
#kontakt .kontakt span {font-weight: bold; margin-right: 5px;}
#kontakt .kontakt a, #kontakt div a:visited {color: #000; font-weight: normal;}
#kontakt .kontakt a:hover {font-weight: normal;}
#kontakt .mapa {width: 455px; clear: both; position: relative; top: 5px; height: 100px;}
#kontakt h3 {color: #000; font-weight: bold; clear: both; font-size: 0.875em;}
#kontakt p {font-size: 0.875em;}
#kontakt .mapa div {float: left; margin: 0 4px;}
#kontakt .mapa div a {border: 0;}
#kontakt .mapa div img {border: 1px solid #aaa;}
#kontakt .mapa .sipka {float: left; position: relative; top: 30px;}
#kontakt .mapa .sipka img {border: 0;}
#kontakt .mhd {width: 455px; clear: both; font-size: 0.875em; margin: 7px 0 0 5px;}
#kontakt .mhd dl dt {font-weight: bold; margin: 5px 0 0 7px;}
#kontakt .mhd dl dd {font-weight: normal; margin: 3px 0 0 25px;}



/* Zbozi na dotaz
----------------------------------------------- */
#dotaz {width: 100%; height: 100%; background: #fff;}
#dotaz form {margin: 0 20px;}
#dotaz form fieldset {padding-bottom: 25px;}
#dotaz form textarea {width: 270px; margin-top: 5px; background: #fcffad; border: 1px solid #666;}
#dotaz form textarea:focus {background: #fbff87;}

#dotaz form .button-pokracovat {width: 139px; position: relative; left: 580px;}
#dotaz form .button-pokracovat input {width: 139px; height: 45px; border: 0; cursor: pointer;}



/* Vypis komentaru
----------------------------------------------- */
.posttop-comment {font-size: 1.0em;}
.posttext-comment {font-size: 1.0em;}
.post-comment-reply .posttop-comment {font-size: 1.0em;}
.post-comment-reply .posttext-comment {font-size: 1.0em;}



/* Formular nakupniho kosiku
----------------------------------------------- */
#doprava-form p {font-size: 0.75em; margin-top: 0; padding-top: 0; margin-left: 10px;}
#doprava-form h3 {font-weight: bold; margin: 5px 0 10px 3px; font-size: 1.0em; color: #004b8a;}
#doprava-form textarea {border: 1px solid #d1d1d1; background: url("../images/textarea.jpg") no-repeat #f5f5f5; width: 712px; height: 120px; margin-bottom: 15px;}
#doprava-form div#slider {border: 0; margin: 0;}



/* Drobeckova navigace
----------------------------------------------- */
.module:after{clear:both;content:".";display:block;height:0;visibility:hidden;}

html .module{height:1%;overflow:visible;}
html .module{min-height:1%;}

.breadcrumb {margin:0;padding:0;float:left;display:block;height:21px;overflow:hidden;width:370px;padding:5px;border:solid 0px #dedede;background:#fff;font-size:12px;line-height:21px;color:#444;font-family:Arial,Helvetica,sans-serif;font-style:normal;font-variant:normal;font-weight:normal; margin-top: 10px;}
.breadcrumb-popis {width:715px;}
.breadcrumb a {text-decoration:none;font-size:inherit;font-weight:inherit;}
.breadcrumb a:hover {text-decoration:underline;}
.breadcrumb ul{margin:0;padding:0;height:21px;display:block;}
.breadcrumb ul li{display:block;float:left;position:relative;height:21px;overflow:hidden;line-height:21px;margin:0px 6px 0px 0;padding:0px 10px 0px 0;font-size:.9167em;background:url(../scripts/breadcrumbs/Images/Chevron.gif) no-repeat 100% 0;}
.breadcrumb ul li div.chevronOverlay{position:absolute;right:0;top:0;z-index:2;}
.breadcrumb ul li span{display:block;overflow:hidden;}
.breadcrumb ul li a{display:block;position:relative;height:21px;line-height:21px;overflow:hidden;float:left;}
.breadcrumb ul li.first a{height:16px !important;text-indent:-1000em;width:16px;padding:0;margin-top:2px;overflow:hidden;background:url(../scripts/breadcrumbs/Images/IconHome.gif) no-repeat 0 0;}
.breadcrumb ul li.first a:hover{background-position:0 -16px;}
.breadcrumb ul li.last{background:none;margin-right:0;padding-right:0;}
.chevronOverlay{display:none;background:url(../scripts/breadcrumbs/Images/ChevronOverlay.png) no-repeat 100% 0;width:13px;height:20px;}


#seminar-box {border: 1px solid #6cc8cc; padding: 10px 10px 15px 10px; float: left; width: 230px; background: #c6f1f3; margin: 5px 0;}



/* Vypis uzivatelskych objednavek
----------------------------------------------- */
.objednavky .skrt {text-decoration: line-through;}

.objednavka-sleva {background: #e5f2f7; color: #000; border-top: 1px dashed #b6b6b6;}
.objednavka-doprava {background: #fcfdd0; color: #000; border-top: 1px dashed #b6b6b6;}
.objednavka-doprava td, .objednavka-cena td {font-weight: bold;}
.objednavka-cena {background: #ffb7b7; color: #000; border-top: 1px dashed #b6b6b6;}
.objednavka-cena-celkem {background: red; font-size: 1.0em; color: #fff; border: 2px solid #000;}

.cena-info {color: red; font-size: 0.75em; font-style: italic; margin: 0 0 10px 0; padding: 0; width: 100%; text-align: right;}