*, *::before, *::after {
	box-sizing: border-box;
}

html, body, table, input, p {
	.hp .detail-popis h3,
    font-family: Helvetica ,Verdana, Arial, "Arial CE", "Geneva CE", lucida, sans-serif;
	font-size: 14px; 
}

body,
div#divbottom {
	color: #61615c;
}

div#main {
	width: 960px;
	background: #ffffff url("../layout/background-main.gif") 29px 73px no-repeat;
	padding-top: 2px;
}
body#chapter div#main {
	background: #ffffff;
}
div#main,
p {
	text-align: left;
}	
div#divtop0,
div#divtop,
div#divtop1 {
	float: left;
	background: 0;
	border: 0;
	margin:0;
	padding:0;
}
div#divtop0 {
	width: 253px;
	height: 128px;
	margin-left: 18px;
}
div#divtop0 p {
	text-align: center;
}
div#divtop0 a {
	display: inline-block;
}
div#divtop {
	width: 473px;
}
div#divtop1 {
	width: 134px;
	height: 128px;
	float:right;
}
div#content,
div#menu_content1 {
	border: 0;
}
div#content {
	width: 690px;
	border: 0;
}
ul.menu_divtop {
	margin: 0;
	padding: 0;
/*	position: relative; 
	top: 79px; */
	padding-top: 79px;
}
ul.menu_divtop li {
	display: inline;
	margin-right: 6px;
}
ul.menu_divtop li.k4 {
	margin-right: 0px;
}
ul.menu_divtop li img {
	border: 0;
}

div.edit_art {
	clear: right;
	margin-bottom: 10px;
}
h1, h2, h3,
h2 a
{
	color: #9b6517;
}
span.imgorig {
	text-align: left;
	border: 0;
}

/* -------------- odsazeni contentu ---------------- */

h1, h2.edit, h2, h2.odsad, div#navig_links, div#admin_links,
form.edit_form, p.status, p.status_user, div.subsection_links, p.cmd_kod, p.odsad,
p.logout-kat,
div#xtra-admin,
div#obsah-kosik,
div#doprava-platba,
div#kosik-doprava-platba,
div#zakaznik,
div#nove-prihlasovaci-udaje,
div#neuplna-data,
div#potvrzeni-objednavky,
div#prehled-objednavek,
div#zapomenute-udaje,
div.odsad
{
	margin-left: 65px;
}
div.art, div.art_content {
	margin-left: 0;
	margin-right: 0;
}
div.odsad h2 {
	margin-left: 0;
}

/* -------------- /odsazeni contentu ---------------- */

/* -------------- prehled kosik - form_cmd_Kosik ---------------- */
div#sum-kosik {
	margin-right: 25px;
	margin-top: 15px;
	font-weight: bold;
}
div#sum-kosik img {
	border: 0;
}
div#sum-kosik div {
	text-align: right;
	
}
div#sum-kosik div#zak-col {
	margin-bottom: 0.3em;
}
div#polozek-sum {
	float: right;
	padding: 3px 0 2px 2px;
	background: #ffffff url("../layout/background-sum-polozek.gif") left bottom no-repeat;
}
div#cena-sum {
	padding: 0px 0 2px 0;
}
span.kosik-pocet {
	color: #ec4848;
}
p.info {
	font-weight: bold;
}
/* -------------- /prehled kosik - form_cmd_Kosik ---------------- */

/* -------------- Detail produktu - form_cmd_DetailProduktu ---------------- */

h2.skupina-produktu {
	margin-left: 0;
}
div.detail-foto {
	float: left;
	width: 245px;
	margin-right: 15px;
	margin-top: 25px;
}

div.detail-popis {
	float: left;
	width: 320px;
	margin-top: 2em;
}
p.subtit {
	font-weight: bold;
	margin-top: 2em;
	margin-bottom: 0.5em;
}
div.detail-foto > p.subtit:first-of-type,
div.detail-popis > p.subtit:first-of-type {
	margin-top: 0;
}
div.detail-foto div.odsad {
	margin-bottom: 2em;
}

p.text {
	margin-top: 0;
}
ul.detail-produktu {
	margin-top: 0.5em;
	margin-left: 10px;
	padding-left: 10px;
}
div.hr-skupina-produtku {
	border: 0;
	width: 100%;
	padding-top: 1px;
	background: #ffffff url("../layout/line-skupina-produktu.gif") top left no-repeat;
}

/* -------------- /Detail produktu - form_cmd_DetailProduktu ---------------- */


a img {
	border: 0;
}

/* -------------- subsection_links ---------------- */
ul.subsection_links  {
	margin-bottom: 2em;
	text-align: center;
	margin-left: 0;
	padding-left: 0;
}
/*
ul.subsection_links li {
	
	content: "| ";
	color: green;
}
*/
ul.subsection_links  {
	margin-top: 3em;
}

ul.subsection_links a {
	display: inline;
	margin-bottom: 0.3em;
	line-height: 1.8em;
	white-space: nowrap;
	margin-left: 0;
}
ul.subsection_links li:first-child {
}
ul.subsection_links li {
	display: inline;
	color: #acacac;
/*	list-style-type: none; */
	margin-left: 0;
}

/* -------------- /subsection_links ---------------- */

/* --------- obsah kosiku form_cmd_ObsahKosik ----------*/
div#obsah-kosik table {
	border-collapse: collapse;
	empty-cells: show;
	width: 100%;
}
div#obsah-kosik table th.pocet-ks,
div#obsah-kosik table td.pocet-ks {
	width: 70px;
	text-align: center;
	padding-left: 0;
}

div#obsah-kosik table th.odstranit,
div#obsah-kosik table td.odstranit {
	width: 70px;
	text-align: center;
	padding-left: 0;
}


div#obsah-kosik table th.nazev-zbozi {
}
div#obsah-kosik table th.sleva {
	width: 80px;
}
div#obsah-kosik table th.cena-ks {
	width: 150px;
}

div#obsah-kosik table th,
div#obsah-kosik table td {
	padding: 6px;
	padding-right: 10px;
	padding-left: 10px;
}
div#obsah-kosik table th {
	text-align: left;
	color: #ffffff;
	background: #969696;
	border-bottom: 2px solid #ffffff;
	
}
div#obsah-kosik table tr.tr1 {
	background:	#efefef;
	border-bottom: 2px solid #ffffff;
}
div#obsah-kosik table tr.tr2 {
	background:	#e7e7e7;
	border-bottom: 2px solid #ffffff;
}
div#obsah-kosik table td.cena,
div#obsah-kosik table th.cena {
	text-align: right;	
	padding-right: 8px;
}
div#obsah-kosik table td.pocet-ks input {
	text-align: center;
}
div#obsah-kosik table td.celkova-cena-sum,
div#obsah-kosik table td.celkova-cena {
	font-weight: bold;
	text-align: right;
}

div#obsah-kosik table td input.kosik-ks {
	width: 27px;
}
div#obsah-kosik table td.input-submit {
	text-align: right;
	padding-right: 0px;
}
div#obsah-kosik table td.input-submit input {
	margin-left: 30px;
}
div#obsah-kosik table tr.celkova-cena {
	background:	#ffeec5;
}
/* --------- /obsah kosiku form_cmd_ObsahKosik ----------*/


/* -------- Objednavka prehled + sloupce Doprava a platba x zakaznik ------------ */
div#zakaznik { 
/* margin-left: 35px; ie6 | ie7 normal */
}
div#doprava-platba,
div#zakaznik, 
p.submit-objednavka {
	width: 320px;
}
div#doprava-platba,
div#zakaznik, 
div#objednavka-prehled {
	float: left;
}
div#objednavka-prehled {
	width: 260px;
	margin-left: 22px;
	border: 1px solid  #b7b7b7;
	background: #efefef;
	margin-top: 56px;
}
div#objednavka-prehled table {
	width: 100%;
}
div#objednavka-prehled table th {
	text-align: left;
}
div#objednavka-prehled table td.cena,
div#objednavka-prehled table th.celkova-cena-sum {
	text-align: right;
}

/* -------- /Objednavka sloupce Doprava  a platba x zakaznik ------------ */

/* --------- Doprava a platba form_cmd_DopravaPlatba ----------*/
div#doprava-platba {
	line-height: 2.2em; /* ie 1.8em - musi byt! */
}
div#objednavka-prehled {
	/* margin-left: 10px; ie6 | ie7 normal */
}
div#objednavka-prehled h2,
div#doprava-platba h2 {
	background: #969696;
	color: #ffffff;
	padding: 0px 10px;
	margin: 0;
	font-size: 120%;
	font-weight: normal;
}
div#objednavka-prehled h2 {
	line-height: 1.7em;
}
div#objednavka-prehled h3 {
	color: #6d6d6d;
	margin: 6px 0;
}
div#objednavka-prehled h3,
div#objednavka-prehled p,
div#objednavka-prehled table {
	padding: 0 5px;
}
div#objednavka-prehled table {
	border-bottom: 1px solid #969696;
}
div#objednavka-prehled table th, div#objednavka-prehled table td {
	vertical-align: top;
}
div#objednavka-prehled table td.cena {
	width: 70px;
}
div#typ-platby img {
	vertical-align:middle;
}
div#doprava-platba div.cena,
div#doprava-platba div.label {
	float: left;
	width: 330px;
/*	border-bottom: 1px solid #ececec; */
}
div#doprava-platba div.cena {
	width: 70px;
/*	text-align: right; */
}
div#doprava-platba div {
	display: none;
}
div#doprava-platba div div {
	display: block;
}
div#doprava-platba div#druh-dopravy {
	display: block;
}
div#doprava-platba label:hover {
	color: black;
}
div#doprava-platba div.sekce {
	margin-bottom: 1em;
}
div#doprava-platba div.info {
	padding: 0px 10px;
	margin-top: 3px;
	line-height: 1.5em;
	
}
div#doprava-platba div.radek {
	background: #eeeeee;
	border-top: 3px solid #ffffff; /* bug ie*/
	height: 2.4em;
}

div#doprava-platba div#poznamka {
	display: block;
}
div#doprava-platba div#poznamka h2 {
	background: #b7b7b7;
}	
div#doprava-platba textarea {
	width: 400px;
	height: 80px;
}
p.submit-objednavka {
	text-align: right; 
}


/* --------- /Doprava a platba form_cmd_DopravaPlatba ----------*/


/* --------- zakaznik form_cmd_Zakaznik ----------*/
div#objednavky-prehled {
	margin-left: 10px;
}
div#zakaznik form#frm-zakaznik  {
	margin-top: 0;
}
form#frm-zakaznik label {
	display: block;
	width: 77px;
	float: left;
	text-align: right;
	padding-right: 5px;
}
form#frm-zakaznik fieldset {
	border: 1px solid  #b7b7b7;
	padding: 15px;
	padding: 0 10px 15px 10px ;
}
form#frm-zakaznik div#kontaktni-informace, 
form#frm-zakaznik div#login { 
/*	padding-top: 10px; /* opera hack! */
	margin-top: 1px; */
}
div.radek-staly-zakaznik,
div#logout {
	height: 42px;
	width: 100%;
}
form#frm-zakaznik div#adresa-informace, 
form#frm-zakaznik div#fakturacni-informace {
	margin-top: 2em;
}
form#frm-zakaznik legend {
	background: #969696;
	padding: 3px 15px;
	color: #ffffff;
	font-size: 115%;
}

form#frm-zakaznik input.normal {
/*	background: #b7b7b7; 
	border: 1px solid  #b7b7b7; */
	width: 210px;
}
form#frm-zakaznik div.radek {
	padding-top: 1px; 
	clear: left;
}

form#frm-zakaznik label {
	padding-top: 3px; 
}
form#frm-zakaznik label.prehled {
	padding-top: 0;
}
form#frm-zakaznik label.povinny-udaj {
	font-weight: bold;
}

form#frm-servis label.inl,
form#frm-zakaznik label.inl {
	width: 370px;
	display: inline;
	float: none;
	padding-top: 0em;
	text-align: left;
}
div#udaje-klient div.inl-input, 
form#frm-servis div.inl-input,
form#frm-zakaznik div.inl-input {
	float: left;
	width: 22px;
	margin-top: -2px;
}

div#udaje-klient label.inl-label, 
form#frm-servis label.inl-label,
form#frm-zakaznik label.inl-label {
	width: 220px;
	float: left;
	padding-top: 0em;
	text-align: left;
}

/*zuzeni pro prehled objednavky admin*/
div#udaje-klient label.inl-label {
	width: 260px;
}

form#frm-zakaznik label.captcha {
	width: 140px;
	text-align: left;
}
div.captcha-input {
	margin-top: 1.2em;
	width: 140px;
	float: left;
	padding-left: 5px;
}
div#zapomenute-udaje {
	margin-top: 15px;
	width: 400px;
}

div#login-data,
div#kontaktni-adresa {
	margin-top: 1em;
}
div#odkaz-zapomenute-udaje {
	margin-top: 15px;
}
div#login,
div#dodaci-adresa,
div#fakturacni-adresa {
	display: none;
}
form#frm-zakaznik input#ct { /* captcha input*/
	width: 80px;
}
/* --------- /zakaznik form_cmd_Zakaznik ----------*/

/* --------- mujucet form_cmd_Zakaznik ----------*/
div#nove-prihlasovaci-udaje {
	padding: 5px 15px;
	border: 1px solid  #b7b7b7;
	width: 400px;
}
p.prihlasovaci-udaje {
	font-size: 130%;
}
/* --------- /mujucet form_cmd_Zakaznik ----------*/





/* --------- potvrzeni objednavky form_cmd_PotvrzeniObjednavky ----------*/
div#potvrzeni-objednavky {
	
}
div#potvrzeni-objednavky p {
	font-size: 110%;
}
/* --------- /potvrzeni objednavky form_cmd_PotvrzeniObjednavky ----------*/

/*----------- prehled objednavek ---------------------- */
div#prehled-objednavek div.row {
	display: block;
	padding: 0;
	margin: 0;
	padding: 3px 0 3px 0;
}
div#prehled-objednavek div.nazev {
	color: #ffffff;
	background: #969696;
}
div#prehled-objednavek div.cl {
	clear: left;
}
div#prehled-objednavek div.row1 {
	background: #e5e5e5;
}
div#prehled-objednavek div.row2 {
	background: #eeeeee;
}
div#prehled-objednavek div.row div.o {
	float: left;
	padding: 0 0 0 3px;
}

div#prehled-objednavek div.row div.o1 {
	width: 60px;
}
div#prehled-objednavek div.row div.o2 {
	width: 120px;
}
div#prehled-objednavek div.row div.o3 {
	width: 80px;
}
div#prehled-objednavek div.row div.o4 {
	width: 170px;
}
div#prehled-objednavek div.row div.o5 {
	width: 135px;
}
div#prehled-objednavek div.row div.o6 {
	width: 100px;
}
div#prehled-objednavek div.row div.o7 {
	width: 110px;
}
div#prehled-objednavek div.row div.o8,
div#prehled-objednavek div.row div.o9,
div#prehled-objednavek div.row div.o10 {
	text-align: center;
}

div#prehled-objednavek div.row div.cena {
	text-align: right;
}
div#prehled-objednavek div.row div.o8 {
	width: 70px;
}
div#prehled-objednavek div.row div.o9 {
	width: 50px;
	padding-left: 7px;
}
div#prehled-objednavek div.row div.o10 {
	width: 40px;
	padding-left: 7px;
}	
div#prehled-objednavek div.radek {
	clear: left;
}
div#prehled-objednavek div.soupis {
	margin-top: 1em;
	padding-left: 3px;
}

div#prehled-objednavek div.row div.zb1 {	
	width: 25px;
}
div#prehled-objednavek div.row div.zb2 {	
	width: 65px;
}
div#prehled-objednavek div.row div.zb3 {	
	width: 320px;
}
div#prehled-objednavek div.row div.zb35,	
div#prehled-objednavek div.row div.zb4,	
div#prehled-objednavek div.row div.zb5 {	
	width: 70px;
	padding-right: 10px;
}

form#frm-detail-objednavky label {
	display: block;
	width: 85px;
	float: left;
}
form#frm-detail-objednavky fieldset {
	padding: 15px;
	padding: 0 15px 15px 15px ;
	float: left;
	width: 280px; /* ie 310px*/
	height: 230px;
	margin-top: 2em;
}
form#frm-detail-objednavky legend {
	background: #969696;
	padding: 3px 15px;
	color: #ffffff;
	font-size: 100%;
}

form#frm-detail-objednavky input.normal {
/*	background: #b7b7b7; 
	border: 1px solid  #b7b7b7; */
	width: 200px;
}
form#frm-detail-objednavky div.radek {
	padding-top: 1px; 
}

form#frm-detail-objednavky label.prehled {
	padding-top: 0;
}
form#frm-detail-objednavky label.povinny-udaj {
	font-weight: bold;
}

form#frm-detail-objednavky label.inl {
	width: 250px;
	display: inline;
	float: none;
	padding-top: 1em;
}
form#frm-detail-objednavky fieldset p {
	margin: 0.2em 0 0.5em 0;
}
select.sel-status {
	width: 100px;
}
div.submit-button {
	width: 750px;
	text-align: right;
}

/*----------- /prehled objednavek ---------------------- */

div#menu-out {
	width: 264px;
	padding-left: 28px;
	margin-top: 40px;
	border: 0;
}

p.small {
	font-size: 80%;
}

/* ---------- admin cast ---------------------------------- */

textarea.xtra_text {
	width: 900px;
	height: 5em;
}
/* ---------- /admin cast ---------------------------------- */


/* --------------------------  hlavni menu ----------------------------- */
#divabovemenu{
  position: relative;
}

#divabovemenu .menu_divabovemenu{
  border: 2px solid #9b6517;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0px;
}

#divabovemenu .menu_divabovemenu > li{
  margin: 0;
  padding: 0;
  width: 100%;
}

#divabovemenu .menu_divabovemenu > li > a{
  display: block;
  padding: 10px 12px;
  text-decoration: none;
  line-height: 1.2;
  border-radius: 0px;
  border-bottom: 1px solid #9b6517;
  color: #9b6517;
}

#divabovemenu .menu_divabovemenu > li > a:hover{
  text-decoration: underline;
}

/* aktivní položka */
#divabovemenu .menu_divabovemenu > li > a.selected,
#divabovemenu .menu_divabovemenu > li.selected > a{
  font-weight: 700;
}

/* hamburger prvky jsou na desktopu skryté */
#divabovemenu .mnu-toggle,
#divabovemenu .mnu-btn{
  display: none;
}




ul.menu_divabovemenu ul li a {
	display: block;
	padding: 0 10px 5px 25px; 
	margin-top: -1px; /* ie rusi block :(*/
	background: #ffffff url("../layout/menu-list.gif") top left no-repeat;
}

ul.menu_divabovemenu li a:hover,
ul.menu_divabovemenu li a.selected,
ul.menu_divabovemenu li a.selected:hover,
ul.menu_divabovemenu li a.selected_sipka,
ul.menu_divabovemenu li a.selected_sipka:hover {
	color: #414141;
/*	font-weight: bold; */
}	
ul.menu_divabovemenu li a.selected,
ul.menu_divabovemenu li a.selected_sipka {
	font-weight: bold; 
}

/* --------------------------  /hlavni menu ----------------------------- */

/* --------------------------  pamatujte si + menu none ----------------------------- */
div#divundermenu {
	margin-top: 30px;
	margin-left: 10px;
	text-align: left;
}
ul.menu_divundermenu {
	display: none;
}

div#divundermenu ol {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 18px;
	margin-bottom: 5px;
}
div#divundermenu ol li {
	padding-left: 40px;
	padding-bottom: 12px;
	color: #b78871;
}	
div#divundermenu ol li.pam1 {
	background: #ffffff url("../layout/renapur-balzan-na-kuze-pam1.jpg") top left no-repeat;
}
div#divundermenu ol li.pam2 {
	background: #ffffff url("../layout/renapur-balzan-na-kuze-pam2.jpg") top left no-repeat;
}
div#divundermenu ol li.pam3 {
	background: #ffffff url("../layout/renapur-balzan-na-kuze-pam3.jpg") top left no-repeat;
}
div#divundermenu h3 {
	font-weight: normal;
	margin-top: 0px;
}
div#divundermenu h3 span {
	color: #838383;
}
div#divundermenu div.line {
	height: 1px;
	margin-left: -8px;
	margin-right: -8px;
	margin-top: 30px;
	margin-bottom: 30px;
	z-index:5;
}
/* --------------------------  /pamatujte si + menu none ----------------------------- */

/* --------------------------  primy nakup ----------------------------- */
div#primy-nakup {
	
}
div#primy-nakup div {
	margin-left: -22px;
	
}
div#primy-nakup div span.imgorig {
	margin-top: 0.8em;
	margin-left: 6px;
}
div#primy-nakup div span.imgorig {
	padding: 15px;
}
/* --------------------------  /primy nakup ----------------------------- */

/* --------------------------  hp ----------------------------- */
div.col1,
div.col2 {
	float: left;
}
div.col1 {
	width: 314px;
	padding-top: 2px;
}
div.col2 {
	width: 130px;
}
div.col2 a {
	display: block;
	padding-top: 4px;
	padding-bottom: 7px;
	padding-left: 10px;
/*	margin-bottom: 10px; */
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	width: 120px;
}

div.hp-intro h2 {
	display: none;
}
div.hp-intro ul {
	width: 270px;
	margin: 0;
	padding: 0;
	margin-left: 3px;
	padding-left: 20px;
	margin-top: 35px;
}
div.hp-intro ul li {
	padding-top: 4px;
}

div#renapur-all {
	width: 571px;
	height: 423px;
	background: #ffffff url("../layout/cs/renapur-balzamy-na-kuze.jpg") top left no-repeat;
	padding: 8px 80px 0px 23px;  
}

div#renapur-all ul {
	list-style: none url("../layout/list_black.gif");
}	

div#renapur-balzam  {
	height: 138px;
}
div#renapur-protektor  {
	height: 37px;
}

div#renapur-protektor ul {
	width: 250px;
}

div#renapur-cistic ul {
	width: 180px;
}

div#renasan-all {
	width: 571px;
	height: 263px;
	background: #ffffff url("../layout/cs/renasan-osetreni-skla.jpg") top left no-repeat;
	padding: 8px 80px 0px 23px;  
}

div#renasan-all ul {
	list-style: none url("../layout/list_blue.gif");
}	

div#renafit-all {
	width: 571px;
	height: 348px;
	background: #ffffff url("../layout/cs/renafit-osetreni-stavebnich-materialu.jpg") top left no-repeat;
	padding: 8px 80px 0px 23px;  
}



div#renafit-all ul {
	margin-top: 55px;
	list-style: none url("../layout/list_orange.gif");
}	



/* --------------------------  /hp ----------------------------- */
/* --------------------------  new_hp ----------------------------- */
#hp_products {
	background: url("../layout/products_home_2015.jpg") top left no-repeat;
	height: 950px;
	margin-top: 20px;
}
.hp .detail-popis {
	float: none;
	margin-left: 180px;
}
.hp .detail-popis h2 {
/*	border-bottom: 1px dotted #000000; */
	padding-bottom: 0px;
}
.hp .detail-popis h2 span {
	color: #000000;
}
.hp .detail-popis h3,
.hp .detail-popis p,
.hp .detail-popis .vice {
	padding-left: 101px;
	width: 340px;
}
.hp #produkt_5 {
	padding-top: 33px;
}
.hp #produkt_5 h2,
.hp #produkt_5 p,
.hp #produkt_5 .vice {
}

.hp #produkt_11 {
	height: 176px;
	margin-top: 25px;
}
.hp #produkt_11 h2,
.hp #produkt_11 p,
.hp #produkt_11 .vice {
}
.hp #produkt_1 {
	height: 145px;
}
.hp #produkt_1 h2,
.hp #produkt_1 p,
.hp #produkt_1 .vice {
}
.hp #produkt_3 {
	height: 145px;
}
.hp #produkt_3 h2,
.hp #produkt_3 p,
.hp #produkt_3 .vice {
}
.hp #produkt_12 {
	height: 145px;
}
.hp #produkt_12 h2,
.hp #produkt_12 p,
.hp #produkt_12 .vice {
}

a.bt_vice {
	display: block;
	padding-left: 43px;
	color: #9b6517;
	text-decoration: none;
	line-height: 34px;
	font-weight: bold;
	background: url("../layout/cs/bt_vice.gif") top left no-repeat;
}
/* --------------------------  /new_hp ----------------------------- */

div#divbottom {
	background: #ffffff;
	margin-left: 250px;
	text-align: left;
}
div.pouziti {
	padding: 20px 0 20px 160px;
	border-bottom: 1px dotted #000000;
	background: url(../layout/pouziti_boty.jpg) center left no-repeat;
}
div#use_nabytek {
	background-image: url(../layout/pouziti_nabytek.jpg);
}	
div#use_obleceni {
	background-image: url(../layout/pouziti_obleceni.jpg);
}	

div#use_zavazadla {
	background-image: url(../layout/pouziti_zavazadla.jpg);
}	
div#use_auto {
	background-image: url(../layout/pouziti_auto.jpg);
}	

div#use_sport {
	background-image: url(../layout/pouziti_sport.jpg);
}	
div#use_moto {
	background-image: url(../layout/pouziti_moto.jpg);
}

div#use_lode {
	background-image: url(../layout/pouziti_lode.jpg);
}

div#use_jezdectvi {
	background-image: url(../layout/pouziti_jezdectvi.jpg);
}	
div#divmaxbottom {
	width: 960px;
}
div#divmaxbottom,
div#divmaxbottom a {
	color: #a9a9a9;
}


@media (max-width: 959px) {
	div#main {
		background-position-y: 63px;
	}
	div#divtop0, div#divtop, div#divtop1 {
		float: none;
	}
	div#divtop0 a {
	}
	div#divtop0 a img {
	}



    #menu-out,
	#content {
		float: none;
	}

	#hp_products {
		background: none !important;
		height: auto;
	}
	.hp .detail-popis {
		margin-left: 0;
	}
	h1, h2.edit, h2, h2.odsad, div#navig_links, div#admin_links,
	form.edit_form, p.status, p.status_user, div.subsection_links, p.cmd_kod, p.odsad,
	p.logout-kat,
	div#xtra-admin,
	div#obsah-kosik,
	div#doprava-platba,
	div#kosik-doprava-platba,
	div#zakaznik,
	div#nove-prihlasovaci-udaje,
	div#neuplna-data,
	div#potvrzeni-objednavky,
	div#prehled-objednavek,
	div#zapomenute-udaje,
	div.odsad,
	div#divbottom,
	div#main,
	div#content,
	div#divtop,
	div#menu-out,
	div#divundermenu,
	.hp .detail-popis h3
	{
		margin-left: 0;
		width: auto;
	}

	.hp .detail-popis h3,
	.hp .detail-popis p,
	.hp .detail-popis .vice,
	div#menu-out,
	div#divtop,
	div.art, div.art_content {
		margin-left: 0;
		margin-right: 0;
		padding: 0;
	}

	div#divundermenu,
	div#content {
		padding: 0 8px;
	}
	div.odsad h2 {
		margin-left: 0;
	}

	ul.menu_divabovemenu {
		width: 100%;
		box-sizing: border-box;
	}

	div#divtop1 {
		float: right;
		margin-top: -135px;
	}
	
	div#divundermenu div.line,
	#primy-nakup ,
	div#divtop {
		display: none;
	}
	div#divtop0 img {
		width: 230px;
		height: auto;
	}
	div#menu-out {
		margin-top: 0;
	}

	ul.menu_divtop {
		padding-top: 19px;
	}
	div#divundermenu {
		margin-top: 0;
	}

	#menu_content2 {
		margin-top: -10px;
	}

	div#sum-kosik {
		margin-right: 8px;
	}
	.hp #produkt_5 {
		padding-top: 0;
	}
	.hp .detail-popis {
		margin-top: 2rem !important;
		height: auto !important;
	}
	h1 {
		margin-top: 3rem;
	}	
}


@media (max-width: 959px){

  /* kotva + jistota, že dropdown bude nad okolím */
  #divabovemenu{
    position: relative;
    z-index: 1000;
    display: flex;
	justify-content: flex-end; /* hamburger doprava */
	align-items: center;
	width: 100%;

  }

  /* schovej původní “desktop” layout (kdybys ho měl jinde nastavený) */
  #divabovemenu .menu_divabovemenu{
    display: none;              /* zavřeno defaultně */
    position: absolute;         /* plave nad obsahem */
    top: calc(44px + 10px);     /* pod hamburgerem (44px tlačítko + mezera) */
    left: 0px;
    z-index: 9999;
    list-style: none;
    margin: 0;                  /* u absolute nedávej margin */
    background: #fff;
    box-shadow: 0 12px 30px rgba(0,0,0,.12);
    display: none;
    flex-direction: column;
    gap: 0;
	/*width: calc(100% - 16px); */
  }

  /* položky */
  #divabovemenu .menu_divabovemenu > li{
    margin: 0;
    padding: 0;
  }

  #divabovemenu .menu_divabovemenu > li > a{
    display: block;
    text-decoration: none;
    line-height: 1;
  }

  #divabovemenu .menu_divabovemenu > li > a:hover{
    background: rgba(0,0,0,.06);
  }

  /* zvýraznění aktivní položky */
  #divabovemenu .menu_divabovemenu > li > a.selected,
  #divabovemenu .menu_divabovemenu > li.selected > a{
    font-weight: 700;
  }

  /* checkbox schovat (ale musí zůstat v DOMu) */
  #divabovemenu .mnu-toggle{
    position: absolute;
    opacity: 0;
    pointer-events: none;
  }

  /* tlačítko hamburger */
  #divabovemenu .mnu-btn{
    display: inline-flex;
    width: 44px;
    height: 44px;
    cursor: pointer;
    align-items: center;
    justify-content: center;

    border-radius: 10px;
    user-select: none;
    -webkit-tap-highlight-color: transparent;

    position: relative;
    color: #000;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);

    /* prostřední čárka */
    background:
      linear-gradient(currentColor, currentColor) center 22px / 22px 2px no-repeat;
    transition: background .2s ease;
	margin-right: 8px;

  }

  /* horní + dolní čárka */
  #divabovemenu .mnu-btn::before,
  #divabovemenu .mnu-btn::after{
    content: "";
    position: absolute;
    width: 22px;
    height: 2px;
    background: currentColor;
    transition: transform .2s ease, top .2s ease;
  }

  #divabovemenu .mnu-btn::before{ top: 16px; }
  #divabovemenu .mnu-btn::after { top: 28px; }

  /* OTEVŘENÍ MENU */
  #divabovemenu .mnu-toggle:checked ~ .menu_divabovemenu{
    display: flex;
  }

  /* hamburger -> křížek */
  #divabovemenu .mnu-toggle:checked + .mnu-btn{
    background: none; /* zruší prostřední čárku */
  }

  #divabovemenu .mnu-toggle:checked + .mnu-btn::before{
    top: 22px;
    transform: rotate(45deg);
  }

  #divabovemenu .mnu-toggle:checked + .mnu-btn::after{
    top: 22px;
    transform: rotate(-45deg);
  }

  /* (volitelné) když se dropdown někde usekává, bývá to overflow:hidden výš.
     Pak může pomoct:
     #divabovemenu{ overflow: visible; }
  */
}


/* ===== MOBILNÍ ÚPRAVY KOŠÍKU (< 960px) – přidej ZA základní CSS ===== */
@media (max-width: 959px){

  /* obě tabulky na 100% (přebije width:586px) */
  div#obsah-kosik table{
    width: 100% !important;
  }

  /* ========= 1. TABULKA = položky ========= */
  div#obsah-kosik table:first-of-type{
    border-collapse: separate;
    border-spacing: 0 12px; /* mezery mezi kartami */
  }

  /* schovej hlavičku tabulky */
  div#obsah-kosik table:first-of-type tr:first-child{
    display: none;
  }

  /* všechny řádky položek kromě součtu (funguje pro tr1, tr2, tr3...) */
  div#obsah-kosik table:first-of-type tr:not(.celkova-cena):not(:first-child){
    display: block;
    background: #fff !important;          /* sjednotí barvu, přebije tr1/tr2 pozadí */
    border-bottom: 0 !important;
    border-radius: 12px;
	box-shadow: 0 5px 20px rgba(0,0,0,.20);
    padding: 10px 12px;
  }

  /* buňky v kartě jako řádky: label vlevo, hodnota vpravo */
  div#obsah-kosik table:first-of-type tr:not(.celkova-cena):not(:first-child) td{
    display: grid;
    grid-template-columns: 130px 1fr;
    gap: 10px;
    padding: 8px 0 !important;
    text-align: left !important;          /* přepíše right/center z desktopu */
    background: transparent !important;
  }

  /* popisek z data-label */
  div#obsah-kosik table:first-of-type tr:not(.celkova-cena):not(:first-child) td::before{
    content: attr(data-label);
    font-weight: 700;
    opacity: .75;
  }

  /* Název zboží (2. sloupec) – nemáš data-label, takže mu ho doplníme přes CSS */
  div#obsah-kosik table:first-of-type tr:not(.celkova-cena):not(:first-child) td:nth-child(2)::before{
    content: "Název zboží";
  }
  div#obsah-kosik table tr {
	margin-top: 10px;
  }

  /* Cena zarovnat doprava jen u hodnot (ne u labelu) */
  div#obsah-kosik table:first-of-type td.cena{
    text-align: right !important;
  }

  /* Množství input větší a pohodlnější */
  div#obsah-kosik table td input.kosik-ks{
    width: 80px !important;               /* přebije 27px */
    padding: 8px 10px;
    box-sizing: border-box;
  }

  /* Odstranit – ať je ikona větší a hezky vpravo */
  div#obsah-kosik table:first-of-type td.odstranit{
    align-items: center;
  }
  div#obsah-kosik table:first-of-type td.odstranit img{
    width: 18px;
    height: auto;
  }

  /* ========= ŘÁDEK "Cena celkem" ========= */
  div#obsah-kosik table:first-of-type tr.celkova-cena{
    display: block;
    background: #ffeec5;
    border-radius: 12px;
    padding: 12px;
	box-shadow: 0 10px 20px rgba(0,0,0,.15);
  }

  div#obsah-kosik table:first-of-type tr.celkova-cena td{
    display: block;
    padding: 6px 0 !important;
    text-align: left !important;
  }

  div#obsah-kosik table:first-of-type td.celkova-cena{
    font-weight: 700;
    text-align: left !important;
  }

  div#obsah-kosik table:first-of-type td.celkova-cena-sum{
    font-weight: 900;
    font-size: 1.15em;
    text-align: right !important;
  }

  /* ========= 2. TABULKA = tlačítka ========= */
  div#obsah-kosik table:nth-of-type(2){
    border-collapse: separate;
    border-spacing: 0;
    margin-top: 12px;
  }

  div#obsah-kosik table:nth-of-type(2) tr{
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  div#obsah-kosik table:nth-of-type(2) td{
    display: block;
    padding: 0 !important;
    text-align: left !important;
  }

  div#obsah-kosik table:nth-of-type(2) td.input-submit{
    padding-right: 0 !important;
  }
  div#obsah-kosik table td.pocet-ks {
	width: 100%;
  }

  div#obsah-kosik table:nth-of-type(2) td.input-submit input{
    margin-left: 0 !important;            /* zruší desktop odsazení 30px */
  }

  div#obsah-kosik table:nth-of-type(2) input[type="submit"]{
    width: 100%;
	width: auto;
    padding: 12px 14px;
    border-radius: 12px;
    box-sizing: border-box;
    cursor: pointer;
  }
}


@media (max-width: 587px){
	div#zakaznik {
		width: 100%;
	}
	div#objednavka-prehled {
		width: 100%;
		margin: 0;
	}
	div.art_content  {
		display: grid;
	}
	div.art_content div#zakaznik {
		order: 2;
	}
	div.art_content div#objednavka-prehled {
		order: 1;
	}
	div#zakaznik,
	div#registracni-informace {
		margin-top: 2em;
	}

	div.detail-popis {
		margin-top: 0;
	}
}