@-webkit-viewport {
  width: device-width;
}
@-moz-viewport {
  width: device-width;
}
@-ms-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
/* nahrazenoobrázkem pozadi
.body-bg () {
	background-size: 50px 50px;
	background-color: @base-light;
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
					  transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
					  transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
					  transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
					  transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
					  transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
					  transparent 75%, transparent);
	-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
					 transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
					 transparent 75%, transparent) 0 0 / 50px 50px #ac0;
}
*/
body {
  margin: 0 auto;
  background: url("/Frontend/Styles/Img/strip-bg.png");
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1em;
  color: #004d4d;
}
header,
nav,
footer,
section,
article {
  display: block;
}
a,
a:active {
  text-decoration: none;
  color: #004d4d;
}
a:hover {
  text-decoration: none;
  font-weight: bolder;
  color: #00999a;
}
.clear {
  clear: both;
}
#wrapper {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  position: relative;
  background: #e6ffff;
  background-color: rgba(230, 255, 255, 0.5);
}
#header {
  width: 100%;
  background: #002424;
  background-color: rgba(0, 36, 36, 0.7);
  border: 1px solid #004d4d;
  box-shadow: 4px 4px 4px #002424;
  -moz-box-shadow: 4px 4px 4px #002424;
  -webkit-box-shadow: 4px 4px 4px #002424;
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color=#808080);
}
#company {
  padding: 18px 0px 15px 15px;
  color: #ffffff;
  text-align: left;
  font-size: 1.5em;
  font-weight: bold;
}
#text_wrap {
  width: 69%;
  float: left;
  margin-top: 1%;
  margin-bottom: 1%;
  margin-right: 1%;
}
#text {
  padding: 5px 15px 8px 15px;
  background: #ffffff;
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid #004d4d;
  box-shadow: 4px 4px 4px #002424;
  -moz-box-shadow: 4px 4px 4px #002424;
  -webkit-box-shadow: 4px 4px 4px #002424;
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color=#808080);
}
#sidebar_wrap {
  width: 30%;
  float: left;
  margin-top: 1%;
  margin-bottom: 1%;
}
#sidebar {
  padding: 5px 15px 5px 15px;
  background: #ffffff;
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid #004d4d;
  box-shadow: 4px 4px 4px #002424;
  -moz-box-shadow: 4px 4px 4px #002424;
  -webkit-box-shadow: 4px 4px 4px #002424;
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color=#808080);
}
#footer {
  clear: both;
  width: 100%;
  background: #002424;
  background-color: rgba(0, 36, 36, 0.7);
  color: #ffffff;
  text-align: center;
  font-size: 0.7em;
  font-style: italic;
  border: 1px solid #004d4d;
  box-shadow: 4px 4px 4px #002424;
  -moz-box-shadow: 4px 4px 4px #002424;
  -webkit-box-shadow: 4px 4px 4px #002424;
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color=#808080);
}
#footer_context {
  padding: 5px 10px 5px 10px;
}
@media screen and (max-width: 768px) {
  #wrapper {
    width: 98%;
  }
}
@media screen and (max-width: 420px) {
  img {
    max-width: 100%;
    height: auto;
    width: auto\9;
    /* ie8 */
  }
  html {
    -webkit-text-size-adjust: none;
  }
  #wrapper {
    width: 100%;
  }
  #header {
    width: 100%;
  }
  #text_wrap {
    float: none;
    width: 100%;
    left: 0%;
  }
  #sidebar_wrap {
    float: none;
    width: 100%;
    left: 0%;
  }
  #footer {
    width: 100%;
  }
}