.hlavickaBanner {
	background-color: #000000;
	color: #ffffff;
	text-align: center;
	font-size: 20px;
	line-height: 40px;
}

.hlavickaBanner2 {
	background-color: #164e45;
	color: #ffffff;
	text-align: center;
	font-size: 20px;
	line-height: 40px;
}


/* Globalni styly */

* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
}

html {
}

head {
	display: none;
}

body {
	font-family: sans-serif;
	font-size: 14px;
	line-height: 25px;
	overflow-y: scroll;
	background-color: #d7f0ee;
}

a {
	color: #35645e;
    text-decoration: none;
}

form table {
	width: 100%;
}

form tr.nadpis td {
	font-weight: bold;
}

form td.popis {
	width: 33%;
	padding: 0px 10px 0px 0px;
}

form tr.odesli input,
form tr.modesli input {
	margin: 10px 10px 10px 0px;
	padding: 10px 20px 10px 20px;
}

input, textarea, select {
	border: 1px solid #d7f0ee;
}

input, select, label {
	vertical-align: middle;
}

input[type=submit] {
    background-color: #35645e;
    color: #ffffff;
    padding: 1px 5px 1px 5px;
    border: none;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}

*::-webkit-input-placeholder {
	color: #aaaaaa;
	text-transform: uppercase;
	font-size: 12px;
}

*:-moz-placeholder {
	color: #aaaaaa;
	text-transform: uppercase;
	font-size: 12px;
}

*::-moz-placeholder {
	color: #aaaaaa;
	text-transform: uppercase;
	font-size: 12px;
}

*:-ms-input-placeholder {
	color: #aaaaaa;
	text-transform: uppercase;
	font-size: 12px;
}


/* Ytext */

.prilohaL {
	display: block;
	float: left;
	margin: 0px 10px 0px 0px;
}

.prilohaP {
	display: block;
	float: right;
	margin: 0px 0px 0px 10px;
}

td p:only-child .prilohaL:only-child,
td p:only-child .prilohaP:only-child {
    margin: 0px;
}

.stylBunkaStred .priloha {
	display: inline-block;
	float: none;
	margin: 0px auto 0px auto;
}

.priloha img {
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
}

.priloha .text {
	display: block;
	text-align: center;
	font-size: 14px;
    line-height: 20px;
}

table {
	clear: both;
}

table.zakladniTabulka td {
	background: #d7f0ee;
	padding: 0px 3px 0px 3px;
	font-size: 12px;
}

.text.editor table:not(.zakladniTabulka):not(.kalendar) {
	width: 100%;
}

.text.editor table:not(.zakladniTabulka):not(.kalendar) td {
	padding: 0px 10px 0px 0px;
	vertical-align: top;
}

hr {
	border-bottom: 1px solid #777777;
}

h1, h2, p, ul, ol, table, hr {
	margin: 0px 0px 10px 0px;
}

h1 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 20px;
	line-height: 30px;
	color: #35645e;
}

h2 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 15px;
} 

h3 {
	font-weight: bold;
	font-size: 14px;
}

ul {
    padding-left: 20px;
}

ol {
    padding-left: 20px;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

.stylVerzalky {
	text-transform: uppercase;
}

.stylBunkaVpravo {
	text-align: right;
}

.stylBunkaStred {
	text-align: center;
}

.stylPoznamka,
table td.stylPoznamka {
	font-size: 11px;
}

.stylVelke {
	font-size: 20px;
	line-height: 30px;
}

.stylCervene {
	color: #cc0000;
}

.povinnePolicko,
.upozorneni,
.upozorneni a {
	color: #cc0000;
	font-weight: bold;
}


/* fixniPanel */

.fixniPanel {
	position: fixed;
	z-index: 1001;
	top: 0px;
	right: 0px;
	width: 25px;
}
.fixniPanel a {
	display: block;
	text-align: center;
	background: #222222;
	color: #ffffff;
	margin: 5px 0px 0px 0px;
	padding: 8px 0px 8px 0px;
	line-height: 18px;
	font-size: 16px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}

.fixniPanel a:hover {
	background: #333333;
}

@media (orientation: portrait) {
	.fixniPanel {
		display: none;
	}
}


/* panelTelo */

.panelTelo {
	width: 1260px;
	margin: 10px auto 0px auto;
	color: #000000;
}

.panelTelo:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}



/* panelHlavicka */

.panelHlavicka {
	background: #35645e;
}

.panelHlavicka header {
	position: relative;
	left: 0px;
	top: 0px;
	width: 1000px;
	height: 140px;
	margin: 0px auto 0px auto;
}



/* panelHlavicka .hlavniMenu */

.panelHlavicka .hlavniMenu {
	display: block;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

.panelHlavicka .hlavniMenu ul {
	display: block;
	margin: 0px;
	padding: 0px;
}

.panelHlavicka .hlavniMenu ul:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.panelHlavicka .hlavniMenu li {
	display: block;
	float: left;
	font-size: 16px;
	text-transform: uppercase;
}

.panelHlavicka .hlavniMenu li a {
	display: block;
	margin: 0px 1px 1px 0px;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
	background: #c2dcd9;
	color: #000000;
}

.panelHlavicka .hlavniMenu li a:hover {
	background: #164e45;
	color: #ffffff;
}



/* .panelHlavicka .pomocneMenu */

.panelHlavicka .pomocneMenu {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	text-align: right;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

.panelHlavicka .pomocneMenu:before {
    content: "\00a0";
}

.panelHlavicka .pomocneMenu > * {
	color: #ffffff;
	text-decoration: none;
}

.panelHlavicka .pomocneMenu > *:hover {
}

.panelHlavicka .pomocneMenu > *:after {
    content: "\00a0\00a0|\00a0\00a0";
}

.panelHlavicka .pomocneMenu > *:last-child:after {
    content: "";
}



/* .panelHlavicka .logo */

.panelHlavicka .logo {
	display: block;
	position: absolute;
	left: 0px;
	top: 13px;
	width: 91px;
	height: 72px;
	border: 1px solid #c3ddda;
	background: transparent url(Drogerie/Logo.jpg) scroll no-repeat left center;
	background-size: contain;
}


/* .panelHlavicka .komponentaKosik */

.panelHlavicka .komponentaKosik {
    display: block;
	position: absolute;
	right: 0px;
	top: 32px;
	width: 150px;
	height: 31px;
	line-height: 36px;
	text-align: right;
	background: #164e45 url(Xhtml5/Kosik.png) scroll no-repeat 5px center;
	color: #ffffff;
	cursor: pointer;
	padding: 5px 5px 0px 0px;
	font-size: 11px;
	line-height: 13px;
	font-family: Verdana, Geneva, sans-serif;
}

.panelHlavicka .komponentaKosik:hover {
	background-color: #507a74;
}

.panelHlavicka .komponentaKosik span {
	display: block;
}

.panelHlavicka .komponentaKosik.prazdnyKosik span {
	margin-top: 6px;
}


/* .panelHlavicka .komponentaHledat */

.panelHlavicka .komponentaHledat {
	position: absolute;
	left: 200px;
	top: 32px;
	width: 250px;
	height: 36px;
	line-height: 36px;
	text-align: left;
}
.panelHlavicka .hledatObal {
    background-color: #ffffff;
    line-height: 25px;
	padding: 10px;
}
.panelHlavicka input.hledatPoleText {
    width: 170px;
    border: none;
	padding: 0px;
	margin: 0px;
}
.panelHlavicka input.hledatTlacitkoSmazat {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    line-height: 20px;
    font-size: 20px;
    background-color: #dddddd;
    color: #ffffff;
    border: none;
    cursor: pointer;
}
.komponentaHledat input.hledatTlacitkoSkryte {
    display: none;
}
.komponentaHledat input.hledatTlacitkoOdesli {
	background: transparent url(Xhtml5/Lupa.png) scroll no-repeat center center;
	width: 26px;
	height: 26px;
	height: 36px;
	border-radius: 0px;
	text-indent: -9999px;
	position: relative;
	left: 3px;
	top: -1px;
	background-color: #c2dcd9;
}

@media only screen and (min-width:1040px) {
    .panelHlavicka .komponentaHledat {
    	width: 450px;
    }
    .panelHlavicka input.hledatPoleText {
        width: 370px;
    }
}


/* komponentaFormular */

.komponentaFormular iframe {
	width: 350px !important;
	height: 450px !important;
	overflow: hidden !important;
}

body.komponentaFormularStranka {
    overflow-y: auto;
    background: #ffffff;
}

body.komponentaFormularStranka textarea {
	width: 200px;
	max-width: 200px;
	height: 130px;
	max-height: 130px;
}


/* .panelPomocny */


.panelPomocny {
	float: right;
	width: 250px;
	min-height: 250px;
	padding-top: 10px;
	margin: 0px 0px 0px 10px;
	background: #35645e;
	color: #ffffff;
	background-size: cover;
	text-align: center;
}

.panelPomocny table {
	width: 100%;
}


.panelPomocny .priloha {
	float: none;
	margin: 0px auto 0px auto;
}

.panelPomocny a {
	color: #d7f0ee;
}

.panelPomocny a:hover {
	text-decoration: underline;
}

.panelPomocny h2 {
    padding-top: 20px;
}

.panelPomocny h2 a {
    color: #ffffaa;
    font-size: 26px;
    line-height: 36px;
    font-weight: bold !important;    
}


/* .panelNavigace */

.panelNavigace {
	float: left;
	width: 250px;
	margin: 0px 0px 80px 0px;
	background-color: #c2dcd9;
	color: #000000;
	border: 1px solid #cee4fb;
}

.panelNavigace ul {
	margin: 0px;
	padding: 0px;
}

.panelNavigace li {
	list-style-type: none;
}

.panelNavigace > ul.hloubka1 > li > a {
	display: none;
}


/* .panelNavigace ul */

.panelNavigace ul .polozka {
	display: block;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 1px 0px;
	background: #c2dcd9;
	color: #000000;
	font-size: 12px;
	line-height: 30px;
	text-decoration: none;
	text-transform: uppercase;
}

.panelNavigace ul .vybrana .polozka {
	background: #35645e;
	color: #ffffff;
}

.panelNavigace ul .vybrana ul .polozka {
	background: #c2dcd9;
	color: #000000;
}

.panelNavigace ul .polozka:hover,
.panelNavigace ul .vybrana .polozka:hover {
	background: #35645e;
	color: #ffffff;
}

.panelNavigace ul .polozka .pocetPolozek,
.panelNavigace ul .polozka img {
	display: none;
}

.panelNavigace ul ul ul .polozka {
	padding-left: 25px;
	text-transform: lowercase;
}

.panelNavigace ul ul ul ul .polozka {padding-left: 40px;}

.panelNavigace ul.hloubka3 {
	display: none;
}


/* .panelNavigace .rychlaNavigace */

.panelNavigace .hloubka1 .rychlaNavigace .roleta,
.panelNavigace .hloubka1 .rychlaNavigace .roleta menu,
.panelNavigace .hloubka1 .rychlaNavigace .roleta ul,
.panelNavigace .hloubka1 .rychlaNavigace .roleta li,
.panelNavigace .hloubka1 .rychlaNavigace .roleta a,
.panelNavigace .hloubka1 .rychlaNavigace .roleta span,
.panelNavigace .hloubka1 .rychlaNavigace .roleta img,
.panelNavigace .hloubka1 .rychlaNavigace .roleta .polozka,
.komponentaHledat .rychlaNavigace .roleta,
.komponentaHledat .rychlaNavigace .roleta div,
.komponentaHledat .rychlaNavigace .roleta .polozka
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: auto;
	height: auto;
	font-size: 12px;
	line-height: 20px;
	font-style: normal;
	font-weight: normal;
	list-style: none;
	text-align: left;
	color: #000000;
	background: none;
}

.panelNavigace .hloubka1 .rychlaNavigace,
.komponentaHledat .rychlaNavigace {
	position: relative;
	top: 0px;
	left: 0px;
}

.panelNavigace .hloubka1 .rychlaNavigace .roleta,
.komponentaHledat .rychlaNavigace .roleta  {
	position: absolute;
	z-index: 1000;
	top: 0px;
	left: 250px;
	width: 730px;
	overflow: hidden;
	border: 1px solid #cccccc;
	background: #d7f0ee;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}

.komponentaHledat .rychlaNavigace .roleta {
    left: 21px;
}

.panelNavigace .hloubka1 .rychlaNavigace .roleta .hloubka1:after,
.komponentaHledat .rychlaNavigace .roleta .hledejZboziVeSlozkachVnitrek:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.panelNavigace .hloubka1 .rychlaNavigace .roleta .hloubka1 li {
	float: left;
	width: 240px;
	overflow: hidden;
}

.panelNavigace .hloubka1 .rychlaNavigace .roleta .hloubka2 li {
	width: auto;
	height: auto;
}

.panelNavigace .hloubka1 .rychlaNavigace .roleta .hloubka1 .polozka {
	font-size: 13px;
	padding: 5px 10px 0px 10px;
	white-space: nowrap;
}

.panelNavigace .hloubka1 .rychlaNavigace .roleta .hloubka1 img {
	display: inline;
	vertical-align: middle;
	width: 32px;
	height: 32px;
	margin: 0px 5px 0px 0px;
}

.panelNavigace .hloubka1 .rychlaNavigace .roleta .hloubka2 .polozka,
.komponentaHledat .rychlaNavigace .roleta .hledejZboziVeSlozkachVnitrek .polozka {
	font-size: 12px;
	padding: 0px 5px 0px 5px;
	white-space: nowrap;
	color: #999999;
}

.panelNavigace .hloubka1 .rychlaNavigace .roleta .hloubka2 .polozka:after {
    content: ",";
}

.panelNavigace .hloubka1 .rychlaNavigace .roleta .hloubka2 img {
	display: none;
}

.panelNavigace .hloubka1 .rychlaNavigace .roleta a:hover {
	background-color: #35645e;
	color: #ffffff;
}


/* .panelObsah */

.panelObsah {
	float: right;
	width: 720px;
	padding: 10px;
	margin: 0px 0px 80px 0px;
	background: #ffffff;
	min-height: 400px;
	border: 1px solid #c2dcd9;
}

.panelObsah:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.panelObsah a:hover {
    text-decoration: underline;
}


/* body.letakoveAkce */

body.letakoveAkce .panelObsah {
	text-align: center;
}

body.letakoveAkce .panelObsah .priloha {
	float: none;
	margin: 0px auto 0px auto;
}


/* .panelObsah .pomocnaNavigace */

.panelObsah .pomocnaNavigace {
}

.panelObsah .pomocnaNavigace .drobeckova {
	margin: 0px 0px 10px 0px;
	font-weight: bold;
}

.panelObsah .pomocnaNavigace .drobeckova a {
	font-weight: normal;
}

.panelObsah .pomocnaNavigace .podslozky {
    display: none;
	margin: 0px 0px 10px 0px;
	font-weight: bold;
}

.panelObsah .pomocnaNavigace .podslozky a {
	font-weight: normal;
}

.panelObsah .pomocnaNavigace .pocetPolozek {
	display: none;
}

.panelObsah .pomocnaNavigace .podslozky ul {
	display: block;
	padding: 0px;
}

.panelObsah .pomocnaNavigace .podslozky ul:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.panelObsah .pomocnaNavigace .podslozky li {
	display: block;
	float: left;
}

.panelObsah .pomocnaNavigace .podslozky li:after {
    content: "\00a0\00a0|\00a0\00a0";
}

.panelObsah .pomocnaNavigace .podslozky li:last-child:after {
    content: "";
}

.panelObsah .text.editor > * {
    overflow-x: hidden;
}

/* .panelObsah .komponentaSlozkyDiskuze */

.panelObsah .text.editor > .komponentaSlozkyDiskuze,
.panelObsah .text.editor > .seznamStranek {
    overflow-x: visible;
}

.panelObsah .komponentaSlozkyDiskuze ul,
.panelObsah .komponentaSlozkyDiskuze li {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.panelObsah .komponentaSlozkyDiskuze .diskuzniPolozka {
    border: 1px #dddddd solid;
    margin-bottom: 5px;
    position: relative;
    top: 0px;
    left: 0px;
}

.panelObsah .komponentaSlozkyDiskuze .diskuzniPolozka .diskuzniPolozka {
    margin: 5px;
}

.panelObsah .komponentaSlozkyDiskuze .diskuzniPolozka:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.panelObsah .komponentaSlozkyDiskuze .diskuzniPolozka div {
    display: none;
}

.panelObsah .komponentaSlozkyDiskuze .diskuzniPolozka h2 {
    background: #dddddd;
    color: #000000;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    padding-left: 3px;
    font-weight: normal;
}

.panelObsah .komponentaSlozkyDiskuze .diskuzniPolozka .datum {
    display: block;
    color: #000000;
    font-size: 12px;
    width: 100px;
    height: 18px;
    line-height: 18px;
    position: absolute;
    top: 1px;
    right: 5px;
    text-align: right;
}

.panelObsah .komponentaSlozkyDiskuze .diskuzniPolozka p {
    padding: 3px;
} 

/* komponentaBanner */
.panelObsah .komponentaBanner span {
    display: block; 
    padding: 5px 10px 5px 10px;
    background: #dddddd;   
}

.panelObsah .komponentaBanner span.text1 {
    background: #000000;
    color: #ffffff;
    line-height: 26px;
    font-size: 20px; 
}


/* .panelObsah .formularFiltrSpecial */


.panelObsah .formularFiltrSpecial {
	margin-bottom: 5px;
	height: 36px;
	font-size: 12px;
	margin-right: 6px;
	float: left;
	overflow: hidden;
}

.panelObsah .formularFiltrSpecial .polozka input[type=checkbox] {
	display: none;
}

.panelObsah .formularFiltrSpecial .polozka label {
	display: block;
	background-color: #d7f0ee;
	padding: 5px 10px 5px 10px;
	margin-right: 10px;
	cursor: pointer;
}

.panelObsah .formularFiltrSpecial .polozka label:hover,
.panelObsah .formularFiltrSpecial .polozka :checked + label {
	background-color: #35645e;
	color: #ffffff;
}

.panelObsah .formularFiltrSpecial:after {
	content: " ";
	display: block;
	clear: both;
	font-size: 0px;
	line-height: 0px;
}

.panelObsah .formularFiltrSpecial .polozka {
	display: block;
	float: left;
}


/* .panelObsah .formularFiltry */

.panelObsah .formularFiltry {
	margin: 0px 0px 10px 0px;
	font-size: 12px;
	height: 36px;
	width: 320px;
	margin-right: 1px;
	float: left;
	overflow: hidden;
}

.panelObsah .formularFiltry:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.panelObsah .formularFiltry .polozka {
	display: block;
/*
	display: block;
	float: left;
	background-color: #d7f0ee;
	padding-left: 5px;
*/
}

.panelObsah .formularFiltry .polozka .nazev {
	display: none;
}

.panelObsah .formularFiltry .polozka:after {
    content: "\00a0\00a0\00a0\00a0";
}

.panelObsah .formularFiltry .polozka.hledej {
	display: none;
}

.panelObsah .formularFiltry .odesli {
	display: none;
}

.panelObsah .formularFiltry input[type=radio] {
	display: none;
}

.panelObsah .formularFiltry label {
	display: block;
	background-color: #d7f0ee;
	padding: 5px 10px 5px 10px;
	margin-right: 1px;
	cursor: pointer;
}

.panelObsah .formularFiltry label:hover,
.panelObsah .formularFiltry input[type="radio"]:checked + label {
	background-color: #35645e;
	color: #ffffff;
}

.panelObsah .formularFiltry .hodnota {
	display: block;
	float: left;
}


/* 2020-08-24 skryto tlacitko vyprodej */
/* 2020-10-10 odkryto tlacitko vyprodej */
/*.panelObsah .formularFiltry .hodnota:nth-child(4) {
	display: none !important;
}*/


/* .panelObsah .formularFiltrCena - XPosuvnik */

.panelObsah .formularFiltrCena .filtrCenaXPosuvnikPole
{
	position: relative;
	left: 0px;
	top: 0px;
	width: 320px;
	height: 24px;
	background: transparent;
	box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.2);
	border-radius: 24px;
}

.panelObsah .formularFiltrCena .filtrCenaXPosuvnikMin,
.panelObsah .formularFiltrCena .filtrCenaXPosuvnikMax
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 64px;
	height: 24px;
	margin: 0px;
	padding: 0px;
	background: #f0f0f0;
	box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.2);
	border-radius: 24px;
	text-align: center;
	font-size: 12px;
	line-height: 24px;
	cursor: default;
}

.panelObsah .formularFiltrCena [data-hodnota-zmenena="1"]
{
	background: #ffffee;
}


/* .panelObsah .formularFiltrCena - standardni varianta */

.panelObsah .formularFiltrCena {
	font-size: 12px;
}

.panelObsah .formularFiltrCena:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.panelObsah .formularFiltrCena .polozka {
	display: block;
	float: left;
	width: 137px;
	background: #d7f0ee;
	padding: 1px 1px 1px 5px;
	margin: 0px 1px 1px 0px;
}

.panelObsah .formularFiltrCena .polozka:after {
    content: "\00a0\00a0\00a0\00a0";
}


/* .panelObsah .formularRazeni */

.panelObsah .formularRazeni {
	display: none;
	margin: 0px 0px 10px 0px;
	font-size: 12px;
}

.panelObsah .formularRazeni:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.panelObsah .formularRazeni .polozka {
	display: block;
	float: left;
	width: 137px;
	background: #d7f0ee;
	padding: 1px 1px 1px 5px;
	margin: 0px 1px 1px 0px;
}

.panelObsah .formularRazeni .polozka:after {
    content: "\00a0\00a0\00a0\00a0";
}


/* .panelObsah .komponentaZobrazeni */

.panelObsah .komponentaZobrazeni {
	margin: 0px 0px 10px 0px;
	display: none;
}


/* .panelObsah .prepinacStranek */

.panelObsah .prepinacStranek {
	clear: both;
	margin: 0px 0px 10px 0px;
	font-size: 11px;
}

.panelObsah .prepinacStranek:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.panelObsah .prepinacStranek a,
.panelObsah .prepinacStranek span {
	display: block;
	width: 16px;
	float: left;
	text-align: center;
	margin: 0px 1px 1px 0px;
	padding: 0px 2px 0px 2px;
}

.panelObsah .prepinacStranek a {
	background: none repeat scroll 0 0 #d7f0ee;
    color: #35645e
}

.panelObsah .prepinacStranek .vybrana,
.panelObsah .prepinacStranek a:hover {
    background: #35645e;
	color: #ffffff;
	text-decoration: none;
}


/* .panelObsah .zbozi */

.panelObsah .zbozi {
	margin-left: -10px;
	width: 740px;
	padding-left: 5px;
	padding-bottom: 10px;
}

.panelObsah .zbozi:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.panelObsah .zbozi .polozka {
	float: left;
	position: relative;
	left: 0px;
	top: 0px;
	width: 165px;
	height: 280px;
	padding: 8px;
	font-size: 12px;
	line-height: 13px;
	border: 1px solid #b7cdca;
}

.panelObsah .zbozi .polozka .nahled {
    display: block;
	position: absolute;
	left: 10px;
	top: 10px;
	width: 165px;
	height: 165px;
}

.panelObsah .zbozi .polozka .nahled img[src*='/Prazdny.gif'] {
	background-color: #b7cdca;
}

.panelObsah .zbozi .polozka .nahled img {
	width: 165px !important;
	height: 165px !important;
}

.panelObsah .zbozi .polozka .stav {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 20px;
	height: 20px;
}

.panelObsah .zbozi .polozka .stav .neprobihaAkce {
	display: none;
}

.panelObsah .zbozi .polozka .nazevAText {
	position: absolute;
	left: 10px;
	top: 188px;
	width: 165px;
	height: 80px;
	overflow: hidden;
}

.panelObsah .zbozi .polozka .nazevAText h2 {
    padding-top: 2px;
    font-size: 12px;
	margin: 0px;
    height: 39px;
    overflow: hidden;
	/*white-space: nowrap;*/
}

.panelObsah .zbozi .polozka .nazevAText h2 a {
}

.panelObsah .zbozi .polozka .nazevAText p {
	margin: 2px 0px 0px 0px;
	color: #777777;
}

.panelObsah .zbozi .polozka .kodZbozi {
    position: absolute;
    left: 0px;
    top: 0px;
	background: none repeat scroll 0 0 #d7f0ee;
    color: #35645e;
    padding: 2px;
}

.panelObsah .zbozi .polozka .ceny {
	position: absolute;
	left: 10px;
	top: 245px;
	width: 165px;
	/*height: 20px;*/
	overflow: hidden;
	font-size: 17px;
	line-height: 20px;
}

.panelObsah .zbozi .polozka .ceny .cenaVcetne {display: none;}

.panelObsah .zbozi .polozka .ceny .popis {display: none;}

.panelObsah .zbozi .polozka .ceny .cenaPuvodni {text-decoration: line-through; color: #333333;}

.panelObsah .zbozi .polozka .ceny .cenaKonecna {text-align: right; font-weight: bold;}

.panelObsah .zbozi .polozka .ceny.vyprodej .cenaKonecna {color: #ff0000;}

.panelObsah .zbozi .polozka .ceny.akce .cenaKonecna {color: #ff0000;}

.panelObsah .zbozi .polozka .parametry {
    position: absolute;
    top: 3px;
    right: 3px; 
}

.panelObsah .zbozi .polozka .parametry .popis {
    color: #777777;
}

.panelObsah .zbozi .polozka .vlozDoKosikuDetail {
	position: absolute;
	left: 10px;
	top: 268px;
	width: 165px;
	height: 20px;
	overflow: hidden;

    display: flex;
    align-items: center;
    justify-content: space-between;
}

.panelObsah .zbozi .polozka .vlozDoKosikuDetail .mnozstvi {
	display: inline;
}

.panelObsah .zbozi .polozka .vlozDoKosikuDetail .vyberVariantu {
	display: none;
}
.panelObsah .zbozi .polozka .vlozDoKosikuDetail input[name=mnozstvi],
.panelObsah .zbozi .polozka .vlozDoKosikuDetail .mnozstvi input {
	width: 25px;
	text-align: center;
	vertical-align: middle;
}

.panelObsah .zbozi .polozka .vlozDoKosikuDetail .vlozDoKosiku {
    text-transform: uppercase;
    font-size: 11px;
    padding: 3px;
    border-radius: 2px;
}

xxx.panelObsah .zbozi .polozka .vlozDoKosikuDetail .vlozDoKosiku {
    margin-right: 20px;
    /*2024-06-07*/
    width: 22px;
    height: 22px;
    border: 0px none;
}
 



/* .strankaZbozi */

.strankaZbozi .obrazek img {
	border: 1px solid #b7cdca;
	cursor: pointer;
}
.strankaZbozi .obrazek img:hover {
	border: 1px solid #35645e;
	cursor: pointer;
}

.strankaZbozi .vyberVariantyRadio label {
	margin: 0px 10px 0px 5px;
}

.strankaZbozi .formularKoupit .cenaPuvodniVcetne .hodnota {
	text-decoration: line-through;
}

.strankaZbozi .formularKoupit .cenaAkcni {
	color: #ff0000;
}

.strankaZbozi .formularKoupit .cenaBez {
	font-size: 20px;
	line-height: 24px;
}

.strankaZbozi .formularKoupit .cenaVcetne {
	display: none;
}

.strankaZbozi .formularKoupit .info {
	color: #000000;
	font-size: 20px;
}
.strankaZbozi .formularKoupit .odesli .hodnota .image{
    width: 40px;
}


/* .panelObsah .kosik */

.panelObsah .kosik .kosikInfoSkladem {
    font-size: 0.9em;
}

/*
.panelObsah .kosik table {
	width: 100%;
}

.panelObsah .kosik .nadpis {
	font-weight: bold;
}

.panelObsah .kosik td {
	background: #d7f0ee;
	padding: 0px 3px 0px 3px;
	font-size: 12px;
}

.panelObsah .kosik .objednej td {
	background: transparent;
}

.panelObsah .kosik .mnozstvi .text {
	width: 25px;
	text-align: center;
}

.panelObsah .kosik .mnozstvi {
	text-align: center;
}

.panelObsah .kosik .zaMnozstviBez,
.panelObsah .kosik .zaMnozstviVcetne {
	text-align: right;
	white-space: nowrap;
}

.panelObsah .kosik .celkem {
	font-weight: bold;
}

.panelObsah .kosik .celkem .mnozstvi input {
	color: #35645e;
	background: transparent;
	padding: 0px;
	box-shadow: none;
	cursor: pointer;
	font-size: 12px;
}

.panelObsah .kosik .celkem .mnozstvi input:hover {
	text-decoration: underline;
}

.panelObsah .kosik .objednej input {
	margin: 10px 10px 10px 0px;
	padding: 10px 20px 10px 20px;
}

.panelObsah .kosik .nazev .obrazek {
	width: 100px;
	margin: 0px 5px 0px 0px;
	float: left;
}

.panelObsah .kosik .nazev .upresneni {
}

.panelObsah .kosik .nazev .kod {
	display: block;
	color: #777777;
}
*/

/* komponentaKalendar */

.panelPomocny .komponentaKalendar {
    background: #ffffff;
    margin: 1px;
}
.panelPomocny .komponentaKalendar table {
    width: 100%;
    padding: 0px;
    margin: 0px;
}
.komponentaKalendar td {
    padding: 3px;
    text-align: right;
    color: #555555;
}
.komponentaKalendar td.nazevMesice {
    text-align: center;
}
.komponentaKalendar .jinyMesic {
    color: #777777;
}
.komponentaKalendar .maAkci {
    color: #35645e;
    cursor: pointer;
}
.komponentaKalendar .maAkci:hover {
    text-decoration: underline;
}
.komponentaKalendar .dnes {
    outline: 1px solid #777777;
}
.komponentaKalendar .komponentaKalendarTlacitko {
    color: #35645e;
    cursor: pointer;
}
.komponentaKalendar .komponentaKalendarTlacitko:hover {
    text-decoration: underline;
}
.komponentaKalendar .komponentaKalendarPolozka {
    background: #d7f0ee; 
    margin-bottom: 10px;
    padding: 5px; 
}
.komponentaKalendar h2 {
    padding: 5px;
}
.komponentaKalendar .komponentaKalendarPolozka h3 {
    font-weight: bold;
    text-align: left;     
}                                                           
.komponentaKalendar .komponentaKalendarPolozka p {
    margin-bottom: 0px;
    text-align: left;
}
.komponentaKalendar .komponentaKalendarPolozka p a {
    display: block;
}

.komponentaAnketa .komponentaAnketaGrafika {
    display: block;
    float: left;
    height: 10px;
    background: #777777;
    margin: 8px 10px 7px 0px;
}


/* komponenta animace */

.komponentaAnimace {
    position: relative;
    top: 0px;
    left: 0px;
}
.komponentaAnimace img {
    position: absolute;
    top: 0px;
    left: 0px;
}
.komponentaAnimace .ovladaciPanel {
    position: absolute;
    bottom: 2px;
    left: 2px;
    height: 17px;
    line-height: 15px;
    font-size: 10px;
    overflow: hidden;   
}
.komponentaAnimace .ovladaciPanel .tlacitko {
    border: 1px #555555 solid;
    background: #eeeeee;
    color: #555555;
    float: left; 
    padding: 0px;
    margin: 0px 2px 0px 0px;
    height: 15px;
    width: 15px;
    text-align: center;
    font-weight: normal;
    border-radius: 10px;
    cursor: pointer;
}

.komponentaAnimace .ovladaciPanel .tlacitko span {
    display: block;
    height: 15px;
    width: 15px; 
    text-align: center;
}

.komponentaAnimace .ovladaciPanel .tlacitko.vybrane {
    color: #000000;
    background: #ffffff;
} 


/* panelPaticka */

.panelPaticka {
	position: relative;
	left: 0px;
	bottom: 0px;
	width: 100%;
	clear: both;
	text-align: center;
	margin: 50px auto 0px auto;
	padding: 20px 0px 20px 0px;
	line-height: 20px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	border-top: 1px solid #eeeeee;
}

.panelPaticka a {
	color: #777777;
	text-decoration: none;
	white-space: nowrap;
}

.panelPaticka a:hover {
	color: #000000;
}

.panelPaticka a:after {
    content: "\00a0\00a0|\00a0\00a0";
}

.panelPaticka a:last-child:after {
    content: "";
}

.komponentaCookieSouhlas .komponentaCookieSouhlasVnitrek {
	position: fixed;
	z-index: 999;
	left: 12%;
	bottom: 3px;
	width: 76%;
    padding: 0px;
	font-size: 14px;
	font-weight: normal;
	background: rgba(0, 0, 0, 0.8);
	color: #dddddd;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	border-radius: 3px;
}

.komponentaCookieSouhlas p {
	margin: 0px 250px 0px 0px;
	padding: 5px 0px 5px 25px;
	line-height: 20px;
	text-align: left;
}

.komponentaCookieSouhlas .tlacitkoSouhlasim {
	display: block;
	position: absolute;
	right: 25px;
	top: 50%;
	width: 120px;
	height: 20px;
	line-height: 20px;
	background: #7fbdca;
	color: #ffffff;
    padding: 2px 20px 2px 20px;
    margin: -12px 0px 0px 0px;
	border: none;
	text-align: center;
	border-radius: 3px;
}

/* Tiskarna */

@media only print {

.panelNavigace,
.panelHlavicka,
.panelPaticka {
	display: none;
}

.panelTelo {
	width: auto;
}

.panelObsah {
	float: none;
	width: auto;
}

body {
	font-family: sans-serif;
	font-size: 12pt;
	line-height: 20pt;
	background: #ffffff;
	color: #000000;
}

}



/* 1. WIDTH < 1280px ... Odstran panelPomocny */

@media
only screen and (max-width:1280px),
only screen and (max-device-width:1280px) {

.panelTelo {
	width: 1000px;
}

.panelPomocny {
	display: none;
}

.komponentaAnketa .komponentaAnketaGrafika {
    display: none;
}

}



/* 2. WIDTH < 1040px ... Zmensi panelObsah na 75% */

@media
only screen and (max-width:1040px),
only screen and (max-device-width:1040px) {

.panelTelo,
.panelHlavicka header {
	width: 815px;
}

.panelObsah {
	width: 535px;
	float: right;
}

.panelObsah .zbozi {
	width: 565px;
	padding-left: 4px;
}

.panelHlavicka .hlavniMenu li a {
	font-size: 13px;
	padding: 10px 10px 10px 10px;
}

.panelNavigace .hloubka1 .rychlaNavigace .roleta {
	display: none !important;
}

}



/* 3. WIDTH < 855px ... Zmensi panelObsah na 50% */

@media
only screen and (max-width:855px),
only screen and (max-device-width:855px) {

.panelTelo,
.panelHlavicka header {
	width: 630px;
}

.panelObsah {
	width: 350px;
	float: right;
}

.panelObsah .zbozi {
	width: 380px;
	padding-left: 3px;
}

form td.popis {
	width: 50%;
}

table:not(.zakladniTabulka):not(.kalendar):not(.ceny),
table:not(.zakladniTabulka):not(.kalendar):not(.ceny) tr,
table:not(.zakladniTabulka):not(.kalendar):not(.ceny) td {
	display: block;
	width: 100%;
	position: relative;
	left: 0px;
	top: 0px;
}

table:not(.zakladniTabulka):not(.kalendar):not(.ceny) td {
	float: left;
}

table:not(.zakladniTabulka):not(.kalendar) colgroup,
table:not(.zakladniTabulka):not(.kalendar) col {
	display: none;
}

.panelObsah .kosik .kod,
.panelObsah .kosik .zaMnozstviBez,
.panelObsah .kosik .celkem .mnozstvi {
	display: none;
}

textarea {
	width: 180px;
}

.komponentaCookieSouhlas {
	height: 150px;
}

.komponentaCookieSouhlas.rezim1 {
	height: 120px;
}

.komponentaCookieSouhlas p {
    text-align: center;
    margin-right: 0px;
    padding-left: 0px !important;
}

.komponentaCookieSouhlas .tlacitkoSouhlasim {
    position: relative;
    top: 0px;
    right: auto;
    margin: 0px auto 10px auto;
}

.komponentaCookieSouhlas.rezim1 .tlacitkoSouhlasim {
    padding: 2px 20px 2px 20px;
    margin: 0px auto 10px auto;
}

}



/* 4. WIDTH < 680px ... Odstran panelNavigace */

@media
only screen and (max-width:680px),
only screen and (max-device-width:680px) {

.panelHlavicka {
	min-width: 370px;
}

.panelTelo {
	width: 370px;
}

.panelHlavicka header {
	width: 370px;
	height: 180px;
}

.panelObsah {
	float: none;
	display: block;
	margin-bottom: 0px;
}

.panelNavigace {
	float: none;
	display: block;
	margin: 20px auto 0px auto;
	width: 370px;
}

.panelPaticka {
	position: static;
}

.panelHlavicka .komponentaHledat {
	display: none;
}

}



/* 5. WIDTH < 420px ... */

@media
only screen and (max-width:420px),
only screen and (max-device-width:420px) {

.panelHlavicka header {
	width: 350px;
}

}

.dialogVitejte .panelPF {
	position: absolute;
	top: 20px;
	left: calc(50vw - 160px);
	left: 0px;
	left: 20px;
	width: 260px;
	height: 260px;
	background-image: url(Drogerie/PF.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0% 50%;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
	padding: 20px;
    margin-top: 3px;
    margin-bottom: 3px;
}

.dialogVitejte {
	position: fixed;
	z-index: 9999;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #333333;
	background-image: url(Drogerie/Foto3.jpg);
	background-size: cover;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	color: #000000;	
}

.dialogVitejte table {
	border-spacing: 0px;
}

.dialogVitejte .obsahovyPanel {
	position: absolute;
	bottom: 20px;
	left: 20px;
	left: calc(50vw - 320px);
	width: 640px;
	background-color: rgba(255,255,255,0.85);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
	padding: 20px;
}

.dialogVitejte .logo {
	width: 111px;
	background: transparent url(Drogerie/Logo.jpg) scroll no-repeat left center;
	background-size: contain;
}

.dialogVitejte .tlacitko {
	display: inline-block;
	padding: 5px 10px 5px 10px;
	margin: 10px 10px 0px 0px;
	background-color: #35645e;
	color: #ffffff;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
}

.dialogVitejte .tlacitko:hover {
	background-color: #537b76;
}

@media
only screen and (max-width:680px),
only screen and (max-device-width:680px) {

.dialogVitejte .panelPF {
	position: static;
	width: auto;
    height: 120px;
    height: 200px;
}

.dialogVitejte {
}

.dialogVitejte .obsahovyPanel {
	position: static;
	width: auto;
}

}

.stavSkladu {
	display: inline-block;
	padding: 2px;
	background-color: #a83148;
	color: #ffffff;
}

.stavSkladu.naDotaz {
}

.stavSkladu.overit {
	/*background-color: #aaaa00;*/
	background-color: #00cc00;
}

.stavSkladu.stavem {
	/*background-color: #00cc00;*/
    background-color: #35645e;
    color: #ffffff;
}

.panelPomocny .komponentaSlozka {
	display: none;
}

.uzivatelPrihlasen .panelPomocny .komponentaSlozka {
	display: block;
}

.panelNavigace {
	display: none;
}

.uzivatelPrihlasen .panelNavigace {
	display: block;
}

/* dopravne bez ceny */

/*.dopravne .proPrice {
    color: rgba(255,255,255,0);
}*/

.dopravne .proIcon {
    background: none !important;
}

/* zneviditelni platbu */ 

/*tr.tabulkaDoprava + tr,
tr.tabulkaDoprava + tr + tr {
    display: none;
    background: #eef;
}*/
tr.tabulkaDoprava + tr {
    display: none;
}
#tabulkaPlatba tr {
    display: none;
}

/* odsadit hodnotu vlastnasti v detailu */

table.vlastnosti tr.vlastnost td.popis {
    padding-right: 10px;
}

/* .strankaPrihlaseni */

.strankaPrihlaseni .panelTelo a.tlacitko {
    border: 1px solid #9ea0a0;
    background-color: #c2dcd9;
    color: #000000;
    padding: 5px 10px 5px 10px;
}

/* DrogerieSlozkaOdberatele_Widget */

.DrogerieSlozkaOdberatele_Widget {
    display: block;
    padding: 2px 0px 0px 10px;
    margin: 0px 0px 0px 0px;
    background: #c2dcd9;
    color: #000000;
    font-size: 12px;
    line-height: 30px;
    text-decoration: none;
    text-transform: uppercase;
}

.DrogerieSlozkaOdberatele_Widget:hover {
    background-color: #35645e;
    color: #ffffff;
}