/* KOSIK */
.kosik {
 min-height: 300px; padding: 0 10px 0 10px;
}
.kosik a {
 text-decoration: none;
}
.kosik a:hover {
 text-decoration: underline;
}
.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: 16px;
}
.kosik .nulavkosiku a {
 font-size: 12px; text-decoration: none;
}
.kosik .nulavkosiku a:hover {
 text-decoration: underline;
}
.kosik ul.kroky {
 display: inline-block; margin: 0 0 20px 0px; padding: 0; list-style: none; font-size: 0;
}
.kosik ul.kroky li {
 display: inline-block; margin: 0; padding: 3px 0 3px 0; text-align: center; font-size: 13px;
}
.kosik ul.kroky li.pointer {
 cursor: pointer;
}
.kosik ul.kroky li.one:before {
 content: '1. ';
}
.kosik ul.kroky li.two:before  {
 content: '2. ';
}
.kosik ul.kroky li.free:before  {
 content: '3. ';
}
.kosik ul.kroky li.four:before  {
 content: '4. ';
}
.kosik ul.kroky li.five:before  {
 content: '5. ';
}
.kosik ul.kroky li.six:before  {
 content: '6. ';
}
.kosik ul.kroky li.one.active {
 font-weight: bold;
}
.kosik ul.kroky li.two.active {
 font-weight: bold;
}
.kosik ul.kroky li.free.active {
 font-weight: bold;
}
.kosik ul.kroky li.four.active {
 font-weight: bold;
}
.kosik ul.kroky li.five.active {
 font-weight: bold;
}
.kosik ul.kroky li.six.active {
 font-weight: bold;
}
.kosik ul.kroky li.sipka {
 width: 4px; height: 15px; margin: 0 15px 0 15px; padding: 0; background: url(../img/menustrankyArrow.png) no-repeat left 5px;
}

.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; height: 44px; line-height: 44px; margin: 12px 0 10px 0; padding: 0 16px; color: #ffffff; background: #000000;
}
.kosik .ahrefbutton1.border {
 color: #000000; background: #ffffff; border: 1px solid #000000;
}
.kosik .ahrefbutton1.spat {
 float: left; padding: 0 24px;
}
.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: 48%; margin: 0 0 10px 0; padding: 15px; border: 1px solid #000000;
}
.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-left: 1px solid #a4a4a4;*/ border-top: none;
}
.kosik table.kosikveci tbody td, .kosik table.kosikveci thead th, .kosik table.kosikveci tfoot td {
 border-right: 1px solid #000000; border-bottom: 1px solid #000000;
}
.kosik table.kosikveci thead {
 color: #000000;
}
.kosik table.kosikveci thead th {
 padding: 12px 5px 12px 5px; font-weight: 600; color: #ffffff; background: #656565; border-right: 1px solid #ffffff;
 border-bottom: 10px solid #ffffff;
}
.kosik table.kosikveci thead th.bgnone {
 background: none; border-left: none; border-right: none;
}
.kosik table.kosikveci tbody {
}
.kosik table.kosikveci tbody tr.second {
}

.kosik table.kosikveci tbody tr:first-child td {
 border-top: 1px solid #000000;
}

.kosik table.kosikveci tbody td {
 padding: 5px 5px;
}
.kosik table.kosikveci tbody td:first-child {
 border-left: 1px solid #000000;
}
.kosik table.kosikveci tbody td.obrazok {
 width: 90px;
}
.kosik table.kosikveci tbody td .akcia {
 color: #000000;
}
.kosik table.kosikveci tbody td a {
 color: #000000;
}
.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 {
 display: none; 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: #cb6969;*/ color: #000000;
}
.kosik table.kosikveci tbody td.zasoba span.niejeskladom {
 color: #ff0000;
}
.kosik table.kosikveci tbody td a.odobrat {
 display: block; padding: 12px 7px; font-size: 18px;
}

.kosik table.kosikveci tfoot {
 font-size: 15px; color: #000000;
}
.kosik table.kosikveci tfoot td {
 padding: 7px 5px 7px 5px; line-height: 24px;
}
.kosik table.kosikveci tfoot td:first-child {
 border-left: 1px solid #000000;
}
.kosik table.kosikveci tfoot td .pozlavach {
 color: #e65960; font-size: 14px;
}
.kosik table.kosikveci tfoot td.cenaspolu {
 font-weight: normal; font-size: 15px;
}
.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;
}
*/
.kosik table.kosikveci .dokosikainp {
 display: inline-block; width: 74px; height: 40px; line-height: 38px; padding: 0 0 0 0;
}
.kosik table.kosikveci .dokosikainp input[type=text] {
 float: left; width: 40px; height: 100%; margin: 0; font-size: 16px; text-align: center; border: none;
}
.kosik table.kosikveci .dokosikainp .arrows {
 float: right; height: 40px; text-align: center;
}
.kosik table.kosikveci .dokosikainp span.plus {
 display: block; width: 12px; height: 8px; margin: 0 0 1px 0; padding: 9px 16px;
 background: url(../img/dokosikaIcon_up.png) no-repeat center 9px; cursor: pointer;
}
.kosik table.kosikveci .dokosikainp span.minus {
 display: block; width: 12px; height: 8px; margin: 1px 0; padding: 9px 16px;
 background: url(../img/dokosikaIcon_down.png) no-repeat center 3px; cursor: pointer;
}



.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;
}

.sumyspolu {
 float: right; margin-top: 15px;
}
.sumyspolu table {
 float: left; width: 300px;
}
.sumyspolu table td {
 padding: 4px 0;
}
.sumyspolu table tr:first-child td {
 font-size: 18px; font-weight: bold; border-bottom: 1px solid #000000;
}
.sumyspolu .vkosik1 {
 float: right; margin: 10px 0 0 60px;
}



.akemamvlastnezlavy1 {
 float: left; width: 40%; margin-top: 15px;
}
.akemamvlastnezlavy {
 color: #000000; line-height: 20px; font-size: 14px;
}
.akemamvlastnezlavy.akocenadopr {
 margin-top: 20px; color: #000000; line-height: 20px; font-size: 14px;
}
.akemamvlastnezlavy.akocenadopr dfn {
 color: #64ac00; font-weight: bold; font-size: 13px;
}


.kodpoukazky {
 float: right; margin: 60px 0 0 0; padding: 0; border: none;
}
.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 {
 display: block; margin-bottom: 7px; padding: 0; font-size: 14px;
}
.kodpoukazky.form input[type=text] {
 clear: both;
}


.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: inline-block; margin: 0 0 0px 0;
}
.kosik .prihlasenie a.bregistrovat {
 color: #000000;
}
.kosik .prihlasenie .blok {
}
.kosik .prihlasenie .blok h2 {
 margin: 0 0 40px 0;
}
.kosik .prihlasenie .blok h4 {
 margin: 50px 0 10px 0; font-size: 14px;
}
.kosik .prihlasenie .blok ul {
 margin: 0; padding: 0; text-align: center; list-style: none;
}
.kosik .prihlasenie .blok ul li {
 text-align: center;
}

.kosik .prihlasenie .left {
 float: left; width: 47%; text-align: center;
}
.kosik .prihlasenie .right {
 float: right; width: 47%; margin: 0; text-align: center;
}
.kosik .prihlasenie .right hr {
}
.kosik .prihlasenie .right .ahrefpokracovat {
 float: none; margin-bottom: 0;
}
/* /kosik - prihlasenie - krok 2 */

/* kosik - adresy - krok3 */
.kosik .krok3 {
}
.kosik .krok3 .kosik3blok {
 display: block;
}
.kosik .krok3 h2 {
 margin: 20px 0 20px 0;
}
.kosik .krok3 .left {
 float: left; width: 48%; height: auto;
}
.kosik .krok3 .right {
 float: right; width: 48%; height: auto; margin: 0;
}
.kosik .platbadorucenie {
 height: 90px;
}
.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 {
}
@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: 0 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 .kosik5left {
 float: left; width: 30%;
}
.kosik .krok5 .kosik5right {
 float: right; width: 68%;
}
.kosik .krok5 h2 {
 margin: 0 0 20px 0;
}
.kosik .krok5 .kosikveci {
 margin-top: 10px;
}
.kosik .krok5 .kosikveci thead {
 color: #000000;
}
.kosik .krok5 table.kosikveci tbody tr.second {
}
.kosik .krok5 table.kosikveci tfoot {
 color: #000000;
}
.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;
}
.kosik .udaje .one {
 width: 300px; margin: 0 0 15px 0;
}
.kosik .udaje .two {
 width: 300px; margin: 0 0 15px 0;
}
.kosik .udaje .three {
 width: 300px; margin: 0 0 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 {
 display: block; margin-top: 15px; color: #ff0000;
}
.kosik .ostatneinf .vypis div  {
 margin-left: 15px;
}
.kosik .ostatneinf .vypis em {
 font-size: 11px
}
/* /kosik - adresy - krok 5 */

/* kro6 */
.kosik .krok6 {
}
.kosik .krok6 .blok1 {
 width: auto; margin: 20px 0 20px 0; padding: 20px 10px 20px 10px; color: #8d8548; font-size: 14px; text-align: center; font-weight: bold;
 background: #fffce7; border: 2px solid #744c29;
}
.kosik .krok6 .blok1 strong {
 display: block; margin: 0 0 12px 0; font-size: 24px; font-weight: normal;
}

.kosik .krok6 .blok2 {
 margin: 12px 0 0 0; padding: 15px; text-align: left; font-size: 15px; color: #000000;;
}
.kosik .krok6 .blok2 strong {
 display: block; margin: 0 0 12px 0; font-size: 20px; font-weight: normal;
}
.kosik .krok6 .blok2 span {
 display: block; width: auto; margin: 0 auto; padding: 5px 10px 5px 10px; background: #eeeeee;
}
.kosik .krok6 .blok2 ul {
 margin: 10px 0 0 10px; padding: 0; list-style: square; font-size: 14px; text-align: left;
}
.kosik .krok6 .blok2 li {
 margin: 2px 0 0 20px;
}

/* kro6 */
.kosik .printicon {
 float: right; margin: 0 6px 10px 0;
}

.stavobjednavky #bSHOWobj {
 display: table; margin: 15px auto 15px auto; padding: 12px 16px; border: 1px solid #000000; cursor: pointer;
}
.stavobjednavky #objednavkaDETAIL {
 display: none; float: right; width: auto; margin: 0; padding: 10px; background: #ffffff; 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 {
 background: #ffffff;
}
.stavobjednavky .kosik6objednavka table.kosikveci thead {
 background: #ffffff;
}
.stavobjednavky .kosik6objednavka table.kosikveci tfoot {
 background: #ffffff;
}
/* /KOSIK */