/* KOSIK */
.kosik {
 min-height: 500px; padding: 0 10px 0 10px;
}
.kosik .chybickaPOUKAZKA {
 margin: 0 0 7px 0; padding: 7px 8px; color: #ffffff; background: #ff0000;
}
.kosik .nulavkosiku {
 margin: 20px 0 20px 0; text-align: center; font-size: 20px;
}
.kosik .nulavkosiku a {
 font-size: 12px; color: #e65960;
}
.kosik ul.kroky {
 display: inline-block; margin: 0 0 10px 0px; padding: 0; list-style: none;
}
.kosik ul.kroky li {
 display: inline-block; height: 33px; margin: 0; padding: 9px 0 0 36px; text-align: center;
}
.kosik ul.kroky li.one {
 background: url(../img/kosikkroky.png) no-repeat left 2px;
}
.kosik ul.kroky li.two {
 background: url(../img/kosikkroky.png) no-repeat left -48px;
}
.kosik ul.kroky li.free {
 background: url(../img/kosikkroky.png) no-repeat left -98px;
}
.kosik ul.kroky li.four {
 background: url(../img/kosikkroky.png) no-repeat left -148px;
}
.kosik ul.kroky li.five {
 background: url(../img/kosikkroky.png) no-repeat left -198px;
}
.kosik ul.kroky li.six {
 background: url(../img/kosikkroky.png) no-repeat left -248px;
}
.kosik ul.kroky li.one.active {
 color: #973a3f; background: url(../img/kosikkroky.png) no-repeat left -298px; cursor: pointer;
}
.kosik ul.kroky li.two.active {
 color: #973a3f; background: url(../img/kosikkroky.png) no-repeat left -348px; cursor: pointer;
}
.kosik ul.kroky li.free.active {
 color: #973a3f; background: url(../img/kosikkroky.png) no-repeat left -398px; cursor: pointer;
}
.kosik ul.kroky li.four.active {
 color: #973a3f; background: url(../img/kosikkroky.png) no-repeat left -448px; cursor: pointer;
}
.kosik ul.kroky li.five.active {
 color: #973a3f; background: url(../img/kosikkroky.png) no-repeat left -498px; cursor: pointer;
}
.kosik ul.kroky li.six.active {
 color: #973a3f; background: url(../img/kosikkroky.png) no-repeat left -548px; cursor: pointer;
}
.kosik ul.kroky li.sipka {
 width: 9px; height: 33px; margin: 0 20px 0 20px; padding: 0; background: url(../img/kosikkroky.png) no-repeat left -594px;
}

.kosik .quatrokalkulacka {
 float: left; margin: 10px 0 10px 0;
}
.kosik .quatrokalkulacka .quatro {
 float: left;
}
.kosik .quatrokalkulacka strong {
 float: left; display: block; margin: 6px 0 0 7px; font-weight: normal; color: #1d5c92;
}
.kosik .ahrefbutton1 {
 display: table; width: auto; margin: 12px 0 10px 0; padding: 8px 15px; color: #ffffff; background: #000000;
}
.kosik .ahrefbutton1.spat {
 float: left; padding: 8px 24px; background: #464646;
}
.kosik .ahrefbutton1.rightb {
 float: right;
}
.kosik .ahrefbutton1.center {
 margin-left: auto; margin-right: auto;
}
.kosik .ahrefbutton1.objednat {
 padding-left: 20px; padding-right: 20px; background: #f20000;
}

.kosik .blok {
 width: 340px; margin: 0; padding: 14px 10px 14px 10px;
}
.kosik .blok h3 {
margin: 0 0 10px 0; padding: 0;
}
.kosik .blok h4 {
 margin: 0 0 6px 0; padding: 0;
}
.kosik .blok hr {
 margin: 10px 0 10px 0;
}
.kosik .blok ul {
 margin: 0 0 0 20px;
}

/* kosik - kosik - krok 1 */
.kosik table.kosikveci {
 width: 100%; margin-bottom: 10px; border: 1px solid #d5d5d5;
}
.kosik table.kosikveci thead {
 color: #232323; background: #d3d3d3;
}
.kosik table.kosikveci thead th {
 padding: 7px 5px 7px 5px; font-weight: normal;
}
.kosik table.kosikveci tbody {
}
.kosik table.kosikveci tbody tr.second {
 background: #eeeeee;
}
.kosik table.kosikveci tbody td {
 padding: 5px 5px;
}
.kosik table.kosikveci tbody td.obrazok {
 width: 90px;
}
.kosik table.kosikveci tbody td.obrazok img {
 border: 1px solid #d7d7d7;
}
.kosik table.kosikveci tbody td .akcia {
 color: #e65960;
}
.kosik table.kosikveci tbody td a {
 color: #e65960;
}
.kosik table.kosikveci tbody td small {
 font-size: 10px; font-weight: bold;
}
.kosik table.kosikveci tbody td span {
 font-weight: bold;
}
.kosik table.kosikveci tbody td span.popistdth {
 font-weight: normal;
}
.kosik table.kosikveci tbody td.pocet {
 width: 100px;
}

.kosik table.kosikveci tbody td.zasoba {
 width: 110px;
}
.kosik table.kosikveci tbody td.zasoba span {
 display: block; margin: 2px 0 2px 0; font-weight: normal;
}
.kosik table.kosikveci tbody td.zasoba span.skladom {
 color: #1c6192;
}
.kosik table.kosikveci tbody td.zasoba span.niejeskladom {
 color: #ff0000; font-weight: bold;
}

.kosik table.kosikveci tfoot {
 font-size: 18px; color: #232323; background: #d3d3d3;
}
.kosik table.kosikveci tfoot td {
 padding: 7px 5px 7px 5px; line-height: 24px;
}
.kosik table.kosikveci tfoot td .pozlavach {
 color: #e65960; font-size: 14px;
}
.kosik table.kosikveci tfoot td.cenaspolu {
 font-weight: normal; font-size: 16px;
}
.kosik table.kosikveci tfoot td small {
 font-weight: normal; font-size: 11px;
}
.kosik table.kosikveci tfoot td.cenaspolu small {
 font-weight: normal; font-size: 11px;
}

.kosik table.kosikveci .minus {
 display: block; float: left; width: 24px; height: 24px; margin: 0 0 0 0; 
 background: url(../img/dokosikaminus.png) no-repeat center;
}
.kosik table.kosikveci .plus {
 display: block; float: left; width: 24px; height: 24px; margin: 0 0 0 0; 
 background: url(../img/dokosikaplus.png) no-repeat center;
}
.kosik table.kosikveci input[type=text] {
 float: left; width: 35px; height: 22px; margin: 0 5px 0 5px; padding: 0 0 0 0; text-align: center; font-size: 15px; 
 border: 1px solid #bec4c6;
}

.darcekvybraty {
 max-width: 450px; color: #1c7400;
}
.darcekvybraty img {
 float: left; margin-left: 10px;
}
.darcekvybraty p {
 float: left; padding: 27px 0 0 20px;
}
a.akemamvlastnezlavyB {
 display: block; float: left; margin: 0px 0 0 7px; color: #e65960;
}

.akemamvlastnezlavy {
 max-width: 550px; margin-right: 50px; padding: 12px 12px 4px 12px; color: #e65960; line-height: 20px; font-size: 14px;
}
.akemamvlastnezlavy.kosik1 {
 float: left; max-width: 500px; 
}
.akocenadopr {
 float: left; width: auto; padding: 12px 12px 4px 12px; color: #000000; line-height: 20px; font-size: 14px;
}
.akocenadopr dfn {
 color: #64ac00; font-weight: bold; font-size: 12px;
}

.kodpoukazky {
 float: right; margin: 10px 0 0 0; padding: 10px 20px 10px 20px; background: #f2f2f2;
 border-bottom: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7;
}
.kodpoukazky .what {
 margin: 0 0 7px 0; font-size: 14px; font-weight: bold;
}
.kodpoukazky .okpoukazka {
 width: 100%; height: 20px; margin: 10px 0 10px 0; padding: 0 0 0 0; color: #64ac00; font-weight: bold; text-align: center;
 background: url(../img/dokosikabgsubselected.png) no-repeat left top;
}
.kodpoukazky.form label {
 float: left; width: 80px; margin-right: 7px; padding: 0; font-size: 14px;
}
.kodpoukazky.form input[type=text] {
}
.kodpoukazky .bvlozitkod {
 display: block; float: right; margin: 8px 0 0 0; padding: 5px 10px; color: #ffffff; background: #000000;
}

.kosik .darceky {
 margin-top: 7px; display: none;
}
.kosik .darceky .nadpis {
 width: 100%; height: 52px; margin: 0 0 7px 7px; padding: 18px 0 0 67px; font-size: 20px; color: #1c7400;
 background: url(../img/darcekICONsmallROTATE.png) no-repeat left center;
}
.kosik .darceky .nadpis small {
 display: block; padding: 5px 0 0 0; color: #000000; font-size: 12px;
}
.kosik .darceky .nadpis span {
 color: #000000; font-weight: bold;
}
.kosik .darceky .one {
 position: relative; float: left; width: 219px; height: 200px; margin: 0 3px 5px 2px; padding: 7px; border: 1px solid #e5e5e5;
 box-shadow: inset 0 0 15px #f8f8f8; -moz-box-shadow: inset 0 0 15px #f8f8f8; -webkit-box-shadow: inset 0 0 15px #f8f8f8;
}
.kosik .darceky .one .noactive {
 position: absolute; top: 0; left: 0; width: 219px; height: 200px; padding: 7px; background: #eeeeee;
 opacity: 0.8; filter: alpha(opacity=80); z-index: 3;
}
.kosik .darceky .one .noactive2 { /* blok pre tie, ktoré nie sú ešte v cenovej hľadine nákup*/
 position: absolute; top: 0; left: 0; width: 219px; height: 200px; padding: 7px; background: #000000;
 opacity: 0.2; filter: alpha(opacity=20); z-index: 3;
}
.kosik .darceky .one .popis { /* blok pre tie, ktoré nie sú ešte v cenovej hľadine nákup*/
 position: absolute; bottom: 10px; right: 0; width: auto; padding: 7px 7px 7px 12px; color: #ffffff; font-weight: bold; 
 text-align: right; background: #000000; z-index: 4;
}
.kosik .darceky .one .noactive3 { /* blok pre tie, ktoré nie sú na sklade, v počtoch */
 position: absolute; top: 0; left: 0; width: 219px; height: 200px; padding: 7px; background: #000000;
 opacity: 0.2; filter: alpha(opacity=20); z-index: 3;
}
.kosik .darceky .one .popis.rozdane { /* blok pre tie, ktoré nie sú ešte v cenovej hľadine nákup*/
 position: absolute; bottom: 50px; right: 0; background: #e65960;
}
.kosik .darceky .one.last {
 margin: 0 0 5px 2px;
}
.kosik .darceky .one h2 {
 margin: 0 0 6px 0; font-size: 12px; height: 34px; overflow: hidden; color: #1d5e80;
}
.kosik .darceky .one h2 a {
 color: #1d5e80;
}
.kosik .darceky .one a.vybratdarcek {
 display: none; position: absolute; left: 0; bottom: 40px; width: 100%; padding: 20px 0 20px 0; text-align: center; 
 font-size: 16px; color: #4b4c0a; background: #e6e820; z-index: 2;
}
.kosik .darceky .one:hover a.vybratdarcek {
 display: block;
}
.kosik .darceky .one a.detaildarcek {
 display: none; position: absolute; right: 0; bottom: 10px; width: 70%; padding: 6px 0 6px 0; text-align: center; 
 font-size: 12px; color: #ffffff; background: #000000; z-index: 2;
}
.kosik .darceky .one:hover a.detaildarcek {
 display: block;
}

.kosik .darceky .one .darcekimg {
 position: absolute; right: 10px; bottom: 10px; z-index: 1;
}
/* kosik - kosik - krok 1 */

/* kosik - prihlasenie - krok 2 */
.kosik .prihlasenie {}
.kosik .prihlasenie label {
 float: left; width: 60px; margin: 14px 0 0 20px;
}
.kosik .prihlasenie input[type=text] {
 float: left; width: 200px; margin: 7px 0 0 0; padding: 0 4px 0 4px;
}
.kosik .prihlasenie input[type=password] {
 float: left; width: 200px; margin: 7px 0 0 0; padding: 0 4px 0 4px;
}
.kosik .prihlasenie input[type=image] {
 margin: 10px 0 0 0;
}
.kosik .prihlasenie .blogin {
 margin: 10px 0 0 0;
}
.kosik .prihlasenie .ahrefbutton1 {
 margin-top: 20px; margin-bottom: 20px;
}
.kosik .prihlasenie .bregistrovat {
 display: block; float: right; margin: 0 0 0px 0;
}
.kosik .prihlasenie a.bregistrovat {
 color: #e65960;
}
.kosik .prihlasenie .blok {
 height: 220px;
}
.kosik .prihlasenie .left {
 float: left; width: 46%; background: #fff4ad; border: 1px solid #bab27e;
}
.kosik .prihlasenie .left hr {
 background: #d7ce92; border-bottom: 1px solid #fffef6;
}
.kosik .prihlasenie .right {
 float: right; width: 46%; margin: 0; background: #ececec; border: 1px solid #bdbdbd;
}
.kosik .prihlasenie .right hr {
}
.kosik .prihlasenie .right .ahrefpokracovat {
 float: none; margin-bottom: 0;
}
/* /kosik - prihlasenie - krok 2 */

/* kosik - adresy - krok3 */
.kosik .krok3 {
}
.kosik .krok3 h2 {
 margin: 0 0 10px 0;
}
.kosik .krok3 .left {
 float: left; width: 46%; height: auto; background: #ececec; border: 1px solid #bdbdbd;
}
.kosik .krok3 .right {
 float: right; width: 46%; height: auto; margin: 0; background: #ececec; border: 1px solid #bdbdbd;
}
.kosik .platbadorucenie {
 height: 90px;
}
.kosik .platbadorucenie .selectmenu label {
 height: 18px; margin: 0 10px 0 7px; padding: 3px 0 1px 23px;
}
.kosik .krok3 .akestenakupite {
 margin: 15px 0 5px 0; padding: 10px 0 10px 0; font-size: 16px; color: #3b6600; text-align: center;
 background: #c0fa6f; border: 1px solid #70c000;
}
/* /kosik - adresy - krok3 */

/* kosik - adresy - krok 4 */
.kosik .krok4nevyuzivasa {
}
.kosik .krok4nevyuzivasa .one {
 margin-bottom: 10px; padding: 4px;
 border: 1px solid #d5d5d5; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px;
}
.kosik .krok4nevyuzivasa .one .div1 {
 float: left; margin: 0 7px 0 0; padding: 12px 16px 12px 16px; 
 background: #e0e7e9; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px;
}
.kosik .krok4nevyuzivasa .one .div2 {
 float: left; width: 800px; padding: 0 2px 0 7px; background: #f8f8f8; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px;
}
.kosik .krok4nevyuzivasa .one .div2 label {
 display: block; float: left; line-height: 20px; margin-right: 5px;
}
.kosik .krok4nevyuzivasa .one .div3 {
 float: right; padding: 6px 4px 0 0;
}
.kosik .krok4nevyuzivasa a.addadresu {
 float: right; display: block; height: 18px; margin: 0 2px 10px 2px; padding: 1px 0 0 22px; font-size: 14px; color: #0058c0; 
 background: url(../img/plusico.n.png) no-repeat left 0; 
}
.kosik .krok4nevyuzivasa .one:hover {
 border: 1px solid #f6d928;
}
.kosik .krok4nevyuzivasa .one:hover .div1 {
 background: #faf87a;
}
.kosik .krok4nevyuzivasa .one:hover .div2 {
 background: #fafada;
}

.kosik .krok4 {
}
.kosik .krok4 label.smefirma {
 height: 18px; margin: 5px 10px 0 20px; padding: 3px 0 1px 23px;
}
@media screen and (max-width: 780px) { .kosik .krok4 label.smefirma { margin-left: 0; } }
.kosik .krok4 .chyba {
 margin-top: 10px;
}
.kosik .krok4 .poznamka textarea {
 float: left; width: 400px; height: 120px; margin: 7px 0 0 0;
}
@media screen and (max-width: 780px) { .kosik .krok4 .poznamka textarea { width: 90%; } }
/* /kosik - adresy - krok 4 */

/* kosik - adresy - krok 5 */
.kosik .krok5 {
}
.kosik .krok5 h2 {
 margin-bottom: 5px;
}
.kosik .krok5 .kosikveci {
}
.kosik .krok5 .kosikveci thead {
 color: #232323; background: #d3d3d3;
}
.kosik .krok5 table.kosikveci tbody tr.second {
 background: #eeeeee;
}
.kosik .krok5 table.kosikveci tfoot {
 color: #232323; background: #d3d3d3;
}
.kosik .krok5 table.kosikveci tbody tr td a {
 color: #000000; 
}
.kosik .krok5 .suhlas {
 display: block; float: right; margin: 20px 0 0 0;
}


.kosik .blokbig {
 line-height: 20px; padding-bottom: 12px;
}
.kosik .udaje .one {
 float: left; width: 300px; margin: 0 12px 0 0;
}
.kosik .udaje .two {
 float: left; width: 300px; margin: 0 12px 0 0;
}
.kosik .udaje .three {
 float: left; width: 300px; margin: 0 12px 0 0;
}
.kosik .udaje span {
 display: block;
}
.kosik .udaje .poznamka {
 margin: 12px 0 0 0;
}
.kosik .ostatneinf {
}
.kosik .ostatneinf .vypis {
 margin-top: 10px;
}
.kosik .ostatneinf .vypis strong.top {
 color: #e65960;
}
.kosik .ostatneinf .vypis div  {
 margin-left: 15px;
}
.kosik .ostatneinf .vypis em {
 font-size: 11px
}
/* /kosik - adresy - krok 5 */

/* kro6 */
.kosik .krok6 {
}
.kosik .krok6 .blok1 {
 padding: 15px; text-align: center; font-size: 15px; color: #353c43; 
 background: #c7e2fd url(../img/ok_icon_45x50.png) no-repeat 130px 12px; border: 1px solid #a9bfd6;
 box-shadow: inset 0 0 2px #ffffff; -moz-box-shadow: inset 0 0 2px #ffffff; -webkit-box-shadow: inset 0 0 2px #ffffff;
}
.kosik .krok6 .blok1 strong {
 display: block; margin: 0 0 12px 0; font-size: 17px; font-weight: normal;
}

.kosik .krok6 .blok2 {
 margin: 12px 0 0 0; padding: 15px; text-align: center; font-size: 15px; color: #393939; 
 background: #e7e7e7; border: 1px solid #b6b6b6;
 box-shadow: inset 0 0 2px #ffffff; -moz-box-shadow: inset 0 0 2px #ffffff; -webkit-box-shadow: inset 0 0 2px #ffffff;
}
.kosik .krok6 .blok2 strong {
 display: block; margin: 0 0 12px 0; font-size: 17px; font-weight: normal;
}
.kosik .krok6 .blok2 span {
 display: block; width: auto; margin: 0 auto; padding: 5px 10px 5px 10px; background: #ffffff; border: 1px solid #b6b6b6;
}
.kosik .krok6 .blok2 ul {
 margin: 10px 0 0 10px; padding: 0; list-style: square; font-size: 12px; text-align: left;
}
.kosik .krok6 .blok2 li {
 margin: 2px 0 0 20px;
}
/* kro6 */
.kosik .printicon {
 float: right; margin: 0 6px 10px 0;
}

.stavobjednavky #bSHOWobj {
 float: right; margin: 7px 4px 7px 0; cursor: pointer;
}
.stavobjednavky #objednavkaDETAIL {
 display: none; float: right; width: auto; margin: 0; padding: 10px; background: #fafafa; border: 1px dashed #c9cdd0;
}
.stavobjednavky .kosik6objednavka h3 {
 float: right; width: auto; margin: 0 0 10px 0; padding: 0; font-size 16px;
}
.stavobjednavky .kosik6objednavka table.kosikveci thead {
 background: #e6e6e6;
}
.stavobjednavky .kosik6objednavka table.kosikveci tfoot {
 background: #f2f2f2;
}
/* /KOSIK */