.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
white-space: nowrap;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }   html, body {
margin:0 auto; 
font-family: 'Open Sans', sans-serif; 
font-size:14px;
line-height: 140%;
color:#444;
overflow-x: hidden;
}
ul li {
margin:0; 
padding:0;
list-style-type:square;
}
#head {width: 1170px;
position: fixed;
background: #fff; text-align: right; z-index: 9999;
font-size: 14px;
margin-top:-24px;}
p {
padding-bottom:20px;
}
h1, h2, h3 {
padding-bottom:30px;
}
h1.entry-title {
display: none;
}
#cart {
width: auto;
display: block;
background: #fff;
float: right;
top: 0px;
padding: 10px;
padding-right:20px;
border-bottom:0px solid red;
}	
#entry ol, ul {list-style:square;
padding-top:10px;
padding-bottom:10px;
}
#entry li {list-style:square;
margin:10px;
margin-left:30px;
}
span {
font-weight:bold;
}
.wp-block-image {
margin-top:1em;
}
.full-width {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
.top1 {    
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
background: #000;
color: #fff;
text-align: center;
padding-top: 40px;
padding-bottom:40px;
z-index:-3; background-attachment:fixed; 
background-size:cover;
background-position:center;
filter: grayscale(100%);
}
.toplead {
position: relative;
color: #fff;
text-align: center;
padding-top: 40px;
padding-bottom:40px;
z-index:9999;	
filter:none;
}
.bgImage{ 
width:100vh; 
height:330px; 
filter: blur(0px); z-index:-3;
position:absolute; 	
background-size:cover;
background-position:center;
width: 100vw;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
#content2{
z-index:10;
position:relative;
text-align:center; 
color:#fff; 
margin-bottom:10px; 
padding-top:35px;
padding-bottom:2em; 
height:330px;
}  span.content2 {
background-color:red;
}
span.leadbig {
text-shadow: 1px 1px #444;
background-color: red;
display:inline-block;
padding:8px;
line-height:22pt;
margin-top:10px;
z-index:9999;
}	
.content-top:empty {
display: none;
}	
span.small {
background-color:#444;
padding:2px;
padding-left:4px;
padding-right:4px;
}
h1.small {
background-color:#444;
padding:2px;
padding-left:4px;
padding-right:4px;
}
p.small {
font-size:12px;
background-color:#000;
color:#000; 
padding:2px;
}
span.b400 {
font-size:26pt;
font-weight:200;
}	
span.b900 {
font-size:26pt;
font-weight:900;
color:#fff;
line-height:120%;
}
span.h2-b900 {
font-weight:900;
line-height:120%;
}	
p.lead-full-width {
color: #444;
padding: 10px;
margin-bottom: 20px;
display: inline-block;
font-size: 14px;
line-height: 140%;
}
.full-width2 {
width:100wv;
}
span.telefon {
margin-top:14px;
padding-top:16px;
padding-right:10px;
font-size:14px;
}
.art-button {
border:1px solid #fff;
padding:12px 20px 12px 20px;
text-decoration:none;
text-transform:uppercase;
color:#333; font-size:16px;
background: #BE1521;
margin-top:20px;
}	
.art-button:hover {
background:#ccc;
}
.art-button:visited {color:#333;}
#entry h1 a, a:visited {
text-decoration:none;
text-transform:uppercase;
color:#444;
line-height:120%;
font-size:26x;
}
#entry a:hover {
color:#222
}
#entry h1 {
font-size:26px;
padding-bottom:20px;
}
.entry-info {    
float: left;
margin-bottom:20px;
}
.entry-author, .entry-date, .postmetadata {   
font-size: 12px;
float: left;
padding: 2px;}	
.entry-author, .entry-date, .postmetadata a, a:visited {
font-weight:none;
color:#444;
}	
#container {
width: 1170px;
margin-left: auto;
margin-right: auto;	
padding-top:20px;
}
#header {
background-color: #fff;
display:inline-block;
margin-top:14px;
padding-left:2px;
}
#branding {
float: left;
margin-bottom: 10px;
border: 0px solid #999;
background: #fff;
}
.custom-logo {
width:320px; 
height:auto; 
float:left;
padding-left:1px;	
padding-right:2px;
background:#fff;
margin-right:10px;
}
.blog-title {
text-decoration: none;
color: #333;
font-weight: normal;
text-transform: uppercase;
font-size: 12px;
padding-left:8px;
margin:0 auto
}
.blog-description-title {
font-size: 24px;
background-color: #333;
padding: 6px 10px;
color: #fff;
font-weight: bold;
margin-top:20px;
float:left;
} .breadcrumb {
padding: 8px 15px;
border-radius: 4px;
font-size:12px;
padding-left:30px;
}
.breadcrumb a {
color: #428bca;
text-decoration: none;
font-size:12px;
} #okCookie{
background-color: #F2F2F2;
color: #333333;
position: fixed;
bottom: 0;
width: 100%;
padding: 10px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-top: 0px solid #ccc;
border-right: 0px solid #ccc;
z-index: 10;
text-align: center;
}
#okCookie p{ 
float:none; 
padding:5px 0px 16px 0px; 
margin:0 auto;
}
#okCookie #okClose, #okCookie #okCprivacy{
padding:5px 20px;
float:none;
margin-left:10px;
text-decoration:none;
color:white;
}
#okCookie #okClose{
background-color:#39B54A;
text-shadow:0px 1px 1px #507F2B;
box-shadow:inset 0px -1px 1px #507F2B;
}
#okCookie #okClose:hover{
background-color:#42ce55
}
#okCookie #okCprivacy{
background-color:none;
color:#444;
font-size:12px;
}
#okCookie #okCprivacy:hover{
background-color:none
}
.okcBeginAnimate{
-webkit-animation: myfirst 2s; 
animation: myfirst 2s;
} @-webkit-keyframes myfirst {
from {opacity: 0;}
to {opacity: 1;}
} @keyframes myfirst {
from {opacity: 0;}
to {opacity: 1;}
} #backtop {
display: none;
position: fixed;
bottom: 12px;
right: 10px;
z-index: 99;
font-size: 32px;
border: none;
outline: none;
background-color: #aaa;
color: white;
cursor: pointer;
padding:4px 14px 4px 14px;
}
#backtop:hover {
background-color: #444;
} .menu {
background-color: #fff;
color: #444;
text-transform:uppercase; 
float:right;
font-weight:500;
}
.menu-links {
display: flex;
list-style: none;
margin: 0;
padding: 0;
}
.menu-links li {display:block;}
.menu-links ul {float:left; font-weight:500}
.menu-links ul li {float:left; display: block; } 
.menu-links a {
color: inherit;
display: inline-block;
padding: 1rem;
text-decoration: none;	
}
.menu-links ul ul {
display:none; 
position:absolute; 
margin:0; 
z-index:9999; 
width:132px 
}
.menu-links ul ul li {
float:none;
background: red;
padding:0px;
color:#fff;
margin-left:-50%;
line-height:100%;
border-bottom:1px solid #ddd;
}
.menu-links ul ul li a {
font-size:14px;
font-weight:normal; 
line-height:100%;
}
.menu-links ul li:hover > ul {
display:block; 
color:#fff;
}
.menu-links ul ul li ul {
left:100px; 
right:auto; 
width:130px;
margin-top:-30px;
}
.menu-links ul ul li ul ul {
left:auto; 
right:190px;
}
.menu-links ul ul li ul a {
font-size:14px; 
line-height:110%;
font-weight:normal;
color:#fff;
}
.menu-links ul a {
font-weight:bold;
margin-top:6px;
}
.menu-links a:focus,
.menu-links a:hover {
color:red;
outline: none;
}
.menu-links ul ul li:hover {
background:#444;
color:#fff;
}
.menu-links ul ul li a:hover {
color:#fff;
}
.menu-links ul ul li a:visited {
color:#fff;
}
.menu-links a:active {
background-color: #444;
color:#fff;
}
.menu-toggle-button {
cursor: pointer;
display: none;
font-size:36px;
padding: 1rem;
user-select: none;
color:#fff;
}
.menu-toggle:focus ~ .menu-toggle-button,
.menu-toggle-button:hover {
background-color: #444;
color:#fff;
}
.menu-toggle {
opacity: 0;
pointer-events: none;
position: absolute;
} .menu-links li > a:after {
content: "\21E3";
padding-right:6px;
padding-left:6px;
}
.menu-links li > a:only-child:after {
content: "";
}
.menu-links li li > a:after {
content: "\21E2";
position: absolute;
right: 5px;
}
@media (max-width: 800px) {
.menu-links ul li {
display:block;
width:100%; 
background:#f2f2f2;
}
.menu-links li a {
color:#444;
}
.menu-links li:hover {
background:#f2f2f2;
}
.menu-links ul li:visited {
background:#f2f2f2; 
color:#444;
}
.menu-links ul ul li {
background:#f2f2f2;
margin-left:0px;
display:hidden;
}
.menu-links ul ul ul li a {
color:#444; 
background:#f2f2f2;
}
.menu-links ul ul li a:visited {
color:#444; 
background:#f2f2f2;
}
.menu-links ul ul li:hover {
background:#f2f2f2;
}
.menu-links ul ul li ul {
display: hidden;
left: 0; 
margin-left: -20px;
width: 100%;
float: left;
position: relative;
}
.subrollin{
overflow: hidden;
max-height: 0;
-webkit-transition: all 0.5s ease-in;
}
.subrollout{
overflow: block;
max-height: 200px;
-webkit-transition: all 0.5s ease-out;
}
.menu-toggle:not(:checked) ~ .menu-links {
display: none;
}
.menu-toggle-button {
display: inline-block;
position: fixed;
top: 0;
right: 0;
z-index: 9999;
}
}
#sidebar-right ul {
padding-bottom:20px;
}
#sidebar-right ul li { margin-left:18px;
}
#sidebar-right ul ul li {
list-style:square; 
margin-left:16px;
}
#sidebar-right a, a:visited {
color:#444
}
#sidebar-right a:hover {
color:red
}
#sidebar-right h2 {
font-size:18px;
padding-bottom:12px;
}
.sidebar-right {list-style:none;}		
.sidebar-right ul {
padding-bottom:20px;
}
.sidebar-right ul li {
list-style:none;
}
.sidebar-right ul ul li {
list-style:square; 
margin-left:16px;
}
.sidebar-right a, a:visited {
color:#444
}
.sidebar-right a:hover {
color:red
}
.sidebar-right h2 {
font-size:18px;
padding-bottom:12px;
}
#footer li {
list-style:none;
text-decoration:none; 
padding:20px;
color:#fff;
}
#footer a{
color:#444;
text-decoration:none!important;
}
#footer a:visited {
color:#444;
text-decoration:none;
}
#footer a:hover {
color:red;
text-decoration:none;
}
#footer	.cols-1, .cols-2, .cols-3, .cols-4 a {text-decoration:none;}
#sidebar-footer {
color:#444;
display:block;
width:100%;
float:left;
margin-bottom:20px;
} #footer .menu {
line-height:110%;
font-size:12px;
float:left;
background:none;
}
#footer ul {
display:inline-block;
}
#footer ul ul {   
margin-left: -20px;
line-height: 100%;
}
#footer ul li {line-height:110%;
}
#footer a {color:#444;
}
#footer  li {
padding: 7px 12px 7px 12px;
line-height:4pt;
}
#footer .menu a:hover {
color:#000;
}
#footer h4.widgettitle {
padding-bottom: 6px;
padding-top: 0px;
color: #444;
font-size: 16px;
padding-left: 10px;
text-transform:uppercase;
}
.sidebaroff {height:10px; display:none!important}
.sidebar-2 {
float:left;
width:33%;
padding:10px;
color:#444;
line-height:110%;
font-size:12px;
}
.sidebar-2 li a {
text-transform:uppercase;
}
.textwidget {color:#444;
line-height:110%;
padding:10px;
font-size:12px;
}
#credits {
font-size:12px;
color:#444;
padding-bottom:30px;
padding:8px;
}
#credits-menu{
}
.footer-left{
float:left;
}
.footer-right{
float:right;
}
#entry-wc {
float: left;
overflow: hidden;
padding:10px;
padding-top:20px;
font-size:16px;
line-height: 150%;
}
@media only screen and (min-width: 1200px) {
#entry {
overflow: hidden;
padding:10px;
padding-top:20px;
font-size:16px;
line-height: 150%;
}
#entry-ns
{width:1170px;
}
#entry-wc {
float: left;
overflow: hidden;
padding:10px;
padding-top:20px;
font-size:16px;
line-height: 150%;
}
#entry a {color:#444}	
#entry.a:visited {color:#444}
.entry-info {width:100%;}
#entry h2, h3, h4, h5, h6 {
padding-top:40px;
padding-bottom: 10px;
font-weight:normal;
font-size:20px;
}
#sidebar-right {width:220px; float:right; padding:20px; list-style:none;}
#footer {
clear: both;
width: 100%;
background-color: #fff;
float:left;
margin-top:20px;
border-top: 1px solid #999;
}
#footer li, a {
list-style:none;
text-decoration:none;
}
} * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
a, a:visited {
color: #444;
text-decoration: none;
}
#contactbutton{
background: red;
color:#fff;
border-radius: 35px;
position: fixed;
bottom: 10px;
right: 74px;
z-index: 9990;
height: 55px;
width: 55px;
overflow: hidden;
transition: all 0.3s;
text-align:center;
padding:0px;
padding-top:10px;
box-shadow:1px 0px 2px 1px #444;
}
.contactcontent:hover {color:#444}
.fa fa-phone:hover {color:#444}
#contactbutton:hover {
transition: all 0.3s;
background:#39B54A;
}
#toggleButton img {
width: 50%;
height: 50%;
}
.social-icons {
margin-top:10px;
margin-bottom:10px;
float:right;
}
.facebook-logo-img {
width:30px;
height:30px;
} @media only screen and (max-width: 1160px) {
#entry img {
width:100%;
height:auto;
}
#entry a, a:visited {
color:red;
}
p.lead-full-width {
background:rgba(255, 255, 255, 0.5); 
margin-top:10px;
}
#entry h1, h2, h3, h4, h5, h6 {
text-decoration:none!important;
text-transform:uppercase;
color:#444;
line-height:120%; 
font-size:28px;
}
#entry h2, h3, h4, h5, h6 {
padding-top:40px;
padding-bottom:10px;
font-size:20px;
}
.menu {
float:none;
}
#container { 
width:100%; 
display:block;
}
#header {
text-align:center;
}
#branding {
padding:10px; 
}
.blog-title {
text-align:center;
width:100%;
}
.blog-description-title {
text-align:center;
width:100%;
margin:0 auto; 
padding:10px 0 10px 0; 
}
#entry {
display:block; 
padding:30px;
background:#fff; 
font-size:16px; 
line-height:140%; 
margin-top:150px;
}
#entry-wc {
display:block; 
padding:30px;
background:#fff; 
font-size:16px; 
line-height:140%; 
margin-top:150px;
}
#sidebar-right { padding:30px; list-style:none; }
#credits {padding:30px;} 
.sidebar-2 {width:100%;}
.footer-right {
float: left;
margin-top: 42px;
text-align: center;
width: 100%;
}
.menu-toggle-button {background:#444;}
.entry-info {    
float: left;
margin-bottom: 20px;
margin-top: 6px;
width: 100%;}
.custom-logo {
float: none;}
.bgImage {height:400px;}
.content2 {
margin-bottom:40px;
padding:3em;
}
#backtop {bottom:24px; }
#contactbutton {bottom:82px; right:7px}
h3.widgettitle {font-size:18px;}	 
.menu-links ul {color:#444;}
.menu-links ul li:hover > ul {width:100%; margin:0; padding-left:30px;}
.menu-links ul ul li ul ul {width:100%; right:0; background: #f2f2f2}
.menu-links ul ul li a:visited {
color: #444;
}
.menu-links ul ul li a:hover {
color: #444;
background: silver;
}
}
.h2-left {float:left; text-align:left; padding-left:20px;}
.p-18 {font-size:18px; text-align:120%;}
.p-13px {font-size:13px; text-align:justify; line-height:110%}
.lead-cta {float:left; margin-top:30px; width:65%; margin-left:20px; padding:6px;}
.lead-cta h2 {font-size:36px; color:#222; margin-bottom:20px; font-weight:200; text-align:left}
.lead-cta h1 {font-size:36px; color:#222; margin-bottom:20px; font-weight:200; text-align:left; line-height:110%}
.lead-cta p {color:#222; text-align:left; font-size:16px;}
.lead-cta-start {float:left; margin-left:20px; padding:6px;}
.lead-cta-start h2 {font-size:36px; color:#222; margin-bottom:20px; font-weight:200; text-align:left}
.lead-cta-start h1 {font-size:26px; color:#222; margin-bottom:20px; font-weight:200; text-align:left; line-height:110%}
.lead-cta-start p {color:#222; text-align:left; font-size:16px;}
.cols-2 h3 {margin-top:-40px;}
.text-img {position:absolute; padding-top:8px; padding-left:10px; border-left: 10px solid; z-index:2 }
.text-img p {padding-top:20px; color:#444;}
.big-withe {font-size:40px; color:#fff; font-weight:900}
.text-img2 {position:absolute; padding:40px;}
.text-img2 p { padding-top:10px; color:#fff;}
.big-withe2 {font-size:26px; color:#fff; font-weight:900; line-height: 110%; padding: 20px; padding-bottom:10px; background-color:#444;}
input.wpcf7-form-control.wpcf7-submit {
padding: 10px;
margin-top: 10px;
}
textarea.wpcf7-form-control.wpcf7-textarea {
width: 100%!important;
border: 1px solid #ccc;
}
.lead-cta, .lead-cta-start .art-button {
margin-top:14px;
display:inline-block;
background:#BE1521;
margin-right:22px;
padding:10px;
padding-right:20px;
float:left;
color:#fff;
}
.cols-2-center {
text-align:center;
float:left;
width:50%;
padding:10px;
padding-top:90px;
margin-top:20px;
display:block;
}
.cols-1-center {
text-align:center;
float:left;
width:100%;
padding:10px;
padding-top:30px;
padding-bottom:40px;
margin-top:20px;
display:block;
}
.cols-1-center-s {padding:10px; text-align:center;}
.cols-1-center-s .art-button {margin-top:14px;
display:inline-block;
background:#BE1521;
padding:10px;
padding-right:20px;
}
.cols-2-center, .cols-1-center .art-button {
margin-top:36px;
display:inline-block;
background:#BE1521;
padding:10px;
padding-right:20px;
}
.spacer {
padding:20px; 
float:left;
width:100%;
}
.obrazek-100 {
width:100%;
padding-bottom:12px;
filter: grayscale(60%);
z-index:1;
}
.obrazek-start {
width:74%;
padding-bottom:12px;
filter: grayscale(60%);
z-index:1;
margin-top:-65px;
}
#3cols {
margin-bottom:30px!important;
float:left;
display:block;
position:relative;
}
.cols-1 {
float:left;
width:100%;
padding:10px;
margin-top:20px;
display:block;
}
.cols-1 a {color:#444; text-decoration:underline;}
.cols-1 a:visited {color:#444; text-decoration:underline;}
.cols-2 {
float:left;
width:50%;
padding:10px;
margin-top:20px;
display:block;
}
.cols-2-shadow {
float:left;
width:50%;
padding:10px;
margin-top:20px;
display:block;
box-shadow: 2px 3px 4px -3px #444;
}
.cols-2-kontakt {
float:left;
width:50%;
padding:10px;
margin-top:20px;
display:block;
box-shadow: 2px 2px 6px -1px #ccc;
}
.cols-3 {
float: left;
width: 33%;
padding: 10px;
margin-top:20px;
border-left: 0px solid #fff;
padding-left:14px;
padding-right:14px;
display: block;
text-align: center;
overflow: hidden;
}
.cols-4 {
float:left;
width:25%;
padding:10px;
margin-top:20px;
display:block;
}
.h2-center {text-align:center; font-size:20px; color:#444; padding-top:30px; padding-bottom:20px;}
.cols-3 h3 {padding-top:10px; font-size:16px; font-weight:bold;}
.fa {padding-left:10px; padding-right:10px;}
.bgImage {border-top: 0px solid #222; box-shadow:1px 1px 6px 1px #ccc; background-attachment:fixed; background-position-y:bottom;}
.cols-1, .cols-2, .cols-3, .cols-4 a, a:hover {color:#444;}
.kontakt {font-size: 16px;
line-height: 110%;
text-align: left;}
.gmap{ 
width:100vh; 
height:330px; 
filter: blur(0px); z-index:-3;
position:absolute; 	
background-size:cover;
background-position:center;
width: 100vw;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
#footer ul li {
list-style: square;
color: #444;
padding-left: 0px;
margin-left: 26px;
}
.dropdown-menu {
width: 260px;
position: absolute;
right: 10px;
background: #fff;
box-shadow: 1px 1px 1px 1px #ccc;
padding: 10px;
}
.dropdown-menu:hover {
}
.content2map {
z-index: 10;
position: relative;
text-align: center;
color: #fff;
margin-bottom: 10px;
padding-top: 15px;
padding-bottom: 2em;
display: inline-block;
height: 330px;
width: 100vw;
margin-left: -50vw;
margin-right: -50vw;
}
.p18px {font-size:18px}
@media only screen and (max-width: 1160px) {
.obrazek-start {
width:100%;
padding-bottom:12px;
filter: grayscale(60%);
z-index:1;
margin-top:-65px;
}
.cols-3, .cols-2, .cols-1, .cols-4, .cols-2-kontakt {
width:100%;
border-left:0px;
margin-top:10px;
}
.lead-cta {width:100%; padding:10px; margin-top:-22px; margin-left:0}
.h2-center {padding:10px;}
#content2 {height:400px;}
.text-img, .text-img2 {display:none}
#head {display:none}
}