/*@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400,600,400italic,600italic&subset=latin,latin-ext");*/

/*@font-face {
    font-family: 'ProximaNova-Light';
    src: url("fonts/ProximaNova-Light.eot");
    src: url("fonts/ProximaNova-Light.eot?#iefix") format("embedded-opentype"), url("fonts/ProximaNova-Light.woff") format("woff"), url("fonts/ProximaNova-Light.ttf") format("truetype"), url("fonts/ProximaNova-Light.svg#ProximaNova-Light") format("svg");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Proxima-Bold';
    src: url("fonts/ProximaNova-Bold.eot");
    src: url("fonts/ProximaNova-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/ProximaNova-Bold.woff") format("woff"), url("fonts/ProximaNova-Bold.ttf") format("truetype"), url("fonts/ProximaNova-Bold.svg#ProximaNova-Bold") format("svg");
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: 'Proxima-Thin';
    src: url("fonts/ProximaNovaT-Thin.eot");
    src: url("fonts/ProximaNovaT-Thin.eot?#iefix") format("embedded-opentype"), url("fonts/ProximaNovaT-Thin.woff") format("woff"), url("fonts/ProximaNovaT-Thin.ttf") format("truetype"), url("fonts/ProximaNovaT-Thin.svg#ProximaNovaT-Thin") format("svg");
    font-weight: 100;
    font-style: normal
}

/*@font-face {
    font-family: 'Proxima-Medium';
    src: url("fonts/ProximaNova-Medium.eot");
    src: url("fonts/ProximaNova-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/ProximaNova-Medium.woff") format("woff"), url("fonts/ProximaNova-Medium.ttf") format("truetype"), url("fonts/ProximaNova-Medium.svg#ProximaNova-Medium") format("svg");
    font-weight: 500;
    font-style: normal
}*/

/*@font-face {
    font-family: 'Gotham Ultra';
    src: url("fonts/Gotham-UltraItalic.eot");
    src: url("fonts/Gotham-UltraItalic.eot?#iefix") format("embedded-opentype"),
         url("fonts/Gotham-UltraItalic.woff") format("woff"),
         url("fonts/Gotham-UltraItalic.ttf") format("truetype"),
         url("fonts/Gotham-UltraItalic.svg#Gotham-UltraItalic") format("svg");
    font-weight: normal;
    font-style: italic
}

@font-face {
    font-family: 'Gotham Ultra';
    src: url("fonts/Gotham-Ultra.eot");
    src: url("fonts/Gotham-Ultra.svg#Gotham-Ultra") format("svg"),
         url("fonts/Gotham-Ultra.eot?#iefix") format("embedded-opentype"),
         url("fonts/Gotham-Ultra.woff") format("woff"),
         url("fonts/Gotham-Ultra.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Gotham';
    src: url("fonts/Gotham-Black.eot");
    src: url("fonts/Gotham-Black.eot?#iefix") format("embedded-opentype"),
         url("fonts/Gotham-Black.woff") format("woff"),
         url("fonts/Gotham-Black.ttf") format("truetype"),
         url("fonts/Gotham-Black.svg#Gotham-Black") format("svg");
    font-weight: 900;
    font-style: normal
}*/

@font-face {
    font-family: 'Gotham';
    src: url("fonts/Gotham-Bold.eot");
    src: url("fonts/Gotham-Bold.eot?#iefix") format("embedded-opentype"),
         url("fonts/Gotham-Bold.woff") format("woff"),
         url("fonts/Gotham-Bold.ttf") format("truetype"),
         url("fonts/Gotham-Bold.svg#Gotham-Bold") format("svg");
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: 'Gotham';
    src: url("fonts/Gotham-Medium.eot");
    src: url("fonts/Gotham-Medium.eot?#iefix") format("embedded-opentype"),
         url("fonts/Gotham-Medium.woff") format("woff"),
         url("fonts/Gotham-Medium.ttf") format("truetype"),
         url("fonts/Gotham-Medium.svg#Gotham-Medium") format("svg");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'Gotham-Book';
    src: url("fonts/Gotham-Book.eot");
    src: url("fonts/Gotham-Book.eot?#iefix") format("embedded-opentype"),
         url("fonts/Gotham-Book.woff") format("woff"),
         url("fonts/Gotham-Book.ttf") format("truetype"),
         url("fonts/Gotham-Book.svg#Gotham-Book") format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Gotham';
    src: url("fonts/Gotham-Light.svg");
    src: url("fonts/Gotham-Light.svg#Gotham-Light") format("svg"),
         url("fonts/Gotham-Light.eot?#iefix") format("embedded-opentype"),
         url("fonts/Gotham-Light.woff") format("woff"),
         url("fonts/Gotham-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Gotham';
    src: url("fonts/Gotham-ExtraLight.eot");
    src: url("fonts/Gotham-ExtraLight.svg#Gotham-ExtraLight") format("svg"),
         url("fonts/Gotham-ExtraLight.eot?#iefix") format("embedded-opentype"),
         url("fonts/Gotham-ExtraLight.woff") format("woff"),
         url("fonts/Gotham-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: 'Gotham';
    src: url("fonts/Gotham-Thin.eot");
    src: url("fonts/Gotham-Thin.svg#Gotham-Thin") format("svg"),
         url("fonts/Gotham-Thin.eot?#iefix") format("embedded-opentype"),
         url("fonts/Gotham-Thin.woff") format("woff"),
         url("fonts/Gotham-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: 'Gotham';
    src: url("fonts/Gotham-ExtraLightItalic.eot");
    src: url("fonts/Gotham-ExtraLightItalic.eot?#iefix") format("embedded-opentype"),
         url("fonts/Gotham-ExtraLightItalic.woff") format("woff"),
         url("fonts/Gotham-ExtraLightItalic.ttf") format("truetype"),
         url("fonts/Gotham-ExtraLightItalic.svg#Gotham-ExtraLightItalic") format("svg");
    font-weight: 200;
    font-style: italic
}

@font-face {
    font-family: 'Gotham';
    src: url("fonts/Gotham-BlackItalic.eot");
    src: url("fonts/Gotham-BlackItalic.eot?#iefix") format("embedded-opentype"),
         url("fonts/Gotham-BlackItalic.woff") format("woff"),
         url("fonts/Gotham-BlackItalic.ttf") format("truetype"),
         url("fonts/Gotham-BlackItalic.svg#Gotham-BlackItalic") format("svg");
    font-weight: 900;
    font-style: italic
}

@font-face {
    font-family: 'Gotham';
    src: url("fonts/Gotham-ThinItalic.eot");
    src: url("fonts/Gotham-ThinItalic.eot?#iefix") format("embedded-opentype"),
         url("fonts/Gotham-ThinItalic.woff") format("woff"),
         url("fonts/Gotham-ThinItalic.ttf") format("truetype"),
         url("fonts/Gotham-ThinItalic.svg#Gotham-ThinItalic") format("svg");
    font-weight: 100;
    font-style: italic
}

@font-face {
    font-family: 'Gotham';
    src: url("fonts/Gotham-BookItalic.eot");
    src: url("fonts/Gotham-BookItalic.eot?#iefix") format("embedded-opentype"),
         url("fonts/Gotham-BookItalic.woff") format("woff"),
         url("fonts/Gotham-BookItalic.ttf") format("truetype"),
         url("fonts/Gotham-BookItalic.svg#Gotham-BookItalic") format("svg");
    font-weight: 400;
    font-style: italic
}




/*@font-face {
	font-family: 'proximaNovaReg';
	src: url('font/proxima_nova_reg-webfont.eot');
	src: url('font/proxima_nova_reg-webfont.eot?#iefix') format('embedded-opentype'),
		  url('font/proxima_nova_reg-webfont.woff') format('woff'),
		  url('font/proxima_nova_reg-webfont.ttf') format('truetype'),
		  url('font/proxima_nova_reg-webfont.svg#proximaNovaReg') format('svg');
	font-weight: normal;
	font-style: normal;
}*/
/*html {overflow:auto;}*/
body {
	padding: 0;
	margin: 0;
	/*font-family: 'Source Sans Pro', Calibri, Arial CE, Helvetica CE, Arial, Helvetica, sans-serif;*/
	font-family: 'Gotham', sans-serif;
	font-size: 16px; font-weight:300; /*font-weight:normal;*/ color:#000;
	/*-webkit-text-size-adjust:100%;*/
	
font-feature-settings: normal;
font-kerning: auto;
font-language-override: normal;
font-size: 16px;
font-size-adjust: none;
font-stretch: 100%;
font-style: normal;
font-variant: normal;
font-variant-alternates: normal;
font-variant-caps: normal;
font-variant-east-asian: normal;
font-variant-ligatures: normal;
font-variant-numeric: normal;
font-variant-position: normal;
	
	/*text-shadow: 1px 1px 1px rgba(0,0,0,0.504);*/
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
	/*color: #3D3C38;*/
	background-color: #FFF; /* puvodne - background-color: #E5E1DE;*/
  background-attachment: scroll;
	cursor: default;
}

noscript {display:block;height:1px;overflow:hidden; background-color:#1D1C17;}
noscript div{display:block!important;height:1px;overflow:hidden;background-color:#1D1C17;}
noscript div img{margin:0!important;}
div.analytics {height:1px;overflow:hidden;background-color:#1D1C17;}
body * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* FORMOVANI STRANKY ===================================================================================*/
#body{ /* Nastavuje prostor pro obsah odsazeny od vrchu, kde je pevne hlavicka. */
  position:relative; text-align:left; 
  padding-top:135px; /* zacatek az za hlavickou */
	margin-left: auto; margin-right: auto;
	width:100%; height: 100%;
	border:0px solid #F00;
}

/* HTML ================================================================================================*/

p {font-size: 16px; line-height:30px; font-weight:300; /*font-weight:normal;*/}
strong, .bold {font-weight:bold;}
.book {font-weight:400;}
.medium {font-weight:500;}
small {/*color: #66DFFF;*/ font-size: 90%;}
em {/*color: #444; font-size: 100%; *//*font-weight: normal;*/}
img {margin: 0px; padding: 0px; border:0px;}
h1, h2, h3, h4, h5 {display:block; color: #000; text-align:center;}
h1, .h1 {margin: 0px 0px 20px 0px; padding: 0px; color: #000; font-size:50px; font-weight:300; text-transform: uppercase; }
h2, .h2 {margin: 5px 0px 15px 0px; padding: 0px; font-size: 30px; font-weight: 300; text-transform: uppercase;}
h2.title {margin: 18px 0px 20px 0px; padding: 0px; font-size: 36px; font-weight: 300; text-transform: uppercase;}
h2.small {font-size: 24px;}

.prodejna h2, .prodejna h3 {text-align:left;}
.prodejna-notice {display:block; padding:14px 14px; margin:15px 0px; background:#000; color:#FFF; clear:both;}
.prodejna-box {position:relative; display:block; width:46%; padding: float:left; padding:15px; margin:15px 2%; border:solid 4px #DDD;}


#footer h2 {text-align:left;}

h3, h3 a {margin: 5px 0px 5px 0px; padding: 0px; font-size: 24px; font-weight: normal;}
/*h3.big {font-size: 29px;}
h3.bigger {font-size: 24px;}*/
h4 {margin: 0px 0px 0px 0px; padding: 0px; font-size: 20px; font-weight: normal;}
h5 {margin: 0px 0px 0px 0px; padding: 0px; font-size:110%; font-weight: normal;}
a, a:hover, a:active, a:visited, a:link, input, button {outline: 0!important;}
a:link 		{text-decoration: none; color: #030304; transition: all 0.5s; -webkit-transition: all 0.3s;}
a:visited {text-decoration: none; color: #030304;}
a:active 	{text-decoration: none; color: #030304;}
a:hover 	{text-decoration: underline; color: #000; text-decoration: underline;}
/*p {line-height: 1.4em;}*/

.page-image, video {display:block; margin:0;}
.text-intro, .subtitle {margin:5px 0px 40px 0px; font-size:20px; font-weight:500;}

/* MOBILE SETTINGS */


/* MOBILE SETTINGS */
@media all and (min-width: 861px) {
.desktop-hide {display:none!important;}
}
@media all and (max-width: 860px) {
.mobile-hide {display:none!important;}
}
@media all and (max-width: 640px) {
.mobile-small-hide {display:none!important;}
}
@media all and (max-width: 860px) {
body {font-size:16px;}
#body {padding-top:85px;}
h1, .h1 {font-size:40px;}
#footer h2 {text-align:center;}
/*#footer a {color:#FFF;}*/
.text-intro, .subtitle {margin:5px 0px 25px 0px; font-size:18px; font-weight:500;}
.mob-center {text-align:center!important;}
.mob-centered{display:block; margin-left:auto!important; margin-right:auto!important;}

}
@media (max-width: 540px) {
    body {font-size:17px !important;}
}


/*#information a{color:#000!important; text-decoration:none!important; transition: all 0.5s; -webkit-transition: all 0.3s;}
#information a:hover{color:#999!important;}*/

/*.link-white {color: #FFFFFF; font-weight:bold;}
.link-white:link 		{text-decoration: none; color: #FFFFFF;}
.link-white:visited {text-decoration: none; color: #FFFFFF;}
.link-white:active 	{text-decoration: none; color: #FFFFFF;}
.link-white:hover 	{text-decoration: none; color: #FFFFFF; text-decoration: underline;}

.link-over {display:block; position:absolute; left:0; top:0; width:100%; height:100%;}*/
/*a.link {display:inline-block!important; color:#FFF; min-width:70px; min-height:32px; padding:15px 50px 5px 10px; margin:20px 0px; font-size:18px; text-align:left; text-decoration:none; 
  background-image: url('link.png'); 
  background-position: right center; 
  background-repeat: no-repeat; 
  clear:both; }*/

/*a.linkmore {display:inline-block!important; color:#80252C; min-width:70px; min-height:32px; padding:15px 50px 5px 10px; margin:20px 0px; font-size:18px; text-align:left; text-decoration:none; 
  background-image: url('intro-bt-out.png'); 
  background-position: right center; 
  background-repeat: no-repeat; 
  clear:both; }
a.linkmore:hover {background-image: url('intro-bt-over.png'); text-decoration:none; }

.linkblock {display:block; width:150px; min-width:100px; height:15px; clear:both; margin-bottom:10px; padding:10px 45px 10px 0px; font-size:18px; text-align:left; text-decoration:none; background: url('link-out.png') center right no-repeat;}
.linkblock:hover {background: url('link-over.png') center right no-repeat; text-decoration:none; }
*/
/*.border-radius, #detail-pdf a, #detail-pdf a.eshop, #banners-focus .banner-left .link, a.pdf {
    display:block;
    background-color:#80252C;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}*/

/*a.link, div.link {
  display:inline-block; color:#80252C; min-width:70px; min-height:24px; padding:10px 50px 4px 10px; margin:20px 0px; font-size:16px; font-weight:500; text-align:left; text-transform:uppercase; text-decoration:none!important; clear:both; 
  background:  url('link-out.png') right center no-repeat #CACACA;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 0px 8px 1px rgba(57,50,45,0.35);
  -moz-box-shadow: 0px 0px 8px 1px rgba(57,50,45,0.35);
  box-shadow: 0px 0px 8px 0px rgba(57,50,45,0.35);
  margin-left:8px;
  border:solid 1px #CACACA;
}
a.link:hover, div.link:hover {background:  url('link-over.png') right center no-repeat #BABABA;  }
a.linkakce {position:absolute; top:495px; right:5px;}

a.link-lightblue { height:42px; font-weight:bold; background: url('link-out-lightblue.png') right center no-repeat #51BCBF!important; color:#FFF; border:solid 1px #51BCBF;}
a.link-lightblue:hover { background: url('link-over-lightblue.png') right center no-repeat #09929B!important; color:#FFF; border:solid 1px #51BCBF;}


a.linkback {
  display:inline-block!important; color:#80252C; min-width:80px; min-height:24px; padding:12px 10px 4px 10px; margin:20px 0px; font-size:16px; font-weight:500; text-align:center; text-transform:uppercase; text-decoration:none!important; clear:both; 
  background:  url('link-out.png') left center no-repeat #CACACA;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 0px 8px 1px rgba(57,50,45,0.35);
  -moz-box-shadow: 0px 0px 8px 1px rgba(57,50,45,0.35);
  box-shadow: 0px 0px 8px 0px rgba(57,50,45,0.35);
  margin-left:8px;
  border:solid 1px #CACACA;
}
a.linkback:hover {background:  url('link-over.png') left center no-repeat #BABABA;  }
*/

/* tlačítka - původní */
.button-white {position:relative; display:block; /*top:180px; left:50%;*/ width:320px; height:44px; padding:13px 0; margin-bottom:15px!important; border:solid 1px #FFF; text-align:center; font-size:16px; font-weight:500; color:#FFF!important; text-decoration:none; text-transform:uppercase; z-index:1; box-sizing:border-box; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; /*-webkit-transform: translateX(-50%); transform: translateX(-50%);*/ cursor:pointer; cursor:hand;}
.button-white:before {content:""; position:absolute; display:inline-block; top:50%; left:50%; width:72%; height:100%; opacity:0; background:#FFF; z-index:-1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translate(-50%,-50%); transform: translate(-50%, -50%);}
.button-white:hover {color:#000!important; text-decoration:none; z-index:1;}
.button-white:hover:before {width:100%; height:100%; opacity:1;}

.button-black {position:relative; display:block; /*top:180px; left:50%;*/ width:320px; min-height:44px; padding:13px 0; margin-bottom:15px!important; border:solid 1px #000; text-align:center; font-size:16px; font-weight:500; color:#000; text-decoration:none; text-transform:uppercase; z-index:1; box-sizing:border-box; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; /*-webkit-transform: translateX(-50%); transform: translateX(-50%);*/ cursor:pointer; cursor:hand;}
.button-black:before {content:""; position:absolute; display:inline-block; top:50%; left:50%; width:72%; height:100%; opacity:0; background:#000; z-index:-1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translate(-50%,-50%); transform: translate(-50%, -50%);}
.button-black:hover {color:#FFF; text-decoration:none; z-index:1;}
.button-black:hover:before {width:100%; height:100%; opacity:1;}

.button-white2 {position:relative; display:block; /*top:180px; left:50%;*/ width:320px; height:44px; padding:13px 0; margin-bottom:15px!important; border:solid 1px #FFF; text-align:center; font-size:16px; font-weight:500; color:#FFF!important; text-decoration:none; text-transform:uppercase; z-index:1; box-sizing:border-box; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; /*-webkit-transform: translateX(-50%); transform: translateX(-50%);*/ cursor:pointer; cursor:hand;}
.button-white2:before {content:""; position:absolute; display:inline-block; top:50%; left:50%; width:72%; height:100%; opacity:0; background:#000; z-index:-1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translate(-50%,-50%); transform: translate(-50%, -50%);}
.button-white2:hover {color:#FFF!important; border:solid 1px #000; text-decoration:none; z-index:1;}
.button-white2:hover:before {width:100%; height:100%; opacity:1;}

.button-fullblack {position:relative; display:block; /*top:180px; left:50%;*/ width:320px; height:44px; padding:13px 0; margin-bottom:15px!important; border:solid 1px #000; background:#000; text-align:center; font-size:16px; font-weight:500; color:#FFF!important; text-decoration:none; text-transform:uppercase; z-index:1; box-sizing:border-box; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; /*-webkit-transform: translateX(-50%); transform: translateX(-50%);*/ cursor:pointer; cursor:hand; box-shadow:0 0 18px rgba(225,225,255, 0.15);}
.button-fullblack:before {content:""; position:absolute; display:inline-block; top:50%; left:50%; width:72%; height:100%; opacity:0; background:#FFF; z-index:-1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translate(-50%,-50%); transform: translate(-50%, -50%);}
.button-fullblack:hover {color:#000!important; text-decoration:none; z-index:1;}
.button-fullblack:hover:before {width:100%; height:100%; opacity:1;}

.button-fullblack-bigger {position:relative; display:block; /*top:180px; left:50%;*/ width:320px; height:60px; padding:18px 0; margin-bottom:15px!important; border:solid 1px #000; background:#000; text-align:center; font-size:20px; font-weight:500; color:#FFF!important; text-decoration:none; text-transform:uppercase; z-index:1; box-sizing:border-box; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; /*-webkit-transform: translateX(-50%); transform: translateX(-50%);*/ cursor:pointer; cursor:hand; box-shadow:0 0 18px rgba(225,225,255, 0.15);}
.button-fullblack-bigger:before {content:""; position:absolute; display:inline-block; top:50%; left:50%; width:72%; height:100%; opacity:0; background:#FFF; z-index:-1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translate(-50%,-50%); transform: translate(-50%, -50%);}
.button-fullblack-bigger:hover {color:#000!important; text-decoration:none; z-index:1;}
.button-fullblack-bigger:hover:before {width:100%; height:100%; opacity:1;}


/* tlačítka větší pro úvod */
.bigbutton-white2 {position:relative; display:block; /*top:180px; left:50%;*/ width:260px; height:54px; padding:15px 0; margin-bottom:15px!important; border:solid 1px #FFF; text-align:center; font-size:18px; font-weight:500; color:#FFF!important; text-decoration:none; text-transform:uppercase; z-index:1; box-sizing:border-box; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; /*-webkit-transform: translateX(-50%); transform: translateX(-50%);*/ cursor:pointer; cursor:hand;}
.bigbutton-white2:before {content:""; position:absolute; display:inline-block; top:50%; left:50%; width:72%; height:100%; opacity:0; background:#000; z-index:-1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translate(-50%,-50%); transform: translate(-50%, -50%);}
.bigbutton-white2:hover {color:#FFF!important; border:solid 1px #000; text-decoration:none; z-index:1;}
.bigbutton-white2:hover:before {width:100%; height:100%; opacity:1;}

.bigbutton-black {position:relative; display:block; /*top:180px; left:50%;*/ width:260px; height:54px; padding:15px 0; margin-bottom:15px!important; border:solid 1px #000; text-align:center; font-size:18px; font-weight:500; color:#000; text-decoration:none; text-transform:uppercase; z-index:1; box-sizing:border-box; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; /*-webkit-transform: translateX(-50%); transform: translateX(-50%);*/ cursor:pointer; cursor:hand;}
.bigbutton-black:before {content:""; position:absolute; display:inline-block; top:50%; left:50%; width:72%; height:100%; opacity:0; background:#000; z-index:-1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translate(-50%,-50%); transform: translate(-50%, -50%);}
.bigbutton-black:hover {color:#FFF; text-decoration:none; z-index:1;}
.bigbutton-black:hover:before {width:100%; height:100%; opacity:1;}

.bigbutton-fullblack {position:relative; display:block; /*top:180px; left:50%;*/ width:260px; height:54px; padding:15px 0; margin-bottom:15px!important; border:solid 1px #000; background:#000; text-align:center; font-size:18px; font-weight:500; color:#FFF!important; text-decoration:none; text-transform:uppercase; z-index:1; box-sizing:border-box; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; /*-webkit-transform: translateX(-50%); transform: translateX(-50%);*/ cursor:pointer; cursor:hand; box-shadow:0 0 18px rgba(225,225,255, 0.15);}
.bigbutton-fullblack:before {content:""; position:absolute; display:inline-block; top:50%; left:50%; width:72%; height:100%; opacity:0; background:#FFF; z-index:-1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translate(-50%,-50%); transform: translate(-50%, -50%);}
.bigbutton-fullblack:hover {color:#000!important; text-decoration:none; z-index:ÿ}
.bigbutton-fullblack:hover:before {width:100%; height:100%; opacity:1;}

.button-christmas {box-shadow:0 0 18px rgba(253,254,180, 0.15);}



/* vypnuti stranek / covid-19 */
#blankpage {display:block;position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999999; background-color:rgba(255,255,255,0.85);}
#blankpage .content{position:absolute;top:0;left:0;width:100%;height:100%;/*min-height:900px;*/margin:0;padding:0;}
#blankpage .info{position:absolute;top:15%;left:50%;width:50%;max-width:500px;min-height:40px;margin:0;padding:30px 30px;background:#FFF center top no-repeat;border:solid #900 2px;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
#blankpage .close{position:absolute;top:20px;right:20px;width:40px;height:40px;background:url(close.png) center center no-repeat;cursor:pointer;cursor:hand;}
#blankpage .info span.telefony, .telefony span.telefony{display:inline-block; width:230px; height:float:left; font-weight:bold;}


#callus {display:block;position:fixed;right:20px;bottom:20px;width:260px;height:46px; padding:12px 10px 0 50px; white-space:nowrap; font-weight:bold; z-index:9999999; background: url('callus.png') 5px 8px no-repeat; background-color:rgba(255,255,255,0.85); box-sizing:border-box; box-shadow:0px 0px 20px #999999; -webkit-box-shadow:0px 0px 20px #999999; border-radius:6px; cursor:pointer;cursor:hand;}





ul { list-style: none; margin:0px; padding:0px;}
li { margin:0px; padding: 0px 0px 5px 14px; /*margin: 10px, 0px, 14px, 0px; padding: 0px 0px 0px 12px;*/ background: url('li.png') 1px 2px no-repeat;}
li.big { margin:0px; padding: 0px 0px 5px 14px; /*margin: 10px, 0px, 14px, 0px; padding: 0px 0px 0px 12px;*/ background: url('li.png') 1px 8px no-repeat;}
ul.line li { margin:0px; padding: 0px 0px 5px 16px; /*margin: 10px, 0px, 14px, 0px; padding: 0px 0px 0px 12px;*/ background: url('li-line.png') 1px 2px no-repeat;}


sup {font-weight:both; font-size: 60%;}
object {clear:both;}

hr {color: #DBDAD0; width: 100%; height: 1px; line-height: 1px; border: 0px; background-color: #DBDAD0; clear:both;}
.hr { width:100%; height:20px; clear:both; margin:5px 0px; /*background: url('delic.png') top center no-repeat;*/ }
hr.line { width:100%; height:1px; border-top:solid 1px #000; /*clear:both;*/ margin:7px 0px; background:none;  }
.hrbig{ width:100%; height:30px; clear:both; margin:7px 0px; /*background: url('delic.png') top center no-repeat;*/ }

.akcetext {font-size: 110%;}
.akcetext2 {font-size: 130%; color: #330000;	font-weight: bold;}
.priceblack {display:inline-block; padding:7px 12px; background:#000; color:#FFF; font-weight: bold; font-size:20px;}

#akce-postele img {margin-left:-50px;}
/* vyprodej - cenovka */
/*
.cenovka .off{ position:absolute; top:5px; display:block; width:60px; height:34px; padding-left:10px; color:#FFF; font-size:16px; text-align:left; line-height:130%;}
.cenovka .off strong{ color:#FFF; font-size:24px;}
.cenovka .old {position:relative; color:#958C7E; font-size:13px; float:right; margin-top:-3px; clear:both;}
.cenovka .old strong{color:#958C7E; font-size:15px; font-weight:bold!important; padding-left:8px;}
.cenovka .new {position:relative; color:#990000; font-size:18px; float:right; clear:both;}
.cenovka .new strong{color:#990000; font-size:23px; font-weight:bold!important; padding-left:8px;}*/


.image-model {background:rgba(0,0,0,0.90); color:white; width:100%; max-width:320px; padding:10px 30px;}
@media all and (min-width: 861px) { 
  .image-model {position:absolute; right:40px; bottom:40px;}
}
@media all and (max-width: 860px) { 
  .image-model {position:relative; max-width:initial;}
}


#akce {position:relative;}
#akce .bigger{margin:0px; padding:0px 5px;} /* pro ceny */
#akce .revive{position:absolute; left:330px; top:55px; width:620px; margin:0px; padding:0px 5px;} /* pro ceny */
#akce .revive-title{position:absolute; left:330px; top:0px; width:550px; margin:0px; padding:0px 5px;} /* pro ceny */
#akce .revive-cena{position:absolute; right:0px; top:250px; margin:0px; padding:0px 5px;} /* pro ceny */
#akce .revive-datum{position:absolute; right:0px; top:350px; text-align:right; margin:0px; padding:0px 5px;} /* pro ceny */

#akce .overtext, .overtext { position:absolute; top:20px; width:100%; font-weight:light; /*text-transform: uppercase;*/ letter-spacing:1px;/*padding:0px 30px 0px 160px;*/ /* right:0px;width:620px; font-size:30px;*/ color:#FFF; /*text-align:center;*/}
#akce .textshadow, .textshadow { text-shadow:0px 0px 20px #04C}
.akce-bg {position:relative; /*background-image:url('../akce/2024-05-onadnes-bg.jpg');*/ background-size: 100% 100%; background-repeat:no-repeat; background-position: left top;}
.akce-bg::before {content:""; position:absolute; left:-20px; top:-20px; width:calc(100% + 20px); height:calc(100% + 20px); background:#919f9b; /*background:#f1c2d1;*/ opacity:0.5; z-index:-1;}
.akce-bg::after {content:""; position:absolute; left:0px; top:0px; width:calc(100% + 20px); height:calc(100% + 20px); background:#919f9b; /*background:#f1c2d1;*/ opacity:0.5; z-index:-1;}
.akce-bg-buymore {/*background-image:url('../akce/2023-05-buymore-bg.jpg');*/ /*background-color:#faf4e3;*/ background-color:#919f9b; background-size: 100% 100%; background-repeat:no-repeat; background-position: left top;}




/* Shopping Fever  */
/*.button-white {position:absolute; display:block; bottom:35px; left:50%; width:320px; height:50px; padding:12px 0; border:solid 1px #FFF; text-align:center; font-size:18px; color:#FFF; z-index:10; box-sizing:border-box; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; -webkit-transform: translateX(-50%); transform: translateX(-50%); cursor:pointer; cursor:hand;}
.button-white:before {content:""; position:absolute; display:inline-block; top:50%; left:50%; width:72%; height:90%; opacity:0; background:#FFF; z-index:-1; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; -webkit-transform: translate(-50%,-50%); transform: translate(-50%, -50%);}
.button-white:hover {color:#000;}
.button-white:hover:before {width:100%; height:100%; opacity:1;}*/

/* showmodel - design available */
/*.showmodel{position:relative; width:100%; height:440px; padding:0px; margin:0px; margin-bottom:25px; overflow:hidden; text-align:left; text-decoration:none!important; background:none; border: solid #FF77FF 0px; box-sizing:border-box;}*/
h1.showmodel-title { width:auto; /*min-height:180px;*/ /*padding-top:22px;*/ margin:0; padding:0; margin-top:40px; border: solid #E0CB9C 0px; /*font-size:26px;*/ line-height:60%; /*letter-spacing:1px;*/ text-align:center; text-transform:uppercase; /*color:#FFF;*/ z-index:126;}
h1.showmodel-title::first-line {  /*min-height:180px;*/ border: solid #E0CB9C 0px; font-size:40%; line-height:240%; text-align:center;/*letter-spacing:1px;*/}
h1.showmodel-title span {  display:inline-block; /*min-height:180px;*/ margin-top:-18px; border: solid #E0CB9C 0px; font-size:40%; line-height:100%;  text-align:center;/*letter-spacing:1px;*/}

.showmodel .textbg { position:absolute; display:block; left:0; top:0; width:100%; min-height:180px; padding-top:22px; margin:0px; border: solid #E0CB9C 0px; font-size:24px; background:url('showmodel-span-bg.png') top center repeat-x; z-index:3;}
.showmodel .text { position:absolute; display:inline-block; min-width:60%; white-space:nowrap; left:50%; top:0; width:auto; /*min-height:180px;*/ padding-top:12px; margin:0px; border: solid #E0CB9C 0px; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index:127;}
.showmodel h2 { width:auto; /*min-height:180px;*/ /*padding-top:22px;*/ margin:0!important; padding:0!important; border: solid #E0CB9C 0px; font-size:26px; line-height:26px; /*letter-spacing:1px;*/ text-align:center; text-transform:uppercase; color:#FFF; z-index:126;}
.showmodel h2::first-line {  /*min-height:180px;*/ border: solid #E0CB9C 0px; font-size:14px; text-align:center;/*letter-spacing:1px;*/}
.showmodel h2 span {  display:inline-block; /*min-height:180px;*/ margin-top:-18px; border: solid #E0CB9C 0px; font-size:14px; line-height:14px;  text-align:center;/*letter-spacing:1px;*/}

.showmodel span { width:auto; /*min-height:180px;*/ /*padding-top:22px;*/ margin:0px; border: solid #E0CB9C 0px; font-size:24px; /*letter-spacing:1px;*/ text-align:center; text-transform:uppercase; color:#FFF; z-index:126;}
.showmodel span.nav, .showmodel .content, .showmodel .images { display:none;}
.showmodel .sleva { width:100%; /*min-height:180px;*/ margin:0px; border: solid #E0CB9C 0px; font-size:18px; letter-spacing:1px; text-align:right; text-transform:uppercase; color:#FFF; z-index:126;}
.showmodel img{position:absolute; display:block; top:50%; left:50%; width:100%; /*z-index:0;*/ -webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); -webkit-transition: all 1.0s ease-in-out; transition: all 1.0s ease-in-out;}


/*@media all and (max-width: 960px) {
.showmodel img{width:112%;}
}
@media all and (max-width: 860px) {
.showmodel{width:100%; height:auto;}
.showmodel img{position:relative; display:block; top:0; left:0; -webkit-transform:translate(0%,0%);transform:translate(0%,0%); -webkit-transition: all 1.0s ease-in-out; transition: all 1.0s ease-in-out;}
}*/

/* showmodel - ztmavnutí */
.showmodel:before{
    content:"";
    position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:2;
    padding:0px; margin:0px;
    background:url('showmodel-bg.png') top center repeat;
    opacity:0;
    -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;
}
.showmodel:hover:before{
    content:"";
    position:absolute; top:0px; left:0px; width:100%; height:100%;
    padding:0px; margin:0px;
    background:url('showmodel-bg.png') top center repeat;
    opacity:0.70;
}
/* showmodel- tlačítko */
.showmodel .button-white{opacity:0.0; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}
.showmodel:hover .button-white{opacity:1.0;}

.showmodel .button-white {position:absolute; display:block; top:60%; left:50%; width:256px; height:40px; padding:12px 0; border:solid 1px #FFF; text-align:center; font-size:15px; color:#FFF; text-decoration:none; z-index:4; box-sizing:border-box; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); cursor:pointer; cursor:hand;}
.showmodel .button-white:before {content:""; position:absolute; display:inline-block; top:50%; left:50%; width:72%; height:90%; opacity:0; background:#FFF; z-index:-1; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; -webkit-transform: translate(-50%,-50%); transform: translate(-50%, -50%);}
.showmodel .button-white:hover {color:#000;text-decoration:none;}
.showmodel .button-white:hover:before {width:100%; height:100%; opacity:1;}
/* showmodel - link */
.showmodel>.linkmore { position:absolute; top:0px; right:0px; z-index:4; display:block; width:100%; height:100%; margin:0px; background:none!important;}

/* showmodel gallery */
.showmodel-box {position:relative; width:100%; height:auto; margin: 0px auto;overflow:hidden;}
.showmodel-box .showmodel {position:relative; width:calc(33.3333% - 8px); padding-bottom:20%; height:0; margin-left:12px; margin-bottom:12px; float:left; background:#666666; overflow:hidden;/*border-bottom:solid 1px #DEDEDE;*/ /*clear:both;*/}
.showmodel-box.col3 .showmodel {width:calc(33.3333% - 8px); /*width:33%;*/ /*height:initial; aspect-ratio:1.7;*/ padding-bottom:20%; margin-left:12px;}
.showmodel-box.col3 .showmodel:nth-child(3n+1) {margin-left:0px;}
.showmodel-box.col2 .showmodel {width:calc(50% - 6px); padding-bottom:30%; margin-left:12px;}
.showmodel-box.col2 .showmodel:nth-child(2n+1) {margin-left:0px;}
.showmodel-box.col1 .showmodel {width:100%; padding-bottom:60%; margin-left:0px;}

.showmodel-box .showmodel img{position:absolute; display:block; top:50%; left:50%; width:112%; -webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; filter: brightness(100%);}
.showmodel-box .showmodel:hover img{width:100%; filter: brightness(50%);}

/*.showmodel-box .showmodel .button-white {transform:scale(0.75);} */

/*
.news-box .news a {position:absolute; top:0px; left:0px; display:block; width:100%; height:100%; text-decoration:none!important; z-index:5;}
.news-box .news .newstext {position:relative; width:100%; height:100%; padding:35px; padding-top:95px; text-align:center; z-index:2!important; opacity:0; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; transform:scale(1.2);}
.news-box .news:hover .newstext {opacity:1; transform:scale(1);}
.news-box .news .newstext h3{margin:0; clear:both; color:#FFF; font-size:18px; margin:0px;  text-transform:uppercase;}
.news-box .news .newstext p{margin-top:8px!important; color:#FFF;}
.news-box .news .newstext span{display:block;position:absolute; bottom:25px; margin:0 auto; width:90%; font-size:12px!important;  text-align:center; color:#FFF;}
*/
/*
.news-box .news img{position:absolute; display:block; top:50%; left:50%; width:112%; -webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; filter: brightness(100%);}
.news-box .news:hover img{width:100%; filter: brightness(50%);}
.news-box.no-darkness .news img{filter:none!important;}

.news-box .news .newsbutton{position:absolute; display:block; opacity:0; top:20%; left:50%; width:38px; height:38px; border:solid 0px #FFF; padding:12px; color:#FFF; text-align:center; text-transform:uppercase; background:url(open-link-white.png) center center no-repeat; background-size:cover; z-index:4; -webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;}
.news-box .news .newsbutton-black{position:absolute; display:block; opacity:0; top:70%; left:50%; width:120px; height:40px; border:solid 1px #000; padding:12px; color:#000; text-align:center; text-transform:uppercase; z-index:4; -webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;}
.news-box .news:hover .newsbutton, .news-box .news:hover .newsbutton-black{opacity:1; width:31px; height:31px;}
*/
/*@media all and (max-width: 860px) {
.showmodel{width:100%; height:auto;}
.showmodel img{position:relative; display:block; top:0; left:0; -webkit-transform:translate(0%,0%);transform:translate(0%,0%); -webkit-transition: all 1.0s ease-in-out; transition: all 1.0s ease-in-out;}
}*/

@media all and (max-width: 1360px) {
.showmodel-box.col3 .showmodel:nth-child(3n+1) {margin-left:12px;}
.showmodel-box.col3 .showmodel {width:calc(50% - 6px); padding-bottom:30%; margin-left:12px;}
.showmodel-box.col3 .showmodel:nth-child(2n+1) {margin-left:0px;}
}
@media all and (max-width: 960px) {
.showmodel-box .showmodel img{width:112%;}
}
@media all and (max-width: 900px) {
.showmodel-box .showmodel img{width:120%;}
.showmodel-box .showmodel:hover img{width:108%;}
}
@media all and (max-width: 800px) {
.showmodel-box.col3 .showmodel {width:100%; padding-bottom:60%; margin-left:0px;}
/*.showmodel-box.col3 .showmodel img{position:relative; display:block; top:0; left:0; -webkit-transform:translate(0%,0%);transform:translate(0%,0%); -webkit-transition: all 1.0s ease-in-out; transition: all 1.0s ease-in-out;}*/
.showmodel-box.col2 .showmodel {width:100%; padding-bottom:60%; margin-left:0px;}
.showmodel-box.col2 .showmodel img{position:relative; display:block; top:0; left:0; -webkit-transform:translate(0%,0%);transform:translate(0%,0%); -webkit-transition: all 1.0s ease-in-out; transition: all 1.0s ease-in-out;}
.showmodel-box.col1 .showmodel {width:100%; padding-bottom:60%; margin-left:0px;}
.showmodel-box.col1 .showmodel img{position:relative; display:block; top:0; left:0; -webkit-transform:translate(0%,0%);transform:translate(0%,0%); -webkit-transition: all 1.0s ease-in-out; transition: all 1.0s ease-in-out;}
}





#akce .images4 {width:100%; padding:20px 0;}
#akce .images4 a{float:left; width:23%; padding:0 1%;}
#akce .images4 a img{width:100%;}

.img-text {padding:25px;font-size:130%;color:#FFF; text-shadow:0px 0px 12px #000;}
.img-text2 {padding:25px;font-size:130%;color:#FFF;}

/* need JS imagetags*/
.image-tags {position:relative;}
.image-tags img{}
.image-tags a{position:absolute;white-space:nowrap;color:#FFF;font-size:18px;text-decoration:none!important;cursor:pointer; letter-spacing:1px; text-align:center; text-transform:uppercase; opacity:1.0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
/*.image-tags a span{display:inline-block; white-space:nowrap; padding:2px 6px; background:#990000; color:#FFF; font-size:18px; font-weight:bold;}*/
.image-tags a:hover{opacity:0.7;}


/* Pomocne definice formatovani */
.relative {position:relative;}
.absolute {position:absolute;}
.top {top:0px;}
.bottom {bottom:0px;}
.right {right:0px;}
.clear-both {clear:both;}

.akce-h1 {width:100%; padding:40px 20px; margin:0px; font-size:300%; text-align:center!important; font-weight:bold;}
.akce-h2 {width:920px; padding:10px 20px; margin:0px; background:url('akce/h2-bg.png')}
.akce-specs {display:none;padding:12px 16px; background:#EEEEE9;line-height:150%;}
.akce-margin-correction {margin-top:-12px;}

.noall{margin:0;padding:0;border:0;}
.block {display:block;}
.inline {display:inline;}
.inline-block {display:inline-block!important;}
.bold {font-weight:bold; }
.semibold {font-weight:500;}
.normal {font-weight:300;}
.normal{font-weight:normal;}
.lbig {font-size: 110%;}
.big {font-size: 120%;}
.bigbold {font-size: 120%; /*font-weight: bold;*/ }
.bigger-red {font-size: 120%;	font-weight: bold; color: #CC0000!important;}
.bigger {/*font-size:140px;*/font-size: 140%; /*color: #444;*/ /*font-weight: bold;*/}
.biggermore {font-size: 170%; /*color: #444;*/ /*font-weight: bold;*/}
.superbig {font-size:180%;  line-height:130%;}
.superbigger {font-size: 220%; line-height:110%;}
.mega {font-size: 250%;line-height:125%;}
.megabig {font-size: 280%; line-height:1.2;}
.megabigger {font-size: 360%;}
.ultrabig {display:inline-block; font-size: 420%; margin-top:-15px;}
.ultrabigger {display:inline-block; font-size: 480%; margin-top:-15px;}
.small {font-size: 85%;}
.smaller {font-size: 70%;}
.smallermore {font-size: 65%;}
.supersmaller {font-size: 50%;}
.lineheight-0 {line-height:80%;}
.nowrap {white-space:nowrap;}
.nounderline {text-decoration:none!important;}
.underline {text-decoration:underline!important;}
.uppercase {text-transform:uppercase!important;}
.lowercase {text-transform:lowercase!important;}
.initialcase {text-transform:initial!important;}

.box-shadow {box-shadow:0px 0px 25px #C7C3C1;}
.showborder {border:solid 1px #F80!important;}

.font-size18px {font-size:18px;}

.size120 {font-size: 120%!important;}
.size140 {font-size: 140%!important;}
.size160 {font-size: 160%!important;}
.size180 {font-size: 180%!important;}
.size200 {font-size: 200%!important;}
.size220 {font-size: 220%!important;}
.size240 {font-size: 240%!important;}
.size260 {font-size: 260%!important;}

.noline {text-decoration:none!important;}
.bg-red { display:block; background-color:#A00; width:230px; color: #FFF; padding:7px 10px;}
.bg-black { position:relative; display:inline-block; background-color:#000; /*min-width:230px;*/ color: #FFF; padding:7px 10px;}

.wauto {width:auto!important;}
.w10px { width:10px!important;}
.w20px { width:20px!important;}
.w50px { width:50px!important;}
.w75px { width:75px!important;}
.w80px { width:80px!important;}
.w100px { width:100px!important;}
.w120px { width:120px!important;}
.w140px { width:140px!important;}
.w150px { width:150px!important;}
.w160px { width:160px!important;}
.w180px { width:180px!important;}
.w200px { width:200px!important;}
.w230px { width:230px!important;}
.w250px { width:250px!important;}
.w260px { width:260px!important;}
.w270px { width:270px!important;}
.w280px { width:280px!important;}
.w300px { width:300px!important;}
.w310px { width:310px!important;}
.w320px { width:320px!important;}
.w330px { width:330px!important;}
.w340px { width:340px!important;}
.w360px { width:360px!important;}
.w370px { width:370px!important;}
.w380px { width:380px!important;}
.w390px { width:390px!important;}
.w400px { width:400px!important;}
.w420px { width:420px!important;}
.w460px { width:460px!important;}
.w480px { width:480px!important;}
.w500px { width:500px!important;}
.w550px { width:550px!important;}
.w600px { width:600px!important;}
.w650px { width:650px!important;}
.w740px { width:740px!important;}
.w860px { width:860px!important;}
.w900px { width:900px!important;}
.w960px { width:960px!important;}


.max90 { max-width:90%!important;}
.max100 { max-width:100%!important;}
.max200 { max-width:200%!important;}
.max242px { max-width:242px!important;}
.max340px { max-width:340px!important;}
.max350px { max-width:350px!important;}
.max450px { max-width:450px!important;}
.max480px { max-width:480px!important;}
.max500px { max-width:500px!important;}
.max600px { max-width:600px!important;}
.max640px { max-width:640px!important;}
.max680px { max-width:680px!important;}
.max700px { max-width:700px!important;}
.max770px { max-width:770px!important;}
.max800px { max-width:800px!important;}
.max900px { max-width:900px!important;}
.max960px { max-width:960px!important;}
.max1000px { max-width:1000px!important;}
.max1200px { max-width:1200px!important;}
.max1400px { max-width:1400px!important;}
.max1920px { max-width:1920px!important;}

.min150px { min-width:150px!important;}
.min180px { min-width:180px!important;}
.min200px { min-width:200px!important;}
.min250px { min-width:250px!important;}
.min300px { min-width:300px!important;}

.h20px { height:20px;}
.h30px { height:30px;}
.h40px { height:40px;}
.h50px { height:50px;}
.h60px { height:60px;}
.h65px { height:65px;}
.h70px { height:70px;}
.h80px { height:80px;}
.h90px { height:90px;}
.h100px { height:100px;}
.h120px { height:120px;}
.h130px { height:130px;}
.h150px { height:150px;}
.h260px { height:260px;}
.h280px { height:280px;}
.h400px { height:400px;}
.h675px { height:600px;}
.h720px { height:720px;}


/* procenta */
.w100 {width:100%;}
.w95 {width:95%;}
.w90 {width:90%;}
.w85 {width:85%;}
.w80 {width:80%;}
.w75 {width:75%;}
.w70 {width:70%;}
.w66 {width:66.666666%;}
.w65 {width:65%;}
.w62 {width:62%;}
.w60 {width:60%;}
.w55 {width:55%;}
.w54 {width:54%;}
.w50 {width:50%;}
.w48 {width:48%;}
.w45 {width:45%;}
.w40 {width:40%;}
.w38 {width:38%;}
.w35 {width:35%;}
.w33 {width:33.333333%;}
.w30 {width:30%;}
.w29 {width:29%;}
.w27 {width:27%;}
.w25 {width:25%;}
.w20 {width:20%;}
.w252 {width:23%;margin-right:2%;}
.w254 {width:21%;margin-right:4%;}
.w304 {width:26%;margin-right:4%;}
.w334 {width:29.33%;margin-right:4%;}
.w404 {width:36%;margin-right:4%;}
.w454 {width:41%;margin-right:4%;}
.w504 {width:46%;margin-right:4%;}
.w604 {width:56%;margin-right:4%;}
.w664 {width:61.66%;margin-right:4%;}
.w704 {width:66%;margin-right:4%;}
.w754 {width:71%;margin-right:4%;}

.w50i {width:50%!important;}
.w90i {width:90%!important;}
.w84i {width:84%!important;}
.w80i {width:80%!important;}


.mb40 {margin-bottom:40px!important;}
.w50l-20m {width:calc(50% - 20px); margin-right:20px; float:left;}
.w50r-20m {width:calc(50% - 20px); margin-left:20px; float:right;}

@media all and (max-width: 860px) {
.w20, .w25,.w27,.w29,.w30,.w33,.w35,.w38,.w40,.w45,.w48,.w50,.w54,.w55,.w60,.w66,.w70,.w75,.w80,.w85,.w90,.w95 {width:100%; /*border:solid 1px #FF0;*/}
.w254,.w304,.w334,.w404,.w454,.w504,.w604,.w664,.w704,.w754 {width:100%; margin:0; /*border:solid 1px #FF0;*/}
.w50l-20m, .w50r-20m {width:100%; float:left; margin:0;}

/*.w254 {margin-bottom:30px;}*/
/*.w45 {float:none;clear:both;}*/
}


.padding20 {padding:20px;}
.padding15 {padding:10px 15px;}
.padding10 {padding:4px 10px!important;}
.paddingleft15 {padding-left:15px!important;}
.paddingleft25 {padding-left:25px!important;}

.posbottom {position:absolute; bottom:0px;}
.posright {position:absolute; right:0px;}
.posleft {position:absolute; left:0px;}
.postop  {position:absolute; top:0px;}

.red {color:#B80000!important;}
.reddark {color:#990000!important;}
.black {color: #000!important;}
.white {color: #FFF!important;}
.grey {color: #666!important;}
.greydark {color: #444!important;}
.greylight {color: #999!important;}

.orange {color: #80252C!important; }
.gold {color: #93760F!important; }
.navyblue {color: #004A67!important;}
.marianne{color:#e4213f!important;}
/*.marianne{color:#E4003B!important;}*/


.border-none {border:none;}
.border-grey {border: solid 10px #CCC;}
.border-red {border: solid 2px #C00; padding:5px 15px;}
.border-red-lines {border-top: solid 2px #C00; border-bottom: solid 2px #C00; padding:10px;}
.showborder {border: solid 1px #C00;}

.relative {position:relative;}
.behind {position:absolute; top:0px; left:0px; z-index:0;}
.infront {position:relative; top:0px; left:0px; z-index:0;}



.imgbox {position:relative;}
.marianne-avana {position:absolute; top:400px; right:20px; z-index:10;}
.marianne-klaus {position:absolute; top:50px; right:20px; z-index:10;}
.zimnivyprodej {background-color: #ECECEC!important; padding:25px; box-sizing:border-box;}
.center {text-align: center;}
.centered {margin:0 auto!important; }
.textleft {text-align: left!important;}
.textright {text-align: right;}
.justify {text-align:justify;text-align-last:left;-ms-text-align-last:left; -moz-text-align-last: left;}
.fulljustify {text-align:justify;}
.fulljustify:after {content: ""; display: inline-block; width: 100%;}
.letter-spacing-0 {letter-spacing:-4px;}

.nomargin {margin:0px!important;}
.nomargintop {margin-top:0px!important;}
.nomarginbottom {margin-bottom:0px!important;}
.nopadding {padding:0px!important;}
.nopaddingbottom {padding-bottom:0px;}
.nopaddingtop {padding-top:0px;}
.marginright15px {margin-right:15px!important;}
.margin-right50px {padding-right:50px!important; border: solid #ddd000 2px;}
.margintop-5px {padding-top:5px!important;}
.margintop15px {margin-top:15px!important;}
/*.link {display:block; width:100px; height:auto; background: url('li.gif') center right no-repeat;}*/
.linkprodejny {display:block; width:200px; height:auto; padding:5px 7px; text-decoration:none!important; background: url('li.gif') #E4E4E4 center right no-repeat;}
.linkprodejny:hover {color:#FFF; background: url('li.gif') #CCC center right no-repeat;}
.backgroundnone {background:none!important;}
.background-black, .bg-black {background-color:#000000!important;}
.background-red, .bg-red { background-color:#A00; padding:5px 15px;}
.background-marianne { background-color:#E4003B; padding:5px 15px;}
/*.bt-back {display:block; width:100px; height:24px; padding:5px; padding-left:15px; font-size:120%; font-weight:bold; background: url('bt-back.gif') center left no-repeat;}
*/
a.bt-back {display:block; width:60px; height:18px; padding-top:0px; color:#80252C!important; font-size:14px; font-weight:bold; text-align:center!important; text-decoration:none!important; /*background: url('back-arrow.gif') left center no-repeat; z-index:100!important;*/}
a.bt-back:hover {color:#80252C!important;}

.calibri {font-family: Calibri, Arial CE, Helvetica CE, Arial, Helvetica, sans-serif;}

.floatleft            {float:left;}
.floatright           {float:right;}
.floatnone            {float:none!important;}
.clearboth            {clear:both;}
.clearnone            {clear:none;}

.displaynone {display:none!important;}
.hx {visibility:hidden!important;}

/* revive infopage */
.underblock1, .underblock2, .underblock-ospolecnosti, .underblock-servis {position:relative; clear:both;}
.underblock1::before{content:""; position:absolute; top:10%; left:25%; width:50%; height:58%; background:#faf4e4; z-index:-1;}
.underblock2::before{content:""; position:absolute; top:30%; left:25%; width:50%; height:80%; background:#faf4e4; z-index:-1;}
.underblock-ospolecnosti::before{content:""; position:absolute; top:7%; left:25%; width:50%; height:90%; background:#faf4e4; z-index:-1;}
.underblock-servis::before{content:""; position:absolute; top:0; left:25%; width:50%; height:100%; background:#faf4e4; z-index:-1;}

@media all and (max-width: 860px) {
.underblock-servis::before{top:0; left:8%; width:84%; height:97%;}

}

/* vyprodej */
.modul-vyprodej{width:100%; overflow:hidden;}
.vyprodej-full { position:relative; width:100%; clear:both; border:solid 0px #000000; padding:0px; margin-bottom:80px;}
.vyprodej {position:relative; width:100%; clear:both; /*overflow:hidden;*/ padding:30px; margin:0 auto 40px auto;}
.vyprodej-extra { background-color:#e2dbd2;}
.vyprodej h2 { text-align:right;}
.vyprodej .image-box {position:relative; float:left; width:66.66%; margin:40px -5px 0 0; /*border:solid 5px #f2ebe2;*/ /*box-shadow: 30px 0 70px #e2dbd2;*/ /*#d3ba88;*/ /*padding:0 20px;*/  /*z-index:1;*/}
/*.vyprodej .image {width:100%; float:right;}*/
.vyprodej .image-box img {display:block; width:100%; float:right;}
.vyprodej .image-box img.initialwidth {width:initial!important; max-width:100%;}
.vyprodej .image-box .morepics {display:block; position:absolute; bottom:20px; right:0px; margin:0 0 0 0; padding:5px 34px; opacity:0.80; font-size:20px; text-decoration:none; background:url(icon-photo-white.svg) 0px center no-repeat; color:#FFFFFF; background-size:26px 26px; -webkit-transition: opacity 0.3s; transition: opacity 0.3s;}
.vyprodej .image-box .morepics:hover {opacity:1.00;}


.vyprodej .content-box {position:relative; float:left; /*width:45%;*//*background-color:#f2ebe2;*/}
.vyprodej .content {position:relative; float:left; width:calc(33.33% + 0px); padding:10px 30px 30px 30px; margin:0px auto auto 0px; background:#e2dbd2; background:#f2ebe2; /*z-index:0;*/  /*border-left:solid 10px rgba(226,219,210,0.50);*/}
.vyprodej .cena, .vyprodej-full .cena{ position:relative; display:inline-block; /*background:#DDFFFF;*/}
/*.vyprodej .procento {position:absolute; color:#d6d0c8; font-weight:bold; font-size:40px; top:34px; left:230px; z-index:2;}*/
.vyprodej .procento {position:absolute; color:#d6d0c8; font-weight:bold; font-size:40px; top:7px; left:calc(100% + 20px); z-index:2;}
.vyprodej .cena2 .procento {top:36px;}
/*.vyprodej .procento-blackfriday { position:absolute; color:#d6d0c8; font-weight:bold; font-size:40px; top:34px; left:230px; background:url(../akce/2024-11-black-friday-procento.png) center center no-repeat;z-index:1;}*/
.vyprodej .xprocento-blackfriday::before {content:''; display:block;position:absolute; left:50%; top:50%; width:160px; height:160px; background:url(../akce/2024-11-black-friday-procento.png) center center no-repeat; transform:translate(-50%,-50%);z-index:-1;}



/*.vyprodej .*/

.vyprodej-full { position:relative; border:solid 0px #F00000; padding:0px;}
.vyprodej-full .content { position:absolute; top:65px; right:65px; width:400px; background:#e2dbd2; padding:35px; border:solid 10px rgba(226,219,210,0.50); background-clip: padding-box;}
.vyprodej-full .content h2.title{position:relative; text-align:left; padding:0px;}
.vyprodej-full .procento { position:absolute; color:#333; font-weight:bold; font-size:36px; top:34px; left:190px; opacity:0.15;}
.vyprodej-full .fullimage{position:relative; width:100%; overflow:hidden}
.vyprodej-full .fullimage img{position:relative; width:100%; height:auto; aspect-ratio: 192/90;}

.vyprodej:nth-child(even) h2{text-align:left;}
.vyprodej:nth-child(even) .image-box {float:right; margin:40px 0 0 -5px;}
.vyprodej:nth-child(even) .image-box img{float:left;}
.vyprodej:nth-child(even) .content {float:right; margin:0px 0px auto auto; }


@media all and (max-width: 1250px) {
.vyprodej-full .fullimage{position:relative; width:100%; aspect-ratio:none;}
.vyprodej-full .fullimage img{position:relative; height:580px; width:auto; aspect-ratio: 192/90;}
}
@media all and (max-width: 1024px) {
.vyprodej .image-box {width:60%;}
.vyprodej .content {width:calc(40% + 0px);}

.vyprodej-full .content { position:relative; width:calc(100% - 60px)!important;  margin:-20px auto auto 20px; top:initial; right:initial; float:left; padding:10px 40px; border:none; }
/*.vyprodej-full .procento {top:140px; left:245px;}*/
.vyprodej-full .content p.info {padding-left:0px;}
.vyprodej-full .fullimage{position:relative; width:100%; aspect-ratio:none; }
.vyprodej-full .fullimage img{position:relative; height:auto; width:145%; aspect-ratio: 192/90;}
}
@media all and (max-width: 860px) {
/*.vyprodej .content-box {width:100%;}*/
/*.vyprodej:nth-child(even) .image-box {float:left;}*/
.vyprodej {margin:0 auto 40px auto;}
.vyprodej h2, .vyprodej:nth-child(even) h2{text-align:left;}
.vyprodej .image-box, .vyprodej:nth-child(even) .image-box {width:94%; float:left; margin-top:0px; padding:0 0;}
.vyprodej .image-box img, .vyprodej:nth-child(even) .image-box img {width:100%; float:left;}
.vyprodej .content, .vyprodej:nth-child(even) .content{width:calc(100% - 40px)!important; float:left; margin:0px auto auto 20px;}
/*.vyprodej .button-black {height:60px;}*/
}


/*.underblock1 p {margin:0;}*/



/* PAGE ================================================================================================*/

/* PAGE LEVA STRANA */
.pleft {
	width:250px; height: 100%;
	margin: 0px; padding: 0px; padding-right: 10px; 
	border: solid #FF77FF 0px;
	float:left;
}

/* PAGE PRAVA STRANA */
.pright {
	width:480px; height: 100%;
	margin: 0px; padding: 0px;
	border: solid #FF77FF 0px; 
  text-align: left;
	float:right;
}

/* Flex - prvky se rovnomerne rozlozi */
.flex-container {
 display: -ms-flex;
 display: -webkit-flex;
 display: flex;
  -ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	justify-content: space-between;
}
.flex-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-box {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.flex-center {display:flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align:center; position:relative; margin-bottom:35px; width:100%;}
.flex-center-item{flex: 0 0 auto; /*width:33.33333333%;*/ margin-bottom:35px; /*padding:0px; border:solid 0px #FFF; background-color:#FFF; text-align:center; border:solid 0px #FFF;*/}


/* LOADER */
div.loading {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999;}
.hidden {display: none !important;}
div.loading img { position: absolute; margin: auto; left: 50%; top: 50%; margin-left: -27px; margin-top: -27px; z-index: 10000; -webkit-transition: 0.5s ease; transition: 0.5s ease;}
div.loading .door { z-index: 9999; position: absolute; top: 0px; left: 0px; height: 50%; width: 100%; background: white;
    -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px);
    -webkit-transition: -webkit-transform 1.5s ease-in-out;
    transition: -webkit-transform 1.5s ease-in-out; transition: transform 1.5s ease-in-out;
}
div.loading .door.top {top:0;}
div.loading .door.down {top:50%;}
div.loading .door.top.opened {-webkit-transform: translate(0px, -100%); transform: translate(0px, -100%);}
div.loading .door.down.opened {-webkit-transform: translate(0px, 100%); transform: translate(0px, 100%);}

/* WEB.MAIN.BLOCKS  ===================================================================================*/
#page { position:relative; clear:both; width:100%!important; height:100%; /*min-width:600px;*/  /*min-height:740px;*/ padding-top:0px;/*background: url('page-bg.gif') left top repeat-y;*/}
#page .pageContent { position:relative; width:90%; max-width:1260px; border:solid 0px #D00;/*min-height:740px;*/ margin-left:auto; margin-right:auto; padding:0px; padding-top:40px;}
#page .pageContentIndex { position:relative; width:90%; max-width:1260px; border:solid 0px #D00;/*min-height:740px;*/ margin-left:auto; margin-right:auto; padding:0px;}

#logo {position:fixed; top:70px; left:35px; display:block; /*margin-left:-100px; */width:140px; height:auto; border:solid 0px #FF0000; z-index:222;}
#logo img{width:140px; height:auto;}

#header {position:fixed; width:100%; height:auto; /*min-height:90px;*/ margin:0px; border: solid #00F 0px; /*background:#600;*/ text-align:left; z-index:50; clear:both;}
#header .headerContentIndex{position:relative; width:100%!important; height:135px; margin:0px auto; z-index:50; background:#000; border: solid #0F0 0px; clear:both;}
#header .headerContent{position:relative; width:100%!important; height:136px; margin:0px auto; z-index:50; background:#FFF; border-bottom:solid 1px #000; clear:both;}

#header a.mainmenuLogo {position:absolute; top:75px; left:38px; display:block;/*margin-left:-100px; */width:154px; height:auto; /*z-index:00!important;*/}
#header a.mainmenuLogo img{width:154px; height:auto;}

#header .links {position:relative; padding:9px 45px;/*top:0px; left:0px;*/ width:100%; height:50px; background:#000000; overflow:hidden; z-index:600!important;}
#header .links a{display:inline-block; color:#FFF; font-size:12px; line-height:150%; padding:8px 0px; margin:0 10px;}
#header .links a:hover{color:#FFF;}
#header .links a.prodejny {display:inline-block; float:right; /*padding-left:40px; background:url('icon-search.png') left center no-repeat;*/}
#header .links a.katalog {display:inline-block; float:right; /*margin-right:50px;*/}
#header .links a.kariera {display:inline-block; float:right; margin-right:50px;}

#header .links .icons{display:inline-block; float:right; width:120px; /*height:32px;*/ border: solid #0F0 0px;/*height:109px;*/ /*margin:0px auto 0 auto;*/ text-align:right; text-transform: uppercase; z-index:1}
#header .links a.icon {margin:2px 6px 0px 6px; padding:0; width:33%; max-width:24px; display:inline-block; clear:none; float:none; opacity:1; transition:opacity 0.5s; -webkit-transition:opacity 0.5s;}
#header .links a.icon:hover {opacity:0.65;}
#header .links a.icon img {display:block; width:100%;}



#footer {position:relative; width:100%; height:auto; min-height:250px; margin:0px; background-color:#030304; /*color:#98918D;*/ text-align:left; z-index:10; clear:both;}
#footer .footerContent{ position:relative; width:90%; max-width:1600px; height:auto; min-height:150px; margin:0px auto; /*padding:40px 0px;*/ padding-top:50px; z-index:50; border: solid #0F0 0px; clear:both;}
#footer .box{position:relative; width:22%; margin-left:3%; float:left; min-height:220px;}
#footer .box:first-child{margin-left:0; border-right:solid #FFF 1px; } 
#footer h2 {font-size:16px; color:#FFF; margin-bottom:14px;}
#footer h2.bgtext {width:100%;position:absolute; top:30px; margin:0px; padding:0px; color:#C3BCB8; font-size:160%; font-weight: normal;text-align:center;}

#footer a {font-size:13px; color:#EEEEEE; padding:2px 0px; margin-bottom:4px; text-decoration:none; display:block; clear:both;}
#footer a:hover {color:#FFFFFF; /*background-color:#25241E;*/  /*padding:2px 0px; display:block; clear:both;*/}
#footer .footer-icons {width:90%; max-width:180px; text-align:center;}
#footer a.icon {margin:10px 4px; width:33%; max-width:32px; display:inline-block; clear:none; float:none; opacity:1; transition:opacity 0.5s; -webkit-transition:opacity 0.5s;}
#footer a.icon:hover {opacity:0.65;}
#footer .footer-logo {width:90%; max-width:180px; }

#footer .copy {position:relative; min-height:20px; margin:20px auto; margin-top:30px; padding:30px 0px 0px 0px; text-align:left; border-top:solid 1px #292824; clear:both;}
#footer .copy .box{min-height:60px;}
#footer .copy .box:first-child{margin-left:0; border-right:solid #FFF 0px;} 
#footer .copy .box:nth-child(3){float:right; border:solid #FFF 0px;}
#footer .copy .office {display:inline-block; max-width:160px; margin-left:25px; color:#4E4D44; padding:0px; padding-top:5px;}
#footer .copy .office:hover {color:#4E4D44;}

#footer .copy a { font-size:13px; color:#999999; padding:2px 0px; text-decoration:none; display:block; clear:both;}
#footer .copy a:hover { color:#FFFFFF;}
#footer .copy .dhakra { display:inline-block; clear:none; float:right; margin-right:25px; width:200px; height:34px; color:#4E4D44; font-size:12px; font-weight:bold; text-align:center; text-decoration: none; padding-top:5px; padding-left:95px; /*padding-top:34px; */ background: url('logo-dhakra.png') left center no-repeat;}
#footer .copy .dhakra:hover { color:#5F5E56!important; text-decoration: none; background: url('logo-dhakra-over.png') left center no-repeat; }

#topbox {position:absolute;bottom:125px;right:0px;width:40px;height:40px;background:url(topbox.png) center center no-repeat;opacity:1; transition:opacity 0.3s; -webkit-transition:opacity 0.3s; z-index:50;cursor:pointer;cursor:hand;}
#topbox:hover {opacity:0.60;}


#page.iframe {width:100%!important;/*min-width:540px;*/margin:0!important;}
#page.iframe .pageContent  {width:100%!important; /*min-width:540px;*/ margin:0!important; padding:25px 25px;}

#navi {position:relative; height:63px; padding:20px 140px; background:#E8EBEC; font-size:13px; line-height:17px; text-transform:uppercase; border: solid 0px #F00;}
#navi a {text-decoration:underline;}
#navi span.home {display:inline-block; width:16px; height:14px; margin-bottom:-2px; margin-right:8px; background:url('navi-home.png') center center no-repeat; }


@media all and (max-width: 860px) {
#logo {top:25px; width:100px; z-index:50!important;}
#logo img{width:100px; height:auto;}
#header .headerContent, #header .headerContentIndex{height:85px;}
#header .links{display:none;}
#navi {padding:20px 30px;}
#footer .box {position:relative; width:100%; margin-left:0; margin-bottom:20px; float:left; text-align:center; min-height:20px; }
#footer .box:first-child{margin-left:0; border:none; } 
#footer .footer-icons {margin:0 auto;}
#footer .copy .box:nth-child(1){float:left; border:solid #FFF 0px;}
#footer .copy .office {margin:0;}
#footer .copy .dhakra {float:none; padding-top:40px; padding-left:0; margin:0; background: url('logo-dhakra.png') top center no-repeat;}
#footer .copy .dhakra:hover { background: url('logo-dhakra-over.png') top center no-repeat; }
#topbox {bottom:245px;}
.underblock1::before{display:none;}
.underblock2::before{display:none;}
}


/* WEB.MAIN.BLOCKS.END  ===================================================================================*/




/*.mainmenu-shadow {position:absolute; top:75px; left:0px; width:100%; height:5px; background: url('mainmenu-shadow.png') center top repeat-x; z-index:990;}*/


/*DHAKRA.MAINMENU V.3 (natuzzi)*/
/*mainmenu-bg {position:absolute; top:60px; left:0px; width:660px; height:30px; background: url('mainmenu-bg.gif') top left repeat-y; z-index:1;}
#mainmenu {position:absolute; top:20px; left:7px; width:660px; height:auto; overflow:hidden; min-height:30px; border-left:solid #999 0px; z-index:505;}
#mainmenu ul {position:relative; width:660px; height:auto; margin:0px!important; padding: 0px!important; padding-bottom:0px; list-style:none; clear:both;}
#mainmenu li {position:relative; width:130px; height:120px;margin:0px!important; padding: 0px!important; padding-top:90px!important; float:left; background:none; border: solid #0F0 0px; font-weight:bold; clear:none; z-index:510!important;}
#mainmenu li:hover { background: url('../images/mainmenu-over.png') center bottom no-repeat;}
#mainmenu li a {display:block; position:relative; width:120px; height:100px; padding-top:0px; color: #333; font-size:110%; font-weight:bold; text-decoration:none; text-align:left!important; font-family: Arial CE, Helvetica CE, Arial, Helvetica, sans-serif; z-index:100!important;}	
#mainmenu li:hover a {color:#80252C;}*/
/*SubMenu*/
/*#mainmenu li ul{position:absolute; display:none; width:120px; top:115px; left:0px; height:auto; margin:0px; padding:0px; float:left; background: url('../images/submenu-bg.jpg') left top no-repeat; font-weight:bold; border: solid #FFF 0px; clear:none; z-index:10!important; border-top:none; z-index:508!important;}
#mainmenu li ul li{position:relative; width:120px; height:20px; margin:0px; padding-top:0px!important; background: url('../images/submenu-out.png') center center no-repeat; border: solid #FFF 0px; clear:both; z-index:10!important;}
#mainmenu li ul li:hover{background: url('../images/submenu-over.png') center center no-repeat;}
#mainmenu li ul li a{display:block; position:relative; width:120px; height:18px; padding:0px; color:#333!important; font-size:12px; font-weight:bold; text-align:left!important; text-decoration:none!important;}	
#mainmenu li ul a:hover {color: #666!important;}
#mainmenu li ul li.last{border-bottom:none;}
#mainmenu .main{}
#mainmenu .line{position:absolute; top:-50px; left:0px; width:1px; height:100px; border-left:solid #999 1px;}*/
/*
/*#mainmenu li.mainon {top:0px; padding-top:0px!important; }
#mainmenu li.mainon a{color:#80252C!important;}		
#mainmenu li.mainon ul {display:inline!important; top:25px;}	
#mainmenu li.mainon ul li a{color:#333!important;}	
#mainmenu li.mainon ul a:hover {color: #666!important;}
#mainmenu li.mainon ul li.on a{color:#80252C!important;}	*/
/*DHAKRA.MAINMENU V.3 (natuzzi)*/

/*
#topmenu { display:none; position:absolute; top:10px; left:150px; z-index:510; margin-top:6px;}
#tolpmenu ul, #mainmenu li { margin: 0px; padding:0px; list-style:none;	}
#topmenu ul {position:relative; width:850px; height:auto; margin:0px!important; padding: 0px!important; list-style:none; clear:both;}
#topmenu li {position:relative; width:140px; height:auto; min-height:20px; display:block; margin:0px!important; padding: 0px!important; padding-top:6px!important; border-left: solid #DDD 2px; float:left; background:none; background: url('images/mainmenu-li.png') left center no-repeat; font-weight:bold; clear:none; z-index:510!important;}

#topmenu li.first {padding-left:0px; margin-left:0px; border-left: solid #CBE1DD 0px; background:none; }
#topmenu li a {padding-left:15px; color:#28728B; font-size:120%; padding-bottom:2px; font-weight:normal; text-decoration:none;}
#topmenu li a:hover, #header li a:focus {color: #00AECB; }
#topmenu li a.home {display:inline; padding-left:30px; height:28px; padding-top:2px; background: url('../images/topmenu-home.png') 0px 0px no-repeat;}
*/

/*
#topmenu li ul{position:absolute; display:none; width:150px; min-width:150px!important; top:20px; left:-5px; height:auto; margin:0px; padding:10px 0px; padding-bottom:30px; float:left; background-color:#333; font-weight:bold; border: solid #9C8C81 1px; clear:none; z-index:10!important; z-index:508!important;}
#topmenu li ul li{position:relative; width:150px; height:20px; margin:0px; padding:0px; padding-top:0px!important; background: url('../images/trans.gif') center center no-repeat; border: solid #FFF 0px; clear:both; z-index:10!important;}
#topmenu li ul li:hover{background: url('../images/submenu-over.png') center center no-repeat;}
#topmenu li ul li a{display:block; position:relative; width:auto; height:18px; padding:10px; color:#FFAA00!important; font-size:14px; font-weight:normal; text-align:left!important; text-decoration:none!important;  border: solid #FFF 0px;}	
#topmenu li ul a:hover {color: #FFF!important;}
#topmenu li ul li.last{border-bottom:none; border-right:none;}
#topmenu li ul li.oddelit {border-top:solid #9C8C81 1px!important;}
*/

#info {display:none; position:absolute; top: 325px; left: 20px; font-size:24px;}
#client {top: 0px; right: 10px;}




/* MENU */
html.noscroll, 
body.noscroll{max-width:100%;max-height:100%;overflow-y:hidden;}
body.noscroll{position:relative;}

/*.mainmenu-toggle-bg {position:absolute; top:95px; width:100%; height:60px; padding:0; text-align:left; background-color:#400; font-size:16px; text-transform:uppercase; z-index:120}*/



/* MAINMENU TOGGLE BUTTON */
#mainmenu-toggle {display:block; position:absolute;top:61px;right:18px; width:70px;height:60px; padding:13px; opacity:0; cursor:pointer;cursor:hand;z-index:500; /*background:#dd1;*/
  -webkit-animation: anim-toggle-fadein 0.3s ease 0.3s forwards;
  -moz-animation:    anim-toggle-fadein 0.3s ease 0.3s forwards;
  -o-animation:      anim-toggle-fadein 0.3s ease 0.3s forwards;
  animation:         anim-toggle-fadein 0.3s ease 0.3s forwards;
}
@-webkit-keyframes anim-toggle-fadein {0%{opacity:0;}100%{opacity:1;}}
@-moz-keyframes anim-toggle-fadein {0%{opacity:0;}100%{opacity:1;}}
@-o-keyframes anim-toggle-fadein {0%{opacity:0;}100%{opacity:1;}}
@keyframes anim-toggle-fadein {0%{opacity:0;}100%{opacity:1;}}

#mainmenu-toggle div{position:absolute;width:40px; height:2px; background:#000; top:30px; border-radius:4px;}
#mainmenu-toggle div:before, #mainmenu-toggle div:after{content:""; position:absolute; left:25%; display:block; width:50%; height:2px; background:#000; border-radius:4px; webkit-transition: all 0.30s ease; transition: all 0.30s ease;}
#mainmenu-toggle div:before {top:-9px;}
#mainmenu-toggle div:after {top:9px;}
#mainmenu-toggle:hover div:before, #mainmenu-toggle:hover div:after {left:0%; width:100%;}

#mainmenu-toggle div {height:2px; 
  -webkit-transform:rotate(0deg);
  -moz-transform:rotate(0deg);
  -o-transform:rotate(0deg);
  transform:rotate(0deg);
  -webkit-animation: anim-toggle-from-x1 0.3s ease-in-out forwards;
  -moz-animation:    anim-toggle-from-x1 0.3s ease-in-out forwards;
  -o-animation:      anim-toggle-from-x1 0.3s ease-in-out forwards;
  animation:         anim-toggle-from-x1 0.3s ease-in-out forwards;
}
@-webkit-keyframes anim-toggle-from-x1 {0%{-webkit-transform:rotate(-45deg);}100%{-webkit-transform:rotate(0deg);}}
@-moz-keyframes anim-toggle-from-x1 {0%{-moz-transform:rotate(-45deg);}100%{-moz-transform:rotate(0deg);}}
@-o-keyframes anim-toggle-from-x1 {0%{-o-transform:rotate(-45deg);}100%{-o-transform:rotate(0deg);}}
@keyframes anim-toggle-from-x1 {0%{transform:rotate(-45deg);}100%{transform:rotate(0deg);}}

#mainmenu-toggle div:after {height:2px; 
  -webkit-animation: anim-toggle-from-x2 0.3s ease-in-out forwards;
  -moz-animation:    anim-toggle-from-x2 0.3s ease-in-out forwards;
  -o-animation:      anim-toggle-from-x2 0.3s ease-in-out forwards;
  animation:         anim-toggle-from-x2 0.3s ease-in-out forwards;
}
@-webkit-keyframes anim-toggle-from-x2 {0%{-webkit-transform:rotate(-90deg);}100%{-webkit-transform:rotate(0deg);}}
@-moz-keyframes anim-toggle-from-x2 {0%{-moz-transform:rotate(-90deg);}100%{-moz-transform:rotate(0deg);}}
@-o-keyframes anim-toggle-from-x2 {0%{-o-transform:rotate(-90deg);}100%{-o-transform:rotate(0deg);}}
@keyframes anim-toggle-from-x2 {0%{transform:rotate(-90deg);}100%{transform:rotate(0deg);}}

#mainmenu-toggle.closemenu div:before {top:0px;left:0%; width:100%;}
#mainmenu-toggle.closemenu div:after {top:0px;left:0%; width:100%;}
#mainmenu-toggle.closemenu div {height:2px;
  -webkit-animation: anim-toggle-to-x1 0.3s ease-in-out 0.3s forwards;
  -moz-animation:    anim-toggle-to-x1 0.3s ease-in-out 0.3s forwards;
  -o-animation:      anim-toggle-to-x1 0.3s ease-in-out 0.3s forwards;
  animation:         anim-toggle-to-x1 0.3s ease-in-out 0.3s forwards;
}
@-webkit-keyframes anim-toggle-to-x1 {0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(-45deg);}}
@-moz-keyframes anim-toggle-to-x1 {0%{-moz-transform:rotate(0deg);}100%{-moz-transform:rotate(-45deg);}}
@-o-keyframes anim-toggle-to-x1 {0%{-o-transform:rotate(0deg);}100%{-o-transform:rotate(-45deg);}}
@keyframes anim-toggle-to-x1 {0%{transform:rotate(0deg);}100%{transform:rotate(-45deg);}}

#mainmenu-toggle.closemenu div:after {height:2px;
  -webkit-animation: anim-toggle-to-x2 0.3s ease-in-out 0.3s forwards;
  -moz-animation:    anim-toggle-to-x2 0.3s ease-in-out 0.3s forwards;
  -o-animation:      anim-toggle-to-x2 0.3s ease-in-out 0.3s forwards;
  animation:         anim-toggle-to-x2 0.3s ease-in-out 0.3s forwards;
}
@-webkit-keyframes anim-toggle-to-x2 {0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(-90deg);}}
@-moz-keyframes anim-toggle-to-x2 {0%{-moz-transform:rotate(0deg);}100%{-moz-transform:rotate(-90deg);}}
@-o-keyframes anim-toggle-to-x2 {0%{-o-transform:rotate(0deg);}100%{-o-transform:rotate(-90deg);}}
@keyframes anim-toggle-to-x2 {0%{transform:rotate(0deg);}100%{transform:rotate(-90deg);}}

/* index black version */
#mainmenu-toggle.black div{background:#FFF;}
#mainmenu-toggle.black div:before, #mainmenu-toggle.black div:after{background:#FFF;}
/* MAINMENU TOGGLE BUTTON END */


/* MAINMENU TOGGLED */
#mainmenu-overlay {display:none;position:fixed; width:100%; height:calc(100vh - 135px); margin:0px; top:135px; left:0px; background:none;z-index:200}
#mainmenu{position:fixed; right:-85%; top:50px; width:85%; height:calc(100vh - 50px); padding:0; text-align:left; border:solid 0px #3C9BDD; background-color:#FFF; font-size:16px; overflow-y:auto; -webkit-transition:right 0.4s ease-in; transition:right 0.4s ease-in-out; z-index:222}
#mainmenu.on{position:fixed; right:0%; box-shadow:0 0 12px #000; z-index:222}
#mainmenu .mainmenuContent{width:100%; margin:0px auto 0 auto; border:solid 0px #FF9999; text-align:left; clear:both; }
#mainmenu .mainmenuBox{position:relative; clear:both; width:80%; margin:65px auto 0 auto; border:solid 0px #FF0000; text-align:center; /*z-index:128*/}
#mainmenu .mainmenuBox > .center{position:relative; width:100%; margin:0 auto; border-bottom:solid 1px #000;}
#mainmenu .mainmenuFooter{position:absolute; bottom:0px; left:50%; width:76%; height:109px; margin:0px auto 0 auto; border-top:solid 1px #000; font-size:14px; color:#000; font-weight:400; text-transform: uppercase; clear:both; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
#mainmenu .mainmenuFooter .contact{position:absolute; top:25px; left:-40px; width:200px; height:30px; padding:7px 0 0 40px; text-align:left; background:url(icon-mail.png) left top no-repeat;}
#mainmenu .mainmenuFooter .care{position:absolute; top:25px; right:-40px; width:200px; height:30px; padding:7px 40px 0 0; text-align:right; background:url(icon-assistence.png) right top no-repeat;}
/* social icons */
#mainmenu .mainmenuIcons{position:absolute; bottom:38px; left:50%; width:180px; /*height:109px;*/ margin:0px auto 0 auto; text-align:center; text-transform: uppercase; clear:both; -webkit-transform:translateX(-50%); transform:translateX(-50%); z-index:1}
/*#mainmenu .mainmenuIcons {clear:both; width:100%; text-align:center;}*/
#mainmenu .mainmenuIcons a.icon {margin:10px 6px; width:33%; max-width:32px; display:inline-block; clear:none; float:none; opacity:1; transition:opacity 0.5s; -webkit-transition:opacity 0.5s;}
#mainmenu .mainmenuIcons a.icon:hover {opacity:0.65;}


#mainmenu ul,#mainmenu li{padding:0;list-style:none;}
#mainmenu ul{width:100%; margin:0;}
#mainmenu li.kolekce-hider{display:none!important;} /* kolekce vypnuta */

#mainmenu ul li{/*position:relative; display:block;*/ float:left; background:transparent; height:50px; width:100%;/*padding-top:0px;*//*margin:0 5%;*/clear:none;/*border:solid 1px #F00;*/ text-transform:uppercase;}
#mainmenu ul li div.title{ position:relative; display:block; min-width:100px; height:50px; font-size:15px; font-weight:400; text-decoration:none;text-align:center; white-space:nowrap; border-top:solid 0px #F00; text-transform: uppercase;}
#mainmenu ul li div.title span{ position:relative; display:block; margin:0; padding:14px 0px 14px 0px; width:auto; height:50px; font-size:15px; font-weight:400; text-decoration:none;text-align:center; white-space:nowrap; cursor:pointer; text-transform: uppercase;}
/*#mainmenu ul li.title{display:block; clear:both; height:auto; margin-bottom:20px; text-align:center!important; font-size:24px; color:#FFF;}*/

#mainmenu ul li ul li{ display:block; position:relative; clear:both; /*min-height:32px;*/ height:auto; margin:0px; padding:0px; background:transparent; border:solid 0px #66F;}
#mainmenu ul li ul li>a{display:inline-block; position:relative; margin:0 auto; min-height:32px; height:auto; padding:10px 20px; text-align:center!important; font-size:14px; font-weight:400; text-decoration:none; white-space:nowrap; text-transform: uppercase; border:solid 0px #FFF; -webkit-transition:none; transition:none;}
/*#mainmenu ul li.kolekce {display:flex; justify-content:space-between;}*/
#mainmenu ul li.submenu ul li{ clear:none; height:auto;}
#mainmenu ul li ul li>span{ display:block; position:relative; margin:0; padding:14px 7px 14px 7px; width:auto; height:60px; font-size:24px; font-weight:400; text-decoration:none;text-align:center; white-space:nowrap; text-transform: uppercase;}
#mainmenu ul li.kolekce ul.subsubmenu li{ }
#mainmenu ul li.kolekce ul.subsubmenu li>a{ white-space:initial; padding:10px 4px;}

/* text color*/
#mainmenu ul li>a,
#mainmenu ul li ul li a,
#mainmenu ul li div.title span,
#mainmenu ul li ul li span,
#mainmenu ul li.kolekce ul li span {color:#000;}

#mainmenu ul li>a:hover,
#mainmenu ul li ul li a:hover
#mainmenu ul li div.title span:hover,
#mainmenu ul li.opened div.title span,
#mainmenu ul li.on>a,
#mainmenu ul li.on ul li.on a,
#mainmenu ul li.on ul li a:hover{color:#000; font-weight:bold;/*text-decoration:underline;*/}



/*#mainmenu ul li>a.home{width:23px; height:28px; background:url(icon-home.png) center 12px no-repeat;}*/
/*#mainmenu ul ul li a, #mainmenu ul li ul li.on a{color:#FFF; text-decoration:none;  -webkit-transition:none; transition:none;}
#mainmenu ul ul li a:hover, #mainmenu ul li ul li.on a:hover{color:#FFF; text-decoration:none; font-weight:bold; -webkit-transition:none; transition:none;}
*/
/* slider */
#mainmenu .menu_slider{
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: -2px;
    width: 20%;
    height: 5px;
    pointer-events: none;
    border-width: 0 45px;
    background: #000;
    z-index:130;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    transition-timing-function: ease, ease;
    -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1);
    -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);
    transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);
}
#mainmenu ul li:nth-child(1).opened ~ .menu_slider {width: 20%;-webkit-transform: translateX(0%); transform: translateX(0%);}
#mainmenu ul li:nth-child(2).opened ~ .menu_slider {width: 20%;-webkit-transform: translateX(100%); transform: translateX(100%);}
#mainmenu ul li:nth-child(3).opened ~ .menu_slider {width: 20%;-webkit-transform: translateX(200%); transform: translateX(200%);}
#mainmenu ul li:nth-child(4).opened ~ .menu_slider {width: 20%;-webkit-transform: translateX(300%); transform: translateX(300%);}
#mainmenu ul li:nth-child(5).opened ~ .menu_slider {width: 20%;-webkit-transform: translateX(400%); transform: translateX(400%);}

#mainmenu .kolekce-hider ~ .menu_slider {width: 25%;}
#mainmenu .kolekce-hider ~ .menu_item:nth-child(2).opened ~ .menu_slider {width: 25%;-webkit-transform: translateX(0%); transform: translateX(0%);}
#mainmenu .kolekce-hider ~ .menu_item:nth-child(3).opened ~ .menu_slider {width: 25%;-webkit-transform: translateX(100%); transform: translateX(100%);}
#mainmenu .kolekce-hider ~ .menu_item:nth-child(4).opened ~ .menu_slider {width: 25%;-webkit-transform: translateX(200%); transform: translateX(200%);}
#mainmenu .kolekce-hider ~ .menu_item:nth-child(5).opened ~ .menu_slider {width: 25%;-webkit-transform: translateX(300%); transform: translateX(300%);}


/* funkcni zapnuti podnabidky - ciste css, toggle funkce */
@media all and (min-width: 861px) {
#mainmenu .logo {display:none}
#mainmenu ul li > div.submenu{ position:absolute; opacity:0; width:100%; min-height:1px; max-height:1px; left:0px; top:60px; padding:0; border:solid 0px #FFFF00; /*background:#000!important;*/ text-align:center; /*overflow:hidden;*/ z-index:101!important; list-style:none; webkit-transition: opacity 0.30s ease-in-out; transition: opacity 0.30s ease-in-out;}
#mainmenu ul li > div.submenu div.center{display:none; opacity:0; width:100%; margin:0 auto; border:solid 0px #900; text-align:center!important; webkit-transition: opacity 0.30s ease-in-out; transition: opacity 0.30s ease-in-out;}
#mainmenu ul li.opened > div.submenu {opacity:1; height:calc(100vh - 300px); min-height:300px; max-height:600px; /*padding:20px 0 50px 0;*/ z-index:102!important; webkit-transition: opacity 0.30s ease-in-out; transition: opacity 0.30s ease-in-out;}
#mainmenu ul li.opened > div.submenu div.center{display:flex; justify-content:space-between;  /*align-items:center;*/ position:absolute; opacity:1; /*margin:0 auto;*/ width:100%; left:50%; top:50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);/*border:solid 1px #FF0000;*/ webkit-transition: opacity 0.30s ease-in-out; transition: opacity 0.30s ease-in-out;}
#mainmenu ul li.kolekce > div.submenu div.center{display:block; justify-content:initial;} /* flex je az o uroven nize */
}
@media all and (max-width: 860px) {
#mainmenu-toggle {top:11px; }
#mainmenu-toggle div{width:30px; top:30px; }
#mainmenu-toggle div:before {top:-7px;}
#mainmenu-toggle div:after {top:7px;}
/*#mainmenu-toggle div{transform: scale(0.7); top:35px;}*/

#mainmenu {right:0%; /*top:50px;*/ top:-100vh; width:100%; height:100%; margin-bottom:0px; border:solid #FF66FF 0px; -webkit-transition:top 0.4s ease-in; transition:top 0.4s ease-in-out; z-index:222;}
#mainmenu.on {top:0px;right:0%;}
#mainmenu .menu_slider {display:none;}
#mainmenu .logo {position:absolute; top:25px; left:35px; display:block;/*margin-left:-100px; */width:100px; height:auto; border:solid 0px #FF0000; z-index:222!important;}
#mainmenu .logo img{width:100px; height:auto;}



#mainmenu .mainmenuContent{/*display:none;*/ position:relative;/*left:0px;*/width:100%;/*height:100%;*/ min-width:320px; padding:40px 40px; padding-top:50px; border: solid 0px #FF0000; /* overflow-x:hidden;*/ /*overflow-y:auto;*/}
#mainmenu .mainmenuBox{position:relative; margin-top:40px; width:100%; height:100%;}
#mainmenu .mainmenuBox > .center{display:block; width:100%; margin-left:0;/*width:auto;*/ border:solid 0px #900;}
#mainmenu .mainmenuFooter{position:relative; bottom:initial; left:initial; width:76%; height:109px; margin:15px auto 0 auto; -webkit-transform:initial; transform:initial;}
#mainmenu .mainmenuIcons{position:relative; bottom:initial; left:initial; width:76%; margin:0px auto 0 auto; text-align:center; text-transform: uppercase; clear:both; -webkit-transform:initial; transform:initial; z-index:1}


/* menu */
#mainmenu ul {display:block;list-style:none;width:100%;margin:0;padding:0;text-align:center;clear:both;}
#mainmenu ul li.menu_item{ width:100%;height:auto; min-height:30px; clear:both!important; float:left; padding:0px 0 12px 0!important;margin:0px!important; cursor:normal;}
/*#mainmenu ul li a{display:block; padding:14px 20px; min-width:100px; height:40px; font-size:15px; font-weight:400; text-decoration:none;text-align:center; white-space:nowrap; cursor:pointer; border-top:solid 1px #F00; text-transform: uppercase;}*/

/*#mainmenu ul li.opened > span:after {content:""; display:block; position:absolute; top:47px; min-width:120px; height:7px; background:#FFF; z-index:129;}*/
#mainmenu ul li div.title{position:relative; clear:both; float:none; width:100%; height:40px; padding-top:0px; font-size:22px; font-weight:400; /*background:#8F8F8F;*/ border-bottom:solid 1px #000; text-align:center;/*position:absolute; width:calc(90vw - 16px);*/ /*max-width:1300px;*//*height:1px;*/ min-height:0; max-height:665px; /*margin:0 auto;*/ padding:0; left:0;/*left:50vw;*/ /*transform: translateX(-50%);*/ /*top:59px; overflow:hidden; *//*border:solid 1px #000; */ /*border:solid 1px #F00;*/z-index:101!important; list-style:none; /*box-shadow: 0px 0px 25px #58348C;*/  /*-webkit-transition: max-height 0.25s cubic-bezier(0.42,0,0.20,0.40); transition: max-height 0.25s cubic-bezier(0.42,0,0.20,0.40);*/  webkit-transition: opacity 0.50s ease-in-out; transition: opacity 0.50s ease-in-out;}
#mainmenu.black ul li div.title {border-bottom:solid 1px #FFF;}
/*#mainmenu ul li div.title span{position:relative; display:inline-block; clear:both; float:none; width:auto; padding:0px 20px; height:46px; padding-top:5px; font-size:22px; font-weight:400; color:#FFF; border-top:solid 1px #FFF; text-align:center; min-height:0; max-height:665px; padding:0; left:0;z-index:102!important; list-style:none; webkit-transition: opacity 0.50s ease-in-out; transition: opacity 0.50s ease-in-out;}*/
#mainmenu ul li div.title span{ position:relative; display:inline-block; clear:both; float:none; margin:0; padding:0px 20px; width:auto; height:40px; font-size:18px; font-weight:500; cursor:pointer;}
#mainmenu ul li.opened div.title span:after {content:""; display:inline-block; position:absolute; width:calc(100% + 50px); margin-top:-8px; left:-25px; top:100%; height:4px; background:#000; z-index:132; -webkit-transition:all 0.4s; transition:all 0.4s;}

#mainmenu ul li ul li{ display:block; position:relative; clear:both; min-height:18px; height:auto; margin:0px; padding:0px; background:transparent; border:solid 0px #66F;}
#mainmenu ul li ul li span {display:none;}
#mainmenu ul li.kolekce ul li>span{ position:relative; display:block; margin:0; padding:14px 7px 14px 7px; width:auto; height:40px; font-size:16px; font-weight:400; text-decoration:none;text-align:center; white-space:nowrap; text-transform: uppercase; cursor:pointer;}
#mainmenu ul li.kolekce ul.subsubmenu li>a{ white-space:initial; padding:6px 4px; font-size:12px;}
/*
#mainmenu ul li.kolekce ul.subsubmenu li{ }
#mainmenu ul li.kolekce ul.subsubmenu li>a{ white-space:initial; padding:10px 4px;}
*/
#mainmenu ul li ul { /*width:auto; border:solid 1px #00F;*/}
/*#mainmenu ul li ul li{ clear:both; margin:0px; padding:20px 0 20px 0!important; background:transparent; border:solid 0px #FFF; text-transform:none;}*/
#mainmenu ul li > .submenu{ position:relative; opacity:0; width:100%; max-height:1px; top:0px;/* background:#400!important;*/ text-align:center; overflow:hidden; z-index:101!important; list-style:none; webkit-transition: all 0.30s ease-out; transition: all 0.30s ease-out;}
#mainmenu ul li > .submenu .center{display:inline-block; max-height:1px; position:relative; width:auto; min-width:auto; margin:0 auto; border:solid 0px #900; webkit-transition: all 0.30s ease-in-out; transition: all 0.30s ease-in-out;}
#mainmenu ul li.opened > .submenu {opacity:1; height:auto; max-height:665px; padding:0px; top:0px; z-index:102!important; webkit-transition: all 0.30s ease-out; transition: all 0.30s ease-out;}
#mainmenu ul li.opened > .submenu .center{display:inline-block; justify-content:space-between;max-height:665px; margin:30px auto; opacity:1; webkit-transition: all 0.30s ease-in-out; transition: all 0.30s ease-in-out;}

#mainmenu ul li > .subsubmenu{ position:relative; opacity:0; width:100%; max-height:1px; top:0px;/* background:#400!important;*/ text-align:center; overflow:hidden; z-index:101!important; list-style:none; webkit-transition: all 0.30s ease-out; transition: all 0.30s ease-out;}
#mainmenu ul .submenu_item.opened > .subsubmenu {opacity:1; height:auto; max-height:665px; padding:0px; padding:10px 0 20px 0; top:0px; z-index:102!important; webkit-transition: all 0.30s ease-out; transition: all 0.30s ease-out;}

}

/* index black version */
#mainmenu.black {background:#000;}
#mainmenu.black .mainmenuFooter{border-top:solid 1px #FFF; color:#FFF;}
#mainmenu.black .menu_slider, #mainmenu.black ul li.opened div.title span:after{background:#FFF;}
#mainmenu.black ul li>a,
#mainmenu.black ul li ul li a,
#mainmenu.black ul li div.title span,
#mainmenu.black ul li ul li span,
#mainmenu.black ul li.kolekce ul li span {color:#FFF;}
@media all and (min-width: 861px) {
#mainmenu.black .mainmenuBox > .center {border-bottom:solid 1px #FFF;}
}
@media all and (max-width: 860px) {
#mainmenu.black .mainmenuBox > .center {border-bottom:solid 0px #FFF;}
}



/* PRODUCT MENU */
#productmenu{position:fixed; left:0px; top:60px; width:100%;/*height:auto; min-*//*height:75px;*/ padding:0; text-align:left; /*background-color:#000;*/ font-size:16px; z-index:121}
#productmenu a.productmenuLogo {position:absolute; top:10px; left:38px; display:block;/*margin-left:-100px; */width:154px; height:auto;  border:solid 1px #FF9999;/*z-index:00!important;*/}
#productmenu a.productmenuLogo img{width:154px; height:auto;}

#productmenu .productmenuContent{width:100%; margin:10px auto 0 auto; border:solid 0px #FF9999; text-align:left; clear:both; }
#productmenu .productmenuBox{width:calc(100vw - 270px); margin:0 auto; float:right; text-align:center; border:solid 0px #3C9B00;z-index:121}
#productmenu .productmenuBox > .center{display:inline-block; width:60%; margin-left:-15%;/*width:auto;*/ border:solid 0px #900;}


/*#productmenu .productmenuBox:nth-child(2){float:right;}*/

#productmenu ul,#productmenu li{padding:0;list-style:none;}
#productmenu ul{width:100%; min-height:20px; margin:0;}
#productmenu ul li{float:left; background:transparent; height:40px; /*margin:0 5%;*/clear:none;border:solid 0px #3C9BDD; text-transform:uppercase;}
#productmenu ul li a, #productmenu ul li span{display:block; padding:12px 20px; min-width:100px; height:40px; font-size:15px; font-weight: 400; text-decoration:none;text-align:center; white-space:nowrap; cursor:pointer; text-transform: uppercase;}
/*#productmenu ul li.on > a{color:#666!important;}*/

#productmenu ul li ul{ /*position:absolute;*//* opacity:0;*/ display:block; position:relative; width:auto; min-width:220px; float:left; clear:none!important; border-left:solid 1px #000; padding-left:0px;/*height:1px; background:#000!important;*//*position:absolute; width:calc(90vw - 16px);*/ /*max-width:1300px;*//*height:1px;*/ /*min-height:0; max-height:665px;*/ /*margin:0 auto;*/ /*padding:0; left:0;*//*left:50vw;*/ /*transform: translateX(-50%);*/ /*top:59px; overflow:hidden;*/ /*border:solid 1px #000; */ /*border:solid 1px #F00;*/z-index:101!important; list-style:none;}
#productmenu ul li ul li{ display:block; position:relative; /*float:left;*/ clear:both; width:100%; height:36px; /*width:25%; height:170px;*/ margin:0px; padding:0px; background:transparent; border:solid 0px #FFF; text-transform:none;}
#productmenu ul li ul li a{display:block; position:absolute; left:0; top:0; width:100%; height:100%; padding-top:10px; text-align:left!important; font-size:15px; /* font-weight:bold;*/white-space:nowrap; border:solid 0px #FFF; text-transform:none;/*background-image:url(productmenu-cat-puree.jpg); background-repeat: no-repeat; background-position: right top; background-size: auto 100%; text-shadow: 0 0 12px #FFF;*/}

/* text color*/
#productmenu ul li>a, 
#productmenu ul li>span,
#productmenu ul li ul li a,
#productmenu ul li.on ul li a{color:#000;}
#productmenu ul li>a:hover, 
#productmenu ul li>span:hover, 
#productmenu ul li.opened>span,
#productmenu ul li.on>a,
#productmenu ul li.on ul li.on a,
#productmenu ul li.on ul li a:hover{color:#000; text-decoration:underline;}
#productmenu ul li>a.home{width:23px; height:28px; background:url(icon-home.png) center 12px no-repeat;}
#productmenu ul ul li a, #productmenu ul li ul li.on a{color:#000; text-decoration:none; /*font-weight:bold;*/ -webkit-transition:none; transition:none;}
/*
#productmenu ul ul li a:hover, #productmenu ul li ul li.on a:hover{color:#FFF; text-decoration:none; font-weight:bold; -webkit-transition:none; transition:none;}
*/
/* při nedostatku místa se prostor posune */
@media all and (max-width: 1100px) { 
#productmenu .productmenuBox{width:calc(100vw - 320px); margin-right:100px; float:right; text-align:center; border:solid 0px #3C9B00;z-index:121}
#productmenu .productmenuBox > .center{display:inline-block; width:100%; margin-left:0%;/*width:auto;*/ border:solid 0px #900;}
#productmenu ul li a, #productmenu ul li span{display:block; padding:12px 0.5vw; min-width:100px; height:40px; font-size:15px; font-weight: 400; text-decoration:none;text-align:center; white-space:nowrap; cursor:pointer; text-transform: uppercase;}
}

/* funkcni zapnuti podnabidky */
@media all and (min-width: 861px) {
#productmenu ul li > .submenu{ position:absolute; opacity:0; width:100%; max-height:1px; left:0px; top:72px; padding:0px 0 0px 0;  border: solid 0px #FF0000; background:#FFF!important; text-align:center; overflow:hidden; z-index:101!important; list-style:none; webkit-transition: opacity 0.30s ease-in-out; transition: opacity 0.30s ease-in-out;}
#productmenu ul li > .submenu .center{display:none; opacity:0; width:auto; margin:0 auto; border:solid 0px #900; webkit-transition: opacity 0.30s ease-in-out; transition: opacity 0.30s ease-in-out;}
#productmenu ul li.opened > .submenu {opacity:1; max-height:665px; padding:20px 0 50px 0; border-bottom:solid 1px #000; z-index:102!important; webkit-transition: opacity 0.30s ease-in-out; transition: opacity 0.30s ease-in-out;}
#productmenu ul li.opened > .submenu .center{display:inline-block; opacity:1; webkit-transition: opacity 0.30s ease-in-out; transition: opacity 0.30s ease-in-out;}
}
/* při mobilnim zobrazeni toto menu zmizi */
@media all and (max-width: 860px) {
#productmenu .productmenuContent{display:none}
}

/* index black version */
/*#productmenu.black {top:60px;}*/
#productmenu.black ul li ul{ border-left:solid 1px #FFF;}

#productmenu.black ul li>a, 
#productmenu.black ul li>span,
#productmenu.black ul li ul li a,
#productmenu.black ul li.on ul li a{color:#FFF;}
#productmenu.black ul li>a:hover, 
#productmenu.black ul li>span:hover, 
#productmenu.black ul li.opened>span,
#productmenu.black ul li.on>a,
#productmenu.black ul li.on ul li.on a,
#productmenu.black ul li.on ul li a:hover{color:#FFF; /*font-weight:bold;*/ /*text-decoration:underline;*/}

@media all and (min-width: 861px) {
#productmenu.black ul li > .submenu{ background:#000!important;}
}



.pagemenu a {display:inline-block; padding:7px 20px; font-size:16px;  text-transform:uppercase; text-decoration:none;}
.pagemenu a:hover {background:#EEEEEE;}
.pagemenu a.on {font-weight:bold;}


a.homebutton {position:absolute; top:30px; right:0px; display:block; width:60px; height:16px; padding-top:0px; color:#80252C!important; font-size:14px; font-weight:bold; text-align:right!important; text-decoration:none!important; background: url('back-arrow.gif') left center no-repeat; z-index:100!important;}
a.homebutton:hover {color:#80252C!important;}


/* Navigation bar ================================================================================================*/
/*.navi {display:none; width:724px; height:25px; margin-top:0px; margin-bottom:0px; padding:17px 8px 8px 8px; font-size:100%; color:#666666; font-weight:bold; background: url('navi-bg.jpg') left top no-repeat; border-bottom: solid #DDD 0px;}
.navi a {color:#999; padding:0px 10px;}
.navi a:hover {color:#666;}
.navi strong {padding:0px 10px;}*/






/* POPUP ================================================================================*/
#popup {position:absolute; float:none; top:20px; left:20px;}



/*kolekce*/
/* POLOZKY PRAVE STRANY ================================================================================*/

/*
.title {
	width:240px; height: 60px;
	margin: 0px; padding: 0px;
	border: solid #FF77FF 0px;
}*/

#content 	{width: 740px; margin:0px; clear:both;}
/*#content .page	{font-size: 11px; color: #D29824; font-family: Arial CE, Arial, sans-serif; font-weight:none;}*/
#content .img {
	/*margin: 0px 6px; padding: 3px;*/
	border: solid #474519 0px;	
}
#content .text 	{width: 380px; margin: 0px; padding: 0px; clear:both;}

/* STRANKOVANI- */
/*
#pageLeft #pager {
	width:550px; height:20px;
	margin: 20px 0px 0px 0px; padding: 0px;
	clear:both;
}
#pager p {
	width:80px; height:20px;
	margin: 0px; padding: 0px;
	float:left;}

#pager ul { 
	width:400px; height:20px;
	margin-left: 20px; padding: 0px; 
	list-style:none;
	}
#pager li {
	margin: 0px; padding: 0px;
	width:26px; height:16px;
	font-size: 100%; text-decoration: none; text-align:center;	
	list-style:none; position:relative; float:left;
	background: url('../trans.gif') left top no-repeat;
	color: #FFFFFF; font-weight:bold;
}
#pager li a, #pager li a:link, #pager li a:visited, #pager li a:active {
	margin: 0px; padding: 0px;
	width:26px; height:16px;
	color: #D77777; font-size: 100%; font-weight:normal; text-decoration: none; text-align:center;	
	list-style:none; position:relative; float:left;
}
#pager li a:hover {
	color: #FFFFFF;
	border-bottom: solid #3F95C0 2px;
}
#pager li span.prev {
	margin: 0px; padding: 0px;
	width:26px; height:16px;
	color: #66DFFF; font-size: 100%; text-decoration: none; text-align:center;	
	list-style:none; position:relative; float:left;
	background:url(../pages-prev1.gif) 50% 40% no-repeat;
}
#pager li span.prev:hover {
	background:url(../pages-prev2.gif) 50% 40% no-repeat;
}
#pager li span.next {
	margin: 0px; padding: 0px;
	width:26px; height:16px;
	color: #66DFFF; font-size: 100%; text-decoration: none; text-align:center;	
	list-style:none; position:relative; float:left;
	background:url(../pages-next1.gif) 50% 40% no-repeat;
}
#pager li span.next:hover {
	background:url(../pages-next2.gif) 50% 40% no-repeat;
}
*/


/* TECHTABLE ===========================================================================================*/
.techtable {width:320px;}
.techtable h3 {}
.techtable .roll {width:320px; height:14px; padding:5px; background-color:#EEEEEE; margin-top:2px; float:left; font-weight:bold;}
.techtable .roll:hover {background-color:#DDDDDD;}
.techtable .roll .title {display:block; margin:0px; width:120px; float:left;}

.techtable .roll .a {display:block; margin:0px; width:90px; float:right; text-decoration:none;}
.techtable .roll .a img {margin: 0px 5px;}



/* FOTOGALERIE =========================================================================================*/

#fotogalerie-vypis, #fotogalerie-popis, #fotogalerie-detail{
	width: 550px; 
	margin: 0px; padding: 0px;
	clear: both;
}

/* vypis */ 
#fotogalerie-vypis .foto{
	width: 170px; 
	margin: 0px 0px 10px 5px; padding: 0px; float: left;
	border: 0px solid #3F95C0;
}
#fotogalerie-vypis .foto .image, #fotogalerie-vypis .foto .image table{
	width: 170px; height: 170px;
	margin: 0px; padding: 0px; border: 0px;
}
#fotogalerie-vypis .foto .image td{
	margin: 0px; padding: 0px;
	text-align: center; vertical-align: middle;
	border: 0px;	
}

/* detail */
#fotogalerie-detail .foto {
	width: 550px; 
	margin: 0px; padding: 0px; float: left;
	border: 0px solid #3F95C0;
}
#fotogalerie-detail .foto .image {
	width: 550px; text-align: center;
	margin: 0px; padding: 0px; border: 0px;
}


/* image */
#fotogalerie-vypis .foto .image a img, #fotogalerie-detail .foto .image a img{
	padding: 2px;
	border: 1px solid #3F95C0;	
}
#fotogalerie-vypis .foto .image a:hover img, #fotogalerie-detail .foto .image a:hover img{
	border: 1px solid #FFFFFF;	
}

/* popis*/
#fotogalerie-vypis .foto .popis, #fotogalerie-detail .foto .popis{
	margin-top: 5px; padding: 5px;
	
}








.nazevodkaz { 
	margin: 0px; padding: 0px 15px 0px 0px; display:block; clear:both;
	color: #FFF00C; font-size: 100%; text-decoration: none;	
	background: url('nazevodkaz-li1.gif') center right no-repeat;
	font-weight: bold;
}	
.nazevodkaz:link, .nazevodkaz:active, .nazevodkaz:visited { 
	margin: 0px; padding: 0px 15px 0px 0px;
	color: #FFF00C; font-size: 100%; text-decoration: none;	
	font-weight: bold;
}
.nazevodkaz:hover { 
	text-decoration: underline;
	background: url('nazevodkaz-li2.gif') center right no-repeat;	
}


#doba		{ width:160px; height: 200px; float:left; background-image: url(doba-bg.gif); background-repeat: repeat-x;}
#doba .den	{ width:70px; float:left; padding-left:10px;}
#doba .hod	{ width:70px; float:left;}
#doba .cenik	{ width:140px; float:left; padding-left:10px; margin-top:45px;}

.kontakty {width:580px; margin: 0px, 0px, 25px, 0px; padding: 0px; clear: both;}
.kontakty .uno {margin-right: 10px; margin-bottom:10px; padding: 7px; width:260px; height:120px; clear: right; background-color: #042700; border: 1px solid #1E2D00;}
.kontakty .duo {margin-right: 10px; margin-bottom:10px; padding: 7px; width:260px; height:120px; float:left; background-color: #042700; border: 1px solid #1E2D00;}
.kontakty .pozn {margin-left: 10px; margin-bottom:20px; padding: 0px; width:500px; height:30px; clear: both; float:left; }
.kontakty div img {border: solid #0F77FF 0px; }


.formular {width:700px; padding:20px; background-color:#F3F3E7;}
.formular form { margin:0px; border: solid #0F77FF 0px;}
.formular input, .formular textarea {font-family: 'Gotham', sans-serif; font-size: 100%; margin: 2px; padding:2px; border: solid #999999 1px; height:14px;}
.formular .obsah {width:700px; height:100%; clear: both;}
.formular .cols {width:340px; height:100%; float:left; }
.formular .rows {width:700px; clear: both; }
.formular .cols .polen {width:80px; height:100%; float:left; margin: 0px 0px; padding-top: 7px; border: solid #0F77FF 0px;}
.formular .cols .polenbig {width:320px; float:left; margin: 0px 0px; padding-top: 7px; border: solid #0F77FF 0px;}
.formular .cols .polei {width:240px; height:100%; float:left; margin: 3px 0px; border: solid #0F77FF 0px;}
.formular .checkbox {width: 20px; height:18px; float:left; border: solid #0F77FF 0px;}
.formular .checkboxn {width: 210px; height:18px; margin-left: 22px; padding-top: 2px; padding-left: 3px; border: solid #0F77FF 0px;}
.formular .p {color:#BE5813; font-weight:bold;}
.formular .info {background-color:#F3F3E7; border: solid #0F77FF 0px; color:#BE5813; font-weight:bold; text-align:center;}
.formular .inf {color:#BE5813; font-weight:bold; text-align:center;}

#infobox {position:absolute; width:170px; padding:10px; background-color:#FFF; border:solid #999 1px; z-index:2000;}
#infobox2 {position:absolute; width:170px; padding:10px; background-color:#FFF; border:solid #999 1px; z-index:2000;}

/* virtulni prohlidka */
.vp {width:100%;height:50px; padding:10px 16px; background:#000;}
.vp > .title, .vp > .prodej { float:left; width:170px; height:30px; padding:5px; color:#FFF; text-align:center;}
.vp > .prodej { float:right; width:200px; padding:5px; border:solid 1px #FFF;}
.vp > .title > a, .vp > .prodej > a {font-size:15px; color:#FFF; text-align:center;}

.kolekce {}
.kolekce img{float:left;}

#kolekce, #kolekce2 {width:100%; min-height:450px; /*max-width:1200px; margin:0 auto;*/ clear:both; overflow:hidden; border: solid #0F77FF 0px;}
#kolekce .kolekceContent, #kolekce2 .kolekceContent {width:100%; max-width:1200px; margin:0 auto; border: solid #0F77FF 0px; }

#kolekce .item, #kolekce .itemx{ position:relative; width:30.33%; /*min-height:60%;*/ float:left; box-sizing:border-box; margin:0 1.5%; margin-bottom:80px; overflow:hidden;}
#kolekce .item:before {content: ""; display: block; padding-top:30%!important;}
#kolekce.kresla .item:before {content: ""; display: block; padding-top:41%!important;}
#kolekce.revive .item:before {content: ""; display: block; padding-top:50%!important;}
#kolekce.lampy .item:before {content: ""; display: block; padding-top:70%!important;}



@media all and (max-width:1120px) {
#kolekce .item, #kolekce .itemx{ width:47%;}
#kolekce.revive .item:before {content: ""; display: block; padding-top:56%!important;}
#kolekce.lampy .item:before {content: ""; display: block; padding-top:74%!important;}
}
@media all and (max-width: 860px) {
#kolekce.revive .item:before {content: ""; display: block; padding-top:52%!important;}
#kolekce.revive .item:before {content: ""; display: block; padding-top:70%!important;}
}
@media all and (max-width: 600px) {
#kolekce .item, #kolekce .itemx{ width:97%;}
#kolekce.kresla .item:before {content: ""; display: block; padding-top:45%!important;}
#kolekce.revive .item:before {content: ""; display: block; padding-top:56%!important;}
}

#kolekce2 {width:715px; float:right; overflow:hidden; border: solid #0F77FF 0px;}
#kolekce2 .kolekceContent {width:740px; border: solid #0F77FF 0px; }
#kolekce2 .item{ position:relative; width:47%; /*min-height:60%;*/ float:left; box-sizing:border-box; margin:0 1.5%; margin-bottom:30px; overflow:hidden;}


#kolekce .item>a, #kolekce2 .item>a {position:absolute; display:block; top:0px; left:0px; width:100%; height:100%; border: solid #999 0px; margin-top:10px; /*max-height:300px;*/ /*overflow:hidden;*/ }
#kolekce .item>a img, #kolekce2 .item>a img{position:relative;display:block;top:10px;left:0px;max-width:100%; height:auto;border: solid #900 0px;/*height:120px;*/z-index:2; overflow:hidden;/* border-bottom: solid #999 1px;*/}
/*#kolekce .item span, #kolekce2 .item span {position:absolute; display:block; top:0px; left:0px; width:219px; height:145px; border: solid #80252C 3px; z-index:2; }*/
#kolekce .item .title, #kolekce2 .item .title{/*position:fixed; bottom:0;*/ width:100%;/*display:none;*/ padding:0px; margin:0px; height:40px; padding-top:10px; font-size:100%; z-index:4; text-transform:uppercase; }
#kolekce .item .title h3, #kolekce .item .title2 h3, #kolekce2 .item .title h3{ width:100%; color:#333; font-size:18px; text-align:center; padding-top:5px; border-top:solid #CCC 0px; z-index:21;}
#kolekce .item:hover .title h3, #kolekce2 .item:hover .title h3{color:#000; /*border-top:solid #80252C 1px;*/}
#kolekce .item p{padding:0px; margin:0px; margin-bottom:10px;}
#kolekce .item .title2{/*position:absolute;*/ bottom:-40px; width:100%; padding:0px; margin:0px; height:80px; padding-top:10px; font-size:100%; z-index:4; text-transform:uppercase; }


#kolekce .item>a img, #kolekce2 .item>a img {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  top:10px; left:5%; width:90%; /*height:120px;*/
}
#kolekce .item>a:hover img, #kolekce2 .item>a:hover img {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  top: 0px; left:0%; width:100%; /*height:150px;*/
}

#kolekce .item .spacer, #kolekce2 .item .spacer {position:relative; width:100%;}

/* k videni */
/*#kolekce .see a:after {content:""; position:absolute; display:block; top:0px; left:0px; width:50px; height:30px; border:solid #999 0px; background:url(icon-see.png) center center no-repeat; }*/
/*#kolekce .item .see {position:absolute; display:block; top:0px; left:calc(100% - 52px); width:100%; height:50px; border:solid rgba(0,0,0,0) 1px;  background:url(icon-see.png) 8px 10px no-repeat; z-index:4; box-sizing:border-box; transition: all 0.4s; -webkit-transition: all 0.4s; cursor:pointer; cursor:hand;}
#kolekce .item .see:hover {left:0; width:100%; min-height:80px; height:auto; border:solid rgba(0,0,0,1) 1px; background:url(icon-see.png) 10px 14px #FFF no-repeat; }
#kolekce .item .see .see-content{position:relative; opacity:0;margin-left:50px; width:calc(100% - 50px); padding:12px 6px; border:solid #999 0px; font-size:14px; line-height:170%; box-sizing:border-box; transition: all 0.4s; -webkit-transition: all 0.4s;}
#kolekce .item .see:hover .see-content {opacity:1;}
#kolekce .item .see>a span, #kolekce .item .see span {display:inline-block; position:relative; background:#333; color:#FFF; font-size:12px; padding:2px 8px; margin-bottom:8px;}
*/

/* k videni */
.see {position:absolute; display:block; top:0px; left:calc(100% - 52px); width:90%; /*max-width:365px;*/ height:50px; border:solid rgba(0,0,0,0) 0px; background:url(icon-see.png) 8px 10px no-repeat; z-index:4; box-sizing:border-box; transition: all 0.4s; -webkit-transition: all 0.4s; cursor:pointer; cursor:hand;}
.see:hover {left:0%; width:100%; min-height:80px; height:auto; border:solid rgba(0,0,0,1) 0px; background:url(icon-see.png) 10px 14px #EFEFEF no-repeat;}
.see .see-content{position:relative; opacity:0;margin-left:50px; width:calc(100% - 50px); padding:12px 6px; border:solid #999 0px; font-size:14px; line-height:170%; box-sizing:border-box; transition: all 0.4s; -webkit-transition: all 0.4s;}
.see:hover .see-content {opacity:1;}
.see>a span, .see span {display:inline-block; position:relative; background:#333; color:#FFF; font-size:12px; padding:2px 8px; margin-bottom:8px;}
/*.addsee {position:relative; overflow:hidden;}*/
div[datasee] {position:relative; overflow:hidden;}



/* sleva */
#kolekce .sale10 a:before, #kolekce .sale15 a:before, #kolekce .sale20 a:before, #kolekce .sale22 a:before, #kolekce .sale25 a:before, #kolekce .sale30 a:before, #kolekce .sale35 a:before, #kolekce .sale40 a:before, #kolekce .sale45 a:before, #kolekce .sale50 a:before {
content:""; position:absolute; display:block; top:4px; right:0px; width:56px; height:28px; padding-top:4px; color:#FFF; font-size:18px; font-weight:bold; text-align:center; line-height: 130%; border:solid #B52525 0px; background:#990000; /*background:url(vyprodej-sleva.png) center bottom no-repeat;*/ z-index:10; /*text-shadow:2px 2px 0 #990000;*/
}
#kolekce .sale10 a:before {content:"-10%";}
#kolekce .sale15 a:before {content:"-15%";}
#kolekce .sale20 a:before {content:"-20%";}
#kolekce .sale22 a:before {content:"-22%";}
#kolekce .sale25 a:before {content:"-25%";}
#kolekce .sale30 a:before {content:"-30%";}
#kolekce .sale35 a:before {content:"-35%";}
#kolekce .sale40 a:before {content:"-40%";}
#kolekce .sale45 a:before {content:"-45%";}
#kolekce .sale50 a:before {content:"-50%";}


#kolekce .new a:before {
content:"KOLEKCE 2021"; position:absolute; display:block; top:-10px; right:0px; width:120px; height:18px; padding-top:0px; color:#900; font-size:16px; font-weight:bold; text-align:center; line-height: 130%; border:solid #B52525 0px; /*background:#990000;*/ /*background:url(vyprodej-sleva.png) center bottom no-repeat;*/ z-index:9; /*text-shadow:2px 2px 0 #990000;*/
}
#kolekce .soon a:before {
content:"JIŽ BRZO"; position:absolute; display:block; top:-10px; right:0px; width:120px; height:18px; padding-top:3px; color:#900; font-size:16px; font-weight:bold; text-align:center; line-height: 130%; border:solid #B52525 0px; /*background:#990000;*/ /*background:url(vyprodej-sleva.png) center bottom no-repeat;*/ z-index:9; /*text-shadow:2px 2px 0 #990000;*/
}
#kolekce .soona a:before {
content:"JIŽ BRZO\A K DISPOZICI"; white-space: pre-wrap; text-align:right!important; position:absolute; display:block; top:-15px; right:0px; width:120px; height:auto; padding-top:3px; color:#900; font-size:16px; font-weight:bold; text-align:center; line-height: 130%; border:solid #B52525 0px; /*background:#990000;*/ /*background:url(vyprodej-sleva.png) center bottom no-repeat;*/ z-index:9; /*text-shadow:2px 2px 0 #990000;*/
}
#kolekce .soons a:before {
content:"BRZO V PRODEJI"; white-space: pre-wrap; text-align:right!important; position:absolute; display:block; top:-15px; right:0px; width:120px; height:auto; padding-top:3px; color:#900; font-size:16px; font-weight:bold; text-align:center; line-height: 130%; border:solid #B52525 0px; /*background:#990000;*/ /*background:url(vyprodej-sleva.png) center bottom no-repeat;*/ z-index:9; /*text-shadow:2px 2px 0 #990000;*/
}


/*#kolekce .none, #kolekce2 .none{ display:none;}*/

/*#kolekce .item .title, #kolekce2 .item .title{
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  top:10px;
}*/
/*#kolekce .item:hover .title, #kolekce2 .item:hover .title{
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  top:0px;
}*/
#kolekce .item div.akce {position:absolute; display:block; top:10px; left:0px; width:60px; height:20px; padding:3px 0 5px 0; color:#990000; font-weight:bold; text-align:center; font-size:120%; border:solid 1px #990000;/*background:#990000;*//*background:url(kolekce-akce.png) left top no-repeat;*/overflow:hidden; }
#kolekce .item div.new {position:absolute; display:block; top:10px; right:0px; width:90px; height:20px; padding:3px 0 5px 0; color:#990000; font-weight:bold; text-align:center; font-size:120%; border:solid 1px #990000;/*background:#990000;*//*background:url(kolekce-akce.png) left top no-repeat;*/overflow:hidden; }
#kolekce .item div.akce-natuzzi-express {position:absolute; display:block; top:5px; left:0px; width:100%; height:20px; padding:3px 0 5px 0; color:#555; /*font-weight:bold;*/ text-align:center; font-size:120%; border:solid 0px #990000;/*background:#990000;*//*background:url(kolekce-akce.png) left top no-repeat;*/overflow:hidden; }


/*#kolekce .item a img {
  -webkit-animation: image-out 0.4s ease-in-out forwards;
  -moz-animation:    image-out 0.4s ease-in-out forwards;
  -o-animation:      image-out 0.4s ease-in-out forwards;
  animation:         image-out 0.4s ease-in-out forwards;
}*/
/*
@-webkit-keyframes image-over{0%{top: 10px; left:22px; width:180px; height:120px;}100%{}}
@-webkit-keyframes image-out{0%{top: 0px; left:0px; width:225px; height:150px;}100%{top: 10px; left:22px; width:180px; height:120px;}}
@-moz-keyframes image-over{0%{top: 10px; left:22px; width:180px; height:120px;}100%{top: 0px; left:0px; width:225px; height:150px;}}
@-moz-keyframes image-out{0%{top: 0px; left:0px; width:225px; height:150px;}100%{top: 10px; left:22px; width:180px; height:120px;}}
@-o-keyframes image-over{0%{top: 10px; left:22px; width:180px; height:120px;}100%{top: 0px; left:0px; width:225px; height:150px;}}
@-o-keyframes image-out{0%{top: 0px; left:0px; width:225px; height:150px;}100%{top: 10px; left:22px; width:180px; height:120px;}}
@keyframes image-over{0%{top: 10px; left:22px; width:180px; height:120px;}100%{top: 0px; left:0px; width:225px; height:150px;}}
@keyframes image-out{0%{top: 0px; left:0px; width:225px; height:150px;}100%{top: 10px; left:22px; width:180px; height:120px;}}
*/


#kolekce .item .info{ display:none; position:absolute; top:0px; left:0px; width:213px; min-height:190px; float:left; margin-bottom:18px; padding:10px; background-color:#FFF; z-index:2;}
#kolekce .item .link{ position:absolute; top:0px; left:0px; width:225px; min-height:200px; display:block; float:left; z-index:3;}

#kolekce .item .icons{ display:none; position:absolute; bottom:20px; right:0px; width:233px; z-index:3; text-align:right; z-index:50;}
#kolekce .item .icons img{margin:2px; float:right;}

#kolekce .item .info {display:none; position:absolute; top:0px; left:0px; width:233px; min-height:120px; padding:0px; /*padding-top:155px!important;*/ padding-bottom:15px!important; background: url('trans.gif') left center repeat; z-index:2;}
#kolekce .item .info .pdf{float:right; margin: 0px 10px 10px 10px; /*width:100px; min-height:100px;*/ padding:0px; /*padding-bottom:15px!important;*/}

#kolekce .itemnext { position:relative; width:225px; min-height:150px; float:left; background:#888; margin-right:20px; margin-bottom:20px; overflow:hidden;}
#kolekce .itemnext:hover { background:#666;}




/*#kolekce2 .item{ position:relative; width:225px; min-height:200px; float:left; margin-right:20px; margin-bottom:20px; overflow:hidden;}*/
/*#kolekce2 .item h3{ width:225px; color:#333; font-size:18px; padding:0px; margin-top:5px; margin-bottom:5px; z-index:20;}
#kolekce2 .item .title p{ padding:0px; margin:0px; margin-top:0px; font-size:100%;}*/
/*
#kolekce2 .item .info {display:none; position:absolute; top:0px; left:0px; width:233px; min-height:120px; padding:0px; padding-bottom:15px!important; background: url('trans.gif') left center repeat; z-index:2;}
#kolekce2 .item .info h4{ font-size:130%; width:233px; color:#666666; margin-top:0px; margin-bottom:5px;}

#kolekce2 .item .info h3{ font-size:140%; width:233px; color:#666666; margin-top:0px; margin-bottom:3px;}
#kolekce2 .item .info strong{ font-size:100%; width:233px; color:#666666; margin-top:0px; margin-bottom:3px;}
#kolekce2 .item .info p{padding:0px; padding-left:5px; margin:0px; margin-bottom:10px; font-size:90%;}
#kolekce2 .item .info span { display:block; width:223px; height:auto; margin:0px; padding:0px 0px 0px 10px; background: url('li.gif') 0px 0px no-repeat;}
#kolekce2 .item .info ul{padding:0px; margin:0px 0px!important; margin-top:-5px;}
#kolekce2 .item .info li{padding:0px; margin:0px; padding-left:11px; font-size:100%; background: url('li.png') 0px -1px no-repeat; }

#kolekce2 .item .link {position:absolute; top:0px; left:0px; width:233px; height:160px; display:block; z-index:5; background:none;}
#kolekce2 .item .link img{width:233px; height:185px;}

#kolekce2 .item .title {}
*/

#kolekce .kolekceimage {position:relative; clear:both; width:960px; height:auto; margin-bottom:15px; color:#AAA;}
#kolekce .kolekceimage h2{position:absolute; left:20px; top:20px; z-index:2; color:#FFF; font-size:230%; font-weight:normal; text-shadow:0 0 15px #333333;}
#kolekce .kolekceimage img{/*position:absolute; left:0px; top:0px;*/ z-index:1;}
/* NOVINKA */
#kolekce .kolekceimage.new a:before {
content:"KOLEKCE 2021"; position:absolute; display:block; top:25px; right:0px; width:200px; height:28px; padding-top:5px; color:#900; font-size:18px; font-weight:bold; text-align:center; line-height:130%; border:solid #B52525 0px; background:rgba(250,250,250,0.6)!important; /*background-color:#D0CBC8;*/ z-index:9;
}


.kolekceTop  {position:relative; clear:both; width:740px; height:100px; margin-bottom:15px; /*background-color:#F4F4F4;*/ border-bottom: solid #80252C 4px;}





.downloadlinkbox		{ width:930px; padding:15px; margin-bottom:20px; clear: both; color:#AAAAAA; background-color:#F2F2F2; font-weight:bold;}
#downloadlink 		  { width:690px; padding-left:25px; float:left; color:#AAAAAA; text-align:left; font-weight:bold; background: url('downloadlink-bg.gif') left center no-repeat;}
#downloadlink 		   strong{color: #666!important; padding:0px!important; margin:0px!important;}
#downloadlink 		   strong a{padding:0px; margin:0px;}


#menu {position:relative; top:20px; /*left:51%; margin-left:-360px;*/ /*top:65px; right:10px;*/ margin-bottom:20px;  margin: 0 auto 20px auto; clear: both; /*float:right;*/ color:#AAAAAA; text-align:center; font-weight:bold;}
#menu a{ color: #333!important; margin-right:14px; padding-left:16px; font-size:18px; font-weight:normal; text-transform:uppercase; text-align:center!important; text-decoration:none; /*background: url('menu-delimiter.png') left center no-repeat;*/}
#menu a:hover{ color: #666!important; }
#menu a.on{ color:#80252C!important; border-bottom: solid #80252C 0px; text-decoration:underline}
#menu a.first{background:none;}


#sidemenu {position:relative; float:left; border: solid #80252C 0px;/*top:65px; right:10px;*/ width:200px; height:100%; padding:10px; /*margin-bottom:20px;*/ background-color:#D0CBC8; text-align:right; }
#sidemenu a{ display:block; height:20px; padding:13px 10px 10px 10px; color:#333!important; clear:both; border-top: solid #E5E1DE 2px; text-decoration:none; font-size:14px; text-align:left!important; text-transform:uppercase; text-decoration:none; /*background: url('menu-delimiter.png') left center no-repeat;*/}
#sidemenu a:hover{ color: #666!important; }
#sidemenu a.on{ color:#80252C!important;}
#sidemenu a.first{background:none; border-top: solid #E5E1DE 0px;}


/* BMENUS ==============================================================================================*/
#bmenu 			          { clear: both;}
#bmenuContent         { width:740px; padding: 10px; color: #683939; text-align: center; }
#bmenu .delic 		    { font-size: 11px; color: #683939; margin-left:5px; margin-right:5px;}
#bmenu .mn1		        { }
#bmenu .mn1 A:link 	  { font-size: 11px; color: #D77777; text-decoration: none;}
#bmenu .mn1 A:visited	{ font-size: 11px; color: #D77777; text-decoration: none;}
#bmenu .mn1 A:active	{ font-size: 11px; color: #D77777; text-decoration: none;}
#bmenu .mn1 A:hover	  { font-size: 11px; color: #FFFFFF; text-decoration: underline;}
#bmenu .mn2		        { }
#bmenu .mn2 A:link 	  { font-size: 11px; color: #BE8B59; text-decoration: none;}
#bmenu .mn2 A:visited	{ font-size: 11px; color: #BE8B59; text-decoration: none;}
#bmenu .mn2 A:active	{ font-size: 11px; color: #BE8B59; text-decoration: none;}
#bmenu .mn2 A:hover	  { font-size: 11px; color: #FFFFFF; text-decoration: underline;}
#bmenu .mn3		        { }
#bmenu .mn3 A:link 	  { font-size: 11px; color: #D29824; text-decoration: none;}
#bmenu .mn3 A:visited	{ font-size: 11px; color: #D29824; text-decoration: none;}
#bmenu .mn3 A:active	{ font-size: 11px; color: #D29824; text-decoration: none;}
#bmenu .mn3 A:hover	  { font-size: 11px; color: #FFFFFF; text-decoration: underline;}
#bmenu .mezera		    { width:720px; height:5px; float:left;}

#copy 			          { clear: both;}
#copyContent          { width:740px; height: 40px; padding: 10px; color: #683939; text-align: center; }





/* INDEX */
/*#index-slideshow .bottom-center {position:absolute; bottom:25px; left:50%; transform: translateX(-50%);}*/


#information {position:relative; width:100%; height:auto; margin:0px auto; margin-bottom:0px; padding:50px 0px 0px 0px; overflow:hidden; /*background:#444;*/}
#information .informationContent {position:relative; width:100%; /*color:#CCC!important;*/ height:auto; margin:0px auto; padding-top:20px; overflow:hidden; /*background:#444;*/}

#information li {padding: 0px 0px 0px 14px; }
#information a{color:#000!important;/* font-size:20px!important; font-weight:normal!important; */ text-decoration:none!important; transition: all 0.5s; -webkit-transition: all 0.3s;}
#information a:hover{color:#999!important;}
/*#information em{color:#666;}*/
#information .box {position:relative; width:45%; height:auto; min-height:500px; float:left; overflow:hidden; z-index:1; }

#information .line {position:absolute; top:20px; left:477px; width:6px; height:382px; padding:0px; /*background:#E5E1DE;*/ background: url('delic-vertical.png') #E5E1DE center top repeat-y; z-index:100;}
#information .keywordtext {position:relative; height:auto; float:left;}
#information .keywordtext h1 {/*margin: 5px 0px 5px 0px; padding: 0px; font-size: 30px; font-weight: 300; text-transform: uppercase;*/}

#information .keywordimage {position:relative; width:100%; height:auto;}

.catalogue {position:relative; width:100%; padding-bottom:30px; padding-top:60px;}
/*#catalogue .w50 {position:relative;background:#dedede;}*/
.catalogue img {position:relative; max-width:100%; margin:0 auto; display:block;/*top:50%; transform: translateY(-50%);*//*position:absolute; bottom:55px;*/}
.catalogue .text {position:relative; padding:50px 5%;/*padding: max(20px,5%);*/ /*background:#dedede;*/}
.catalogue .text .title {/*left:70px; top:205px;*/ font-size:36px; text-align:left; /*font-weight:bold;*/ margin-bottom:30px;/*position:absolute; bottom:55px;*/}
.catalogue .text p {margin-bottom:30px;}

.index-cats {width:100%; margin-bottom: 50px; position:relative;}
.index-cats .cats1 {width:37.5%; position:relative; float:left;}
.index-cats .cats2 {width:37.5%; position:relative; float:left;}
.index-cats .cats3 {width:25%; position:relative; float:left;}
.single_cat.pohovky { width:66.666666%; background-color: #ececec; }
.single_cat.kresla { width:33.333333%; background-color: #dfdfe0; }
.single_cat.steny { width:33.333333%; background-color: #ececec; }
.single_cat.postele { width:66.666666%; background-color: #e6e6e6 }
.single_cat.stoly { width:66.666666%; background-color: #f2f2f3 }
.single_cat.stolky { width:33.333333%; background-color: #dfdfe0; }
.single_cat.lampy { width:50%; background-color: #e6e6e6; }
.single_cat.komody { width:50%; background-color: #ececec; }
.single_cat.doplnky { width:50%; background-color: #f2f2f3; }
.single_cat.pohovky:before { content: ''; display: block; padding-top: 100%; }
.single_cat.kresla:before { content: ''; display: block; padding-top: 200%; }
.single_cat.steny:before { content: ''; display: block; padding-top: 100%; }
.single_cat.postele:before { content: ''; display: block; padding-top: 50%; }
.single_cat.stoly:before { content: ''; display: block; padding-top: 50%; }
.single_cat.stolky:before { content: ''; display: block; padding-top: 100%; }
.single_cat.lampy:before { content: ''; display: block; padding-top: 200%; }
.single_cat.komody:before { content: ''; display: block; padding-top: 100%; }
.single_cat.doplnky:before { content: ''; display: block; padding-top: 100%; }
.single_cat {display: block; position:relative; float:left; border-right:1px solid #FFF; border-bottom:1px solid #FFF;}
.single_cat.contain>img {display:block; position:absolute; left:50%; top:50%; max-width: 70% !important; max-height: 80% !important; transform: translateX(-50%) translateY(-50%) scale(0.95); transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.single_cat.contain:not(:hover)>img {transform: translateX(-50%) translateY(-50%) scale(0.85);}

.index-news {width:100%; margin-bottom: 50px; position:relative; height: 55vh;/* min-height:320px;*/}
/*.index-news-content{
    display: flex;
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}*/
.index-news .images {
    width:100%;
    height: 100%;
    position:absolute;
    left:0; top:0;
}
/*.index-news:before {content:''; display:block; position:relative; padding-top:20%;}*/

.index-news .imageleft{position:relative; width:50%; float:left; height:100%; overflow:hidden;}
.index-news .imageleft img{display:block; position:absolute; left:0; top:50%; width:100%; height:auto; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.index-news .imageright{position:relative; width:50%; float:left; height:100%; overflow:hidden;}
.index-news .imageright img{display:block; position:absolute; left:0; top:50%; width:100%; height:auto; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.index-news .text {display:block; position:absolute; left:calc(50% - 380px); width:380px; min-height:1px; height:100%; padding:30px 15px; background:#D4CAB9; border-left:5px solid #FFF; border-right:5px solid #FFF;}
.index-news h3 {font-size:18px; font-weight:300;}
.index-news .button-black {max-width:140px;}


#materialy {background: url('materialy-katalog-bg.png') right top no-repeat;}

#introduction, #boxes {position:relative;  width:100%; height:auto; margin:0px auto; padding:50px 0px 0px 0px; overflow:hidden;}
#introduction .box {position:relative; width:31%; height:auto; max-height:500px; padding:0px; padding-top:0px; padding-bottom:40px; margin-left:3.5%; float:left;}
#introduction .box .image {position:relative; width:100%; height:auto; padding-bottom:20px;}
#introduction .box .image img {position:relative; display:block; width:100%; height:auto;}
#introduction .box .image a {position:absolute; display:block; left:0; top:0px; width:100%; height:100%; z-index:1;}
#introduction .box .image h2 {padding:0px; margin:0px;}
#introduction .box .image h2 span {position:absolute; display:block; left:0; bottom:25px; width:100%; height:60px; clear:both; padding-left:25px; font-size: 1.9vw; color:#FFF; text-align:left; text-decoration:none; text-shadow: 0 0 10px #000; /*background: url('introduction-trans.png') center right no-repeat!important;*/ border:solid 0px #dd0; /*box-sizing:border-box;*/}
#introduction .box:first-child {margin-left:0;}
#introduction .box p {display:block; clear:both; font-size:14px; float:left; padding:0px 10px;}
/*#introduction .link {position:absolute; left:0; bottom:0px; }*/

@media all and (max-width: 1599px) {
.catalogue .content {padding:100px 5%;}
}
@media all and (max-width: 1450px) {
.catalogue .content {padding:80px 5%;}
}
@media all and (max-width: 1360px) {
.index-news .imageleft img, .index-news .imageright img{width:auto; height:100%; transform:translateY(-50%);}
}
@media all and (max-width: 1200px) {
.catalogue .content {padding:40px 5%;}
.index-news {height:400px;}
.index-news .text {left:calc(50% - 300px); width:300px;}

}
@media all and (max-width: 990px) {
.index-news {height:320px;}
}
@media all and (max-width: 860px) {
#introduction .box {position:relative; width:100%; height:auto; max-height:500px; padding:0px; padding-top:0px; padding-bottom:40px; margin-left:0; float:left;}
#introduction .box .image {position:relative; width:100%; height:300px; padding-bottom:20px; overflow:hidden;}
#introduction .box .image h2 span { bottom:0px; font-size: 25px; text-align:center; text-shadow: 0 0 5px #000; }
.catalogue .text {padding:0 0;}
.index-cats .cats1, .index-cats .cats2, .index-cats .cats3 {width:100%;}
.single_cat.komody, .single_cat.doplnky {width:33.333333%; float:right;}
.single_cat.lampy {width:66.666666%; float:right;}
.single_cat.lampy:before { content: ''; display: block; padding-top: 100%; }
.single_cat.komody:before { content: ''; display: block; padding-top: 100%; }
.single_cat.doplnky:before { content: ''; display: block; padding-top: 100%; }

.index-news {height: auto;}
.index-news .images {width:100%;height:auto;position:relative;left:0; top:0;}
.index-news .images .imageleft{display:none;}
.index-news .images .imageright {position:relative; width:100%;height:auto;}
.index-news .images .imageright img{position:relative; width:100%; height:auto; top:initial; -webkit-transform:translateY(0%); transform:translateY(0%);}

.index-news .text {position:relative; left:0; width:100%; height:320px; border:none;} 
}


#boxes {width:100%; /*color:#CCC!important;*/ height:auto; margin:0px auto; padding:20px 0px 0px 0px; overflow:hidden; /*background:#444;*/}
#boxes li {padding: 0px 0px 0px 14px; }
#boxes a{color:#80252C; text-decoration:none!important;}
#boxes a:hover{color:#80252C!important;}
#boxes em{color:#666;}

#boxes .box {width:154px; /*width:164px;*/ height:auto; min-height:165px; padding:0px; padding-top:0px; margin-right:15px; border-left: solid 1px #AAA; float:left;}
#boxes .box2 {width:339px; height:auto; min-height:165px; padding:15px; padding-top:0px;  margin-right:15px; border-left: solid 1px #AAA; float:left;}
#boxes .box4{width:960px; height:auto; min-height:100px; margin-top:15px; padding:15px;/*border-left: solid 1px #AAA;*/ float:left; /*background: url('akce/boxes-box4-bg.jpg') #333 0px 0px repeat-x;*/}


/*#boxes .box4 .link {position:absolute; bottom:10px; right:0px; display:block; width:350px; height:18px; padding:7px; margin:3px 0px; color:#FFF!important; text-decoration:none!important; background: url('akce/akce-info-bt0.png') 0px 0px no-repeat;}
#boxes .box4 .link:hover{ background: url('akce/akce-info-bt1.png') 0px 0px no-repeat;}
*/
#boxes .box2 a, #boxes .box4 p a{font-weight:bold;}
#boxes .box h2, #boxes .box2 h2, #boxes .box4 h2{color:#80252C; /*color:#FF9933; font-size:150%; font-weight:bold;*/ margin-bottom:15px;}
#boxes .box h3, #boxes .box4 h3 {color:#DDD!important; font-size:100%; padding-top:0px; font-weight:bold;}
#boxes .box h3 a, #boxes .box4 h3 a {font-size:100%; color:#DDD;}

#boxes .box p, #boxes .box2 p{font-size:120%; margin-top:5px; margin-bottom:5px; /*font-family: Calibri, Arial CE, Helvetica CE, Arial, Helvetica, sans-serif;*/}

#boxes .indextext p{font-size:120%; margin-top:5px; margin-bottom:5px; /*font-family: Calibri, Arial CE, Helvetica CE, Arial, Helvetica, sans-serif;*/}
#boxes .indextext strong{color:#FFF!important;}
#boxes .box4 p a:hover{ text-decoration:underline!important;}


#boxes .first {width:210px; border-left:none;}
#boxes .correct {margin-bottom:15px!important;}

/*#boxes .boxsortiment h3 a {font-size:100%; color:#DDD!important;}*/
#boxes .boxsortiment li {padding: 0px 0px 0px 14px; }


/* INDEX BANNERS */
#fullbanner {position:relative; width:100%; height:auto;}
#fullbanner .banner-link {
  position:absolute; top:0px; left:0px; z-index:100;
  display:block; margin:0px;
  width:200px; height:50px; padding:427px 10px 3px 760px;
  color:#80252C!important; font-size:18px; font-weight: bold; text-decoration:none!important; 
  /*background: url('intro-bt-out.png') 740px 410px no-repeat;*/ 
  border: solid 0px #F00;
  }
/*#fullbanner .banner-link:hover{ background: url('intro-bt-over.png') 740px 410px no-repeat;}*/
#fullbanner .title{left:20px;bottom:20px; position:absolute; color:#FFF; font-size:32px; line-height:32px; index:11; }
/*#fullbanner .title span{color:#FFF; font-size:32px; line-height:32px;}*/
#fullbanner .title span{color:#FFF; font-size:24px; line-height:24px;}

.fullbanner {margin:15px auto;}


/* INDEX BANNERS */
#banners {position:relative; width:100%; height:auto; margin: 0px auto; font-size:120%; background:#E5E1DE; ; overflow:hidden;}
#banners .box {position:relative; width:480px; height:auto; min-height:252px; float:left; overflow:hidden; background:#CCC; z-index:1; }
#banners .line {position:absolute; top:0px; left:477px; width:6px; height:252px; padding: 0px; background:#E5E1DE; z-index:100;}
#banners .box-left {position:relative; float:left;}
#banners .box-right {position:relative; float:right;}
#banners img {position:absolute; top:0px; left:0px; width:480px; z-index:2;}
#banners a {position:absolute; top:0px; left:0px; display:block; width:90px; height:42px; padding:208px 0px 0px 380px; font-size:100%; font-weight: bold; color:#FFF!important; text-decoration:none!important; background: url('bannerboxes-bt0.png') 0px 0px no-repeat; z-index:5;}
#banners a:hover{ background: url('bannerboxes-bt1.png') 0px 0px no-repeat;}



#banners-focus {position:relative; width:100%; height:auto; margin: 0px auto; }
#banners-focus .line {position:absolute; top:10px; left:477px; width:6px; height:382px; padding:0px; background: url('delic-vertical.png') #E5E1DE center top repeat-y; z-index:100;}
#banners-focus .line {position:absolute; top:10px; left:50%; width:6px; margin-left:-3px; height:370px; padding:0px; background: url('delic-vertical.png') #E5E1DE center top repeat-y; z-index:100;}

#banners-focus .banner-full {position:relative; width:100%; height:auto; margin: 0px auto;overflow:hidden;}
#banners-focus .banner-full .textbox {position:relative; width:450px; height:auto; min-height:252px; float:right; overflow:hidden; z-index:1; }
#banners-focus .banner-full .textbox.floatleft {float:left;}
#banners-focus .banner-full .floatright {width:450px;float:right;}
#banners-focus .banner-full h2 {color:#3D3C38; font-size:20px; font-weight:normal;}
#banners-focus .banner-full img {position:absolute; top:0px; left:0px; width:480px; z-index:2;}

/*#banners-focus .banner-full .link {display:block; position:absolute; height:15px; clear:both; bottom:5px; padding:10px 45px 10px 10px; font-size:14px; text-align:left; text-decoration:none; background: url('link-out.png') center right no-repeat;}
#banners-focus .banner-full .link:hover {background: url('link-over.png') center right no-repeat;}
*/

#banners-focus .banner-left {position:relative; width:450px; height:auto; min-height:320px; margin: 0px auto; overflow:hidden;}
#banners-focus .banner-left .textbox {position:relative;  height:auto; min-height:300px; float:left; overflow:hidden; z-index:2; }
#banners-focus .banner-left h2 {color:#3D3C38; font-size:20px; font-weight:normal; }
#banners-focus .banner-left h3 {padding-top:5px; }
#banners-focus .banner-left img {position:absolute; top:15px; left:10px; z-index:3;}
#banners-focus .banner-left .link {display:block; position:absolute; height:15px; clear:both; bottom:18px; padding:10px 45px 10px 10px; font-size:14px; text-align:left; text-decoration:none; background: url('link-out.png') center right no-repeat; z-index:4;}
#banners-focus .banner-left .link:hover {background: url('link-over.png') center right no-repeat;}

#banners-focus .banner-right {position:relative; width:450px; height:auto; margin: 0px auto; overflow:hidden; border-top: solid 3px #80252C;}
#banners-focus .banner-right .textbox {position:relative; height:auto; min-height:300px; float:left; overflow:hidden; z-index:2; }
#banners-focus .banner-right h2 {color:#3D3C38; font-size:20px; font-weight:normal; }
#banners-focus .banner-right h3 {padding-top:5px; }
#banners-focus .banner-right img {position:absolute; top:35px; right:0px; z-index:1;}
#banners-focus .banner-right .link {display:block; position:absolute; height:15px; clear:both; bottom:18px; padding:10px 45px 10px 10px; font-size:14px; text-align:left; text-decoration:none; background: url('link-out.png') center right no-repeat;}
#banners-focus .banner-right .link:hover {background: url('link-over.png') center right no-repeat;}


/* BANNERY POD SLIDESHOW */
#banners-focus .imagebanner {position:relative; width:450px; height:auto; min-height:250px; margin: 0px auto; overflow:hidden;}
#banners-focus .imagebanner img{display:block; transition: opacity 0.2s ease; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; z-index:10;}
#banners-focus .imagebanner:hover img{opacity:0.8;}
#banners-focus .imagebanner .title{left:10px;top:10px; position:absolute; color:#FFF; font-size:24px; text-decoration:none; index:11;}
#banners-focus .imagebanner a.linkmore {
position:absolute; top:0px; right:0px; z-index:1000;
  display:block; width:450px; height:100%; margin:0px;
  background:none;
}


#banners-focus .arrow-down {position:absolute; top:86%; left:50%; min-width:200px; height:auto; padding:20px; padding-top:65px; border:0px solid #999; /*border-color:rgb(0,0,0); border-color:rgba(250,250,250,0.0);*/ text-align:center; box-sizing:border-box; z-index:20; /*transition:all 0.7s linear;*/-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px; cursor:pointer;}
#banners-focus .arrow-down:hover {/*border:solid 2px #FFF;*/}
#banners-focus .arrow-down a.arrow-down-link {position:absolute; display:block; top:0; left:0; width:100%; height:100%; box-sizing:border-box; z-index:102; cursor:pointer;}

#banners-focus .arrow-down .arrow-down-text{position:relative; bottom:10px; width:100%; margin:0 auto;padding:10px; color:#FFF; text-align:center; font-size:13px; font-weight:bold; letter-spacing:1px;/*text-transform:uppercase;*/ text-shadow:0px 0px 15px #000000; box-sizing:border-box;}
#banners-focus .arrow-down .arrow-down-anim{
    display:block;position:absolute;top:20px; left:50%; margin-left:-40px; width:80px;height:50px; z-index:101;
    background:url('arrow-down.png') center center no-repeat;
    -webkit-animation: downup 2s ease-in-out infinite;
    -moz-animation: downup 2s ease-in-out infinite;
    -ms-animation: downup 2s ease-in-out infinite;
    -o-animation: downup 2s ease-in-out infinite;
    animation: downup 2s ease-in-out infinite;
}
/* black */

.arrow-down.black {position:absolute; top:86%; left:50%; min-width:200px; height:auto; padding:20px; padding-top:65px; border:0px solid #999; /*border-color:rgb(0,0,0); border-color:rgba(250,250,250,0.0);*/ text-align:center; box-sizing:border-box; z-index:20; /*transition:all 0.7s linear;*/-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px; cursor:pointer;}
.arrow-down.black:hover {/*border:solid 2px #FFF;*/}
.arrow-down.black a.arrow-down-link {position:absolute; display:block; top:0; left:0; width:100%; height:100%; box-sizing:border-box; z-index:102; cursor:pointer;}

.arrow-down.black .arrow-down-text{position:relative; bottom:10px; width:100%; margin:0 auto;padding:10px; color:#000; text-align:center; font-size:20px; font-weight:bold; letter-spacing:0px;/*text-transform:uppercase;*/ box-sizing:border-box;}
.arrow-down.black .arrow-down-anim{
    display:block;position:absolute;top:20px; left:50%; margin-left:-40px; width:80px;height:50px; z-index:101;
    background:url('arrow-down-black.png') center center no-repeat;
    -webkit-animation: downup 2s ease-in-out infinite;
    -moz-animation: downup 2s ease-in-out infinite;
    -ms-animation: downup 2s ease-in-out infinite;
    -o-animation: downup 2s ease-in-out infinite;
    animation: downup 2s ease-in-out infinite;
}
/*.arrow-down.black .arrow-down-text{color:#000; text-shadow:0px 0px 15px #FFFFFF;}
.arrow-down.black .arrow-down-anim{
    background:url('arrow-down-black.png') center center no-repeat;
}*/

@-webkit-keyframes downup {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
    60% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }
}

@keyframes downup {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
    60% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }
}

/*#banners-focus .imagebanner .kondolence {
position:absolute; top:10px; left:10px; z-index:998;
  display:block; width:35px; height:40px; margin:0px;
  background:none;
}*/

/*#banners-focus .imagebanner a.linkmore {
  position:absolute; top:0px; right:0px; z-index:1000;
  display:block; margin:0px;
  width:200px; height:50px; padding:207px 0px 0px 250px!important;
  color:#80252C!important; font-size:18px!important; font-weight: bold; text-decoration:none!important; 
  background: url('intro-bt-out.png') 230px 190px no-repeat!important;
  border: solid 0px #F00;
  }
#banners-focus .imagebanner a.linkmore:hover{background: url('intro-bt-over.png') 230px 190px no-repeat!important;}*/

/*
#banners-focus .imagefullbanner {position:relative; width:960px; height:250px; margin: 0px auto;margin-bottom:-30px; overflow:hidden;}
#banners-focus .imagefullbanner a.linkmore {
  position:absolute; top:0px; right:0px; z-index:1000;
  display:block; margin:0px;
  width:200px; height:50px; padding:207px 0px 0px 760px!important;
  color:#80252C!important; font-size:18px!important; font-weight: bold; text-decoration:none!important; 
  border: solid 0px #F00;
  }
*/
/*#banners-focus .imagefullbanner a.linkmore:hover{background: url('intro-bt-over.png') 735px 190px no-repeat!important;}*/
/*#banners-focus .catalogue {width:445px; height:auto; min-height:265px; padding:0px 15px; background: url('index-letak-bg.png') right top no-repeat; z-index:1; }
#banners-focus .catalogue  p {display:block; width:190px; height:auto;}
#banners-focus .catalogue  a.bt {display:block; width:190px; height:18px; padding:7px; margin:3px 0px; font-size:16px; color:#FFF!important; text-decoration:none!important; background: url('akce-letak-bt0.png') 0px 0px no-repeat;}
#banners-focus .catalogue  a:hover{ background: url('akce-letak-bt1.png') 0px 0px no-repeat;}
#banners-focus .catalogue  a.flashpdf {position:absolute; bottom:65px;}
#banners-focus .catalogue  a.download {position:absolute; bottom:25px;}
*/


/*
#banners-focus .banner-right .linkbt {
  position:absolute; top:0px; left:0px; z-index:1000;
  display:block; margin:0px;
  width:200px; height:50px; padding:242px 10px 10px 250px;
  color:#FFF!important; font-size:120%; font-weight: bold; text-decoration:none!important; 
  background: url('intro-bt-out.png') 226px 225px no-repeat; 
  border: solid 0px #F00;
  }
#banners-focus .banner-right .linkbt:hover{ background: url('intro-bt-over.png') 226px 225px no-repeat;}*/


/* Aktuality */
#banners-focus .banner-full-news {position:relative; width:100%; height:auto; margin: 0px auto;overflow:hidden;}
#banners-focus .banner-full-news .textbox {position:relative; width:450px; height:auto; min-height:252px; float:left; overflow:hidden; z-index:1; }
#banners-focus .banner-full-news .image {float:right; width:460px; z-index:2;}
#banners-focus .banner-full-news h2 {display:block; width:100%; padding-bottom:25px!important; clear:both;}
#banners-focus .banner-full-news p{margin:0; margin-bottom:20px;}


/* Materialy - rozcestnik */
#covers {}
#covers .coversContent{position:relative; width:100%; height:auto; margin:0px auto; border:solid 0px #F00;}
#covers .item {position:relative; width:450px; height:auto; margin: 0px auto; overflow:hidden; background:#D9D5D2; border:solid 0px #F00;}
#covers .item .image{position:relative; width:450px; height:auto; margin: 0px auto; overflow:hidden; border:solid 0px #F00;}
#covers .item img{display:block; width:100%; transition: opacity 0.2s ease; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; z-index:10;}
#covers .item:hover img{opacity:0.8;}
#covers .item .title{left:30px;top:10px; position:absolute; color:#FFF; font-size:32px; font-weight:500; text-decoration:none; index:11;}
#covers .item .title-sm{left:30px;top:26px; position:absolute; color:#FFF; font-size:24px; font-weight:500; text-decoration:none; index:11;}
#covers .item a {
  position:absolute; top:0px; right:0px; z-index:1000;
  display:block; width:450px; height:100%; margin:0px;
  
}
#covers .item-small {height:140px;}

#covers .materialy  {min-height:140px; height:150px;}

#covers .itemtext {position:relative; width:390px; height:auto; min-height:180px; padding:30px; margin: 0px auto; overflow:hidden; background:#D9D5D2; border:solid 0px #F00;}


.title-text {font-size:24px; font-weight:500;}
.text-left {padding-right:30px; box-sizing:border-box;}
.text-right {padding-left:30px; box-sizing:border-box;}
.text-right .titlebig {position:relative; font-size:32px; font-weight:500; text-decoration:none;}
.author {font-size:24px; margin-top:20px;}
.image-title {position:relative; font-size:32px; font-weight:500; text-decoration:none;}
.image-title img{display:block; position:relative;}
.image-title .title{display:block; position:absolute; top:10px;left:30px; color:#FFF; font-size:32px;}
.image-title .title-sm {display:block; position:absolute; top:10px;left:30px; color:#FFF; font-size:24px;}
.image-text {position:relative;}
.image-text img{display:block; position:relative;}
.image-text .text{display:block; position:absolute; top:10px; left:30px; color:#FFF; /*font-size:32px; font-weight:700;*/ text-decoration:none;}
.image-text .text-materialy{display:block; position:absolute; bottom:100px; right:100px; width:45%; color:#FFF; text-align:right; font-size:1.7vw; line-height:150%;/* font-weight:700;*/ text-decoration:none;}
@media all and (max-width: 900px) {
.image-text .text-materialy{bottom:35px; right:75px; width:50%; font-size:2.2vw;}
}


/* Materialy */
.slide-image {max-height:510px; overflow:hidden;}
.slide-texts {padding:40px; box-sizing:border-box;}
.slide-texts-right {padding-left:30px;}
.slide-title {font-size:32px; font-weight:700; padding-bottom:20px;}
.slide-content {/*display:none;*/}

.slide-prev {position:absolute; left:0; margin-left:40px; display:block; width:30px; height:80px; background:url(slide-prev.png) center center no-repeat;}
.slide-next {position:absolute; right:0; margin-right:40px; display:block; width:30px; height:80px; background:url(slide-next.png) center center no-repeat;}
.slide-prev-white {position:absolute; left:0; margin-left:40px; display:block; width:30px; height:80px; background:url(slide-prev-white.png) center center no-repeat;}
.slide-next-white {position:absolute; right:0; margin-right:40px; display:block; width:30px; height:80px; background:url(slide-next-white.png) center center no-repeat;}

.slide-big-prev {position:absolute; display:block; width:30px; height:80px; background:url(slide-big-prev.png) center center no-repeat;}
.slide-big-next {display:block; width:30px; height:80px; background:url(slide-big-next.png) center center no-repeat;}

.slide-prev-in {display: block; width:30px; height:80px; background:url(slide-prev.png) center center no-repeat;}
.slide-next-in {display: block; width:30px; height:80px; background:url(slide-next.png) center center no-repeat;}

.sample-box {position:relative; padding:10px; min-height:390px; padding-bottom:36px; box-sizing:border-box; }
.sample-comp {display:block; position:absolute; width:90%; height:26px; bottom:5px; text-align:center; font-size:12px; text-transform:uppercase; font-weight:400; box-sizing:border-box;}
.sample {position:relative; display:block; width:25%; height:auto; margin-bottom:20px; float:left;}

/*.sample-box {position:relative; width:100%!important; padding:10px; min-height:390px; padding-bottom:30px; text-align:center; box-sizing:border-box; }
.sample-comp {display:block; position:absolute; width:90%; height:20px; bottom:5px; text-align:center; font-size:12px; text-transform:uppercase; font-weight:400; box-sizing:border-box;}
.sample {position:relative; display:inline-block; width:20%; height:auto; margin-bottom:20px; margin: 0 auto 20px auto; float:left;}*/
.sample img {display:block; width:90%; height:auto;}
.sample .title {display:block; position:absolute; top:100%; width:90%; padding-top:13px; text-align:center; color:#000; font-size:8px; font-weight:bold; text-transform:uppercase; box-sizing:border-box; transform:translateY(-50%);}
.sample .id {display:block; position:absolute; bottom:0px; width:90%; padding:2px; text-align:center; color:white; font-size:10px; text-transform:uppercase; background:rgba(0,0,0,0.35); box-sizing:border-box;}
/*.sample.black .xtitle, .sample.black .id{color:black;}*/


/* Moduly */
/*.flex.column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.flex.h_center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.flex.v_center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.banner_height {
    padding-top: 200px;
}
.banner_height {
    padding-top: 100px;
    padding-bottom: 60px;
    min-height: calc(100vh - 50px);
    min-height: 100vh;
    text-align: center;
    color: #fff;
}
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}*/

/* H O M E P A G E */
.made-in-italia {position:absolute; display:inline-block; width:fit-content; top:30px; left:40px; z-index:2; }
.made-in-italia h2{
    display:inline-block;
    font-size: 40px;
    font-weight:normal;    
    text-align: initial;
    text-transform:initial;
    letter-spacing: -0.085em;
}
.made-in-italia h2 strong{
    font-weight:normal;
    display: inline-block;
    position: relative;
}
.made-in-italia h2 strong::before, .made-in-italia h2 strong::after {
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    bottom: -12%;
    background: #000000;
    transition: width 0.8s ease-in-out 1.2s;
}
.made-in-italia h2 strong::before {
    width: 110%;
    left: -5%;
    transform-origin: center center;
    transform: rotate(0.6deg);
}
.made-in-italia h2 strong::after {
    width: 108%;
    right: -4%;
    transform: rotate(-0.7deg);
    transform-origin: 30% center;
}
.made-in-italia.white h2 {color:#FFFFFF;}
.made-in-italia.white h2 strong::before,
.made-in-italia.white h2 strong::after {background: #FFFFFF;}

#index-slideshow .bottom-center {position:absolute; bottom:55px; left:50%; transform: translateX(-50%);} /* puvodne bottom - 35px */
#index-slideshow .bottom-valentyn2024 {position:absolute; top:46%; left:59.35%; width:20%; /*transform: translate(-50%, -50%);*/} /* puvodne bottom - 35px */



.modul-index {position:relative;}
/*.modul-index-content {position:relative;}*/
.modul-index-content div.image {position:relative; width:100%; height:calc(100vh - 130px); overflow:hidden; background:#FFF;}
.modul-index-content div.image div.absolute{position:absolute; top:0px; left:0px;}
/*.modul-index-content div.image img{display:block; position:absolute; top:50%; left:50%; border:0px solid #F00;-webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }*/
/*.modul-index-content div.image img{display:block; position:absolute;width:100%; height:auto; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
*/
.modul-index-content div.image span {position:absolute; top:25px; left:25px; z-index:2;}


.modul-index-content .centerbox{border:0px solid #0F0; position:absolute; width:60%; max-width:600px; height:400px; left:50%; top:54%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);text-align:center; color:#FFF; line-height:normal; border:solid 0px #EEE;}
.modul-index-content .centerbox .title{font-size:40px; margin-bottom:0}
.modul-index-content .centerbox p{}
.modul-index-content .centerbox img{display:block; position:absolute; top:45%; left:50%; border:0px solid #F00;-webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }

/* vanoce revive */
.modul-index-content .leftbox{border:0px solid #0F0; position:absolute; width:60%; max-width:480px; height:360px; left:100px; top:50%; -webkit-transform:translate(0%,-50%); transform:translate(0%,-50%); text-align:left; color:#FFF; line-height:normal; border:solid 0px #EEE;}
.modul-index-content .leftbox .title{font-size:40px; margin-bottom:0}
.modul-index-content .leftbox p{}
.modul-index-content .leftbox img{display:block; width:100%; /*position:absolute;*/ /*top:45%; left:50%;*/ border:0px solid #F00;/*-webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);*/ }
@media all and (max-width: 860px) { 
.modul-index-content .leftbox{border:0px solid #0F0; position:absolute; width:80%; max-width:480px; height:360px; left:10%; top:10%; -webkit-transform:translate(0%, 0%); transform:translate(0%, 0%); text-align:left; color:#FFF; line-height:normal; border:solid 0px #EEE;}
}



.modul-index-content .index_slideshow .slick-arrow {z-index:25; position:absolute; top:50%; width:35px; height:80px;/*max-width:35px;*/ /*margin:30px;*/ cursor: pointer;}
.modul-index-content .index_slideshow .slick-arrow.slick-prev {left:0; margin-left:30px;}
.modul-index-content .index_slideshow .slick-arrow.slick-next {right:0; margin-right:30px;}


@media all and (min-aspect-ratio: 103/50) { /* landscape-wide */
.modul-index-content div.image img{/*width:100%; height:auto;*/ width:auto; height:calc(100vh - 130px); }
#index-slideshow .bottom-valentyn2024 {position:absolute; top:75%; left:63%; width:280px;} 
}
@media all and (min-aspect-ratio: 58/50) and (max-aspect-ratio: 103/50) { /* landscape */
.modul-index-content div.image img{width:100%; height:auto; }
#index-slideshow .bottom-valentyn2024 {position:absolute; top:42%; left:59.35%; width:20%;} 
}
@media all and (min-aspect-ratio: 38/50) and (max-aspect-ratio: 58/50) { /* square */
.modul-index-content div.image img{/*position:relative;*/ width:100%; height:auto; left:0%; -webkit-transform:translateX(0%); transform:translateX(0%); /*top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);*/}
#index-slideshow .bottom-valentyn2024 {position:absolute; top:49%; left:62.5%; width:30%;}
}
@media all and (min-aspect-ratio: 25/50) and (max-aspect-ratio: 38/50) { /* portrait */
.made-in-italia {position:relative; top:0px!important; /*left:initial!important; right:0px!important;*/ padding:10px 0 0 30px; max-width:80%; border:solid 0px #DDEE00; background:#dab0a7;}
.made-in-italia h2{font-size: 30px;}
.modul-index-content div.image img{width:100%; height:auto;}
#index-slideshow .bottom-center {position:absolute; bottom:105px; left:50%; transform: translateX(-50%);}
#index-slideshow .bottom-valentyn2024 {position:absolute; top:33%; left:14.5%; width:200px;}
}
@media all and (max-aspect-ratio: 25/50) { /* high */
.made-in-italia {position:relative; top:0px!important; /*left:initial!important; right:0px!important;*/ padding:10px 0 0 30px; max-width:80%; border:solid 0px #DDEE00; background:#dab0a7;}
.made-in-italia h2{font-size: 24px!important;}
.modul-index-content div.image img{width:100%; height:auto; }
#index-slideshow .bottom-center {position:absolute; bottom:105px; left:50%; transform: translateX(-50%);} /* puvodne bottom - 35px */
#index-slideshow .bottom-valentyn2024 {position:absolute; top:28%; left:13.5%; width:180px;}
}

@media all and (max-width: 860px) { 
.made-in-italia {top:30px; left:30px;}
.made-in-italia h2{font-size: 30px;}
.modul-index-content div.image {position:relative; width:100%; height:calc(100vh - 85px);}
}
@media all and (max-width: 1024px) and (min-aspect-ratio: 5/4) { 
#index-slideshow .bottom-center {bottom:0px;}
}
@media all and (max-width: 860px) and (max-aspect-ratio: 38/50) { /* vyjimka pro akci OnaDnes */
.made-in-italia {margin-top:30px; top:10px; /*left:30px;*/ float:right; left:initial!important; right:30px!important;}
.made-in-italia h2{font-size: 30px;}
.modul-index-content div.image {position:relative; width:100%; height:calc(100vh - 85px);}
}


/* MOBILE SETTINGS */
@media all and (min-aspect-ratio: 103/50) {
.landscape-wide {display:block;}
.landscape, .square, .portrait, .high {display:none!important;}
}
@media all and (min-aspect-ratio: 58/50) and (max-aspect-ratio: 103/50) { /* 16:9 */
.landscape {display:block;}
.landscape-wide, .square, .portrait, .high {display:none!important;}
}
@media all and (min-aspect-ratio: 38/50) and (max-aspect-ratio: 58/50) {
.square {display:block;}
.landscape, .landscape-wide, .portrait, .high {display:none!important;}
}
@media all and (min-aspect-ratio: 25/50) and  (max-aspect-ratio: 38/50) {
.portrait {display:block;}
.landscape, .landscape-wide, .square, .high {display:none!important;}
}
@media all and (max-aspect-ratio: 25/50) {
.high {display:block;}
.landscape, .landscape-wide, .square, .portrait {display:none!important;}
}


.home_mouse, .home_mouse_black {
	width: 25px;
	height: 40px;
	border: 2px solid #fff;
	border-radius: 60px;
    position: absolute;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 9;
    cursor: pointer;
}
.home_mouse::before, .home_mouse_black::before {
    content: '';
    width: 5px;
    height: 5px;
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    border-radius: 50%;
    opacity: 1;
    animation: wheel 2s infinite;
    -webkit-animation: wheel 2s infinite;
}
.home_mouse_black {
    border: 2px solid #000;
}
.home_mouse_black::before {
    background-color: #000;
}

@keyframes wheel {
	to {
		opacity: 0;
		top: 30px;
	}
}
@-webkit-keyframes wheel {
	to {
		opacity: 0;
		top: 30px;
	}
}



.modul-text {padding:30px 0 50px 0;}
.modul-text-content {width:90%; max-width:1260px; margin:0 auto; padding:0 15px;}
.modul-text-content .h1 {margin-top:20px; margin-bottom:25px; color: #000; text-align:center;}

.modul-text .item-text-image{clear:both;}
.modul-text .item-text-image .text{float:left; width:50%; padding:40px 40px 40px 0px;}
.modul-text .item-text-image .text h2{text-align:left;}
.modul-text .item-text-image .image{float:left; width:50%; padding:40px 0px 40px 40px;}
.modul-text .item-text-image .image img{display:block; width:100%;}
.modul-text .item-text-image:nth-child(even) .text {float:right; padding:40px 0px 40px 40px;}
.modul-text .item-text-image:nth-child(even) .image {float:right; padding:40px 40px 40px 0px;}
@media all and (max-width: 860px) {
.modul-text .item-text-image .text {width:100%; float:left; padding:40px 0px 0px 0px;}
.modul-text .item-text-image .image {width:100%; float:left; padding:40px 0px 40px 0px;}
.modul-text .item-text-image:nth-child(even) .text {float:left; padding:40px 0px 0px 0px;}
.modul-text .item-text-image:nth-child(even) .image {float:left; padding:40px 0px 40px 0px;}
}

.modul-text .item-text-number{clear:both;}
.modul-text .item-text-number .text{float:right; text-align:right; width:60%; padding:40px 20px 40px 0px;}
.modul-text .item-text-number .text h2{text-align:right;}
.modul-text .item-text-number .number{float:right; width:40%; padding:40px 0px 40px 20px;}
.modul-text .item-text-number .number span{display:block; float:left; margin-top:10px; width:100px; height:100px; padding:16px 0px; font-size:50px; font-weight:bold; text-align:center; color:#fff; background:#d9d9d9; }
.modul-text .item-text-number:nth-child(odd) .text {float:left; text-align:left; padding:40px 0px 40px 20px;}
.modul-text .item-text-number:nth-child(odd) .text h2{text-align:left;}
.modul-text .item-text-number:nth-child(odd) .number {float:left; padding:40px 20px 40px 0px;}
.modul-text .item-text-number:nth-child(odd) .number span{float:right;}
@media all and (max-width: 860px) {
.modul-text .item-text-number .text {width:calc(100% - 80px); float:right; text-align:left; padding:0px 0px 40px 0px;}
.modul-text .item-text-number .text h2{text-align:left;}
.modul-text .item-text-number .number {width:80px; float:left; text-align:left; padding:0px 0px 0px 0px;}
.modul-text .item-text-number .number span{display:block; float:left; margin-top:10px; width:60px; height:60px; padding:10px 0px; font-size:32px; font-weight:bold; text-align:center; color:#fff; background:#d9d9d9; }
.modul-text .item-text-number:nth-child(odd) .text {float:right; text-align:left; padding:0px 0px 40px 0px;}
.modul-text .item-text-number:nth-child(odd) .number {float:left; text-align:left; padding:0px 0px 0px 0px;}
.modul-text .item-text-number:nth-child(odd) .number span{float:left;}
}





.modul-title {padding:30px 0 50px 0; border-bottom:1px solid #000;}
.modul-title.noline {border-bottom:0px solid #000;}
.modul-title-content {width:90%; max-width:1260px; margin:0 auto; padding:0 15px;}
.modul-title .pretitle {text-align:center; font-size:18px; text-transform:uppercase;}
.modul-title-content h1 {margin-top:20px; margin-bottom:25px; color: #000; text-align:center;}
.modul-title-content h1,.modul-title-content h2 {display:block; color: #000; text-align:center;}

.modul-intro {}
.modul-intro-content {padding:50px 20px 90px 20px;}
.modul-intro-content .coll {padding:17px; margin-bottom:30px; text-align:right;}
.modul-intro-content .link {display:inline-block; margin-top:15px; width:200px; height:38px; padding:5px 30px 0 10px; text-align:right; background:url(link-arrow.png) bottom right no-repeat; text-decoration:none;}
.modul-intro-content .link:hover {font-weight:400;}

.modul-imageover {position:relative;}
.modul-imageover div{position:relative; z-index:1;}
.modul-imageover div img{display:block; width:100%}
.modul-imageover div:last-child {position:absolute; opacity:0; top:0; left:0; z-index:2; transition: opacity 1s ease; -webkit-transition: opacity 1s ease;}
.modul-imageover:hover div:last-child{opacity:1;}


.modul-slideshow {margin:0; padding:0; position:relative;}
.modul-slideshow-content {position:relative; overflow:hidden;}

.modul-slideshow .modul-slideshow-content .slideshow{ position:relative; margin:0;}
.modul-slideshow .modul-slideshow-content .slideshow img{width:100%; height: auto;}
.modul-slideshow .modul-slideshow-content .slideshow .slick-dots {bottom:25px;}

.modul-slideshow .modul-slideshow-content .slideshow .slick-slide, .modul-slideshow .modul-slideshow-content .slideshow .slick-list, .modul-slideshow .modul-slideshow-content .slideshow .slick-track {/*position:relative; width:100%; height: auto;*/}
.modul-slideshow .modul-slideshow-content .slideshow {opacity: 0; -webkit-transition: opacity 1s ease; transition: opacity 1s ease;}
.modul-slideshow .modul-slideshow-content .slideshow.slick-initialized {opacity: 1;}
.modul-slideshow .modul-slideshow-content .slideshow .slick-arrow {z-index:25; position:absolute; top:50%; width:35px; height:80px;/*max-width:35px;*/ /*margin:30px;*/ cursor: pointer;}
.modul-slideshow .modul-slideshow-content .slideshow .slick-arrow.slick-prev {left:0; margin-left:30px;}
.modul-slideshow .modul-slideshow-content .slideshow .slick-arrow.slick-next {right:0; margin-right:30px;}





.modul-line {border-bottom:1px solid #000;}
.modul-noline {border-bottom:none;}


/* Design, Historie */
.modul-timeline {margin:0; padding: 70px 0; position: relative; border-bottom: 1px solid #030304;}
.modul-timeline-content {position:relative; overflow-x:hidden;}

.modul-timeline .line {position: absolute; width: 100%; top: 60%; border-top: 1px solid #030304;}
.modul-timeline .modul-timeline-content .timeline .cont {position: relative; padding: 0 25px; outline: none; /*border-top: 1px solid #0000FF;*/}
.modul-timeline .modul-timeline-content .timeline .cont .cont-txt {margin-top: -2px; position: absolute; top: 60%; border-top: 5px solid #030304; margin-left: 45%; width: 2%; -webkit-transition: 1s; transition: 1s;}
.modul-timeline .modul-timeline-content .timeline .slick-current .cont-txt {width:70%; margin-left:12%; -webkit-transition:1s; transition:1s;}
.modul-timeline .modul-timeline-content .timeline .cont .cont-txt .title {margin-top: 4%; font-size: 30px; margin-left: -28px; text-transform: uppercase; -webkit-transition:1s; transition:1s;}
.modul-timeline .modul-timeline-content .timeline .slick-current .cont-txt .title {margin-left:0;}

.modul-timeline .modul-timeline-content .timeline .cont .cont-txt .desc {font-size: 14px; text-align:center; opacity: 0; -webkit-transition: pacity 0.3s; transition: opacity 0.3s ease;}
.modul-timeline .modul-timeline-content .timeline .slick-current .cont-txt .desc {opacity: 1; -webkit-transition: opacity 1s ease 1s; transition: opacity 1s ease 1s;}
.modul-timeline .modul-timeline-content .timeline .cont .cont-img {margin-bottom: 350px; height: 440px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;}
.modul-timeline .modul-timeline-content .timeline .cont .cont-img img {display: block; max-width:100%; height: auto; margin: 0 auto; border: 5px solid #e6e6e6;}
.modul-timeline .modul-timeline-content .timeline>.slick-arrow {position: absolute; top: 64%; cursor: pointer;}
.modul-timeline .modul-timeline-content .timeline>.slick-prev {left:0; margin-left:30%;}
.modul-timeline .modul-timeline-content .timeline>.slick-next {right:0; margin-right:30%;}

@media all and (max-width: 860px) {
.modul-timeline .line {top:46%;}
.modul-timeline .modul-timeline-content .timeline .cont {padding: 0 0; border-bottom: 0px solid #FF0000;}
.modul-timeline .modul-timeline-content .timeline .cont .cont-txt {top:46%;/*border: 2px solid #FF0000;*/}
.modul-timeline .modul-timeline-content .timeline .slick-current .cont-txt {width:80%; margin-left:10%;}
.modul-timeline .modul-timeline-content .timeline .cont .cont-img {margin-bottom: 400px!important; height:300px; display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;}
.modul-timeline .modul-timeline-content .timeline .cont .cont-img img {display: block; max-width:100%; height:auto; margin:0 auto; border: 5px solid #e6e6e6;}
.modul-timeline .modul-timeline-content .timeline>.slick-arrow {position: absolute; top: 50%; cursor: pointer;}
.modul-timeline .modul-timeline-content .timeline>.slick-prev {left:0; margin-left:35px;}
.modul-timeline .modul-timeline-content .timeline>.slick-next {right:0; margin-right:35px;}
}

/* Retez harmonie, */
.modul-timelinemenu {margin:0; padding: 70px 0; position: relative; border-bottom: 1px solid #030304;}
.modul-timelinemenu-content {width:100%; max-width:1140px; margin:0 auto; position:relative;}

.modul-timelinemenu .modul-timelinemenu-content .timelinemenu {margin-bottom: 35px;}
.modul-timelinemenu .modul-timelinemenu-content .timelinemenu .cont {height: auto; display: -webkit-box; display: -ms-flexbox; display: flex;}
.modul-timelinemenu .modul-timelinemenu-content .timelinemenu .cont-img {position:relative; width:50%; margin: 0; padding: 0 0px; height: auto;}
.modul-timelinemenu .modul-timelinemenu-content .timelinemenu .cont-img img {width:100%; margin: 0; display: block; height: auto;}
.modul-timelinemenu .modul-timelinemenu-content .timelinemenu .cont-txt {padding: 0 45px; width:50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.modul-timelinemenu .modul-timelinemenu-content .timelinemenu .cont-txt .title {font-size:24px; font-weight:300;}
.modul-timelinemenu .modul-timelinemenu-content .timelinemenu .cont-txt .title,
.modul-timelinemenu .modul-timelinemenu-content .timelinemenu .cont-txt .desc {text-align: left;}
.modul-timelinemenu .modul-timelinemenu-content .timelinemenu .slick-arrow {position: absolute; top: 50%; margin-top: 47px; cursor: pointer;}
.modul-timelinemenu .modul-timelinemenu-content .timelinemenu .slick-prev {left: 10px; margin-left: -70px;}
.modul-timelinemenu .modul-timelinemenu-content .timelinemenu .slick-next {right: 10px; margin-right: -70px;}
/*.modul-timelinemenu .modul-timelinemenu-content .menu {margin: -45px auto 3em;}*/
.modul-timelinemenu .modul-timelinemenu-content .menu ul,.modul-timelinemenu .modul-timelinemenu-content .menu li{padding:0;list-style:none; background:none;}
.modul-timelinemenu .modul-timelinemenu-content .menu .nav .menu__item {width:20%!important;}
.modul-timelinemenu .modul-timelinemenu-content .menu .nav .menu__item span {display:block; width:100%!important; font-size:22px; text-align:center; line-height:150%; cursor: pointer;}
.modul-timelinemenu .modul-timelinemenu-content .menu .nav .menu__item--current span {font-weight:700;}

.modul-timelinemenu .modul-timelinemenu-content .menu .menu_slider {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: -3px;
    width: 20%;
    height: 5px;
    pointer-events: none;
    border-width: 0 45px;
    background: #000;
    z-index:10;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
        transition-timing-function: ease, ease;
    -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1);
    -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);
    transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);
}
@media all and (max-width: 1280px) {
.modul-timelinemenu .modul-timelinemenu-content {width:86%;}
.modul-timelinemenu .modul-timelinemenu-content .menu .nav .menu__item span {font-size:18px;}
}
@media all and (max-width: 860px) {
.modul-timelinemenu .modul-timelinemenu-content .menu {display:none;}
.modul-timelinemenu .modul-timelinemenu-content .timelinemenu .cont {position:relative; display:block;}
.modul-timelinemenu .modul-timelinemenu-content .timelinemenu .cont .cont-img {/*display: block; position:relative;*/ width:100%; padding:0 5px; clear:both; margin-bottom: 400px; height: 340px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;}
.modul-timelinemenu .modul-timelinemenu-content .timelinemenu .cont .cont-txt {position:absolute; display:block; width:100%; padding:0 8px; top:52%;}
.modul-timelinemenu .modul-timelinemenu-content .timelinemenu .cont .cont-txt .title, .modul-timelinemenu .modul-timelinemenu-content .timelinemenu .cont .cont-txt .desc {width:100%; text-align:center; border: 0px solid #e6e6e6;}
.modul-timelinemenu .modul-timelinemenu-content .timelinemenu .slick-arrow {position:absolute; top: 54%; margin-top: 0px; cursor: pointer;}
.modul-timelinemenu .modul-timelinemenu-content .timelinemenu .slick-prev {left: 0px; margin-left: -34px; background:url(slide-prev.png) center center no-repeat;}
.modul-timelinemenu .modul-timelinemenu-content .timelinemenu .slick-next {right: 0px; margin-right: -34px; background:url(slide-next.png) center center no-repeat;}

/*.modul-timeline .modul-timeline-content .timeline .cont {padding: 0 0;}
.modul-timeline .modul-timeline-content .timeline .cont .cont-txt {top:50%;}
.modul-timeline .modul-timeline-content .timeline .slick-current .cont-txt {width:80%; margin-left:10%;}
.modul-timeline .modul-timeline-content .timeline .cont .cont-img {margin-bottom: 350px; height: 300px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;}
.modul-timeline .modul-timeline-content .timeline .cont .cont-img img {display: block; max-width:100%; height:auto; margin:0 auto; border: 5px solid #e6e6e6;}
.modul-timeline .modul-timeline-content .timeline>.slick-prev {left:0; margin-left:35px;}
.modul-timeline .modul-timeline-content .timeline>.slick-next {right:0; margin-right:35px;}*/
}



.menu {
    line-height: 1;
    margin: 0 auto 3em;
    height: 45px
}

.menu__list {
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #030304
}

.menu__item {
    display: block;
    margin: 1em 0;
    /*font-family: "ProximaNova-Light", sans-serif;*/
    text-transform: uppercase
}

.menu__link {
    font-size: 1.05em;
    display: block;
    padding: 1em;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -webkit-tap-highlight-color: transparent
}


ul.command_slider,
ul.command_tab {
    border-bottom: 0;
    border-top: 1px solid #000;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

ul.command_slider li a,
ul.command_tab li a {
    font-family: "Gotham", sans-serif;
    font-weight: 300
}

/*ul.command_slider .menu__line,
ul.command_tab .menu__line {
    top: -1px
}*/

ul.command_slider.list-1 .menu__item:nth-child(1).menu__item--current~.menu_slider,
ul.command_tab.list-1 .menu__item:nth-child(1).menu__item--current~.menu_slider {
    -webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0)
}

ul.command_slider.list-2 .menu__item:nth-child(1).menu__item--current~.menu_slider,
ul.command_tab.list-2 .menu__item:nth-child(1).menu__item--current~.menu_slider {
    -webkit-transform: translate3d(150%, 0, 0);
    transform: translate3d(150%, 0, 0)
}

ul.command_slider.list-2 .menu__item:nth-child(2).menu__item--current~.menu_slider,
ul.command_tab.list-2 .menu__item:nth-child(2).menu__item--current~.menu_slider {
    -webkit-transform: translate3d(250%, 0, 0);
    transform: translate3d(250%, 0, 0)
}

ul.command_slider.list-3 .menu__item:nth-child(1).menu__item--current~.menu_slider,
ul.command_tab.list-3 .menu__item:nth-child(1).menu__item--current~.menu_slider {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

ul.command_slider.list-3 .menu__item:nth-child(2).menu__item--current~.menu_slider,
ul.command_tab.list-3 .menu__item:nth-child(2).menu__item--current~.menu_slider {
    -webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0)
}

ul.command_slider.list-3 .menu__item:nth-child(3).menu__item--current~.menu_slider,
ul.command_tab.list-3 .menu__item:nth-child(3).menu__item--current~.menu_slider {
    -webkit-transform: translate3d(300%, 0, 0);
    transform: translate3d(300%, 0, 0)
}

ul.command_slider.list-4 .menu__item:nth-child(1).menu__item--current~.menu_slider,
ul.command_tab.list-4 .menu__item:nth-child(1).menu__item--current~.menu_slider {
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0)
}

ul.command_slider.list-4 .menu__item:nth-child(2).menu__item--current~.menu_slider,
ul.command_tab.list-4 .menu__item:nth-child(2).menu__item--current~.menu_slider {
    -webkit-transform: translate3d(150%, 0, 0);
    transform: translate3d(150%, 0, 0)
}

ul.command_slider.list-4 .menu__item:nth-child(3).menu__item--current~.menu_slider,
ul.command_tab.list-4 .menu__item:nth-child(3).menu__item--current~.menu_slider {
    -webkit-transform: translate3d(250%, 0, 0);
    transform: translate3d(250%, 0, 0)
}

ul.command_slider.list-4 .menu__item:nth-child(4).menu__item--current~.menu_slider,
ul.command_tab.list-4 .menu__item:nth-child(4).menu__item--current~.menu_slider {
    -webkit-transform: translate3d(350%, 0, 0);
    transform: translate3d(350%, 0, 0)
}

ul.command_slider.list-5 .menu__item:nth-child(1).menu__item--current~.menu_slider,
ul.command_tab.list-5 .menu__item:nth-child(1).menu__item--current~.menu_slider {
    -webkit-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0)
}

ul.command_slider.list-5 .menu__item:nth-child(2).menu__item--current~.menu_slider,
ul.command_tab.list-5 .menu__item:nth-child(2).menu__item--current~.menu_slider {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

ul.command_slider.list-5 .menu__item:nth-child(3).menu__item--current~.menu_slider,
ul.command_tab.list-5 .menu__item:nth-child(3).menu__item--current~.menu_slider {
    -webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0)
}

ul.command_slider.list-5 .menu__item:nth-child(4).menu__item--current~.menu_slider,
ul.command_tab.list-5 .menu__item:nth-child(4).menu__item--current~.menu_slider {
    -webkit-transform: translate3d(300%, 0, 0);
    transform: translate3d(300%, 0, 0)
}

ul.command_slider.list-5 .menu__item:nth-child(5).menu__item--current~.menu_slider,
ul.command_tab.list-5 .menu__item:nth-child(5).menu__item--current~.menu_slider {
    -webkit-transform: translate3d(400%, 0, 0);
    transform: translate3d(400%, 0, 0)
}


/* Materialy -látky srovnání */
ul.latky-srovnani {display:block; border-left:solid 1px #FFFFFF;}
ul.latky-srovnani li{display:block; width:100%; height:60px; padding:10px 8px 10px 28px; background: url('li.png') 10px 12px no-repeat; background-color:#F9EAE5; margin-bottom:2px; v-align:center; box-sizing:border-box;}
ul.latky-srovnani li:nth-child(2n){background-color:#FCF2F0;}

/* Materialy - praci symboly */
.prani {display:block; width:50px; height:35px; float:left; background-size:100% auto; background-position:left top; background-repeat:no-repeat;}
.prani-prani {background-image:url('prani-prani.jpg');}
.prani-prani-ne {background-image:url('prani-prani-ne.jpg');}
.prani-prani-rucne {background-image:url('prani-prani-rucne.jpg');}
.prani-prani40 {background-image:url('prani-prani40.jpg');}
.prani-prani30 {background-image:url('prani-prani30.jpg');}
.prani-prani30mirne {background-image:url('prani-prani30mirne.jpg');}
.prani-susicka-ne {background-image:url('prani-susicka-ne.jpg');}
.prani-susicka-studene {background-image:url('prani-susicka-studene.jpg');}
.prani-cisteni {background-image:url('prani-cisteni.jpg');}
.prani-cisteni-setrne {background-image:url('prani-cisteni-setrne.jpg');}
.prani-cisteni-ne {background-image:url('prani-cisteni-ne.jpg');}
.prani-nebelit {background-image:url('prani-nebelit.jpg');}
.prani-zehleni-ne {background-image:url('prani-zehleni-ne.jpg');}
.prani-zehleni1 {background-image:url('prani-zehleni1.jpg');}
.prani-zehleni2 {background-image:url('prani-zehleni2.jpg');}
.prani-zehleni3 {background-image:url('prani-zehleni3.jpg');}

/* Materialy - PDF ke stazeni */
.download-pdf {display:block; height:40px; background:url('icon-pdf.png') left top no-repeat; padding-left:60px; padding-top:8px; color:#900!important; font-size:20px; font-weight:bold; box-sizing:border-box;}

/* komora */
.komora {height:240px; width:100%; max-width:580px; margin:0 auto; position:relative; min-height:100%; display:block; padding:0 0 0 210px; background:url(icok-page.jpg) left center no-repeat;}
.komora p {/*height:300px;*/ position:absolute; height:auto; top:46%; display:block; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
@media all and (max-width: 860px) {
.komora {height:auto; width:100%; max-width:580px; margin:0 auto; position:relative; min-height:100%; display:block; padding:240px 0 0 0; background:url(icok-page.jpg) center top no-repeat;}
.komora p {/*height:300px;*/ position:relative; height:auto; top:0; text-align:center; display:block; -webkit-transform:translateY(0%); transform:translateY(0%);}
}


/*.home-video {
    width: 100%;
    height: 100%
}

.video-js {
    position: relative
}

.video-js .goplay {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin-top: -50px;
    margin-left: -50px;
    background: transparent url(play.png) no-repeat center center;
    background-size: cover
}*/

.topvideo {position: relative}
.topvideo .audio {position: absolute; bottom:0; left:0; width:35px; height:35px; margin: 35px; z-index: 49;}
.topvideo .audio.on {background: transparent url(audio_on.png) no-repeat center center}
.topvideo .audio.off {background: transparent url(audio_off.png) no-repeat center center}
.topvideo .audio-white.on {background: transparent url(audio_on_white.png) no-repeat center center}
.topvideo .audio-white.off {background: transparent url(audio_off_white.png) no-repeat center center}

.bgvideo {position:relative; width:100%; min-height:calc(100vh - 130px); overflow:hidden; background:#000;}
.bgvideo .audio {position: absolute; bottom:0; left:0; width:35px; height:35px; margin: 35px; z-index: 49;}
.bgvideo .audio.on {background: transparent url(audio_on.png) no-repeat center center}
.bgvideo .audio.off {background: transparent url(audio_off.png) no-repeat center center}
.bgvideo .audio-white.on {background: transparent url(audio_on_white.png) no-repeat center center}
.bgvideo .audio-white.off {background: transparent url(audio_off_white.png) no-repeat center center}
.bgvideo .playvideo{position: relative}
.bgvideo.darked{-webkit-filter:brightness(67%); filter:brightness(67%);}
.bgvideo.darked86{-webkit-filter:brightness(86%); filter:brightness(86%);}
.bgvideo.darked90{-webkit-filter:brightness(90%); filter:brightness(90%);}
.bgvideo .videoframe {
    position: absolute; width:100%; height:100%;    
    top: 50%; left: 50%; transform: translate(-50%, -50%);
    overflow:hidden;
}
.bgvideo video {
  position: absolute;
  top: 0; left: 0;
  right: 0; bottom: 0;
  margin: auto; min-width: 50%; min-height: 50%;

  /*  min-height:200%;
    height:300%;
    margin:0 auto;
    background: #000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
   filter: brightness(0.8); filter: contrast(1.2);
   -webkit-filter: brightness(0.8); -webkit-filter: contrast(1.2);*/
}
.bgvideo-revive {background:#e1e3e3;}
.bgvideo-revive .videoframe {
    position:absolute; width:100%; height:100%; /*display:flex;*/ 
    top: 50%; left: 50%; transform:translate(-50%, -50%);
    overflow:hidden;
}
.bgvideo-revive .grad {
  position: absolute;
  top: 0; left: 0;
  right: 0; bottom: 0;
  margin: auto; /*min-width: 50%; min-height: 50%;*/
  border:solid 0px #EE00EE;
  aspect-ratio: 1920/1080;
}
.bgvideo-revive .grad video {
  background:#e1e3e3;
  /*position: absolute;
  top: 0; left: 0;
  right: 0; bottom: 0;
  margin: auto; min-width: 50%; min-height: 50%;
  border:solid 0px #EE00EE;*/
}
/*.bgvideo-revive .grad {position:flex;border:solid 3px #EE0000; }*/
.bgvideo-revive .grad::before {content:""; display:block; position:absolute; top:-1px; left:0; width:100%; height:120px; background:url(../akce/vanoce-revive-gradtop.png) 0 0 repeat-x; background-size:100% 100%; z-index:10;}
.bgvideo-revive .grad::after {content:""; display:block; position:absolute; bottom:-1px; left:0; width:100%; height:120px; background:url(../akce/vanoce-revive-gradbottom.png) 0 0 repeat-x; background-size:100% 100%;z-index:10;}

/*.bottom-grad {position:absolute; top:calc(100% - 120px); width:100%; height:120px; background:url(../akce/vanoce-revive-grad.png) 0 0 repeat-x;}
.top-grad {position:absolute; top:calc(100% - 120px); width:100%; height:120px; background:url(../akce/vanoce-revive-gradtop.png) 0 0 repeat-x;}*/
@media all and (max-width: 1500px){
.bgvideo .videoframe {width:120%; height:120%;}
.bgvideo-revive .videoframe {width:102%; height:102%;}
}

@media all and (max-width: 1350px){
.bgvideo-revive .videoframe {width:104%; height:104%;}
}
@media all and (max-width: 1200px){
.bgvideo .videoframe {width:140%; height:140%;}
.bgvideo-revive .videoframe {width:110%; height:110%;}
}
@media all and (max-width: 1000px){
.bgvideo .videoframe {width:160%; height:160%;}
.bgvideo-revive .videoframe {width:115%; height:115%;}
}
@media all and (max-width: 900px){
.bgvideo .videoframe {width:200%; height:200%;}
.bgvideo-revive .videoframe {width:120%; height:120%;}
}
@media all and (max-width: 980px){
.bgvideo {min-height:calc(100vh - 85px);}
}
@media all and (max-width: 860px){
.bgvideo .videoframe {width:250%; height:250%;}
.bgvideo-revive .videoframe {width:120%; height:120%;}
.bgvideo-revive .grad {top: auto; bottom: 70px;}
}
@media all and (max-width: 800px){
.bgvideo .videoframe {width:300%; height:300%;}
.bgvideo-revive .videoframe {width:120%; height:120%;}
.bgvideo-revive .grad {top: auto; bottom: 80px;}
.bgvideo-revive .grad::before {height:80px;}
.bgvideo-revive .grad::after {height:80px;}
}
@media all and (max-width: 660px){
.bgvideo .videoframe {width:360%; height:360%;}
.bgvideo-revive .videoframe {width:100%; height:100%;}
.bgvideo-revive .grad {top: auto; bottom: 80px;}
.bgvideo-revive .grad::before {height:50px;}
.bgvideo-revive .grad::after {height:50px;}
}
.popupvideo {
    position:fixed; top:0; left:0;
    width: 100%;
    height: 100vh;
    background:rgba(0,0,0,0.80);
    z-index:999;
}
.popupvideo-close {
    position: absolute;
    display: block;
    top: -40px;
    right: 0;
    width: 32px;
    height: 40px;
    font-size:32px;
    color:#AAAAAA;
    font-weight:400;    
    cursor:pointer;
    text-align:center;
}
.popupvideo-close:hover {
    color:#FFFFFF;
    /*background:url(close.png) center center no-repeat;*/
}
.popupvideo-box {
    /* position:relative;
    top: 7vh;
    left: 5%;*/
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: 90%!important;
    max-height: 86vh;
    -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);
    background:#000;
    box-shadow: 0 0 8px rgba(0,0,0,0.6);
    border:0px solid #FF00FF;
}
.popupvideo-box-cut {
    position:relative;
    width: 100%;
    height: 100%; calc(100% - 40px);
    max-height:inherit;
    overflow:hidden;
    border:0px solid #00FF00;
}
.popupvideo-poster {
    position:absolute;
    left:0; top:0;
    width:100%; height:100%;
    background: #000;
    border:0px solid #FF0000;
    z-index:2;  
}
.popupvideo-poster img{
    /* position:relative;
    top: 7vh;
    left: 5%;*/
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: 100%;
    height:auto;    
    -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);
    border:0px solid #FF00FF;
    z-index:2;
}
/*.popupvideo-iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0,0,0,0.6);
    background: #000;
}*/
.popupvideo video {
    position:relative;
    width:84%; min-width:1400px; height:auto; max-height:inherit;
    margin:0 auto; top:-20px;
    background: #000;
   /* -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);*/
   filter: brightness(0.8); filter: contrast(1.2);
   -webkit-filter: brightness(0.8); -webkit-filter: contrast(1.2);
}
@media all and (max-width: 1580px){
.popupvideo video {width:100%; min-width:initial; height:auto; max-height:100%;}
}

/* Materialy - link */
a.linkcover{
  display:block; width:140px; float:left; clear:none;
	padding: 10px 30px 10px 10px; 
	background-image: url('link-pdf.png');
	background-color: #80252C;
  background-position: 94% center; 
  background-repeat: no-repeat;
	color:#FFF; font-size:18px; text-decoration:none;
	border:none;
	}
a.linkcover:hover{
	background-image: url('link-pdf.png');
	background-color: #5F1C21;
	background-position: 94% center;
	background-repeat: no-repeat;
	color:#EEE;
	transition: all ease-in 0.3s;
	}
a.linkcover-eshop{
  display:block; width:140px; float:right; clear:none;
	padding: 10px 30px 10px 10px; 
	background-image: url('link-eshop.png');
	background-color: #80252C;
  background-position: 94% center; 
  background-repeat: no-repeat;
	color:#FFF; font-size:18px; text-decoration:none;
	border:none;
	}
a.linkcover-eshop:hover{
	background-image: url('link-eshop.png');
	background-color: #5F1C21;
	background-position: 94% center;
	background-repeat: no-repeat;
	color:#EEE;
	transition: all ease-in 0.3s;
	}


/* video banner 960x100px */
.videobanner {position:relative; width:100%; height:120px; margin: 35px auto; margin-top:50px; overflow:hidden;}
.videobanner img {position:absolute; top:0px; left:0px; width:100%; z-index:2;}
.videobanner a {position:absolute; top:0px; left:0px; display:block; width:100%; height:100%; padding:25px 25px 25px 380px; font-size:150%; font-weight:bold; color:#372519!important; text-decoration:none!important; z-index:5;}
.videobanner a:hover{}


/* BOX RECTANGLE - rozcestníky, kategorie */
.box-rectangle {position:relative; width:100%; height:auto; margin: 0px auto;overflow:hidden;}
.box-rectangle .box {position:relative;width:calc(33.3333% - 8px); height:300px; margin-left:12px; margin-bottom:12px; float:left; background:#666666; overflow:hidden;/*border-bottom:solid 1px #DEDEDE;*/ /*clear:both;*/}
.box-rectangle .box-content {position:absolute; top:0px; left:0px; display:block; width:100%; height:100%;}
.box-rectangle.col3 .box {width:calc(33.3333% - 8px); margin-left:12px;}
.box-rectangle.col3 .box:nth-child(3n+1) {margin-left:0px;}
.box-rectangle.col2 .box {width:calc(50% - 6px); margin-left:12px;}
.box-rectangle.col2 .box:nth-child(2n+1) {margin-left:0px;}
.box-rectangle.col1 .box {width:100%; margin-left:0px;}
.box-rectangle .box a {position:absolute; top:0px; left:0px; display:block; width:100%; height:100%; text-decoration:none!important; z-index:5;}
.box-rectangle .box .boxtext {/*background:rgba(100,100,100,0.5);*/ width:100%; height:100%; padding:35px;}
.box-rectangle .box .boxtext h3{width:100%; margin:0; clear:both; color:#FFF; font-size:28px; /*font-size:3.5vw;*/ font-weight:500; text-shadow:0 0 10px #444444;}
.box-rectangle .box .boxtext h3.black{color:#000; text-shadow:0 0 10px #BBBBBB;}
.box-rectangle .box .boxtext p{margin-top:15px!important; color:#FFF;}
.box-rectangle .box .boxtext span{position:absolute; bottom:25px; margin:0 auto; width:80%; text-align:center; color:#FFF;}
.box-rectangle .box .boxtext {position:relative;z-index:2!important; opacity:1; -webkit-transition: all 1.0s ease-in-out; transition: all 1.0s ease-in-out;}
.box-rectangle .box:hover .boxtext {opacity:0; -webkit-transition: all 1.0s ease-in-out; transition: all 1.0s ease-in-out;}
.box-rectangle .box img{position:absolute; display:block; top:50%; left:50%; width:112%; /*z-index:0;*/ -webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); -webkit-transition: all 1.0s ease-in-out; transition: all 1.0s ease-in-out; filter: brightness(50%);}
.box-rectangle .box:hover img{width:100%; filter: brightness(100%);}
.box-rectangle.no-darkness .box img{filter:none!important;}
.box-rectangle .box .boxbutton{position:absolute; display:block; opacity:0; top:70%; left:50%; width:120px; height:40px; border:solid 1px #FFF; padding:12px; color:#FFF; text-align:center; text-transform:uppercase; z-index:4; -webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); -webkit-transition: all 1.0s ease-in-out; transition: all 1.0s ease-in-out;}
.box-rectangle .box .boxbutton-black{position:absolute; display:block; opacity:0; top:70%; left:50%; width:120px; height:40px; border:solid 1px #000; padding:12px; color:#000; text-align:center; text-transform:uppercase; z-index:4; -webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); -webkit-transition: all 1.0s ease-in-out; transition: all 1.0s ease-in-out;}
.box-rectangle .box:hover .boxbutton, .box-rectangle .box:hover .boxbutton-black{opacity:1; -webkit-transition: all 1.0s ease-in-out; transition: all 1.0s ease-in-out;}

/* BOX SQUARE - rozcestníky, kategorie */
.box-square {position:relative; width:100%; height:auto; margin: 0px auto;overflow:hidden;}
.box-square .box {position:relative;width:calc(33.3333% - 8px); margin-left:12px; margin-bottom:12px; float:left; background:#666666; overflow:hidden!important;/*border-bottom:solid 1px #DEDEDE;*/ /*clear:both;*/}
.box-square .box:before {content: ""; display: block; padding-top: 100%!important;}
.box-square .box-content {position:absolute; top:0px; left:0px; display:block; width:100%; height:100%;}
.box-square.col3 .box {width:calc(33.3333% - 8px); margin-left:12px;}
.box-square.col3 .box:nth-child(3n+1) {margin-left:0px;}
.box-square.col2 .box {width:calc(50% - 6px); margin-left:12px;}
.box-square.col2 .box:nth-child(2n+1) {margin-left:0px;}
.box-square.col1 .box {width:100%; margin-left:0px;}
.box-square .box a {position:absolute; top:0px; left:0px; display:block; width:100%; height:100%; text-decoration:none!important; z-index:5;}
.box-square .box .boxtext {/*background:rgba(100,100,100,0.5);*/ width:100%; height:100%; padding:35px;}
.box-square .box .boxtext h3{width:100%; margin:0; clear:both; color:#FFF; font-size:28px; /*font-size:3.5vw;*/ font-weight:500; text-shadow:0 0 10px #444444;}
.box-square .box .boxtext h3.black{color:#000; text-shadow:0 0 10px #BBBBBB;}
.box-square .box .boxtext p{margin-top:15px!important; color:#FFF;}
.box-square .box .boxtext span{position:absolute; bottom:25px; margin:0 auto; width:80%; text-align:center; color:#FFF;}
.box-square .box .boxtext {position:relative;z-index:2!important; opacity:1; -webkit-transition: all 1.0s ease-in-out; transition: all 1.0s ease-in-out;}
/*.box-square .box:hover .boxtext {opacity:0; -webkit-transition: all 1.0s ease-in-out; transition: all 1.0s ease-in-out;}*/
.box-square .box img{position:absolute; display:block; top:50%; left:50%; width:112%; /*z-index:0;*/ -webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); -webkit-transition: all 1.0s ease-in-out; transition: all 1.0s ease-in-out; filter: brightness(50%);}
.box-square .box:hover img{width:100%; filter: brightness(100%);}
.box-square.no-darkness .box img{filter:none!important;}
.box-square .box .boxbutton{position:absolute; display:block; opacity:0; top:70%; left:50%; width:120px; height:40px; border:solid 1px #FFF; padding:12px; color:#FFF; font-weight:500; text-align:center; text-transform:uppercase; z-index:4; -webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); -webkit-transition: all 1.0s ease-in-out; transition: all 1.0s ease-in-out;}
.box-square .box .boxbutton-black{position:absolute; display:block; opacity:0; top:70%; left:50%; width:120px; height:40px; border:solid 1px #000; padding:12px; color:#000; font-weight:500; text-align:center; text-transform:uppercase; z-index:4; -webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); -webkit-transition: all 1.0s ease-in-out; transition: all 1.0s ease-in-out;}
.box-square .box:hover .boxbutton, .box-square .box:hover .boxbutton-black{opacity:1; -webkit-transition: all 1.0s ease-in-out; transition: all 1.0s ease-in-out;}


.prodejny-box {position:relative; width:100%; height:auto; margin: 0px auto; overflow:hidden;}
.prodejny-box .box {position:relative;width:calc(50% - 8px); height:auto; min-height:300px; margin-left:12px; margin-bottom:12px; float:left; border:solid 4px #DDD; overflow:hidden!important;/*border-bottom:solid 1px #DEDEDE;*/ /*clear:both;*/}
.prodejny-box .box:before {content: ""; display: block; padding-top: 50%!important;}
.prodejny-box .box .box-content {position:absolute; top:0px; left:0px; display:block; width:100%; height:100%; padding:15px;}
.prodejny-box .box:nth-child(2n+1) {margin-left:0px;}

.prodejny-box h2, .prodejny-box h3 {text-align:left;}
.prodejny-box .notice {display:inline-block; padding:4px 14px; margin:15px 14px; background:#000; color:#FFF;}


/* BOX responzivni */
@media all and (max-width: 1360px) {
.box-rectangle.col3 .box:nth-child(3n+1) {margin-left:12px;}
.box-rectangle.col3 .box {width:calc(50% - 6px); margin-left:12px;}
.box-rectangle.col3 .box:nth-child(2n+1) {margin-left:0px;}
}
@media all and (max-width: 1160px) {
.box-square.col3 .box:nth-child(3n+1) {margin-left:12px;}
.box-square.col3 .box {width:calc(50% - 6px); margin-left:12px;}
.box-square.col3 .box:nth-child(2n+1) {margin-left:0px;}
}
@media all and (max-width: 900px) {
.box-square .box img{width:120%;}
.box-square .box:hover img{width:108%;}
}
@media all and (max-width: 860px) {
.box-rectangle.col3 .box {width:100%; margin-left:0px;}
.box-rectangle.col2 .box {width:100%; margin-left:0px;}
.box-rectangle.col1 .box {width:100%; margin-left:0px;}
.box-square.col3 .box {width:80%; margin-left:auto!important; margin-right:auto!important; float:none!important;}
.box-square.col2 .box {width:80%; margin-left:auto!important; margin-right:auto!important; float:none!important;}
.box-square.col1 .box {width:80%; margin-left:auto!important; margin-right:auto!important; float:none!important;}
.prodejny-box .box {width:80%; min-height:initial; height:auto; margin-left:auto!important; margin-right:auto!important; float:none!important;}
.prodejny-box .box .box-content {position:relative; top:0px; left:0px; display:block; width:100%; height:auto; padding:15px;}
.prodejna.left-to-center, .prodejna.left-to-center h2{text-align:center!important;}
}

/* Pro Inspirace, Aktuality */
.news-box {position:relative; width:100%; height:auto; margin: 0px auto;overflow:hidden;}
.news-box .news {position:relative;width:calc(33.3333% - 8px); height:300px; margin-left:12px; margin-bottom:12px; float:left; background:#666666; overflow:hidden;/*border-bottom:solid 1px #DEDEDE;*/ /*clear:both;*/}
.news-box.col3 .news {width:calc(33.3333% - 8px); margin-left:12px;}
.news-box.col3 .news:nth-child(3n+1) {margin-left:0px;}
.news-box.col2 .news {width:calc(50% - 6px); margin-left:12px;}
.news-box.col2 .news:nth-child(2n+1) {margin-left:0px;}
.news-box.col1 .news {width:100%; margin-left:0px;}

.news-box .news a {position:absolute; top:0px; left:0px; display:block; width:100%; height:100%; text-decoration:none!important; z-index:5;}
.news-box .news .newstext {position:relative; width:100%; height:100%; padding:35px; padding-top:95px; text-align:center; z-index:2!important; opacity:0; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; transform:scale(1.2);}
.news-box .news:hover .newstext {opacity:1; transform:scale(1);}
.news-box .news .newstext h3{margin:0; clear:both; color:#FFF; font-size:18px; margin:0px;  text-transform:uppercase;}
.news-box .news .newstext p{margin-top:8px!important; color:#FFF; /*text-transform:uppercase;*/ line-height:120%;}
.news-box .news .newstext span{display:block;position:absolute; bottom:25px; margin:0 auto; width:90%; font-size:12px!important;  text-align:center; color:#FFF;}


.news-box .news img{position:absolute; display:block; top:50%; left:50%; width:112%; /*z-index:0;*/ -webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; filter: brightness(100%);}
.news-box .news:hover img{width:100%; filter: brightness(50%);}
.news-box.no-darkness .news img{filter:none!important;}

.news-box .news .newsbutton{position:absolute; display:block; opacity:0; top:20%; left:50%; width:38px; height:38px; border:solid 0px #FFF; padding:12px; color:#FFF; text-align:center; text-transform:uppercase; background:url(open-link-white.png) center center no-repeat; background-size:cover; z-index:4; -webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;}
.news-box .news .newsbutton-black{position:absolute; display:block; opacity:0; top:70%; left:50%; width:120px; height:40px; border:solid 1px #000; padding:12px; color:#000; text-align:center; text-transform:uppercase; z-index:4; -webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;}
.news-box .news:hover .newsbutton, .news-box .news:hover .newsbutton-black{opacity:1; width:31px; height:31px;}


@media all and (max-width: 1360px) {
.news-box.col3 .news:nth-child(3n+1) {margin-left:12px;}
.news-box.col3 .news {width:calc(50% - 6px); margin-left:12px;}
.news-box.col3 .news:nth-child(2n+1) {margin-left:0px;}
}
@media all and (max-width: 900px) {
.news-box .news img{width:120%;}
.news-box .news:hover img{width:108%;}
}
@media all and (max-width: 860px) {
.news-box.col3 .news {width:100%; margin-left:0px;}
.news-box.col2 .news {width:100%; margin-left:0px;}
.news-box.col1 .news {width:100%; margin-left:0px;}
}









/*.counter:nth-child(2)  ~ .news {width:calc(50% - 6px); margin-left:12px; }
.news:nth-child(2n-3) {margin-left:0px; }
.news:nth-child(2n-3) .newsContent {background:#FEDEDE;}
.counter:nth-child(3)  ~ .news {width:calc(33.3333% - 8px); margin-left:12px; }
.counter:nth-child(4n)  ~ .news {width:calc(50% - 6px); margin-left:12px; }
.counter:nth-child(5n)  ~ .news {width:calc(33.3333% - 8px); margin-left:12px; }
*/







/*#banners-focus a {position:absolute; top:0px; left:0px; display:block; width:90px; height:42px; padding:208px 0px 0px 380px; font-size:100%; font-weight: bold; color:#FFF!important; text-decoration:none!important; background: url('bannerboxes-bt0.png') 0px 0px no-repeat; z-index:5;}
#banners-focus a:hover{ background: url('bannerboxes-bt1.png') 0px 0px no-repeat;}
*/



/*.catalogue {width:445px; height:auto; min-height:290px; padding:0px 15px; float:right; background: url('index-katalog-bg.png') right top no-repeat; z-index:1; }
.catalogue  p {display:block; width:190px; height:auto;}
.catalogue  a.bt {display:block; width:190px; height:18px; padding:7px; margin:3px 0px; font-size:16px; color:#FFF!important; text-decoration:none!important; background: url('akce-letak-bt0.png') 0px 0px no-repeat;}
.catalogue  a:hover{ background: url('akce-letak-bt1.png') 0px 0px no-repeat;}
.catalogue  a.flashpdf {position:absolute; bottom:55px;}
.catalogue  a.download {position:absolute; bottom:15px;}
.catalogue-postele {background: url('index-katalog-postele.png') right top no-repeat;}
.catalogue-revive {background: url('index-katalog-revive.png') right top no-repeat;}
*/
/*
.catalogue-links  a.bt {position:relative; display:block; width:190px; height:18px; padding:7px; margin:0px 0px; font-size:16px; color:#FFF!important; text-decoration:none!important; background: url('akce-letak-bt0.png') 0px 0px no-repeat;}
.catalogue-links  a:hover{ background: url('akce-letak-bt1.png') 0px 0px no-repeat;}
*/



#sada {position:relative; width:445px; height:auto; padding:0px 15px; float:right; z-index:1; }
#sada .link {display:block-inline; position:absolute; /*width:222px;*/ height:15px; clear:both; bottom:5px; padding:10px 45px 10px 10px; font-size:14px; text-align:left; text-decoration:none; background: url('link-out.png') center right no-repeat;}
#sada .link:hover {background: url('link-over.png') center right no-repeat;}


.banner-katalog {position:relative; width:477px; /*color:#666!important;*/ text-decoration:none!important; background: url('akce-letak-bg2.jpg') #D9D3CF left bottom no-repeat;}
.banner-katalog p {display:block; width:190px; height:auto;}
.banner-katalog a {display:block; width:190px; height:18px; padding:7px; margin:3px 0px; font-size:16px; color:#FFF!important; text-decoration:none!important; background: url('akce-letak-bt0.png') 0px 0px no-repeat;}
.banner-katalog a:hover{ background: url('akce-letak-bt1.png') 0px 0px no-repeat;}
.banner-katalog a.flashpdf {position:absolute; bottom:40px;}
.banner-katalog a.download {position:absolute; bottom:5px;}

.akce>.item {position:relative;}
.akce>.item>h2 {position:absolute; top:0;}



/* akce pro bannerboxes */
/*.akce-darek {width:740px!important; height:100px; background: url('akce/2012-10-darek.jpg') 0px 0px no-repeat;}*/
.akce-darek {display:block; width:660px!important; height:20px; padding:40px; color:#D00!important; text-decoration:none; background: url('akce/2012-10-darek.jpg') 0px 0px no-repeat;}
.akce-darek h2{color:#FFF!important; text-decoration:none !important;}
.akce-darek:hover {color:#FFF!important; text-decoration:none !important;}

/*
.akce-pohovky-skladem {display:block; width:330px; height:auto; padding:10px 10px; font-size:220%; color:#666!important; text-decoration:none!important;}
.akce-pohovky-skladem strong{font-size:120%; color:#80252C!important; margin:0px; padding:0px; font-weight:bold;}
.akce-pohovky-skladem:hover {color:#333!important;}
.akce-pohovky-skladem:hover strong{}
*/

.akce-sale {display:block; width:310px; height:35px; padding:0px 20px; padding-top:135px; color:#FFF!important; text-decoration:none!important; background: url('akce/dny-marianne2013-08out.jpg') 0px 0px no-repeat;}
.akce-sale strong{font-size:120%; color:#80252C!important; margin:0px; padding:0px; font-weight:bold;}
.akce-sale:hover {color:#FFF!important; background: url('akce/dny-marianne2013-08over.jpg') 0px 0px no-repeat;}
.akce-sale:hover strong{/*color: #FF0000!important;*/}

.akce-blackfriday {}
.akce-blackfriday.left{margin:25px 0; width:37%; padding-right:3%; border-right:solid 2px #DDD; text-align:right; float:left;}
.akce-blackfriday.right{margin:25px 0; width:57%; padding-left:2%; float:right;}
.akce-blackfriday2 {}
.akce-blackfriday2.left{margin:25px 0px; width:575px; padding-right:25px; /*border-right:solid 2px #DDD;*/ text-align:right; float:left;}
.akce-blackfriday2.right{margin:0px 0px; width:360px; padding-left:0px; float:right;}

a .procento-scale {-webkit-transform: scale(1); transform: scale(1); margin-top:0px; transition: all  0.5s; line-height:30%;}
a:hover .procento-scale {-webkit-transform: scale(1.25); transform: scale(1.25); margin-top:-20px; transition: all  0.5s;}

.akce-procento-scale:hover *[class~="akce-procento-scale"] {opacity:0.7;}
/*.akce-procento-scale div.w33:hover ~ [sibling~="procento-sale"] {opacity:0.7;}*/
/*.akce-procento-scale {opacity:0.7;}
.akce-procento-scale:hover{opacity:1.0;}*/

a>.button-white {position:relative; display:block; /*top:180px; left:50%;*/ width:320px; height:44px; padding:13px 0; margin-bottom:15px!important; border:solid 1px #FFF; text-align:center; font-size:16px; font-weight:500; color:#FFF!important; text-decoration:none; text-transform:uppercase; z-index:1; box-sizing:border-box; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; /*-webkit-transform: translateX(-50%); transform: translateX(-50%);*/ cursor:pointer; cursor:hand;}
a>.button-white::before {content:""; position:absolute; display:inline-block; top:50%; left:50%; width:72%; height:100%; opacity:0; background:#FFF; z-index:-1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translate(-50%,-50%); transform: translate(-50%, -50%);}
a:hover>.button-white {color:#000!important; text-decoration:none; z-index:1;}
a:hover>.button-white::before {width:100%; height:100%; opacity:1;}

a>.button-black {position:relative; display:block; /*top:180px; left:50%;*/ width:320px; height:44px; padding:13px 0; margin-bottom:15px!important; border:solid 1px #000; text-align:center; font-size:16px; font-weight:500; color:#000!important; text-decoration:none; text-transform:uppercase; z-index:1; box-sizing:border-box; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; /*-webkit-transform: translateX(-50%); transform: translateX(-50%);*/ cursor:pointer; cursor:hand;}
a>.button-black::before {content:""; position:absolute; display:inline-block; top:50%; left:50%; width:72%; height:100%; opacity:0; background:#000; z-index:-1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translate(-50%,-50%); transform: translate(-50%, -50%);}
a:hover>.button-black {color:#FFF!important; text-decoration:none; z-index:1;}
a:hover>.button-black::before {width:100%; height:100%; opacity:1;}



.akce-price-border-round{
padding:20px; margin: 0 auto; clear:both; margin-top:50px;
border:solid 3px #999;
border-radius: 10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
-ms-border-radius:10px;
-o-border-radius:10px;
}

span.vyprodano{
position:absolute; left:120px; top:130px; text-shadow:0 0 15px #FFF;
color:#F00; font-size:50px; font-weight:bold; padding:12px; 
border:solid 3px #F00;
border-radius: 10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
-ms-border-radius:10px;
-o-border-radius:10px;
-webkit-transform: rotate(-18deg);
-moz-transform: rotate(-18deg);
-ms-transform: rotate(-18deg);
-o-transform: rotate(-18deg);
transform: rotate(-18deg);
}



.akce-info { color:#666!important; text-decoration:none!important; background: url('akce-info-bg.jpg') left bottom no-repeat;}
.akce-info p {display:block; width:190px; height:auto;}
/*
.akce-info a {position:absolute; bottom:30px; display:block; width:350px; height:18px; padding:7px; margin:3px 0px; color:#FFF!important; text-decoration:none!important; background: url('akce/akce-info-bt0.png') 0px 0px no-repeat;}
.akce-info a:hover{ background: url('akce/akce-info-bt1.png') 0px 0px no-repeat;}
*/
.akce-banner {position:relative; color:#FFF!important; text-decoration:none!important; background: url('akce/banner-natuzzi-express.jpg') left bottom no-repeat; font-family: Calibri, Arial CE, Helvetica CE, Arial, Helvetica, sans-serif;}
.akce-banner h2{color:#FFF!important; text-decoration:none!important; margin-bottom:0px; padding-bottom:0px;}
.akce-banner p {display:block; width:260px; height:auto; font-size:120%; font-family: Calibri, Arial CE, Helvetica CE, Arial, Helvetica, sans-serif;}

.akce-banner2 {position:relative; color:#FFF!important; text-decoration:none!important; background: url('akce/banner-natuzzi-vanocni-prani.jpg') left bottom no-repeat; font-family: Calibri, Arial CE, Helvetica CE, Arial, Helvetica, sans-serif;}
.akce-banner2 h2{/*color:#FFF!important; */text-decoration:none!important; margin-bottom:0px; padding-bottom:0px;}
.akce-banner2 p {display:block; color:#666!important; margin-top:0px; padding-top:0px; width:260px; height:auto; font-size:120%; font-family: Calibri, Arial CE, Helvetica CE, Arial, Helvetica, sans-serif;}

/*.
akce-banner a {position:absolute; bottom:30px; display:block; width:350px; height:18px; padding:7px; margin:3px 0px; color:#FFF!important; text-decoration:none!important; background: url('akce/akce-info-bt0.png') 0px 0px no-repeat;}
.akce-banner a:hover{ background: url('akce/akce-info-bt1.png') 0px 0px no-repeat;}
*/
/*
.akce-banner a {position:absolute; bottom:30px; display:block; width:194px; height:36px; padding:10px; margin:3px 0px; color:#FFF!important; text-decoration:none!important; background: url('akce/akce-banner-bt0.png') 0px 0px no-repeat;}
.akce-banner a:hover{ background: url('akce/akce-banner-bt1.png') 0px 0px no-repeat;}

.akce-banner a {position:absolute; bottom:10px; right:0px; display:block; width:190px; height:18px; padding:7px; margin:3px 0px; color:#FFF!important; text-decoration:none!important; background: url('akce/akce-letak-bt0.png') 0px 0px no-repeat;}
.akce-banner a:hover{ background: url('akce/akce-letak-bt1.png') 0px 0px no-repeat;}
*/

.akce-prodejna { color:#666!important; text-decoration:none!important; background: url('akce/akce-prodejna-bg.jpg') left bottom no-repeat;}

.valentyn {width:740px!important; height:392px; position:relative; text-decoration:none; background: url('akce/2013-02-valentyn2.jpg') 0px 0px no-repeat;}
.valentyn .text1{display:block; width:255px!important; height:auto; position:absolute; left:230px; top:140px;}
.valentyn .text2{display:block; width:255px!important; height:auto; position:absolute; left:230px; top:334px;}

.valentyn-line{border-style:double; border-width: 5px; border-image: linear-gradient(to bottom, rgba(227, 176, 153), rgba(237, 177, 125), rgba(236, 194, 123)) 1; /*border:dotted 4px #ec9985;*/ padding-top:25px;}
.valentyn-gradient{background:linear-gradient(#ec9985, #ffffff); }


.summersale div {position:relative;}
.summersale a img{display:block; /*left:0;top:0; position:absolute;*/ transition: opacity 0.2s ease; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; z-index:10;}
.summersale a:hover img{opacity:0.8; z-index:10;}
.summersale .prod {display:block; position:absolute; left:0px; bottom:25px; width:97px; height:34px; border:solid 0px #FFF;/*background:#F00;*//* color:#AF7961; font-weight:bold; font-size:16px;*/ -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.summersale .prod:hover {/*background:#000;*/ opacity:1.00; -webkit-box-shadow:0px 0px 12px #FFF;box-shadow:0px 0px 12px #FFF;}

.summersale .praha1 {left:26px; }
.summersale .praha8 {left:137px; }
.summersale .brno {left:250px; }
.summersale .brno-modrice {left:362px; }

#karty {position:relative; width:740px; height:auto;}
#karty .karta {position:relative; width:740px; height:360px; margin: 15px 0px; color:#FFF; clear:both;}
#karty .karta .fototext {display:none; position:absolute; left:400px; bottom:10px; color:#FFF; text-align:right;}
#karty .karta .text {position:absolute; right:0px; top:0px; width:220px; height:320px; padding:20px; background-color:#3B3736;}
#karty .karta .sleva {position:absolute; right:0px; bottom:110px; width:240px; height:24px; padding:10px; font-size: 130%; font-weight:bold; text-align:center;}
#karty .karta .pudorys {position:absolute; right:65px; bottom:40px;}
#karty .karta h2 {margin: 5px 0px 20px 0px; padding: 0px; color: #FFF!important; font-size: 200%; font-weight: normal;}
#karty .karta h3 {margin: 0px 0px 0px 0px; padding: 0px; color: #FFF!important; font-size: 220%; font-weight: normal;}
#karty .karta p {margin: 0px 0px 15px 0px; color: #FFF!important; font-size:110%;}
#karty .karta strong {color: #FF9933!important; font-size: 120%;}
#karty .karta .big {font-size: 140%; color: #DDD; font-weight:bold;}
#karty .karta .bigger {font-size: 200%;}
#karty .karta span {color: #FFF; font-size: 130%; font-weight:bold;}


#karty .skladem {position:relative; float:right; width:226px; height:auto; padding:15px; font-size:110%; color: #000;  border: solid #000 2px;}
#karty .skladem span{display:block; padding:0px; margin:0px; clear:both;}
#karty .skladem .big {font-size:180%;}
#karty p {font-size:110%;}


#karty2 {position:relative; width:740px; height:auto;}
#karty2 .karta {position:relative; width:740px; height:auto; margin: 15px 0px; color:#FFF; clear:both;}
#karty2 .karta .fototext {display:none; position:absolute; right:20px; top:440px; color:#FFF; text-align:right;}
#karty2 .karta .text {height:auto;}
#karty2 .karta .sleva {position:absolute; right:0px; bottom:110px; width:240px; height:24px; padding:10px; font-size: 130%; font-weight:bold; text-align:center;}
#karty2 .karta .pudorys {position:absolute; right:0px; top:30px;}
#karty2 .karta h2 {margin: 5px 0px 20px 0px; padding: 0px; color: #333; font-size: 200%; font-weight: normal;}
#karty2 .karta h3 {margin: 0px 0px 0px 0px; padding: 0px; color: #000; font-size: 280%; font-weight: normal;}
#karty2 .karta p {margin: 0px 0px 15px 0px; color: #333; font-size:110%;}
#karty2 .karta strong {color: #000; font-size:140%;}
#karty2 .karta .big {font-size: 150%; color: #333; font-weight:bold;}
#karty2 .karta .bigger {font-size: 200%;}
#karty2 .karta span {color: #FFF; font-size: 130%; font-weight:bold;}

#karty2 .skladem {position:relative; float:right; width:226px; height:auto; padding:15px; margin-bottom:15px; font-size:110%; color: #000;  border: solid #000 2px;}

#karty2 a.skladem {display:block; position:relative; float:right; width:226px; height:auto; padding:15px; font-size:110%; color: #000; background-color:#FFF; border: solid #000 2px;}
#karty2 a.skladem:hover {background-color:#EEE; text-decoration:none;}

#karty2 .skladem span{display:block; padding:0px; margin:0px; clear:both;}
#karty2 .skladem .big {font-size:180%;}
#karty2 p {font-size:110%;}










/* VÝPRODEJ */
/*.vyprodejblok {	width:960px; height:100%; border:solid #AAAAAA 0px; margin:15px 0px 0px 0px; padding:0px; clear:both; }

.vyprodejblok h4 {clear:both;}
.vyprodejblok hr {margin: 5px 0px 0px 0px; height:21px; padding: 0px; color: #80252C; font-size: 200%; clear:both;}

.vyprodejblok .vyprodej {	position:relative; width:960px; height:auto; margin-top:10px; padding:10px 0px; padding-top: 10px; padding-bottom: 20px; clear:both; }
.vyprodejblok .vyprodej a.lnk{	position:absolute; width:100%; height:100%; background:#FFF; z-index:3; -webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease; opacity:0.00; }
.vyprodejblok .vyprodej a.lnk:hover{opacity:0.20;}

.vyprodejblok .vyprodej .image, .vyprodejblok .vyprodej .images {position:relative; width:524px; float:left;}
.vyprodejblok .vyprodej .image .prodano-h { position:absolute; width:300px; height:225px; float:left; background: url('vyprodej/prodano-h.png') top left no-repeat; }
.vyprodejblok .vyprodej .image .prodano-v { position:absolute; width:300px; height:400px; float:left; background: url('vyprodej/prodano-v.png') top left no-repeat; }
.vyprodejblok .vyprodej .image .rezervovano { position:absolute; top:15px; left:15px; width:300px; height:225px; color:#FFF; font-size:30px; }
.vyprodejblok .vyprodej .image .prodano { position:absolute; width:300px; height:225px; float:left; background: url('vyprodej/prodano.png') top left no-repeat; }
.vyprodejblok .vyprodej .image img {float:right;border:solid 2px #EAEAEA;}

.vyprodejblok .vyprodej .text {width:370px; float:right; margin-left: 20px; padding:15px; margin-bottom:15px; font-size: 100%!important; text-align:left; border: 0px solid #0DF; }
.vyprodejblok .vyprodej .text h3 {display:block; min-height:20px; margin: 0px 0px; border:0px; font-size: 24px; font-weight:normal; text-transform:uppercase; text-decoration:none; font-style:normal; clear:both;}
.vyprodejblok .vyprodej .text h5 {display:block; min-height:20px; margin: 0px 0px; margin-top:20px; color: #333; border:0px; font-size: 110%!important; font-weight:bold; text-decoration:none; font-style:normal; clear:both;}
.vyprodejblok .vyprodej .text i {display:block;	width:100%; height:20px; margin: 5px 0px; color: #FF0000; font-size: 130%; font-weight:bold; text-decoration:none; font-style:normal; clear:both;}

.vyprodejblok .vyprodej .cena { position:relative; float:left; clear:both; border:solid #FF0000 0px; width:350px; height:37px; padding:10px 10px; padding-top:10px; margin-bottom:10px; color:#958C7E; font-size:13px; text-align:right; line-height:150%; background: url('vyprodej/cena-bg.png') top left no-repeat; clear:both;}
.vyprodejblok .vyprodej .cena .off{ position:absolute; top:5px; display:block; width:60px; height:34px; padding-left:20px; color:#FFF; font-size:16px; text-align:left; line-height:130%;}
.vyprodejblok .vyprodej .cena .off strong{ color:#FFF; font-size:24px;}
.vyprodejblok .vyprodej .cena .old {position:relative; color:#958C7E; font-size:13px; float:right; clear:both;}
.vyprodejblok .vyprodej .cena .old strong{color:#958C7E; font-size:15px; font-weight:bold!important; padding-left:8px;}
.vyprodejblok .vyprodej .cena .new {position:relative; color:#990000; font-size:18px; float:right; clear:both;}
.vyprodejblok .vyprodej .cena .new strong{color:#990000; font-size:23px; font-weight:bold!important; padding-left:8px;}
*/
/* pres celou sirku */
/*.vyprodejblok .vyprodej .imagexl {position:relative; width:100%; float:left;}
.vyprodejblok .vyprodej .textxl {width:440px; float:left!important; margin-left:0; margin-right:20px; padding:15px; margin-bottom:15px; font-size: 100%!important; text-align:left; background-color:#EAEAEA;}
.vyprodejblok .vyprodej .textxl:nth-child(2n) {margin-right:0px; border:0px solid #0DF;}*/



/*.vyprodejblok .vyprodej .text:first-child {margin-top:0px;}*/


/* vsude */
/*.vyprodejblok .delic, .delic { width:100%; height:20px; clear:both; margin:5px 0px;}*/

/* kuchyne */
/*.vyprodejblok .vyprodej .item {	width:400px; height:auto; padding:10px 0px; float:left; margin-bottom:5px; }
.vyprodejblok .vyprodej .item h3 {  display:block; height:20px; margin: 0px 0px; color: #FFFFFF; border:0px; font-size: 130%!important; font-weight:bold; text-decoration:none; font-style:normal; clear:both;}
.vyprodejblok .vyprodej .item i {  display:block;	width:100%; height:20px; margin: 5px 0px; color: #FF0000; font-size: 130%; font-weight:bold; text-decoration:none; font-style:normal; clear:both;}
*/

.onas-hodnoty {margin-top:10px; width:100%; clear:both;}
.onas-hodnoty .item {width:46%; height:auto;}

#sluzby {margin-top:10px; width:100%; clear:both;}
#sluzby .item {position:relative; width:46%; height:auto; min-height:230px; padding-bottom:40px;}
#sluzby .item .link {position:absolute; bottom:5px; right:5px;}


.contact {width:420px; margin-top:5px; clear:both;}
.contact .item {width:100%; height:auto; min-height:20px; clear:both;}
.contact .item span {display:block; width:120px; font-weight:bold; float:left;}
.contact .item span.day {width:40px;}
.contact .item span.date {width:80px;}


.mapa {width:100%; height:420px; border:none;}

/*
#karty {position:relative; width:740px; height:auto;}
#karty .karta {position:relative; width:740px; height:360px; margin: 15px 0px; color:#FFF; clear:both;}
#karty .karta .fototext {position:absolute; left:400px; bottom:10px; color:#FFF; text-align:right;}
#karty .karta .text {position:absolute; right:0px; top:0px; width:220px; height:320px; padding:20px; background-color:#000;}
#karty .karta .sleva {position:absolute; right:0px; bottom:110px; width:240px; height:24px; padding:10px; font-size: 130%; font-weight:bold; text-align:center;}
#karty .karta .pudorys {position:absolute; right:65px; bottom:40px;}
#karty .karta h2 {margin: 5px 0px 20px 0px; padding: 0px; color: #FFF; font-size: 200%; font-weight: normal;}
#karty .karta h3 {margin: 0px 0px 0px 0px; padding: 0px; color: #FFF; font-size: 280%; font-weight: normal;}
#karty .karta p {margin: 0px 0px 15px 0px; color: #DDD; font-size:110%;}
#karty .karta strong {color: #FFF; font-size: 120%;}
#karty .karta .big {font-size: 150%; color: #DDD; font-weight:bold;}
#karty .karta .bigger {font-size: 200%;}
#karty .karta span {color: #FFF; font-size: 130%; font-weight:bold;}


#karty .skladem {position:relative; float:right; width:226px; height:auto; padding:15px; font-size:110%; color: #000;  border: solid #000 2px;}
#karty .skladem span{display:block; padding:0px; margin:0px; clear:both;}
#karty .skladem .big {font-size:180%;}
#karty p {font-size:110%;}
*/


/*pro verzi s obrazkem pres celou sirku a textem pod nim staci v HTML dokumentu prejmenovat class na karty2 */
/* NEWSLETTER */
#newsletter {width:100%; }
#newsletter .textbox { padding:15px 0px; float:left; margin-bottom:20px;}
#newsletter .formbox {position:relative; padding:15px 30px; padding-left:50px; float:right; margin-bottom:20px; background: url('delic-vertical.png') top left no-repeat; /*background-color: #EEE;*/ /*background: url('newsletter-bg.png') 0px 0px repeat;*/}
#newsletter .row {width:300px; padding:0px; height:30px; clear:both; margin-bottom:3px;}
#newsletter .row .nazev {width:100px; padding:5px 0px 0px 0px; height:30px; float:left;}
#newsletter .row .pole {width:180px; padding:0px 0px; padding-top:3px; height:30px; float:right; border: solid #0F77FF 0px;}
#newsletter .row .pole input{width:176px; height:24px; padding:3px 5px; }
#newsletter .row .pole input.radio{width:20px; padding:5px 5px; }
#newsletter .line{width:300px; height:3px; clear:both; margin:5px 0px 5px 0px; /*background: url('delic.png') top center no-repeat;*/ }
#newsletter #formhidder{position:absolute; top:100px; width:301px; height:70px; background-color: #E5E1DE; /*background: url('newsletter-formhidder.png') 0px 0px repeat;*/ z-index:10;}
#newsletter #confirmhidder{position:absolute; top:205px; width:301px; height:35px; background-color: #E5E1DE; /*background: url('newsletter-formhidder.png') 0px 0px repeat;*/ z-index:10;}

/*#newsletter button{display:block; width:200px; height:40px; margin:0px auto;  color:#80252C; font-size:16px; letter-spacing:1px; text-align:center; background: url('submit-bt-out.png') top center no-repeat; border:0px;}
#newsletter button:hover{background: url('submit-bt-over.png') top center no-repeat;}*/

#newsletter button.button-black {position:relative; display:block; /*top:180px; left:50%;*/ width:320px; height:44px; padding:13px 0; margin-bottom:10px; border:solid 1px #000; text-align:center; font-size:16px; color:#000; text-decoration:none; text-transform:uppercase; z-index:1; box-sizing:border-box; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; /*-webkit-transform: translateX(-50%); transform: translateX(-50%);*/ cursor:pointer; cursor:hand;}
#newsletter button.button-black:before {content:""; position:absolute; display:inline-block; top:50%; left:50%; width:72%; height:100%; opacity:0; background:#000; z-index:-1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translate(-50%,-50%); transform: translate(-50%, -50%);}
#newsletter button.button-black:hover {color:#FFF; text-decoration:none; z-index:1;}
#newsletter button.button-black:hover:before {width:100%; height:100%; opacity:1;}


#newsletter .row-radio {width:300px; padding:0px; height:26px; clear:both; margin-bottom:5px;}
#newsletter .row-radio .nazev {width:80px; padding:3px 0px 0px 0px; height:26px; float:left;}
#newsletter .row-radio .pole {width:30px; padding:0px 0px; height:26px; float:left; border: solid #0F77FF 0px;}
#newsletter .row-radio .pole input.radio{width:20px; height:20px;}

#newsletter .row-confirm {width:300px; padding:0px; height:auto; min-height:30px; clear:both; margin-bottom:5px;}
#newsletter .row-confirm .nazev {width:220px; padding:3px 0px 0px 0px; height:auto; min-height:30px; float:right;}
#newsletter .row-confirm .pole {width:30px; padding:0px 0px; height:30px; float:left; border: solid #0F77FF 0px;}
#newsletter .row-confirm .pole input{width:20px; height:20px; }

#newsletter .verify {width:300px; padding:0px; clear:both; margin-bottom:5px;}
#newsletter .verify input{width:100px; height:20px; font-size:22px;}
#newsletter span {font-size:24px; padding-left:18px;}
#newsletter label {clear:both;}




.pocitadlo-img {width:1px; height:1px;}

.sitemap-image {position:absolute; right:0px; bottom:-50px; z-index:500px;}

#sitemap {position:relative; width:960px; min-height:650px;overflow:hidden;}
#sitemap .sitemap-image {position:absolute; right:0px; bottom:0px; z-index:500px;}

#sitemap .home {position:relative; left:90px; width:779px; padding-bottom:25px; margin:0px; text-align:center; background: url('sitemap-home.png') center bottom no-repeat;}

#sitemap .sitemapContent {width:120%;}
#sitemap .col {width:164px; padding:10px; margin:0px 10px 0px 0px; padding-top:25px; float:left; background: url('sitemap-col.png') center top repeat-x;}

#sitemap ul { list-style: none; margin:0px; padding:0px; background: url('sitemap-none.png') 0px 0px repeat-y;}
#sitemap li { font-size: 14px; margin:0px; padding: 5px 0px 5px 35px; background: url('trans.gif') 1px 2px no-repeat;}
#sitemap li ul { list-style: none; margin:0px; padding:0px; padding-top:8px; margin-top:8px;}
#sitemap h2 {	margin: 5px 0px 5px 0px; padding: 0px; color: #80252C; font-weight: normal;}
#sitemap h3 {	margin: 5px 0px 5px 0px; padding: 0px; color: #666; font-size: 18px; font-weight: normal;}
#sitemap h4 {	margin: 0px; padding: 0px; color: #666; font-size:14px;	font-weight: normal;}
#sitemap h5 { margin: 0px; padding: 0px; color: #999; font-size:12px;	font-weight: normal;}

#sitemap li.none{ background: url('sitemap-none.png') 0px 0px no-repeat;}
#sitemap li { background: url('sitemap.png') 0px 0px no-repeat;}
#sitemap li.last { background: url('sitemap-last.png') 0px 0px no-repeat;}


/* Ke stazeni ================================================================================================*/
/*.downloads {width:100%; clear:both; overflow:hidden;}
.downloads .downloadsContent {clear:both;}

.downloads .item {position:relative; width:225px; height:260px; float:left; margin-right:20px; margin-bottom:20px;}
.downloads .item a span {position:absolute; display:block; top:0px; left:0px; width:219px; height:146px; border: solid #80252C 3px;}
.downloads .item a:hover { text-decoration:none;}
.downloads .item h3{font-size:18px;}
.downloads .item h3 a{font-size:18px!important;}*/

.downloads {position:relative; width:100%;}
.downloads .item {position:relative; width:calc(33.33% - 20px); margin:0 30px 20px 0; overflow:hidden; float:left; cursor:pointer; cursor:hand; opacity:1;}
.downloads .item:nth-child(3n){margin:0 0 20px 0;}
.downloads .item a{display:block; width:100%; text-decoration:none;}
.downloads .item img, .downloads .item h3{display:block; width:100%; margin-bottom:15px;}
.downloads .item:hover img{ -webkit-transition:opacity 0.5s; transition:opacity 0.5s; opacity:0.6;}

.downloads .item span.button-black {width:94%!important;}

/*a:hover>.button-black {color:#FFF!important; text-decoration:none; z-index:1;}
a:hover>.button-black::before {width:100%; height:100%; opacity:1;}*/


@media all and (max-width: 860px) {
.downloads .item:nth-child(3n){margin:0 30px 20px 0;}
.downloads .item {width:calc(50% - 15px); margin:0 30px 20px 0;}
.downloads .item:nth-child(2n){margin:0 0 20px 0;}
}
@media all and (max-width: 620px) {
.downloads .item {width:100%; margin:0 0 20px 0;}
}







/* EXTRAS ==============================================================================================*/
.FFclearer {clear:both; width:100%; height:1px; visibility:hidden; overflow:hidden; line-height: 1px; background-color: #000;}
.clearer {clear:both; width:100%; height:0px; visibility:hidden; overflow:hidden; line-height: 1px; background-color: #000;}
.spacer {clear:both; width:100%; height:60px; visibility:hidden; overflow:hidden; line-height: 1px; background-color: #000;}


#infobox {position:absolute; white-space:nowrap; padding:5px; color:#FFF; background-color:#666; border:solid #999 0px; z-index:2000;}
#infobox2 {position:absolute; white-space:nowrap; padding:5px; color:#FFF; background-color:#666; border:solid #999 0px; z-index:2000;}


#playerBox {position:relative; width:960px; height:475px; overflow:hidden;}
#playerControls {position:absolute; bottom:0px; width:inherit; height:30px; /*background-color:#666;*/ z-index:3;}
#playerControls #currenttime, #playerControls #durationtime {color:#999;}
#player {background:#000; width:960px; height:475px!important;}
#player video{width:960px; height:475px!important;}
#playerPoster {position:absolute; width:inherit; height:inherit; background-color:#666; z-index:2;}
#playerPoster img {position:absolute; display:block; width:950px; border: solid 5px #F9BBB4; border-sizing:border-box; /*z-index:1;*/}
#playerPoster a.play {position:absolute; left:50%; top:40%; margin-left:-100px; margin-top:-100px; display:block; z-index:3; width:200px; height:200px;  cursor:pointer; color:#FFF!important; font-size:28px; text-align:center; text-decoration:none; background: url('video-play.png') center center no-repeat; border: solid 0px #888;z-index:3;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease; opacity:0.65;}
#playerPoster a.play:hover {color:#FFF!important; border:solid 0px #FFF; opacity:1.0;/*background: url('../images/link-over.png') right center no-repeat;*/}
#playerPoster a.hrefbt, #playerPoster a.playbt {
  position:absolute; bottom:15px; right:15px; z-index:2;
  display:block; margin:0px!important;
  width:165px!important; height:30px!important; min-width:auto; min-height:auto;
  padding:15px 20px 10px 20px!important;
  color:#80252C!important; font-size:120%; font-weight: bold; text-decoration:none!important; 
  background: url('intro-bt-out.png') 0px 0px no-repeat; 
  border: solid 0px #F00;
  }
#playerPoster a.hrefbt{bottom:15px;}
#playerPoster a.playbt{bottom:25px; left:30px;}
#playerPoster a.hrefbt:hover{background: url('intro-bt-over.png') 0px 0px no-repeat;}
#playerPoster a.playbt:hover{background: url('intro-bt-over.png') 0px 0px no-repeat;}




/* fullbutton*/
/*
#playerPoster a.link {
  position:absolute; top:0px; right:0px; z-index:2;
  display:block; margin:0px;
  width:200px; height:50px; padding:367px 0px 10px 760px;
  color:#80252C!important; font-size:120%; font-weight: bold; text-decoration:none!important; 
  background: url('intro-bt-out.png') 736px 350px no-repeat; 
  border: solid 0px #F00;
  }
#playerPoster a.link:hover{background: url('intro-bt-over.png') 736px 350px no-repeat;}
*/


/*
#playerPoster .player-image{position:absolute; left:0px; top:0px; z-index:1; cursor:pointer; cursor:hand; }
#playerPoster .player-play{left:25px; top:240px; z-index:3;}
#playerPoster .player-link{left:25px; top:320px; z-index:3;}
*/

#playerImage {position:absolute; width:inherit; height:inherit; /*background-color:#666;*/ z-index:2; /*background: url('page-kestazeni-video-revive.jpg') right top no-repeat;*/}
#playerImage a {position:absolute; display:block; width:400px; height:30px; padding:10px; color:#000!important; font-size:28px; text-align:left; text-decoration:none; background: url('../link-out.png') right center no-repeat; border: solid 0px #888;}
#playerImage a:hover {color:#000!important; border:solid 0px #FFF; /*background: url('../images/link-over.png') right center no-repeat;*/}
#playerImage .player-image{position:absolute; left:0px; top:0px; z-index:1; cursor:pointer; cursor:hand; }
#playerImage .player-play{left:25px; top:240px; z-index:2;}
#playerImage .player-link{left:25px; top:320px; z-index:2;}
#player {z-index:1;}
/* images */
#playerImage.index{ background: url('index-video-image.jpg') left top no-repeat;}
#playerImage.index>.player-play{width:100%; height:98%; left:0; top:0; text-align:center; z-index:3;}
#playerImage.index>.overlay{display:none;width:100%; height:100%; left:0; top:0; background:#000; opacity: 0.30; z-index:2;}
#playerImage.index>a, #playerImage.index>a:hover {background: none;}

#videoBox {position:relative; width:960px; height:540px;}
#videoImage {position:absolute; width:inherit; height:inherit; background-color:#666; z-index:2; background: url('page-kestazeni-video-revive.jpg') left top no-repeat;}
#videoImage a {position:absolute; display:block; width:400px; height:30px; padding:10px; color:#000!important; font-size:28px; text-align:left; text-decoration:none; background: url('../link-out.png') right center no-repeat; border: solid 0px #888;}
#videoImage a:hover {color:#000!important; border:solid 0px #FFF; /*background: url('../images/link-over.png') right center no-repeat;*/}
#videoImage .player-image{position:absolute; left:0px; top:0px; z-index:1; cursor:pointer; cursor:hand; }
#videoImage .player-play{left:25px; top:240px; z-index:2;}
#videoImage .player-link{left:25px; top:320px; z-index:2;}
#hdvideo {z-index:1;}
/* images */
#videoImage.index{ background: url('index-video-image.jpg') left top no-repeat;}
#videoImage.index>.player-play{width:100%; height:98%; left:0; top:0; text-align:center; z-index:3;}
#videoImage.index>.overlay{display:none;width:100%; height:100%; left:0; top:0; background:#000; opacity: 0.30; z-index:2;}
#videoImage.index>a, #playerImage.index>a:hover {background: none;}


#videoBoxSmall {position:relative; width:450px; height:250px;  }
#videoImageSmall {position:absolute; width:inherit; height:inherit; background-color:#666; z-index:2; background: url('page-kestazeni-video-revive.jpg') left top no-repeat;}
#videoImageSmall a {position:absolute; display:block; width:400px; height:30px; padding:10px; color:#000!important; font-size:28px; text-align:left; text-decoration:none; background: url('../link-out.png') right center no-repeat; border: solid 0px #888;}
#videoImageSmall a:hover {color:#000!important; border:solid 0px #FFF; /*background: url('../images/link-over.png') right center no-repeat;*/}
#videoImageSmall .player-image{position:absolute; left:0px; top:0px; z-index:1; cursor:pointer; cursor:hand; }
#videoImageSmall .player-play{left:25px; top:240px; z-index:2;}
#videoImageSmall .player-link{left:25px; top:320px; z-index:2;}
#hdvideo {z-index:1;}
#video {display:none; position:absolute; top:-535px; width:960px; height:540px; border:solid 4px #FFF; margin-left:-4px; z-index:5000;}
/* images */
#videoImageSmall.index{ background: url('index-video-image-sm.jpg') left top no-repeat;}
#videoImageSmall.index>.player-play{width:100%; height:98%; left:0; top:0; text-align:center; z-index:3;}
#videoImageSmall.index>.overlay{display:none;width:100%; height:100%; left:0; top:0; background:#000; opacity: 0.30; z-index:2;}
#videoImageSmall.index>a, #playerImageSmall.index>a:hover {background: none;}
.videoText{ width:450px; position:absolute; top:250px}

/*:root {
--block33 {1400px;}
}*/


.video-gallery {position:relative; width:100%;}
.video-gallery .item {position:relative; width:32%; margin:0 2% 20px 0; overflow:hidden; float:left; cursor:pointer; cursor:hand; opacity:1;}
.video-gallery .item:nth-child(3n){margin:0 0% 20px 0;}
.video-gallery .item:hover { -webkit-transition:opacity 0.5s; transition:opacity 0.5s; opacity:0.6;}
.video-gallery .item img{display:block; width:100%;}
.video-gallery .item h3{display:block; position:absolute; bottom:12px; width:calc(100% - 30px); left:18px; padding:0 12px 0 12px; color:#FFF; text-align:left; font-size:calc(1260px / 3 * 0.01 + 0.9vw); line-height:125%; font-weight:300; text-transform:uppercase; border-left:solid 1px #FFF;}

@media all and (max-width: 860px) {
.video-gallery .item:nth-child(3n){margin:0 2% 20px 0;}
.video-gallery .item {width:49%; margin:0 2% 20px 0; overflow:hidden; float:left; cursor:pointer; cursor:hand; opacity:1;}
.video-gallery .item:nth-child(2n){margin:0 0% 20px 0;}
.video-gallery .item h3{font-size:calc(1260px / 2 * 0.01 + 1vw);}

}
@media all and (max-width: 620px) {
.video-gallery .item {width:100%; margin:0 0% 20px 0; overflow:hidden; float:left; cursor:pointer; cursor:hand; opacity:1;}
.video-gallery .item h3{font-size:calc(1260px / 1 * 0.01 + 1vw);}
}


#video-box {display:hidden; position:absolute; width:100%; min-height:350px; background:#FFF;}
#video-box .close{position:absolute; top:0; right:0px; width:70px; height:70px; z-index:4; background:url("close.png") center center no-repeat; cursor:pointer; cursor:hand;}
#video-box video{top:50px; z-index:1;}
#video-box .title{position:relative; top:0; left:0px; padding:15px; width:100%; height:30px; font-size:16px; color:#666;}
#video-box .controls-bottom {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 3;
    height: 80%;
    width: 100%;
    opacity: 0;
}

#video-box-index {/*display:hidden; */position:relative; width:100%; height:250px;/*min-height:400px;*/ background:#FFF; border:solid 0px #ddd;}
#video-box-index .close{position:absolute; top:0; right:0px; width:70px; height:70px; z-index:2; background:url("close.png") center center no-repeat; cursor:pointer; cursor:hand;}
#video-box-index video{top:0px; z-index:1;}
#video-box-index video:focus{outline: 0;}
#video-box-index .videooverlay{position:absolute; top:0; right:0px; width:100%; height:100%; border:solid 0px #d00; cursor:pointer; cursor:hand; background:#000; z-index:3;}
#video-box-index .videooverlay:after{content:"";display:block;position:absolute; top:0; right:0px; width:100%; height:100%; border:solid 0px #d00; z-index:2;background:url('video-play.png') center center no-repeat;}
#video-box-index .videooverlay:hover::after{content:"";display:block;position:absolute; top:0; right:0px; width:100%; height:100%; border:solid 0px #d00; z-index:2;background:url('video-play.png') center center no-repeat;}

#video-box-index .videooverlay img{position:absolute; top:0; right:0px; width:100%; height:auto;z-index:1!important;}
#video-box-index .videooverlay img:hover{opacity:1;}

#video-box-index .title{position:relative; top:0; left:0px; padding:0px; width:100%; height:30px; font-size:16px; color:#666; z-index:3;}
#video-box-index .videolink{position:absolute; bottom:-7px; right:15px; border:solid 0px #d00; cursor:pointer; cursor:hand;z-index:4;}

.video-box-index {/*display:hidden; */position:relative; width:100%; height:250px;/*min-height:400px;*/ background:#FFF; border:solid 0px #ddd;}
.video-box-index .close{position:absolute; top:0; right:0px; width:70px; height:70px; z-index:2; background:url("close.png") center center no-repeat; cursor:pointer; cursor:hand;}
.video-box-index video{top:0px; z-index:1;}
.video-box-index video:focus{outline: 0;}
.video-box-index .videooverlay{position:absolute; top:0; right:0px; width:100%; height:100%; border:solid 0px #d00; cursor:pointer; cursor:hand; background:#000; z-index:3;}
.video-box-index .videooverlay:after{content:"";display:block;position:absolute; top:0; right:0px; width:100%; height:100%; border:solid 0px #d00; z-index:2;background:url('video-play.png') center center no-repeat;}
.video-box-index .videooverlay:hover::after{content:"";display:block;position:absolute; top:0; right:0px; width:100%; height:100%; border:solid 0px #d00; z-index:2;background:url('video-play.png') center center no-repeat;}

.video-box-index .videooverlay img{position:absolute; top:0; right:0px; width:100%; height:auto;z-index:1!important;}
.video-box-index .videooverlay img:hover{opacity:1;}

.video-box-index .title{position:relative; top:0; left:0px; padding:0px; width:100%; height:30px; font-size:16px; color:#666; z-index:3;}
.video-box-index .videolink{position:absolute; bottom:-7px; right:15px; border:solid 0px #d00; cursor:pointer; cursor:hand;z-index:4;}


/* využito u akcí */
#image-box-full {/*display:hidden; */position:relative; width:100%; /*max-width:960px;*/ /*height:500px;*/ /*overflow:hidden;*/ /*padding-bottom:60px;*//*min-height:400px;*/ background:#FFF; border:solid 0px #ddd;}
/*#image-box-full .imagebox{position:absolute; top:0; left:0; z-index:1;}*/
/*#image-box-full img{position:absolute; width:100%; top:55%; left:50%; z-index:1; -webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}*/
#image-box-full img{display:block; width:100%;}

@media all and (max-width: 1000px) {
/*#image-box-full img{width:120%;}*/
}
@media all and (max-width: 860px) {
#image-box-full {width:100%; height:auto; /*padding-bottom:100px;*/ margin-top:-60px;}
/*#image-box-full img{position:relative; display:block; top:0; left:0; -webkit-transform:translate(0%,0%);transform:translate(0%,0%); -webkit-transition: all 1.0s ease-in-out; transition: all 1.0s ease-in-out;}*/
}



#video-box-full {/*display:hidden; */position:relative; width:100%; height:auto; /*height:540px;*/ /*margin-bottom:40px;*//*min-height:400px;*/ background:#000; border:solid 0px #ddd;}
#video-box-full *{ border:solid 0px #ddd;}

#video-box-full .close{position:absolute; top:0; right:0px; width:70px; height:70px; z-index:2; background:url("close.png") center center no-repeat; cursor:pointer; cursor:hand;}
#video-box-full .unmute {position:absolute; top:0; right:0px; width:80px; height:80px;z-index:4; background:url("icon-unmute.png") top right no-repeat; cursor:pointer; cursor:hand; }
#video-box-full .mute {opacity:0.4; background:url("icon-mute.png") top right no-repeat;}
#video-box-full .incorner {position:absolute; top:0; right:0px; width:80px; height:80px; border:solid 0px #d00;}

#video-box-full .videobox{position:relative; width:100%; z-index:1;}

#video-box-full video{/*display:block; position:absolute;*/ width:100%; max-height:100%;z-index:1;}
#video-box-full video:focus{outline: 0;}
#video-box-full .videooverlay{position:absolute; /*display:none!important;*/top:0; right:0px; width:100%; height:100%; border:solid 0px #d00; cursor:pointer; cursor:hand; background:#000; z-index:3;}
#video-box-full .videooverlay:after{content:"";display:block;position:absolute; top:0; right:0px; width:100%; height:100%; border:solid 0px #d00; z-index:2;background:url('video-play.png') center center no-repeat;}
#video-box-full .videooverlay:hover::after{content:"";display:block;position:absolute; top:0; right:0px; width:100%; height:100%; border:solid 0px #d00; z-index:2;background:url('video-play.png') center center no-repeat;}

#video-box-full .videooverlay img{position:absolute; top:0; right:0px; width:100%; height:544px;z-index:1;}
#video-box-full .videooverlay img:hover{opacity:1;z-index:1;}

#video-box-full .videotitle, #image-box-full .videotitle{position:absolute; top:240px; left:0px; padding:0px; /*width:100%; height:30px;*/ font-size:56px; /*font-weight:lighter!important;*/ line-height:90%;/*color:#666;*/ z-index:4;}
#image-box-full .videotitle {top:40px;font-size:48px;font-weight:normal!important;}
#image-box-full .videotitle-bottom {top:320px;}

#image-box-full .videotitle .supersmall{display:inline-block; font-size:20px; line-height:90%; margin-bottom:15px; /*color:#666;*/}

#video-box-full .videolink {position:absolute; bottom:-7px; right:15px; border:solid 0px #d00; cursor:pointer; cursor:hand;z-index:4;}


/* akce-onadnes */
#video-box-full .arrow-down, #image-box-full .arrow-down {position:absolute; top:90%; left:50%; min-width:200px; height:auto; padding:10px 10px; padding-top:65px; border:0px solid #999; /*border-color:rgb(0,0,0); border-color:rgba(250,250,250,0.0);*/ text-align:center; box-sizing:border-box; z-index:6; /*transition:all 0.7s linear;*/-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px; cursor:pointer;}
#image-box-full .arrow-down {top:86%;}
#video-box-full .arrow-down:hover, #image-box-full .arrow-down:hover {/*border:solid 2px #FFF;*/}
#video-box-full .arrow-down a.arrow-down-link, #image-box-full .arrow-down a.arrow-down-link {position:absolute; display:block; top:0; left:0; width:100%; height:100%; box-sizing:border-box; z-index:6; cursor:pointer;}

#video-box-full .arrow-down .arrow-down-text, #image-box-full .arrow-down .arrow-down-text{position:relative; bottom:10px; width:100%; margin:0 auto;padding:10px; color:#FFF; text-align:center; font-size:16px; font-weight:bold; /*letter-spacing:0px;*//*text-transform:uppercase;*/ text-shadow:0px 0px 15px #000000; box-sizing:border-box;}
#video-box-full .arrow-down .arrow-down-anim, #image-box-full .arrow-down .arrow-down-anim{
    display:block;position:absolute;top:20px; left:50%; margin-left:-40px; width:80px;height:50px; z-index:6;
    background:url('arrow-down.png') center center no-repeat;
    -webkit-animation: downup 2s ease-in-out infinite;
    -moz-animation: downup 2s ease-in-out infinite;
    -ms-animation: downup 2s ease-in-out infinite;
    -o-animation: downup 2s ease-in-out infinite;
    animation: downup 2s ease-in-out infinite;
}

#image-box-full .arrow-down.black .arrow-down-text{color:#000; text-shadow:0px 0px 15px #FFFFFF;}
#image-box-full .arrow-down.black .arrow-down-anim{
    background:url('arrow-down-black.png') center center no-repeat;
}
@-webkit-keyframes downup {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
    60% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }
}
@keyframes downup {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
    60% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }
}




#video-box-page {display:hidden; width:100%; min-height:540px; background:#FFF;}
#video-box-page .close{position:absolute; top:0; right:0px; width:70px; height:70px; z-index:2; background:url("close.png") center center no-repeat; cursor:pointer; cursor:hand;}
#video-box-page video{top:0px; z-page:1;}
#video-box-page video:focus{outline: 0;}
#video-box-page .videooverlay{cursor:pointer; cursor:hand; position:absolute; z-index:3; }
#video-box-page .title{position:relative; top:0; left:0px; padding:0px; width:100%; height:30px; font-size:16px; color:#666;}

.text-shadow-black {text-shadow:0 0 10px #000000;}
.text-shadow-white {text-shadow:0 0 10px #FFFFFF;}
.text-shadow-gray {text-shadow:0 0 10px #666666;}
.text-shadow-biege {text-shadow:0 0 10px #756858;}
.text-shadow-blue {text-shadow:0 0 10px #336699;}
.text-shadow-violet {text-shadow:0 0 10px #794F76;}
.text-shadow-brown { text-shadow: 0 0 10px #4C3124;}
.text-shadow-green { text-shadow: 0 0 10px #639542;}

.border-round-5 { 
 border-radius: 5px; 
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 -ms-border-radius:5px;
 -o-border-radius:5px;}
.border-round-10 { border-radius: 10px;
 -webkit-border-radius:10px;
 -moz-border-radius:10px;
 -ms-border-radius:10px;
 -o-border-radius:10px;}
.box-shadow-brown { box-shadow: 0 0 10px #4C3124;
 -webkit-box-shadow: 0 0 10px #4C3124;
 -moz-box-shadow: 0 0 10px #4C3124;
 -ms-box-shadow: 0 0 10px #4C3124;
 -o-box-shadow: 0 0 10px #4C3124;
}


/*banner animation */
#banner-sale {position:relative; width:960px; height:420px; overflow:hidden;}
#banner-sale .linkmore {
  position:absolute; top:0px; right:0px; z-index:1000;
  display:block; margin:0px;
  width:200px; height:50px; padding:367px 0px 13px 760px; /* total height 420px */
  color:#80252C!important; font-size:120%; font-weight: bold; text-decoration:none!important; 
  background-image: url('intro-bt-out.png');
  background-position: 736px 350px;
  background-repeat: no-repeat;
  border: solid 0px #F00;
  }
#banner-sale .linkmore:hover{/*color:#FFF!important;*/background-image: url('intro-bt-over.png');}
#banner-sale .image-sale {
  position:absolute; top:30px; left:204px; z-index:1;
  -webkit-animation: anim-image-sale 4s ease forwards; /* Safari 4+ */
  -moz-animation:    anim-image-sale 4s ease forwards; /* Fx 5+ */
  -o-animation:      anim-image-sale 4s ease forwards; /* Opera 12+ */
  animation:         anim-image-sale 4s ease forwards; /* IE 10+, Fx 29+ */
}
@keyframes anim-image-sale {
	0% {left:204px; width: 450px; opacity:0;}
	40% {left:204px; width: 450px; opacity:1;}	
	100% {left: 20px; width:234px}
}

#banner-sale .image {
  position:absolute; top:0px; left:0px; opacity:0.2; z-index:0;
  -webkit-animation: anim-image 3s ease forwards 2s; /* Safari 4+ */
  -moz-animation:    anim-image 3s ease forwards 2s; /* Fx 5+ */
  -o-animation:      anim-image 3s ease forwards 2s; /* Opera 12+ */
  animation:         anim-image 3s ease forwards 2s; /* IE 10+, Fx 29+ */
}
@keyframes anim-image {
	0% {opacity:0.2;}	
	100% {opacity:1;}
}

#banner-sale .image-pohovky {
  position:absolute; top:30px; right:30px; opacity:0; z-index:1;
  -webkit-animation: anim-image-pohovky 2s ease forwards 4s; /* Safari 4+ */
  -moz-animation:    anim-image-pohovky 2s ease forwards 4s; /* Fx 5+ */
  -o-animation:      anim-image-pohovky 2s ease forwards 4s; /* Opera 12+ */
  animation:         anim-image-pohovky 2s ease forwards 4s; /* IE 10+, Fx 29+ */
}
@keyframes anim-image-pohovky {
	0% {opacity:0;}	
	100% {opacity:1;}
}
#banner-sale .image-sleva {
  position:absolute; bottom:30px; left:230px; opacity:0; z-index:1;
  -webkit-animation: anim-image-sleva 2s ease forwards 4s; /* Safari 4+ */
  -moz-animation:    anim-image-sleva 2s ease forwards 4s; /* Fx 5+ */
  -o-animation:      anim-image-sleva 2s ease forwards 4s; /* Opera 12+ */
  animation:         anim-image-sleva 2s ease forwards 4s; /* IE 10+, Fx 29+ */
}
@keyframes anim-image-sleva {
	0% {left:230px; opacity:0;}
	/*50% {left:130px; opacity:1;}	*/
	100% {left: 30px; opacity:1;}
}

/*
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 580px) {
	font-family: Arial CE, Helvetica CE, Arial, Helvetica, sans-serif;
	font-size: 0.90em;
}*/



/*@media all and (max-width: 1024px) {
#kolekce .item, #kolekce .itemx{width:30.33%; margin:0 1.5%; margin-bottom:30px;}
}*/


/* Morelist */
.morelist, .morelist-radio{position:relative; width:100%; padding:15px; background:none; transition:background 1s;/*overflow:hidden*/}
.morelist hr, .morelist-radio hr{height:20px;margin:0;/*overflow:hidden*/}
.morelist .more, .morelist-radio .more {position:relative; width:100%; height:auto; min-height:40px; padding:10px; line-height:24px; cursor:hand;cursor:pointer; background:#EFEFEF; border-bottom:solid 0px #CCC; margin-bottom:0px; clear:both; transition:all 1s;}
.morelist .more:hover, .morelist-radio .more:hover {background:#DFDFDF;}
.morelist .more {padding-right:60px;}
.morelist:has(.more.more-on) {background:#EFEFEF;}

.morelist .moreinfo, .morelist-radio .moreinfo{width:100%!important;padding:14px;height:auto;display:none;margin:0;background:#EFEFEF; }
/*.morelist .moreinfo td, .morelist-radio .moreinfo td{background:#E0E0E0;}*/

.morelist .more::before, .morelist-radio .more::before,
.morelist .more::after, .morelist-radio .more::after {content:''; position:absolute; display:block; top:50%; right:10px;/* width:44px; height:44px;*/ background:#262626; border: solid 0px #333; transform:translate(-50%, -50%);}


.morelist .more::before, .morelist-radio .more::before {
    width:2px; height:32px; top:50%; right:25px; margin-top:-15px;
    -webkit-animation: more-arrow-out 0.5s linear forwards;
       -moz-animation: more-arrow-out 0.5s linear forwards;
        -ms-animation: more-arrow-out 0.5s linear forwards;
         -o-animation: more-arrow-out 0.5s linear forwards;
            animation: more-arrow-out 0.5s linear forwards; 
  }
.morelist .more.more-on::before, .morelist-radio .more.more-on::before {
    -webkit-animation: more-arrow-over 0.5s linear forwards;
       -moz-animation: more-arrow-over 0.5s linear forwards;
        -ms-animation: more-arrow-over 0.5s linear forwards;
         -o-animation: more-arrow-over 0.5s linear forwards;
            animation: more-arrow-over 0.5s linear forwards;
   }
.morelist .more::after, .morelist-radio .more:after {
    width:32px; height:2px; top:50%; right:10px;
    -webkit-animation: morea-arrow-out 0.5s linear forwards;
       -moz-animation: morea-arrow-out 0.5s linear forwards;
        -ms-animation: morea-arrow-out 0.5s linear forwards;
         -o-animation: morea-arrow-out 0.5s linear forwards;
            animation: morea-arrow-out 0.5s linear forwards; 
  }
.morelist .more.more-on::after, .morelist-radio .more.more-on::after {
    -webkit-animation: morea-arrow-over 0.5s linear forwards;
       -moz-animation: morea-arrow-over 0.5s linear forwards;
        -ms-animation: morea-arrow-over 0.5s linear forwards;
         -o-animation: morea-arrow-over 0.5s linear forwards;
            animation: morea-arrow-over 0.5s linear forwards;
   }   
   
@-webkit-keyframes more-arrow-over { 0%  { transform: rotate(0deg); } 100% { transform: rotate(180deg); }}
   @-moz-keyframes more-arrow-over { 0%  { transform: rotate(0deg); } 100% { transform: rotate(180deg); }}
    @-ms-keyframes more-arrow-over { 0%  { transform: rotate(0deg); } 100% { transform: rotate(180deg); }}
     @-o-keyframes more-arrow-over { 0%  { transform: rotate(0deg); } 100% { transform: rotate(180deg); }}
        @keyframes more-arrow-over { 0%  { transform: rotate(0deg); } 100% { transform: rotate(180deg); }}
@-webkit-keyframes more-arrow-out { 0%  { transform: rotate(180deg); } 100% { transform: rotate(0deg); }}
   @-moz-keyframes more-arrow-out { 0%  { transform: rotate(180deg); } 100% { transform: rotate(0deg); }}
    @-ms-keyframes more-arrow-out { 0%  { transform: rotate(180deg); } 100% { transform: rotate(0deg); }}
     @-o-keyframes more-arrow-out { 0%  { transform: rotate(180deg); } 100% { transform: rotate(0deg); }}
        @keyframes more-arrow-out { 0%  { transform: rotate(180deg); } 100% { transform: rotate(0deg); }}
@-webkit-keyframes morea-arrow-over { 0%  { transform: rotate(0deg); } 100% { transform: rotate(180deg); }}
   @-moz-keyframes morea-arrow-over { 0%  { transform: rotate(0deg); } 100% { transform: rotate(180deg); }}
    @-ms-keyframes morea-arrow-over { 0%  { transform: rotate(0deg); } 100% { transform: rotate(180deg); }}
     @-o-keyframes morea-arrow-over { 0%  { transform: rotate(0deg); } 100% { transform: rotate(180deg); }}
        @keyframes morea-arrow-over { 0%  { transform: rotate(0deg); } 100% { transform: rotate(180deg); }}
@-webkit-keyframes morea-arrow-out { 0%  { transform: rotate(180deg); } 100% { transform: rotate(0deg); }}
   @-moz-keyframes morea-arrow-out { 0%  { transform: rotate(180deg); } 100% { transform: rotate(0deg); }}
    @-ms-keyframes morea-arrow-out { 0%  { transform: rotate(180deg); } 100% { transform: rotate(0deg); }}
     @-o-keyframes morea-arrow-out { 0%  { transform: rotate(180deg); } 100% { transform: rotate(0deg); }}
        @keyframes morea-arrow-out { 0%  { transform: rotate(180deg); } 100% { transform: rotate(0deg); }}






/*.modul-reviveversions .morelist .more, .modul-reviveversions .morelist-radio .more {position:relative; width:49.4%; height:auto; min-height:54px; padding:15px; line-height:24px; cursor:hand;cursor:pointer; background:#262626; margin-bottom:4px; clear:both;}*/

.modul-reviveversions .item {position:relative;}


@media all and (max-width: 860px) {
.revivesale .moreinfo .flex-container {/*flex-direction:column;*/ display:block; width:100%;}
.revivesale .moreinfo .flex-container div:nth-child(1){ width:100%;}
.revivesale .moreinfo .flex-container div:nth-child(2){ width:50%; float:left;}
.revivesale .moreinfo .flex-container div:nth-child(3){ width:50%; float:left;}
}
@media all and (max-width: 600px) {
.revivesale .moreinfo .flex-container {/*flex-direction:column;*/ display:block; width:100%;}
.revivesale .moreinfo .flex-container div:nth-child(1){ width:100%;}
.revivesale .moreinfo .flex-container div:nth-child(2){ width:100%;}
.revivesale .moreinfo .flex-container div:nth-child(3){ width:100%;}
}

/* Morelist */
#morelist, #morelist-radio{position:relative;width:100%;/*overflow:hidden*/}
#morelist hr, #morelist-radio hr{height:20px;margin:0;/*overflow:hidden*/}
#morelist .more, #morelist-radio .more {position:relative;width:80%; padding:15px 15px;cursor:hand;cursor:pointer; box-sizing:border-box;/*background:url(design/more-arrow.png) top right repeat-x*/}
#morelist .more:hover, #morelist-radio .more:hover, #morelist .amore:hover, #morelist-radio .amore:hover {background:#DEDEDE;}

#morelist .moreinfo, #morelist-radio .moreinfo{width:100%!important;padding:0px 0px;height:auto;display:none;margin:0;}
#morelist .moreinfo td, #morelist-radio .moreinfo td{background:#E0E0E0;}
#morelist .amore, #morelist-radio .amore {display:block; position:relative;width:80%; cursor:hand;cursor:pointer; box-sizing:border-box;}
#morelist .amore .arrow, #morelist-radio .amore .arrow {position:absolute; display:block; top:8px; right:10px; width:40px; height:40px; background:url(more-arrow.png) center center no-repeat; border: solid 0px #333;}
#morelist .amore a, #morelist-radio .amore a {display:block; position:relative;width:100%; height:100%; padding:15px 15px; color:inherit;box-sizing:border-box; z-index:1;border: solid 0px #333;}
#morelist .amore a:hover, #morelist-radio .amore a:hover {color:inherit;text-decoration:none;}


#morelist .more .arrow, #morelist-radio .more .arrow {
  position:absolute; display:block; top:8px; right:10px; width:40px; height:40px; background:url(more-arrow.png) center center no-repeat; border: solid 0px #333;
    -webkit-animation: more-arrow-out 0.5s linear forwards;
       -moz-animation: more-arrow-out 0.5s linear forwards;
        -ms-animation: more-arrow-out 0.5s linear forwards;
         -o-animation: more-arrow-out 0.5s linear forwards;
            animation: more-arrow-out 0.5s linear forwards; 
  }
#morelist .more .arrow-over, #morelist-radio .more .arrow-over {
    -webkit-animation: more-arrow-over 0.5s linear forwards;
       -moz-animation: more-arrow-over 0.5s linear forwards;
        -ms-animation: more-arrow-over 0.5s linear forwards;
         -o-animation: more-arrow-over 0.5s linear forwards;
            animation: more-arrow-over 0.5s linear forwards;
   }
@-webkit-keyframes more-arrow-over { 0%  { transform: rotate(0deg); } 100% { transform: rotate(90deg); }}
   @-moz-keyframes more-arrow-over { 0%  { transform: rotate(0deg); } 100% { transform: rotate(90deg); }}
    @-ms-keyframes more-arrow-over { 0%  { transform: rotate(0deg); } 100% { transform: rotate(90deg); }}
     @-o-keyframes more-arrow-over { 0%  { transform: rotate(0deg); } 100% { transform: rotate(90deg); }}
        @keyframes more-arrow-over { 0%  { transform: rotate(0deg); } 100% { transform: rotate(90deg); }}
@-webkit-keyframes more-arrow-out { 0%  { transform: rotate(90deg); } 100% { transform: rotate(0deg); }}
   @-moz-keyframes more-arrow-out { 0%  { transform: rotate(90deg); } 100% { transform: rotate(0deg); }}
    @-ms-keyframes more-arrow-out { 0%  { transform: rotate(90deg); } 100% { transform: rotate(0deg); }}
     @-o-keyframes more-arrow-out { 0%  { transform: rotate(90deg); } 100% { transform: rotate(0deg); }}
        @keyframes more-arrow-out { 0%  { transform: rotate(90deg); } 100% { transform: rotate(0deg); }}


#morelist-radio .moreinfo .var {width:50%; height:200px; float:left;}
#morelist-radio .moreinfo .var img{width:100%;}
#morelist-radio p {padding:0 25px;}

#animinfo {
   position:absolute; display:block; top:0px; right:0px; width:100%; min-width:960px; height:50px; overflow:hidden; z-index:10; 
   /*background:url(../akce/animinfo-onadnes.png) #999 center center repeat-x;*/
   /*background-image:url(../akce/animinfo-dnymarianne.png);*/
  /*background-color:rgba(195,211,42,1.00);*/
   background-position: center center;
   background-repeat: repeat-x;
   -webkit-transition: background 0.5s; transition: background 0.5s; 
}
#animinfo:hover {
   /*background-image:url(../akce/animinfo-dnymarianne.png);*/
   background-color:rgba(0,0,0,0.35);
   /*background-image:url(akce/animinfo-dnymarianne.png);*/
   /*background-color:#666;*/
   /*background-position: center center;
   background-repeat: repeat-x;*/
   /*-webkit-transition: background 0.5s; transition: background 0.5s;*/
}
#animinfo span.button {display:inline-block; background:#000; border-radius:15px; color:#FFF; font-size:80%; font-weight:bold; padding:7px 10px; margin-top:-7px;}

#animinfo span.text1 {
  position:absolute; display:block; top:0px; left:0%; width:100%; min-width:960px; height:20px; margin:0; padding:12px 0; white-space:nowrap; text-align:center; color:#FFF; font-size:20px; letter-spacing:1px; text-decoration:none; text-shadow:0 0 10px #444;
    -webkit-animation: animinfo-text1 15s linear infinite;
       -moz-animation: animinfo-text1 15s linear infinite;
        -ms-animation: animinfo-text1 15s linear infinite;
         -o-animation: animinfo-text1 15s linear infinite;
            animation: animinfo-text1 15s linear infinite;
  }
@-webkit-keyframes animinfo-text1 { 0% { left: 0%; } 100% { left:-100%; }}
   @-moz-keyframes animinfo-text1 { 0% { left: 0%; } 100% { left:-100%; }}
    @-ms-keyframes animinfo-text1 { 0% { left: 0%; } 100% { left:-100%; }}
     @-o-keyframes animinfo-text1 { 0% { left: 0%; } 100% { left:-100%; }}
        @keyframes animinfo-text1 { 0% { left: 0%; } 100% { left:-100%; }}

#animinfo span.text2 {
  position:absolute; display:block; top:0px; left:100%; width:100%; min-width:960px; height:20px; margin:0; padding:12px 0; white-space:nowrap; text-align:center; color:#FFF; font-size:20px; letter-spacing:1px; text-decoration:none; text-shadow:0 0 10px #444;
    -webkit-animation: animinfo-text2 15s linear infinite;
       -moz-animation: animinfo-text2 15s linear infinite;
        -ms-animation: animinfo-text2 15s linear infinite;
         -o-animation: animinfo-text2 15s linear infinite;
            animation: animinfo-text2 15s linear infinite;
  }
@-webkit-keyframes animinfo-text2 { 0% { left: 100%; } 100% { left:0%; }}
   @-moz-keyframes animinfo-text2 { 0% { left: 100%; } 100% { left:0%; }}
    @-ms-keyframes animinfo-text2 { 0% { left: 100%; } 100% { left:0%; }}
     @-o-keyframes animinfo-text2 { 0% { left: 100%; } 100% { left:0%; }}
        @keyframes animinfo-text2 { 0% { left: 100%; } 100% { left:0%; }}



#animvideoinfo {
   position:absolute; display:block; bottom:30%; right:0px; width:100%; height:100px; overflow:hidden; z-index:20; border:solid 0px #986;
   /*background:rgba(0,0,0,0.5);*/
   /*background-image:url(akce/animinfo-dnymarianne.png);
   background-color:#999;
   background-position: center center;
   background-repeat: repeat-x;*/
   -webkit-transition: background 0.5s; transition: background 0.5s; 
}
#animvideoinfo:hover {
}
#animvideoinfo span.text1 {
  position:absolute; display:block; top:0px; left:70%; width:560px; height:20px; margin:0; padding:10px 0; /*white-space:nowrap;*/ text-align:center; color:rgba(255,255,255,0.65); font-size:38px; font-weight:700; letter-spacing:1px; text-decoration:none; text-shadow:0 0 10px #444; border:solid 0px #686; -webkit-transform:translateX(-50%); transform:translateX(-50%);
    -webkit-animation: animvideoinfo-text1 6s linear infinite;
       -moz-animation: animvideoinfo-text1 6s linear infinite;
        -ms-animation: animvideoinfo-text1 6s linear infinite;
         -o-animation: animvideoinfo-text1 6s linear infinite;
            animation: animvideoinfo-text1 6s linear infinite;
  }
@-webkit-keyframes animvideoinfo-text1 { 0% {left: 60%; opacity:0;} 10% {opacity:1;} 40% {opacity:1;} 50% {left:40%; opacity:0;} 100% {left:40%; opacity:0;}}
   @-moz-keyframes animvideoinfo-text1 { 0% {left: 0%;} 100% { left:-100%;}}
    @-ms-keyframes animvideoinfo-text1 { 0% {left: 0%;} 100% { left:-100%;}}
     @-o-keyframes animvideoinfo-text1 { 0% {left: 0%;} 100% { left:-100%;}}
        @keyframes animvideoinfo-text1 { 0% {left: 60%; opacity:0;} 10% {opacity:1;} 40% {opacity:1;} 50% {left:40%; opacity:0;} 100% {left:40%; opacity:0;}}

#animvideoinfo span.text2 {
  position:absolute; display:block; top:8px; left:60%; width:560px; height:20px; margin:0; padding:10px 0; white-space:nowrap; text-align:center; color:rgba(255,255,255,0.65); font-size:32px; font-weight:400; letter-spacing:1px; text-decoration:none; text-shadow:0 0 10px #444; -webkit-transform:translateX(-50%); transform:translateX(-50%);
    -webkit-animation: animvideoinfo-text2 6s linear infinite;
       -moz-animation: animvideoinfo-text2 6s linear infinite;
        -ms-animation: animvideoinfo-text2 6s linear infinite;
         -o-animation: animvideoinfo-text2 6s linear infinite;
            animation: animvideoinfo-text2 6s linear infinite;
  }
@-webkit-keyframes animvideoinfo-text2 { 0% {left:60%; opacity:0;} 50% {left: 60%; opacity:0;} 60% {opacity:1;} 90% {opacity:1;} 100% {left:40%; opacity:0;}}
   @-moz-keyframes animvideoinfo-text2 { 0% {left: 0%;} 100% { left:-100%;}}
    @-ms-keyframes animvideoinfo-text2 { 0% {left: 0%;} 100% { left:-100%;}}
     @-o-keyframes animvideoinfo-text2 { 0% {left: 0%;} 100% { left:-100%;}}
        @keyframes animvideoinfo-text2 { 0% {left:60%; opacity:0;} 50% {left: 60%; opacity:0;} 60% {opacity:1;} 90% {opacity:1;} 100% {left:40%; opacity:0;}}

@media all and (max-width: 780px) {
#animvideoinfo {top:10%;}
#animvideoinfo span.text1, #animvideoinfo span.text2 {display:inline-block; width:360px; line-height:33px; white-space:wrap; font-size:28px;/*background:#ddd;*/}
#animvideoinfo span.text2 {font-size:24px; padding-top:26px;/*background:#ddd;*/}
}

/*@-webkit-keyframes animvideoinfo-text2 { 0% {left:40%; opacity:0;} 50% {left: 40%; opacity:0;} 60% {opacity:1;} 90% {opacity:1;} 100% {left:60%; opacity:0;}}
   @-moz-keyframes animvideoinfo-text2 { 0% {left: 0%;} 100% { left:-100%;}}
    @-ms-keyframes animvideoinfo-text2 { 0% {left: 0%;} 100% { left:-100%;}}
     @-o-keyframes animvideoinfo-text2 { 0% {left: 0%;} 100% { left:-100%;}}
        @keyframes animvideoinfo-text2 { 0% {left:40%; opacity:0;} 50% {left: 40%; opacity:0;} 60% {opacity:1;} 90% {opacity:1;} 100% {left:60%; opacity:0;}}
*/


/*
.expand-image {position:relative; height:auto; overflow:hidden; padding-bottom:40%; border:solid 0px #FCD000; -webkit-transition:all 0.6s ease-out;transition:all 0.6s ease-out;}
.expand-image img{display:block; position:absolute; width:100%; margin-top:-250px; -webkit-transition:all 0.6s ease-out;transition:all 0.5s ease-out;}
.expand-image:hover { padding-bottom:115%; border:solid 0px #FF0000; cursor:pointer;}
.expand-image:hover img{display:block; position:absolute; width:100%; margin-top:0px;}
*/





/* podminky */
#podminky {display:none; position:absolute; width:90%!important; top:0px; left:0px; height:560px; padding:30px; background:#FFF;z-index:10;-webkit-box-shadow:0px 4px 12px #999;box-shadow:0px 4px 12px #999;}
#podminky .linkback {position:relative; margin-top:5px; float:right; /*right:0px;*/ /*width:120px;*/ /*height:42px;*/ cursor:pointer;}
#podminky iframe {width:90%!important; height:460px; border:solid 1px #DCDCDC;}


/* Cookie Notice */
/*
.cookie-notice{display:none;position:fixed;z-index:99;bottom:0;width:100%;padding:25px 15px;background:rgba(0,0,0,0.90);color:#CCC;text-align:center;}
.cookie-button{display:inline-block;width:100px;padding:7px;margin-left:25px;background:#990000;color:#FFCCCC!important;text-align:center;font-weight:bold!important;}
.cookie-button:hover{background:#AA0000;color:#FFF!important;}
.cookie-test{position:fixed;z-index:10000;bottom:0;width:150px;padding:25px 15px;background:rgba(50,50,50,0.95);color:#CCC;text-align:center;}
*/


/* DCookies by Branislav "Dhakra" Fabry - heavendesign.cz */

/* -- Button to open CookiesControl -- */
.dcookie-preferences{position:fixed;opacity:1;bottom:20px;right:40px;width:46px;height:46px;background:url(icon-dcookie-preferences.png) center center no-repeat;z-index:999999999;cursor:pointer;cursor:hand;}

/* -- CookiesControl panel -- */
.dcookie-cc-overlay{position:fixed; display:none; top:0px; left:0px; width:100vw; height:100vh; z-index:999999990;}
.dcookie-cc-overlay span{position:absolute; display:block; opacity:1; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.0);}
.dcookie-cc-overlay.opened{display:block;}
.dcookie-cc-overlay.opened span{ display:block; opacity:1; background:rgba(0,0,0,0.4); -webkit-transition:all 2s 0.1s ease-out;transition:all 2s 0.1s ease-out;}

.dcookie-cc{position:fixed;/*display:none;*/ opacity:0;padding:25px; width:46%; max-width:600px; min-width:350px; min-height:400px; top:-200%; left:50%; background:rgba(40,40,40,1.00)!important; border-radius:6px; box-shadow:0 0 20px #000; z-index:999999998; -webkit-transform:translateX(-50%); transform:translateX(-50%); -webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;}
/*.dcookie-cc.opened{display:block; opacity:1; top:10px; left:50%; -webkit-transition:all 0.4s 0.3s ease-out;transition:all 0.4s 0.3s ease-out; -webkit-transform:translateX(-50%); transform:translateX(-50%);}*/
.dcookie-cc.opened{display:block; opacity:0; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%);
    -webkit-animation: dcookie-cc-opened 0.6s ease-in-out forwards;
       -moz-animation: dcookie-cc-opened 0.6s ease-in-out forwards;
         -o-animation: dcookie-cc-opened 0.6s ease-in-out forwards;
            animation: dcookie-cc-opened 0.6s ease-in-out forwards;
}
@keyframes dcookie-cc-opened { /* pro mainmenu a leftmenu */
    0%  {left:50%;top:10%;opacity:0;transform: translateX(-50%) scale(0.92) ;}
    100%{left:50%;top:10%;opacity:1;transform: translateX(-50%) scale(1);}
}
@-webkit-keyframes dcookie-cc-opened { /* pro mainmenu a leftmenu */
    0%  {left:50%;top:10%;opacity:0;transform: translateX(-50%) scale(0.92) ;}
    100%{left:50%;top:10%;opacity:1;transform: translateX(-50%) scale(1);}
}
.dcookie-cc.closed{/*display:block;*/ /*opacity:1;*//* left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%);*/
    -webkit-animation: dcookie-cc-closed 0.5s ease-in-out forwards;
       -moz-animation: dcookie-cc-closed 0.5s ease-in-out forwards;
         -o-animation: dcookie-cc-closed 0.5s ease-in-out forwards;
            animation: dcookie-cc-closed 0.5s ease-in-out forwards;
}
@keyframes dcookie-cc-closed { /* pro mainmenu a leftmenu */
    0%  {left:50%;top:10%;opacity:1;transform: translateX(-50%) scale(1);} 
    99% {left:50%;top:10%;opacity:0;transform: translateX(-50%) scale(0.92) ;}
    100%{top:-200%;}
}
@-webkit-keyframes dcookie-cc-closed { /* pro mainmenu a leftmenu */
    0%  {left:50%;top:10%;opacity:1;transform: translateX(-50%) scale(1);} 
    99% {left:50%;top:10%;opacity:0;transform: translateX(-50%) scale(0.92) ;}
    100%{top:-200%;}
}
@media all and (max-width: 800px) {
.dcookie-cc{ width:80%; max-width:initial; min-width:350px; top:1%; display:none;}
}

/*.dcookie-cc-head{padding:20px;border-bottom:2px solid #444;color:#111;display:flex;flex-direction:row;justify-content:space-between;border-radius:6px 6px 0 0;}*/
.dcookie-cc-head{position:relative; padding:20px;border-bottom:0px solid #a15b00;/*background:#111;*/color:#FFF;/*display:flex;flex-direction:row;justify-content:space-between;*/}
.dcookie-cc-head-title{width:100%; height:50px; /*width:calc(100% - 0px);*/padding-left:52px;background:url(icon-dcookie-preferences.png) left top no-repeat; clear:both;border:solid #5BA2B6 0px;}
.dcookie-cc-head-title-headline{font-size:22px; color:#FFF; font-weight:500; margin:0;}
.dcookie-cc-head-title-text{font-size:16px; color:#999;margin:0; line-height:100%;}
.dcookie-cc-head-info{display:block; width:100%;font-size:12px; color:#FFF;margin:10px 0; line-height:130%;clear:both;border:solid #0B02B6 0px;}
.dcookie-cc-head-close{position:absolute;display:block;right:10px;top:10px;}
.dcookie-cc-head-close-bt{background:none;font-size:22px; color:#999;font-weight:700;border:0px solid green;cursor:pointer;cursor:hand;}
.dcookie-cc-head-close-bt:active/*.dcookie-cc-head-close-bt:focus*/{color:#FFF;}

/*.dcookie-cc-head-title{width:calc(100% - 40px);padding-left:52px;background:url(icon-dcookie-preferences.png) left top no-repeat;}
.dcookie-cc-head-title-headline{font-size:22px; color:#FFF; font-weight:500; margin:0;}
.dcookie-cc-head-title-text{font-size:16px; color:#DDD;margin:0; line-height:100%;}*/
/*.dcookie-cc-head-title-info{font-size:14px; color:#DDD;margin:10px 0; line-height:130%;}
.dcookie-cc-head-close{}
.dcookie-cc-head-close-bt{background:none;font-size:22px; color:#666;font-weight:700;border:0px solid green;cursor:pointer;cursor:hand;}
.dcookie-cc-head-close-bt:active{color:#999;}*/

.dcookie-cc-body{padding:20px;/*background:#222;*/color:#FFF;}
.dcookie-cc-body-cat{padding:10px 0;border-bottom:1px solid #444;/*background:#222;*/color:#FFF; overflow:hidden; max-height:50px; box-sizing:border-box; -webkit-transition:all 0.6s ease-out;transition:all 0.6s ease-out;}
.dcookie-cc-body-cat:last-child{border-bottom:0px solid #444;}
.dcookie-cc-body-cat span{display:block; width:calc(100% - 50px); padding:5px 0; font-size:18px; color:#FFF; font-weight:500; margin:0; cursor:pointer;}
.dcookie-cc-body-cat span.light{display:inline; width:auto;font-size:12px;font-weight:300;}
.dcookie-cc-body-cat p{display:block;font-size:14px; color:#FFF; padding:10px 0; width:100%; line-height:130%; border:0px solid #55D069;}
.dcookie-cc-body-cat div.check{position:absolute; right:40px; width:40px!important;}
.dcookie-cc-body-cat.opened{ max-height:400px; -webkit-transition:all 0.6s 0.3s ease-out;transition:all 0.6s 0.3s ease-out;}
.dcookie-cc-body-cat:active span{color:#999;}
.dcookie-cc-body-cat:hover span{color:#BBB;}
.dcookie-cc input[type="checkbox"].cc-custom-checkbox{position:absolute; margin:4px 0 0 16px;border:1px solid #55D069; cursor:pointer}
.dcookie-cc input[type="checkbox"].cc-custom-checkbox+label{position:relative;padding:6px 0 0 16px;line-height:2.0em;cursor:pointer;display:inline;font-size:14px}
.dcookie-cc input[type="checkbox"].cc-custom-checkbox+label:before{content:"";position:absolute;display:block;left:0;top:2px;width:40px!important;height:18px;border-radius:16px;background:#999;border:2px solid #999;-webkit-transition:all 0.3s;transition:all 0.3s}
.dcookie-cc input[type="checkbox"].cc-custom-checkbox+label:after{content:"";position:absolute;display:block;left:0px;top:2px;width:18px;height:18px;border-radius:16px;background:#222;border:2px solid #999;-webkit-transition:all 0.3s;transition:all 0.3s}
.dcookie-cc input[type="checkbox"].cc-custom-checkbox+label:hover:after{box-shadow:0 0 5px rgba(0,0,0,0.3)}
.dcookie-cc input[type="checkbox"].cc-custom-checkbox:checked+label:after{margin-left:22px;border:2px solid #99CC66;}
.dcookie-cc input[type="checkbox"].cc-custom-checkbox:checked+label:before{background:#99CC66!important;border:2px solid #99CC66;}
.dcookie-cc-foot{padding:20px;border-top:2px solid #444;/*background:#FFF;*/color:#111;display:flex;flex-direction:row;justify-content:space-between;border-radius:0 0 6px 6px;}

.dcookie-button-safe{display:block;padding:7px 10px; margin:0 auto;/*border:2px solid #62EB78;*/background:#99CC66;color:#111;font-weight:500;text-align:center;cursor:pointer;-webkit-transition:all 0.6s ease-out;transition:all 0.6s ease-out; border-radius:4px;}
.dcookie-button-safe:active{background:#99CC66;-webkit-transition:all 0.6s ease-out;transition:all 0.6s ease-out;}
.dcookie-button-safe.saved{background:#72974E;-webkit-transition:all 0.6s ease-out;transition:all 0.6s ease-out;}

/* Cookie Notice */
.dcookie-notice{position:fixed;z-index:999999991;bottom:0;width:100%;padding:35px 15px;background:rgba(255,255,255,1.00); box-shadow:rgba(0, 0, 0, 0.25) 0px -2px 8px 0px; color:#333;text-align:center;font-size:14px;}
.dcookie-notice-info{width:70%; max-width:700px; padding:0px 0px 15px 0px; margin:0 auto; color:#333;text-align:center;font-size:14px;}
.dcookie-notice-buttons{width:80%; max-width:800px; padding:0px 0px; margin:0 auto; color:#CCC;text-align:center;font-size:14px;}
.dcookie-notice-buttons .dcookie-button{display:inline-block;width:140px;padding:10px;margin:0px 12px 15px 12px;background:#666;border:solid 1px #666;color:#FFF;text-align:center;font-weight:bold!important; border-radius:4px;cursor:pointer;cursor:hand;}
.dcookie-notice-buttons .dcookie-button:hover{background:#444;border:solid 1px #444;color:#FFF;}
.dcookie-notice-buttons .dcookie-button-settings{background:none;color:#666;border:solid 1px #666;cursor:pointer;cursor:hand;}
.dcookie-notice-buttons .dcookie-button-settings:hover{background:none;color:#444;border:solid 1px #444;}
.dcookie-notice-buttons .dcookie-decline{color:#CCCCCC;cursor:pointer;cursor:hand;font-weight:bold!important;}
.dcookie-notice-buttons .dcookie-decline:hover{text-decoration:underline;}
.dcookie-test{position:fixed;z-index:10000;bottom:0;width:150px;padding:25px 15px;background:rgba(50,50,50,0.95);color:#CCC;text-align:center;z-index:999999999;}