/* Globalni styly */

* {
	vertical-align: top;
	font-weight: inherit;
	font-family: 'Ubuntu', sans-serif;
	font-style: inherit;
	font-size: 15px;
	line-height: 25px;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	cursor: default;
	max-width: 100%;
}


html {

}

head {
	display: none;
}

body {
	opacity: 0;

	-webkit-animation-name: usvit;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode: forwards;

	animation-name: usvit;
	animation-duration: 0.5s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}

nav,header,footer,main,article,aside,section,figure,figcaption{
	display: block;
}

@-webkit-keyframes usvit{
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@-moz-keyframes usvit{
    0% {-moz-opacity: 0;}
    100% {-moz-opacity: 1;}
}
@keyframes usvit{
    0% {opacity: 0;}
    100% {opacity: 1;}
}

input:not([type=file]),
textarea,
select{
	border: 1px solid #000000;
	padding: 5px;
	margin: 0px 1px 1px 0px;
}


input[type=text],
input[type=password]{
	color: #000000;
}

input[type=text]:focus,
input[type=password]:focus{
	color: #000000;
}

*::-webkit-input-placeholder {
	color: rgba(0, 142, 227, 0.75);
}
*:-moz-placeholder {
	color: rgba(0, 142, 227, 0.75);
}
*::-moz-placeholder {
	color: rgba(0, 142, 227, 0.75);
}
*:-ms-input-placeholder {
	color: rgba(0, 142, 227, 0.75);
}

h1,h2,h3,h4{
	color: #000000;
	font-weight: bold;
	padding-bottom: 10px;
}
h1{
	font-size: 18px;
	text-transform: uppercase;
}
p{
	padding-bottom: 10px;
}
a, a *{
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
	cursor: pointer;
	transition: color 0.3s;
}
a:hover{
	text-decoration: underline;
	color: #823412;
	transition: color 0.2s;
}

ul, ol{
	list-style-position: inside;
	list-style-type: none;
}

.panelObsah .text ul{
    list-style-type: disc;
    padding-bottom: 10px;
}
.panelObsah .text ol{
    list-style-type: decimal;
    padding-bottom: 10px;
}

input[type=button],
input[type=submit],
.button{
	background-color: #ffffff;
	color: #000000;
	text-align: center;
	min-width: 100px;
	font-weight: bold;
	cursor: pointer;
	border: 1px solid #aaaaaa;
	transition: border 0.2s, box-shadow 0.2s, background-color 0.2s;
}
input[type=button]:hover,
input[type=submit]:hover,
input[type=button]:focus,
input[type=submit]:focus,
input[type=image]:hover,
.button:hover
{

}
.prepinacStranek:after,
.vnitrek:after,
ul:after,
.panelObsah:after,
.zbozi:after,
.cistic:after
{
	content: '';
	display: block;
	clear: both;
	font-size: 0px;
	visibility: hidden;
}


.msg{
    text-align: center;
    padding: 5px;
    background-color: rgba(0, 142, 227, 0.5);
    color: #ffffff;
    font-weight: bold;
    margin: 1% 0% 1% 0%;
    box-shadow: 0px 0px 3px 1px rgba(0, 142, 227, 0.5);
}
.err{
    text-align: center;
    padding: 5px;
    background-color: rgba(255, 0, 0, 0.5);
    color: #ffffff;
    font-weight: bold;
    margin: 1% 0% 1% 0%;
    box-shadow: 0px 0px 3px 1px rgba(255, 0, 0, 0.5);
}
strong, b{
	font-weight: bold;
}

script{
	display: none !important;
}



.vnitrek{
	display: block;
	max-width: 1200px;
	width: 100%;
	padding: 0px 10px 0px 10px;
	margin: 0px auto;
}
main .vnitrek > *{
	background: rgba(245, 245, 219, 0.85);
    box-shadow: 0px 0px 5px 3px rgba(245, 245, 219, 0.85);
}

/*****************************************************************************/




/* panel Pomocny */
.panelPomocny{
	background: url(img/background-pomocny.jpg) scroll no-repeat center center/cover;
}
.panelPomocny .vnitrek{
	padding-top: 10px;
	padding-bottom: 10px;
}
.panelPomocny .vnitrek ul {
    display: inline-block;
	font-size: 0px;
}
.panelPomocny .vnitrek ul li{
	display: inline-block;
}
.panelPomocny .vnitrek ul li a{
	display: block;
	font-size: 15px;
	padding: 10px 15px 10px 15px;
	text-decoration: none;
	transition: background 0.5s;
}
.panelPomocny .vnitrek ul li a:hover{
	background: rgba(130, 52, 18, 0.1);
	transition: background 0.2s;
}
.panelPomocny .vnitrek .komponentaKosik{
	display: inline-block;
	float: right;
	padding: 0px 5px 0px 5px;
	text-decoration: none;
	transition: background 0.5s;
}
.panelPomocny .vnitrek .komponentaKosik > *{
	padding: 10px 0px 10px 0px;
	text-decoration: none;
	display: inline-block;
}
.panelPomocny .vnitrek .komponentaKosik:hover{
	background: rgba(130, 52, 18, 0.1);
	transition: background 0.2s;
}
.panelPomocny .vnitrek .komponentaKosik > *:first-child{
	background: url(img/kosik.png) scroll no-repeat 5px center;
	padding-left: 35px;
}
@media only screen and (max-width:600px) {
.panelPomocny .vnitrek{
	text-align:  center;
}
.panelPomocny .vnitrek ul{
	display: block;
}
.panelPomocny .vnitrek ul li{
	text-align: center;
}
.panelPomocny .vnitrek ul li a{
	padding: 10px 5px 10px 5px;
}
.panelPomocny .vnitrek .komponentaKosik{
	display: block;
	float: none;
}
}
/* !panel Pomocny */




/* header */
header{
	background: url(img/background-menu.jpg) scroll no-repeat center center/cover;
}
header .vnitrek{
	padding-top: 10px;
	padding-bottom: 10px;
	display: table;
}
header .vnitrek .cell{
	display: table-cell;
	vertical-align: middle;
}
header .vnitrek .cell:nth-child(1){
	width: 309px;
}
header .vnitrek .logo {
	background: url(img/herych-cukrovinky.png) scroll no-repeat center center/100% auto;
	display: inline-block;
	width: 280px;
}
header .vnitrek .logo:before{
	display: block;
	content: ' ';
	padding-top: 15.85%;
}
header .vnitrek .cell:nth-child(3){
	width: 240px;
}
header .komponentaHledat{
	width: 240px;
	border: 2px solid #ffffff;
	display: inline-block;
}
header .komponentaHledat .text input{
	background: transparent;
	width: calc(100% - 35px);
	margin: 0;
	padding: 5px;
	height: 35px;
	border: 0px;
	color: #ffffff;
}
header .komponentaHledat .text input::placeholder{
	color: #ffffff;
}
header .komponentaHledat .text input:focus{
	background: #ffffff;
	color: #000000;
}
header .komponentaHledat .odesli input{
	display: inline-block;
	background: url(img/lupa.png) scroll no-repeat center center;
	width: 35px;
	min-width: auto;
	margin: 0;
	padding: 5px;
	height: 35px;
	border: 0px;
	float: right;
	font-size: 0px;
}
header .komponentaHledat .odesli input:hover{

}
header .vnitrek .komponentaNavigace ul {
    display: block;
	font-size: 0px;
	text-align: center;
}
header .vnitrek .komponentaNavigace ul li{
	display: inline-block;
}
header .vnitrek .komponentaNavigace ul li .polozka{
	display: block;
	font-size: 15px;
	padding: 10px 15px 10px 15px;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
	transition: background 0.5s;
}
header .vnitrek .komponentaNavigace .pocetPolozek{
	display: none;
}
header .vnitrek .komponentaNavigace ul li .polozka:hover{
	background: rgba(130, 52, 18, 0.5);
	transition: background 0.2s;
}
header .vnitrek .komponentaNavigace ul ul{
	display: none;
}
@media only screen and (max-width:900px) {
header .vnitrek {
	display: block;
}
header .vnitrek .cell{
	display: block;
	width: auto !important;
	text-align:  center;
}
header .vnitrek .cell:last-child{
	margin-top: 5px;
}
header .vnitrek .komponentaNavigace ul li{
	display: block;
	text-align: center;
}
header .vnitrek .komponentaNavigace ul li .polozka{
	padding: 10px 0px 10px 0px;
}
}
/* !header */





/* main */
main{
	background: url(img/background-body.jpg) scroll repeat-y center top/100% auto;
}
main .vnitrek{
	padding-top: 30px;
	padding-bottom: 30px;
}
main .formularFiltry,
main .komponentaZobrazeni{
	display: none;
}
/* !main */





main .formularRazeni .odesli,
main .formularRazeni .polozka input{
	display: none;
}
main .formularRazeni .polozka{
	display: inline-block;
	width: auto !important;
	margin: 0px 1% 2% 0px !important;
}
main .formularRazeni .polozka label{
	display: block;
	padding: 0px 5px 0px 5px;
	cursor: pointer;
}
main .formularRazeni .polozka input:checked + label{
	font-weight: bold;
	    background: rgba(130, 52, 18, 0.1);
}


/* drobeckova */
main .drobeckova,
main .detail .navigace{
	border: 2px solid #000000;
	background: #ffffff;
	padding: 5px 0px 5px 0px;
	margin-top: 30px;
	font-size: 0px;
}
main .detail .navigace{
	margin-top: 0px;
}
main .drobeckova .gt,
main .detail .navigace .gt{
	display: inline-block;
	width: 24px;
	background: url(img/gt.png) scroll no-repeat center center;
	padding: 5px 0px 5px 0px;
	height: 35px;
}
main .drobeckova .polozka,
main .detail .navigace .polozka{
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
	display: inline-block;
	padding: 5px 10px 5px 10px;
	transition: background 0.5s;
}
main .drobeckova .polozka:hover,
main .detail .navigace .polozka:hover{
	background: rgba(130, 52, 18, 0.1);
	transition: background 0.2s;
}
main .drobeckova .pocetPolozek,
main .detail .navigace .pocetPolozek,
main .detail .navigace > *:not(.drobeckovaNavigace)
{
	display: none;
}
/* !drobeckova */





/* vertikalni navigace */
main .navKonteiner{
	position: relative;
	width: 290px;
	float: left;
	background: #FEDAA9;
	margin-bottom: 20px;
}
main .navKonteiner .navRozbal{
	display: none;
}

main .komponentaNavigace .polozka{
	display: block;
	padding: 10px;
	text-decoration: none;
	border-bottom: 2px solid #ffffff;
	font-weight: bold;
	background: #823412;
	color: #ffffff;
	text-transform: uppercase;
	transition: background 0.3s;
}
main .komponentaNavigace .hloubka2 .polozka{
	background: #FEDAA9;
	color: #000000;
	text-transform: none;
}
main .komponentaNavigace .hloubka3 .polozka{
	font-weight: normal;
	padding-left:30px;
}
main .komponentaNavigace .pocetPolozek{
	font-weight: normal;
	font-size: 12px;
	display: inline-block;
	padding-left: 5px;
	color: #ffffff;
	text-decoration: none;
}
main .komponentaNavigace .hloubka2 .pocetPolozek{
	color: #000000;
}
main .komponentaNavigace .polozka:hover{
	background: rgba(0, 0, 0, 0.1);
	transition: background 0.2s;
}
@media only screen and (max-width:550px) {
main .navKonteiner{
	width: auto;
	float: none;
}
main .navKonteiner .navRozbal{
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 55px;
	height:45px;
	background: #823412 url(img/navRozbal.gif) scroll no-repeat center center/100% 100%;
	border-left: 2px solid #f4f4db;
	background-color: #823412;
}
main .navKonteiner .navRozbal:hover{
 	cursor: pointer;
	background-color: #E4C498;
    transition: background-color 0.2s;
}
main .komponentaNavigace .hloubka2:not(.rozbalena){
	display: none;
}
}
/* !vertikalni navigace */




/* main .katalog */
main .katalog{
	float: right;
	width: calc(100% - 320px);
}
main .vystraha{
	color: red;
	font-weight: bold;
}
main .katalog .polozka{
	float: left;
	width: calc(32%);
	border: 1px solid rgba(130, 52, 18, 0.2);
	background: #ffffff;
	transition: border 0.5s, box-shadow 0.5s;
}
main .katalog .polozka:hover {
    box-shadow: 0 0 5px 2px rgba(0,0,0,0.08);
    border: 1px solid rgba(130, 52, 18, 0.3);
    transition: border 0.2s, box-shadow 0.2s;
}
main .katalog .polozka:nth-child(3n + 1){
	margin: 0px 1% 2% 0px;
}
main .katalog .polozka:nth-child(3n + 2){
	margin: 0px 1% 2% 1%;
}
main .katalog .polozka:nth-child(3n + 3){
	margin: 0px 0px 2% 1%;
}
main .katalog .polozka img{
	display: block;
	width: 90%;
	height: auto;
	margin: 5%;
}
main .katalog .polozka a,
main .katalog .polozka a *{
	text-decoration: none;
}
main .katalog .polozka h2{
	display: block;
	padding: 0px 10px 0px 10px;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
	margin-bottom: 10px;
}
main .katalog .polozka .mnozstvi,
main .katalog .polozka .bezdph{
	display: none;
}
main .katalog .polozka .ceny{
	display: block;
	color: #823412;
	font-weight: bold;
	text-align: right;
}
main .katalog .polozka .puvodni{
	display: inline-block;
	padding-right: 10px;
	color: #823412;
	font-weight: bold;
	text-decoration: line-through;
}
main .katalog .polozka .cena.sdph{
	display: inline-block;
	text-align: right;
	padding-right: 10px;
	color: #823412;
	font-weight: bold;
}
main .katalog .polozka input[name=detailZbozi]{
	width: 40px;
	height: 40px;
	background: url(img/ico-detail.png) scroll no-repeat center center/cover;
	font-size: 0px;
	min-width: 0px;
	border: none;
	margin: 0px 5px 5px 5px;
	float: left;
}
main .katalog .polozka input[name=vlozDoKosiku]{
	width: 40px;
	height: 40px;
	background: url(img/ico-dokosiku.png) scroll no-repeat center center/cover;
	font-size: 0px;
	min-width: 0px;
	border: none;
	margin: 0px 5px 5px 0px;
	float: left;
}
main .katalog .polozka:after{
	content: ' ';
	display: block;
	clear: both;
}
@media only screen and (max-width:900px) {
main .katalog .polozka{
	width: 49%;
}
main .katalog .polozka:nth-child(2n + 1){
	margin: 0px 1% 2% 0px;
}
main .katalog .polozka:nth-child(2n + 2){
	margin: 0px 0px 2% 1%;
}
}
@media only screen and (max-width:700px){
main .katalog .polozka{
	width: 100%;
	margin: 0px auto 20px auto !important;
	max-width: 300px;
	float: none;
}
}
@media only screen and (max-width:550px){
main .katalog{
	float: none !important;
	width: auto;
	
}
}
/* !main .katalog */




/* footer */
footer{
	background: url(img/background-footer.jpg) scroll no-repeat center center/cover;
	padding: 30px 0px 30px 0px;
}
footer .filtr{
	background: rgba(255,255,255,0.25);
}
footer .filtr .vnitrek{
	padding-top: 20px;
 	padding-bottom: 20px;
}
footer .filtr .vnitrek table{
	width: 100%;
}
footer .filtr .vnitrek table:nth-child(1) td{
	width: 20%;
}
footer .filtr .vnitrek table:nth-child(2) td{
	width: 50%;
}
footer .filtr .vnitrek *{
	color: #ffffff !important;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 20px;
}
footer .filtr .vnitrek *:empty,
footer .filtr .vnitrek .pocetPolozek{
	display: none;
}
footer .filtr .vnitrek h1,
footer .filtr .vnitrek h2,
footer .filtr .vnitrek h3,
footer .filtr .vnitrek h4{
	font-size: 15px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0;
	padding-bottom: 10px;
}
footer .filtr .vnitrek .polozka,
footer .filtr .vnitrek a{
	text-decoration: none;
	font-weight: normal;
	display: inline-block;
	transition: background 0.2s;
	padding: 0px 1px 0px 1px;
}
footer .filtr .vnitrek .polozka:hover,
footer .filtr .vnitrek a:hover{
    background: rgba(130, 52, 18, 0.5);
    background: rgba(255, 255, 255, 0.15);
    transition: background 0.2s;
}
footer .filtr .vnitrek {
	background: url(img/herych-cukrovinky.png) scroll no-repeat 99% 95%;
}
@media only screen and (max-width:900px) {
footer .filtr .vnitrek table,
footer .filtr .vnitrek table thead,
footer .filtr .vnitrek table tbody,
footer .filtr .vnitrek table tr,
footer .filtr .vnitrek table td{
	display: block;
	width: 100% !important;
	text-align: center;
}
footer .filtr .vnitrek table td{
	padding-bottom: 20px;
}
footer .filtr .vnitrek {
	background: none;
}
footer .filtr .vnitrek table:last-child td{
	padding: 0;
}
footer .filtr .vnitrek table:last-child td:last-child{
	display: none;
}
footer .filtr .vnitrek h1,
footer .filtr .vnitrek h2,
footer .filtr .vnitrek h3,
footer .filtr .vnitrek h4{
	font-size: 20px;
}
}
/* !footer */




/* cookie souhlas */
.komponentaCookieSouhlas{
	position: fixed;
	left: 0px;
	right: 0px;
	bottom: 0px;
	padding: 10px;
}
.komponentaCookieSouhlasVnitrek{
	background: rgba(0,0,0,0.85);
	width: 1200px;
	max-width: 100%;
	margin: 0px auto;
	padding: 10px;
}
.komponentaCookieSouhlasVnitrek *{
	display: inline-block;
	font-size: 13px;
	line-height: 20px;
	color: #ffffff;
}
.komponentaCookieSouhlasVnitrek .tlacitkoSouhlasim{
	float: right;
}
.komponentaCookieSouhlasVnitrek:after{
	display: block;
	clear: both;
	content: ' ';
}
.komponentaCookieSouhlasVnitrek .info{
	font-weight: normal;
}
.komponentaCookieSouhlasVnitrek .tlacitkoSouhlasim{
	border: 1px solid #ffffff;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
}
/* !cookie souhlas */



/* detail */
main .vnitrek .detail{

}
main .detail .navigace{
	margin-bottom: 20px;
}
main .detail .navigace ~ .navigace{
	display: none;
}
main .vnitrek .detail .obrazek{
	display: block;
	width: 400px;
	height: auto;
	float: left;
	margin: 0px 20px 20px 0px;
}
main .vnitrek .detail .obrazek img{
	width: 400px !important;
	height: auto !important;
	cursor: pointer;
    border: 1px solid rgba(130, 52, 18, 0.2);
    box-shadow: 0 0 0 0 rgba(0,0,0,0);
    transition: border 0.5s, box-shadow 0.5s;
}
main .vnitrek .detail .obrazek img:hover{
    box-shadow: 0 0 5px 2px rgba(0,0,0,0.08);
    border: 1px solid rgba(130, 52, 18, 0.3);
    transition: border 0.2s, box-shadow 0.2s;
}
main .vnitrek .detail .formularKoupit,
main .vnitrek .detail .vlastnosti{
	width: calc(100% - 420px);
	background: rgba(130, 52, 18, 0.05);
	margin-bottom: 20px;
}
main .vnitrek .detail .formularKoupit td,
main .vnitrek .detail .vlastnosti td{
	padding: 5px 10px 5px 10px;
	width: 50%;
}
main .vnitrek .detail .formularKoupit tr:first-child td,
main .vnitrek .detail .vlastnosti tr:first-child td{
	padding-top: 15px;
}
main .vnitrek .detail .formularKoupit tr:last-child td,
main .vnitrek .detail .vlastnosti tr:last-child td{
	padding-bottom: 15px;
}
main .vnitrek .detail .formularKoupit .nadpis td{
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 10px;
}
main .vnitrek .detail .vlastnosti .nadpis,
main .vnitrek .detail .text.editor .popis,
main .vnitrek .detail .souvisejici .popis,
main .vnitrek .detail .prodavaneSpolu .popis{
	font-weight:bold;
}
main .vnitrek .detail .formularKoupit input[name=mnozstvi]{
	width: 70px;
	height: 40px;
	text-align: center;
}
main .vnitrek .detail .formularKoupit input[name=vlozDoKosiku]
{
    width: 40px;
    height: 40px;
    background: url(img/ico-dokosiku.png) scroll no-repeat center center/cover;
    font-size: 0px;
    min-width: 0px;
    border: none;
}
main .vnitrek .detail .text.editor{
	clear: both;
	background: rgba(130, 52, 18, 0.05);
	margin-bottom: 20px;
	padding: 15px 10px 15px 10px;
}
main .detail .souvisejici .katalog{
	float: left;
}
main .vnitrek .detail .souvisejici,
main .vnitrek .detail .prodavaneSpolu{
	margin-bottom: 20px;
	padding: 15px 10px 15px 10px;
	background: rgba(130, 52, 18, 0.05);
}
main .vnitrek .detail .souvisejici:after,
main .vnitrek .detail .prodavaneSpolu:after{
	display: block;
	content: ' ';
	clear: both;
}
main .vnitrek .detail .prodavaneSpolu a{
	font-weight: normal;
}
main .vnitrek .detail .katalog {
	width: auto;
	float: none;
}
main .vnitrek .detail .katalog .polozka{
	width: calc(24%);
}
main .vnitrek .detail .katalog .polozka:nth-child(4n + 1) {
	margin: 0px 0.66% 2% 0.00%;
}
main .vnitrek .detail .katalog .polozka:nth-child(4n + 2) {
	margin: 0px 0.66% 2% 0.66%;
}
main .vnitrek .detail .katalog .polozka:nth-child(4n + 3) {
	margin: 0px 0.66% 2% 0.66%;
}
main .vnitrek .detail .katalog .polozka:nth-child(4n + 4) {
	margin: 0px 0.00% 2% 0.66%;
}
@media only screen and (max-width:800px){
main .vnitrek .detail .obrazek {
    width: 400px;
    float: none;
    margin: 0px auto 20px auto;
}
main .vnitrek .detail .formularKoupit,
main .vnitrek .detail .vlastnosti {
    width: 100%;
	clear: both;
}
main .vnitrek .detail .souvisejici,
main .vnitrek .detail .prodavaneSpolu{
	display: none;
}
}
/* !detail */






/* strankaKosik */
.strankaKosik .kosik .navigace,
.strankaKosik .kosik .zaMnozstviBez{
	display: none;
}
.strankaKosik .kosik table{
	border-collapse: collapse;
	width: 100%;
}
.strankaKosik .kosik td{
    padding: 5px;
}
.strankaKosik .kosik thead *{
    font-weight: bold;
    font-size: 12px;
    background: rgba(130, 52, 18, 0.1);
}
.strankaKosik .kosik tbody img{
	width: 100px;
	height: auto;
	float: left;
	margin: 0px 10px 5px 0px;
}
.strankaKosik .kosik .polozka .nazev a{
	text-decoration: none !important;
}
.strankaKosik .kosik .polozka .nazev .upresneni a,
.strankaKosik .kosik .polozka .nazev .upresneni a:hover{
	font-weight: normal;
	font-size: 12px;
	text-decoration: none !important;
}
.strankaKosik .kosik .polozka .nazev .upresneni,
.strankaKosik .kosik .polozka .nazev .kod{
	display: block;
	color: #3d3d3d;
	font-weight: normal;
	font-size: 12px;
}
.strankaKosik .kosik .mnozstvi input[type=number]{
	max-width: 60px;
	text-align: center;
	padding: 0;
	line-height: 28px;
	height: 30px;
}
.strankaKosik .kosik .zaMnozstviVcetne{
	white-space: nowrap;
	vertical-align: middle;
}
.strankaKosik .kosik .nastavMnozstvi,
.strankaKosik .kosik .smazPolozku{
	width: 30px;
	height: auto;
	border: none;
	cursor: pointer;
	margin-left: 3px;
}
.strankaKosik .kosik .mnozstvi{
	width: 140px;
	vertical-align: middle;
}
.strankaKosik .kosik .mnozstvi *{
	float: left;
}
.strankaKosik .kosik .smazVse{
	border: none;
	background: url(img/KosikSmaz.gif) scroll no-repeat 10px center/auto 20px;
	text-align: left;
    padding-left: 40px;
}
.strankaKosik .kosik .celkem{
	border-top: 3px double #777777;
	border-bottom: 1px solid #777777;
}
.strankaKosik .kosik .celkem td{
 	vertical-align: middle;
}
.strankaKosik .kosik .objednej input{
	float: right;
	min-width: 150px;
}
@media only screen and (max-width:800px){
.strankaKosik .kosik table,
.strankaKosik .kosik thead,
.strankaKosik .kosik tbody,
.strankaKosik .kosik tr,
.strankaKosik .kosik td:not(.zaMnozstviBez){
	display: block;
	float: left;
	width: 100%;
}
.strankaKosik .kosik .polozka:not(:nth-last-child(3)) td:last-child{
	border-bottom: 1px solid #777777;
}
}
/* !strankaKosik */






/* data uzivatele */
.strankaDataUzivatele a[href*=UkazKosik],
.strankaDataUzivatele form table table .zaMnozstviBez,
.strankaDataUzivatele form table table .dopravne,
.strankaDataUzivatele form .xodesli .popis,
.strankaDataUzivatele form .yodesli .popis{
	display: none;
}
.strankaDataUzivatele form table{
	width: 100%;
}
.strankaDataUzivatele form td{
	vertical-align: top;
}
.strankaDataUzivatele form .nadpis .sloucene{
	font-weight: bold;
}
.strankaDataUzivatele form tr:not(.modesli) .hodnota > *{
	width: 100%;
}
.strankaDataUzivatele form .modesli .popis{
	visibility: hidden;
}
.strankaDataUzivatele form .modesli .hodnota input{
	min-width: 200px;
}
.strankaDataUzivatele form .modesli .hodnota input:last-child{
	float: right;
}
.strankaDataUzivatele form table table,
.strankaDataUzivatele form table table *{
	background: #F3F2F2;
	font-size: 12px;
}
.strankaDataUzivatele form table table td{
	padding: 5px;
}
.strankaDataUzivatele form .modesli input[type=submit]{
	margin-top: 20px;
}
.strankaDataUzivatele form table table td input[type=radio]{
	margin-top: 5px;
}
.strankaDataUzivatele form table table td input[type=radio],
.strankaDataUzivatele form table table td label{
	cursor: pointer;
}

.strankaDataUzivatele form table table thead td,
.strankaDataUzivatele form table table .celkem{
	font-weight: bold;
}
.strankaDataUzivatele form table table .mnozstvi,
.strankaDataUzivatele form table table .sazbaDph,
.strankaDataUzivatele form table table .zaMnozstviVcetne{
	text-align: right;
	white-space: nowrap;
}
.strankaDataUzivatele form .yodesli{
	margin-top: 10px;
}
.strankaObjednano .panelObsah .vnitrek > p a {
	padding-bottom: 5px !important;
	font-size: 10px;
	line-height: 15px;
	text-decoration: none;
	display: inline-block;
}
.strankaDataUzivatele form .souhlasy input[name=souhlasOP] + label{}
.strankaDataUzivatele form .souhlasy input[name=souhlasGDPR] + label{}
.strankaDataUzivatele form .xodesli input[name=potvrdit].disabled{
	opacity: 0.5;
}
.strankaDataUzivatele *[id*=chybaCislo]{
	color: red;
	font-weight: bold;
	font-size: 12px;
}
@media only screen and (max-width:700px){
.strankaDataUzivatele form table,
.strankaDataUzivatele form table thead,
.strankaDataUzivatele form table tbody,
.strankaDataUzivatele form table tr,
.strankaDataUzivatele form table td:not(.zaMnozstviBez){
	display: block;
	float: left;
	width: 100%;
}
.strankaDataUzivatele form table .nadpis,
.strankaDataUzivatele form table .hodnota{
	padding-bottom: 15px;
}
.strankaDataUzivatele form table table td{
	line-height: 15px;
	padding: 0px 5px 0px 5px;
}
.strankaDataUzivatele form .modesli .hodnota input{
	min-width: 120px;
}
}
/* !data uzivatele */





/* print */
@media print{

    aside,
    header,
    footer,
    .navKonteiner,
    .posuvnyKonteiner,
    .prepinacStranek,
    .cookies,
    .souvisejici,
    .prodavaneSpolu,
    .pomocnaNavigace,
    .formularFiltry,
    .formularRazeni,
    .tlacitkoDalsiStrana,
    .levyPanel,
    .formularKoupit,
    .koupit
    {
        display: none !important;
    }

    body,
    main,
    .vnitrek,
    .panelObsah,
    .katalog,
    .detail,
    input[type=button],
    input[type=submit],
    h1,
    .obal,
    .obrazek,
    .pravyPanel
    {
        opacity: 1 !important;
        width: auto !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
        max-width: none !important;
    }
}
/* !print */





.letak{
	background: #ffffff;
	padding: 10px;
	text-align: center;
}

.info .komponentaSlozka .text p{
    border: 2px solid #823412;
    padding: 10px;
    background: gold;
    font-weight: bold;
    color: #823412;
    margin-bottom: 10px;
}