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

a {text-decoration: none; color: rgb(8,11,185);}
a:hover {cursor: pointer;}

img, video {border: none;}
:active, :focus {outline: none; -moz-outline-style: none;}

* {margin: 0;}
html {height: 100%;}
body {height: 100%; text-decoration: none; background-repeat: repeat;}
#stranka {width: 88%; max-width: 1690px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -43px auto; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-top: solid 1px transparent;}
#obsah {width: 100%; display: block; padding: 72px 0 27px 0; padding: 80px 0 27px 0;}

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

#odkladiste {position: relative; top: 50px; display: none; z-index: 100;}

#vypis_nahravam {position: fixed; z-index: 10;}
@media only screen and (max-width: 9999px) and (min-width: 1601px) {#vypis_nahravam {width: 60px; top: calc(50% - 30px); left: calc(50% - 30px);}}
@media only screen and (max-width: 1600px) and (min-width: 1201px) {#vypis_nahravam {width: 50px; top: calc(50% - 25px); left: calc(50% - 25px);}}
@media only screen and (max-width: 1200px) and (min-width: 0000px) {#vypis_nahravam {width: 40px; top: calc(50% - 20px); left: calc(50% - 20px);}}

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

#kosik_polozka_prazdny {width: 100%; color: white; font-weight: bold; text-align: center; background: rgba(255,0,0,0.4); margin-top: 10px; padding: 20px 0 20px 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

.kosik_nadpis {font-weight: bold;}

#kosik_polozka {width: 100%; position: relative; display: block;}

.kosik_polozka_tabulka {width: 100%; position: relative; margin-top: 10px;}
.kosik_polozka_obrazek_td {width: 120px; vertical-align: top;}
.kosik_polozka_obrazek_td a img {width: 120px;}
.kosik_polozka_nazev_td {vertical-align: top; padding-left: 10px;}
.kosik_polozka_nazev {overflow: hidden !important; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.kosik_polozka_kod {opacity: 0.7; font-size: 90%; padding-top: 3px;}
.kosik_polozka_skladem_td {vertical-align: center; text-align: center;}
.kosik_polozka_pocet_kusu_td {vertical-align: center; text-align: center;}
.kosik_polozka_pocet_kusu_hodnota {width: 40px; text-align: center; border: none; padding: 7px;}
.kosik_polozka_pocet_kusu_hodnota_zmena {cursor: pointer;}
.kosik_polozka_pocet_kusu_hlaska {color: red; cursor: pointer;}
.kosik_polozka_celkem_k_uhrade_1ks_td {vertical-align: center; text-align: right;}
.kosik_polozka_celkem_k_uhrade_xks_td {vertical-align: center; text-align: right;}
.kosik_polozka_odstranit_td {vertical-align: center; text-align: right;}
.kosik_polozka_odstranit_td_respo {position: absolute; top: 20px; right: 20px; display: none; cursor: pointer; opacity: 0.5;}
#kosik_polozka_celkem_k_uhrade_sum_td {width: auto; display: inline-block; float: right; font-size: 20px; font-weight: bold; text-align: right; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
#kosik_polozka_platce_dph {display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

#kosik_doprava_osobne, #kosik_doprava_adresa, #kosik_doprava_balikovna {margin-top: 10px;padding: 2% 5% 2% 5%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
#kosik_doprava_osobne_radio, #kosik_doprava_adresa_radio, #kosik_doprava_balikovna_radio {cursor: pointer;}
.kosik_doprava_cena {float: right;}
#kosik_doprava_osobne_popisek, #kosik_doprava_adresa_popisek, #kosik_doprava_balikovna_adresa {margin-top: 7px;}
#kosik_doprava_varovani {width: 100%; display: none; color: white; font-weight: bold; background: rgba(255,0,0,0.4); margin-top: 7px; padding: 4px 8px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

#kosik_platba_banka, #kosik_platba_paypal, #kosik_platba_dobirka {margin-top: 10px; padding: 2% 5% 2% 5%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
#kosik_platba_banka_radio, #kosik_platba_paypal_radio, #kosik_platba_dobirka_radio {cursor: pointer;}
.kosik_platba_cena {float: right;}
#kosik_platba_banka_popisek, #kosik_platba_paypal_popisek, #kosik_platba_dobirka_popisek {margin-top: 7px;}

#kosik_doprava_celkem_k_uhrade_sum_td {width: auto; display: inline-block; float: right; font-size: 20px; font-weight: bold; text-align: right; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
#kosik_doprava_platce_dph {display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

.kosik_input {border: none; margin-top: 5px; padding: 10px 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
#kosik_odberatel {display: inline-block; float: left; font-size: 14px;}
#kosik_odberatel_ramecek {display: inline-block; float: left;}
#kosik_odberatel_jmeno {width: calc(35% - 5px); margin-top: 10px;} #kosik_odberatel_prijmeni {width: 65%;}
#kosik_odberatel_ulice {width: 100%;}
#kosik_odberatel_psc {width: calc(35% - 5px);} #kosik_odberatel_mesto {width: 65%;}
#kosik_odberatel_email {width: 100%;}
#kosik_odberatel_telefon {width: 100%;}
#kosik_podnikatel_ramecek {display: inline-block; float: left; margin-right: 10px;}
#kosik_podnikatel_ano {cursor: pointer;}
#kosik_podnikatel_kolonky {display: none;}

#kosik_prijemce_ramecek {display: inline-block; float: left; font-size: 14px;}
#kosik_prijemce_ano {cursor: pointer;}
#kosik_prijemce_kolonky {display: none;}
#kosik_prijemce_jmeno {width: calc(35% - 5px);} #kosik_prijemce_prijmeni {width: 65%;}
#kosik_prijemce_ulice {width: 100%;}
#kosik_prijemce_psc {width: calc(35% - 5px);} #kosik_prijemce_mesto {width: 65%;}
#kosik_prijemce_telefon {width: 100%;}

#kosik_poznamka_ramecek {height: 246px; display: inline-block; float: left; font-size: 14px;}
#kosik_poznamka {height: 204px; min-width: 300px; border: none; margin-top: 10px; padding: 10px 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

#kosik_objednat_ramecek {display: inline-block;}
#kosik_souhlas_op, #kosik_souhlas_os {cursor: pointer;}
#kosik_objednat_varovani {width: 100%; display: none; color: white; font-weight: bold; background: rgba(255,0,0,0.4); margin-top: 12px; padding: 4px 8px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
#kosik_objednat_varovani a {color: white; font-weight: bold; cursor: pointer; text-decoration: underline;}
#kosik_objednat {width: 100%; height: 40px; line-height: 40px; text-align: center; cursor: pointer; margin-top: 15px;}

#kosik_hotovo_ramecek {width: 100%; text-align: center; display: none;}
#kosik_hotovo {position: relative; top: calc(35vh - 200px); display: inline-block; padding: 30px 40px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

.nastroj_odkaz {color: inherit;}

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

/* polozka */
@media only screen and (min-width: 1671px) 							{.kosik_polozka_tabulka {padding: 7px 3% 7px 3%;} .kosik_polozka_skladem_td {width: 170px;} .kosik_polozka_pocet_kusu_td {width: 120px;} .kosik_polozka_celkem_k_uhrade_1ks_td {width: 150px;} .kosik_polozka_celkem_k_uhrade_xks_td {width: 120px;} .kosik_polozka_odstranit_td {width: 50px;} .tabulka_nadpis_respo {display: none;} .tabulka_nadpis_nerespo {display: block;}}
@media only screen and (max-width: 1670px) and (min-width: 1261px) 	{.kosik_polozka_tabulka {padding: 7px 2% 7px 2%;} .kosik_polozka_skladem_td {width: 120px;} .kosik_polozka_pocet_kusu_td {width: 100px;} .kosik_polozka_celkem_k_uhrade_1ks_td {width: 130px;} .kosik_polozka_celkem_k_uhrade_xks_td {width: 100px;} .kosik_polozka_odstranit_td {width: 40px;} .tabulka_nadpis_respo {display: none;} .tabulka_nadpis_nerespo {display: block;}}
@media only screen and (max-width: 1260px) and (min-width: 801px) 	{.kosik_polozka_tabulka {padding: 7px 1% 7px 1%;} .kosik_polozka_skladem_td {width: 90px;} .kosik_polozka_pocet_kusu_td {width: 90px;} .kosik_polozka_celkem_k_uhrade_1ks_td {width: 120px;} .kosik_polozka_celkem_k_uhrade_xks_td {width: 90px;} .kosik_polozka_odstranit_td {width: 20px;} .tabulka_nadpis_respo {display: none;} .tabulka_nadpis_nerespo {display: block;}}
@media only screen and (max-width: 800px) and (min-width: 001px) 	{.kosik_polozka_tabulka {background: none;} .kosik_polozka_tabulka thead tbody th td tr {display: none;} .kosik_polozka_obrazek_td, .kosik_polozka_nazev_td, .kosik_polozka_skladem_td, .kosik_polozka_pocet_kusu_td, .kosik_polozka_celkem_k_uhrade_1ks_td, .kosik_polozka_celkem_k_uhrade_xks_td {width: 100%; display: table; text-align: center; margin-top: 3px; padding: 1%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .kosik_polozka_obrazek_td {padding: 10px 1% 10px 1%;} .kosik_polozka_nazev_td {padding-left: 0;} .kosik_polozka_odstranit_td {display: none;} .kosik_polozka_odstranit_td_respo {display: block;} .tabulka_nadpis_respo {height: 100%; position: relative; display: inline-block; text-align: center; vertical-align: middle;} .tabulka_nadpis_nerespo {display: none;} .tabulka_obsah_respo {height: 100%; position: relative; display: inline-block; text-align: center; vertical-align: middle; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 5px 10px 5px 10px;}}

/* celkem, doprava, platba  */
@media only screen and (min-width: 1001px)							{#kosik_polozka_celkem_k_uhrade_sum_td, #kosik_doprava_celkem_k_uhrade_sum_td {padding: 12px 0 1% 1%;} .kosik_polozka_celkem_k_uhrade_sum_br, .kosik_doprava_celkem_k_uhrade_sum_br {display: none;} #kosik_polozka_platce_dph {float: left; padding: 12px 1% 1% 0;} #kosik_doprava_platce_dph {float: left; padding: 12px 1% 1% 0;} #kosik_doprava {width: 49%; display: inline-block; float: left; margin-top: 30px;} #kosik_platba {width: 49%; display: inline-block; float: right; margin-top: 30px;} .kosik_platba_celkem_br {display: block;} #kosik_odberatel {margin-top: 30px;}}
@media only screen and (max-width: 1000px) and (min-width: 801px)	{#kosik_polozka_celkem_k_uhrade_sum_td {padding: 10px 0 1% 1%;} .kosik_polozka_celkem_k_uhrade_sum_br, .kosik_doprava_celkem_k_uhrade_sum_br {display: none;} #kosik_polozka_platce_dph {float: left; padding: 12px 1% 1% 0;} #kosik_doprava_platce_dph {float: left; padding: 12px 1% 1% 0;} #kosik_doprava {width: 49%; display: inline-block; float: left; margin-top: 40px;} #kosik_platba {width: 49%; display: inline-block; float: right; margin-top: 40px;} .kosik_platba_celkem_br {display: block;} #kosik_odberatel {margin-top: 40px;}}
@media only screen and (max-width: 800px) and (min-width: 001px) {#kosik_polozka_celkem_k_uhrade_sum_td, #kosik_doprava_celkem_k_uhrade_sum_td {padding: 12px 0 0 1%;} .kosik_polozka_celkem_k_uhrade_sum_br, .kosik_doprava_celkem_k_uhrade_sum_br {display: block; clear: both;} #kosik_polozka_platce_dph, #kosik_doprava_platce_dph {float: right; opacity: 0.5; padding: 7px 0 1% 1%;} #kosik_doprava {width: 100%; display: block; float: none; margin-top: 30px;} #kosik_platba {width: 100%; display: block; float: none; margin-top: 35px;} .kosik_platba_celkem_br {display: none;} #kosik_odberatel {margin-top: 30px;}}
/* odberatel, prijemce, poznamka */
@media only screen and (min-width: 1201px) 							{#kosik_odberatel_ramecek {margin-right: 10px;} #kosik_podnikatel_ramecek, #kosik_prijemce_ramecek {margin-top: 40px;} #kosik_poznamka_ramecek {margin: 30px 0 0 2%;}}
@media only screen and (max-width: 1200px) and (min-width: 801px)	{#kosik_odberatel_ramecek {margin-right: 10px;} #kosik_podnikatel_ramecek, #kosik_prijemce_ramecek {margin-top: 40px;} #kosik_poznamka_ramecek {margin: 30px 0 0 0;}}
@media only screen and (max-width: 800px) and (min-width: 601px)	{#kosik_odberatel_ramecek {margin-right: 10px;} #kosik_podnikatel_ramecek {margin-top: 40px;} #kosik_prijemce_ramecek {margin-top: 20px;} #kosik_poznamka_ramecek {margin: 30px 0 0 0;}}
@media only screen and (max-width: 600px) and (min-width: 001px) {#kosik_odberatel_ramecek {margin-right: 0px;} #kosik_podnikatel_ramecek, #kosik_prijemce_ramecek {margin-top: 20px;} #kosik_poznamka_ramecek {margin: 30px 0 0 0;}}
/* objednat */
@media only screen and (min-width: 701px) 							{#kosik_objednat_ramecek {width: 300px; position: relative; float: right; margin: 162px 0 0 2%;}}
@media only screen and (max-width: 700px) and (min-width: 001px)	{#kosik_objednat_ramecek {width: 100%; position: relative; float: none; margin: 40px 0 0 0;}}

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