@font-face {
    font-family: pismo;
    src: url(/fonts/IN901XKI.TTF);
}

@font-face {
    font-family: pismoo;
    src: url(/fonts/INC901N.TTF);
}

@font-face {
    font-family: pismooo;
    src: url(/fonts/INC901I.TTF);
}

@keyframes animatedBackground {
	from { background-position: 0px 0px; }
	to { background-position: 100% 0; }
}

@-webkit-keyframes animatedBackground {
	from { background-position: 0px 0px; }
	to { background-position: 100% 0; }
}

@-moz-keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}




html,body{margin:0;padding:0}
body{text-align:center;font-size:14px;font-family: "pismoo", Verdana, Arial, Helvetica, sans-serif;color:#000;display: inline-block;min-height: 100vh; width: 100%;
background-image: linear-gradient(-61deg, #E9E9E9 38%, #FFF 0%);
background-size: 100% 100%;}
img{border:0}
form{margin:0;}
p{margin:10px 0 10px 0;padding:0;}
a:link, a:visited {color:blue;text-decoration:none;}
a:hover {color:blue;text-decoration:underline;}
/*#e94200*/

.menko {float: left;margin-left: 0px;font-size: 1px;color: #EEE;}



div#header{margin:0;padding:0; background: black;height: 80px;position: fixed;top: 0px;width: 100%;z-index: 9;}

div#logicko{width:330px;height:624px;float:left;background:url('/images/design/arrow2.png') left top no-repeat;position: fixed; top: -120px;left: -88px;
-ms-transform: rotate(29deg);
-webkit-transform: rotate(29deg); 
transform: rotate(29deg);
}

div#logicko-mra{cursor: pointer;width:240px;height:80px;float:left;background:url('/images/design/logo-mra.png') left top no-repeat;position: fixed; top: 40px;left: 35px;transition: all 0.1s;}
div#logicko-mra:hover {transform: scale(1.02,1.02);}

.jazyk{position: fixed;margin: 0px;padding: 0px; right: 3em; top:20px;list-style: none; z-index: 99;}
.jazyk li {margin:9px;height:18px; width: 30px; border: 1px solid grey;opacity: 0.8;overflow: hidden; }
.jazyk li:hover {opacity: 1;}
.jazyk-sk{float: left; width: 30px;height:18px;padding:0;margin:0;background:url('/images/design/flags.png') no-repeat;clear: left;background-position: left 100%;background-size: 100% auto;}
.jazyk-en{float: left; width: 30px;height:18px;padding:0;margin:0;background:url('/images/design/flags.png') no-repeat;clear:left; background-position: left 2%;background-size: 100% auto;}
.jazyk-de{float: left; width: 30px;height:18px;padding:0;margin:0;background:url('/images/design/flags.png') no-repeat;clear: left; background-position: left 50%;background-size: 100% auto;}

.aktualny{display: none;}

.menu-jazyk{width: 5em; position: relative;padding: 0px;display: inline-block;  margin: 8px 0px 15px;}
.jazykk-sk{float: left; width: 30px;height:18px;padding:0;margin:0;background:url('/images/design/flags.png') no-repeat;clear: left;background-position: left 100%;background-size: 100% auto;border: 1px solid rgba(255, 255, 255, 0.58);}
.jazykk-en{float: right; width: 30px;height:18px;padding:0;margin:0;background:url('/images/design/flags.png') no-repeat;clear:left; background-position: left 2%;background-size: 100% auto;border: 1px solid rgba(255, 255, 255, 0.58);}
.jazykk-de{float: left; width: 30px;height:18px;padding:0;margin:0;background:url('/images/design/flags.png') no-repeat;clear: left; background-position: left 50%;background-size: 100% auto;border: 1px solid rgba(255, 255, 255, 0.58);}





hr{color: red;margin-top: 20px;}

.menucss{list-style: none; display: inline-block;height: 74px;padding: 0px;margin: 0px;border-bottom: 5px solid black;}
.menucss li{min-width: 6em;text-align: center;float:left; display: block; font-size:17px;height: 74px; transition: all 0.3s cubic-bezier(0.68,-0.55,0.27,1.55) 0s;margin-left: 10px;}
.menucss li:first-child{display: none;}
.menucss li ul li:first-child{display: inherit;}
.menucss li:hover{border-bottom: 5px solid #EB2426;height: 4:6em;}
.menucss li a {font-size: 15px;height: 100%;line-height: 5em;display: block; padding-left: 1.3em;padding-right: 1.3em;color: white;font-weight: 400;text-transform: uppercase;transition: all 0.3s ease-in;border-bottom: 5px solid rgba(255, 255, 255, 0);}
.menucss li a:hover {text-decoration: none;}
.menucss li .sel{border-bottom: 5px solid #EB2426;}
.menucss li ul {transition: all 0.15s cubic-bezier(0.55, 0.06, 0.68, 0.19) 0s;opacity: 0;visibility: hidden;min-width: 9em;list-style: outside none none;text-align: left;position: absolute;margin-left: -1em;}
.menucss li ul li {position: relative; padding: 1px;clear: none;float: none;margin-left: -1.2em;margin-top: 0px; background-image: linear-gradient(0deg, #333 0%, #000 65%);height: 1.5em;line-height: 5px;text-align: left;}
.menucss li ul li a {color: white; line-height: 30px;}
.menucss li ul li:last-child, .menucss li ul li:last-child:hover {border-bottom: 5px solid black;} 
.menucss li:hover > ul {display: block;opacity: 1;visibility: visible;}
.menucss li:hover > ul li {padding: 10px;}
.menucss li ul li .sel{border-bottom: none;}
.menucss li ul li:hover {border: none; background-image: linear-gradient(0deg, #717171 0%, #000 65%);}
.menucss li ul li ul {display:none; position: absolute; left: 100%;left: 98%;top: 0px;z-index: 0;}
.menucss li ul li ul li {border-left: 5px solid #EB2426 !important;}
.menucss li ul li ul li a {padding-left: 0px;padding-right: 0px;}

.menucss li ul li :hover > ul {display: block;opacity: 1;visibility: visible;}
.menucss li ul li :hover > ul li {padding: 10px;}




div#toggle-menu{ display:none; position:fixed; width:4em; right:1em; margin: auto; z-index:9999; top:10px;}

div#toggle-menu .fa {color: #E51D20;}
.site-nav {min-height: 102vh; height:100%; overflow-y: scroll;width: 100%; top: 0px; position: fixed;background: #C21011;color: white;margin: 0;left: -100%;z-index: 5;-webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s;transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
.site-nav .appear {left: 0;}
.site-nav .menu {padding: 0;margin: 0;font-size: 1.2em;line-height: 1.9em; margin-top: 63px;}
.site-nav .menu .nav-item {list-style: none;text-align: left; width: 85%;margin: auto;}
.site-nav .menu .nav-link {padding: 0 1em;text-decoration: none;color: white;display: block;border-bottom: 1px solid rgba(255, 255, 255, 0.47); text-transform: uppercase;}
.site-nav .menu .nav-link:hover {background: #870202;}
.icon {-webkit-transition: all .3s ease-in;transition: all .3s ease-in;font-size: 2.5em;cursor: pointer;}
.move-menu {left: 0;}
.fade-me {opacity: .2;}

.subicka {font-size: 13px; width: 74% !important;}


.forma-mapy { margin-top:1em; margin-left:1em; margin-bottom:1em;  width: 25em;float: right;}

#map {height:25em; width: 25em;}
#navigacia {font-size: 16px; cursor: pointer;background: rgb(236, 36, 38);padding: 8px 0px; color: white;float: right;text-align: center;transition: all 0.4s;}
.navigacia {display:none;}
.navigacia-ides {display:block;  margin-top: 0px;width: 100%;}
.navigacia-hotovo {display:block; margin-top: 11px;width: 100%;}
#rozbalit {font-family: "pismoo",Verdana,Arial,Helvetica,sans-serif;text-transform: uppercase;}

#subNav {margin: auto;}
#navv { z-index: 99; display: flex;height: 80px;box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.75);}

.sticky {position: fixed;top: 0;width: 50%;right: -2em; }


.uvod {width: 100%; height: 100vh; position: absolute; top: 0px;}

.uvod-forma {width: 100%; height: 100vh; overflow: hidden; position: relative; }
.uvod-blok {height: 100vh; position: absolute; border-right: 3px solid white; left: -15%; overflow: hidden; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; box-shadow: 10px 0px 15px -5px rgba(0, 0, 0, 0.42);
-webkit-transform: skewX(-29deg);
-moz-transform: skewX(-29deg);
-o-transform: skewX(-29deg);cursor: pointer;
-ms-user-select: none;-webkit-user-select: none;-moz-user-select: none;
}

.uvod-blok-bez {height: 100vh; width: 80vw; position: absolute; overflow: hidden; right:0px; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; cursor: pointer;-ms-user-select: none;-webkit-user-select: none;-moz-user-select: none;}


.in-forma {width: 100vw; height: 100vh; position: absolute; left: 15%;
-webkit-transform: skewX(29deg);
-moz-transform: skewX(29deg);
-o-transform: skewX(29deg);}

.bez-forma {width: 100vw; height: 100vh; position: absolute;}

.vnutorny {width: 100vw; height: 100vh; position: relative; }

.vnutorny img {height: 105vh; position: absolute; left: 0px; right: 0px; margin: auto; bottom: 40px;}

.vnutorny-b1 {left: -23em !important;}


.jednotka {width: 65%; background: black;}
.jednotkaa {width: 70%; }
.jednotkaaa {width: 65%; }

.dvojka {width: 100%; background: black; left: 5%;}
.dvojkaa {width:110%; }
.dvojkaaa {width:100%; }

.trojka {width: 80vw; background: black;}
.trojkaa {width: 74vw;}
.trojkaaa {width: 84vw; }



.vnutorny-blok {position: absolute;top: 35%;color: black;}
.vnutorny-blok-nadpis {	font-style: italic; font-family: pismooo;font-size: 40px; color:white; font-weight: 900; text-shadow: 0px 3px 4px black; cursor: pointer;text-align: left;}

.vnutorny-blok-nadpis-beton {font-size: 1px; color: rgba(255, 255, 255, 0); font-weight: 100; cursor: pointer; background: url('/images/design/logo-mra-beton.png') left top no-repeat; 
height: 42px; margin-left: -10px; background-size: auto 100%;width: 360px;}



.vnutorny-blok-menu {display: inline-block;float: left; transition: all 0.4s; visibility: hidden;}
.vnutorny-blok-menu ul {list-style: none;padding: 0px; margin: 0px 0px 0px -35px; background: black;-webkit-transform: skewX(-29deg);-moz-transform: skewX(-29deg);-o-transform: skewXS(-29deg);}
.vnutorny-blok-menu ul li {text-align: left; background-image: linear-gradient(0deg, #333 0%, #000 65%); cursor: pointer;}
.vnutorny-blok-menu ul li:hover {background-image: linear-gradient(0deg, #C90000 0%, #800000 65%)}
.vnutorny-blok-menu ul li a {text-align: left; color: white; font-family: pismo; display: block; padding: 8px 17px;cursor: pointer; font-size: 15px;-webkit-transform: skewX(29deg);-moz-transform: skewX(29deg);-o-transform: skewX(29deg);}
.vnutorny-blok-menu ul li a:hover {text-decoration: none;}
.vnutorny-blok-menu ul li a:before{display: inline-block; top:-1px; content: " "; background: #810404; height: 35px; width: 40px; position:absolute; margin-left: -48px;background: url('/images/design/li-prefix.png') left top no-repeat;}




.prva {left: 20%;}
.druha {left: 47%;}
.tretia{left: 60%;}

.ano {opacity:1 !important; visibility: initial !important;}
.nie {opacity:0;}


.produkty {background-image:linear-gradient(0deg, #FAFBFC 6%, rgb(149, 167, 177) 37%);margin: 0px 7px 5px; padding: 2px 6px 5px;min-height: 282px;float: left; text-align: center; width:30%;text-align: left;color: #2A2A2A;font-size: 13px;}
.produkty:nth-of-type(4) {padding-right: 0px;}
.produkty a {color: black;text-decoration: none;}
.produkty a:hover {text-decoration: none;}
.produkty b {font-family: pismo;font-size: 13px;color: #000;font-weight: 900;text-transform: uppercase;}
.produkty-img {width:100%; height: 13em;border-bottom: 2px solid #EC2426;margin-bottom: 7px; overflow:hidden;}
.produkty-img:hover {opacity:0.8;}
.produkty-img img {width:100%; height: 13em;}
.pocet-kusov {float: right; color: #000; height: 17px;width: 33px;background: white;border-radius: 50%;padding: 8px 0px;text-align: center;border: 1px solid #EC2426;}


.nadpis-produktu {font-family: pismo;font-size: 24px;color: #000;font-weight: 900;text-transform: uppercase;display: inline-block;padding: 20px 0px;}
.nadpis-produktu a {color: #EB2426;;}
.nadpis-produktu a:hover {color: #FF6363;}
.obrazok-produktu {width:100%;border-bottom: 3px solid #EB2426;padding-bottom: 10px;margin-bottom: 10px;}

.informácie-produktu {font-size: 15px;}
.produkt-pocet-kusov {float: right; text-align: center;text-align: right;color: #EB2426;font-family: pismo;font-size: 30px;}



/* mainNav */
#mainNav{margin:0;padding:17px 0 0 40px;list-style:none;}
#mainNav li{float:left; padding:0 10px 0 10px;border-left:1px solid #fff;}
#mainNav li.first {border-left:0;}
#mainNav li a{font-size:12px;}
#mainNav a:link, #mainNav a:visited {text-decoration: none;color: #fff;}
#mainNav a:hover {text-decoration: underline;}


div#container{text-align:left; background: white; }
div#content{}
div#navigation{}

div#container-bez{width:1100px;padding:0px 26px 0 26px;overflow:hidden;margin: 80px auto 140px; }
div#container-bez h2{padding:0;margin:38px 0 0 0;font-size:24px;font-weight:bold;color: #EB2426;float: left;margin-left: 106px;font-family: pismo;}


div#container{position: relative;width:900px;padding:0px 26px 0 26px;display: inline-block;margin: 80px auto 200px; box-shadow: 0px 1px 4px rgba(78, 78, 78, 0.46), 0px 0px 40px rgba(0, 0, 0, 0.17) inset;}



div#container:before, div#container:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 95%;
  max-width:300px;
  background: #777;
  box-shadow: 0 15px 10px #777;
  transform: rotate(-3deg);
}
div#container:after
{
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}



div#content{width:100%;float:right;padding: 0 0 10px 0;}
div#navigation{float:left;width:191px;}
div#wrapper{width:100%;}

div#content-area{margin: 10px 15px 20px 25px;font-size:14px;color:#000;text-align:justify;overflow:hidden;}
#content-area h1{padding:0;margin:15px 0 10px 0;font-size:24px;font-weight:bold;color: #EB2426;font-family: pismo;}
#content-area h2{padding:0;margin:20px 0 10px 0;font-size:19px;font-weight:bold;color: #EB2426;font-family: pismo;}

div#content-area ul li{line-height: 20px; padding-bottom:8px;padding-right: 30px;}

#content-area img {max-width: 100%; height: auto;}

div#footer-blok{display:none; position: fixed;bottom: 40px;width: 100%;background: rgba(0, 0, 0, 0.55);margin:0 auto;min-height:60px;text-align:center;font-size:11px;font-weight:bold;padding:4px 0 0 0;color:white;}

div#footer-blok-forma {width: 87%; display:table;margin: auto;}
.footer-blok-forma-in {min-width: 8%;color: #CFCFCF; display:table-cell; padding: 0px;text-align: left;font-size: 14px;font-weight: 400;line-height: 9px;}
.footer-blok-forma-in a {font-size: 14px; color: #CFCFCF;}
d.footer-blok-forma-in strong {font-size: 14px; color: white;}
.footer-blok-forma-in-ikona {float: left;font-size: 44px;vertical-align: middle;padding: 3% 6% 3%;}

.fa-tachometer{margin-top: -3px;margin-right: -10px;}

.footer-blok-forma-in img {margin: -20px; padding: 6px 26px; vertical-align: none;transition:all 0.3s; cursor:pointer;opacity:0.6; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");}
.footer-blok-forma-in img:hover {filter: none; opacity:1;}
/* div#footer-shadow{position: fixed; right: 0px; bottom: 0px; height: 350px;width: 200px;background: url('/images/design/foot.png') right top no-repeat; background-size: 100% auto;} */
div#footer-shadow{display: none; position: fixed; right: 0px; bottom: 0px; height: 350px;width: 200px;background: none; background-size: 100% auto;}

div#footer-shadow2{display: none;position: fixed; bottom:0em; width:100vw; height: 2em; box-shadow:0px -34px 39px 67px #FFF;}



div#mapa{position: absolute; margin: auto; right: 0px; left: 60%; top: 30%; height: 300px;width: 500px;background: url('/images/design/mapa-bg.png') right top no-repeat; background-size: 100% auto;}
div#mapa-in{position: relative; height: 100%; width: 100%; }

.betonarky {width: 630px; margin-left: 100px;margin-top: 77px;}
.betonarka {width: 31%;float: left; overflow: hidden;background: #BA0404;max-height: 211px;margin: 8px 6px;}
.betonarka a {color: white; text-decoration: none; }
.betonarka-nazov {color: white; padding: 7px 0px;font-size: 20px;}
.betonarka-nazov:hover {text-decoration: none;}
.betonarka img {width: 100%; height: 155px; transition: all 0.2s;}
.betonarka-img {background: url('/images/design/plus.png') center center no-repeat;}

.betonarky-logicka {width: 100%; display:block; text-align: left;}
.betonarky-logicka img {clear:both; margin:10px 0 0 0;}


.bodka{position: absolute; background: transparent url("/images/design/li-prefix.png") center center no-repeat; height: 32px; width: 38px; transition: all 0.2s;cursor: pointer;}
.bodka:hover {transform: scale(1.2,1.2); }
.bodecka {transform: scale(1.2,1.2); }
.fotecka {opacity: 0.4;}

#b1{ top:65px; left:154px;}
#b2{ top:78px; left:136px;}
#b3{ top:107px; left:107px;}
#b4{ top: 92px; left: 121px;}
#b5{ top:118px; left:197px;}
#b6{ top:149px; left:192px;}




.b-in {font-size: 13px; color: white;margin-left: 17px;line-height: 16px;display: inline-block;width: 130px;text-align: left;display: none;}

div#footer{position: fixed;bottom: 0px;width: 100%;background: black;margin:0 auto;min-height:30px;text-align:center;font-size:11px;font-weight:bold;padding:10px 0 0 0;color:white;}
#footer a:link, #footer a:visited,#footer a:link, #footer a:visited {text-decoration: none; color: gray;font-weight:bold;}
#footer a:hover {text-decoration:underline;}
#footer img{vertical-align:middle;}

div#content-images{padding:0;margin:0;}
.content-image{float:left; border: 1px solid #BA0404; margin:7px; width: 22%;height: 140px;overflow: hidden;position: relative;}
.content-image img {width: 100%; height: auto;}
.content-image img:hover {opacity: 0.8; transform: scale(1.03,1.03);} 
.content-image:before {pointer-events:none;z-index: 99;text-align: center; transition: 0.3s;top: -20%; font-family: FontAwesome; content: "\f002"; position: absolute; right: 0px; left: 0px;width: 60px;margin: auto;color:white;opacity:0;}
.content-image:hover:before { top: 40%;color: white;font-size: 40px;opacity: 1;text-shadow: 0px 2px 13px black;}



ul.sitemap {}

div#news{background:#f3c100;margin:3px 0 0 0;height:300px;padding:10px;}
#news a:link, #news a:visited,#news a:link, #news a:visited {font-weight:bold;}


#frmSeBigTxt{border:0;width:195px;height:18px;font-size:11px;line-height:18px;background:transparent;}
div#search{position:absolute;top:12px;left:524px;width:240px;height:18px;}
#frmSeBigSubmit{vertical-align:bottom;}

div#pagewrapper{width:1152px;margin:0 auto;clear:both;}
div#pageleft{width:100px;height:924px;float:left;background:url('/images/design/left_side.jpg') right top no-repeat;}
div#pagecenter{width:952px;float:left;}
div#pageright{width:100px;height:924px;float:left;background:url('/images/design/right_side.jpg') left top no-repeat;}


#animate-area {
background-image: url("/images/design/oblaky.png");
background-position: 0px 0px;background-repeat: repeat-x;
animation: 100s linear 0s normal none infinite running animatedBackground;
-webkit-animation: 100s linear 0s normal none infinite running animatedBackground;

height: 26em;
position: absolute;
top: 30px;
width: 100%;
z-index: 0;
opacity: 1; background-size: auto 100%;
pointer-events: none;
}


.eufond {display:block; width:150px; height:100px; position:absolute; right:1%; top:100px; z-index:8}




@media all and (max-width: 1500px) {

div#content{width: 62vw;float:right;padding: 0 0 10px 0;}


div#container-bez {width: 100%; padding: 0px;margin: 80px auto 160px;}
div#mapa {transform: scale(0.7,0.7); left: 64%;}
.betonarky {width: 540px;margin-left: 330px;margin-top: 77px;}
.betonarka-nazov {    font-size: 17px;}
div#container-bez h1{margin-left: 336px;}

.produkty {padding: 20px 3px 10px;}

.footer-blok-forma-in img {margin: -6px !important; transform: scale(0.7,0.7); padding:0px !important;}

.menucss {margin-left: 15em;}
.menucss li {margin-left: 0px;}
.menucss li a {padding-left: 0px; padding-right: 1.3em;}

div#container-bez h2 { margin-left: 336px;}

}
@media all and (max-width: 1200px) {

.content-image{ width: 30%;}
.produkty {padding: 20px 3px 10px;}
div#content{width: 64vw;float:right;}

.betonarka {width: 40%;margin: 8px 9px;height: 200px;}
div#container-bez h2 {margin: 0px 0px 10px 330px;}

div#mapa {left: 330px; right: inherit;top: 16%; }
.betonarky {margin-top: 300px;}


div#footer-shadow {right: -60px;}



}
@media all and (max-width: 1000px) {
	
.content-image{ width: 21.6%;height: auto;}


body {height: 100%;min-height: 100vh;}

.jazyk {display: none;}

div#toggle-menu {display: block;}
div#header {overflow: hidden;height: 55px;box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.75);}
div#logicko {position: absolute;left: -230px;}
div#logicko-mra, div#logicko-mra:hover {top: 5px;left: 10px;background-size: auto 100%;height: 48px;}
#navv {display: none;}

#animate-area {display:none; animation: none;}

.jednotka, .dvojka, .trojka {width: 100%;}

.jednotka {height: 32vh;top:7vh;}
.dvojka {height: 33.3vh;top: 37vh;}
.trojka {height: 32vh;top: 69vh;}


.uvod-blok {transform: skewX(0deg);left: 0px; }
.in-forma {transform: skewX(0deg);left: 0px;height: 100%;}
.bez-forma {height: 100%;}
.vnutorny  {height: 100%; width: 100%;}
.vnutorny-blok {top: 16%;left: 0px !important;width: 100%;}
.vnutorny img {height: auto; width: 120%; bottom: 0px !important;opacity: 0.9;}

.vnutorny-b1 {left: 0px !important;}

.vnutorny-blok-nadpis-beton {margin: auto;width: 210px;height: 26px;margin-bottom: 3px;}

.vnutorny-filter {position: absolute; height: 110%; width:100%; -webkit-box-shadow: inset 0px 16px 69px 10px #000;
-moz-box-shadow: inset 0px 16px 69px 10px #000;
box-shadow: inset 0px 16px 69px 10px #000}

.vnutorny-blok-nadpis {font-size: 23px;text-align: center; text-shadow: 1px 1px 0px white, 4px 3px 7px #000;}
.vnutorny-blok-nadpis:focus {margin-top: 2em;}
.vnutorny-blok-menu {float: none; margin: auto;}
.vnutorny-blok-menu ul { margin: auto;}
.vnutorny-blok-menu ul li a {}



.betonarky {width: 100%;margin-left: 0px;top: 0px;margin: -90px auto 13px;display: inline-block;}
.betonarka {width: 30%;margin: 8px 12px;}
div#mapa {left: 0px;right: 0px;top: -20px;position: relative;}
div#container-bez h1 {margin: 20px auto; float: none;}

div#container-bez{margin: 80px auto 0px;}



div#container {width: 96%; padding: 0px; margin: 60px auto 20px;}
div#content {width: 100%;}
	
#content-area {font-size: 13px;}	
#content-area h2 {font-size: 18px;}
	
div#footer {position: relative;}
div#footer-shadow {display: none;}
div#footer-shadow2 {display: none;}

div#footer-blok {position: relative;bottom: 0px;}
div#footer-blok-forma {width: 98%;}
.footer-blok-forma-in {padding: 0px;line-height: 16px;font-size: 13px;width: 30% !important;}
.footer-blok-forma-in img {margin: -20px !important; transform: scale(0.6,0.6); padding:0px !important;}

.footer-blok-forma-in strong {font-size: 13px;}
.footer-blok-forma-in-ikona {padding: 3% 6% 37%;font-size: 34px;}

.footer-blok-forma-in-ikona {padding: 3% 6% 7%;}

	
}
@media all and (max-width: 800px) {

.produkty {padding: 4px;}

.content-image{ width: 21.6%;}
.footer-blok-forma-in-ikona {padding: 3% 6% 8%;}
.footer-blok-forma {width: 94%;}
.footer-blok-forma-in {width: 65% !important;}
.footer-blok-forma-in:nth-child(3){display: none;}
.footer-blok-forma-in:nth-child(4){display: none;}

.betonarka {width: 30%;margin: 8px 11px;}


#lightboxImage{ width: 100% !important; height: auto !important;}
#outerImageContainer{ width: 100% !important; height: auto !important;}
#imageContainer {padding: 4px !important;}
#imageDataContainer{ width: 100% !important; }
#bottomNavClose{ display: none !important;}
#imageData, #imageDetails {width: 100% !important; float: left !important; text-align: center!important;}
#hoverNav{ display: none !important;}


.content-image:hover:before { display: none;}




}
@media all and (max-width: 653px) {

.produkty {width: 44%;padding: 7px;}
.content-image{ width: 27.5%;}

.produkty-img {height: 11em;}
.produkty-img img {height: 11em;}
.nadpis-produktu {font-size: 18px;}

.betonarka {width: 31%;margin: 6px;height: 162px;}
.betonarka img {height: 130px;}

.betonarky-logicka img {height: 58px; margin: 10px 10px 0px;}

.uvod-blok {box-shadow: initial; }

}
@media all and (max-width: 500px) {

.produkty {width: 43%;padding: 5px;min-height: 230px;}

.produkty-img {height: 10em;}
.produkty-img img {height: 10em;}

.produkty b {font-size: 12px;}

.betonarka {width: 30%;margin: 6.5px;}
.betonarka-nazov {font-size: 14px;}

div#mapa {left: -2vw;top: -55px;transform: scale(0.6, 0.6);}
.betonarky {margin: -140px auto 13px;}

.footer-blok-forma-in-ikona {padding: 3% 6% 11%;}
.footer-blok-forma-in {line-height: 12px;font-size: 12px;}

.footer-blok-forma-in:nth-child(3){display: none;}



}
@media all and (max-width: 400px) {

.produkty {width: 94%;padding: 10px;min-height: 230px;}

.produkty-img {height: 13em;}
.produkty-img img {height: 13em;}

.betonarka {width: 46%;margin: 5.5px;}

div#mapa {left: -60px;top: -78px;transform: scale(0.5, 0.5);}
.betonarky {margin: -170px auto 13px;}


.footer-blok-forma-in-ikona {padding: 3% 6% 19%;}

.vnutorny-blok-menu ul li a { padding: 5px 17px; }


}
@media only screen 
  and (max-device-width: 888px) 
  and (orientation: landscape) {

.uvod {height: 100%;}
.uvod-forma {height: 100%;overflow: visible;}
  
.jednotka {height: 16em;top: 55px;}
.dvojka {height: 16em;top: 19em;}
.trojka {height: 16em;top: 35em;}
	
  
  
}